.elementor-kit-6{--e-global-color-primary:#111111;--e-global-color-secondary:#77736E;--e-global-color-text:#242424;--e-global-color-accent:#24508A;--e-global-color-e34cb1f:#F5F4F0;--e-global-color-b4fb8b9:#FFFFFF;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Golos Text";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Golos Text";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Golos Text";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-e34cb1f );color:var( --e-global-color-text );font-family:"Golos Text", Sans-serif;font-weight:400;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Golos Text", Sans-serif;font-weight:600;color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"Cormorant Garamond", Sans-serif;font-size:90px;font-weight:400;line-height:0.95em;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:"Cormorant Garamond", Sans-serif;font-size:64px;font-weight:400;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Cormorant Garamond", Sans-serif;font-size:28px;font-weight:400;}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:"Golos Text", Sans-serif;font-size:22px;font-weight:500;}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-family:"Golos Text", Sans-serif;font-size:18px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   CUSTOM TYPOGRAPHY
   Театральная студия Дарьи Супран
   Только стили, которых нет в Theme Style
   ========================================================= */


/* ---------------------------------------------------------
   01. HERO DISPLAY
   Только крупный display-заголовок первого экрана.
   Например: "ДАРЬИ СУПРАН"
   --------------------------------------------------------- */

#hero-display h1 {
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 400;
    font-size: 138px;
    line-height: 0.84;
    letter-spacing: -0.04em;
}


/* ---------------------------------------------------------
   02. DISPLAY DATE
   Крупная дата афиши: 25.10
   Не является heading по семантике.
   --------------------------------------------------------- */

.display-date div{
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 400;
    font-size: 120px;
    line-height: 0.88;
    letter-spacing: -0.03em;
}


/* ---------------------------------------------------------
   03. SECTION LABEL / EYEBROW
   "БЛИЖАЙШЕЕ СОБЫТИЕ"
   "О СТУДИИ"
   "РЕПЕРТУАР"

   Это НЕ H5/H6.
   Обычный текстовый элемент с CSS class.
   --------------------------------------------------------- */

.section-label {
    font-family: var(--e-global-typography-accent-font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.10em;
    text-transform: uppercase;

    color: var(--e-global-color-accent);
}


/* Label на тёмном фоне.
   Добавляем второй класс:
   section-label section-label--light
*/

.section-label--light {
    color: #fff;
}


/* ---------------------------------------------------------
   04. META
   Дата / город / возраст / длительность и т.п.
   Например:
   Варна · 19:00 · 12+ · 1 ч 20 мин
   --------------------------------------------------------- */

.meta {
    font-family: var(--e-global-typography-text-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.025em;
    opacity: 0.65;
}


/* ---------------------------------------------------------
   05. HERO META
   Строка под главным заголовком:
   ВАРНА · ДЕТИ И ПОДРОСТКИ · ТЕАТР
   --------------------------------------------------------- */

.hero-meta {
    font-family: var(--e-global-typography-accent-font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}


/* =========================================================
   TABLET
   <= 1024px
   ========================================================= */

@media (max-width: 1024px) {

    /* Главный заголовок Hero */
    #hero-display h1 {
        font-size: 82px;
        line-height: 0.86;
        letter-spacing: -0.035em;
    }

    /* Большая дата */
    .display-date div {
        font-size: 78px;
        line-height: 0.88;
    }

    /* Маленькие служебные заголовки */
    .section-label {
        font-size: 16px;
        letter-spacing: 0.09em;
    }

    /* Meta */
    .meta {
        font-size: 13px;
    }

    /* Подпись в Hero */
    .hero-meta {
        font-size: 14px;
        letter-spacing: 0.09em;
    }

}


/* =========================================================
   MOBILE
   <= 767px
   ========================================================= */

@media (max-width: 767px) {

    /* Главный заголовок Hero */
    #hero-display h1 {
        font-size: 48px;
        line-height: 0.9;
        letter-spacing: -0.025em;
    }

    /* Большая дата */
    .display-date div {
        font-size: 52px;
        line-height: 0.9;
        letter-spacing: -0.02em;
    }

    /* Маленькие служебные заголовки */
    .section-label {
        font-size: 14px;
        line-height: 1.25;
        letter-spacing: 0.075em;
    }

    /* Meta */
    .meta {
        font-size: 12px;
        line-height: 1.4;
    }

    /* Подпись в Hero */
    .hero-meta {
        font-size: 12px;
        line-height: 1.35;
        letter-spacing: 0.07em;
    }

}


/* =========================================================
   SMALL MOBILE
   <= 480px
   Для узких телефонов
   ========================================================= */

@media (max-width: 480px) {

    #hero-display h1 {
        font-size: 42px;
    }

    .display-date div {
        font-size: 46px;
    }

    .section-label {
        font-size: 13px;
    }

    .hero-meta {
        font-size: 11px;
    }

}/* End custom CSS */