/*

* Kraus Global styles

        Contents  
======================
1. Reusables
		1a. rows/cols
		1b. Fonts
		1c. Icons
		1d. Accents
		1e. Buttons
		1f. max-widths
		1g. Backgrounds

2. Header
		2a. Top-bar
		2b. Logo
		2c. Nav
		2d. Sub Nav

3. Body
		3a. Main Wrapper
		3b. Sliders
		3c. Overlays
		3d. Essential Grids
		3e. Accordions
		3f. Project Template
		3g. Interactive Map

4. Footer
		4a.
		4b. Pre footer ctas
*/



/* ====================
			1. REUSABLES
	 ====================
*/
/* 1a. rows/cols*/
div.hide-on-desktop{display: none !important;}
.pad-right-0{padding-right: 0px !important;}
.shift-103{padding-left: 103px !important;}
.shift-220{padding-left: 220px !important;}
body *::selection{background-color: #00B2BA !important;}
.dne{display: none !important;}

.career-row,
.row,
.col{display: flex !important;}

.career-row::before,
.career-row::after,
.row::before,
.row::after{content: unset !important;}

.career-row,
.row{flex-direction: row;}
.row.y-center{align-items: center;}
.row.x-center{justify-content: center;}

.col{flex-direction: column;}
.col.x-center{align-items: center !important;}

.max-910{max-width: 910px;}

/* 1b. Fonts */
body, p, a, i, strong, div, span,input, textarea{
	font-family: 'europa' !important;
}

.text-xxs{font-size: 14px !important; letter-spacing: 0 !important; line-height: 18px !important;}


.career-row > div:nth-of-type(1) p,
.open-op3 .eut-tabs-title .eut-tab-title h3,
.investor_relations6 .eut-post-header::after,
.text-xs{font-size: 16px !important; letter-spacing: 0.45px !important; line-height: 18px !important;}
.eg-projects-preview-element-4,
.text-sm{font-size: 16px !important; letter-spacing: 0.78px !important; line-height: 18px !important;}

.our_people8 .eut-carousel-buttons p,
.investor_relations4 .eut-row-inner a h3,
.home5 .counter-col h3,
a.arrow-btn,
.arrow-btn,
nav#eut-main-menu .eut-wrapper > ul > li > a,
.text-md{font-size: 16px !important; letter-spacing: 0.9px; line-height: 20px !important;}
.text-lg{font-size: 16px !important; letter-spacing: 0 !important; line-height: 20px !important;}
.projects3 .side.data-col p,
.timeline-row p,
.text-xl{font-size: 20px !important; letter-spacing: 0 !important; line-height: 28px !important;}


.eg-employee-spotlight-element-1,
.eg-video-spotlight-element-1,
.timeline-row h3,
.title-xxs{font-size: 20px !important; letter-spacing: 0.64px !important; line-height: 26px !important;}
.tight-blue-accordion.lg-titles .eut-title-wrapper h3,
.projects3 .data-col h3,
.eg-projects-preview-element-1,
.investor_relations6 article h2,
.interactive-projects .eut-text > p:first-of-type,
.title-xs{font-size: 24px !important; letter-spacing: 0.77px !important; line-height: 28px !important;}
.title-sm{font-size: 32px !important; letter-spacing: 0.77px !important; line-height: 32px !important;}
.title-md{font-size: 36px !important; letter-spacing: 0.86px !important; line-height: 40px !important;}
.title-lg{font-size: 40px !important; letter-spacing: 0.64px !important; line-height: 44px !important;}
.title-xl{font-size: 48px !important; letter-spacing: 0.77px !important; line-height: 54px !important;}


/* 1c. Icons */
.km-stocks_icon path{fill: #00b2ba;stroke: unset;}


/* 1d. Accents */
.bb-color{position: relative;}
.bb-color::after{}
.bb-color::after{
	content: "";
	width: 100%;
	height: 8px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	background: rgb(0,171,87);
	background: -moz-linear-gradient(90deg, rgba(0,171,87,1) 0%, rgba(211,223,78,1) 50%, rgba(0,178,186,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,171,87,1) 0%, rgba(211,223,78,1) 50%, rgba(0,178,186,1) 100%);
	background: linear-gradient(90deg, rgba(0,171,87,1) 0%, rgba(211,223,78,1) 50%, rgba(0,178,186,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ab57",endColorstr="#00b2ba",GradientType=1);
	z-index: 1;
}

.bb-color.top::after{bottom: unset; top: 0;}

.blue-bold > strong{color: #00B2BA !important;}

/* 1e. Buttons */
a.arrow-btn,
.arrow-btn{
	text-transform: uppercase;
	display: flex !important;
	flex-direction: row;
	align-items: center;
	font-weight: bold !important;
	transition: color 0.4s ease;
	padding: unset !important;
	background-color: unset !important;
	border: unset !important;
	color: #111D29 !important;
	margin-right: unset !important;
}
.arrow-btn::before{
	content: "";
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: flex;
	margin-right: 8px;
	transition: margin 0.4s ease;
}
.arrow-btn:hover::before{margin-right: 13px;}
.arrow-btn.yellow::before{background-image: url(/wp-content/uploads/2021/09/Arrow_Yellow.svg);}
/*yellow btn hover*/
.our_people6 a:hover span,
.tricolor-cta-2 .data-col a:hover,
#tricolor-cta .form-col label:hover,
.investor_relations7 .eut-row a:hover,
.investor_relations5 .eut-row > div:last-of-type az:hover,
.investor_relations8 .img-col .arrow-btn.yellow:hover,
.arrow-btn.yellow:hover{color:#D3DF4E !important;}
.arrow-btn.blue::before{background-image: url(/wp-content/uploads/2021/09/arrow_blue.svg);}

.our_people8 .eut-carousel-buttons > div:hover > p,
.arrow-btn.blue:hover{color: #00B2BA !important;}
.arrow-btn.blue{}

.scroll-btn{}
.scroll-btn svg{transform: rotateZ(90deg); margin-top: 10px;}
.scroll-btn svg path{stroke: unset;}
.scroll-btn a{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: white;
}


/* 1f. max-widths */
.max-340{max-width: 340px;}
.max-330{max-width: 330px;}
.max-440{max-width: 440px;}
.max-400{max-width: 400px;}
.max-430{max-width: 430px;}

.max-330,
.max-430,
.max-400,
.max-440,
.max-340{padding-left: 102px;box-sizing: content-box;}



/* 1g. Backgrounds*/
.gray-bg{background-color: #F6F6F6 !important;}
.inner-blue > .eut-container{background-color: #00B2BA !important;}
.inner-blue > .eut-container * {color: white !important;}


/* ====================
			2. Header
	 ====================
*/
 
/* 2a. Top-bar */
#eut-main-menu .km-topbar{padding-top: 15px;transition: opacity 0.4s ease;}
.km-topbar ul{display: flex;flex-direction: row;justify-content: flex-end;}
.km-topbar ul > li:last-of-type{margin-left: 20px;padding-bottom: 0px;}
.km-topbar li{text-transform: uppercase;cursor: pointer;}
.km-topbar ul li.search-portion{
	width: 300px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
header#eut-header.eut-overlapping .km-topbar li a strong{transition: color 0.4s ease;}
.km-topbar ul li i{margin-right: 8px;}
.km-topbar ul li.search-portion i{transition: transform 0.4s ease;}
.km-topbar ul li.search-portion{overflow: hidden;}
.km-topbar ul li.search-portion.is-active{}
.km-topbar li,
.km-topbar li span,
.km-topbar li a{transition: color 0.4s;}
header#eut-header.eut-overlapping .km-topbar li i svg path{stroke: #00B2BA;  fill: transparent;}
header#eut-header.eut-overlapping .km-topbar li i.km-stocks_icon svg path{stroke: transparent; fill: #00B2BA;}

.km-search-bar{
	position: absolute;
  top: 0px;
  height: 100%;
  transition: opacity 0.4s ease, transform 0.4s ease;
  width: 300px;
  right: 0px;
	opacity: 0;
	transform: translateX(100%);
	
}
.km-search-bar *{height: 100%;}
.km-search-bar input[type=text]{
	padding: 0 0 0 25px !important;  
	height: 100% !important; 
	min-height: unset !important;
	border-width: 0 0 2px 0 !important;
	font-size: 16px !important;
  font-weight: 500 !important;
}
.km-topbar ul li.search-portion.is-active i,
header#eut-header .km-topbar li.search-portion:hover i{transform: translateX(-215px);}
.km-topbar ul li.search-portion.is-active > span,
header#eut-header .km-topbar li.search-portion:hover > span{opacity: 0; pointer-events: none; user-select: none;}
.km-topbar ul li.search-portion.is-active .km-search-bar,
header#eut-header .km-topbar li.search-portion:hover .km-search-bar{opacity: 1; transform: translateX(0);}

header#eut-header #eut-main-header.eut-default{}
header#eut-header #eut-main-header.eut-default{}
header#eut-header #eut-main-header.eut-default .km-search-bar input{border-color: black !important;}
header#eut-header #eut-main-header.eut-default{}


/* 2b. Logo */



/* 2c. Nav */
nav#eut-main-menu .eut-wrapper > ul > li > a{padding: 5px 12px 12px !important;}
nav#eut-main-menu ul.eut-menu > li:last-of-type > a{padding-right: unset !important;}
header#eut-header nav.eut-main-menu{transition: transform 0.4s ease;}
header#eut-header,
header#eut-header #eut-main-header{  height: auto;}
header#eut-header{z-index: 9999;}
header#eut-header #eut-main-header > div > .eut-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}
header#eut-header #eut-main-header > div > .eut-container > div{
	float: unset;
	width: auto;
	display: flex !important;
}
header#eut-header #eut-main-header > div > .eut-container::before,
header#eut-header #eut-main-header > div > .eut-container::after{content:unset !important;}
header#eut-header #eut-main-header .eut-logo{height: 38px;top: -12px;}

header#eut-header.eut-overlapping #eut-main-header{background-color: rgba(255,255,255,0.8) !important;}
header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default *,
header#eut-header.eut-overlapping *{ color: #FFFFFF !important;font-size: 16px !important;font-weight: bold;}
header#eut-header.eut-overlapping ul.eut-menu a span{transition: color 0.4s ease !important;}
header#eut-header.eut-overlapping .eut-menu > li.current-page-ancestor > a.sf-with-ul > span,
header#eut-header.eut-overlapping ul li.current-menu-item > a[aria-current="page"] > span,
header#eut-header.eut-overlapping .km-topbar li:hover,
header#eut-header.eut-overlapping .km-topbar li:hover span,
header#eut-header.eut-overlapping .km-topbar li:hover a,
header#eut-header.eut-overlapping .km-topbar li:hover a strong,
header#eut-header.eut-overlapping ul.eut-menu li.current-menu-ancestor > a > span,
header#eut-header.eut-overlapping ul.eut-menu li.current_page_parent > a > span,
header#eut-header.eut-overlapping ul.eut-menu a:hover span{color: #00b2ba !important;}
header#eut-header.eut-overlapping ul.eut-menu .menu-item-has-children > a::after{color:/*#D3DF4E;*/ #00b2ba;}

header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default *{color: #231F20 !important;}
header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default .km-topbar li:hover,
header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default .km-topbar li:hover span,
header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default .km-topbar li:hover a,
header#eut-header .km-topbar .ticker-portion:hover .stockPriceValue::before,
header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default .km-topbar li:hover a strong,
header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default ul.eut-menu a:hover span{color: #00b2ba !important;}
header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default ul.eut-menu .menu-item-has-children > a::after{color:#00b2ba;}

header#eut-header.eut-sticky-header nav.eut-main-menu{transform: translateY(-17px);}
header#eut-header.eut-sticky-header .km-topbar{opacity: 0; pointer-events: none;}
header#eut-header.eut-sticky-header * {color: #111D29 !important;}
header#eut-header.eut-sticky-header #eut-main-header{background-color: white !important;}

header#eut-header .km-topbar .ticker-portion{}
header#eut-header .km-topbar .ticker-portion .km-header-ticker{}
header#eut-header .km-topbar .ticker-portion .km-header-ticker > li{
	margin-left: unset;
}
header#eut-header .km-topbar .ticker-portion .km-header-ticker > li .sqitem::before{
	content: unset;
}

header#eut-header .km-topbar .ticker-portion > a{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.km-topbar{}
.km-topbar #QuoteDiv9{}
.km-topbar #QuoteDiv9 .stockPriceValue::before{
	content: "LMB";
	transition: color 0.4s;
}
.km-topbar #QuoteDiv9 .stockPriceValue{
	display: flex;
	flex-direction: row;
}
.km-topbar #QuoteDiv9 .stockPriceValue > span:first-of-type{order: 2;padding-right: unset !important;}
.km-topbar #QuoteDiv9 .stockPriceValue > span:last-of-type{order: 1;padding: 0 8px;}
.km-topbar #QuoteDiv9 .stockPriceValue > span:nth-of-type(2),
.km-topbar #b2iStockUpdatedDate{display: none;}
.km-stock-change,
.km-stock-sym{color: #231F20;}
.km-stock-change{padding: 0 15px 0 10px;}
div.home4.investor_relations3 div.row div.ticker-price > p.positive strong,
.km-stock-price.positive{color: #00AB57 !important;}
div.home4.investor_relations3 div.row div.ticker-price > p.negative strong,
.km-stock-price.negative{color: #FF00008F !important;}
#home-stock-target > div{font-weight: bold !important;}


/* 2d. Sub Nav*/
header#eut-header .eut-main-menu .eut-wrapper > ul > li ul.sub-menu{background-color: white !important;}
header#eut-header ul.eut-menu ul.sub-menu{padding: 15px !important;}
header#eut-header:not(.eut-overlapping) #eut-main-header.eut-default ul.sub-menu > li > a > span,
header#eut-header ul.eut-menu ul.sub-menu > li > a > span{
	color:#58595B !important;
	font-weight: normal;
}
header#eut-header ul.eut-menu ul.sub-menu > li > a{
  padding: 9px 0px !important;
  margin: unset !important;
  font-weight: normal;
  text-transform: capitalize;
	background-color: unset !important;
}



/* ====================
			3. Body
	 ====================
*/
body.eut-body{background-color: transparent !important;}
/* 3a. Main Wrapper */
#eut-header:not(.eut-overlapping) + .eut-single-wrapper{top: 80px !important; margin-bottom: 80px !important;}
#eut-header.eut-overlapping + .eut-single-wrapper{}
#eut-header.eut-overlapping.eut-fixed + .eut-single-wrapper{top: 0px !important; margin-bottom: unset !important;}



/* 3b. Sliders */
#cusctom-controlls{}
.km-controlls .btns-row{
	position: absolute;
	z-index: 21;
	bottom: 37px;
	right: 30px;
	align-items: center;
}
.km-controlls .btns-row > div{
	cursor: pointer;
	align-items: center;
}
.km-controlls .btns-row > div:last-of-type{
	margin-left: 30px;
	padding-left: 30px; 
	border-left: 2px solid white;
}
.km-controlls .btns-row p{
	margin-bottom: unset;
	transition: transform 0.4s ease, color 0.4s ease;
}
.km-controlls .btns-row{color: white !important;}
.km-controlls .btns-row svg path{opacity: 1;}
.km-controlls .btns-row svg{margin: 0 15px;}
.km-controlls .btns-row > div:hover p{color:#D3DF4E;}
.km-controlls .btns-row > div:first-of-type:hover p{transform: translateX(-5px);}
.km-controlls .btns-row > div:last-of-type:hover p{transform: translateX(5px);}

.slider-counter{color: #D3DF4E !important;}
.slider-title{text-transform: uppercase;}
.slider-text{
	font-family: europa, sans-serif !important;
	line-height: 22px !important;
	letter-spacing: 0 !important;
	max-width: 400px !important;
}

.km-vid-container{
	background-color: #000000ed;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s ease;
}
.km-vid-container.show{
	opacity: 1;
	pointer-events: all;
}
.km-vid-wrapper{
	position: relative;
/*	background-color: white;*/
	max-width: calc(100% - 250px);
	max-height: calc(100% - 50px);
	width: 100%;
	/* height: 100%; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.km-vid-wrapper > iframe{
	width: 100% !important;
	height: 80vH !important;
	top: unset !important;
	left: unset !important;
}
rs-layer > label#play-btn{
	color: white !important;
	cursor: pointer;
}
rs-layer > label#play-btn:hover{
	color: #00B2BA !important;
}



/* 3c. Overlays */
.dark-overlay{}
.dark-overlay .eut-background-wrapper::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #231F20;
	opacity: 0.32;
}

div.esg-grid li[data-km-hover]{}
div.esg-grid li[data-km-hover="default"]{}
.projects-grid li[data-skin="projects-preview"] div.esg-overlay,
div.esg-grid ul.mainul > li[data-km-hover]:first-of-type div.esg-overlay,
div.esg-grid li[data-km-hover="default"] div.esg-overlay,
div.esg-grid li[data-km-hover="yellow"] div.esg-overlay{
	background: transparent linear-gradient(0deg, #D3DF4E 0%, #72792900 100%) 0% 0% no-repeat padding-box;
}
div.esg-grid ul.mainul > li[data-km-hover]:last-of-type div.esg-overlay,
div.esg-grid li[data-km-hover="green"] div.esg-overlay{
	background: transparent linear-gradient(0deg, #00AB57 0%, #006A3600 100%) 0% 0% no-repeat padding-box;
}
div.esg-grid ul.mainul > li[data-km-hover]:nth-of-type(2) div.esg-overlay,
div.esg-grid li[data-km-hover="blue"] div.esg-overlay{
	background: transparent linear-gradient(0deg, #00B2BA 0%, #005F6400 100%) 0% 0% no-repeat padding-box;
}
/*  overriding options from above*/
div.esg-grid ul.mainul > li[data-km-hover]:first-of-type div.esg-overlay{}
div.esg-grid ul.mainul > li[data-km-hover]:nth-of-type(2) div.esg-overlay{}
div.esg-grid ul.mainul > li[data-km-hover]:last-of-type div.esg-overlay{}

.bg-gradient > div > .eut-bg-image::after,
.gradient-overlay rs-sbg-wrap::after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%);	
	position: absolute;
	top: 0px;
	left: 0px;
}
.gradient-overlay{}



/* 3d. Essential Grids */
#presentations-preview .eg-presentation-preview-content{max-width: 328px;}
div.esg-grid li[data-skin="single-project-preview"] .esg-bc,
div.esg-grid li[data-skin="projects-preview"] .esg-bc{padding: 0 25px 35px;}
div.esg-grid li[data-skin="projects-preview"]{}

#employee-spotlight{margin-top: -37px;}
#employee-spotlight article{}
#employee-spotlight article.esg-filters{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
#employee-spotlight article.esg-filters > div{
	border: unset;
	text-transform: uppercase;
	align-items: center;
	justify-content: center;
}
#employee-spotlight article.esg-filters > div:hover p{color: #00b2ba;}
#employee-spotlight article.esg-filters > div.hovered{box-shadow: unset !important;}
#employee-spotlight article.esg-filters > div:first-of-type{
	padding-left: unset;
}
#employee-spotlight article.esg-filters > div:first-of-type i{padding-right: 15px;}
#employee-spotlight article.esg-filters > div:first-of-type:hover p{
	transform: translateX(-5px);
}
#employee-spotlight article.esg-filters > div:first-of-type{}
#employee-spotlight article.esg-filters > div:last-of-type{
	padding-right: unset;
}
#employee-spotlight article.esg-filters > div:last-of-type{}
#employee-spotlight article.esg-filters > div:last-of-type i{padding-left: 15px;}
#employee-spotlight article.esg-filters > div:last-of-type:hover p{
	transform: translateX(5px);
}
#employee-spotlight article.esg-filters > div:last-of-type{
	border-left: 1px solid black;
	border-radius: unset;
	padding-left: 20px;
}
#employee-spotlight article.esg-filters i,
#employee-spotlight article.esg-filters p{
	height: auto !important;
	line-height: normal !important;
	margin: unset;
	color: black;
	transition: transform 0.3s ease, color 0.3s ease;
}
#employee-spotlight article.esg-filters p{
	font-size: 16px;
	letter-spacing: 0.9px;
	line-height: 20px !important;
}
#employee-spotlight article.esg-filters{padding-bottom: 25px;}
div.esg-grid li[data-skin="video-spotlight"],
div.esg-grid li[data-skin="employee-spotlight"]{overflow: hidden;}
div.esg-grid li[data-skin="video-spotlight"] .esg-entry-cover.esg-transition,
div.esg-grid li[data-skin="employee-spotlight"] .esg-entry-cover.esg-transition{
	visibility: visible !important;
	opacity: 1 !important;
	transform: unset !important;
}
div.esg-grid li[data-skin="employee-spotlight"] .esg-entry-media-wrapper{}
div.esg-grid li[data-skin="video-spotlight"] .esg-entry-media-wrapper::after,
div.esg-grid li[data-skin="employee-spotlight"] .esg-entry-media-wrapper::after{
	content: "";
	width: 100%;
	height: 100%;
	background-color: #00000042;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	z-index: 10;
}

div.esg-grid li[data-skin="video-spotlight"]:hover .esg-bc,
div.esg-grid li[data-skin="employee-spotlight"]:hover .esg-bc{
	transform: translateY(0) !important;
}

div.esg-grid li[data-skin="video-spotlight"] .esg-bc,
div.esg-grid li[data-skin="employee-spotlight"] .esg-bc{
	transform: translateY(calc(100% - 60px)) !important;
	transition: transform 0.4s ease !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	bottom: 50px;
}

#employee-spotlight article{}
#employee-spotlight .eg-video-spotlight-element-6,
#employee-spotlight .eg-video-spotlight-element-7,
#employee-spotlight .eg-employee-spotlight-element-7,
#employee-spotlight .eg-employee-spotlight-element-1-a,
#employee-spotlight .eg-employee-spotlight-element-6{
	padding-left: 56px !important;
	padding-right: 30px !important;
}
#employee-spotlight .eg-video-spotlight-element-6,
#employee-spotlight .eg-video-spotlight-element-7,
#employee-spotlight .eg-employee-spotlight-element-7,
#employee-spotlight .eg-employee-spotlight-element-6{
	font-size: 16px !important;
	font-weight: 400 !important;
}
#employee-spotlight .eg-video-spotlight-element-7,
#employee-spotlight .eg-employee-spotlight-element-7{
	margin-top: 35px !important;
	text-transform: initial !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: unset !important;
	opacity: 0 !important;
	transition: opacity 0.4s ease !important;
}
#employee-spotlight div.esg-grid li[data-skin="video-spotlight"]:hover .eg-video-spotlight-element-7,
#employee-spotlight div.esg-grid li[data-skin="employee-spotlight"]:hover .eg-employee-spotlight-element-7{
	position: relative !important;
	opacity: 1 !important;
}
div.esg-grid li[data-skin="video-spotlight"] a[href="javascript:void(0);"]{cursor: default;pointer-events: none;}
div.esg-grid li[data-skin="video-spotlight"] a[href="javascript:void(0);"] + .esg-entry-cover.esg-transition{pointer-events: all;}
div.esg-grid li[data-skin="video-spotlight"] .esg-entry-cover.esg-transition{pointer-events: none;}
#employee-spotlight{}


/* 3e. Accordions */
.eut-accordion{}
.eut-accordion i.fa-plus::before{content: unset !important;}
.eut-accordion{}


/* 3f. Project Template */
.project-banner{}
.project-banner .text-xl{color: #D3DF4E !important;}
.dark-gradient rs-sbg-wrap::after,
.project-banner rs-sbg-wrap::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(180deg, rgba(35,31,32,0) 40%, rgb(35 31 32) 100%);
	top: 0px;
	left: 0px;
}
.project-banner.km-controlls .btns-row{bottom: 80px;}
.projects2{}
.projects2 h2{padding-bottom: 25px;}
.projects3 .data-col h3{margin-bottom: 20px;}
.projects3 .data-col p{}
.projects3 .side .eut-text{margin-bottom: 51px;}
.projects3 .side.data-col h3{}
.projects3 .side.data-col p{margin-bottom: 10px;}
.projects3 .side .eut-text p:last-of-type{margin-bottom: unset;}
.projects3 .main.data-col h3{}
.projects3 .main{width: calc(65% - 20px);}
.projects3 .main .eut-text{margin-bottom: 50px;}
.projects3 .side{width: 35%; margin-right: 20px;}
.projects3 .main .eut-column-wrapper-inner > h3{
	font-size: 20px !important;
	letter-spacing: 0.32px !important;
	line-height: 26px !important;
	padding: 3px 0 2px;
}
.projects4{}
.projects4 .eut-column-wrapper{
	max-width: 950px; 
	margin: 0 auto;
	padding: 83px 0;
}
.projects4 .eut-column-wrapper > h2:last-of-type{margin: 30px 0 5px;}
.projects4 .text-xl p{color: #B7E9EC !important;}
.projects5 .eut-row{padding: unset !important;}
.projects5 .eut-row > div:first-of-type{padding-left: unset !important;}
.projects5 .eut-row > div:last-of-type{padding-right: unset !important;}
.projects5{padding-right: unset !important;}

/* 3g. Interactive Map */
.mapsvg-wrap-all{}
.mapsvg-wrap-all > .mapsvg-wrap{justify-content: space-between;}
.mapsvg-wrap-all > .mapsvg-wrap > .mapsvg-map-container{
	flex-basis: 61.5% !important;
	max-width: 61.5% !important;
}
.mapsvg-wrap-all .mapsvg-details-container .nano-pane,
.mapsvg-wrap-all .mapsvg-sidebar-right .mapsvg-controller-view-toolbar{
	display: none !important;
}
.mapsvg-wrap-all > .mapsvg-wrap > .mapsvg-sidebar-right{
	flex-basis: 38.5% !important;
	max-width: 310px !important;
}
.mapsvg-wrap-all .mapsvg-details-container{position: relative;height: 100%;}
.mapsvg-wrap-all .mapsvg-details-container .mapsvg-controller-view-content{
	padding: unset !important;
}
.mapsvg-wrap-all .mapsvg-details-container *{
	position: relative !important;
	overflow: hidden !important;
	top: unset !important;
	margin: unset !important;
}

.mapsvg-wrap-all .home-interactive-map > .content-container{
	padding: 22px 24px 23px;
}

.mapsvg-wrap-all .home-interactive-map > .content-container h3{
	margin-bottom: 6px !important;
}
.mapsvg-wrap-all .home-interactive-map > .content-container hr{
	margin: 10px 0 25px !important;
}

.mapsvg-wrap-all .home-interactive-map > .content-container li{}
.mapsvg-wrap-all .home-interactive-map > .content-container li strong{
	color: #231F20 !important;
}
.mapsvg-wrap-all .home-interactive-map > .content-container li a{
	color: #00B2BA !important;
}
.mapsvg-wrap-all .home-interactive-map > .content-container li{}
.mapsvg-wrap-all .home-interactive-map > .content-container div > h4{
/*	color: #00b2ba;*/
/*	font-size: 24px !important;*/
}
.mapsvg-wrap-all .home-interactive-map > .content-container h4{}






/* ====================
			4. Footer
	 ====================
*/
footer#eut-footer{
	position: relative;
	z-index: 5;
}
.footer1{}
.footer1{}
.footer1{}
.footer-socials{}
.footer-socials ul{display: flex !important;flex-direction: row;}
.footer-socials ul > li:nth-of-type(2){order: -1;}

.footer-socials i{
	font-family: FontAwesome !important;
	color: white;
	font-size: 17px;
}
.footer-socials li{margin-right: 15px !important;}
.footer-socials a{width: 15px !important;height: 15px !important;}
.footer-socials i.fa-facebook::before{content: unset !important;}
.footer-socials i.fa-facebook{
	background-image: url(/wp-content/uploads/2021/09/facebook-logo.svg);
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.footer-socials{}

.col1 .footer-title{padding-top: 20px;}

.footer-data ul li,
.footer-data{margin-bottom: 10px;}

.col1 .footer-data{margin-bottom: 6px;}
.footer-title{padding: 5px 0 6px;}
.footer-title p{
	font-weight: 700;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.78px;
	line-height: 18px;
}
.footer-data a,
.footer-data ul{
	font-size: 14px;
	letter-spacing: 0.45px;
	line-height: 18px;
	color: #808285;
}

.col5{}
.col5 > div > div:nth-of-type(3){margin-top: 40px;}
.col5{}

.footer-data ul{list-style: none;margin: unset;}


.footer2{padding-bottom: 40px;}

.footer3{}
.footer3 > div.eut-container{border-top: 1px solid white;padding: 20px 0;}
.footer3 p{
	font-size: 14px; 
	letter-spacing: 0; 
	line-height: 22px;
	color: white;
	
}





/* 4b. Pre footer ctas */
#tricolor-cta{}
#tricolor-cta > .eut-background-wrapper{}
.tricolor-cta-2 > .eut-background-wrapper::after,
.tricolor-cta-2 > .eut-background-wrapper::before,
#tricolor-cta > .eut-background-wrapper::before,
#tricolor-cta > .eut-background-wrapper::after{
	content: "";
	position: absolute;
}
.tricolor-cta-2 > .eut-background-wrapper::before,
#tricolor-cta > .eut-background-wrapper::before{
	width: 50%;
	height: 100%;
	left: 0px;
	background-color: #00AB57;
	top: 0px;
}
.tricolor-cta-2 > .eut-background-wrapper::after{
	height: 100%;
	width: 50%;
	right: 0px;
	background-color: #00B2BA;
	bottom: 0px;
}
#tricolor-cta .form-col > div.eut-column-wrapper{max-width: 490px;}
#tricolor-cta .form-col form > p{margin-bottom: 15px;padding-right: unset;}
#tricolor-cta .form-col label{cursor: pointer;}
#tricolor-cta .form-col *{color: white !important;}
.tricolor-cta-2{padding: 28px 0 28px;}
.tricolor-cta-2 .data-col,
#tricolor-cta .data-col{padding-left: 95px !important;}
.tricolor-cta-2 .data-col h3,
.tricolor-cta-2 .data-col a{color: white !important;}
#tricolor-cta .form-col p{padding-right: 20px;}
form .form-field{
	font-size: 16px !important;
	border: unset !important;
	border-bottom: 1px solid white !important;
	padding: 8px !important;
	color: white !important;
	opacity: 0.48;
	line-height: 25px !important;
}
#tricolor-cta .form-col .row{justify-content: space-between;}
#tricolor-cta .form-col .row > span{width: calc(50% - 8px);}
#tricolor-cta .form-col .your-notifications > span{
	display: flex;
	flex-flow: row wrap;
}

#tricolor-cta .form-col .your-notifications > span > span{
	flex-basis: 50%;
	margin-left: unset;
	margin-bottom: 6px;
}
#tricolor-cta .form-col .your-notifications input{background-color: transparent;}
#tricolor-cta .form-col form > h4{margin-top: 15px;margin-bottom: 30px;}
#tricolor-cta .data-col h3:not(.title-xs){
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 0.67px;
	margin-bottom: 30px;
}
#tricolor-cta .data-col .shift-103 h3{
	font-size: 20px;
	letter-spacing: 0.64px;
	line-height: 26px;
	text-transform: uppercase;
	margin-bottom: 12px;
}
#tricolor-cta .data-col .shift-103 p a,
#tricolor-cta .data-col .shift-103 p{
	color: #58595B !important;
}
#tricolor-cta .data-col .shift-103:last-of-type{margin-top: 30px;}

.map-cta2{padding-bottom: 35px;}
.map-cta2 .data-col,
.map-cta3 .data-col{padding-left: 110px !important;}
.map-cta3 .data-col .form-field{
 	border-color: #808285 !important;
	color: #C7C7C7 !important;
	opacity: 1 !important;
	font-size: 14px !important;
	line-height: 20px !important;
}
.map-cta3 .mapsvg-wrap-all > .mapsvg-wrap{justify-content: flex-start;}
.map-cta3 .mapsvg-wrap-all > .mapsvg-wrap > .mapsvg-map-container{
	flex-basis: 50% !important;
	max-width: 50% !important;
}
.map-cta3 .mapsvg-wrap-all > .mapsvg-wrap > .mapsvg-sidebar-right{
	flex-basis: 50% !important;
	max-width: 395px !important;
	padding-left: 110px;
	box-sizing: content-box;
}
.map-cta3 .mapsvg-wrap-all .home-interactive-map > .content-container{
	padding: 22px 24px 23px 45px;
	background-color: rgb(246, 246, 246);
	margin-bottom: 20px !important;
}
.map-cta3 .mapsvg-wrap-all .home-interactive-map > .content-container::before{
	content: "";
	width: 8px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: linear-gradient(180deg, #00AB57 0%, #D3DF4E 51%, #00B2BA 100%) 0% 0% no-repeat padding-box;
}
.map-cta3 .mapsvg-wrap-all .home-interactive-map > .content-container h4{
	font-size: 18px;
	letter-spacing: 0.58px;
	line-height: 23px;
	margin-bottom: 3px !important;
}
.map-cta3 .mapsvg-wrap-all .home-interactive-map > .content-container strong{
	font-weight: 400;
}
.map-cta3 .mapsvg-wrap-all .home-interactive-map > .content-container ul{}
.map-cta3 .mapsvg-wrap-all .home-interactive-map > .content-container ul li{
	line-height: 23px;
}
.map-cta3 .mapsvg-details-container{background-color: transparent !important;}

.map-cta3 iframe{overflow: hidden;}

.grav-form-field *{font-size: 14px !important;}
.grav-form-field input,
.grav-form-field select,
.grav-form-field textarea{
	border: unset !important;
	border-bottom: 1px solid #808285 !important;
	color: #C7C7C7 !important;
	opacity: 1;
	font-family: 'Europa';
}
.grav-form-field textarea{
	max-height: 45px !important;
	height: auto;
}
.grav-form{overflow: hidden;}
.grav-form input[type=submit]{
	opacity: 0; position: absolute; pointer-events: none;
}
.grav-form ::-webkit-input-placeholder{opacity: 1;}
.grav-form .arrow-btn{margin-top: 15px;}


input#gform_submit_button_2{
	opacity: 0;
	position: absolute !important;
	pointer-events: none;
}
label[for]{cursor: pointer;}