/*--------------------------WIDGETS------------------------------------*/


/*MEDIA PICKER Remove BUTTON*/
i.fa.fa-times.media-picker-remove {position: absolute;margin-top: 0px;margin-left: 5px;color: #E48E8E;padding: 4px;width: 17px;height: 17px;text-align: center;cursor: pointer;opacity:.8;right: 20px; }
i.fa.fa-times.media-picker-remove:hover{ opacity:1;}
a.media-picker-button.button {display: block; max-width: 100px;}
.widget_input_wrap {margin: 15px 0;}
img.media-picker-preview { max-width: 100%!important; height: auto;}

.icon-color{  padding-bottom:5px;}

/*BLOCKS WIDGETS*/
.block_acc_wrap {display: none;border: 1px solid #eee;padding: 15px;margin-top: -20px;border-top: none;}
.block_accordion h4 {padding: 15px 10px;background-color: #f5f5f5;border-radius: 3px;border: 1px solid #eee;color: #888;cursor: pointer;}
.block_accordion h4:before {content: "+ ";}
.block_accordion.acc_active h4:before {content: "- ";}
.block_accordion h4:hover, .block_accordion.acc_active h4{background-color: #f1f1f1;}
.block_accordion label {font-weight: bold; display: block; margin-bottom: 5px;}
.fl-builder a.media-picker-button.button, .fl-builder a.button.edit-content-button { background: #f1f1f1; padding: 7px 10px; border-radius: 3px; border: 1px solid #ddd; cursor: pointer; margin-top: 5px;  display: inline-block;}
 .fl-builder .block_acc_wrap,.so-content .block_accordion{
  width: 48%;
  position: relative;
  float: left;
  margin: 5px;
}



.ocdi__gl-item {
    width: calc(25% - 30px);
    margin: 0 30px 30px 0;
}
@media screen and (max-width: 782px)
{
.ocdi__gl-item {
    width: 50% ;
    margin: 0 30px 30px 0;
}}

/*Repeater Widget Fields*/
.widget_repeater{width: 100%;margin-bottom: 30px;padding-bottom: 10px;}
.widget_repeater input[type="button"]{ float: right;background: #6294FF;}
.widget_repeater input[type="button"]:hover, .widget_repeater input[type="button"]:focus{ background:#5682E2;}
.widget_repeater .widget_input_wrap input, .widget_repeater .widget_input_wrap textarea, .widget_repeater .widget_input_wrap .remove-field, .widget_repeater .widget_input_wrap .media-picker-wrap, .widget_repeater .widget_input_wrap .edit-content-button{ display: none;}
.widget_repeater .widget_input_wrap{border: 1px solid #ececec;}
span.repeat_handle { display: block; padding: 8px 10px; border-radius: 2px;font-weight: bold;cursor:pointer;}
.repeatopen span.repeat_handle{border-bottom: 1px solid #ececec;}

span.repeat_handle:before {content: "+";font-family: sans-serif;font-size: 18px;position: relative;width: 18px;top: 2px; display: inline-block; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.repeatopen span.repeat_handle:before{transform: rotate(45deg);}
.widget_repeater .media-picker-wrap{ position:relative;}
.widget_repeater i.fa.fa-times.media-picker-remove {right: 35px;}

.widget_repeater .repeatopen  input, .widget_repeater .repeatopen  textarea, .widget_repeater .repeatopen  .remove-field, .widget_repeater .repeatopen  .media-picker-wrap, .widget_repeater .repeatopen .edit-content-button { display: block;}
.widget_repeater .repeatopen input, .widget_repeater .repeatopen textarea, .widget_repeater .repeatopen .remove-field, .widget_repeater .repeatopen  .media-picker-wrap {margin: 15px; width: 91%;}
.widget_repeater .repeatopen .media-picker-wrap i.fa.fa-times.media-picker-remove {bottom: 55px;right: 10px;}

.widget_input_wrap span.remove-field.button {display: none;width: 30px;color: transparent;border-radius: 50%;background-color: #aaa;border: none;box-shadow: none;margin: 0;right: 0;position: absolute;margin-top: -24px;margin-right: -5px; text-shadow:none!important;}
.widget_input_wrap span.remove-field.button.button-primary:before {content: "\f182";color: #fff;font-family: 'dashicons';margin-left: -3px;}
.widget_input_wrap.repeatopen  span.remove-field.button{ display:inline-block;}
.widget_input_wrap.repeatopen span.remove-field.button:hover { background-color: #E7A0A0;}

.widget_input_wrap.repeatopen {position: relative;overflow: hidden;}


.widget_repeater > h4 + script + .repeat_clone_field:empty{border:1px solid #ddd; padding:10px; border-radius:3px; display:block; width:100%;box-sizing:border-box;  margin-bottom: 10px;}
.widget_repeater > h4 + script + .repeat_clone_field:empty:before{ content:attr(data-empty-content);}

.widget_repeater .edit-content-button { width: 120px;  text-align: center; margin: 15px; }
div[data-widget-id*="widget-optimizer_front_carousel"] .repeatopen input[type="text"] {  max-width: 91%;}
.widget_repeater img.media-picker-preview { border: 4px double rgba(0, 0, 0, 0.1); margin-bottom: 10px; width: 96%;}