/*
Theme Name:		Burr Forest Group 2026
Theme URI:		
Author:			Jumaqu.io
Author URI:		https://www.jumaqu.io/
Version:		1.0
*/ 



:root{
	--white:#fff;
	--offwhite:#efefe8;
	--black:#191919;
	--grey:#d8d8d8;
	--sage: #abb0a9;
	--seagreen: #8ecdab;
	--wp--preset--color--tertiary: #8ecdab;
	--slategreen:#2c3d35;
	--darkgreen:#091A15;
	--cararra: #efefe8;
	--radius:8px;
	--shadow:0 10px 30px rgba(0,0,0,.35);
}

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; }
body { font-size: 1.1rem; color:var(--black); background:var(--offwhite); font-family: sans-serif; overflow-x:hidden; letter-spacing:0; font-weight:400; margin:0; }
input, textarea { border-radius:0; }
input, textarea, select, label { font-family: 'proxima-nova', sans-serif; outline:0; }
input:focus, input:hover { outline:0; }
::-webkit-input-placeholder { color:var(--grey); opacity:1; }
:-moz-placeholder { color:var(--grey); opacity:1; }
::-moz-placeholder { color:var(--grey); opacity:1; }
:-ms-input-placeholder { color:var(--grey); opacity:1; }

h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 15px 0; line-height:1.2; font-weight:300; letter-spacing:0; outline:0;}
h1 {font-size:80px; letter-spacing: -5%;}
h2 {font-size:48px; letter-spacing: -5%;}
h3 {font-size:24px; letter-spacing: -5%;}
h4 { font-size:24px; letter-spacing: -5%;}
h5 { font-size:18px; text-transform: uppercase;}
h6 { font-size:16px; }
h1 span, h2 span, h3 span, h4 span,
h1 strong, h2 strong, h3 strong, h4 strong {}

img { display:block; max-width:100%; height:auto; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active, input[type=submit] { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
svg path { transition:all .3s ease-out; }
p { margin:0 0 25px 0; line-height:1.5; }

.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
strong { font-weight:700; }

.button, .button:visited { 
	display:inline-flex; align-items:center; color:var(--white); background:transparent; padding:15px 30px; margin: 20px 0 0 0;
	text-align:center; font-size:15px; font-weight: bold; border-radius:4px; border: solid 1px var(--white); letter-spacing: -0.5px; 
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;
}
	.button:active, .button:hover {background:var(--white); color:var(--slategreen);}

body .button-solid, body .button-solid:visited {color:var(--white); background:var(--slategreen); border-color: var(--slategreen);}
	body .button-solid:active, body .button-solid:hover {background:var(--white); color:var(--darkgreen); border-color: var(--darkgreen);}

.button-centered {display:flex; width:max-content; margin:20px auto 0 auto;}
.alm-load-more-btn  {margin-bottom: 40px;}
.alm-load-more-btn[disabled] {display:none !important;}

.grecaptcha-badge {display: none !important;}

.video-embed {position:relative; width:100%; padding-bottom:56.25%; height:0; overflow:hidden; margin: 0 0 50px 0;}
	.video-embed iframe, .video-embed video {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}


/*-----------------------------------------------------------------------------------*/
/* Structure
/*-----------------------------------------------------------------------------------*/

.container { margin:0 auto; width:1460px; padding-left:0; padding-right:0; max-width:none; }
.view-mobile { display:none; }

img.aligncenter {display: block; margin: auto;}


/*-----------------------------------------------------------------------------------*/
/* Header styling
/*-----------------------------------------------------------------------------------*/

#header { 
	padding:30px 0; width:100%; z-index:9999; background: transparent; transition:all 0.3s ease 0s;  border-bottom: solid 1px var(--white); 
	position: absolute; top: 0; left: 0;
}
	#header .container { display:flex; align-items:center; justify-content:space-between; }
		#header .header-left .logo img { transition:all 0.3s ease 0s; }
			#header .header-left .logo img:hover { opacity: 0.8; }
		
	#header .menu-icon { transition:all 0.3s ease 0s; }
		#header .menu-icon img {width: 40px;}
	
	#header .header-right {display:flex; margin:0 0 0 auto; align-items:center;}
		#header .header-right nav {margin:0 30px 0 0;}
			#header .header-right nav ul {display:flex;}
				#header .header-right nav li {margin:0 0 0 30px; position:relative;}
					#header .header-right nav > ul > li > a {color:#fff; font-size:16px; padding:10px 0; display:block;}
					#header .header-right nav > ul > li.current_page_item > a,
					#header .header-right nav > ul > li > a:hover,
					#header .header-right nav > ul > li.current_page_item > a:hover {color:var(--sage);}

					#header .header-right nav li.menu-item-has-children > a {display:flex; align-items:center; gap:8px;}
						#header .header-right nav li.menu-item-has-children > a:after {
							content:""; width:7px; height:7px; margin-top:-4px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
							transform:rotate(45deg); transition:transform 0.2s ease;
						}
						#header .header-right nav li.menu-item-has-children:hover > a:after {transform:translateY(2px) rotate(225deg);}

				#header .header-right nav li ul {position:absolute; right:-10px; top:32px; margin:0; padding:5px; width:250px; background:var(--white); display:none;}
					#header .header-right nav li ul li {margin:0; padding:0;}
						#header .header-right nav li ul li a {display:block; width:100%; padding:8px 10px; color:var(--black); font-size:15px;}
						#header .header-right nav li ul.sub-menu li.current-menu-item a,
						#header .header-right nav li ul.sub-menu li:hover a {opacity:0.66;}

				#header .header-right nav li:hover > ul {display:block;}

	#header .menu-container { 
		padding:30px; left:auto; text-align:left; height:100vh; overflow-y:auto; position:fixed; width:100%; right:-100%; top:0; z-index:10000; 
		transition:all 0.3s linear; 
		background:var(--black); color:var(--white);
	}
		#header.show-menu .menu-container {right:0;}

	.close-icon {position:absolute; top:30px; right:30px;}
		.close-icon img {filter:brightness(0) invert(1);}

	.menu-container nav {margin-top:50px;}
		.menu-container nav > ul > li {border-bottom:1px solid var(--slategreen);}
		.menu-container nav > ul > li:last-of-type {border-bottom: none;}
			.menu-container nav li a {color:var(--white); font-size:28px; margin:20px 0; display:block;}
				.menu-container nav li.current_page_item > a,
				.menu-container nav li a:hover {opacity:0.6;}

		.menu-container nav li.menu-item-has-children > a {position:relative; padding-right:35px;}
			.menu-container nav li.menu-item-has-children > a:after {
				content:""; position:absolute; right:5px; top:50%; width:9px; height:9px;
				border-right:2px solid var(--white); border-bottom:2px solid var(--white);
				transform:translateY(-70%) rotate(45deg); transition:transform .2s ease;
			}
			.menu-container nav li.menu-item-has-children.submenu-open > a:after {transform:translateY(-20%) rotate(225deg);}

		.menu-container nav li.menu-item-has-children > ul.sub-menu {display:none; margin:0 0 15px 0; padding:0;}
			.menu-container nav ul.sub-menu li {margin:0; padding:0;}
				.menu-container nav ul.sub-menu li a {font-size:18px; margin:0; padding:5px 0;}


/*-----------------------------------------------------------------------------------*/
/* Footer styling
/*-----------------------------------------------------------------------------------*/

#site-footer {padding:90px 0; background:var(--slategreen); color:var(--white);}
	#site-footer .footer-grid {display:grid; grid-template-columns:1fr 2fr; gap:0; align-items:flex-start;}
	#site-footer .footer-intro {padding: 30px 45px 30px 0;}
		#site-footer .footer-intro h2 {margin:40px 0 0 0; padding: 0; color:var(--white); line-height:1.2; font-size:24px;}
	#site-footer .footer-menus {border-left:solid 1px var(--white); padding: 30px 0 30px 45px; display:grid; grid-template-columns:repeat(4,1fr); gap:40px;}
		#site-footer .footer-menu h3 {margin:5px 0 0 0; padding:0; color:var(--white); line-height:1.2; min-height:60px; font-size:21px;}
		#site-footer .footer-nav {margin:0; padding:0; list-style:none;}
			#site-footer .footer-nav li {margin:0 0 12px; padding:0; list-style:none;}
				#site-footer .footer-nav a {color:var(--white); font-size:15px; line-height:1.4; text-decoration:none;}
				#site-footer .footer-nav a:hover {color:var(--sage);}


/*-----------------------------------------------------------------------------------*/
/* Shared
/*-----------------------------------------------------------------------------------*/

#page-top {background:var(--darkgreen); padding: 200px 0 100px 0;}
	#page-top h1 {color:var(--white); font-size: 80px; padding: 0; margin: 0; max-width: 880px;}
	#page-top h2 {color:var(--white); font-size: 32px; padding: 0; margin: 20px 0; line-height: 1.5; max-width: 880px;}
 
.parallax-image-panel {height:500px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}

.button-holder {display: flex; justify-content: center; margin: 20px auto;}

.hero-content {margin-top: 150px;}
.eyebrow {margin: 0 0 15px 0; padding: 0;}
.meta-date {margin: 0 0 15px 0; font-size: 14px;}

.content-holder {display: flex; flex-wrap: wrap;}
	.content-left {width: 50%; padding-right: 30px;}
	.content-right {width: 50%; padding-left: 30px;}

.video-parallax {height:100vh; position:relative; overflow:hidden; background:var(--white);}
	.video-parallax-inner {width:100%; height:100vh; position:relative; overflow:hidden;}
		.video-parallax video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1;}

		.video-parallax .video-mask {
			--logo-size:160vw;
			position:absolute; inset:0; z-index:2;
			background:var(--white);

			-webkit-mask-image:
				linear-gradient(#000 0 0),
				url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon fill='black' points='28.93,93.83 30.63,93.83 30.63,61.43 35.44,58.25 49.61,67.60 49.61,100 51.31,100 51.31,67.60 65.01,58.55 69.37,61.43 69.37,93.83 71.06,93.83 71.06,61.43 100,42.33 71.06,0 69.37,0 58.23,16.30 51.31,6.17 49.61,6.17 42.23,16.98 30.63,0 28.93,0 0,42.33 28.93,61.43'/%3E%3C/svg%3E");

			-webkit-mask-position:center, center 100%;
			mask-position:center, center 100%;
			
			-webkit-mask-size:100% 100%, var(--logo-size) var(--logo-size);
			-webkit-mask-composite:xor;

			mask-image:
				linear-gradient(#000 0 0),
				url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon fill='black' points='28.93,93.83 30.63,93.83 30.63,61.43 35.44,58.25 49.61,67.60 49.61,100 51.31,100 51.31,67.60 65.01,58.55 69.37,61.43 69.37,93.83 71.06,93.83 71.06,61.43 100,42.33 71.06,0 69.37,0 58.23,16.30 51.31,6.17 49.61,6.17 42.23,16.98 30.63,0 28.93,0 0,42.33 28.93,61.43'/%3E%3C/svg%3E");

			mask-repeat:no-repeat, no-repeat;
			mask-position:center, center;
			mask-size:100% 100%, var(--logo-size) var(--logo-size);
			mask-composite:exclude;
		}

#main {padding: 90px 0;}
	#main .container-flex {display: flex; flex-wrap: wrap; align-items: center;}
		
		#main .container p {width: 100%;}
		#main .container p > a, #main .container p > strong a, #main .container p > em a, #main .container p > span a {color:var(--slategreen); text-decoration: underline;}
		#main .container p > a:hover, #main .container p > strong a:hover, #main .container p > em a:hover, #main .container p > span a:hover {opacity: 0.6;}
		
		#main .container ul,
		#main .container ol {margin-bottom: 25px;}
			#main .container ul li {list-style: disc; margin: 0 0 5px 20px; line-height: 1.5;}
			#main .container ol li {list-style: decimal; margin: 0 0 5px 20px; line-height: 1.5;}
			#main .container li a {color:var(--slategreen);}
			#main .container li a:hover {text-decoration: underline;}


	.image-holder {width: calc(50% - 40px); margin: 40px 40px 40px 0;}
		.image-holder img {border-radius: 24px; width: 100%; height: auto;}
	.text-holder {width: calc(50% - 40px); margin: 40px 0 40px 40px;}
	
	.container-flex:nth-child(even) .image-holder {order: 2; margin: 40px 0 40px 40px;}
	.container-flex:nth-child(even) .text-holder {order: 1; margin: 40px 40px 40px 0;}
	

/*-----------------------------------------------------------------------------------*/
/* Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-hero { background: no-repeat center center / cover; min-height:600px; height:100vh; background-attachment:fixed; position:relative;}
	#home-hero:before { width:100%; height:100%; content:""; position:absolute; top:0; left:0; background:rgba(0,0,0,0.25); }
	#home-hero .container { display:flex; align-items:flex-end; justify-content:flex-start; height:100%; position: relative; z-index: 10;}
		#home-hero h1 {margin:0 0 120px 0; color:var(--white); max-width: 640px;}

#home-intro { background: var(--slategreen); padding: 90px 0;}
	#home-intro h2 {font-size:32px; color:var(--white); max-width: 1200px; text-align: center; margin: auto; letter-spacing: -1px; line-height: 1.33;}

#home-work {padding: 90px 0; background:var(--darkgreen); color:var(--white);}
	#home-work .eyebrow {color:var(--seagreen); margin:0 0 15px 0;}
	#home-work h2 {font-size:54px; margin:0 0 40px 0;}

#home-featured {padding: 90px 0;}
	#home-featured h2 {}

#services {padding: 0 0 25px 0;}
	
	#home-services-top {color:var(--white); background:var(--slategreen); border-radius: 20px; padding: 30px; margin-bottom: 75px; flex-wrap: wrap;}
		#home-services-top h2 {width: 100%;}
		#home-services-top .content-left {width: 70%; padding-right: 45px;}
			#home-services-top h3 {}
		#home-services-top .content-right {width: 30%; padding-left: 0; border-top: solid 3px var(--white);}
			#home-services-top ul {margin: 30px 0 0 0; padding: 0;}
				#home-services-top ul li {margin: 0; padding: 4px 0;}
					#home-services-top ul li a {color:var(--white); font-size: 21px;}
						#home-services-top ul li a:hover {color:var(--seagreen);}

	.home-service-block {padding:75px 0; margin:0; flex-wrap:wrap; border-bottom: 1px solid var(--slategreen);}
	.home-service-block:last-of-type {border-bottom: none;}
		.home-service-block .content-left {padding-right:45px;}
			.home-service-block h2 {font-size:54px;}
			.home-service-block p {font-size:18px;}
			.home-service-block ul {margin:10px 0 0 0; padding:0;}
				.home-service-block ul li {margin:10px 0 0 0; padding:5px 0 14px 50px; font-size:18px; background:url(images/arrow-bullet.svg) no-repeat 15px 6px / auto 14px;}
		.home-service-block .content-right {padding-left:45px; display:grid; grid-template-columns:305px 305px; gap:20px; align-items:center;}
			.home-service-block .service-gallery-left {display:flex; flex-direction:column; gap:20px;}
			.home-service-block .service-gallery-right {display:flex; align-items:center;}
			.home-service-block figure {width:100%; height:auto; aspect-ratio:305 / 385; margin:0; padding:0; overflow:hidden;}
				.home-service-block figure img {display:block; width:100%; height:100%; object-fit:cover;}


/*-----------------------------------------------------------------------------------*/
/* Service
/*-----------------------------------------------------------------------------------*/

#service-purpose {padding:90px 0 65px 0;}
	#service-purpose .content-left {padding-right: 20px;}
		#service-purpose .eyebrow {margin-bottom: 25px;}
		#service-purpose .content-left h2 {font-size: 80px; line-height: 1.1;}
	#service-purpose .content-right {padding-left: 20px;}
		#service-purpose .content-right h3 {line-height: 1.5;}

#service-process {padding:90px 0; background:var(--darkgreen); color:var(--white);}
	#service-process .content-left {padding-right: 20px;}
		#service-process .eyebrow {margin-bottom: 25px;}
		#service-process .content-left h2 {font-size: 80px; line-height: 1.1;}
	#service-process .content-right {padding-left: 20px;}	
		#service-process .content-right h3 {line-height: 1.5;}

#service-services {padding:0; background:var(--darkgreen); color:var(--white);}
	#service-services .container {color:var(--white); background:var(--slategreen); border-radius: 20px; padding: 30px 30px 15px 30px; flex-wrap: wrap;}
		#service-services h2 {width: 100%; margin-bottom: 0;}

		#service-services ul.grid {display:flex; flex-wrap:wrap; gap:30px;}
			#service-services ul.grid > li {width:100%; padding: 15px 0;}
			#service-services ul.grid:has(> li:nth-child(3):last-child) > li {width:calc((100% - 60px) / 3);}
			#service-services ul.grid:has(> li:nth-child(4):last-child) > li {width:calc((100% - 30px) / 2);}

			#service-services .service-grid-item-top {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 0 20px 0;}
				#service-services .service-number {
					display:flex; align-items:center; justify-content:center; width:60px; height:60px;
					border:solid 5px var(--seagreen); border-radius:50%; font-size:32px; 
					margin: 0; padding: 0; line-height: 60px;
				}
				#service-services .service-grid-item-top h3 {font-size: 32px; width: calc(100% - 80px); margin: 0; padding: 0;}
				/* inner list */
				#service-services ul.grid ul li {
					margin:10px 0 0 0; padding:5px 0 5px 50px; font-size:18px; background:url(images/arrow-bullet.svg) no-repeat 15px 10px / auto 14px; line-height: 1.5;
				}


/*-----------------------------------------------------------------------------------*/
/* Thought Leadership
/*-----------------------------------------------------------------------------------*/

.page-template-thought-leadership #page-top {background:var(--slategreen);}
	.page-template-thought-leadership #page-top h2 {font-size: 24px;;}


/*-----------------------------------------------------------------------------------*/
/* About
/*-----------------------------------------------------------------------------------*/

#about-team {padding:90px 0;}
	#about-team .container > h2 {}	
	#about-team .team-member-block {align-items:center; padding: 30px 0;}
		#about-team .content-left {width:60%; padding-right:45px;}
			#about-team .content-left h3 {font-size: 36px;}
			#about-team .content-left h4 {padding: 10px; margin: 10px 0 20px 0; background:#fff; line-height: 1;}
		#about-team .content-right {width:40%; padding-left:45px;}
			#about-team .content-right img {width:100%; max-width: 600px; height:400px; object-fit:cover; border-radius: 20px;}


/*-----------------------------------------------------------------------------------*/
/* Job Listing
/*-----------------------------------------------------------------------------------*/

#job-listing {padding:90px 0;}
	#job-listing ul {display: flex; flex-wrap: wrap;}
		#job-listing ul li {padding:20px 90px 20px 0; width: 50%;}
			#job-listing ul li h3 {}
			#job-listing ul li a {color:var(--slategreen);}
			#job-listing ul li a:hover {text-decoration: underline;}

/* single */
#job-hero { background: var(--darkgreen); color:var(--white); padding-bottom: 50px;}
	#job-hero .container { display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap: wrap; max-width: 960px; position: relative; z-index: 10;}
		#job-hero .meta {width: 100%;}
			#job-hero .meta a {color:var(--white); font-size: 21px;}
			#job-hero .meta a:hover {text-decoration: underline;}
		#job-hero h1 {margin: 40px 0 20px 0; width: 100%;}
		#job-hero h2 {width: 100%; margin-bottom: 40px;}


/*-----------------------------------------------------------------------------------*/
/* Contact
/*-----------------------------------------------------------------------------------*/

#contact-form {background:var(--black); padding: 90px 0;}
	#contact-form .content-holder {background:var(--slategreen); border-radius: 20px; padding: 40px; color:var(--white); }
		#contact-form .content-left h2 {font-size: 72px;}
		#contact-form .content-left h3 {line-height: 1.33;}
		
		.form-holder .gform_wrapper.gravity-theme .gfield_label {text-transform: uppercase; font-weight: normal;}

		input[type="text"], 
		input[type="email"] {border: none; padding: 10px 15px !important; width: 100%; border-radius: 12px; font-size: 16px;}
		textarea {height: 120px; border: none; padding: 10px 15px !important; width: 100%; border-radius: 12px; font-size: 16px;}
	
	#contact-form .gform_wrapper.gravity-theme .gform_footer, 
	#contact-form .gform_wrapper.gravity-theme .gform_page_footer {padding: 0; margin: 0;}


/*-----------------------------------------------------------------------------------*/
/* Instructor Intake Form
/*-----------------------------------------------------------------------------------*/

#instructor-intake-form {background:var(--offwhite); padding: 90px 0;}
	#instructor-intake-form .content-holder {background: var(--white); border-radius: 20px; padding: 40px; color: var(--black); }
		
		#instructor-intake-form input[type="text"], 
		#instructor-intake-form input[type="email"] {border: 1px solid var(--black); background: var(--offwhite);}
		#instructor-intake-form textarea {height: 120px; border: 1px solid var(--black); background: var(--offwhite);}
		#instructor-intake-form .ginput_container_select {
			background: var(--offwhite);
			border: 1px solid var(--black); 
			border-radius: 12px;
			color: var(--black); padding: 3px 8px; 
		}
		#instructor-intake-form .ginput_container_select select {background: transparent !important; border: none !important;}

	body #instructor-intake-form .gform_button {color:var(--white); background:var(--slategreen); border: solid 1px var(--slategreen);}
		body #instructor-intake-form .gform_button:hover {background:var(--white); color:var(--darkgreen); border-color: var(--darkgreen);}

#form-thanks-content {background:var(--offwhite); padding: 90px 0;}
	#form-thanks-content .content-holder .content-left h2 {font-size: 72px;}


/*-----------------------------------------------------------------------------------*/
/* Case Study
/*-----------------------------------------------------------------------------------*/

#case-study.articles-case-study {padding: 90px 0;}
	#case-study.articles-case-study h2 {border-bottom: 1px solid var(--white); font-size: 32px; padding-bottom: 90px; margin-bottom: 90px;}

#case-study {padding:90px 0 0 0; background:var(--darkgreen); color:var(--white);}
	#case-study h2 {font-size: 24px; margin-bottom: 50px; letter-spacing: -1px;}
	#case-study .content-holder {padding-bottom: 90px;}
	#case-study .content-holder:not(:first-of-type) {padding-top: 90px; border-top: solid 1px var(--slategreen);}
		#case-study h3 {font-size: 36px;}
			#case-study h3 a {color:var(--white);}
			#case-study h3 a:hover {opacity: 0.66;}
		#case-study .inner-box {background:var(--slategreen); border-radius: 20px; padding: 30px; margin: 50px 0 0 0;}
			#case-study .inner-box > a {color:var(--white);}
			#case-study .inner-box > a:hover {text-decoration: underline;}
		#case-study .content-right figure {margin:0; width:100%; height:400px; overflow:hidden;}
			#case-study .content-right figure img {display:block; width:100%; height:100%; object-fit:contain;}
			#case-study .content-right figure img:hover {opacity: 0.8;}
		
#service-featured {padding: 90px 0}
	#service-featured h2 {}

/* single */
#cs-hero { background: var(--black); background-attachment:fixed; position:relative; color:var(--white); padding-bottom: 90px;}
	#cs-hero .container { display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap: wrap; max-width: 960px; position: relative; z-index: 10;}
		#cs-hero .meta {width: 100%;}
			#cs-hero .meta a {color:var(--seagreen); font-size: 21px;}
			#cs-hero .meta a:hover {text-decoration: underline;}
		#cs-hero h1 {margin: 20px 0 40px 0; width: 100%; line-height: 1.1;} 
		#cs-hero h2 {width: 100%; border-radius: 20px; background:var(--slategreen); font-size: 24px; padding: 20px;}
			#cs-hero h2 span {color:var(--seagreen); margin-right: 10px;}

	.approach-box {border-radius: 20px; margin: 50px auto 50px auto; padding: 30px; background:var(--darkgreen); color:var(--white);}
		.approach-box-content {border-left: 1px solid var(--seagreen); padding-left: 30px;}
			.approach-box h3 {font-size: 36px;}
			.approach-box figcaption {font-style: italic; line-height: 1.2; max-width: 90%; margin: 10px auto;}


/*-----------------------------------------------------------------------------------*/
/* Blog / News
/*-----------------------------------------------------------------------------------*/

/* articles */
.page-template-work #page-top {padding-bottom: 0;}
.page-template-work #case-study {padding-top: 0;}
	.page-template-work #case-study h2 {padding-bottom: 50px;}

/* grid */
.blog #page-top {background:var(--slategreen);}
#articles-main {padding: 50px 0;}

.grid {display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin: 40px 0; padding:0;}
	.grid > li {margin:0; padding:0; list-style:none; border-radius: 20px; background:var(--slategreen);}
		.grid > li > a {display:block; height:100%; color:var(--white);}
			.grid figure {height:300px; margin:0; padding:0; overflow:hidden; border-top-left-radius: 20px; border-top-right-radius: 20px;}
				.grid figure img {width:100%; height:100%; object-fit:cover; transition:transform .3s ease;}
			.grid .grid-content {padding: 30px;}
				.grid .grid-content h3 {margin:0 0 20px 0; font-size: 32px;}
				.grid .arrow-link {font-size:15px; font-weight:bold;}
		.grid > li > a:hover figure img {transform:scale(1.03);}


/* single */
#single-hero { background: var(--slategreen) no-repeat center center / cover; min-height:700px; background-attachment:fixed; position:relative; color:var(--white);}
	#single-hero:before { 
		width:100%; height:100%; content:""; position:absolute; top:0; left:0; background:rgba(0,0,0,0.4); opacity:0.9;
	}
	#single-hero .container { 
		display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap: wrap; height:100%; max-width: 960px; position: relative; z-index: 10;
		padding-bottom: 90px;
	}
		#single-hero .meta {width: 100%;}
			#single-hero .meta a {color:var(--white); font-size: 21px;}
			#single-hero .meta a:hover {text-decoration: underline;}
		#single-hero h1 {margin: 20px 0 40px 0; width: 100%; font-size: 64px;}
		#single-hero h2 {width: 100%; font-size: 32px;}
		#single-hero p {margin:0; font-size: 32px; width: 100%;}
		#single-hero p.author {margin: 40px 0 0 0; width: 100%; font-size: 21px;}

.single #main .container {max-width: 960px;}

.has-background-color {color: #fff; background:var(--darkgreen); border-radius: 20px; width: calc(100% + 60px); margin: 50px -30px;}
	.has-background-color .wp-block-group {}
		.has-background-color .wp-block-group > .wp-block-group__inner-container {padding-left: 20px;}

.single figure,
.single .wp-block-image {margin: 10px auto 35px auto;}
	.wp-block-image figcaption {text-align: center; font-size: 14px; padding: 5px; font-style: italic;}

.single .video-embed {}

.wp-block-gallery.has-nested-images {display:grid !important; grid-template-columns:repeat(6,1fr); gap:20px; margin:40px 0;}
	.wp-block-gallery.has-nested-images > figure.wp-block-image {display:block; grid-column:span 2; width:100% !important; margin:0 !important;}
	.wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(3n+1):last-child {grid-column:1 / -1;}
	.wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(3n+1):nth-last-child(2),
	.wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(3n+2):last-child {grid-column:span 3;}
		.wp-block-gallery.has-nested-images > figure.wp-block-image img {display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover;}