/*
Theme Name: Rosenberg
Author: Rosenberg Advertising
Description: Custom Theme build by Rosenberg Advertising
Version: 0.1
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
html {
	scroll-behavior:smooth !important;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
:root {
	/* --color-blue: #283A52; */
	--color-blue: #283952;
	--color-orange: #DD7D5F;
	--color-green: #93A78D;
	--color-green-dark: #627069;
	--color-tan-light: #F5F1E6;
	--color-tan: #E9E4D9;
	--color-tan-dark: #BAB1A3;

	--color-blue-light: #8BCAD5;
	--color-blue-lighter: #C8E3E8;
	--color-blue-lightest: #DCF2F5;
	--color-yellow: #FCDF58;
	--color-yellow-light: #F8EFC6;
	--color-purple: #7367A2;
	--image-arrow:url("/wp-content/uploads/2025/05/icon-arrow.svg");
}

body, nav {
	font-family:"proxima-nova", "sans-serif";
	font-weight:400;
	font-size:20px;
	color:#2C2C2C;
	line-height:1.5;
}
.menu {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
strong, b {
	font-weight: 600;
}
sup{
	font-size: 70%;
}

/* START STYLES */
	h1, h2, h4 {
		font-family:"playfair-display", "serif";
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
	}
	h1 {
		font-size:54px;
		color:#000;
	}
	h2 {
		font-size:48px;
	}
	h3 {
		font-size:30px;
	}
	h4 {
		font-size:30px;
	}
	h5 {
		font-weight:700;
		font-size:24px;
	}
	a {
		color:#288196;
		text-decoration: underline;
	}
.wrap {
	margin: auto;
	width: 94%;
	max-width: 1300px;
	position: relative;
}
.wrap-small {
	max-width: 920px;
}
img{
	max-width: 100%;
	height: auto;
}
a{
	color: var(--color-orange);
	text-decoration: none;
}
i, em{
	font-style: italic;
}
b, strong{
	font-weight: bold;
}
a:focus, button:focus {
	opacity: .4 !important;
	outline: none;
}
.entry-content ul {
	margin: 10px 20px;
}

.assistive-text { 
	height: 1px; 
	width: 1px; 
	position: absolute;
	overflow: hidden; 
	top: -10000px; 
	left: -10000px;
}

/* Forms */
input, textarea, button {
	padding: 13px;
		font-size: 15px;
}
select {
	height: 28px;
}

/* Layout */
.p10 {padding: 10px;}
.p30 {padding: 30px;}
.p40 {padding: 40px 0;}
.p50 {padding: 50px 0;}
.p60 {padding: 60px 0;}
.p70 {padding: 70px 0;}
.ptb {padding: 30px 0;}

.pr5{padding-right: 5%;}
.pl5{padding-left: 5%;}

.tar{text-align: right;}
.tal{text-align: left;}
.tac{text-align: center;}


li {
	margin-bottom: 5px;
}
main li {
	list-style-type: none;
	margin-bottom:15px;
	line-height:1.3;
}
main li:before {
	content: "";
	display: inline-block;
	background: url('/wp-content/uploads/2025/06/icon_checklist.svg') no-repeat;
	position:absolute;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin: 0 10px 0 -45px;
}
main li li:before {background: none;}

main li li {list-style-type: disc; margin: 10px;}

main ul {
	margin: 0 0 20px 40px;
}
.primary {
	background: #fff;
}
.gray {
	background: #e8e8e8;
}
article {
	padding: 50px 0;
}
.clearfloat {
	clear: both;
}

/* Start Kraft Styling */
.dark {color:white;}
.fadein {
	opacity: 0;
	position: relative;
	bottom: -100px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.fadeup {
	opacity: 1;
		bottom: 0;
}

/* Menus */

/* Header */
	.menu {
		display:flex;
	}

	header .wrap {
		display:flex;
		flex-direction:row;
		justify-content:space-between;
	}

	.nav {
		display:flex;
		flex-direction:column;
	}

	/* clears the ‘X’ from Internet Explorer */
	input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
	input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
	/* clears the ‘X’ from Chrome */
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration { display: none; }

	/* Mobile Header */
/* Footer */
	.logo-wrap{
		display:flex;
		justify-content:space-between;
	}
	.copyright {
		font-weight:lighter;
	}

	.footer-logo {
		max-height:130px;
		width:auto;
		padding:15px 0px;
	}
	.logo-right {
		max-width:380px;
	}
	footer .menu{
		display:flex;
		flex-direction:column;
		padding-bottom:35px;
	}
	footer .menu a:hover{
		color: var(--color-green);
	}
	footer .menu a {
		color:white;
	}
	.site-footer {
		padding:0px;
	}
	.footer-ul {
		display:flex;
		justify-content:space-around;
		align-items: baseline;
		color:white;
		padding-bottom:40px;
	}
	.footer-ul ul {
		display:flex;
		flex-direction:column;
	}

	#kraft-logo {
		border-right:1px solid #b8c860;
		padding-right: 4vw;
	}

	/* Footer Mobile */
	@media only screen and (min-width: 902px) {
		.copyright.tac br {display:none;}
	}
	@media only screen and (min-width: 901px) and (max-width: 1100px) {
		.footer-logo {
			max-height: 110px;
		}
	}
	@media only screen and (max-width: 901px) {
		.site-footer {
			display:flex;
			flex-direction:column;
		}
		.logo-wrap {
			height:auto;
			justify-content:space-evenly;
			flex-wrap:wrap;
		}
		#kraft-logo {
			border-right:none;
			padding-right:0px;
  		border-bottom: 1px solid #b8c860;
			margin:0 65px;
		}
		.footer-ul {
			flex-direction:column;
			margin:auto;
			align-items: center;
		}
		footer .menu {
			text-align:center;
		}
		.footer-ul ul {
			text-align:center;
			padding:10px 0px;
		}
		.footer-menu.menu li {
			padding:5px;
			text-align:center;
		}
		/*
		.footer-menu .copyright {
			margin:auto;
			word-wrap:break-word;
			max-width:220px;
		} */
	}

/* Default Page */
	.page-hero {
		background-size: cover;
		background-color: var(--color-blue);
		background-position: center;
		background-repeat:no-repeat;
		text-align:center;
		padding:50px 0;
	}
	.page-hero .header-box {
		padding-top: 20%;
		padding-bottom: 2%;
	}
	.default-page .content h3, .default-page .content h2 {
		margin:1.5% auto;
	}
	.default-page .content .button-container {
		margin-top:4%;
	}

/* Front Page */
	/* Hero */
		.home-hero {
			/* height:85vh; */
			height:90vh;
			overflow:hidden;
			/* margin:30px auto; */
			margin:0px;
			position:relative;
			background-position: 100%;
			background-repeat: no-repeat;
			background-size: contain;
		}
		.home-hero h3 a:hover {
			background-size:100% 0.1em;
			text-decoration:none;
		}
		.home-hero h3 a {
			text-decoration:none;
			background-image: linear-gradient(#b8c860, #b8c860);
			background-size: 0% 0.1em;
			background-position-y: 100%;
			background-position-x: 0%;
			background-repeat: no-repeat;
			transition: background-size 0.2s ease-in-out;
			padding-bottom:20px;
		}
		.home-hero h3 {
			color:#b8c860;
			text-decoration:none;
			margin-top:30px;
		}
		.home-hero h1, .home-hero h3 {
			position:relative;
		}
		.home-hero h3 a {
			color:white;
		}

		video {
			object-fit:cover;
			position:absolute;
			top:0;
			left:0;
			z-index:0;
			width:100%;
			height:100%;
		}

	/* Hero Mobile */
		@media screen and (max-width:1399px) {
			.home-hero {
				height:75vh;
			}
		}
		@media screen and (min-width:902px) {
			.home-hero h3 br {display:none;}
		}
		@media screen and (max-width:901px) {
			.hero-seperator {
				display:none;
			}
			.home-hero {
				height:75vh;
				display:flex;
				height:auto;
				padding:90px 0px;
			}
			.home-hero h1 {
				font-size:36px;
				margin:30px auto;
			}
			.home-hero h3 a {
				line-height:50px;
			}
			.home-hero .hero-wrapper {
				align-self:center;
			}
			.home-hero .hero-diag {
				width:90%;
				transform-origin: 0 100%;
			}
			.home-hero .hero-arrow {
				max-height:70%;
				top:270px;
				right:-160px;
			}
		}

/* Archive */
	#blog-archive .sec9-body, #research-archive .sec9-body {
		display:none;
	}
	.archive-content {
		padding:70px 0;
	}
	.archive-blogs-container {
		background-color: var(--color-tan-light);
		padding:60px 0;
		text-align: center;
	}
	.archive-blogs h2 {
		padding-bottom:70px;
	}
	.archive-posts {
		display:flex;
		flex-direction:row;
		gap:25px;
		flex-wrap:wrap;
		justify-content:space-between;
		justify-content:start;
	}
	.archive-post {
		max-width:30%;
	}
	.archive-post.post-card {
		text-align: left;
		background-color: white;
	}
	.archive-post.post-card .post-card-body {
		padding:25px;
	}
	.archive-post.post-card h3 {
		color:#345c50;
		margin-bottom:10px;
		font-weight:bold;
	}
	.archive-post.post-card a, .archive-post.post-card a:hover, .archive-post.post-card p, .archive-post.post-card p:hover, .archive-post.post-card h3, .archive-post.post-card h3:hover {
			text-decoration: none;
	}
	.archive-post.post-card p.post-card-read {
      color:#345c50;
      text-decoration: underline;
      font-weight:bold;
    }
	.archive-post.post-card p.post-card-read:hover {
		color:#4ca86d;
	}

/* New Archive Styles */
	.archive-links {
		display:flex;
		justify-content:space-between;
		padding-top:30px;
	}
	.archive-links .numeric-pagination {
		display:flex;
		gap:15px;
	}
	.archive-filter {
		text-align:right;
		margin-bottom:50px;
	}
	.archive-posts.research-tag .related-single .post-block {
		display:none;
	}
	.research-single .post-info, .single-research.related-single .post-info, .archive-posts.research-tag .related-single .post-info {
		height:100%;
		border-top:2px solid lightgray;
		border-radius:25px;
	}
	.research-single .related-link a, .single-research.related-single .related-link a, .archive-posts.research-tag .related-single .related-link a {
		text-decoration:none;
		font-weight:bold;
	}
	.research-single.related-single, .related-single.single-research, .archive-posts.research-tag .related-single {
		height:auto;
	}
	.post-info h5 {
		font-size:20px;
	}
	.post-info h5:hover {
		color:var(--color-orange);
	}
	#tag-filter {
		height:50px;
		width:30%;
		padding:10px;
		border:2px solid var(--color-tan);
		font-size:16px;
	}
	#tag-filter, #tag-filter option {
		color:black;
	}
	#archive-white-paper .post-info span {
		display:none;
	}

/* Single Posts */
	.post-top-container hr {
		margin:40px auto;
	}
	.single-primary .page-hero .wrap, .single-primary article .wrap {
		max-width:1200px;
	}
	.single-header img {
		position:relative;
		top:100px;
	} 
	.single-article {
		margin-top:100px;
		padding:50px 0 0 0;
	}
	h1.post-hero {
		color:var(--color-blue);
		text-align:center;
	}
	.post-top-content {
		display:flex;
		gap:0 80px;
		justify-content:center;
	}
	.top-content-left, .top-content-right {
		max-width: 50%;
	}
	.top-content-left .excerpt {
		font-weight:bold;
		visibility:hidden;
		height:0;
		margin-bottom:0px;
	}
	.top-content-right {
		position:relative;
	}
	.top-content-right img {
		max-width:540px;
		height:auto;
		position:absolute;
		top:-220px;
		width:40vw;
	}
	.post-main-content {
		padding:60px 0px;
	}
	.post-main-content h3, .post-main-content h4, .post-main-content h2 {
		color:#345C50;
	}
	.post-main-content h3 {
		margin:30px 0 20px;
	}
	.post-related-content {
		display:flex;
		gap:25px;
		padding:80px 0px;
	}
	.single-featured {
		height: 300px;
		top: 100px;
		position: relative;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	.single-primary .blue-hexagon {
		background-size:cover;
	}
	.single-post-spotlight h4 {
		margin-bottom: 10px;
	}
	.single-post-spotlight .culture-cta p {
		max-width: 95%;
		padding-top: 20px;
	}
	.single-post-spotlight img {
		max-width: 90%;
		margin: 0 5%;
	}
	.single-post-spotlight .culture-cta-container {
		padding: 20px 0 60px 0;
	}
	.post-related-container {
		background-color:var(--color-tan);
		padding:70px;
	}
	.post-related-container h3 {
		text-align:center;
	}
	.post-related {
		display:flex;
		gap:30px;
		margin-bottom:40px;
	}
	.related-single {
		height:460px;
	}
	.related-single h5 a {
		color:var(--color-blue);
		text-decoration:none;
	}
	.related-single h5 a:hover {
		color:var(--color-orange);
	}
	.related-link {
		display:flex;
		justify-content:space-between;
	}
	.related-tags a {
		text-decoration:none;
	}
	.post-block {
		background-size:cover;
		height:50%;
	}
	.post-info {
		background-color:white;
		padding:20px;
		border-bottom-left-radius: 25px 25px;
		border-bottom-right-radius: 25px 25px;
		border:2px solid var(--color-tan);
		border-top:0px;
		height:50%;
		display:flex;
		flex-direction:column;
		text-align:left;
		justify-content:space-between;
	}
	.post-main-container .post-main-content table {
		width:100%;
		border-spacing:10px;
	}
	
/* Research Single */
	.archive-posts .related-single, .post-related .related-single {
		width:31.5%;
	}
	.single-article.research {
		margin-top:0px;
	}

/* Search Results */
	.you-searched {
		max-width:850px;
	}
	.you-searched h2 {
		margin:60px 0;
	}
	.you-searched .blog-item {
		border-bottom: var(--color-tan) 3px solid;
		padding:50px 0;
	}
	.you-searched .blog-item.more-posts {
		border:none;
	}
	.you-searched .no-results {
		text-align:center;
	}
	a.post-title-link {
		font-weight:bold;
	}
	
/* New CQC Styles */
/* General */
	body, nav {
		font-family:"proxima-nova", "sans-serif";
		font-weight:400;
		font-size:20px;
		color:#2C2C2C;
		line-height:1.5;
	}
	p {
		margin-bottom:20px;
	}
	p.large {
		font-size:22px;
	}
	p.small {
		font-size:18px;
	}
	p:empty {
		display:none;
	}
	h1, h2, h4 {
		font-family:"playfair-display", "serif";
		font-weight: 400;
	}
	h1 {
		font-size:52px;
		color: #FFF;
	}
	h2 {
		font-size:48px;
	}
	h3 {
		font-size:30px;
		font-weight:400;
		color: #2C2C2C;
		margin-bottom:20px;
	}
	h4 {
		font-size:30px;
		margin-bottom:20px;
	}
	h5 {
		font-weight:700;
		font-size:24px;
		color: var(--color-blue);
	}
	a {
		color:var(--color-orange);
		text-decoration: underline;
	}
	a:hover {
		color:var(--color-green);
	}
	a.button {
		font-weight:700;
		color: #000;
		background-color:var(--color-orange);
		border-radius:30px;
		text-decoration:none;
		padding:8px 30px;
		width:fit-content;
		display:inline-block;
		margin-top:30px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;

	}
	a.button:after, a.arrow:after, span.arrow-before:before, p.arrow:after {
		content:url("/wp-content/uploads/2025/06/icon_arrow.svg");
		display:inline-block;
		position:relative;
		width:30px;
		top:3px;
		left:5px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.arrow-before.arrow-orange:before, .arrow-after.arrow-orange:after {
		content:url('/wp-content/uploads/2025/06/icon_arrow-coral.svg') !important;
	}
	a.button:hover {
		background: var(--color-green);
		color: #000;
		text-decoration:none;
	}
	a.button:hover:after, a.arrow:hover:after, p.arrow:hover:after {
		left:10px;
	}
	a.icon:before {
		margin-right:5px;
		display:inline-block;
		width:25px;
		position:relative;
		top:7px;
	}
	a.phone:before {
		content:url('/wp-content/uploads/2025/08/icon_contact-phone.svg');
	}
	a.email:before {
		content:url('/wp-content/uploads/2025/08/icon_contact-email.svg');
	}
	a.linked:before {
		content:url('/wp-content/uploads/2025/08/icon_contact-linkedin.svg');
	}
	a.calendar:before {
		content:url('/wp-content/uploads/2025/08/icon_contact-schedule.svg');
	}
	a i.fas:before {
		color:var(--color-orange);
		margin-right:5px;
	}
	hr {
		margin:20px auto;
		text-align:center;
		width:150px;
		height:2px;
		background-color: var(--color-orange);
		border:1px solid var(--color-orange);
	}
	hr.left {
		margin-left:0px;
	}
	hr.blue {
		background-color:var(--color-blue-light);
		border-color:var(--color-blue-light);
	}
	hr.gray {
		background-color: lightgray;
		border-color: lightgray;
		width:100%;
		height:1px;
		border:2px;
	}
	.body-image {
		display:flex;
		gap:15px;
		margin:30px 0;
	}
	.body-image p {
		display:flex;
		align-items:center;
		margin-bottom:0px;
	}
	.body-image p:empty {
		display:none;
	}
	.body-image img {
		width:10%;
		padding:15px;
	}
	.body-image img.body-small {
		width:64px;
	}
	.body-image.body-alt, p.body-image.body-alt {
		align-items:flex-start;
	}
	.body-image.body-alt img {
		padding:0px;
	}
	.text-center {text-align:center;}
	.blue {color: var(--color-blue);}
	.orange {color: var(--color-orange);}
	.green {color: var(--color-green);}
	.green-dark {color: var(--color-green-dark);}

	.light {color: white !important;}

	.bg-tan, .bg-tan.bg-override {background-color: var(--color-tan);}
	.bg-tan-light, .bg-tan-light.bg-override {background-color: var(--color-tan-light);}
	.bg-blue, .bg-blue.bg-override {
		background-color: var(--color-blue);
		color:white;
	}
	.bg-blue h3 {
		color:white;
	}
	.bg-orange, .bg-orange.bg-override {background-color: var(--color-orange);}
	.bg-green, .bg-green.bg-override {background-color: var(--color-green);}
	.bg-green-dark, .bg-green-dark.bg-override {
		background-color: var(--color-green-dark); 
		color:white;
	}

	.blue-hexagon {
		background-image:url('/wp-content/uploads/2025/07/subpage-hero-background-blue@2x-1-scaled.jpg');
		background-size:contain;
		background-repeat:no-repeat;
	}
	.green-hexagon {
		background-image:url('/wp-content/uploads/2025/07/subpage-hero-background-green@2x-1-scaled.jpg');
		background-size:contain;
		background-repeat:no-repeat;
	}
	.green-hexagon-alt {
		background-image:url('/wp-content/uploads/2025/08/resources-bottom-left-hexagons.svg');
		/* background-size:contain !important; */
		background-size:600px !important;
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	.tan-hexagon {
		background:url('/wp-content/uploads/2025/07/solutions-single-bottom-left.svg'), var(--color-tan);
		background-repeat:no-repeat;
		background-size:28%;
		background-position:bottom left;
		padding:50px 0;
	}
	.tan-light-hexagon-alt {
		background:url('/wp-content/uploads/2025/08/resources-background.png'), var(--color-tan-light);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:top;
		padding:50px 0;
	}
	.tan-hexagon-alt {
		background: url('/wp-content/uploads/2025/07/dark-hexagons-background@2x-scaled.png'), var(--color-tan);
		background-size:contain;
		background-repeat:no-repeat;
	}

	.image-hexagon-bg {
		background-image:url('/wp-content/uploads/2025/07/hexagon.svg');
		background-repeat:no-repeat;
	}
	.padding-top-40 {padding-top: 40px;}
	.padding-top-70 {padding-top: 70px;}
	.padding-bottom-40 {padding-bottom: 40px;}
	.padding-bottom-70 {padding-bottom: 70px;}

	.hide-section {display: none !important;}
	.visually-hidden { /* Use in labels for ADA purposes */
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

/* Header and Menu */
	header {
		margin:25px 0 0 0;
	}
	nav a, .menu a {
		color:#2C2C2C;
		text-decoration: none;
	}
	nav li {
		margin:0 20px;
	}
	#top-nav { 
		font-size:16px;
		align-items:center;
		position:relative;
		/* left:45px; */
		height:25px;
	}
	#top-nav button {
		border:none;
		/* position: relative; */
		position:absolute;
		/* right: 50px;
		top: 5px; */
		right:80px;
		top:-10px;
		background:transparent;
	}
	#top-nav li.search {
		align-self:baseline;
	}
	#top-nav button img {
		width:20px;
	}
	#site-search {
		border:none;
		padding:5px;
		width:85%;
	}
	#search-form .input-group {
		border-bottom:2px solid var(--color-tan);
	}
	.menu {
		justify-content:space-evenly;
		list-style-type:none;
	}
	.sub-menu {
		background-color: var(--color-tan);
		display:none;
		list-style-type:none;
		padding:7px;
		position:absolute;
		z-index:999999;
	}
	.sub-menu:hover, .sub-menu.active {
		display:block;
	}
	.sub-menu a {
		color:black;
	}
	.sub-menu li {
		margin:10px 15px;
	}
	#main-nav li:hover > a {
		border-bottom:3px solid #E6873B;
		text-decoration:none;
	}
	#main-nav .sub-menu li:hover > a {
		border-bottom:none;
	}
	#main-nav > li > a {
		padding:10px 5px;
		display: inline-block;
		border-bottom:3px solid white;
	}
	#main-nav .sub-menu li a:hover, #top-nav li a:hover {
		color:var(--color-orange);
	}
	.wc-cart-menu svg, .wc-cart-menu img {
		width:25px;
		height:25px;
		vertical-align:middle;
	}
	.wpml-ls-legacy-dropdown {
		width:auto;
	}
	
	@media only screen and (max-width: 1200px) {
		header {
			margin-top: 10px;
		}
		header .wrap {
			margin:0px;
			width:100%;
			max-width: 100%;
		}
		#mobile-menu-button {
			display: inline-block;
			width: 25%;
			text-align: right;
			padding: 10px;
			margin-right: 20px;
		}
		#mobile-menu-button span {
			display: block;
			width: 33px;
			height: 4px;
			position: relative;
			background: var(--color-orange);
			border-radius: 3px;
			margin: 5px 0 0 75%;
			transition:all 0.2s;
		}
		#mobile-menu-button span.active:nth-child(1) {
			transform:rotate(45deg);
			translate:1px 0px;
			transition:all 0.2s;
		}
		#mobile-menu-button span.active:nth-child(2) {display:none;}
		#mobile-menu-button span.active:nth-child(3) {
			transform:rotate(-45deg);
			translate:0px -8.5px;
			transition:all 0.2s;
		}
		.logo {
			max-height:80px;
		}
		.nav {
			display:none; /* Until click */
			/* display:flex; */
			flex-direction:column-reverse;
			background: var(--color-tan);
			position: absolute;
			right: 0px;
			width: 100%;
			top: 63px;
			z-index: 999999;
			box-shadow: 0 5px 15px rgb(0 0 0 / 25%);
			/* padding-top: 15px; */
			padding-top:0px;
		}
		.nav.active {
			display:flex !important;
		}
		.sub-menu.active {
		    display: block !important;
		}
		#top-nav {
			display:flex;
			flex-direction:column-reverse;
			font-size:20px;
		}
		#main-nav {
			display:flex;
			flex-direction:column;
		}
		#main-nav a, #top-nav a {
			font-weight:bold;
		}
		#main-nav > li > a {
			border-bottom: 0;
			margin: 0;
			padding-left: 25px;
		}
		#main-nav li {
			position: relative;
			padding: 5px 0px;
			margin:0px;
			border-bottom:2px solid var(--color-tan-dark);
		}
		#main-nav li:first-child {
			border-top:2px solid var(--color-tan-dark);
		}
		#main-nav li ul li:first-child {
			border:none;
		}
		#main-nav li:hover a {
			border-bottom:none;
		}
		#main-nav .sub-menu a {
			border:none;
			padding-left: 0;
		}
		#main-nav ul.sub-menu {
			position:relative;
		}
		#main-nav ul.sub-menu li {
			border:none;
			padding:5px 0;
			margin:10px 15px;
		}
		#main-nav li.menu-item-has-children:after {
			content:url('/wp-content/uploads/2025/06/icon-arrow-down.svg');
			display:inline-block;
			position:absolute;
			height: 30px;
			width: 30px;
			right: 30px;
			top: 20px;
			transition:all 0.4s ease-out;
		}
		#main-nav li.menu-item-has-children.active:after {
			top:20px;
			transform:rotate(-180deg);
		}
		#main-nav li.menu-item-has-children ul {
			margin-top: 15px;
			padding: 0px;
			border-top: 2px solid var(--color-tan-dark);
			background: var(--color-tan);
			padding-left: 5%;
			padding-bottom: 5px;
		}
		/* #main-nav li.menu-item-has-children.active ul.active { */
		#main-nav li.menu-item-has-children.active {
			display:block;
		}
		#main-nav li.menu-item-has-children .sub-menu.inactive { /* Having issues with getting the sub-menus to disappear on mobile without this */
			display:none !important;
		}
		#main-nav li.menu-item-has-children.active {
			padding-bottom:0px;
			border-bottom:0px;
		}
		#top-nav {
			left:0px;
			padding:15px;
			align-items:flex-start;
			height: 350px;
		}
		#top-nav li {
		    padding: 5px 0;
		}
		#site-search {
			width:100%;
			border-bottom:2px solid var(--color-tan-dark);
			padding-left:0px;
			font-size:16px;
			background:transparent;
			height: 60px;
		}
		#top-nav button {
			position:absolute;
			right:0;
			top:15px;
		}
		#top-nav li.search {
			margin: 0;
			padding: 0 20px;
			width:100%;
		}
		#search-form .input-group {
			position:relative;
		}
		.wpml-ls-legacy-dropdown {
			width: 300px;
		}
		.wc-cart-menu {
			margin-left: -60px;
		}
	}

	.leadership li {
		font-size:18px;
	}

/* Footer */
	footer.site-footer {
		background-color: var(--color-blue);
		display:flex;
		flex-direction:column;
		padding-top:50px;
		padding-bottom:25px;
	}
	.footer-logo {
		height:100px;
	}
	footer p, footer a, footer span, footer h3 {
		color:white;
	}
	footer h3 {
		 color: white !important; /* Elementor override */
	}
	footer .popup-top h3 {
		color:black !important; /* Okay but popup other override */
	}
	footer p, footer a, footer span {
		font-size: 16px;
	}
	footer a {
		text-decoration:none;
	}
	.footer-contact {
		margin-top:80px;
		display:flex;
		flex-direction:column;
	}
	.footer-icons {
		display:flex;
		justify-content: space-around;
		gap:15px;
	}
	.footer-signup {
		text-align: center;
	}
	.footer-signup h3:first-of-type {
		font-size:18px;
		letter-spacing:2px;
	}
	.logo-wrap, .footer-connect, .footer-menu {
		justify-content: revert;
		flex-direction: column;
	}
	.footer-main, .footer-bottom {
		display:flex;
		justify-content: space-between;
	}
	.footer-bottom {
		margin-top:30px;
	}
	.icon-container {
		border-radius: 50%;
		width:40px;
		height:40px;
		border:2px solid var(--color-green);
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.icon-container:hover {
		border:2px solid var(--color-orange);
	}
	.icon-container img {
		width:20px;
		height:20px;
		position:relative;
		top:3px;
	}
	#bot-nav .bot-nav-item:last-of-type .footer-separator {
		display:none;
	}
	#_form_4_submit { margin-top:0px; }

/* Home and page-specific styles */
	#home h2 {
		text-align:center;
	}
	.home-hero {
		background-color:var(--color-blue);
		height:auto;
	}
	.hero-wrapper {
		display:flex;
		padding:7.5vw 0;
	}
	.hero-item {
		width:50%;
		align-content:center;
		position:relative;
	}
	.hero-item.video-wrapper {
		position:absolute;
		right:0;
		top:0;
	}
	.hero-item video {
		object-fit:cover;
		position:relative;
		height:100%;
		right:0;
		left:revert;

	}
	.hero-wrapper h1::after {
		content: url('/wp-content/uploads/2025/06/icon_underlines.svg');
		width: 35%;
		display: block;
		position: relative;
		top: -30px;
		left: 20px;
	}
	.subhero-wrapper {
		padding-top:70px;
	}
	.help-content, .can-content {
		display:flex;
	}
	.help-left, .help-right, .can-left, .can-right {
		width:50%;
	}
	.help-below {
		text-align:center;
		padding:0 0 50px;
	}
	.home-can {
		padding:50px 0;
	}
	.home-testimonial {
		background-color:var(--color-blue);
		padding:100px 0;
	}
	.home-testimonial p:before {
		content:'<lquot>';
	}
	.home-testimonial p:after {
		content:'<rquot>';
	}
	.home-trusted {
		background-color:#F0F0F0;
		padding:50px 0;
	}
	.trusted-logo-container {
		display:flex;
		gap:25px;
		background-color:white;
		border-radius:50%;
	}
	.trusted-logo-container img {
		width:150px;
	}
	#what-is main li {
		font-size:18px;
	}
	@media screen and (min-width:2000px) {
		.hero-item {
			width:43%;
		}
	}
	@media screen and (min-width:1500px) {
		.hero-wrapper {
			padding: 9vw 0;
		}
	}
	@media screen and (min-width:1700px) {
		.hero-wrapper {
			padding: 10vw 0;
		}
	}
	@media screen and (max-width:901px) {
		.home-hero {
			padding: 0;
		}
		.hero-wrapper h1::after {
			top:-20px;
		}
		.hero-wrapper {
			flex-direction: column;
		}
		.hero-item {
			width: 100%;
			margin: auto;
		}
		._form_4 ._form-content {
			margin-top:10px;
		}
	}


/* Section 1 - Image and Content */
	.section1-container > h2 {
		text-align:center;
	}
	.section1-container.hide-head > h2, .section1-container.hide-head > hr, .section1-container.hide-head .sec1-wrapper > h2, .section1-container.hide-head .sec1-wrapper > hr {
		display:none;
	}
	.section1-image a, .section1.imagelink .section1-content a {
			display:none;
	}
	.section1.imagelink .section1-image a {
		display:inline-block;
		margin-top:15px;
	}
	.section1 h2 {
		text-transform: none;
	}
	.section1-content h3, .sec1-bot h4 {
		margin:20px 0;
	}
	.section1 .section1-image, .section1 .section1-content {
		width:50%;
	}
	.section1 .section1-image {
		text-align: center;
		background-repeat:no-repeat;
	}
	.section1 .sec1-wrapper {
		/* padding:0;  - possibly add another class option called 'padded' to indicate when we want a sub-section to have padding, since on the homepage we don't want padding. But we can adjust it from other styles where necessary */
		padding: 20px 0 50px 0;
		display:flex;
		gap:60px;
	}
	.section1.left .sec1-wrapper {
		flex-direction: row;
	}
	.section1.right .sec1-wrapper {
		flex-direction: row-reverse;
	}
	.section1.white {
		background-color: white;
	}
	.section1 .sec1-wrapper {
		align-items:center;
	}
	.sec1-bot {
		text-align:center;
	}
	.section1-container.leadership .section1-image img {
		border-radius:50%;
		padding:50px 7vw;
		background-repeat:no-repeat;
		background-size:50%;
	}
	.section1-container.leadership .section1.right .section1-image {
		background-position:right;
	}
	.section1-container.leadership .section1.left .section1-image img {
		background-position:left;
	}
	.section1-container.leadership h5 {
		margin-bottom:20px;
	}
	@media only screen and (max-width:1000px) {
		.section1.left .sec1-wrapper {
			flex-direction: column;
		}
		.section1.right .sec1-wrapper {
			flex-direction: column;
		}
		.section1-container .section1 .section1-content, .section1-container .section1 .section1-image {
			width:auto !important;
			max-width: none !important;
		}
		.section1 .sec1-wrapper {
		    gap: 30px;
	    }
	}
/* Section 2 - Testimonial */
  .section2-container {
    background-color: var(--color-blue);
  }
  .section2 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
  }
	.testimonial {
		padding:50px 0 300px 0;
		text-align:center;
	}
	.testimonial h4 {
		position:relative;
	}
	.testimonial h5 {
		margin:25px 0;
		text-transform:uppercase;
		font-weight:normal;
	}
	.testimonial .sec2-slider h4 {
		width:90%;
		margin:auto;
	}
	/* Old quote-before method, disregard
		.testimonial h4:before, .testimonial h4:after  {
			font-family:"playfair-display", "serif";
			font-size:150px;
			color: var(--color-green);
			position:absolute;
		}
		.testimonial h4:before {
				content: open-quote;
				left: -25px;
				top: -65px;
		}
		.testimonial h4:after {
				content: close-quote;
				bottom: -110px;
		}
		.testimonial h4:before {
			left:-40px;
		}
		@media only screen and (max-width:768px) {
			.testimonial h4:before, .testimonial h4:after  {
				font-size:120px;
			}
		}
	*/
	.testimonial h4:before, .testimonial h4:after {
		display: inline-block;
		width: 50px;
		height: 50px;
		vertical-align: middle;
		margin: 0 5px;
	}
	.testimonial h4:before {
		content: url(/wp-content/uploads/2025/09/icon_quote-left.svg);
	}
	.testimonial h4:after {
		content: url(/wp-content/uploads/2025/09/icon_quote-right.svg);
	}

/* Section 3 - Trusted By */
	.section3-container {
		background-color: var(--color-tan);
		padding:80px 0;
	}
	.section3-content {
		text-align:center;
	}
	.section3-container.hide-head .section3-content > h2, .section3-container.hide-head .section3-content > hr {
		display:none;
	}
	.trustedby {
		border-radius:110px;
		background-color:white;
    /* background-color: var(--color-blue);*/
		/* background: linear-gradient(90deg, white 0%, var(--color-blue) 5%, var(--color-blue) 95%, white 100%); */
		background: linear-gradient(90deg, white 0%, white 5%, white 95%, white 100%);
		margin:50px 0;
		padding:30px 50px;
		z-index:99;
	}
	.trustedby.slick-initialized .slick-slide {
		display: flex !important;
		height: inherit !important;
	}

	.trustedby .slick-slide img {
		object-fit: cover;
		height: 100%;
		margin:0 30px;
	}
	.trustedby .slick-track {
		height: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index:9;
	}


/* Section 4 - Service Blocks */
	.section4-top {
		background: url('/wp-content/uploads/2025/07/dark-hexagons-background@2x-scaled.png'), var(--color-blue);
		background-size:contain;
		background-position:top center;
		background-repeat:no-repeat;
	}
	.section4-bot {
    background-color: var(--color-tan);
		padding-bottom:40px;
	}
	.section4 h2 {
    text-align: center;
    margin:0 0 20px 0;
  }
	.section4 h3 {
		margin-top:30px;
	}
  .section4-bot .wrap, .section4-top .wrap {
    display:block;
    padding:40px 0;
    text-align: center;
  }
  .section4-items {
    background: linear-gradient(0deg, rgba(233, 228, 217, 1) 0%, rgba(233, 228, 217, 1) 50%, rgba(40,58,82,1) 50%);
  }
  .section4-items .wrap {
    display:flex;
    gap:20px;
    justify-content: center;
    flex-wrap:wrap;
  }
  .service-item {
    display:flex;
    flex-direction: column;
    background-color: white;
    align-items: center;
    padding:25px 20px 25px 20px;
    width:23%;
    text-align: center;
    border-radius:30px;
    position:relative;
  }
  .service-item img {
    width:80px;
		margin-bottom:10px;
  }
	.service-30 .service-item {
		width:30%;
	}
  @media (max-width:1000px) {
    .service-item {
      width: 40%;
    }
  }
  @media (max-width:768px) {
    .service-item {
      width: 80%;
      margin: 0 10%;
    }
	.section4-top {
		background: url('/wp-content/uploads/2025/07/dark-hexagons-background-mobile@2x.png'), var(--color-blue);
	}
  }
/* Section 5 - Hover Blocks */
	.home-sec5 {
		background: url('/wp-content/uploads/2025/07/light-hexagons-background@2x-scaled.png'), white;
		background-size:contain;
		background-repeat:no-repeat;
	}
	.section5-container {
		padding:40px 0;
	}
	.section5-content {
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		padding:50px 0;
		gap:15px;
	}
	.section5-container .sec5-head {
		text-align:center;
	}
	.section5-repeater-item {
		display:flex;
		position:relative;
		/* border:3px solid #F0F0F0; */
		outline: 2px solid #E9E4D9;
		background-color:white;
		border-radius:30px;
		align-items:center;
		padding-right:20px;
		max-width:310px;
	}
	.section5-repeater-item img {
		height: 190px;
		margin-left: 16px;
		width:auto;
	}
	.section5-repeater-item a {
		text-decoration:none;
		display:flex;
		align-items:center;
	}
	.section5-repeater-item p.arrow {
		height:min-content;
	}
	.section5-repeater-item a.arrow, .section5-repeater-item p {
		color:var(--color-blue);
		float:right;
		text-decoration:none;
		font-weight:bold;
		position:relative;
	}
	.section5-repeater-item a.arrow:after, .section5-repeater-item p.arrow:after{
		position:relative;
		/* top:35px;
		right:0;
		left:unset; */
		display:block;
		content:url('/wp-content/uploads/2025/06/icon_arrow-coral.svg');
	}
	.section5-repeater-item:hover p.arrow:after {
		right:-10px;
	}
	@media only screen and (max-width:768px) {
		.home-sec5 {
			background: url('/wp-content/uploads/2025/07/light-hexagons-background-mobile@2x.png'), white;
		}
	}
/* Section 6 - CTA */
	#sec6-cta h2 {
		text-align:unset;
		font-size:42px;
	}
	.section6-container {
		background-color: var(--color-tan-light);
		padding:40px 0;
	}
	.section6 {
		display:flex;
		justify-content:space-between;
	}
	.sec6-left {
		text-align:left;
	}
	.sec6-right {
		text-align:right;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
	}
	.sec6-right, .sec6-left {
		width:50%;
	}
	/*
	.section6-container.cta-half .sec6-right, .section6-container.cta-half .sec6-left {
		width:50%;
	}*/
	.section6-container.cta-left .sec6-right {
		text-align:left;
		align-items:start;
	}

/* Section 7 */
	.sec7-head .image-left, .sec7-head .image-right {
    /* width:40%;*/
		width:63%;
    position: relative;
    z-index: 999;
  }
  .sec7-head .image-right img {
    width:100%;
    position: absolute;
    /* right:-150%; */
		/* right:-75%; */
		right:-58%;
    top:-250px;
  }
	.sec7-head .image-left img {
		width:100%;
    position: absolute;
		transform:rotateY(180deg);
	}
  .section7-container h1 {
    font-size:68px;
  }
  .sec7-content, .sec7-image {
    position:relative;
  }
  .sec7-head {
    /* background-color:  rgb(40, 58, 82); */
    padding:100px 0;
  }
  .sec7-content, .sec7-image {
    width:45%;
  }
  .sec7-head {
    background: var(--color-blue);
    background-repeat:no-repeat;
  }
  .sec7-body {
    margin:60px 0;
  }
  .sec7-body .wrap {
    display:flex;
    background:white;
    justify-content: space-between;
  }
  .section7-container .sec7-image img {
    clip-path: polygon(-50% 50%,50% 100%,150% 50%,50% 0);
		background-repeat:no-repeat;
    position: absolute;
    /* bottom: 0; */
		top: -240px;
    z-index: 9999;
    width: 70%;
    margin: auto;
  }

/* Section 7 Alt */
	.resource-lp.section7-container .sec7-head {
		background: var(--color-green-dark);
		display:flex;
		flex-direction:row-reverse;
	}

/* Section 8 */
  #sec8-blocks {
    margin-top:100px;
  }
  .sec8-head {
    text-align: center;
  }
  .sec8-content {
    display:flex;
    gap:30px;
    justify-content: center;
    padding-top:20px;
  }
  .sec8-item {
    width:31%;
    position: relative;
		z-index:999999;
  }
  .sec8-item a.arrow {
    display:flex;
    flex-direction: column;
    gap:10px;
		outline: 2px solid #E9E4D9;
    border-radius: 20px;
    align-items: center;
    justify-content: start;
    text-decoration: none;
    padding:20px;
    height:100%;
  }
  .sec8-item a.arrow p {
    color:initial;
  }
  .sec8-item:hover h5 {
    color:#DD7D5F;
  }
  .sec8-item:hover img {
    left:10px;
    position: relative;
  }
  .sec8-item img {
    width:30px;
  }
  .sec8-item a.arrow:after {
    display: none;
  }
  @media only screen and (min-width: 901px) {
	  .sec8-item:hover {
	    top:-15px;
	  } 
  }

/* Section 9 - Hero (and archive pages) */
	.sec9-head {
		text-align:center;
		padding:80px 0;
		background-size:cover;
		background-position:top center;
	}
	.sec9-body {
		margin-top:60px;
	}
	.sec9-archive .sec9-body {
		margin: 60px auto;
	}
	.sec9-archive .sec9-body p {
		text-align:center;
	}

/* Section 11 - Form */
	.sec11-content {
		display:flex;
		gap:30px;
	}
	.sec11-left, .sec11-right {
		width:50%;
	}
	.section11-container.green-hexagon {
		background-size:cover;
		padding-top:70px;
	}
	.section11-container.green-hexagon h3 {
		color:white;
	}
	.sec11-gform .gform_wrapper {
		padding-bottom:40px;
	}
	.sec11-gform .ginput_container input {
		width:100%;
	}
	.gform_heading {
  	display: none;
	}
	#gfield_upload_rules_109_6 {
  	display: none;
	}
	.sec11-gform .gfield.gfield--type-honeypot {
		height:0px;
		visibility:hidden;
	}
	.sec11-gform .gform_button.button {
		text-align:center;
		background: var(--color-green);
		border: 0;
		color: black;
		padding: 10px 35px;
		font-weight:bold;
		margin-top:12px;
		font-family: "Arial";
		font-size:14px;
	}
	#input_109_6 { 
		background:white;
	}
	.sec11-left h2, .sec1-alt h2 {
		line-height: 1.3; 
		margin-bottom: 30px;
	}


/* Section 12 - Solutions Blocks */
	.section12-container {
		background: var(--color-green-dark);
		padding:65px 0;
	}
	.section12 {
		display:flex;
		flex-direction:column;
		gap:15px;
		margin:auto;
	}
	.section12-container.hide-head .sec12-head > h1, .section12-container.hide-head .sec12-head > hr {
		display:none;
	}
	.sec12-item {
		border-radius:25px;
		background-color:white;
		padding:40px;
		display:flex;
		align-items:flex-start;
		gap:20px;
	}
	.sec12-item .sec12-image {
		width:10%;
	}
	.sec12-item .sec12-content {
		display:flex;
		flex-direction:column;
		gap:15px;
		align-items:start;
		width:90%;
	}
	.sec12-item .sec12-content span:before {
		padding-right:15px;
		width:35px;
	}
	.sec12-item h3 {
		color: var(--color-orange);
		margin-bottom:0;
	}
	.sec12-link {
		align-self:flex-end;
	}
	.sec12-link a {
		text-decoration:none;
	}

/* Section 14 - Resource Blocks */
	.sec14-content.sec8-content {
		flex-wrap:wrap;
	}
	.sec14-item.sec8-item .arrow {
		background-color:white;
	}
	.sec14-item .sec14-icon {
		width:100px;
	}
	.sec14-item.sec8-item:hover img {
		left:0;
	}
	.sec14-item.sec8-item:hover img.sub-arrow {
		left:10px;
	}

/* Section 15 - Popup */
	.popup-display {
		display:flex;
		gap:30px;
	}
	.popup-display .popup-left {
		text-align:right;
		background-repeat:no-repeat;
		width:35%;
		background-position:left;
	}
	.popup-display a.button {
		margin:10px 0 30px;
	}
	.popup-image {
		width:70%;
		top:75px;
		position:relative;
		box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	}
	.sec15-modal {
		position:fixed;
		z-index:999999;
		top:18vh;
		left: 0;
		right: 0;
		margin: auto;
		width:800px;
		max-width:100%;
	}
	#sec15-cta {
		background:white;
		padding:30px;
		box-shadow:0 0 20px black;
	}
	/* Background overlay for modal */
	#sec15-overlay, #sec15-overlay-global {
		position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    background-color: rgba(40, 57, 82, 0.3);
    z-index:99999999;
		transition: opacity 0.5s ease-in-out; /* Transition opacity over 0.5 seconds */
		opacity:0;
	}
	#close-modal, #close-modal-global {
		text-align:right;
		width:min-content;
		margin-left:auto;
		cursor:pointer;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	#sec15-overlay-global p, #sec15-overlay-global h3 {
		color:black;
	}
	@media only screen and (max-width:1400px) {
		.sec15-modal {
			top:80px;
		}
	}
	@media only screen and (min-width:768px) {
		.popup-right {
			width:55%;
		}	
	}
	@media only screen and (max-width: 768px) {
		.popup-display {
			flex-direction: column;
		}
		.popup-display .popup-left {
			margin: 0 auto;
		}
		.popup-right {
			width: 100%;
		}
		.popup-image {
			top: 10px;
		}
		.sec15-modal {
			max-height:80vh;
			overflow:scroll;
		}
	}

/* Section 16 - Icon List */
	.sec16-head {
		text-align:center;
	}
	.sec16-list {
		display:flex;
		flex-wrap:wrap;
	}
	.sec16-item.body-image.body-alt {
		width:50%;
		margin: 0; 
		padding: 10px 20px;
	}

/* Section 17 - Map */
	.sec17-image {
		padding:20px 0;
	}
	.sec17-image img {
		width:900px;
	}
	.sec17-list {
		display:flex;
		justify-content:space-evenly;
	}
	.sec17-item.service-item {
		width:30%;
	}
	.sec17-item p {
		color:black;
	}
	.sec17-item a {
		text-align:left;
		font-weight:bold;
	}
	.sec17-bottom {
		padding:50px 0;
	}
	.sec17-bottom h5, .sec17-bottom p {
		margin-bottom:0px;
	}

/* Section 18 - Experts */
	.section18 h1 {
		color:var(--color-blue);
	}
	.sec18-blocks {
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		gap:30px;
	}
	.sec18-item {
		display:flex;
		align-items:flex-start;
		gap:20px;
		padding:30px;
		width:45%;
		background-color:white;
		border:1px solid var(--color-tan-dark);
		border-radius:25px;
	}
	.sec18-item img {
		border-radius:50%;
		width:20%;
	}
	.sec18-item-info {
		width:auto;
		text-align:left;
	}
	.sec18-item a {
		font-weight:bold;
		font-size:18px;
	}
	.sec18-item-info h4 {
		margin-bottom:5px;
	}
	.sec18-item-info .job-title {
		margin-bottom:5px;
	}

/* Trusted By */ /* Resource LP */ /* Webinar also */
	#trusted-by h1, #resource-lp h1, #webinar-lp h1  {
		font-size:52px;
	}
	#resource-lp .sec7-content, #resource-lp .sec7-head .wrap, #webinar-lp .sec7-content, #webinar-lp .sec7-head .wrap {
		width:60%;
	}
	#resource-lp .sec7-image-container, #webinar-lp .sec7-image-container {
		/* width:100%; */
		width:65%;
		z-index:99999;
	}
	#resource-lp .section7-container .sec7-image img, #leadership-lp .section7-container .sec7-image img {
		clip-path:none;
		position:absolute;
		top:100px;
		left:180px;
		width:60%;
		box-shadow: 0 0 20px rgba(0, 0, 0, .3);
	}
	#leadership-lp .section7-container .sec7-image img {
		padding:0px;
	}
	#resource-lp .section7-container .sec7-image, #leadership-lp .section7-container .sec7-image {
		background-repeat:no-repeat;
		background-size:100%;
		height:670px;
		text-align:right;
		width:40%;
		left:0;
		position:absolute;
		top:-370px;
	} 
	.page-template-page-trusted-single  .sec9-body, .page-template-page-research-php .sec9-body {
		margin-bottom:70px;
	}
	#webinar-lp  .sec7-content .sec7-image {
		width:60%;
	}
	#trusted-single .section1 .body-image img {
		min-width:50px;
		max-width:60px;
	}
	#webinar-lp .sec7-image-container .sec7-image {
		background-repeat:no-repeat;
	}
	@media only screen and (max-width: 901px) {
		#webinar-lp .resource-lp.section7-container .sec7-head, #resource-lp .resource-lp.section7-container .sec7-head  {
			flex-direction: column;
		}
		#webinar-lp .sec7-image-container {
			width:100%;
		}
		#webinar-lp .sec7-image-container .sec7-image {
			width:100%;
		}
		#webinar-lp h1 {font-size: 32px;}
		#resource-lp .section7-container .sec7-image, #leadership-lp .section7-container .sec7-image {
			height: 53vw;
			width: 50%;
			left: 20%;
			top: -100px;
		}
		#resource-lp .sec7-content, #resource-lp .sec7-head .wrap, #webinar-lp .sec7-content, #webinar-lp .sec7-head .wrap {width: 100%;}
		#resource-lp .section7-container .sec7-image img, #leadership-lp .section7-container .sec7-image img {
			top: 50px;
			left: 10vw;
		}
		#resource-lp .sec7-content {
			width: 100%;
			margin-top: 42vw;
		}
		.sec7-head .image-left img {
			width: 80%;
			left: 0;
		}
		#trusted-by h1, #resource-lp h1 {
				font-size: 32px;
		}
		#leadership-lp .section7-container .sec7-image {
			position:relative;
			top:0;
		}
		#leadership-lp .section7-container .sec7-head {
			flex-direction:column;
		}
		.webinar-lp.section1-container .sec10-top {
			flex-direction: column;
		}
	}


/* Section 19 - Portal Dropdown */
	.sec19-wrapper-top {
		background:white;
	}
	.sec19-question .question-content .inner {
		padding:20px;
	}
	.sec19-head {
		display:flex;
		justify-content:space-between;
		padding:15px 0;
	}
  .sec19-switcher {
    display:flex;
  }
  .sec19-switch {
    background-color:var(--color-green);
		padding:8px 30px;
		display:inline-block;
		width:fit-content;
		margin:0 10px;
  }
	.sec19-head h3 {
		margin-bottom:0px;
	}
  .sec19-switch p {
		margin:0;
		color:white;
	}
	.sec19-switch:hover {
		background-color:var(--color-green-dark);
		cursor:pointer;
	}
	.sec19-switch.active {
		background-color:var(--color-orange);
	}
	.sec19-wrapper-bot {
		background-color:var(--color-tan-light);
		padding:50px 0;
	}
	.questions-wrapper {
		margin-top:25px;
		display:flex;
		flex-direction:column;
		gap:25px 0;
	}
	.sec19-question {
		background-color:var(--color-blue);
		width:100%;
		text-align:left;
	}
	.sec19-question h3 {
		padding:8px 30px;
		color:white;
		margin-bottom:10px;
	}
	.question-content {
		background:white;
		width:100%;
		padding:8px 30px;
	}
	.sec19-q-1, .sec19-q-2, .sec19-q-3 {
  	display:none;
	}
	@media only screen and (max-width:900px) {
		.sec19-switcher, .sec19-head {
			flex-direction: column;
			gap: 5px;
		}
		.sec19-switch {
			width: 100%;
			text-align: center;
			margin: 0;
		}
		iframe {
			max-width: 100%;
		}
	}
	@media only screen and (max-width:700px) {
		iframe {
			height: auto;
		}
		.sec19-question ul {
			margin-left: 20px;
		}
	}


/* Webinar and Leadership LP */
	.webinar-lp.section1-container .wrap.wrap-small {
		max-width:1300px;
	}
	.webinar-lp.section1-container .sec10-top {
		display:flex;
		gap:50px;
	}
	.webinar-lp .webinar-content {
		width:100%;
	}
	​.page-template-page-webinar-lp ​h1 {
		font-size: 52px;
		line-height: 1.3;
	}
	.page-template-page-webinar-lp .sec7-image {
		width: 85%;
	}

	.section7-container.leadership-lp .sec7-head .wrap.wrap-large {
		width:60%;
	}
	.section7-container.webinar-lp .sec7-image {
		background-repeat:no-repeat;
	}
	.section7-container.leadership-lp .sec7-image {
		text-align: center;
		background-repeat:no-repeat;
		background-image:url('/wp-content/uploads/2025/07/hexagon.svg');
		width:100%;
		top:-240px;
		z-index:999;
	}
	.section7-container.leadership-lp .sec7-image img {
    clip-path: none;
		padding:50px;
		background-repeat:no-repeat;
		background-size:50%;
		width:fit-content;
		position:relative;
		top:0px;
	}



@media only screen and (max-width: 901px) {
	.wrap {
		max-width: 90%;
	}
	h1, .section7-container h1 {
		font-size: 40px;
	}
	h2, #sec6-cta h2 {
		font-size: 36px;
	}
	h3 {
		font-size: 24px;
	}
	hr {
		height: 1px;
		width: 110px;
	}
	.logo {
		margin-left: 15px;
	}
	.testimonial h4 {
		font-size: 24px;
		padding: 0 30px;
	}
	a.button {
		font-size: 17px;
	}
	.section6-container a.button {
		margin: 10px auto;
	}
	.home-hero .hero-wrapper {
		padding-bottom: 70vw;
	}
	.hero-item.video-wrapper {
		top: 300px;
	}
	.footer-main, .footer-bottom, .section6, .sec8-content, .section4-items .wrap, .sec11-content, .sec12-item, .archive-links, .post-top-content, .sec17-list, .sec18-blocks, .sec18-item {
		flex-direction: column;
		text-align: center;
	}
	.sec6-right, .sec6-left, .sec11-left, .sec11-right, .sec7-content, .sec7-image, .sec7-head .image-left, .sec7-head .image-right, .sec8-item, .service-30 .service-item, .sec17-item.service-item, .sec18-item {
		width: 100%;
	}
	.footer-logo {
	    height: auto;
	    width: 250px;
	    margin: 0 auto 30px;
	}
	.footer-icons {
		justify-content: center;
		margin-top: 30px;
	}
	.footer-contact {
		margin-top: 40px;
	}
	footer .menu {
		margin-top: 20px;
        padding-bottom: 0;
	}
	.footer-menu.menu li {
		padding: 0;
	}
	.footer-signup {
		margin-top: 30px;
	}
	.footer-signup h3:first-of-type {
		margin-bottom: 0;
	}
	.section4-items {
		background: var(--color-blue);
		padding-bottom: 40px;
	}
	.section4-bot {
		padding-bottom: 20px;
	}
	.section2 {
		background-size: 1200px;
	}
	.page-template-page-solutions .section2 {
		background-image: url(/wp-content/uploads/2025/06/testimonial-graphic.svg) !important;
	}
	.testimonial {
		padding-bottom: 240px;
	}
	.section3-container {
		padding: 40px 0 70px;
	}
	.trustedby {
		margin-bottom: 20px;
	}
	#sec6-cta h2 br, .sec11-left br {
		display: none;
	}
	#sec6-cta h2 {
		margin-bottom: 20px;
	}
	.sec6-right, .sec6-left {
		text-align: center;
		align-items: center;
	}
	.sec6-right {
		margin-bottom: 0;
	}
	.sec7-body .wrap {
		flex-direction:column;
		gap:40px;
	}
	.section7-container .sec7-image img {
		width: 60%;
		margin: 0 20% 40px 20%;
		top: 0;
		position: relative;
	}
	.section7-container.leadership-lp .sec7-image img, .section7-container.resource-lp .sec7-image img, .section7-container.webinar-lp .sec7-image img {
		margin:0 auto;
	}
	.section7-container.leadership-lp .sec7-head .wrap.wrap-large {
		width:100%;
	}
	.section7-container.leadership-lp .sec7-image, .section7-container.resource-lp .sec7-image, .section7-container.webinar-lp .sec7-image {
		top:0;
		background-position:center;
	}
	hr.left {
		margin-left: auto;
	}
	.sec7-head, .section1 h2, .section6-container.cta-left .sec6-right {
		text-align: center;
	}
	.sec7-head .image-right img {
		right: 0;
		top: 0;
	}
	#sec8-blocks {
    	margin-top: 40px;
	}
	.sec9-head, .blue-hexagon {
		background-image: url(/wp-content/uploads/2025/07/dark-hexagons-background-mobile@2x.png) !important;
		background-color: var(--color-blue);
		background-size: contain;
        background-repeat: no-repeat;
	}
	.sec9-head {
		padding: 50px 0;
	}
	.tan-hexagon {
		background-size: 80%;
	}
	.section1 .sec1-wrapper, .sec17-list {
		gap: 20px;
	}
	.sec12-item {
		gap: 10px;
	}
	.sec12-item .sec12-image {
		width: 120px;
		margin: 0 auto;
	}
	.sec12-item .sec12-content {
		align-items: center;
		width: 100%;
	}
	.sec12-link {
		align-self: center;
	}
	.archive-links .numeric-pagination {
		margin-top: 20px;
		justify-content: center;
	}
	.hide-separator {
		display: none;
	}
	.post-top-content {
		gap: 10px;
	}
	.service-30 .service-item, .sec17-item.service-item {
	    margin: 0 auto;
	}
	.section1-container.leadership .section1-image img {
		padding: 40px 19vw;
	}
	.section1-container.leadership .section1.left .section1-image img {
		margin-left: 8vw; 
		/* Pushing content off the edge of page fix */
		margin-left:0px;
	}
	.section1-container.leadership .section1.right .section1-image img {
		margin-left: -18vw;
	}
	.sec18-item img {
		width: 150px;
		margin: 0 auto;
	}
	.sec18-item-info {
	    width: 100%;
	    text-align: center;
	}
	.section1 .sec1-wrapper, .sec21-speakers {
		flex-direction: column;
	}
	.section21 .sec21-head {
		margin-bottom: 0;
	}
	.sec21-speakers .speaker {
		margin-top: 120px;
	}
}

/* Section 20 - Upcoming Webinars */
	.sec20-head h2 {
		color:var(--color-blue);
	}
	.sec20-item.ec-tile-top {
		font-family: "proxima-nova", "sans-serif";
		border:1px solid gray;
	}
  .sec20-content {
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    gap:15px;
  }
  .sec20-item.ec-tile-top {
    display:flex;
    gap:15px;
    height:auto;
    padding-bottom:20px;
    background:white;
    width:32%;
  }
  .sec20-item .ec-tile-info {
    padding:10px 5px 10px 0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .sec20-item .ec-tile-info .ec-tile-title {
		font-weight:normal;
		text-align:left;
	}
  .sec20-item .date-box {
    height:fit-content;
  }
  .ec-tile-info .text.time {
    color:black;
		font-weight:bold;
		text-align:left;
  }
	.date-box.box-webinar, .loc-text.info-webinar {
		background-color:#C1DDE2;
		width:fit-content;
	}
	.date-box {
    width:min-content;
    padding:10px 20px;
    text-align:center;
  }
  .date-box p {
    margin:0;
    font-weight:bold;
    color:black;
    font-size:16px;
    letter-spacing:2px;
  }
	.event-view-tiles .date-text {
    font-size:18px;
  }
	.event-view-tiles .date-text, .event-view-tiles .date-num {
			padding:0;
		}
	.event-view-tiles p.date-num {
			font-size:28px;
			line-height:26px;
			letter-spacing:5px;
		}
	.event-view-tiles .date-text, .event-view-tiles .date-num, .event-view-tiles .loc-text {
			text-transform:uppercase;
			color:black;
		}
	.event-view-tiles .loc-text {
    font-size:18px;
    padding:5px 15px;
  }
	#webinar-slider.slick-initialized .slick-slide {
		display: flex;
		margin: 0 5px;
	}

/* Section 21 - Speakers */
  .sec21-head {
		margin-bottom:150px;
	}
	.sec21-speakers .speaker-img  {
		position:absolute;
		width:250px;
		margin:auto;
		top:-120px;
	}
	.sec21-speakers .speaker-img img {
		border-radius:50%;
	}
	.sec21-speakers .speaker-info {
		background-color:white;
		padding:150px 15px 15px 15px;
	}
	.sec21-speakers .speaker {
		position:relative;
		justify-content:center;
		display:flex;
	}
	.sec21-speakers .speaker-info p {
		color:black;
		text-align:left;
	}
	.sec21-speakers .speaker-info h4 {
		color:var(--color-blue);
	}
	.sec21-speakers .speaker {
		background-color:var(--color-blue);
	}
	.sec21-speakers {
		padding:50px 0;
		display:flex;
		gap:30px;
	}

@media (max-width: 1100px) and (min-width: 769px) {
	.archive-posts .related-single, .post-related .related-single {
		width: 48%;
	}
	.sec16-list .body-image img {
		width:25%;
	}
}

@media (max-width: 768px) {
	.section4-top, .home-sec5 {
		background-size: contain;
		background-repeat: no-repeat;
	}
	.body-image, .body-image p {
		flex-direction: column;
        text-align: center;
	}
	.body-image img {
		width: 12%;
		padding: 10px 5px;
		margin: 0 auto;
	}
	.body-image {
		padding-bottom: 10px;
	}
	.sec16-list .body-image img {
		width:35%;
	}
	.page-template-page-what-is .body-image img {
		display: none;
	}
	.tan-light-hexagon-alt {
		var(--color-tan-light);
	}
	.archive-posts .related-single, .post-related .related-single, #tag-filter {
		width: 100%;
	}
	.section1-container > h2 {
		padding: 0 20px;
	}
	a.button {
		padding: 8px 18px;
	}
	a.button:after {
		width: 23px;
		top: 2px;
	}
}

@media (max-width:900px) {
	.post-related {flex-direction: column;}
	.post-related .related-single {width: 100%;} 
}