/**
Theme Name: Royal Purple 2024
Author: RP Agency - Christi Yarema
Author URI: https://rpagency.com/
Description: Custom Theme for Royal Purple
Template: kadence
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: royal-purple-2024
*/

/* Theme customization starts here
-------------------------------------------------------------- */
:root{
	--lp:20px;
	--lp-sm:5px;
}
/* Fluid font size variables, for browsers that support clamp */
	@supports (font-size: clamp(1rem, 1vw, 1rem)) {
	  :root {
		--fs-sm: clamp(0.8rem, 0.07vw + 0.78rem, 0.84rem);
			--fs-base: clamp(1rem, 0.2vw + 0.95rem, 1.13rem);
			--fs-md: clamp(1.25rem, 0.4vw + 1.15rem, 1.5rem);
			--fs-lg: clamp(1.56rem, 0.7vw + 1.39rem, 2rem);
			--fs-xl: clamp(1.95rem, 1.14vw + 1.67rem, 2.66rem);
			--fs-xxl: clamp(2.44rem, 1.78vw + 2rem, 3.55rem);
			--fs-xxxl: clamp(3.05rem, 2.69vw + 2.38rem, 4.3rem);
			--ff-body:"proxima-nova", sans-serif
	  }
	}
	/* Fallback variables for browsers that don't support clamp */
	@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
	  :root {
		--fs-sm: 0.8rem;
			--fs-base: 1rem;
			--fs-md: 1.25rem;
			--fs-lg: 1.56rem;
			--fs-xl: 1.95rem;
			--fs-xxl: 2.44rem;
			--fs-xxxl: 3.05rem;
	  }
	  @media screen and (min-width: 1300px) {
		:root {
		  --fs-sm: 0.84rem;
				--fs-base: 1.13rem;
				--fs-md: 1.5rem;
				--fs-lg: 2rem;
				--fs-xl: 2.66rem;
				--fs-xxl: 3.55rem;
				--fs-xxxl: 4.73rem;
		}
	  }
	}
	.ff-body {
		font-family: var(--ff-body);
	}


.container{
	max-width: 1200px;
	width:100%;
	margin: 0 auto;
	position: relative;
	z-index: 20;
	
}
.fs-md{
	font-size: var(--fs-md)
}
.lp-sm{
	letter-spacing: var(--lp-sm) !important;
}
.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.button.button-yellow {
	background: var(--global-palette2);
	color:var(--global-palette1);
}
.button.button-yellow:hover,
.button.button-yellow:focus{
	color: var(--global-palette2);
	background:var(--global-palette1);
}
/* ============ HERO ==========*/
.homeHero, .homeWrapper, .interiorWrapper, .interiorHero{
	position: relative;
}
.interiorWrapper {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	background-color: var(--global-palette1);
}
.homeHero img, .interiorHero img{
	width:100%; height: auto;
}
.interiorHero {
	min-height: 1000px
}
.homeHero h1, .interiorHero h1{
	font-size: 4em;
	line-height: 1em;
	color:var(--global-palette1);
	letter-spacing: 3px;
	margin-bottom: 20px;
	font-size: var(--fs-xxxl);
	text-transform: uppercase;
}
.interiorHero h1{
	color:var(--global-palette2);
}
.homeHero .heroContent, .breadcrumbs, .interiorHero .heroContent{
	width:100%;
	max-width: 1400px;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 20px;
	z-index: 12;
}
.breadcrumbs{
	bottom: auto;
	top: 160px;
	max-width: 1600px;
	display: none; 
}
.breadcrumb_last{
	color:var(--global-palette2);
}
.breadcrumbs p, .breadcrumbs a{
	color:#fff;
	text-transform: uppercase;
	font-style: italic;
	text-decoration: none;
}
.homeHero .button{
	line-height: 1.5;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 0.4em 2em;
	min-width: 250px;
	margin-right: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.homeHero:before{
	content: "";
width: 100%;
height: 61%;
background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0, rgba(245, 245, 245, 0.8) 30%, rgba(245, 245, 245, 0.8) 50%, rgba(245, 245, 245, 0.8) 70%, rgba(245, 245, 245, 0) 100%);
position: absolute;
left: 0;
bottom: -111px;
z-index: 1;
}
.homeWrapper:before, .interiorWrapper:before{
	content: url(/wp-content/uploads/2024/02/Hex-Graphic_Beauty-1-1.png);
	position: absolute;
	top: 50vh;
	left: 0;
	z-index: 2;

}
.homeHero:after, .interiorHero:after{
	content: url(/wp-content/uploads/2024/02/hex3-copy-2-1.png);
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	
}



.purple-separator{
background: linear-gradient(to bottom,  rgba(51,0,114,0) 0%,rgba(51,0,114,1) 56%,rgba(51,0,114,1) 99%);
	width:100%;
	height: 100px;
	z-index: 1;
	position: relative;
}
.product-main:before{
	/* content: url(/wp-content/uploads/2024/02/Hex-Graphic_Beauty-1-1.png); */
	position: absolute;
	top: -10vh;
	left: 0;
	z-index: 2;

}
#gspb_row-id-gsbp-f0f45a8 {
	z-index: 10;

}
.product-main {
	position: relative;
}
.product-main:before{

}

/* ============= HOMEPAGE SOLUTIONS ===========*/
.homeSolutions {
	position: relative;
	/* margin-top: -160px;
	padding: 225px 2vh 7vh;
	background: linear-gradient(to bottom,  rgba(51,0,114,0) 0%,rgba(51,0,114,1) 65%,rgba(51,0,114,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(51,0,114,0.77) 23%,rgba(51,0,114,1) 30%); */

}
.interiorSolutions{
	background: transparent;
}

.homeSolutions:before{
	/* content:""; */
	background: linear-gradient(to bottom,  rgba(245,245,245,0.88) 0%,rgba(245,245,245,0.89) 6%,rgba(51,0,114,0.96) 66%,rgba(51,0,114,1) 100%);
	background: linear-gradient(to bottom,  rgba(51,0,114,0) 0%,rgba(51,0,114,1) 56%,rgba(51,0,114,1) 99%);
	width:100%;
	height: 100%;
	position: absolute; top:0; left: 0;
}

.homeSolutions:after{
/* content: ""; */
	background: linear-gradient(to bottom, rgba(51,0,114,0) 0%,rgba(51,0,114,.7) 68%,rgba(51,0,114,1) 78%,rgba(51,0,114,1) 80%,rgba(51,0,114,0) 100%);
	width: 100%;
	height: 80%;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 0;
	mix-blend-mode: darken;
}
.homeSolutions h2, .homeSolutions ul, .interiorSolutions ul, .interiorSolutions h2{
	position: relative;
	z-index: 11;
	text-align: center;
}
/*https://www.colorzilla.com/gradient-editor/#ffffff+6,330072+66&0.88+0,1+100 */
.homeSolutions h2, h2.solutions,
.interiorSolutions h2{
	color:#fff;
	padding:8vh 20px 40px;
	text-transform: uppercase;
	letter-spacing: var(--lp);
	font-size: var(--fs-xl);
	position: relative;
	z-index: 11;
	text-align: center;
}
.single-content .homeSolutions ul {
	/* display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;padding:0px;
	width: 100%;
	max-width: 1400px;
	list-style: none; */
	padding-left: 0 !important;
	margin-left: auto;
	margin-right: auto;
}
.homeSolutions ul li{
	/* position: relative;
	width: calc(25% - 40px);
	margin-bottom: 20px;
	border-radius: 20px;
	color: var(--global-palette1);
	overflow: hidden;
	background-size: cover;
	background-position: center -50px;
	background-repeat: no-repeat; */
	border-radius: 30px;
}
.interiorSolutions ul li {
	/* width: calc(50% - 40px); */

}
.interiorSolutions ul {
	/* max-width: 950px;
	margin: 0 auto !important; */
}
.homeSolutions ul li a{
	/* display: block;
	width:100%;
	height: 100%;
	padding: 300px 40px 20px; */
}
.homeSolutions ul li:before{
	content:"";
	background: linear-gradient(to bottom,  rgba(51,0,114,0) 0%,rgba(51,0,114,1) 65%,rgba(51,0,114,1) 100%);
	width:100%;
	height: 40%;
	position: absolute;
	left:0; bottom: 0;	
	z-index: 2;
} 
.homeSolutions ul li:after{
	content:url(/wp-content/uploads/2024/03/solutions-border.svg);
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	z-index: 3;
} 

.interiorSolutions ul li:before{
	content:"";
	background: linear-gradient(to bottom,  rgba(51,0,114,0) 0%,rgba(51,0,114,1) 65%,rgba(51,0,114,1) 100%);
	width:100%;
	height: 40%;
	position: absolute;
	left:0; bottom: 0;	
	z-index: 2;
} 

.interiorSolutions ul li:after {
	content:url(/wp-content/uploads/2024/03/solutions-border.svg);
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	z-index: 3;
} 

.solutionsBkg{
	width:100%;
	height: 100%;
	object-fit: cover;
	position: absolute;top:0; left: 0;
	/* mix-blend-mode: luminosity; */
	transition: all .3s ease;
	opacity: 1;
	border-radius: 20px;
}
.homeSolutions ul li:hover .solutionsBkg{
	/* opacity: .25; */
}

.homeSolutions ul li:before{
	/* content:"";
	background: linear-gradient(to bottom,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 99%,rgba(245,245,245,1) 100%);
	position: absolute;
	bottom:0; left: 0;
	width:100%; height: 20%;
	transition: all .3s ease; */
}
.homeSolutions ul li:hover:before{
	/* background: var(--global-palette1); */
}
.homeSolutions ul li h3{
	color: var(--global-palette2);
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	z-index: 5;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.homeSolutions ul li:hover h3, .interiorSolutions ul li:hover h3{
	color:var(--global-palette2);
}
.homeSolutions ul li .icon-wrap .solutionsIcon {
	background: var(--global-palette1);
	border-radius: 100px;
	border: 5px solid var(--global-palette1);
	transition: all .3s ease;
}
.single-content .interiorSolutions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.interiorSolutions ul li .icon-wrap .solutionsIcon  {
	/* background: var(--global-palette1);
	border-radius: 100px;
	border: 5px solid var(--global-palette1);
	transition: all .3s ease; */
}

.homeSolutions ul li .solutionsIcon {
	width:115px;
	height: 115px;
	display: table;margin: 0 auto;
	z-index: 5;
	position: relative;
	opacity: 1;
	padding-top: 3px;
}
.interiorSolutions ul li .solutionsIcon {
	z-index: 5;
	position: relative;
	transform: scale(1.03);
	transition: all .3s ease;
}
.interiorSolutions ul li:hover .solutionsIcon {
	opacity: 0;
	transform: scale(1)
}
.interiorSolutions ul li h3{
	/* color: var(--global-palette2);
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	z-index: 5;
	text-transform: uppercase;
	letter-spacing: 5px; */
}
.interiorSolutions ul li h3:hover,
.interiorSolutions ul li h3:focus{
	/* color:#fff; text-decoration: underline; */
}

.homeSolutions ul li:hover .solutionsIcon {
	background: #474c54;
	transform: scale(1.05);
}
.interiorSolutions .hover-icons {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 35%;
	z-index: 10;
	width:60%
}
.interiorSolutions ul li:hover:before{
	background: rgba(51, 0, 114, 0.833);
	height: 100%;
	
}
.interiorSolutions ul li:hover .hover-icons {
	display: block;
}

.commercial:after{
	/* content:url(/wp-content/uploads/2024/02/commercial-image.jpg); */
	/* width:100%;
	height: 500px;
	position: absolute;
	top:0;
	left: 0;
	object-fit: cover; */
}
/* ========= WHY SYNTHETICS ===========*/

.whySynthetics{
	background: linear-gradient(to bottom,  rgba(51,0,114,1) 0%,rgba(51,0,114,1) 45%,rgba(245,245,245,1) 100%);
	padding: 2vh 2vh 10vh;
	position: relative;

}
.whySynthetics .container{
	max-width: 1000px;
}
.whySynthetics .container h2{
	color:var(--global-palette2);
	text-transform: uppercase;
	letter-spacing: var(--lp);
	font-size: var(--fs-xl);
}
.whySynthetics .container p{
	font-size: 1.4em;
	max-width: 800px;
	margin: 30px auto;
	letter-spacing: 2px;
}

/* ========= HOMEPAGE LATEST NEWS ===========*/
.latestNews{
	width:100%;
	position: relative;
	background: url(/wp-content/uploads/2024/03/newsBkg-1.jpg) left bottom no-repeat;
	background-size: 100% auto;
	padding: 5vh 2vh;
}
.newsSlider {
	border-radius: 20px;
	overflow: hidden;
	max-width: 900px;
	height: auto;
	margin: 0 auto;
	background: #fff;
	position: relative; z-index: 5;
}
.latestNews h2{
	color:var(--global-palette1);
	text-transform: uppercase;
	letter-spacing: var(--lp);
	font-size: var(--fs-xl);
	margin-bottom: 40px;
}
.latestNews:before{
	content: "";
	position: absolute;
	top: -200px;
	left: 0;
	z-index: 1;
	width:100%;
	height: 100%;
	background: url(/wp-content/uploads/2024/02/news-hex.png) bottom left no-repeat;
	background-size: 100% auto;
	z-index: 10;
}
/* ============= HOMEPAGE INSTALL INFO =============*/
.infoVideos{
	background: #f5f5f5;
	padding-top: 60px;
}

.infoVideos .install-info-wrap{
	width: calc(50% - 20px);
	color:var(--global-palette1);
	text-align: left;
	margin-bottom: 30px;
	/* background: #fff; */
}
.infoVideos h2 {
	color: var(--global-palette1);
	text-transform: uppercase;
	letter-spacing: var(--lp);
	font-size: var(--fs-lg);
	margin-bottom: 10px;
	text-align: center;
}
.video-info-wrap{
	background: #fff;
	border-radius: 30px;
	overflow: hidden;
}
.infoVideos .install-info-wrap.full{
	width:100%;
}
.infoVideos .install-info-wrap.full .video-info-wrap{
	display: flex;
}
.infoVideos .install-info-wrap.full .install-content{
	width: 30%;
}
.infoVideos .install-info-wrap.full .install-video{
	width:70%;
	float: left;
}

.infoVideos .install-content{
	text-align: left;
	padding: 30px;
}
.infoVideos .button {
	line-height: 1.5;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 0.4em 2em;
	margin-right: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
}


.photoContent{
	
}
.mtn-bkg {
	background: url(/wp-content/uploads/2024/03/mountain-road2.jpg) center top no-repeat;
	background-size: cover;
	
}


.techInfo {
	background: rgba(255, 255, 255, 0.65);
}
.big-h2{
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: var(--fs-xl);
	position: relative;
}
.very-big-h2{
	text-transform: uppercase;
	letter-spacing: var(--lp);
	font-size: var(--fs-xl);
}

.w-10{
	width: 10%
}

.w-20{
	width: 20%
}

.w-25{
	width: 25%
}

.w-30{
	width: 30%
}

.w-33{
	width: 33%
}
 .w-50{
	width: 50%
}
 .w-75{
	width: 75%
}

.w-80{
	width: 80%
}

.w-90{
	width: 90%
}

.w-100{
	width: 100%
}
.w-third{
	width: 33.33333%
}

.w-two-thirds{
	width: 66.66667%
}

.br-30{
	border-radius: 30px;
}

.cl-wh{
color:#fff;
}
.cl-yl{
	color:var(--global-palette2);
}
.cl-pl{
	color:var(--global-palette1);
}

.tl {
	text-align: left
}

.tr{
	text-align: right
}

.tc{
	text-align: center
}

.pa0{
	padding: 0
}

.pa1 {
	padding: .25rem
}

.pa2 {
	padding: .5rem
}

.pa3 {
	padding: 1rem
}

.pa4 {
	padding: 2rem
}

.pa5 {
	padding: 4rem
}

.pa6 {
	padding: 8rem
}

.pa7 {
	padding: 16rem
}

.pl0 {
	padding-left: 0
}

.pl1 {
	padding-left: .25rem
}

.pl2 {
	padding-left: .5rem
}

.pl3 {
	padding-left: 1rem
}

.pl4 {
	padding-left: 2rem
}

.pl5 {
	padding-left: 4rem
}

.pl6 {
	padding-left: 8rem
}

.pl7 {
	padding-left: 16rem
}

.pr0 {
	padding-right: 0
}

.pr1 {
	padding-right: .25rem
}

.pr2 {
	padding-right: .5rem
}

.pr3 {
	padding-right: 1rem
}

.pr4{
	padding-right: 2rem
}

.pr5 {
	padding-right: 4rem
}

.pr6 {
	padding-right: 8rem
}

.pr7 {
	padding-right: 16rem
}

.pb0 {
	padding-bottom: 0
}

.pb1 {
	padding-bottom: .25rem
}

.pb2 {
	padding-bottom: .5rem
}

.pb3 {
	padding-bottom: 1rem
}

.pb4 {
	padding-bottom: 2rem
}

.pb5 {
	padding-bottom: 4rem
}

.pb6 {
	padding-bottom: 8rem
}

.pb7 {
	padding-bottom: 16rem
}

.pt0 {
	padding-top: 0
}

.pt1 {
	padding-top: .25rem
}

.pt2 {
	padding-top: .5rem
}

.pt3 {
	padding-top: 1rem
}

.pt4 {
	padding-top: 2rem
}

.pt5 {
	padding-top: 4rem
}

.pt6 {
	padding-top: 8rem
}

.pt7 {
	padding-top: 16rem
}

.pv0 {
	padding-top: 0;
	padding-bottom: 0
}

.pv1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.pv2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.pv3 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.pv4 {
	padding-top: 2rem;
	padding-bottom: 2rem
}

.pv5{
	padding-top: 4rem;
	padding-bottom: 4rem
}

.pv6 {
	padding-top: 8rem;
	padding-bottom: 8rem
}

.pv7 {
	padding-top: 16rem;
	padding-bottom: 16rem
}

.ph0{
	padding-left: 0;
	padding-right: 0
}

.ph1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.ph2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.ph3 {
	padding-left: 1rem;
	padding-right: 1rem
}

.ph4 {
	padding-left: 2rem;
	padding-right: 2rem
}

.ph5 {
	padding-left: 4rem;
	padding-right: 4rem
}

.ph6 {
	padding-left: 8rem;
	padding-right: 8rem
}

.ph7 {
	padding-left: 16rem;
	padding-right: 16rem
}

.ma0 {
	margin: 0
}

.ma1 {
	margin: .25rem
}

.ma2 {
	margin: .5rem
}

.ma3 {
	margin: 1rem
}

.ma4 {
	margin: 2rem
}

.ma5 {
	margin: 4rem
}

.ma6 {
	margin: 8rem
}

.ma7 {
	margin: 16rem
}

.ml0 {
	margin-left: 0
}

.ml1 {
	margin-left: .25rem
}

.ml2 {
	margin-left: .5rem
}

.ml3 {
	margin-left: 1rem
}

.ml4 {
	margin-left: 2rem
}

.ml5 {
	margin-left: 4rem
}

.ml6 {
	margin-left: 8rem
}

.ml7 {
	margin-left: 16rem
}

.mr0 {
	margin-right: 0
}

.mr1 {
	margin-right: .25rem
}

.mr2 {
	margin-right: .5rem
}

.mr3 {
	margin-right: 1rem
}

.mr4 {
	margin-right: 2rem
}

.mr5 {
	margin-right: 4rem
}

.mr6 {
	margin-right: 8rem
}

.mr7 {
	margin-right: 16rem
}

.mb0 {
	margin-bottom: 0
}

.mb1 {
	margin-bottom: .25rem
}

.mb2 {
	margin-bottom: .5rem
}

.mb3 {
	margin-bottom: 1rem
}


.mb4,div.event-module .detail-panel .event-detail-block-wrapper img.event-detail-image {
	margin-bottom: 2rem
}

.mb5,.exhibits .collection-view #collectionHeader {
	margin-bottom: 4rem
}

.mb6 {
	margin-bottom: 8rem
}

.mb7 {
	margin-bottom: 16rem
}

.mt0 {
	margin-top: 0
}

.mt1 {
	margin-top: .25rem
}

.mt2 {
	margin-top: .5rem
}

.mt3 {
	margin-top: 1rem
}

.mt4 {
	margin-top: 2rem
}

.mt5 {
	margin-top: 4rem
}

.mt6 {
	margin-top: 8rem
}

.mt7 {
	margin-top: 16rem
}

.mv0 {
	margin-top: 0;
	margin-bottom: 0
}

.mv1 {
	margin-top: .25rem;
	margin-bottom: .25rem
}

.mv2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.mv3 {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.mv4 {
	margin-top: 2rem;
	margin-bottom: 2rem
}

.mv5 {
	margin-top: 4rem;
	margin-bottom: 4rem
}

.mv6 {
	margin-top: 8rem;
	margin-bottom: 8rem
}

.mv7 {
	margin-top: 16rem;
	margin-bottom: 16rem
}

.mh0 {
	margin-left: 0;
	margin-right: 0
}

.mh1 {
	margin-left: .25rem;
	margin-right: .25rem
}

.mh2 {
	margin-left: .5rem;
	margin-right: .5rem
}

.mh3 {
	margin-left: 1rem;
	margin-right: 1rem
}

.mh4 {
	margin-left: 2rem;
	margin-right: 2rem
}

.mh5 {
	margin-left: 4rem;
	margin-right: 4rem
}

.mh6 {
	margin-left: 8rem;
	margin-right: 8rem
}

.mh7 {
	margin-left: 16rem;
	margin-right: 16rem
}

/* =================== MOBILE STYLES ==================*/
@media only screen and (max-width: 1023.98px){
	.homeSolutions ul li {
		/* width:calc(50% - 40px); */
	}
}

@media only screen and (max-width: 768px){
	.homeHero .heroContent, .interiorHero .heroContent{
		position: relative;
	}
	.homeSolutions {
		position: relative;
		margin-top: 0;
		padding: 2vh 2vh 7vh;
	}
}

@media only screen and (max-width: 600px){
	.homeSolutions ul li {
		width:100%;
		padding-top: 80px;
	}
	.homeSolutions:after{
		top: -300px;
	}
}

marquee{
	border-top: 1px solid var(--global-palette1);
	border-bottom: 1px solid var(--global-palette1);
	background: #fff;
}
marquee h2{
	margin:0px !important;
	color:#e8e8e8;
	font-size: var(--fs-xxxl);
	float: left;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 8px;
	line-height: 1;

}
marquee h2:after {
	content:url(/wp-content/uploads/2024/02/Layer-43.png);
	position: relative;
	padding: 0 40px;
}
.stripes-bkg .gspb_backgroundOverlay{
}
.sustainability-home {
	position: relative;
}
.sustainability-home:before{
	content: "";
	width:1px;
	height: 80%;
	background: #fff;
	position: absolute;
	top:-20px;
	left: -20px;
}
.sustainability-home:after{
	content: "";
	width:1px;
	height: 80%;
	background: #fff;
	position: absolute;
	bottom:0px;
	left: -40px;
}
.kt-accordion-header-wrap .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger{
	transform: rotate(180deg);
}
.kt-blocks-accordion-icon-trigger{
	transform: rotate(-90deg);
}

/*  ============= MEDIA QUERIES ==========*/

@media only screen and (max-width: 1500px){
	.site-header-main-section-left.site-header-section-left{
		display: block;
		border-right: 1px solid #fff;
	}
	.site-header-main-section-left .site-header-item:nth-child(1){
		border-right: none !important;
		margin-bottom: 10px;
	}
	.header-html {
		margin-left: 0 !important;
	}
}	

/* ==== MOBILE HEADER SHIFT ========*/

@media only screen and (max-width: 1300px){
	.site-header-main-section-left.site-header-section-left{
		border-right: none;
	}
}

/* ====== MOBILE  ========*/

@media only screen and (max-width: 768px){
	.site-header-main-section-left.site-header-section-left{
		border-right: none;
	}
}