/*-----------------------------------------------------------------GABRIAL ENGINEERING---------------------------------------------------*/

:root { --blue: #0078DF; --buttonColor: #0078DF; --buttonHoverColor: #31343B; --titleColor: #000; --textColor: #000; --gray: #EEE; --boxShadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16); --hugeTitle: clamp(4.5rem,4.167vw,100rem); --bigTitle: clamp(3.5rem,2.604vw,100rem); --midTitle: clamp(2.2rem,1.302vw,100rem); --smallTitle: clamp(1.8rem,0.94vw,100rem); }
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; transition: opacity 0.35s ease; font-weight: 400; line-height: 1.4; letter-spacing: 0.3px; text-transform: uppercase; zoom: 1 !important; }

/*hugeTitle*/
#home-gallery .gallery-caption .gallery-text > div,
.page-404 #GridPage .page-not-found h2 { /*font-family: Liebling;*/ font-size: var(--hugeTitle); font-style: normal; line-height: normal; letter-spacing: 1.6px; text-transform: uppercase; }
.page-404 #GridPage .page-not-found h2 { font-family: Liebling }
/*bigTitle*/
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3,
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 a,
#headline h1, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3,
body[data-module="10"] .section.grid-row-section .grid-row .grid-row-text h2, body[data-module="10"] .section.grid-gallery-section .section-title h2,
body[data-module="10"] .section.grid-gallery-section .GalleryTitle h2,
.FormResultPage #GridContent #pageview #headline h1 { font-family: Liebling; font-size: var(--bigTitle); font-style: normal; line-height: 1; }
/*midTitle*/
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-family: Liebling; font-size: var(--midTitle); font-style: normal; line-height: 1 }
/*smallTitle*/
body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li strong { font-family: Liebling; font-size: var(--smallTitle); font-style: normal; line-height: 1; }


#header-top-strip, #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, 
#nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background-color: var(--blue); }

/*buttons*/
.KDMStrip { background: rgba(255, 255, 255, 0.29); border-radius:90px;}
.KDMStrip .KDMStripBtn,
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input,
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input,
.page-404 #GridPage .page-not-found a, .FormResultPage #GridContent #pageview #text1 a.FormResultPageButton
/*#header #header-center-kdm a:first-child */ { background-color: var(--buttonColor); border-radius: 60px; border: 0; color: #fff; }
.KDMStrip .KDMStripBtn:hover,
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:hover,
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:hover,
.page-404 #GridPage .page-not-found a:hover,
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton:hover { background-color: var(--buttonHoverColor); color: #fff; }
.KDMStrip nav ul { background-color: #fff; color: var(--textColor); border-radius: 80px; font-size: 1.8rem; line-height: 1.22; }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus {color:var(--blue)}


@media (max-width: 1024px) {
    .KDMStrip, .KDMStrip nav ul { border-radius: 35px; }
    .KDMStrip .KDMStripBtn:hover, #header #header-center-kdm a:hover, #header #header-center-kdm a:focus,
    #header #header-center-kdm a:first-child { background-color: var(--buttonColor); color: #fff; }
}
.submenu > li.social-mobile .social-links a svg { height: 18px; fill:var(--blue); }

/*cube section*/
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 a {margin-bottom:0;}


/*menu*/
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item { border-radius: 50px; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active,
body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:hover { background-color: var(--buttonColor);  }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav a.selected, body[data-module="4"] #GridContent #MenuModule #menuModuleNav a:hover {color:var(--blue); text-decoration:none; }


body[data-module="7"].layout-half #ContactModule #contactview { max-width: 570px; }
body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 { gap: 75px; }

body[data-module="10"] .section.grid-row-section .grid-row .grid-row-text {font-size:1.6rem}
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText {max-width:530px;}
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3 {margin:0}
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText .top-form{line-height:1.22;}
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo { background: #ECECEC; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit, 
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover { background-color: transparent; border: 0; }

footer { display: flex; }
#SiteFooter .footer-text-divided { justify-content: space-between; background-color: var(--blue); }

.page-404 #SiteGrid, .accessabilityMainPage #SiteGrid { background-color: #fff; }
.page-404 .categories-strip, .accessabilityMainPage .categories-strip { display: none; }
body[data-module="2"].accessabilityMainPage:not(.press):not(.layout-half) #GridContent { margin: 0; }

@media (max-width: 1024px) { .submenu > li.active > a, .submenu > li:focus > a, .submenu > li:hover > a { color: var(--blue); }
    #SiteFooter .footer-text-divided .footer-text-right { flex-wrap: wrap; text-align: center; gap: 40px; }
    #SiteFooter .footer-text-divided > div ul:last-child { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
    #SiteFooter .footer-text-divided > div ul:last-child li { width: auto; display: inline-block; min-width: 45%; margin-bottom: 18px; }
    #SiteFooter .footer-text-divided > div ul:not(:last-child) { margin: 0; }

    body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 {gap:35px;}

    body[data-module="4"] #GridContent #MenuModule #menuModuleNav { background-color: transparent; margin: 0; }
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip {background-color:var(--blue)}
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip .mobile-strip { color: #fff; border-color: #fff; }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip .top-mobile-strip .select-wrapper .strip-item{color:#fff}
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip::after { filter: invert(1); }
    body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav { margin: 0 35px 0 auto; width: calc(100% - 35px); }

}