:root { --accent: #c7a35a; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(6, 11, 22, 1), -10px 10px rgba(6, 11, 22, 0.2), -10px -10px rgba(6, 11, 22, 1), 10px -10px rgba(6, 11, 22, 0.2); } 25% { box-shadow: -10px 10px rgba(6, 11, 22, 0.2), -10px -10px rgba(6, 11, 22, 1), 10px -10px rgba(6, 11, 22, 0.2), 10px 10px rgba(6, 11, 22, 1); } 50% { box-shadow: -10px -10px rgba(6, 11, 22, 1), 10px -10px rgba(6, 11, 22, 0.2), 10px 10px rgba(6, 11, 22, 1), -10px 10px rgba(6, 11, 22, 0.2); } 75% { box-shadow: 10px -10px rgba(6, 11, 22, 0.2), 10px 10px rgba(6, 11, 22, 1), -10px 10px rgba(6, 11, 22, 0.2), -10px -10px rgba(6, 11, 22, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #060b16 }#afc_sidebar_4277 { filter: hue-rotate(220deg) saturate(1.5) brightness(1.3) !important; } h2 { margin-bottom: 25px !important; } .tablepress tr { border-bottom: 1px solid rgba(199, 163, 90, 0.25) !important; /* Elegant gold line */ background: transparent !important; box-shadow: none !important; } .tablepress, .tablepress th, .tablepress td { border: none !important; background: transparent !important; box-shadow: none !important; } .tablepress tbody td { vertical-align: top !important; padding: 12px 12px !important; /* Restored padding slightly for border breathing room */ line-height: 1.3 !important; } .table-row-item { display: inline-flex !important; align-items: flex-start !important; gap: 10px !important; } .table-row-item svg { margin-top: 3px !important; flex-shrink: 0 !important; } /* Responsive Table Text Sizes */ /* Desktop Mode (Screens over 1200px) */ @media (min-width: 1201px) { .tablepress tbody td .table-row-item span { font-size: 19px !important; font-weight: 500 !important; color: #ffffff !important; } .tablepress tbody td:last-child { font-size: 19px !important; font-weight: 400 !important; color: #C8C4BC !important; } } /* Mobile/Tablet Mode (Screens 1200px and under) */ @media (max-width: 1200px) { .tablepress tbody td .table-row-item span { font-size: 16px !important; font-weight: 500 !important; color: #ffffff !important; } .tablepress tbody td:last-child { font-size: 16px !important; font-weight: 400 !important; color: #C8C4BC !important; } } /* fix nav labels*/ @media (max-width: 1200px) { #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu a.mega-menu-link img { width: 28px !important; height: 28px !important; vertical-align: middle !important; margin-right: 8px !important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link { font-size: 21px !important; } html body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:not(.nav-btn-consultation) > a.mega-menu-link { font-size: 22px !important; color: #FFE !important; } html body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.nav-btn-consultation > a.mega-menu-link { font-size: 22px !important; } } .profile-avatar { filter: hue-rotate(187deg) saturate(1.9) brightness(1.2)!important; } /* ========================================= */ /* 0 Pop up procedures */ /* ========================================= */ .procedure-key-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; border-top: 1px solid rgba(184,154,83,0.3); padding-top: 1.5rem; margin-top: 1.5rem; padding-bottom: 10px; } .procedure-key-info span { display: block; color: #B89A53!important; font-size: 0.8rem; text-transform: uppercase; } .procedure-modal-panel h2 { font-family: Aboreto !important; font-size: clamp(2rem, 4vw, 3.5rem); margin-bottom: 1.5rem; color: #c7a35a !important; } .procedure-modal { position: fixed; inset: 0; z-index: 9999; display: block; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.45s ease, visibility 0.45s ease; } .procedure-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; } .procedure-modal-panel { position: absolute; z-index: 2; left: 50%; top: calc(50% + 30px); transform: translate(-50%, -50%); width: min(92vw, 62rem); max-height: calc(90vh - 60px); overflow-y: auto; overflow-x: hidden; padding: clamp(2rem, 4vw, 3.5rem); color: #E6E0D6; border: 1px solid rgba(184,154,83,0.28); box-shadow: 0 2rem 6rem rgba(0,0,0,0.72), 0 0 0.8rem rgba(184,154,83,0.08); opacity: 0; transition: opacity 0.55s ease, transform 0.55s cubic-bezier(.22,.61,.36,1), box-shadow 0.55s ease; isolation: isolate; background-image: radial-gradient(circle at center, rgba(255,225,140,0.42) 0%, rgba(199,163,90,0.22) 10%, rgba(199,163,90,0.08) 18%, transparent 30%), radial-gradient(circle at center, rgba(255,240,190,0.30) 0%, rgba(184,154,83,0.16) 12%, rgba(184,154,83,0.06) 20%, transparent 34%), linear-gradient(rgba(10,12,16,0.52), rgba(10,12,16,0.58)), url('https://csp-renewal.com/wp-content/uploads/2026/05/alt_blue_background.png'); background-size: 46rem 46rem, 52rem 52rem, cover, cover; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: 8% 12%, 86% 78%, center, center; top: 50%; transform: translate(-50%, -45%); /* Pulls it up slightly */ margin-top: 0px; /* Forces gap from top */ } @media (max-width: 600px) { .procedure-modal-panel { width: 95vw; padding: 1.5rem; /*top: 55%; Lowers it further on mobile */ top: 300px!important; max-height: 75vh; } } /* @media (max-width: 600px) { .procedure-modal-panel { width: 95vw; padding: 1.5rem; top: calc(50% + 20px); top: 48%; max-height: 75vh; } } */ .procedure-modal-close { position: absolute; top: 1rem; right: 1rem; background: transparent; border: none; color: #fff; font-size: 2rem; cursor: pointer; line-height: 1; z-index: 10; } .procedure-modal.is-open .procedure-modal-panel { opacity: 1; } .procedure-modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.6); } @media (max-width: 600px) { .procedure-modal-panel { width: 95vw; padding: 1.5rem; top: 40px; height: calc(100vh - 80px); } } .body-map-wrapper { position: relative!important; width: 92vw!important; max-width: 1400px!important; aspect-ratio: 2.12 / 1!important; margin-inline: auto!important; background: transparent!important; overflow: visible!important; } @media (min-width: 1200px) { .body-map-wrapper { width: 100%!important; max-width: 100%!important; } } /* ========================================= */ /* 1. GENERAL FOR ALL (BASE STYLES) */ /* ========================================= */ input[type="email"] { background: #211f0e63!important; border: none; border-bottom: 1px solid #555 !important; color: #fff; padding: 10px 0; width: 100%; outline: none; } input[type="email"]::placeholder { color: #7a7a7a; opacity: 1; } #contactbutton .elementor-button-text { text-transform: uppercase !important; color: #c7a35a !important; font-size: 22px !important; /* font-family: "Aboreto", Sans-serif!important;*/ font-weight: 500!important; } @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,\ 600;1,400&family=Montserrat:wght@300;400;500;600&display=swap'); html body .c27-main-header.header.header-style-alternate, html body .c27-main-header.header.header-scroll, html body .header-skin { transition: none !important; transform: none !important; animation: none !important; } body .c27-main-header.header-scroll header .header-skin, body .header.header-scroll .header-skin, header.header-scroll .header-skin { background: #060b16 !important; } .header.header-scroll.header-scroll-hide { transform: translateY(0%) !important; } body, #c27-site-wrapper, .featured-section { background-color: #060b16 !important; color: #f8f9fa !important; } body, p, li, span, label, input, textarea, select, .element .pf-body, .wp-editor-content .pf-body ul li { font-family: 'Montserrat', sans-serif !important; font-size: 17px !important; color: #C8C4BC !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .elementor-heading-title, .title-style-1 h5 { font-family: 'Cormorant Garamond', serif !important; color: #ffffff !important; font-weight: 500 !important; } a, .pf-body a, a[href*="tel:"] { color: #c7a35a !important; font-weight: 700; } .elementor-widget-image-box .elementor-image-box-img { display: flex; justify-content: center; } .tablepress>:not(caption)>*>* { vertical-align: top !important; color: #ffffff !important; } .sp-easy-accordion p, .ea-header br, .ea-header a br { display: none !important; } .sp-easy-accordion .ea-body p { display: block !important; } h3 { margin-top: 20px; margin-bottom: 20px !important; } .elementor-button.elementor-size-lg { font-size: 18px; padding: 20px 40px; border-radius: 5px; text-decoration: auto; } .lf-item-container { margin-bottom: 20px; transform: translateZ(0); box-shadow: 0 0px 0px rgba(0, 0, 0, .0705882353); background-color: #1a1a1a !important; } .sbf-container .listing-details { border-top: none; height: 55px; align-items: center; padding: 0 15px; display: none !important; } .elementor-heading-title { line-height: 1.2; } ul { margin: 10px 0px 20px 0px; list-style-position: outside !important; } .elementor-text-editor ul { text-indent: -25px !important; margin-left: 33px !important; } .wp-editor-content .pf-body ul li { list-style-position: inside; font-size: 18px; line-height: 24px; padding-left: 18px; text-indent: -1.3em; margin-left: 10px; } .c27-content-wrapper img { width: 100%; } blockquote, blockquote * { margin: 0px 0px 5px 0px !important; background-color: #222 !important; color: #fff !important; } .postform { height: 44px; font-size: 16px; margin-top: 10px; background: #222; color: #fff; } .grecaptcha-badge { visibility: hidden; } .left-block .pf-body { margin-top: -40px !important; } .text-center { display: none !important; } .footable_parent { margin-top: -20px; margin-bottom: -10px; } .elementor iframe { height: 50vw; max-height: 500px; } .elementor-video-iframe { height: 100% !important; } .elementor-text-editor ol { text-indent: -12px; margin-left: 20px; } .block-field-right-down .pf-body { margin-top: -55px; } .profile-header { display: none; } .element .pf-body p { margin-bottom: 20px; margin-top: 20px; } .left-block .pf-head, .left-block-video .pf-body, .right-block .pf-head { display: none; } .left-block .pf-body { margin-top: -30px; } .right-block .pf-body { margin-top: -40px; } .elementor-image-box-img .attachment-full { border-radius: 10px; } legend { text-align: left; color: #ffffff !important; } div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label { margin: 0; line-height: 1.3; font-size: 15px; } .elementor-3054 .elementor-element.elementor-element-5ae55da { margin-top: -50px; } div.wpforms-container-full .wpforms-form ul li { text-align: left; } div.wpforms-container-full .wpforms-form input[type="checkbox"], div.wpforms-container-full .wpforms-form input[type="radio"] { vertical-align: middle; } div.wpforms-container-full .wpforms-form button[type="submit"] { background-color: #92a3d0 !important; border-color: #92a3d0 !important; border-radius: 10px !important; } div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul { display: inline-flex; flex-wrap: wrap; width: 100%; } .sbf-title p { font-size: 13px !important; overflow: hidden; } .sbf-thumb { height: 168px !important; background-color: #111 !important; } .sbf-background { background-size: contain !important; background: #111 !important; background-repeat: no-repeat; } .sbf-title { padding: 20px 10px 40px !important; margin-top: 30px !important; border: none; } .sbf-title a, .sbf-title .case27-secondary-text { height: 80px; color: #ffffff !important; } .blogpost-section .section-body p a, .c27-content-wrapper dl a, .c27-content-wrapper figcaption a, .comment-body p a { border: none !important; } .sbf-container { border: 1px solid #333; border-radius: 5px; background: #111 !important; } .sbf-background .overlay, .sbf-thumb .overlay { background-color: #111 !important; } .sbf-thumb .overlay { opacity: 0; } .lf-head-btn { color: #ffffff !important; border: 1px solid #ffffff !important; } .bsearch_results_page { padding: 20px 10%; } .footer li { list-style-type: disc; } .gallery-carousel-block.carousel-items-1 .item { height: 200px; } .c27-footer-empty, .c27-footer-section { border-bottom: none; background: #060b16 !important; } .element { border: 2px solid #2b3243 !important; background-color: #0a1020 !important; } .archive-page { padding-top: 40px; } .archive-image { background-image: url(/wp-content/uploads/news-header.png); height: 300px; background-position: 50% 50%; clip-path: polygon(0% 0%,300% 0%,0% 80%,0% 0%); margin-bottom: -60px; margin-top: -80px; } .profile-cover.profile-cover-no-img { height: 250px; } .listing-main-info { bottom: 20px; } .c_widget_title h5 { font-size: 20px; line-height: 1em; color: #ffffff; margin-bottom: 40px; } .blogtitle { color: #fff; } .listing-main-info h1, .listing-main-info h2, .listing-no-logo .listing-main-info h1, .listing-no-logo .listing-main-info h2 { color: #ffffff !important; } .profile-name h2 { font-size: 20px !important; } .top-image { clip-path: polygon(-200% 0%, 100% 100%, 0% 100%, 0% 0%); } .profile-cover-image .overlay { background-size: 100% 100%; background-repeat: no-repeat; background-color: #060b16 !important; opacity: 1 !important; clip-path: polygon(-200% 0%, 100% 100%, 0% 100%, 0% 0%); } .lf-type-2 .lf-item { height: 230px !important; background: #1a1a1a !important; border-radius: 20px; } .lf-item-info-2>ul.lf-contact { border-top: 1px solid #333; margin-top: 5px; } .listing-preview.lf-type-2 .c27-footer-empty { height: 0px !important; } .blogpost-section .container { padding-left: 5%; padding-right: 5%; } .profile-cover .overlay { opacity: 0; background-color: #060b16 !important; } body.single-post .profile-cover #jarallax-container-0>div { padding-bottom: 35%; clip-path: polygon(0% 0%, 300% 0%, 0% 80%, 0% 0%); } .cover-buttons .button-outlined { color: #ffffff !important; border: 1px solid #ffffff !important; background: #1a1a1a !important; } .profile-avatar { height: 80px !important; width: 80px !important; } .single-listing .featured-section { height: 500px; } #jarallax-container-0 div { background-size: contain; } .bsearchform { border: solid 1px #333; padding: 10px; background: #1a1a1a; } body:not(.logged-in) .user-area.signin-area { margin-right: 15px; display: none !important; } #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link { padding: 0px 5px 0px 10px; color: #fff !important; text-transform: uppercase !important; font-size: 16px; } table { font-size: 12px; } .sp-ea-one.sp-easy-accordion .sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon .ea-card { font-size: 20px !important; margin-left: 20px; text-indent: -20px; margin-right: 20px; color: #ffffff !important; } .elementor-element .elementor-widget-container, div.row.section-body { overflow: hidden; } a.cts.open-popup { color: #42b3e5; font-weight: 500; font-size: 13px !important; } .mobile-menu { float: right; font-size: 1px; margin-top: -10px; z-index: 99999; } .mobile-menu-lines i { font-size: 50px !important; text-align: center; padding-top: 1px !important; } .mobile-menu::after { display: none !important; } .simple-banner-mobile { display: none; } .simple-banner .simple-banner-text { position: fixed; width: 100%; margin-right: 100px; } .simple-banner-text { padding: 0px !important; } #wpctatb_close { display: none !important; padding-bottom: 20px; } .mobile-menu-open .mi.menu:before { content: "close"; font-size: 32px; } .white-top-skew:before, .white-bottom-skew:after { right: 0; content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-color: #060b16; transform: skewY(-6deg); z-index: -1; display: block; } .white-top-skew:before { transform-origin: 0% 0%; } .white-bottom-skew:after { transform-origin: 100% 0; } #afc_sidebar_4277 { padding: 10px 0px 4px 0px !important; } .iti__country-name { color: #ffffff !important; font-size: 14px; } .lmb-calltoaction a, .calltoaction > a { background: #2c2c38 !important; } html body .sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon { float: left !important; color: #c7a35a !important; font-size: 16px !important; margin-right: 4px !important; } html body .sp-easy-accordion .sp-ea-single .ea-header a { font-weight: 550 !important; background: #0a1020 !important; color: #ffffff !important; border: 1px solid #2b3243 !important; } html body .sp-easy-accordion .ea-body { background: #1e232f !important; color: #8f6a21 !important; border: 1px solid #2b3243 !important; } html body .sp-easy-accordion h3.ea-header { margin-bottom: 2px !important; } /* html body #contactbutton, html body #contactbutton * { font-family: 'Montserrat', sans-serif !important; font-size: 22px !important; color: #423e63 !important; font-weight: 900 !important; } */ .profile-cover { padding-top: 2px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { background: #111420; padding: 6px !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { font-size: 11px; } #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu { line-height: 1.5 !important; } #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:hover { color: #b07f25 !important; } html body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:not(.nav-btn-consultation) > a.mega-menu-link { color: #fff !important; } .simple-banner-desktop a, .simple-banner-desktop span { font-weight: 100 !important; } .header .header-center, .header .header-left, .header .header-right { padding-left: 10px !important; padding-right: 10px !important; } /* ========================================= */ /* 2. MEDIA 1201px AND OVER (DESKTOP) */ /* ========================================= */ @media (min-width: 1201px) { #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu a.mega-menu-link { line-height: 1.5 !important; } } @media (min-width: 1201px) { body #c27-site-wrapper .c27-main-header.header, body #c27-site-wrapper .c27-main-header.header.header-scroll { height: 85px !important; padding: 15px 40px !important; } body .c27-main-header .header-container, body .c27-main-header .header-top { padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; } body .c27-main-header .logo img { margin-top: -25px !important; } .header .header-skin { height: 85px !important; background-color: #060b16 !important; } .astm-search-menu { margin-top: 10px !important; } .i-nav { width: 100% !important; } .profile-name { padding-left: 80px; } .simple-banner-desktop { padding-top: 10px !important; margin-right: 40px; } .simple-banner .simple-banner-text { max-width: 100%; position: fixed; margin-left: 10px; } .header.header-menu-right .header-center { margin-right: 0px !important; } } @media (min-width: 992px) { .lf-head { top: 180px; left: 75%; } .sbf-title { margin-top: 0px; } } @media (min-width: 769px) { .simple-banner-mobile, #afc_sidebar_4277, #wpctatb_hidden, #wpctatopbar { display: none !important; } .mobile-nav-head { height: 100px; padding-top: 40px; } .logo a img { margin-top: -8px !important; } .listing-main-buttons { margin-top: 0px !important; } #mega-menu-wrap-primary #mega-menu-primary > li.nav-btn-consultation { float: right !important; display: inline-block !important; margin-top: 2px !important; margin-left: 20px !important; } #mega-menu-wrap-primary #mega-menu-primary > li.nav-btn-consultation > a.mega-menu-link { border: 1px solid #c7a35a !important; color: #c7a35a !important; padding: 9px 20px 9px 20px !important; text-transform: uppercase !important; letter-spacing: 1px !important; line-height: 1 !important; display: inline-block !important; height: auto !important; } #mega-menu-wrap-primary #mega-menu-primary > li.nav-btn-consultation > a.mega-menu-link:hover { background: #c7a35a !important; color: #060b16 !important; } } /* ========================================= */ /* 3. MEDIA 1200px AND LESS (MOBILE/TABLET) */ /* ========================================= */ /* @media only screen and (max-width: 1550px) { .header.header-style-alternate:not(.header-scroll) { height: 125px !important; } } */ @media only screen and (max-width: 1200px) { .listing-main-info { padding: 150px 15px 10px !important; position: static !important; background: #060b16 !important; transform: none !important; } .c27-main-header.header-scroll .i-nav.mobile-menu-open, .i-nav { background-color: #060b16 !important; margin-top: 20px !important; } #mega-menu-primary > li.astm-search-menu.is-menu.sliding.menu-item { height: 40px; } .i-nav ul li a:hover { color: #ffffff !important; } .simple-banner-desktop { display: none; } .header-top { padding-top: 45px !important; } .header-left { width: 100% !important; display: flex !important; flex-direction: row-reverse !important; justify-content: space-between !important; align-items: center !important; position: static !important; } .mobile-menu { position: static !important; margin: 0 !important; float: none !important; display: block !important; } .header .logo { margin: 0 !important; } .header .logo a img { margin-top: 0 !important; height: 40px !important; } .lmb-calltoaction a { font-size: 12px !important; padding: 0 10px !important; } .listing-main-buttons>ul>li { margin-right: 5px !important; } .listing-main-buttons > ul > li a { font-size: 14px !important; } .profile-cover-image .overlay { clip-path: polygon(-500% 0%, 100% 100%, 0% 100%, 0% 0%); } .profile-avatar { height: 80px !important; width: 80px !important; } .profile-name, .listing-no-logo .profile-name { text-align: left; padding-left: 0px; } .single-listing .featured-section { height: 250px; } } @media (max-width: 991px) { .lf-head { top: 180px; left: 75%; } .sbf-title { margin-top: 0px; } } @media only screen and (max-width: 768px) { .profile-name h1 { font-size: 32px !important; } .sbf-title a { font-size: 18px !important; margin-top: 10px; } .sbf-title p { font-size: 13px !important; } .lf-head { top: 180px; left: 80%; } .sbf-title { margin-top: 40px; } .listing-main-info { padding-top: 10px !important; margin-bottom: 10px; } .listing-main-info .profile-name { text-align: center !important; justify-content: center !important; } .profile-avatar { position: static !important; } .main-info-mobile { margin-top: -70px; } .listing-main-info .col-md-6 { width: 100%; } .header-top { padding-left: 5px !important; padding-right: 5px !important; } .mobile-menu { margin-right: 0 !important; } i.mi.menu, .mobile-menu-lines i { font-size: 50px !important; display: inline-block !important; transform: scaleY(1.1) !important; padding-bottom: 3px !important; } .listing-main-buttons { display: none !important; } .profile-cover~.tab-content { margin-top: -40px !important; } /* .header-right, #afc_sidebar_2880, #afc_sidebar_3131, #mega-menu-wrap-primary #mega-menu-primary > li.nav-btn-consultation { display: none !important; } */ .header-skin { top: 0px !important; background-color: #060b16 !important; } #afc_sidebar_4277 { z-index: 999 !important; } #afc_sidebar_4277 a { color: #ffffff !important; } .mobile-nav-head { padding-top: 40px; height: 80px; } .column-5 { width: 20%; } } @media (max-width: 480px) { .archive-image { background-image: url(/wp-content/uploads/news-header-mobile.png); height: 240px; background-position: 50% 50%; clip-path: polygon(0% 0%,300% 0%,0% 90%,0% 0%); margin-bottom: -60px; margin-top: -80px; } .header-skin { height: 88px !important; } .header-top { padding: 35px 5px 0px 0px !important; } /* .i-nav { width: 240px !important; } */ } @media (max-width: 1024px) { .simple-banner-mobile { display: block !important; overflow: hidden !important; width: 100% !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 999999 !important; background-color: #060b16 !important; padding: 6px 15px 10px 10px !important; } .simple-banner-mobile .col-xs-6 { width: 50% !important; float: left !important; padding: 0 2px !important; } .simple-banner-mobile .col-xs-6:last-child { text-align: right !important; } .simple-banner-mobile a, .simple-banner-mobile i { font-size: 17px !important; color: #f7bb3f !important; white-space: nowrap !important; } .header.header-menu-right .header-center { position: absolute !important; right: 60px !important; top: 15px !important; z-index: 999 !important; } .header-right, #afc_sidebar_2880, #afc_sidebar_3131, #mega-menu-wrap-primary #mega-menu-primary > li.nav-btn-consultation { display: none !important; } /* .header-right, #afc_sidebar_2880, #afc_sidebar_3131 { display: none !important; } */ body .header-skin { background-color: #060b16 !important; top: 0px !important; } } @media (max-width: 1200px) { body .header, body .header.header-style-alternate, body .header.header-style-alternate:not(.header-scroll), body .header.header-style-default { height: 100px !important; } } /* ========================================= */ /* 4. FLYOUT NAV MENU FIX (MOBILE/TABLET) */ /* ========================================= */ @media (max-width: 1200px) { html, body { overflow-x: hidden !important; } #mega-menu-wrap-primary { color: #060b16 !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 0 10px !important; color: #fff !important; text-transform: uppercase !important; font-size: 19px !important; } /* Fixed Nested Media Block & Selector */ body .i-nav.mobile-menu-open { background-color: #0d172b !important; margin-top: 100px !important; position: fixed !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; height: calc(100vh - 100px) !important; overflow-y: auto !important; box-sizing: border-box !important; } .i-nav-overlay { display: none !important; } .mnh-close-icon i, .mnh-close-icon i.close:focus, .mnh-close-icon i.close:hover { font-size: 37px !important; padding-top: 11px !important; color: #fff !important; } .close { text-shadow: none !important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { font-size: 30px !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: clamp(18px, 4vw, 26px) !important; } #mega-menu-wrap-primary #mega-menu-primary > li.nav-btn-consultation { display: flex !important; justify-content: center !important; margin: 20px auto !important; width: 100% !important; } #mega-menu-wrap-primary #mega-menu-primary > li.nav-btn-consultation > a.mega-menu-link { color: #c7a35a !important; border: 1px solid #c7a35a !important; padding: 35px 40px !important; border-radius: 5px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; } } /* 2. Unified menu background - MOBILE ONLY */ @media (max-width: 1200px) { #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary { background-color: #0d172b !important; } } /* 3. Bottom icon padding fix */ @media (max-width: 768px) { #afc_sidebar_4277 { padding: 10px 20px 5px 0px !important; } } /* 4. Sub-menu fonts */ /* Desktop (Global) */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { font-size: 12px !important; font-weight: normal !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-weight: normal !important; } /* Mobile (< 480px) */ @media (max-width: 480px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { font-size: 18px !important; } #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu a.mega-menu-link { font-size: 17px !important; } } /* iPad (481px - 1200px) */ @media (min-width: 481px) and (max-width: 1200px) { #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu a.mega-menu-link { font-size: 21px !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { font-size: 17px !important; } } /* 5. Contact background reset */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { background: none !important; } /* 1. Header gap fix - High Specificity */ @media (max-width: 480px) { html body .i-nav.mobile-menu-open { margin-top: 88px !important; height: calc(100vh - 88px) !important; } } @media (max-width: 1200px) { .mnh-close-icon { right: 20px !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { padding: 10px 20px 20px 10px !important; } } /* fix footer iphone*/ @media (max-width: 767px) .elementor-9172 .elementor-element.elementor-element-d142600 > .elementor-element-populated { margin: 0px 0px 11px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; padding: 0px 13px 0px 0px; }