/*
/*
 Theme Name:   Encon
 Template:     generatepress
 Version:      0.1
*/


body { 
   /*  min-width: 320px;  */
}

 .mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled {
                background-color: #fff;
            }
/* HERO AREA */
.hero {
	height: 810px;
	background-size: cover;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
    padding-left: 8px;
    padding-right: 9px;
}
@media (max-width: 1024px) {
.hero {
    height: 480px;
}
}
@media (max-width: 767px) {
.hero {
    height: 780px;
}
}
.site-logo {
  /*  padding-bottom: 25px; */
}
.whitelogo img {
    -webkit-filter: invert(1) saturate(0) contrast(1) brightness(2);
    filter: invert(1) saturate(0) contrast(1) brightness(2);
}
.contactbutton {
    margin-left: 150px;
    margin-left: clamp(10px,4vw,150px);
}
.main-nav .contactbutton a{
    color: var(--primary-light-blue)  !important;
}
    
@media screen and (width > 1024px) and (width < 1200px) {
	#primary-menu  a {
    font-size: 1.4rem;
    padding-right: 5px !important;
    }
}

/* TYPOGRAPHY */
.gb-button {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-family: Flama-650;
    margin-right: 16px;
    margin-bottom: 16px;
}
.slideout-navigation.do-overlay .slideout-menu .contactbutton a {
    background: var(--primary-light-blue) !important;
    color: #fff !important;
}
h1, h2, h3, h4, h5 {
    overflow-wrap: normal;
    line-height: 1.2;
    margin-bottom: 32px;
}
@media (min-width: 769px) and (max-width: 1024px) {
    p.has-d-1-font-size {
		 font-size: 5.6rem;
	}
    p.has-d-2-font-size {
		 font-size: 4.8rem;
	}
    p.has-d-3-font-size {
		 font-size: 3.2rem;
	}
    p.has-d-4-font-size {
		 font-size: 2.4rem;
	}

}

@media (max-width: 768px) {
    .gb-button {
    justify-content: center;
    width: 100%;
    text-align: center;
	}
    p.has-d-1-font-size {
		 font-size: 4rem;
	}
    p.has-d-2-font-size {
		 font-size: 3.2rem;
	}
     p.has-d-3-font-size {
		 font-size: 2.8rem;
	}
     p.has-d-4-font-size {
		 font-size: 2.4rem;
	}

}



/* REVSLIDER */
.revslider h1  , .revslider h2 {
    font-family: 'Flama-300' !important;
    line-height: 1.1 !important;
}
.revslider h2 {
	font-size: 21px !important;
    border: none  !important;
    line-height: 1.25 !important;
}
@media (max-width: 768px) {
    .revslider h2 {
		font-size: 19px !important;
    }
}
.revslider h1 strong {
    font-family: 'Flama-650' !important;
    /* color: blue !important; */
}
/* FOOTER */
.site-footer h3 {
    color: #fff;
    font-size: 2rem;
}

.footerlinks div {
   /* padding-left: 5px; */
}
.footerlinks a:not(.social) {
    border-left: 2px solid var(--primary-light-blue);
    padding-left: 8px;
    text-decoration: none;
}
.usefullinks a {
     text-decoration: none;
}
.footerlinks p:has(a) {
    display: flex;
}
.footerlinks p.inline {
    display: inline ;
}
.footerlinks .social svg {
    margin-bottom: -3px
}
.usefullinks p:not(:last-child) {
    margin-bottom: 10px;
}
@media screen and (width > 768px) and (width < 1025px) {
	.xfootercontent {
    display: flex
    }
    .xfooterlinks , .xfooterlinks {
    width: 50%
  	 }
}
@media (max-width: 768px) {
	.site-footer h3 , .site-footer p {
    font-size: 1.6rem;
}
}

/* MOBILE MENU */
.gp-icon svg {
    width: 2.4rem;
    color: #000;
}
.slideout-navigation  a {
font-family: Flama-650;
    font-size: 2.4rem;
}
.slideout-navigation.do-overlay .slideout-menu  .contactbutton {
    margin: 6rem 0;
}
.slideout-navigation .main-nav > ul > li > a {
    line-height: 2rem;
    padding: 2rem;
}
.main-navigation.slideout-navigation .main-nav > ul > li > a {
    line-height: initial;
}
.slideout-navigation.do-overlay .slideout-menu  .contactbutton a {
background: var(--primary-light-blue) !important;
    color: #fff !important;
}
.slideout-navigation .contactbutton a:hover {
    background: var(--primary-dark-blue)!important;
    color: #fff!important;
}
    
.slideout-navigation.do-overlay .slideout-menu li a {
     /* text-transform: initial !important; */
}
#generate-slideout-menu.do-overlay .slideout-menu li, 
.slideout-navigation.do-overlay .inside-navigation {
    text-align: left;
}
.slideout-navigation .inside-navigation figure ,
.slideout-navigation .contactbutton {
    align-self: flex-start;
    margin-left: 20px !important;
}

.slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    border-left: 4px solid var(--primary-light-blue);
}
button.slideout-exit.has-svg-icon {
    align-self: flex-end;
}
@media (max-width: 768px) {
.slideout-navigation  a {
    font-size: 2rem;
}
    .slideout-navigation.do-overlay .slideout-menu  .contactbutton a {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
}

/* Drop Down Menu */
.main-navigation.sticky-navigation-transition .navigation-branding img {
height:67px 
}
@media (min-width: 1025px) {
	.main-navigation .main-nav ul li  > a {
    border-bottom: #fff 4px solid;
}
	.main-navigation .main-nav > ul > li:not([class*="current-menu-"]):hover > a ,
    .main-navigation .main-nav > ul > li[class*="current-menu-"] > a {
    border-bottom: var(--primary-light-blue) 4px solid;
}
}

.main-navigation .main-nav ul.sub-menu li a {
    text-transform: none;
}

.dropdown-menu-toggle {
padding-right: 0 !important;
}

.main-navigation .main-nav ul ul {
padding: 20px 10px 0;
min-width: 100% !important;

}
.main-navigation .main-nav ul ul li a {
border-bottom: 1px solid #ddd;
margin-right: 10px;
font-family: Flama-600;
padding: 10px;
}

.sub-menu li a:hover {
color: var(--primary-light-blue) !important;
}

.slideout-navigation.main-navigation .main-nav ul ul {
 margin-left: 20px;
padding-top: 0;
}
.slideout-navigation.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
    color: var(--darkest-grey);
border-left: none;
}

.masked1left {
    -webkit-mask-image: url('/wp-content/uploads/2023/09/mask-left.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-size: cover;
}
.maskcontainer1 {
   height: clamp(450px,40vw, 650px);
}