.elementor-kit-2629{--e-global-color-primary:#333333;--e-global-color-secondary:#EDBB5F;--e-global-color-text:#666666;--e-global-color-accent:#E6BC6D;--e-global-color-white:#FFFFFF;--e-global-color-black:#000000;--e-global-color-dark:#3D3D3D;--e-global-color-menutext:rgba(0,0,0,0.6);--e-global-color-overlay:rgba(0,0,0,0.8);--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-fb4703b-font-family:"Poppins";--e-global-typography-fa30674-font-family:"Saira Extra Condensed";--e-global-typography-f6edab1-font-family:"Playfair Display";--e-global-typography-f87a85c-font-family:"Comfortaa";--e-global-typography-f06e919-font-family:"Oswald";background-color:#FFFFFF;color:#666666;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:500;line-height:1.7em;}.elementor-kit-2629 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1080px;}.e-con{--container-max-width:1080px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:rgba(11,11,11,0.8);--lightbox-ui-color:#CCCCCC;--lightbox-ui-color-hover:#FFFFFF;}@media(max-width:980px){.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 *//* ===== 00 · Divi base — reset и типография на съдържанието (1:1 с оригиналния Divi CSS) ===== Hello reset.css е изключен (Hello → Settings → Deregister reset.css); тук е еквивалентът на Divi. */ *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { line-height: 1.7em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { margin: 0; padding-bottom: 10px; line-height: 1em; font-weight: 500; color: #333; font-family: inherit; } h1 { font-size: 30px; } h2 { font-size: 26px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { margin: 0; padding-bottom: 1em; } p:not(.has-background):last-of-type { padding-bottom: 0; } ol, ul { margin: 0; padding: 0; list-style: none; } a { color: #e6bc6d; text-decoration: none; background-color: transparent; } strong { font-weight: 700; } /* Divi: само strong; b остава browser default (bolder) */ img { max-width: 100%; height: auto; border: 0; } table { border-collapse: collapse; border-spacing: 0; } blockquote { margin: 20px 0 30px; border-left: 5px solid; padding-left: 20px; } button, input, select, textarea { font-family: inherit; } /* Divi базови полета (наследяват ги WPDM филтрите/търсачката) */ input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea { background-color: #fff; border: 1px solid #bbb; padding: 2px; color: #4e4e4e; } input.text, input.title, input[type=text], select, textarea { margin: 0; } /* Divi Custom CSS „body h2 { font-family: 'Open Sans' !important }" е пренесен в конвертора: h2 в текстови модули → Open Sans; module title шрифтовете в Divi са с !important и печелят — там шрифтът се запазва. */ /* rich text (Divi .et_pb_text ≙ Elementor text-editor) */ .elementor-widget-text-editor { word-wrap: break-word; line-height: 1.7em; } .elementor-widget-text-editor ul { list-style-type: disc; padding: 0 0 1em 1em; line-height: 26px; } .elementor-widget-text-editor ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 1em; line-height: 26px; } .elementor-widget-text-editor ul li ul, .elementor-widget-text-editor ul li ol { padding: 2px 0 2px 20px; } .elementor-widget-text-editor table:not(.variations) { border: 1px solid #eee; margin: 0 0 15px; text-align: left; width: 100%; } .elementor-widget-text-editor thead th, .elementor-widget-text-editor tr th { color: #555; font-weight: 700; padding: 9px 24px; } .elementor-widget-text-editor tr td { border-top: 1px solid #eee; padding: 6px 24px; } /* ===== 10 · Header (Divi fixed nav) — класове chu-header / chu-logo / chu-nav от build/header.php ===== */ .elementor-location-header .chu-header { transition: min-height .4s ease-in-out, box-shadow .4s ease-in-out; } .elementor-location-header .chu-nav .elementor-nav-menu--main .elementor-item { transition: padding .4s ease-in-out, opacity .4s ease-in-out; } /* et-fixed-header: 70px, лого 42px (60%), по-мек shadow — Pro Sticky effects клас */ .elementor-location-header .chu-header.elementor-sticky--effects { --min-height: 70px; box-shadow: 0 0 7px rgba(0,0,0,.1) !important; } .elementor-location-header .chu-header.elementor-sticky--effects .chu-logo img { height: 42px !important; width: 200px !important; } /* 60% от 70px, пропорционално */ .elementor-location-header .chu-logo img { transition: height .4s ease-in-out, width .4s ease-in-out; } .elementor-location-header .chu-header.elementor-sticky--effects .chu-nav { padding-top: 28px !important; } /* Elementor генерира padding на widget-а */ .elementor-location-header .chu-header.elementor-sticky--effects .chu-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item { padding-bottom: 28px; } .elementor-location-header .chu-nav { transition: padding .4s ease-in-out; } .elementor-sticky__spacer .chu-logo img { transition: none; } /* Divi: nav padding-top 17 + a { padding-bottom: 17px } → при пренасяне редовете са по 31px (header 79 на 981–1349) */ .elementor-location-header .chu-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item { padding-top: 0; padding-bottom: 17px; } /* разстояние между точките: Divi li { padding-right: 22px } + интервал 3.6px между inline-block li; последната без */ .elementor-location-header .chu-nav .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) { margin-right: 3.6px; } .elementor-location-header .chu-nav .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > .elementor-item { margin-inline-end: 22px; } /* главно меню: hover = opacity .7 (Divi #top-menu-nav>ul>li>a:hover) */ .elementor-location-header .chu-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:hover { opacity: .7; } /* родител със submenu: стрелка 16px вдясно в 20px зона (Divi: a { padding-right: 20px } a:after { right: 0 }) */ .elementor-location-header .chu-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item.has-submenu { padding-right: 20px; position: relative; } .elementor-location-header .chu-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item .sub-arrow { position: absolute; right: 0; top: 0; margin: 0; padding: 0; font-size: 16px; line-height: 14px; display: block; } .elementor-location-header .chu-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item .sub-arrow i:before { width: auto; line-height: 14px; font-weight: 700; } /* Divi наследява 700 → синтетичен bold */ /* desktop dropdown: 340px, padding 20px 0, border-top 3px, li padding 0 20px, fade (Divi et_primary_nav_dropdown_animation_fade) */ .elementor-location-header .chu-nav .elementor-nav-menu--main ul.sub-menu { width: 340px !important; max-width: none !important; min-width: 340px !important; padding: 20px 0; border-top: 3px solid #E6BC6D; animation: chuNavFade .2s ease-in-out; } .elementor-location-header .chu-nav .elementor-nav-menu--main ul.sub-menu > li { padding: 0 20px; } /* Elementor изключва line-height от dropdown типографията и добавя 8px прозрачен border-inline-start на подточките */ .elementor-location-header .chu-nav .elementor-nav-menu--main ul.sub-menu > li > a { width: 300px; white-space: normal; line-height: 28px; border-inline-start: 0 !important; } .elementor-location-header .chu-nav .elementor-nav-menu--main ul.sub-menu > li > a:hover { opacity: .7; } @keyframes chuNavFade { from { opacity: 0; } to { opacity: 1; } } /* ≤980: Divi мобилно меню — панел с border-top 3px, padding 5%, всички нива разгънати, родителите с фон */ @media (max-width: 980px) { .elementor-location-header .chu-nav .elementor-menu-toggle { padding: 0; } /* панелът е overlay под header-а (Divi: position absolute), не бута съдържанието */ .elementor-location-header .chu-nav { position: relative; } .elementor-location-header .chu-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container { position: absolute; left: 0; right: 0; top: 100%; z-index: 9999; border-top: 3px solid #E6BC6D; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1); } .elementor-location-header .chu-nav .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container { padding: 5%; } /* Elementor typography group няма responsive weight/transform, а menu_typography покрива и .elementor-item в dropdown-а */ .elementor-location-header .chu-nav .elementor-nav-menu--dropdown .elementor-item, .elementor-location-header .chu-nav .elementor-nav-menu--dropdown .elementor-sub-item { font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; line-height: 23px !important; border-bottom: 1px solid rgba(0,0,0,.03); /* Divi #main-header line-height 23px */ } .elementor-location-header .chu-nav .elementor-nav-menu--dropdown .elementor-item.has-submenu { background-color: rgba(0,0,0,.03); font-weight: 700 !important; } .elementor-location-header .chu-nav .elementor-nav-menu--dropdown ul.sub-menu { display: block !important; position: static !important; padding-left: 23px; margin: 0 !important; width: auto !important; } .elementor-location-header .chu-nav .elementor-nav-menu--dropdown a.elementor-sub-item { border-inline-start: 0 !important; } .elementor-location-header .chu-nav .elementor-menu-toggle i:before { width: auto; line-height: 1em; } .elementor-location-header .chu-nav .elementor-nav-menu--dropdown .sub-arrow { display: none; } } /* ===== 20 · Footer — контакт форма (Divi Contact Form, измерено в qa/m/live-footer-form.json) ===== */ /* полета: padding 16px, височина = съдържание (Divi: 54px), placeholder 12px; Elementor input_size няма такъв размер */ /* Elementor field_typography идва с line-height 1.7em от глобалния „Текст“; Divi полетата са line-height: normal (54px) */ .chu-contact-form .elementor-field-textual { padding: 16px; min-height: 0; line-height: normal !important; border-radius: 0; } .chu-contact-form .elementor-field-textual::placeholder { font-size: 12px; color: rgba(0,0,0,.7); opacity: 1; } /* „Вашето съобщение": отделен стил на полето в Divi (border 1px #333, фон rgba(12,12,12,.02), Open Sans, min 150px, +40px отгоре) */ .chu-contact-form .elementor-field-group-message { margin-top: 40px; } .chu-contact-form .elementor-field-group-message textarea { border: 1px solid #333 !important; background-color: rgba(12,12,12,.02) !important; font-family: 'Open Sans', Arial, sans-serif; height: 150px; min-height: 150px; display: block; } /* checkbox за съгласие: Divi кутийка 18px, border 1px #333, отметка ETmodules „N" 13px */ .chu-contact-form .elementor-field-group-consent .elementor-field-subgroup { display: block; padding-top: 6px; } /* Divi: празното заглавие на опциите (margin-bottom .5em) над checkbox-а */ .chu-contact-form .elementor-field-group-consent .elementor-field-option { display: block; font-size: 12px; line-height: 20.4px; } /* линията с checkbox-а е с височина 20.4px като в Divi */ .chu-contact-form .elementor-field-group-consent input[type=checkbox] { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0 6px 0 0; padding: 0; border: 1px solid #333; background: #fff; vertical-align: middle; position: relative; display: inline-block; cursor: pointer; } .chu-contact-form .elementor-field-group-consent input[type=checkbox]:checked::before { content: "\4e"; font-family: 'divi-icons'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 17px; height: 17px; font-size: 13px; font-weight: 600; line-height: 17px; text-align: center; color: rgba(0,0,0,.7); } /* field_typography на Elementor покрива и етикетите на checkbox-а → !important за типографските свойства */ .chu-contact-form .elementor-field-group-consent .elementor-field-option label { display: inline; font-family: 'Poppins', Helvetica, Arial, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 2px !important; line-height: 1.7em !important; text-transform: uppercase; color: rgba(0,0,0,.7) !important; cursor: pointer; } .chu-contact-form .elementor-field-group-consent .elementor-field-option label a { color: inherit; font-weight: 700 !important; text-decoration: underline; } /* Divi: под checkbox-а бутонът е на 16px (не 35px като между полетата) */ .chu-contact-form .elementor-field-group.elementor-field-group-consent { margin-bottom: 16px !important; } /* бутонът: Divi .et_pb_contact_submit { margin-left: 18px } */ .chu-contact-form .elementor-field-type-submit { margin-left: 18px; } /* бутон „Уеб сайт от": линкът е бял (Divi .clickstudio a { color:#fff }) */ .chu-credit-studio a { color: #fff; } .chu-credit-studio .elementor-widget-image { line-height: 0; } /* логото започва точно от горния край (Divi: float, без line box) */ /* ===== 30 · Съдържание — правила, които Elementor настройките не покриват (стабилни класове от build/convert.php) ===== */ /* Divi fullwidth slider: заглавието е линк (наследява стила); 300 на desktop, 500 на ≤980px (font-weight не е responsive в Elementor) */ .chu-slide-title .elementor-heading-title a { color: inherit; font-weight: inherit; } @media (max-width: 980px) { .chu-slide-title .elementor-heading-title, .chu-slide-title .elementor-heading-title a { font-weight: 500; } } /* Divi Gallery (grid): колони таблет 3 / телефон 1 (Elementor Basic Gallery ползва фиксирани 480/767px правила) */ @media (min-width: 768px) and (max-width: 980px) { .chu-gallery .elementor-image-gallery .gallery .gallery-item { max-width: 33.333%; } } @media (max-width: 767px) { .chu-gallery .elementor-image-gallery .gallery .gallery-item { max-width: 100%; } } /* hover overlay: бял слой rgba(255,255,255,.9) с рамка 1px #e5e5e5 и Divi икона „+“ (U+E050) 32px #e6bc6d, transition .3s */ .chu-gallery .gallery-icon { line-height: 0; } .chu-gallery .gallery-icon a { display: block; position: relative; } .chu-gallery .gallery-icon a::before { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,.9); border: 1px solid #e5e5e5; opacity: 0; transition: opacity .3s; z-index: 2; pointer-events: none; } .chu-gallery .gallery-icon a::after { content: "\e050"; font-family: 'divi-icons'; font-size: 32px; line-height: 32px; color: #e6bc6d; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; width: 32px; text-align: center; opacity: 0; transition: opacity .3s; z-index: 3; pointer-events: none; } .chu-gallery .gallery-icon a:hover::before, .chu-gallery .gallery-icon a:hover::after { opacity: 1; } /* Divi Blurb: съдържанието е max 550px и центрирано (.et_pb_blurb_content) */ .chu-blurb .elementor-icon-box-wrapper { max-width: 550px; margin-left: auto; margin-right: auto; } .chu-blurb .elementor-icon-box-icon { line-height: 0; } .chu-blurb .elementor-icon-box-description { margin: 0; } /* Video с липсващ файл (404 и на live): Divi