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

html { font-size: 62.5%; scroll-behavior: smooth; } 
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: #fff; }
.uk-navbar-nav { gap: 40px; }
.uk-navbar-nav > li > a { font-size: 1.4rem; 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); }
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: 4rem; font-size: 40px; margin: 20px 0;}
h2 { font-size: 3.2rem; font-size: 32px; 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-wrap h1 { font-size: 4rem; margin-top:0; }
.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; }g
.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; }
.timeline-top { background: var(--midgreen); width:30px; height:30px; border-radius:50%;margin: 0 auto; }
.timeline-line {background: var(--midgreen); width: 3px; height: 80px; margin: 0 auto; border-radius:5px; }
.forminator-button span { font-size: 1.4rem; font-weight: 600; }
.wp-block-list { padding-left: 30px; }
.intro-wrap .uk-overlay { padding: 30px 130px;}
.gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) { color: var(--deepgreen)!important; }
.button.gform-button--width-full { background: var(--brightgreen)!important; color: var(--deepgreen)!important; font-weight: 700!important;cursor: pointer; }
.gform_button {border: none!important; border-radius: 4px; background: var(--brightgreen); color: var(--deepgreen); font-weight: 700; padding: 10px 40px; margin-top: 20px;cursor: pointer; }
.button.gform-button--width-full:hover, .gform_button:hover { background: var(--midgreen)!important; color: #fff!important; }
.gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 40px!important; }
.gfield_description { font-size: 13px!important; }
::selection  { background: var(--brightgreen)!important;  }
/* =================== 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; }
.copy { margin:0; }
.widget_nav_menu { margin-top: 0; }
.bottom { background: var(--sandy); }
.bottom .rightside,
.bottom .lefttside { box-sizing: border-box; }
.bottom .leftside { padding: 50px 50px 50px calc(14vw); border-top-right-radius: 100px; margin-top: 20px; }
.bottom .leftside h2 { color: #fff; }
.bottom .rightside { padding-top:20px; justify-content: center; align-items: center; display: flex; }
.stripes::before, .stripe-top::before {content:""; width:50%; height:5px; background: var(--brightgreen); position:absolute; top:0; left:0; border-radius: 10px; z-index:1; }
.stripes::after, .stripe-btm::after {content:""; width:50%; height:5px; background: var(--brightgreen); position:absolute; bottom:0; right:0; border-radius: 10px; z-index:1; }


/** ================== | LAPTOP | ================== **/
@media screen and (max-width : 1200px) {
    .bottom .leftside { padding: 30px 30px 30px calc(5vw); }
    .bottom .rightside { width: 74%; justify-content: center; align-items: center; }
    .faq-fill { height: 370px!important; }
}
/** ================== | TABLET | ================== **/
@media screen and (max-width : 1160px) {
    .bottom .rightside { width: 70%; justify-content: center; align-items: center; }
    .wp-block-cover { padding: 1em 40px; }
    #footer { padding: 20px 30px; }
}
/** ================== | MOBILE | ================== **/
@media screen and (max-width : 970px) {
    .bottom .rightside { width: 60%; justify-content: center; align-items: center; }
}
@media screen and (max-width : 959px) {
    .uk-navbar-toggle { color: var(--midgreen); }
    .uk-offcanvas-bar { background-color: var(--sandy); display: flex; align-items: center; justify-content: center; padding: 40px; }
    .uk-offcanvas-bar .uk-close { color: var(--midgreen); }
    .uk-offcanvas-bar .uk-nav-default>li>a { font-family: var(--head); font-size: 1.6rem; color: var(--grey); }
    .faq-fill { height: 200px!important; }
    .col-two { padding:0; }
}
@media screen and (max-width : 782px) {
    .hero-wrap h1 { font-size: 2.8rem; border-bottom-left-radius: 96px!important; padding-right: 30px!important; padding-bottom: 30px!important; padding-left: 50px!important; }
    .cta-p { font-size: 2rem!important; }
    .stripes { min-height: 224px!important; }
    .wp-block-columns .wp-block-image img { width: 100%!important; }
    .bottom .rightside { display: block; }
    .forminator-ui.forminator-custom-form-456.forminator-design--default .forminator-button.forminator-button-submit{ margin:1px 0!important; }
}
@media screen and (max-width : 781px) {
    .timeline .date { text-align:center; padding-top:40px; }
    .reverse-mobile .wp-block-column:nth-child(1) { order: 2; }
    .reverse-mobile .wp-block-column:nth-child(2) { order: 1; }
    .timeline .wp-block-columns { gap:0; }
    .last-time .timeline-top:last-of-type { display:none; }
    .uk-accordion-title { font-size:2rem; }
}
@media screen and (max-width : 564px) {
    .custom-logo { max-width:280px; }
    .intro-wrap canvas { height: 340px; }
    .intro-wrap .uk-overlay { padding: 0 20px; }
    .hero-wrap h1 { font-size: 2.1rem; }
}
@media screen and (max-width : 480px) {
	.custom-logo { max-width:240px; }
	p { font-size: 1.6rem; }
    .uk-accordion-title { font-size:1.6rem; }
    .bottom .leftside { padding: 30px 30px 30px calc(14vw);}
    .bottom .rightside { padding-left: 64px; width:93%;}
    #social-menu { justify-content:center; }
}