/**
 * Block styles for front, editor or both
 *
 */

/*************************************************/
/** applied both on the front and in the editor **/
/*************************************************/
.wp-block-wkg-modalbox .modalbox-open{
  background: transparent;
  background-repeat:  no-repeat;
  background-position:  center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.wp-block-wkg-modalbox .modalbox-open .overlay{
  width: 100%;
  min-height: 300px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
}
/**************************************************/
/** applied on the front only                    **/
/**************************************************/
.wkg-front.wp-block-wkg-modalbox{
}
/**************************************************/
/** applied in the editor only                   **/
/**************************************************/
.wkg-editor.wp-block-wkg-modalbox.wgk-is-selected{
  padding: 6px;
  background-color: #F3F3F3;
}