/* !!! IMPORTANT !!!
 * If you update this file, you have to rebuild the merged css, more info in common/gulpfile.js
 **/

.block-full-width {
    position: relative;
    margin: 0 -15px;
}

.full-width, .full-width-2 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
}

.full-width .row, .full-width-2 .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

.full-width .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.full-width-content {
    height: 100%;
}
.container-fluid.full-width-content {
    padding: 0;
}

.block-full-width .col-center {
    text-align: left;
}
.block-full-width.active .col-center {
    text-align: center;
}

.full-width .background-picker {
    padding: 20px 0;
}

.full-width .container, .full-width-2 .container {
    padding: 50px 0;
    width: auto;
    max-width: unset;
}

.editing .active .full-width .container {
    background-color: transparent;
    background-clip:content-box;
}

/*.full-width .background-picker i {*/
    /*padding: 15px 10px;*/
    /*width: 40px;*/
    /*height: 30px;*/
    /*display: inline-block;*/
    /**/
    /*-webkit-border-radius: 100px;*/
       /*-moz-border-radius: 100px;*/
            /*border-radius: 100px;*/

    /*border: 1px solid #888;*/
    /*color: #888;*/
    /*cursor: pointer;*/
/*}*/
/*.full-width .background-picker i:hover {*/
    /*border-color: #000;*/
    /*color: #000;*/
/*}*/

.full-width .container .full-width-text, .full-width-2 .container .full-width-text {
    padding: 0 20px;
}

.full-width .pickers {
    position: relative;
    margin: 0 auto;
    width:220px;
}

.full-width .pickers .picker-ico {
    width: 90px;
    float: left;
}

.full-width .pickers .picker-ico:last-child {
    margin-left: 20px;
}

/*.full-width .pickers .picker-ico a {*/
    /*font-size: 12px;*/
    /*color: #999!important;*/
    /*display: block;*/
    /*margin-top: 8px;*/
    /*font-family: Helvetica, Arial, sans-serif;*/
/*}*/
/*.full-width .pickers .picker-ico a:hover {*/
    /*color: #000!important;*/
/*}*/

#full-width-color {
    padding-top: 15px;
    height: 30px;
    overflow: visible !important;
}

#full-width-color p.full-width-input-container {
    float: left;
    width: 50%;
}

#full-width-color .full-width-bg-color {
    font-size: 14px;
    padding-left: 12px;
    height: 23px;
    border: 1px #a29494 solid;
}

#full-width-color .chosen-container {
    float: left;
}

#full-width-color .minicolors-theme-default.minicolors {
    margin: 0 0 6px 5px
}


.full-width .pickers a.remove-image {
    color: #ff0000!important;
}

.editing .full-width-overlay:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.full-width-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

#full-width-color + .ui-dialog {
    overflow: visible !important;
}

#content-area .block-full-width-2.block > .row {
    padding: 0;
}

/* Fullwidth 2 block  */
#main .block-full-width-2 .row {
    margin: 0 -15px;
}
.block-full-width-2 .col-md-6 {
    padding: 0;
}
.block-full-width-2 .full-width-2 {
    height: 100%;
}
.full-width .video-container {
    position: absolute;
    overflow: hidden;
    margin: 0;
    height: 100%;
    width: 100%;
    left: 0;
}
.full-width .video-container video {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    max-width: 100%;
    top: 0;
    left: 0;
}
.full-width .video-container video.full-width-video-leaf {
    padding-left: 15px;
}

.editing .full-width .video-container {
    display: none;
}

.preview .full-width .video-container {
    display: block;
}

.editing .block-full-width.active .pickers .picker-ico .change-video {
    margin-bottom: 5px;
}