/**
 * Theme Name: heidelberg-materials
 * Theme URI: https://artkade.com
 * Author: Artkade
 * Author URI: https://artkade.com
 */

html { font-size: 62.5%; } 
body { color: #3D3D3D; font-family: "LexendHM Regular", sans-serif; font-optical-sizing: auto; font-size:1.4rem; font-size:14px; font-weight: var(--light); -webkit-text-stroke: 0.45px; overflow-x: hidden; 
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1); text-shadow: 1px 1px 1px rgba(0,0,0,0.004); line-height: 1.65em; }


/* ============== GLOBAL VARIABLES ============== */
:root {
    --deepgreen    : #004E2B;
    --midgreen     : #00843D;
    --brightgreen  : #00DD39;
    --sandy        : #E6E6DF;
    --grey         : #3B3B3B;
    --body         : "LexendHM Regular", sans-serif;
    --bodybold     : "LexendHM Bold", sans-serif;
    --head         : "Lexend ExaHM Bold", sans-serif;
    --headlight    : "Lexend ExaHM Xlight", sans-serif;
}

/* =================== HEADER =================== */
.custom-logo { max-width: 360px;  }
.uk-navbar-container:not(.uk-navbar-transparent) { background: #FCFCFC; padding: 10px; }
.uk-navbar-nav { gap: 40px; }
.uk-navbar-nav > li > a { font-size: 1.6rem; font-family: var(--head); color: var(--deepgreen); text-transform: capitalize; }
.uk-navbar-nav > li > a:hover { color: var(--midgreen); }
.current_page_item a { color: var(--midgreen)!important; }

/* ================= TYPOGRAPHY ================= */
p { font-optical-sizing: auto; line-height: 1.65em; margin: 15px 0; }
em { color: inherit; }
a { color: var(--midgreen); font-family: var(--bodybold); }
a:hover { color: var(--brightgreen); text-decoration: none; }
b, strong { font-family: var(--bodybold); }
h1, h2, h3, h4, h5 { font-family: var(--head); font-optical-sizing: auto; line-height: 1.15em; }
h1 { font-size: 5.6rem; font-size: 56px; margin: 20px 0;}
h2 { font-size: 4.2rem; font-size: 42px; margin: 15px 0;}
h3 { font-size: 2.4rem; font-size: 24px; margin: 15px 0;}
h4 { font-size: 1.8rem; font-size: 18px; margin: 15px 0;}

/* ================= GLOBAL ================= */
#social-menu img:hover { filter: brightness(0) saturate(100%) invert(66%) sepia(52%) saturate(3762%) hue-rotate(89deg) brightness(101%) contrast(103%); }
#content-hotspot-592 .hotspots-placeholder { display: none!important; }
.page-title { font-size: 3.6rem; position: absolute; color: #fff; margin-top: -65px; right: 40px; font-family: var(--head);}
.break { display: block; }
.hero-text-box { position: absolute; max-width: 500px; right: -15%; top: 50%; margin-top: -146.50px; z-index: 500; margin-right: 40px; }
.hero-text-box h1 { font-size: 4.8rem; }
.ov-col.rightside, .process-leftside { background-color: var(--deepgreen); border-bottom-left-radius: 100px; padding: 60px; z-index: 1; }
.ov-col.rightside h1 { color: var(--sandy); }
.hero-left { z-index: 1; }
.hero-right { z-index: 0; border-bottom-right-radius: 140px; overflow: hidden; margin-left: -200px;}
.intro-rightside {  margin-left: -180px; }
.intro-leftside { border-top-left-radius: 100px; overflow: hidden;} 
.process-rightside {  margin-left: -220px; }
.next-right {  margin-top: 50px; margin-left: -100px; }
.orange-bkgrd { background-color:#FF644E; }
.uk-accordion li { margin-bottom: 30px; }
.uk-accordion-title { font-size: 2.4rem; color: var(--midgreen); }
.uk-accordion-content { padding: 0 80px 0 20px; }
.uk-accordion-content li { list-style: disc; margin-bottom: 10px;}
.wp-block-image figcaption { font-size: 1.2rem; font-size: 12px; line-height: 1.45em; text-align: left; }
.btn-up { margin-top: -26px; }
.mobile-show { display: none; }

/* =================== FOOTER =================== */
#footer { background: var(--grey); padding: 20px; position: relative; width: 100%;  box-sizing: border-box; }
#footer p { color: var(--sandy); text-align: right; font-family: var(--fontbody); font-size: 1.4rem; }
#footer a { color: var(--sandy); }
.uk-iconnav li a:hover { color: black; }
.uk-iconnav { justify-content: end; }
#menu-footer {list-style-type: none; margin: 0; padding: 0; overflow: hidden; display: flex;  gap: 20px;}
#menu-footer a { color: var(--purple); text-transform: uppercase; }
.widget_nav_menu { margin-top: 0; }
.bottom { background: var(--sandy); margin-top:80px; }
.bottom .rightside,
.bottom .lefttside { box-sizing: border-box; }
.bottom .leftside { padding: 50px 50px 50px calc(20vw); border-top-right-radius: 100px; margin-top: 20px; }
.bottom .leftside h2 { color: #fff; }
.bottom .rightside { padding-top:20px; }

/** ================== | LAPTOP | ================== **/
@media screen and (max-width : 1770px) {
    .hero-text-box { max-width: 430px; right: -15%; margin-top: -114px; margin-right: 40px; }
    .hero-text-box h1 { font-size: 3.8rem; }
}

@media screen and (max-width : 1700px) {
    .hero-text-box { right: -10%; }
}

@media screen and (max-width : 1512px) {
	.uk-container-large { max-width: 1120px; }
    .hero-text-box { right: -20%; margin-top:-89px; }
	.uk-card-body{ padding: 30px!important;}
}

@media screen and (max-width : 1440px) {
    .hero-text-box { right: -15%; margin-top:-74px; max-width: 360px; }
    .hero-text-box h1 { font-size: 3.2rem; }
}

@media screen and (max-width : 1340px) {
    .hero-text-box { right: -13%; margin-top:-74px;}
}


/** ================== | Tablet & Mobile | ================== **/
@media screen and (max-width : 1200px) {
	.uk-container-large { max-width: 100%; }
    #footer *+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {margin-top:0; }
	#footer .copy { font-size: 12px; text-align: center; }
	#social-menu { justify-content: center;}
    .hero-text-box { right: initial; left: 6%; top:88%; margin-top: 0; max-width: 360px;  }
	.hero-text-box h1 { font-size: 3.2rem; }
   .custom-logo { max-width: 220px; }
   .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { min-height: 50px; }
   .leaflet-rrose-scrolled, .leaflet-popup-scrolled { border-bottom: none!important; padding: 20px 0!important; border-top: none!important; }
}

@media screen and (max-width: 1200px) and (orientation: landscape) {
    .cont { height: calc(100vh + 60px); }
    #footer { position: relative;}
	.bottom .rightside { width: 100%; box-sizing: border-box; padding: 0 25px 0 45px; }
}
@media screen and (max-width: 1024px) {
	.bottom .leftside { margin-bottom: 20px;}
}

@media screen and (max-width : 480px) {
    .hero-text-box h1 { font-size: 2.4rem; }
    .mobile-hide { display: none; }
    .mobile-show { display: block; }
	.bottom { margin-top: 124px; }
    .bottom .leftside { width: 64%; padding: 30px 30px 30px calc(20vw); }
	.bottom .leftside h2 { font-size: 24px;}
	.bottom .rightside { margin-left: 40px; width: 80%; }
    .forminator-ui.forminator-custom-form-729.forminator-design--default .forminator-button.forminator-button-submit { margin-left: 0!important; }
}