/*
Theme Name: Theatre WP Child
Theme URI: 
Author: Curly Themes
Author URI: 
Description: Child Theme for Theatre WP Theme
Version: 1
Template: theatre-wp

*/
@import url("../theatre-wp/style.css");
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');
/**********************************************************************************************************************/
/*****Меню*************************************************************************************************************/
.menu-disabled > a {
    pointer-events: none;
    cursor: default;
    /*opacity: 0.6; !* по желанию *!*/
}
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*****Стили с первого зеркала******************************************************************************************/

/*Header*/
.ct-header__logo-nav {
    padding-top: 0px;
    padding-bottom: 0px;
}

.menu-disabled > a {
    pointer-events: none;
    cursor: default;
    /*opacity: 0.6; !* по желанию *!*/
}

/* Иконки соц сетей в топ-меню */
#menu-main-menu > li.menu-socials{
    margin-left: 0 !important;
}

.header-socials{
    display: flex;
    align-items: center;
    gap: 14px;
}

.header-socials a{
    text-decoration: none;
}

#menu-main-menu > li.menu-socials{
    margin-left: 100px !important; /* расстояние от "КОНТАКТИ" */
}

/* Новости */

body.home .wcs-class__excerpt{
    font-family: "Fixel Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 500;
}

/*Заголовок новости на Главной*/
.wcs-class__title{
    font-family: "Fixel Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 500;
}

.wcs-class__title,
.entry-title {
    hyphens: manual;
    overflow-wrap: anywhere;
}


/**********************************************************************************************************************/
/*****Main Events******************************************************************************************************/

/* Фиксируем высоту карточки */
#wcs-app-4 .wcs-iso-item {
    height: 760px;
}

/* Делаем внутреннюю структуру управляемой */
#wcs-app-4 .wcs-class_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}


/* Контент занимает остаток */
#wcs-app-4 .wcs-class__excerpt {
    flex-grow: 1;
    overflow: hidden;
}

@media (max-width: 900px){
    #wcs-app-4 .wcs-iso-item {
        height: auto;
    }
}

#wcs-app-4 .wcs-class__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/**********************************************************************************************************************/
/***** Специально событие *********************************************************************************************/
#single-event.vc_custom_1497459344030 {
    /*border-top-width: 3rem !important;*/
    /*border-right-width: 0.5rem !important;*/
    /*border-bottom-width: 0.5rem !important;*/
    /*border-left-width: 0.5rem !important;*/


    border: 3px solid rgba(200, 173, 140, 0.6) !important;
}
/*Special Event заголовок "Незабаром"*/
.soon {
    white-space: nowrap;        /* никогда не переносить */
}

/***** END Специально событие *****************************************************************************************/
/**********************************************************************************************************************/
/***** Творчі колективи ***********************************************************************************************/
.no-ligatures .special-title,
.ct-header__main-heading-title .h1,
.wcs-class__inner h3{
    letter-spacing: 0.005em;
}

.main_ourtheatres_desc .xtd-card__info {
    /*background-color: #181616;*/
    /*background-color: #141212;*/
    /*background-color: #100F0F;*/
    background-color: #0B0A0A;
    background-color: #1A1919;
}

.main_ourtheatres_desc .xtd-card__title,
.main_ourtheatres_desc .xtd-card__content,
.btn-link{
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
}

.main_ourtheatres_desc .xtd-card__title{
    font-family: "Playfair Display", serif;
    font-weight: 400;
    letter-spacing: 0.02em; /* по желанию, красиво для антиквы */
    font-size: 42px;
    line-height: 55px;
    color: #ffffff;
    text-transform: none !important;
}

/* Линия под заголовком */
.main_ourtheatres_desc .xtd-card__title::after {
    content: "";
    display: block;
    width: 200px;          /* длина линии */
    height: 1px;          /* толщина */
    background-color: #c8a46a; /* цвет, как в дизайне */
    /*margin: 16px auto 0;  !* центрирование *!*/
    margin-top: 30px;
}

.main_ourtheatres_desc .xtd-card__content {
    padding-top: 30px;
    font-family: "Fixel Display", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
}

.btn-link {
    padding-top: 20px;
    /*padding-bottom: 60px;*/
}

/*Тень*/

/*, xtd-shadow--large-hard*/
/*#1A1919*/
/* LARGE */
.ourtheatres_card.xtd-shadow--large-hard {
    box-shadow: 1.5rem 1.75rem 4.5rem -2.5rem rgba(0,0,0,.92) !important;
}
.ourtheatres_card.xtd-shadow--large-normal {
    box-shadow: 1.5rem 1.75rem 4.5rem -2.5rem rgba(0,0,0,.42) !important;
}
.ourtheatres_card.xtd-shadow--large-light {
    box-shadow: 1.5rem 1.75rem 4.5rem -2.5rem rgba(0,0,0,.22) !important;
}

/* NORMAL */
.ourtheatres_card.xtd-shadow--normal-normal {
    box-shadow: 1.25rem 1.5rem 3rem -2rem rgba(0,0,0,.42) !important;
}

/* SMALL */
.ourtheatres_card.xtd-shadow--small-normal {
    box-shadow: 1rem 1.25rem 2rem -1.5rem rgba(0,0,0,.42) !important;
}
.ourtheatres_card.xtd-shadow--large-normal {
    box-shadow:
            1.4rem 1.8rem 4.5rem -2.2rem rgba(0,0,0,.42), /* основная */
            -0.4rem 0.6rem 1.8rem -1.6rem rgba(0,0,0,.18); /* левая мягкая */
}


/*Тени END*/
/***** END Творчі колективи *******************************************************************************************/
/**********************************************************************************************************************/


/*****END Стили с первого зеркала**************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/







/**********************************************************************************************************************/
/*****Главная**********************************************************************************************************/
.wpb-content-wrapper .vc_custom_1497541494279 {
    background-image: url("https://dev1.municipaltheatre.od.ua/wp-content/uploads/2017/06/lightinthetheater.jpeg-copy.jpg?id=93") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    }

    /*.vc_custom_1497459344030{margin-top: 6rem !important;margin-bottom: 6rem !important;border-top-width: 1rem !important;border-right-width: 1rem !important;border-bottom-width: 1rem !important;border-left-width: 1rem !important;border-left-color: rgba(200,173,140,0.4) !important;*/

h6.special-title small:last-child{
    letter-spacing: 0.03em;
}

/*Подключение шрифтов*/
.slogan, .single-wcs-event--left .wcs-single-left p, .wcs-single-right__content, .wcs-class__excerpt, .wcs-class__title{
    font-family: "Fixel Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* для подзаголовка на Главной "Наші театри"*/
.wpb_text_column .special-title,
.ct-header__main-heading-title h1{
    letter-spacing: 0.0005em;
}

/*Иконка кнопки календаря*/
/* WPBakery button: исправить вертикальное выравнивание иконки справа */
.vc_btn3.vc_btn3-icon-right {
    display: inline-flex !important;
    align-items: center !important;
}

.vc_btn3.vc_btn3-icon-right .vc_btn3-icon {
    position: static !important;   /* убираем absolute */
    top: auto !important;
    transform: none !important;
    margin-left: 10px !important;  /* расстояние от текста */
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}




/*Незабаром рамка*/
#single-event {
    /*border-top-width: 3rem !important;*/
    /*border-right-width: 0.5rem !important;*/
    /*border-bottom-width: 0.5rem !important;*/
    /*border-left-width: 0.5rem !important;*/


    /*border: 3px solid rgba(200, 173, 140, 0.6) !important;*/
    border-top-width: 3px !important;
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
    border-left-width: 3px !important;
}
/**********************************************************************************************************************/
/*****Single post******************************************************************************************************/

/*Замена фразы соцплагина*/
.ct-social-box > h4.h3{
    font-size: 0 !important;
}
.ct-social-box > h4.h3::after{
    content: "Сподобалося? Поділіться!" !important;
    font-size: 24px; /* подгони под стиль */
    letter-spacing: 1.96px;
    line-height: 30.625px;
}

/**********************************************************************************************************************/
/***** Contacts *******************************************************************************************************/
.contacts-line {
    display: flex;
    flex-wrap: wrap;       /* перенос для мобильной версии */
    gap: 6px;
    align-items: center;
    font-size: 18px;
}
.phones-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 10px;
    font-size: 18px;
}

/**********************************************************************************************************************/
/***** Calendar *******************************************************************************************************/
/* Убрать время в детальном просмотре Monthly Calendar */
#wcs-app-3 .wcs-class__time-duration {
    display: none !important;
}


/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*****@MEDIA***********************************************************************************************************/
/*Special Event Незабаром - адаптация*/
@media (max-width: 1355px) {
    .soon {
        font-size: clamp(66px, 5.6vw, 76.5px);
        letter-spacing: -0.015em; /* лёгкое уплотнение */
    }
}


/*****@MEDIA END*******************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/