/***********************************************
    Здесь мои css хаки твоего CSS
***********************************************/

/* Общий CSS backend и frontend */    

*{
    box-sizing: border-box;
}

.fe-page{
    /* Ширину не определять */
    width: auto;
    /*width: 960px;*/
    /*font-family: Times New Roman Serif;*/
    /*font-size: 15px;*/
}

.fe-page-frontend{
    max-width: 930px;
}

/* Подсветка текста */
.fe-wgt-txtimg-txt u{
    color: #e80550;
    text-decoration: none;
}

    .fe-flexeditor-display-layout  .fe-wgt-txtimg-txt u {
        text-decoration: none;
    }
    

/* Кастомизация размеров */
.fe-page-mode-preview, .fe-flexeditor-display-layout, .fe-main-tbar{
    width: 931px;
}

.fe-main-tbar{
    font-size: 12px;
}

/***********************************
    Вставка виджета
************************************/
    #feDlgWidgetFile {
        width: 600px;
    }

    #feDlgWidgetParams {
        width: 600px;
    }

    .fe-dlg-description {
        color: #666;
    }
/************************************/    

/************************************
    Диалог выбора видео 
*************************************/
    .sv-video-wrp {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        width: 240px;
        border: solid 1px gray;
        padding: 0px 0 5px 0px;

    }
    .sv-video-wrp:hover {
        outline: 2px solid orange;
        cursor: pointer;
    }

    .sv-video-wrp .video-title {
        margin: 5px 0px 5px 0px;
        font-size: 12px;
        line-height: 120%;
        height: 30px;
        overflow: hidden;
        color: #000;
        padding: 0px 10px;
    } 

/*************************************/

/*************************************
    Видео
*************************************/    
img.video-thumb{
    width: 100%;
}

/* Настройка контейнера изображении превью видео */
.video-thumb-wrp .video-container .video-wrapper{
    text-align: center;
    background-color: #000;
    background-size: contain;
}
/* Иконка на изображении превью видео */
.fe-node-mode-layout .video-play {
    background-image: url(/images/video_play.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    top: 40px;
    margin-top: -50%;
    margin-left: 50%;
    left: -40px;
    position: relative;
    clear: both;
    float: left;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
} 


/************************************************
    Видимость видео и превью в редактора 
*************************************************/
    .fe-node-mode-layout .fe-wgt .video-container{
        display: none;
    }

    .fe-preview .video-thumb-wrp{
        display: none;
    }


/* Диалог UI */    
    .ui-dialog {
        z-index: 200;
    }

/* sv-widget */    
    .sv-widget {
        font-size: 24px;
        padding: 16px 10px;
        background: #ACACAC;
        color: #FFF;
    }
    
/* Поправить в оригинале */    
.fe-wgt-txtimg-img img {
    width: auto;
}

/* В FireFox изображения когда их контейнер имеет float не адаптивные
   Костыль исправление для блоков к которые fe-center
*/
.fe-center .fe-wgt-txtimg-img{
    float: none !important;
}


/* Добавить в оригинал */    
div[data-widget="txtimg"], div.fe-img-right, div.fe-img-right{
    overflow: auto;
}

/* Добавить в оригинал без изображения*/
.fe-map{
    background-color: #eee;
    background-image: url(/images/load.gif);
    background-repeat: no-repeat;
    background-position: center;    
}

/* Старые стили */
img.fe-img-left{
    float: left;
    margin: 0 1.5em .5em 0;
}

img.fe-img-right{
    float: right;
    margin: 0 0 .5em 1.5em;
}


.fe-node-mode-layout [data-widget="ivideo"] .video-container {
    display: block;
}

@media (max-width: 500px){
    .fe-col {
        /*float: none;*/
        width: 100%;
        
    } 
    
    .fe-col-1 .fe-img img{
            width: auto; 
    }
    
    .fe-col-2 .fe-img img{
            width: auto; 
    }

    .fe-col-3 .fe-img img{
            width: auto; 
    }

    .fe-col-4 .fe-img img{
            width: auto; 
    }
    
}


/* Фотогалерея в виде прокрутки */
.fe-gallery-slideshow > a:first-child{
    position: relative;
}

.fe-gallery-slideshow > a:first-child:before{
    content: " \f01d ";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin-top: -25px;
    color: rgba(255,255,255,0.8);
}

.fe-gallery-slideshow > a:first-child:hover:before{
    color: #f95e59;
}