:root {
	--blue: #0B6BB5;
	--dark: #222222;
	--dark-font:#444444;
	--white: #ffffff;
	--grey: #989898;
	--light: #F1F1F1;
	--dark-grey: #666666;
	--gap:30px;
	--gutter: 40px;
	--padding-h: 140px;
	--padding-w: 100px;
	--padding-w-2: 60px;
	--landscape: 5/3;
	--site-width: 1440px;
	--inner-width: 1114px;
	--easeOut: cubic-bezier(.12, .82, 0, 1);
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

* {
	box-sizing: border-box;
}

html {

	width: 100%;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased; /* or: subpixel-antialiased */
	  font-smooth: always;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 100vh;
	position: relative;
}
.desktop-only{display: block;}
.mobile-only{ display: none; }

.flex {
	display: flex;
	flex-wrap: wrap;
}

.no-padding-bottom{
	padding-bottom:0;
}

section {
	padding-bottom:var(--padding-h);
	position: relative;
	padding-top:var(--padding-h);
}

section:first-of-type{

	padding-top:var(--padding-h);
}

.wrapper {
	margin: 0 auto;
	width: 100%;
	max-width:var(--site-width);
	padding-left:var(--padding-w);
	padding-right:var(--padding-w);
}
.wrapper-2 {
	margin: 0 auto;
	width: 100%;
	max-width:var(--site-width);
	padding-left:var(--padding-w-2);
	padding-right:var(--padding-w-2);
}

.wrapper-inner{

	margin: 0 auto;
	width: 100%;
	max-width:var(--inner-width);
	padding-left:var(--padding-w);
	padding-right:var(--padding-w);
}
.btn {
	font-size: 17px;
	line-height: 21px;
	color:var(--dark-font);
	margin-top:30px;
	display: inline-block;
	font-weight:400;
	cursor: pointer;
	padding-right:30px;
	background:url(../images/arrow.svg) calc(100% - 5px) bottom no-repeat;
	background-size:10px 18px;
	transition:all .5s;
	letter-spacing: -.5px;  white-space: nowrap;

}

.btn.back {
	font-size: 17px;
	line-height: 21px;
	color:var(--dark-font);
	margin-top:30px;
	display: inline-block;
	font-weight:400;
	cursor: pointer;
	padding-left:30px;
	background:url(../images/arrow2.svg) 5px bottom no-repeat;
	background-size:10px 18px;
	transition:all .5s;
	letter-spacing: -.5px;  white-space: nowrap;

}

.btn:hover {
	background-position: 100% bottom;
}

.btn.back:hover {
	background-position: 0 bottom;
}

.dark .btn{
	color:var(--light);
}

hr{
	height:2px;
	background:var(--blue);
	border:none;
	width:210px;
	max-width: 100%;
	display: block;
	margin:0;
	transform-origin: left center; /* Ensures it grows from the left, not center */
}

hr.hide{
	visibility: hidden;
}
.down{
	display: block;
	width:26px;
	height:26px;
	z-index: 3;
	position: relative;
	background:url(../images/down.svg)center center no-repeat;
	background-size:15px 20px;
	animation: pulseOpacity 1s ease-in-out infinite;

	cursor:pointer;
}

.down:hover{
	opacity: .3;
}

@keyframes pulseOpacity {
	0% {
		//opacity: 1;
		transform: translateY(0);
	}
	50% {
		//opacity: 0.3;
		transform: translateY(5px);
	}
	100% {
		//opacity: 1;
		transform: translateY(0);
	}
}

.chevron {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-right: 3px solid currentColor;
	border-bottom: 3px solid currentColor;
	transform: rotate(-45deg);
}

.bg{
	position: absolute;
	width: 100vw;
	height: 100vh;
	left: 0;
	top:-10vh;
	z-index: 0;
}
.banner-bg{
	position: absolute;
	width: 100vw;
	height: 100vh;
	left: 0;
	top:0;
	z-index: 0;
}


iframe.fill{
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	background:#000;
	z-index: 0;
	transform: translate(-50%, -50%);
}

iframe.horizontal{
	width:100%;
	height:100%;
	top:0;
	transform:scale(1.2);
	left:0;
	position: absolute;
	pointer-events: none;
}

.cover{
	position: absolute;
	width: 100vw;
	height: 100vh;
	left: 0;
	top:0;
	z-index: 1;
	background:#000;
	opacity: .7;
}

.single-post .cover{
	opacity: 1;
	background:#222;
}

.tablet{
	display: none;
}

.columns{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.columns.big_gap{
	gap:15%;
}

/* ------------------------ MEDIA ------------------------------------------- */



.media .image{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	z-index: 0;
}


/* ------------------------ MASTHEAD ------------------------------------------- */

#masthead {

	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	top: 0;
	left: 0;
	padding-left:20px;
	padding-right:20px;
	display: flex;
	z-index: 10;
	justify-content: space-between;
	align-items: center;
	transition:all .5s;
}

#masthead.scrolled {
	background: rgba(0, 0, 0, .4);
	backdrop-filter: blur(12px);
	padding-top: 0px;
	padding-bottom: 0px;
}

#masthead.hide-masthead {
	transform: translateY(-100%);
}

#masthead #logo {
	width: 250px;
	height: 36px;
	display: block;
	background: url(../images/logo_white.svg) no-repeat;
	background-size: contain;
	transition: all .5s;
}

.page-template-0_insights.paged #masthead #logo{

	background: url(../images/logo.svg) no-repeat;
	background-size:contain;
}

#main-menu ul#menu-main-1 {
	margin: 0;
	padding: 0;
	display: flex;
}

#main-menu ul li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}



#main-menu ul li a {
	font-size: 15px;
	letter-spacing: -.5px;
	color: var(--dark-font);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 30px;
	height: 30px;
	transition: all .5s;
	font-weight: 400;
}



#main-menu ul li:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	transition: all .5s;
}

.scrolled #main-menu  {
}
#main-menu .sub-menu {
	padding: 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

#main-menu ul.sub-menu li {
	display: block;
}
#menu-main {
	margin: 24px 12px;
}
#main-menu ul.sub-menu li a {
	text-align: left;
	display: block;
	height: auto;
	padding: 6px 30px;
	background: var(--blue);
	color: #ccc;
	font-size: 12px;
}

#main-menu ul.sub-menu li a:hover {
	background: var(--green);
	color: #fff;
}



#masthead #menu-btn {
	cursor: pointer;
	width: 30px;
	height: 20px;
	top: 10px;
	display: none;
}

#masthead #menu-btn .bar {
	height: 1px;
    background: var(--white);
	margin-bottom: 6px;
	margin-top: 5px;
}


#masthead.light-header #menu-btn .bar{
	background:var(--dark);
}
#masthead.scrolled #menu-btn .bar{

    background: var(--white);
}
#masthead #menu-btn .bar1 {
	width: 100%;
}

#masthead #menu-btn .bar2 {
	width: 100%;
}


/* --------------------------------------------- MENU ------------------------------------------- */
.sub-menu-toggle {
	display: none;
}

#menu {
	position: fixed;
	top: 0;
	right: -40%;
	background: var(--tan);
	padding: calc(2 * var(--gutter));
	z-index: 9999;
	height: 100vh;
	width: 40%;
	transition: right 3s var(--easeOut);
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	opacity: 0;
	transition: opacity 1s .5s;
}

.menu-opened #menu ul {
	opacity: 1;
}

#menu ul li a {
	color: var(--dark);
	font-family: 'Wulkan Display';
	font-size: 40px;
	line-height: 50px;
	letter-spacing: -.5px;
	display: block;
	padding: 10px 0px;
	transition: color .5s;
}

#menu ul.sub-menu li {
	margin-left: 40px;
}

#menu ul.sub-menu li a {

	font-size: 24px;
	line-height: 30px;
	font-family: 'Wulkan Display Italic';
	font-style: italic;
	padding: 8px 0px;
}

#menu ul li a:hover {
	color: var(--primary);
}

#menu ul.sub-menu {
	margin-bottom: 10px;
}

#menu a.close {
	width: 32px;
	height: 32px;
	background: url('../images/close.svg') center center no-repeat;
	background-size: 80%;
	display: block;
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
	transition: background .5s;
}

#menu a.close:hover {

	background-size: 100%;
}

#menu-overlay {
	position: fixed;
	z-index: 99;
	background: rgba(55, 55, 55, 1);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
	transform: translateY(-100%);
}

body.menu-opened {

	overflow: hidden;
}

body.menu-opened #menu-overlay {

	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

body.menu-opened #menu-overlay ul {
	opacity: 1;
}

body.menu-opened #menu {
	right: 0;
}

#masthead.scrolled #main-menu ul li a{
	padding:0 25px;
	font-size: 14px;
	height: 30px;
	color:var(--white);
}

/* ------------------------------ MOBILE MENU ------------------------------------------- */



#menu {
	position: fixed;
	display: none; // for gsap fix
	top: 0;
	right: -40%;
	background: var(--blue);
	padding: 60px 20px;
	z-index: 9999;
	overflow: auto;
	height: 100vh;
	width: 40%;
	transition: right 3s var(--easeOut);
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	opacity: 0;
	transition: opacity 1s .5s;
}

.menu-opened #menu ul {
	opacity: 1;
}

#menu ul li a {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	border-top: 1px solid rgb(68 192 176 / 40%);
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	padding: 10px 0px;
	transition: color .5s;
	color: var(--green);
}



#menu ul li {

	margin-bottom: 40px;
}





#menu a.close {
	width: 32px;
	height: 32px;
	background: url('../images/close.svg') center center no-repeat;
	background-size: 70%;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	transition: background .5s;
}

#menu a.close:hover {

	background-size: 100%;
}

#menu-overlay {
	position: fixed;
	z-index: 99;
	background: rgba(22, 22, 22, 1);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
    overflow: auto;
	visibility: hidden;
	transition: all .5s;
	padding:20px;
	transform: translateY(-100%);
}

#menu-overlay .menu-main-container{
    margin-top: 80px;
}
body.menu-opened {

	overflow: hidden;
}

body.menu-opened #menu-overlay {

	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

body.menu-opened #menu {
	right: 0;
}

section.dark{
	background:var(--dark);
	color:var(--light);
}

body #menu-overlay ul{

    text-align: right;
    margin-right: 40px;
}
body.menu-opened #menu-overlay ul {
	opacity: 1;
}

#menu-overlay ul{
	list-style-type: none;
	padding:0;
	margin:0;
	opacity: 0;
	transition: opacity .5s;
	transition-delay: .3s;
}

#menu-overlay ul li{
	margin-bottom:20px;
}

#menu-overlay ul li a{
	color: var(--light);
    font-size: 45px;
    line-height: 47px;
	font-weight:300;
	letter-spacing: -2px;
	margin-bottom:10px;
	display: block;
	transition: color .5s;
}

#menu-overlay #mobile-logo{
    width: 45px;
    height: 26px;
    background: url(../images/icon.svg) center center no-repeat;
    background-size: contain;
    display: block;
	  top: 20px;
    left: 20px;
    position: absolute;
    z-index: 10;
    display: block;
}

#menu-overlay a.close{
	width:30px;
	height:30px;
    top: 20px;
    right: 20px;
	position: absolute;
	z-index: 10;
	display: block;
}

#menu-overlay a.close::before,
#menu-overlay a.close::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: var(--light);
	top: 50%;
	left: 0;
	transform-origin: center;
}

#menu-overlay a.close::before {
	transform: translateY(-50%) rotate(45deg);
}

#menu-overlay a.close::after {
	transform: translateY(-50%) rotate(-45deg);
}
#menu-overlay .columns.small_gap p{
	margin-bottom:30px;
}
#menu-overlay .columns.small_gap{

	row-gap:0px;
    margin-top: 80px;
    text-align: right;
    margin-right: 40px;
}
#menu-overlay .columns.small_gap h6{
	margin:0 0 7px 0;
	color:var(--dark-grey);
}
#menu-overlay .columns.small_gap a{
	color:#c6c6c6;
}

/* ------------------------------ HERO BANNER ------------------------------------------- */

section.hero_banner{
	min-height:100vh;
	padding-top:0;
	padding-bottom:0;
	contain: layout style paint;
}

.hero_banner .top{
	min-height:50vh;
	display: flex;
	align-items: flex-end;
	padding-bottom:60px;
}

.hero_banner .text{
	display: flex;
	justify-content:space-between;
	align-items:flex-end;
	width: 100%;
}
.hero_banner h1{
	margin-bottom:0;
	margin-top: 150px;
}

.hero_banner{
	height:40vh;
	overflow:hidden;
}

.hero_banner .bottom{
	position:relative;
	overflow:hidden;
	width:100vw;
	height:100vh;
	contain: layout style paint;
}

.hero_banner video{
	width:100vw;
}

.hero_banner iframe{
	display: block;
}


/* ------------------------------ TEXT ------------------------------------------- */


section.text .top h3, section.text .top h5{
	max-width:900px;
	margin-bottom:60px;
	width:80%;
}
section.text.dark{
}
section.text .bottom{
	display: flex;
	width:100%;

	justify-content:space-between;
}
section.text .bottom .content{
	max-width:600px;
	width:50%;
}


section.text.dark .bottom .content{

	color:var(--grey);
}



/* ------------------------------ LOGO WALL ------------------------------------------- */
section.logo-wall{

padding-top:var(--padding-h);
}
section.logo-wall .wrapper{
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	row-gap: 20px;
	column-gap: 80px;
	align-items: center;
	justify-items: center;
}
/* Fixed-size logo box so the grid never changes height */
.logo-wall__item {
	width: 120px;        /* tweak as needed */
	height: 100px;        /* tweak as needed */
	display: flex;
	align-items: center;
	justify-content: center;
}


/* Logo scales *inside* that box */
.logo-wall__item img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
	display: block;
	filter: grayscale(100%);
	opacity: 0.6;
	transition: opacity 1s ease;
}

.logo-wall__item img.logo-fade-out {
	opacity: 0;
}

.logo-wall__item img.logo-fade-in {
	opacity: 0.6;
}

.logo-wall__item img.logo-squareish{
	width:50%;
}


/* ------------------------------ FOOTER ------------------------------------------- */

#footer {
	background: var(--dark);
	color: var(--light);
}

#footer p.large{
	color:var(--grey);
}

#footer .wrapper {
	display: grid;
	padding-top:var(--padding-h);
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 60px;
	padding-bottom:60px;
	align-items: flex-start;
}

#footer .seperator{

    border-bottom: 1px solid #383838;
}
#footer form{
	margin-top:20px;
}

#footer .gform-footer{
	margin-top:10px;
}

.footer-logo-text{
	width:45px;
	height:26px;
	background:url('../images/icon.svg') center center no-repeat;
	background-size:contain;
	display: block;
}

#footer form input[type="email"] {
	width: 100%;
	background: transparent;
	border: none;
	max-width: 300px;
	border-radius:0px;
	border-bottom: 1px solid var(--grey);
	padding: 12px 0;
	color: #fff;
	font-size: 16px;
}

#footer form input[type="email"]:focus{

	outline: none;
	box-shadow: none;
}

#footer form input::placeholder {
	color: #666;
}

#footer form input[type="submit"] {
	margin-top: 0px;
	background: transparent;
	border: none;
	color: var(--white);
	font-weight: 400;
	font-size:16px;
	padding:0;
	cursor: pointer;
}

.footer-bottom a{
	color:var(--white);
}

.footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-menu li {
	margin-bottom:10px;
	line-height:23px;
}

.footer-menu a {
	color: var(--white);
	font-size:14px;
	font-weight: 300;
	text-decoration: none;
}

.footer-menu a:hover {
	text-decoration: underline;
}
.footer-contact-block{
	margin-bottom:20px;
}
.footer-col--address a{
	color:var(--grey);
}
.footer-contact-block a {
	color: #9a9a9a;
	text-decoration: none;
}

.footer-contact-block a:hover {
	text-decoration: underline;
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding-top: 20px;
	font-size: 11px;
	color:var(--grey);
	padding-bottom:20px;
	max-width:var(--site-width);
	margin:0 auto;
	padding-left: var(--padding-w);
	padding-right: var(--padding-w);
}

.footer-social {
	display: flex;
	gap:10px;
	margin-top:30px;
	justify-content: flex-start;
	margin-bottom: 10px
}

.social-circle {
	width: 36px;
	height: 36px;
	border-radius: 999px;
	border: 1px solid #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	transition:all .3s;
}

.social-circle.x{
	background:url(../images/x.png) center center no-repeat;
	background-size:40%;
}
.social-circle.fb{
	background:url(../images/fb.svg) center center no-repeat;
	background-size:40%;
}
.social-circle.ig{
	background:url(../images/ig.webp) center center no-repeat;
	background-size:40%;
}
.social-circle.lk{
	background:url(../images/lk.png) center center no-repeat;
	background-size:40%;
}
.footer-meta {
	display: flex;
	gap:20px;
	line-height:10px;
	font-weight:300;
	justify-content: flex-end;
}


.social-circle:hover{
	border:1px solid var(--blue);
}
.footer-logo-text {
	font-size: 1rem;
}


/* ------------------------------ SINGLE CLIENT -------------------------------------- */


#c-logo{
	display: block;
	margin-bottom:40px;
	width:80%;
	max-width:600px;
	margin-left: auto;
	margin-right: auto;
}
#c-logo.small{
	max-width: 200px;
}


.single-client #bar{
	position: absolute;
	z-index: 2;
	width:100%;
	bottom:0;
	text-transform: uppercase;
	padding-top:20px;
	padding-bottom:20px;
	background:rgba(0,0,0,.3);
	margin-top: 80px;
	color:var(--grey);
	backdrop-filter: blur(10px);
}
.single-client #banner{
	min-height:100vh;
	width:100%;
	position: relative;
	overflow:hidden;
	display: flex;
	align-items: center;
	background:var(--dark);
}
#banner .media video{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center;
}
#banner .content{
	width:100%;

}

#bar .info{
	font-weight:400;
	letter-spacing: 0px;
	font-size:13px;
	display: inline-block;
	line-height: 20px;
	white-space: nowrap;
	opacity: 0;
	animation: slideUp 0.6s ease-out forwards;
}

#bar .info:nth-child(1) {
	animation-delay: 0.1s;
}

#bar .info:nth-child(2) {
	animation-delay: 0.2s;
}

#bar .info:nth-child(3) {
	animation-delay: 0.3s;
}
#bar .info:nth-child(4) {
	animation-delay: 0.4s;
}
#bar .infos{
	display: flex;
	gap:40px;
}

#bar .wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: unset;
	padding-left:20px;
	padding-right:20px;
}
#bar .info span{
	color:var(--white);
}

#banner .text a{
	color:var(--grey);
}

#banner .cover{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	background: rgba(0,0,0,.6);
	z-index: 1;

}
#banner .info a{
	color:var(--white);
}
#banner .text a:before {
	content:"";
	display: inline-block;
	margin-right:5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--grey);
	border-left: 2px solid var(--grey);
	transform: rotate(-45deg);
}

#banner .text{
	z-index: 2;
	position: relative;
	color: var(--light);
	text-align: center;

}



.page-template-0_clients #masthead #logo,
.page-template-0_team #masthead #logo,
.page-template-0_contact #masthead #logo
{

	background: url(../images/logo.svg) no-repeat;
	background-size: contain;
}
.single-client #masthead:not(.scrolled) #main-menu ul li a,
.single-post #masthead:not(.scrolled) #main-menu ul li a,
#masthead:not(.scrolled).dark-header #main-menu ul li a{
	color: var(--white);
}


.single-client #masthead:not(.scrolled)  #menu-btn .bar,
.single-post #masthead:not(.scrolled)  #menu-btn .bar,
#masthead:not(.scrolled).dark-header  #menu-btn .bar{
	background:var(--white);
}

.page-template-0_insights.paged #masthead:not(.scrolled) #menu-btn .bar{
	background:var(--dark);
}

#masthead.scrolled #logo,  .page-template-0_insights.paged #masthead.scrolled #logo{
	width: 210px;
	height: 30px;
	    background: url(../images/logo_white.svg) no-repeat;
    background-size: contain;
}

.page-template-0_insights.paged #masthead #main-menu ul li a{
	color: var(--dark);
}
.page-template-0_insights.paged #masthead.scrolled #main-menu ul li a{
	color:var(--white);
}

/* --------------------------------------------- STATS ------------------------ */

section.statistics{
	border-top:1px solid var(--dark-font);
	border-bottom:1px solid var(--dark-font);
	padding:40px 0px;
	position: relative;
	z-index: 2;
}
.stats{
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
}

.stats .stat-number, .stats .stat-number-static{
	font-size:50px;
	line-height:50px;
	margin-bottom:10px;
	letter-spacing: -1px;
}



/* --------------------------------------------- SPLIT ------------------------ */


.split-media{
	display: grid;
	grid-template-columns:1fr 1fr;
	background: white;
	gap:5px;
	z-index: 2;
	position: relative;
}

.split-media-item{
	aspect-ratio: 1;
	overflow:hidden;
	position: relative;
    background: #eeeeee;
}
.split-media-item iframe{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform: scale(1.8);
}
.split-inner{
	display: flex;
	flex-wrap: wrap;
	gap:20%;
	align-items: center;
}

.split-text, .split-media{
	flex:1 1;
}

.split-media-video video{
	width:180%;
	left: -40%;
	position: relative;
}



/* --------------------------------------------- CTA ------------------------ */

section.cta{
	min-height:60vh;
	padding:0;
	display: flex;
	align-items: flex-end;
	overflow:hidden;
}

section.cta:after{
	content:"";
	display: block;
	z-index: 1;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--dark);
	opacity: .3;
}
.cta-overlay{
	position: relative;
	z-index: 3;
	background:var(--blue);
	max-width:550px;
	padding:40px 50px;
	color:var(--white);
		width: 60%;
		transition:all .5s;
}

.cta-overlay h5{
	margin:0;
}
section.cta .wrapper{
	display: flex;
	justify-content: flex-end;
}
.cta-overlay a{
	color:var(--white);
}
.cta-overlay .chevron {
	color: var(--white);
	position: relative;
	right:0;
	float:right;
	transition:all .2s;
}
.cta-overlay:hover {
	background:var(--dark);
}
.cta-overlay:hover .chevron{
	right:-10px;
}




/* --------------------------------------------- LATEST POSTS ------------------------ */

.news-header{

	display: flex;
	align-items: baseline;
	justify-content: space-between;
}

.news-grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap:10px;
	row-gap: 40px;
}


.news-card .inner{
	padding:10px 16px;
}

.news-card-title{
	font-size:20px;
	line-height:27px;
	position: relative;
	letter-spacing: -.8px;
	padding-right:30px;
	font-weight:300;
	margin-bottom:10px;
	color:var(--dark-font);
}

.news-card-title::after{
	content:"";
	position: absolute;
	right:5px;
	top:20px;
	transition:all .2s;

	display:block;
	width:10px;
	height:18px;
	background: url(../images/arrow.svg) center center no-repeat;
	background-size: 10px 18px;
}
.news-card:hover .news-card-title::after{
	right:0px;
}


.news-card-date{
	font-size:14px;
	line-height:24px;
	color:var(--grey);
	letter-spacing: -.3px;
	margin-bottom:10px;
}
.image-crop{
	position: relative;
	aspect-ratio: var(--landscape);
	margin-bottom: 10px;
	overflow:hidden;
}
.news-card-image{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 1.5s;
	transform:scale(1);
}

.news-card:hover .news-card-image{
	transform:scale(1.1);
}


 /* ------------------------------------- CAROUSEL (HOME) ------------------------ */


 .carousel{
	   margin-bottom:60px;
   }

/* This class forces the robotic 'news ticker' flow */
  .carousel.ticker-mode .swiper-wrapper {
	  transition-timing-function: linear !important;
  }




 .carousel  .swiper-wrapper .card{
	  width:40%;
	  aspect-ratio: var(--landscape);
  }



  .carousel .slide.video{
	  background:var(--dark);
  }


   .carousel .slide{

	  display: flex;
	  padding:20px;
	  width:100%;
	  height:100%;
	  overflow:hidden;
	  position: relative;
	  align-items: flex-end;
	  color:var(--white);
  }

  /* Card Container */
  .carousel .slide.media-wrapper {
	  position: relative;
	  overflow: hidden;
	  /* Ensure the slide maintains the dimensions defined by your existing layout */
	  width: 100%;
	  height: 100%;
  }

  /* Common Layer Styles */
  .carousel .media-layer {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-size: cover;
	  background-position: center center;
	  background-repeat: no-repeat;
	  transition: opacity 2s ease, transform 2s ease, filter 2s ease;
	  transform-origin: center;
  }

  /* Hover state for media-layer */
  .carousel .slide:hover .media-layer {
	  transform: scale(1.08);
	  filter: brightness(0.55);
  }

  /* Layer Stacking */
  .carousel .base-layer {
	  z-index: 1;
	  opacity: 1;
  }





 .carousel .slide h6{
	  margin:0;
	  position: relative;
	  z-index: 2;
  }
 .slider-controls{
	display: none;;
 }

.has_carousel .slider-controls, .media_slider .slider-controls{

	display: flex;
}

.slider-controls .next-btn:hover, .slider-controls .prev-btn:hover{
	opacity: .6;
}
.slider-controls .next-btn{
	width: 100%;
	cursor:pointer;
	  width:40px;
	  height:40px;
	  display: block;
	  background:url(../images/right.svg) center center no-repeat;
    margin-left: 20px;

  }
.slider-controls  .prev-btn{
	cursor:pointer;
	width:40px;
	height:40px;
	background:url(../images/left.svg) center center no-repeat;

}
 /* --------------------------- MEDIA SLIDER ------------------------ */

.media_slider .image{
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.media_slider .slide{
	padding:0;
}

section.media_slider{
	padding-bottom:var(--padding-h);
}


section.media_slider.no_padding{
	padding-bottom:0;
}



section.media_slider .carousel .slide{
	background:#000;
	position: relative;
	overflow:hidden;
}

section.media_slider .card.tall{
	aspect-ratio: 3 / 4;
	width: 18%;
}


section.media_slider iframe{
	width: 100%;
	top: 0;
	position: absolute;
	height: 100%;
	pointer-events: none;
	transform: scale(1.1);
}
section.media_slider.dark{
	background:var(--dark);
}



#slick-next-btn {
	display: inline-block;
	width:35px;
	height:25px;
	background:url('../images/right.svg') center center no-repeat;
	background-size:contain;
	cursor:pointer;
}

.single-client .media_slider{
	padding-top:10px;
	padding-bottom:0;
}
.media_slider .slide:after{
	display: none;
}

 /* --------------------------- MORE CLIENTS ------------------------ */

#more_clients{
	padding-bottom:var(--padding-h);
}
#more_clients .header h4{
	margin:0;
}
#more_clients .header{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom:40px;
}

#more_clients .list{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:20px;

}
#more_clients .random-client .client_titles{
	color:var(--dark);
}
#more_clients .random-client p.small{
	color:var(--dark-grey);
		max-width: 90%;

}
#more_clients .random-client .media{
	aspect-ratio: var(--landscape);
	background:var(--dark);
	overflow: hidden;
	position: relative;
}
#more_clients .random-client .media video{
	width:100%;
	height:100%;
	transform:scale(1.1);
}
#more_clients .random-client .media .image{
	width:100%;
	height:100%;
	position: absolute;
}
#more_clients .random-client .media:after {
	content: "";
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .5s;
	position: absolute;
	background: rgba(0, 0, 0, 1);
}
#more_clients .random-client:hover .media:after{
	opacity: .3;
}
#more_clients .random-client .text{
	padding:20px 40px;
	background: url(../images/arrow.svg) no-repeat;
	background-position:calc(100% - 45px) center ;
	background-size: 10px 18px;
	transition: all .5s;
	letter-spacing: -.5px;
}

#more_clients .random-client:hover .text{

	background: url(../images/arrow.svg) calc(100% - 30px) center no-repeat;
	background-size: 10px 18px;
}

/* Wrapper must be relative to contain absolute children */
#more_clients .client-media-wrapper {
	position: relative;
	overflow: hidden;
	/* Ensure you have a height or aspect-ratio set here or in your existing CSS */
	/* Example: height: 400px; or aspect-ratio: 16/9; */
}

/* Common styles for both layers */
#more_clients .media-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
}

/* Base layer sits at the bottom */
#more_clients .base-layer {
	z-index: 1;
}

/* Hover layer sits on top but is invisible by default */
#more_clients .hover-layer {
	z-index: 2;
	opacity: 0;
	background-color: #000; /* Optional: prevents see-through on transparency */
}

/* The Trigger */
#more_clients .random-client:hover .media-layer.hover-layer {
	opacity: 1;
}
 /* --------------------------- CLIENTS ------------------------ */

#client-filter-fieldset{
	border:none;
    padding: 0;
}

#clients-module-section .main-title{
	margin:0;
}
#clients-module-section header{
	    display: flex;
    justify-content: space-between;
	margin-bottom:40px;
    align-items: flex-end;
}

#client-filter-fieldset label{
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	color:var(--dark);
	cursor: pointer;
	transition: color .3s;
    padding: 0px 5px;
    letter-spacing: -.3px;
}
#client-filter-fieldset label:last-of-type{
	margin-right:0;
}
.clients-grid-layout{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:10px;
	row-gap: 80px;
	max-width: unset;
}
.client-image-bg {
	 width: 100%;
	 aspect-ratio: var(--landscape);
	 display: block;
 }

/* Wrapper that holds both the background image and the video */
 .client-media-wrapper {
	 position: relative;
	 width: 100%;
	 aspect-ratio: var(--landscape);
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
	 overflow: hidden;
 }

 /* The video element positioned on top of the background */
 .client-hover-video {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover; /* Ensures video fills the div without stretching */
	 opacity: 0;
	 transition: opacity 0.4s ease;
	 z-index: 2;
	 pointer-events: none; /* Allows click to pass through to the link */
 }

 /* Class added via JS to reveal the video */
 .client-hover-video.is-playing {
	 opacity: 1;
 }

#clients-grid-container .client_titles{
	color:var(--dark-font);
	margin-bottom:0;


}
#clients-grid-container p.small{
	color:var(--dark-grey);
}
#clients-grid-container .client-grid-item:hover .client-details-wrapper{

	background-position:calc(100% - 10px) center;
}

.client-details-wrapper{
	//background:url(../images/arrow.svg) no-repeat;
	background-position:calc(100% - 20px);
	background-size:9px 15px;
	transition:all .5s;
	padding:10px;
}
.main-title{
	margin-bottom:40px;
}

/* Wrapper must be relative to contain absolute children */
#clients-grid-container .client-media-wrapper {
	position: relative;
	overflow: hidden;
	/* Ensure you have a height or aspect-ratio set here or in your existing CSS */
	/* Example: height: 400px; or aspect-ratio: 16/9; */
}

/* Common styles for both layers */
#clients-grid-container .media-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
}

/* Base layer sits at the bottom */
#clients-grid-container .base-layer {
	z-index: 1;
}

/* Hover layer sits on top but is invisible by default */
#clients-grid-container .hover-layer {
	z-index: 2;
	opacity: 0;
	background-color: #000; /* Optional: prevents see-through on transparency */
}

/* Video styling to ensure it fills the card */
#clients-grid-container .hover-layer video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* The Trigger: Reveal top layer on hover */
#clients-grid-container article:hover .hover-layer {
	opacity: 1;
}
#clients-grid-container article:hover .client-details-wrapper{
	background:url(../images/arrow.svg) no-repeat;
	background-position:calc(100% - 10px);
}
 /* --------------------------- SINGLE POST ------------------------ */


.hero-post-banner{
	position: relative;
	overflow:hidden;
	width:100vw;
	padding-top:120px;
	padding-bottom: 60px;
	display: flex;
	align-items: flex-end;
}

.hero-post-banner .banner-container{
	position: relative;
	z-index: 2;
	color:var(--light);
}
.hero-entry-title{
	margin:40px 0px;
}

.back-link-wrapper a{
	color:var(--light);
	border-bottom: 1px solid var(--blue);
}
.meta-author{
	display: flex;
	align-items: center;
	color:var(--grey);
	gap:10px;
}
.author-img-wrapper img{
	display: block;
	width:40px;
	height:40px;
	border-radius:50%;
}
.meta-date{
	display: flex;
	align-items: center;
	color:var(--grey);
}
.hero-entry-meta{
	display: flex;
	gap:40px;
}

.single-post .main-content-start p a{
	color:var(--dark);
	border-bottom:1px solid var(--blue);
}
.single-post .main-content-start h1 b, .single-post .main-content-start h2 b, .single-post .main-content-start h3 b{
	font-weight:300;
}

.single-post .main-content-start p span{
	font-weight:300 !important;
}
#featured{
	width:100%;
	margin-bottom:20px;
}
#featured img{
	max-width:100%;
	height:auto;
}
.main-content-start{

	padding-top: 60px;
	padding-bottom:var(--padding-h);
}



 /* --------------------------- INSIGHTS ------------------------ */

.featured-section{
	background:var(--dark);
	color:var(--light);
}


.featured-section .news-card-title{
	color:var(--light);
}
.featured-section .news-grid{

	display: grid;
	grid-template-columns: 2fr 1fr; /* Left side is wider */
	grid-template-rows: auto auto;    /* Two rows for the right side */
	gap: 40px;                        /* Space between cards */
	margin-bottom: 60px;
}

.news-header h6{
	color:var(--grey);
}

/* ---------------------------------------------------------
   LEFT COLUMN (First Post)
   Spans 2 rows to equal the height of the 2 stacked posts
--------------------------------------------------------- */
.featured-section .news-card:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	display: flex;
	flex-direction: column;
}

/* Make the Main Post Image larger */
.featured-section .news-card:nth-child(1) .image-crop {
	margin-bottom: 30px;
}



.featured-section .news-card:nth-child(1) .news-card-title{
	font-size:37px;
	letter-spacing: -2px;
	line-height:47px;
	margin-bottom:20px;
}
.featured-section .news-card:nth-child(1) .news-card-description{
	color:var(--grey);
}
.featured-section .news-card:nth-child(1) .news-card-title,
.featured-section .news-card:nth-child(1) .news-card-description{
	padding-right:60px;
}

.featured-section section.wrapper{
	padding-bottom:60px;
}


.page-template-0_insights h2{

	color: var(--grey);2
	margin-bottom: 40px;
}


.pagination{
	text-align: center;
	margin-top: 60px;
	display: flex;
	justify-content: center;
	gap: 16px;
}
.pagination .current{
	font-weight:500;
}
.pagination a, .pagination .dots{
	color:var(--grey);
}



 /* --------------------------- INNER BANNER ------------------------ */


.inner_banner{
	min-height:100vh;
	width:100vw;
	display: flex;
	align-items: flex-end;
	position: relative;
	overflow:hidden;
	contain: layout style paint;
}

.inner_banner .text{
	z-index: 3;
	position: relative;
	max-width:90%;
}
.inner_banner h6{
	color:var(--grey);
}

.inner_banner h1, .inner_banner h2{
	color:var(--light);
}

.inner_banner .bottom{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	contain: layout style paint;
}

.inner_banner iframe{
	display: block;
}


 /* --------------------------- LIST ------------------------ */


section.list{
	background:var(--dark);
	color:var(--light);
}

section.list h6{
	color:var(--grey);
}
section.list h6:before{
	content:"";
	display: inline-block;
	width:15px;
	height:15px;
	position: relative;
	top:1px;
	margin-right:8px;
	background:var(--blue);

}


section.list h4{
	max-width:850px;
}

section.list .list-items{
	margin:80px 0;
}

section.list .item .inner{
	padding:40px 0px;
	display: grid;
	gap:40px;
	grid-template-columns: 1fr 1fr;
}

section.list .title{
	font-size:22px;
	flex:0 1 40%;
	line-height:30px;
	font-weight:300;
	letter-spacing: -.7px;
}

section.list p.writeup{
	color:var(--grey);
}

section.list hr{
	background:#444;
	height:1px;
	width:100%;
}



 /* --------------------------- ACCORDION ------------------------ */


section.accordion{
	background:var(--light);
}

section.accordion .wrapper{
	display: flex;
	gap:60px;
}
 /* Left Column: Blue Box */
 .work-label-col {
	 flex: 0 0 300px; /* Fixed width for the box */
 }

 .work-label-box {
	 background-color: #2b6cb0; /* Adjust hex to match your exact blue */
	 width: 100%;
	 height: 300px; /* Makes it a square */
	 display: flex;
	 align-items: flex-end; /* Text at bottom */
	 padding: 30px;
	 box-sizing: border-box;
 }

 .work-label-text {
	 color: #ffffff;
	 text-transform: uppercase;
	 margin: 0;
 }

 /* Right Column: Accordion */
 .work-accordion-col {
	 flex: 1;
	 padding-top: 20px; /* Align visual top with blue box */
 }

 .accordion-wrapper {
	 width: 100%;
	 border-top: 1px solid #000; /* Top border for first item */
 }

 .accordion-item {
	 border-bottom: 1px solid #000;
 }

 /* Header Styling */
 .accordion-header {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 30px;
	 cursor: pointer;
	 transition: color 0.3s ease;
 }

 .accordion-title {
	 margin: 0;
	 text-transform: uppercase;
 }

 /* Active State Colors */
 .accordion-item.active .accordion-title {
	 color: var(--blue); /* Blue text when active */
 }

 /* Icon Creation (Plus/Minus) */
 .accordion-icon {
	 width: 20px;
	 height: 20px;
	 position: relative;
 }

 .accordion-icon::before,
 .accordion-icon::after {
	 content: '';
	 position: absolute;
	 background-color: #000;
	 transition: transform 0.3s ease;
 }

 /* Horizontal line (always visible) */
 .accordion-icon::before {
	 width: 100%;
	 height: 1px;
	 top: 50%;
	 left: 0;
	 transform: translateY(-50%);
 }

 /* Vertical line (rotates to make plus/minus) */
 .accordion-icon::after {
	 width: 1px;
	 height: 100%;
	 left: 50%;
	 top: 0;
	 transform: translateX(-50%);
 }

 /* Icon Animation when active */
 .accordion-item.active .accordion-icon::after {
	 transform: translateX(-50%) rotate(90deg); /* Rotates to hide behind horizontal line */
	 opacity: 0; /* Or just opacity 0 to make it a minus */
 }

 /* Content Styling */
 .accordion-content {
	 display: none; /* Hidden by default via CSS, handled by JS/PHP */
	 overflow: hidden;
 }

 .accordion-content-inner {
	 padding-bottom: 30px;
	 padding-left:30px;
	 padding-right:30px;
	 max-width: 90%;
 }


  /* --------------------------- GRID ------------------------ */




/* Container Setup */
  .grid-section {
	  width: 100%;
	  max-width: 100%;
	  margin: 0;
	  box-sizing: border-box;
  }

  .grid-wrapper {
	  display: grid;
	  /* Create 3 equal columns */
	  grid-template-columns:2fr 1fr;
	  width: 100%;
	  margin-top: 80px;
  }

  .inner-grid{
	  display: grid;
	  grid-template-columns:1fr 1fr;
  }

  .bottom-grid{
		display: grid;
		grid-template-columns:1fr 1fr 1fr;
	}

	.image-card iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: scale(1.5);
		height: 100%;
	}

  /* Base Card Styles */
  .grid-card {
	  width: 100%;
	  /* Enforce a square or landscape aspect ratio.
		 450px is a good standard height for desktop grids. */
	  height: 320px;
	  box-sizing: border-box;
	  position: relative;
  }
  .grid-card.tall{
	  height:640px;
  }

  /* Text Card Specifics */
  .text-card {
	  background-color: #fff; /* Light grey background */
	  padding: 40px;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between; /* Pushes H6 to top and P to bottom */
  }

  /* Image Card Specifics */
  .image-card {
	  background-size: cover;
	  background-position: center;
	  position: relative;
	  overflow:hidden;
	  background-repeat: no-repeat;
	  background-color: #ddd; /* Fallback color */
  }

.grid-section h6.head:before{

		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		position: relative;
		top: 1px;
		margin-right: 8px;
		background: var(--blue);
}

.grid-section h4{
	max-width: 1000px;
}


/* --------------------------- CONTACT ------------------------ */

.page-template-0_contact h2{
	margin-bottom:60px;
}
.page-template-0_contact h6{
	margin-bottom:20px;
}
section.contact p a{
	color:var(--dark);
}
input {
  all: unset;
}
.page-template-0_contact section.contact input, .page-template-0_contact section.contact textarea{

	  -webkit-appearance: none ;
	  -ms-appearance:  none;
    letter-spacing: -.5px;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
		padding:0;
		background:none;
		box-shadow: none;
		border-radius:0px !important;
	border:none !important;
	border-bottom:1px solid var(--dark) !important;
}
.page-template-0_contact section.contact textarea{
	height:70px;
	min-block-size:unset;
}
.page-template-0_contact section.contact input:focus,
.page-template-0_contact section.contact textarea:focus {
  outline: none !important;
}
	section.contact .gform_fields {
	row-gap: 40px;
}
.page-template-0_contact .gform-theme--framework .gform_validation_errors{
	display: none;
}

.page-template-0_contact section.contact input[type="submit"]{
	border:none !important;
	font-size: 17px !important;
	line-height: 21px !important;
	color: var(--dark-font) !important;
	display: inline-block !important;
	font-weight: 400 !important;
	cursor: pointer !important;
	box-shadow:none !important;
	padding-left:0px !important;
	padding-right: 30px !important;
	background:none !important;
	background: url(../images/arrow.svg) calc(100% - 5px) 12px no-repeat !important;
	background-size: 10px 18px !important;
	transition: all .5s !important;
	letter-spacing: -.5px !important;
	white-space: nowrap !important;
}

.page-template-0_contact section.contact input[type="submit"]:hover{

	background: url(../images/arrow.svg) calc(100% - 0px) 12px no-repeat !important;
	background-size: 10px 18px !important;
}



/* --------------------------- TEAM ------------------------ */


.team-grid-container {
	width: 100%;
	padding: 0px;
}

.team-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0px; /* Aligns with the seamless look in screenshot */
}

/* The blue intro box spanning 2 columns */
.team-intro-block {
	grid-column: span 2;
	background-color: var(--blue); /* Standard real estate blue */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px;
	color: var(--white);
}



.intro-headline {
	font-size: 28px;
	line-height: 36px;
	font-weight: 400;
	margin: 0px;
}

.intro-content{

	max-width:500px;
}

.intro-content h5{
	margin:0;
}

/* Member Cards */
.member-card {
	display: block;
	text-decoration: none;
	color: var(--dark-font);
}

.member-card:hover img {
	transform: scale(1.05);
}

.member-image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transform: scale(1);
	transition: transform 1.5s ease, filter 0.5s ease;
}
.member-image{

	overflow:hidden;
    background: #ccc;
    aspect-ratio: 1;
}
.member section.text .bottom .content{
	max-width:800px;
	width:unset;
	font-weight:300;
	padding-left:60px;
}
.member-info {
	padding: 20px 20px 40px 40px;
}

.member-name {
	font-size:20px;
	line-height:25px;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 0px 0px 5px 0px;
}

.member-role {
	font-size: 16px;
	line-height:22px;
	color: var(--dark-grey);
	margin: 0px;
}

.member section.text .top h3{
	margin-bottom:10px;
}

.member section.text  .top{
	margin-bottom:60px;
}

.member section.text p{
	color:var(--dark-grey);
}

.member section.text a.btn{
	margin-top:60px;
}

.single-member #banner{
	height:50vw;
	position: relative;
	overflow:hidden;
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
}
.single-member #banner h2{
	margin-bottom:10px;
}
.single-member #banner .photo{

    width: 50%;
    position: relative;
    height: 100%;


}

.single-member #masthead:not(.scrolled) #logo{
	background: url(../images/logo_white.svg) no-repeat;
	background-size: contain;
}
.single-member section.text p.large{
	color:var(--dark-grey);
}
.single-member section.text{
}
.single-member #content{
	background:var(--white);
	padding-top:var(--padding-h);
	padding-bottom:var(--padding-h);
}

.single-member #content .bottom.wrapper{
	max-width:1440px;
}
.single-member #banner section.text{
	color:var(--dark);
	text-align: left;
    padding: 0;
    padding-left: 6vw;
    padding-bottom: 6vw;
}
.single-member #banner .numbers a{
	margin-right:20px;
    font-size: 14px;
}
.single-member #banner section.text hr{
	margin:40px 0px;
}
.single-member #banner .text a{
	color:var(--dark);
}
.single-member #banner .text a:before{
	display: none;
}
.single-member .bottom .content .btn.back{
	margin:0;
}
.single-member .bottom .content{
	display: flex;
	flex-direction: row-reverse;
	gap:100px;
}

.page-id-32 .inner_banner .cover{
	opacity: .4;
}


/* --------------------------------------------- POINT OF CONTACT ------------------------ */

#point-of-contact {
	margin-top: 60px;
}



.team-members-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.team-member-card {
	display: flex;
    align-items: center;
    padding: 10px 20px 10px 10px;
    border-top: 1px solid #ccc;
	text-decoration: none;
	transition: all 0.3s ease;
	gap: 15px;
}
.team-member-card:hover
{
	background: var(--light);
}
.team-member-card:hover::after{
	right: -5px;
}

.member-photo {
	 width: 50px;
    height: 50px;
    border-radius: 50%;
    min-width: 50px;
    border: 1px solid #ccc;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.member-details {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.member-name {
	font-size: 17px;
	font-weight: 300;
	color: var(--dark);
	margin: 0;
	letter-spacing: -0.5px;
}

.team-member-card::after {
	content: '';
	width: 10px;
	transition:all .3s ease;
	height: 18px;
	position: relative;
	right:0;
	background: url(../images/arrow.svg) no-repeat center;
	background-size: contain;
	flex-shrink: 0;
}