/*
 Theme Name:     Joe Walkling Child theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Child Theme
 Author:         Joe Walkling
 Author URI:     https://www.joewalkling.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------------------------- */
/* -------------------- Theme customization starts here -------------------- */
/* ------------------------------------------------------------------------- */

:root {
	--black: #1a1a1a;
	--half-black: rgba(26, 26, 26, 0.5);
	--quarter-black: rgba(26, 26, 26, 0.25);

	--white: #ffffff;
	--half-white: rgba(255, 255, 255, 0.5);
	--quarter-white: rgba(255, 255, 255, 0.25);
	
	--electric-blue: #1EE6FF;
	--electric-blue-50: rgba(30, 230, 255, 0.5);
	--electric-blue-25: rgba(30, 230, 255, 0.25);
	
	--flash-green: #00FFAC;
	--flash-green-50: rgba(0, 255, 172, 0.5);
	--flash-green-25: rgba(0, 255, 172, 0.25);
	
	--vibrant-coral: #FFAB91;
	--vibrant-coral-50: rgba(255, 171, 145, 0.5);
	--vibrant-coral-25: rgba(255, 171, 145, 0.25);
	
	--ultramarine: #0055FF;
	--ultramarine-light: #1a66ff;
	--ultramarine-50: rgba(0, 85, 255, 0.5);
	--ultramarine-25: rgba(0, 85, 255, 0.25);
	
	--cobalt-blue: #0000c2;
	--cobalt-med: #0f079a;
	--cobalt-dark: #191964;
	
	
	--red: red;
	--yellow: yellow;
	--green: #00FFAC; 
	--pink: #FFAB91;
	--blue: #0055FF;
	--transparent: rgba(255,255,255,0.0);
	
	/* transitions */
	--trans-500: all 500ms ease 0s;
	--trans-300: all 300ms ease 0s;
	--trans-slow: all 2s cubic-bezier(.36,0,.3,1) 0s;
	--trans-med: all 1s cubic-bezier(.36,0,.3,1) 0s;
	--trans-fast: all 500ms cubic-bezier(.36,0,.3,1) 0s;

	/* typography */
	--sophoi-display: 'neue-haas-grotesk-display', arial, helvetica, sans-serif;
	--sophoi-text: 'neue-haas-grotesk-text', arial, helvetica, sans-serif;
	--font-400: 400 ;
	--font-500: 500 ;
	--font-600: 600 ;
	--font-700: 700 ;
	--font-xl: clamp(46px, 11vw, 150px);
	--font-l: clamp(38px, 3.8vw, 68px);
	--font-lm: clamp(28px, 2.8vw, 39px);
	--font-m: clamp(20px, 1.6vw, 30px);
	--font-s: 16px;
	--font-xs: 12px;
	--font-menu: clamp(32px, 3.8vw, 68px);

	
	/* pattern */
	--sophoi-0: url(http://thv.5c3.myftpupload.com/wp-content/themes/divi-child/resources/sophoi-pattern-0.svg);
	--sophoi-1: url(http://thv.5c3.myftpupload.com/wp-content/themes/divi-child/resources/sophoi-pattern-2.svg);
	--sophoi-2: url(http://thv.5c3.myftpupload.com/wp-content/themes/divi-child/resources/sophoi-pattern-2.svg);
	--sophoi-3: url(http://thv.5c3.myftpupload.com/wp-content/themes/divi-child/resources/sophoi-pattern-3.svg);
	--sophoi-4: url(http://thv.5c3.myftpupload.com/wp-content/themes/divi-child/resources/sophoi-pattern-4.svg);
	--sophoi-5: url(http://thv.5c3.myftpupload.com/wp-content/themes/divi-child/resources/sophoi-pattern-5.svg);
	--sophoi-6: url(http://thv.5c3.myftpupload.com/wp-content/themes/divi-child/resources/sophoi-pattern-6.svg);
}

::selection{
	color: var(--ultramarine);
	background: var(--quarter-black);
}

/* ------------------------------------------------------------------------- */
/* TYPOGRAPHY */
/* ------------------------------------------------------------------------- */


h1 {
	font-family: var(--sophoi-display);
	font-weight: var(--font-600) !important;
	font-style: normal;
}
h2, h3, h4, h5 {
	font-family: var(--sophoi-display);
	font-weight: var(--font-600) !important;
	font-style: normal;
}
h6{
	font-family: var(--sophoi-display);
	font-weight: var(--font-600)!important;
	font-style: normal;
	font-size: var(--font-s) !important;

}
.hdr-pad h1, .hdr-pad h2, .hdr-pad h3,.hdr-pad h4, .hdr-pad h5, .hdr-pad h6{
	padding-bottom: 0px !important;
}

body, p{
	font-family: var(--sophoi-text);
	font-weight: var(--font-400) !important;
	font-style: normal;
}

strong, b{
	font-weight: var(--font-700) !important;
	font-style: normal;
}
em, i{
	font-style: italic;
}
.small-text p{
	font-size: var(--font-xs);
	opacity: .7 !important;
	line-height: 1.4em !important;
}
.feat-text h1{
	font-size: var(--font-l);
}
.feat-text h2{
	font-size: var(--font-l);
}
.feat-text h3{
	font-size: var(--font-m);
}
.feat-text p{
	font-size: var(--font-m);
	line-height: 1.2em !important;
}

/* ------------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------------- */
/* ----- header section */
.jwd-hdr-sec{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	max-width: 100% !important;
	background: var(--transparent);
	border-color: var(--white) !important;
	padding: 15px 3vw !important;
	backdrop-filter: blur(15px);
}

#global-header-section, #global-header-section * {
	-webkit-transition: var(--trans-500) !important;
	-moz-transition: var(--trans-500) !important;
	-o-transition: var(--trans-500) !important;
	-ms-transition: var(--trans-500) !important;
	transition: var(--trans-500) !important;
}

/* ----- header row */
.jwd-hdr-row .et_pb_column{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	grid-gap: 
		15px;
}
/* logo */
.jwd-logo{
	min-width: 50px;
	width: 5vw;
	max-width: 80px;
	line-height: 0em !important;
}
.jwd-logo .logo-circle{
	fill: var(--white);
}
.jwd-logo .logo-s{
	fill: var(--transparent);
}

/* change logo on nav slide in*/
.slide-in-menu + .jwd-hdr-row .jwd-logo{
	transform: rotate(180deg);
}
.slide-in-menu + .jwd-hdr-row .jwd-logo .logo-circle{
	fill: var(--cobalt-blue) !important;
}
.slide-in-menu + .jwd-hdr-row .jwd-logo .logo-s{
	fill: var(--vibrant-coral) !important;
}

/* wordmark */
.jwd-wordmark{
	min-width: 110px;
	width: 11vw;
	max-width: 300px;
	line-height: 0em !important;
	margin-right: auto !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.jwd-wordmark .logo-wordmark{
	fill: var(--white);
}
.jwd-hdr-sec .slide-in-menu + .jwd-hdr-row .jwd-wordmark .logo-wordmark{
	fill: var(--cobalt-blue) !important;
}

/* --- socials */
.jwd-social li{
	margin: 0px !important;
	display: flex !important;
	flex-flow: row nowrap;
	padding: 2px !important;
}

/* hamburger */
#slide-in-open{
	min-width: 30px;
	width: 3vw;
	max-width: 50px;
	min-height: 30px;
	height: 3vw;
	max-height: 50px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#slide-in-open .et_pb_code_inner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.line{
	display: block;
	height: 2px;
	width: 100%;
	background: var(--white);
	opacity: 1;
	-webkit-transition: var(--trans-500);
	-moz-transition: var(--trans-500);
	-o-transition: var(--trans-500);
	transition: var(--trans-500);
}
.jwd-hdr-sec .slide-in-menu + .jwd-hdr-row #slide-in-open .line{
	background-color: var(--black) !important;
}
.line-1{
	margin: 10px 0px;
}
.line-2{
	margin: auto !important;
}
.line-3{
	margin: 10px 0px;
}
#slide-in-open.open .line-1 {
	margin: -1px 0px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#slide-in-open.open .line-2 {
	width: 0px !important;
	opacity: 0;
}

#slide-in-open.open .line-3 {
	margin: -2px 0px;
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
/* ---------- hide and reveal header */
.jwd-hdr-sec.hide-header{
	padding: 10px 3vw !important;
}
.jwd-hdr-sec.hide-header, .jwd-hdr-sec.show-header {
	background-color: var(--white);
}
/* logo symbol */
.jwd-hdr-sec.hide-header .jwd-logo{
	width: 4vw;
}

.jwd-hdr-sec.hide-header .jwd-logo .logo-circle, .jwd-hdr-sec.show-header .jwd-logo .logo-circle{
	fill: var(--cobalt-blue) !important;
}
.jwd-hdr-sec.hide-header .jwd-logo .logo-s, .jwd-hdr-sec.show-header .jwd-logo .logo-s{
	fill: var(--vibrant-coral);
}
/* logo wordmark */
.jwd-hdr-sec.hide-header .jwd-wordmark{
	width: 9vw;
}
.jwd-hdr-sec.hide-header .jwd-wordmark .logo-wordmark, .jwd-hdr-sec.show-header .jwd-wordmark .logo-wordmark{
	fill: var(--cobalt-blue) !important;
}
/* hamburger */
.jwd-hdr-sec.hide-header #slide-in-open .line, .jwd-hdr-sec.show-header #slide-in-open .line{
	background-color: var(--black) !important;
}



/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */

/* slide in menu container */
.slide-in-menu {
	right: 0 !important;
	opacity: 1 !important;
}

.slide-in-menu-container {
	display: flex;
	flex-direction: column;
	max-width: 100% !important;
	padding: 150px 11vw 100px !important;
	opacity: 1;
	-webkit-transition: var(--trans-slow) !important;
	-moz-transition: var(--trans-slow) !important;
	-o-transition: var(--trans-slow) !important;
	-ms-transition: var(--trans-slow) !important;
	transition: var(--trans-slow) !important;
}
/* navigation grid*/
.slide-in-menu-container .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-template-areas: 
		'. c'
		;
	margin: auto 0px !important;
}

/* menu items */
.slide-in-menu-container .menu-items{
	display: flex;
	flex-direction: column;
}
.slide-in-menu-container .menu-items *{
	color: var(--black);
	-webkit-transition: var(--trans-slow) !important;
	-moz-transition: var(--trans-slow) !important;
	-o-transition: var(--trans-slow) !important;
	-ms-transition: var(--trans-slow) !important;
	transition: var(--trans-slow) !important;
}

/* main nav */
.slide-in-menu-container .menu-nav{
	grid-area: c;
	justify-content: center;
}
.slide-in-menu-container .menu-nav a{
	color: var(--black);
	font-size: var(--font-menu);
	line-height: .8em !important;
	flex-basis: 100%;
}

.slide-in-menu-container .menu-nav h1{
	display: flex;
	flex-direction: row;
}
@media only screen and (min-width: 768px){
	.slide-in-menu-container .menu-nav:hover a{
		opacity: .3;
	}
	.slide-in-menu-container .menu-nav a:hover{
		opacity: 1;
		transform: skew(-12deg, 0deg);
	}	
}


/* ------------------------------------------------------------------------- */
/* BODY */
/* ------------------------------------------------------------------------- */

/* ----- Padding and Margins */
.topsecpad	{	padding: 95px 0px 40px !important;}
.secpad		{	padding: 40px 0px !important;}
.pad15		{	padding: 15px;}
.mar15		{	margin: 15px;}
.btnmar15	{	margin: 0px 15px;}
.flexsec	{	display: flex; flex-direction: column;}


/* ---------- flex vertical align */
.jw-flex-center	{display:flex;flex-direction: column;justify-content:center;}
.jw-flex-end	{display:flex;flex-direction: column;justify-content:flex-end;}
.jw-flex-start	{display:flex;flex-direction: column;justify-content:flex-start;}

/* ---------- columns */
.sophoi-col-2 .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-column-gap: 2vw;
}
@media only screen and (min-width: 768px){
	/* columns */
	.sophoi-col-2 .et_pb_module:first-child{
		grid-row: 1 / span 5;
	}
}


/* ---------- book a consultation */
.book-bow-row .et_pb_column{
	display: grid;
	grid-template: auto / auto 320px auto;
	align-items: center;
	justify-content: space-evenly;
	grid-gap: 15px ;
}

/* ---------- fixed background images */
@media only screen and (min-width: 980px){
	.fixed-back-img{
		background-attachment: fixed !important;
		background-position: center center !important;
	}	
}

/* ---------- Masthead Introduction */
.masthead-intro-2 .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-gap: 2vw;
}
.masthead-intro-3 .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr 1fr;
	grid-gap: 2vw;
}

/* iamges in text modules */
.jwd-image{
	padding-top: 120% !important;
}
/* ------------------------------------------------------------------------- */
/* Homepage */
/* ------------------------------------------------------------------------- */

/* ---------- home masthead */
.home-mast-row .et_pb_column{
	display: flex;
	flex-flow: row wrap;
}
.home-mast-row .home-strap{
	flex-basis: 100% !important;
}
.home-mast-row .home-strap .et_pb_text_inner{
	max-width: 980px;
}



/* ------------------------------------------------------------------------- */
/* About Us */
/* ------------------------------------------------------------------------- */
/* ---------- our values */
@media only screen and (min-width: 1600px){
	.jwd-values .et_pb_column{
		grid-template: auto / repeat(4 , 25%);
		grid-template-areas:
			'a b c d'
			'e f g h'
			;
	}
}

.jwd-values .et_pb_column{
	display: grid;
	grid-column-gap: 15px;
	grid-template: auto / repeat(2 , 50%);
	grid-template-areas:
		'a b'
		'e f'
		'c d'
		'g h'
		;
}

@media only screen and (max-width: 650px){
	.jwd-values .et_pb_column{
		grid-template: auto / 1fr;
		grid-template-areas:
			'a'
			'e'
			'b'
			'f'
			'c'
			'g'
			'd'
			'h'
			;
	}
}


/* items */
.jwd-values .value-item:nth-child(odd){
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.jwd-values .value-item h3{
	border-bottom: 1px solid var(--half-black);
}
.jwd-values .value-item-1{	grid-area: a ;	}
.jwd-values .value-item-2{	grid-area: e ;	}
.jwd-values .value-item-3{	grid-area: b ;	}
.jwd-values .value-item-4{	grid-area: f ;	}
.jwd-values .value-item-5{	grid-area: c ;	}
.jwd-values .value-item-6{	grid-area: g ;	}
.jwd-values .value-item-7{	grid-area: d ;	}
.jwd-values .value-item-8{	grid-area: h ;	}



/* ------------------------------------------------------------------------- */
/* HOW WE WORK */
/* ------------------------------------------------------------------------- */

/* ---------- RSL */
.page-id-290 .jwd-values .et_pb_column{
	display: grid;
	grid-column-gap: 15px;
	grid-template: auto / repeat(2 , 50%);
	grid-template-areas:
		'a b'
		'e f'
		'e c'
		'e g'
		'e d'
		'e h'
		;
}
@media only screen and (min-width: 1600px){
	.page-id-290 .jwd-values .et_pb_column{
		grid-template: auto / repeat(4 , 25%);
		grid-template-areas:
			'a b c d'
			'e f g h'
			;
	}
}

@media only screen and (max-width: 650px){
	.page-id-290 .jwd-values .et_pb_column{
		grid-template: auto / 1fr;
		grid-template-areas:
			'a'
			'e'
			'b'
			'f'
			'c'
			'g'
			'd'
			'h'
			;
	}
}


/* items */
.jwd-values .value-item:nth-child(odd){
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.jwd-values .value-item h3{
	border-bottom: 1px solid var(--half-black);
}
.jwd-values .value-item-1{	grid-area: a ;	}
.jwd-values .value-item-2{	grid-area: e ;	}
.jwd-values .value-item-3{	grid-area: b ;	}
.jwd-values .value-item-4{	grid-area: f ;	}
.jwd-values .value-item-5{	grid-area: c ;	}
.jwd-values .value-item-6{	grid-area: g ;	}
.jwd-values .value-item-7{	grid-area: d ;	}
.jwd-values .value-item-8{	grid-area: h ;	}



/* ------------------------------------------------------------------------- */
/* OUR PEOPLE */
/* ------------------------------------------------------------------------- */

/* Our People Rows */
.biography-row .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-gap: 0px 2vw;
}
.s-headshot{
	grid-row: 1 / span 9;
}

/* ------------------------------------------------------------------------- */
/* SENSEMAKING */
/* ------------------------------------------------------------------------- */

/* ---------- sensemaking blog and blog footer */
.sensemaking-blog *, .sensemaking-blog-ftr *{
	-webkit-transition: var(--trans-300) !important;
	-moz-transition: var(--trans-300) !important;
	-o-transition: var(--trans-300) !important;
	-ms-transition: var(--trans-300) !important;
	transition: var(--trans-300) !important;
}
.sensemaking-blog .et_pb_post, .sensemaking-blog-ftr .et_pb_post{
	display: flex;
	flex-direction: column;
	padding: 15px;
	margin: 0px !important;
}
.sensemaking-blog .et_pb_post:hover h2.entry-title, .sensemaking-blog-ftr .et_pb_post:hover h2.entry-title{
	color: var(--ultramarine) !important;
}
/* title */
.sensemaking-blog .entry-title{
	border-bottom: 1px solid var(--half-black);
	font-size: var(--font-lm) !important;
}
/* post meta */
.sensemaking-blog .post-meta, .sensemaking-blog-ftr .post-meta{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: baseline;
	pointer-events: none !important;
	padding: 5px 0px !important;
	text-transform: uppercase;
	font-weight: var(--font-700) !important;
	color: var(--black) !important;
	opacity: 1 !important;
}
.sensemaking-blog .post-meta a, .sensemaking-blog-ftr .post-meta a{
	color: var(--black) !important;
	opacity: 1 !important;
}
.sensemaking-blog .key-focus-areas-title, .sensemaking-blog .key-focus-areas-all, .sensemaking-blog .sophoi-services-title, .sensemaking-blog .sophoi-services-all{
	display: none !important;
}  

/* --- Sensemaking footer blog */
.sensemaking-blog-ftr .et_pb_ajax_pagination_container{
	display: grid;
	grid-template: auto / repeat(6 , 1fr);
	grid-gap: 2vw;
}
.sensemaking-blog-ftr .et_pb_post{
	justify-content: flex-start !important;
}
.sensemaking-blog-ftr .entry-title{
	padding-top: 15px !important;
	border-top: 1px solid var(--half-black);
	order: 2 !important;
}
.sensemaking-blog-ftr .post-content{
	order: 3 !important;
}
.sensemaking-blog-ftr .post-meta{
	order: 1 !important;
}
/* hide custom fields */
.sensemaking-blog-ftr .key-focus-areas-title, .sensemaking-blog-ftr .key-focus-areas-all, .sensemaking-blog-ftr .sophoi-services-title, .sensemaking-blog-ftr .sophoi-services-all {
	display: none !important;
}

/* ------------------------------------------------------------------------- */
/* PROJECTS */
/* ------------------------------------------------------------------------- */

/* ---------- project portoflio */
.project-portfolio .et_pb_ajax_pagination_container{
	display: flex;
	flex-direction: column;
}

/* --- post items */
.project-portfolio .et_pb_post{
	position: relative;
	display: grid;
	grid-template: auto / 100px 1fr 2fr;
	grid-template-areas:
		'year img title'
		'. img cont'
		'. img .'
		;
	grid-gap: 0px 2vw;
}
/* image */
.project-portfolio .entry-featured-image-url{
	grid-area: img;	
	padding-top: 100%;
	display: block;
	position: relative;
	margin-bottom: 0px !important;
	overflow: hidden;
	-webkit-transition: var(--trans-300) !important;
	-moz-transition: var(--trans-300) !important;
	-o-transition: var(--trans-300) !important;
	-ms-transition: var(--trans-300) !important;
	transition: var(--trans-300) !important;
}
.project-portfolio .entry-featured-image-url img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.project-portfolio:hover .entry-featured-image-url{
	opacity: .3;
}
.project-portfolio .et_pb_post:hover .entry-featured-image-url{
	transform: scale(105%);
	opacity: 1;
}
/* title */
.project-portfolio .entry-title{
	grid-area: title;
	border-bottom: 1px solid var(--half-black);
	padding: 15px;
	align-self: baseline;
}
@media only screen and (max-width: 767px){
	/* ---------- project portoflio */
	.project-portfolio h2.entry-title {
		font-size: var(--font-lm) !important;
	}	
}
/* year */
.project-portfolio .post-meta{
	grid-area: year;
	padding: 15px !important;
	margin-bottom: 0px !important;
	align-self: baseline;
}
.project-portfolio .post-meta *{
	color: var(--black) !important;
	text-transform: uppercase;
	font-weight: var(--font-700) !important;
}
/* --- Posts Content */
.project-portfolio .post-content{
	padding: 15px;
	grid-area: cont;
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-gap: 0px 2vw;
	grid-template-areas:
		'desc desc'
		'focus services'
		'focus2 services2'
		;
}
.project-portfolio .post-content-inner{
	grid-area: desc;
	padding: 0px 0px 15px;
}
.project-portfolio .post-content-inner p{
	font-size: var(--font-m) !important;
	font-weight: var(--font-600) !important;
	line-height: 1em !important;
}
.project-portfolio .post-content-inner *{
	color: var(--black) !important;
}
.project-portfolio .sophoi-services-all, .project-portfolio .key-focus-areas-all{
	display: flex;
	flex-flow: row wrap;
	grid-gap: 2px;
	padding: 5px 0px;
	align-content: flex-start;
}
.project-portfolio .sophoi-services-all *, .project-portfolio .key-focus-areas-all *{
	border: 1px solid var(--half-black);
	padding: 5px;
	font-size: var(--font-xs) !important;
	font-weight: var(--font-700) !important;
	line-height: 1.2em !important;
	color: var(--black) !important;
	height: auto;
}
.project-portfolio .key-focus-areas-title, .project-portfolio .sophoi-services-title{
	display: block;
	position: relative;
	font-size: var(--font-s);
	text-transform: uppercase;
	font-weight: var(--font-700) !important;
	padding: 5px 0px;
}
/* key focus areas title */
.project-portfolio .key-focus-areas-title{
	grid-area: focus;
}
/* key focus areas fields */
.project-portfolio .key-focus-areas-all{
	grid-area: focus2;
}
/* key focus areas title */
.project-portfolio .sophoi-services-title{
	grid-area: services;
}
/* key focus areas title */
.project-portfolio .sophoi-services-all{
	grid-area: services2;
}


/* ------------------------------------------------------------------------- */
/* Project Custom post template */
/* ------------------------------------------------------------------------- */
/* masthead intro */
.masthead-intro-project-post-2 .et_pb_column{
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	padding: 15px;
}

/* custom fields on project posts template */
.project-custom-fields .et_pb_text_inner{
	padding: 5px;
	border: 1px solid var(--half-black);
	margin: 1px;
}
.project-custom-fields-title{
	flex-basis: 100% !important;
	padding: 15px 0px !important;
}
.project-custom-fields .et_pb_text_inner{
	font-size: var(--font-xs) !important;
}


/* bullets */
ol{
	padding: 15px 0px !important;
}
li{
	text-indent: 1em !important;
}


/* --- footer blog */
.projects-blog-ftr .entry-title {
    border-top: 1px solid var(--half-white);
}
.projects-blog-ftr .et_pb_post:hover h2.entry-title{
    color: var(--cobalt-blue) !important;
}
.projects-blog-ftr .post-meta, .projects-blog-ftr .post-meta a{
	color: var(--white) !important;
}
/* ------------------------------------------------------------------------- */
/* CONTACT PAGE */
/* ------------------------------------------------------------------------- */

/* HEADER ONLY ON CONTACT */
.page-id-298 .jwd-hdr-sec .jwd-logo .logo-circle{
	fill: var(--cobalt-blue);
}
.page-id-298 .jwd-hdr-sec .jwd-logo .logo-s{
	fill: var(--vibrant-coral);
}
.page-id-298 .jwd-hdr-sec .jwd-wordmark .logo-wordmark{
	fill: var(--cobalt-blue);
}
.page-id-298 .line{
	background: var(--black);
}

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

/* footer section */
.jwd-ftr a{
	color: var(--white);
	
}

/* footer container */
.jwd-ftr-ctr .et_pb_column{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

/* linkedin */
.jwd-ftr-ctr .jwd-social a{
	margin: 15px !important;
}

/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */
a:link {}
a:visited {}
a:hover {}
a:active {}

/* ------------------------------------------------------------------------- */
/* Login */
/* ------------------------------------------------------------------------- */
.tml, .tml a{
	font-size:20px!important;
	color:#fff!important;
}

.tml-field{
	padding: .7em 1em!important;
	border: 1px solid var(--dark-grey)!important;
	background:#fff!important;
}
.tml-button{
	font-size:20px!important;
	padding: .3em 1em!important;
	background: var(--ultramarine)!important;
	border: 1px solid var(--half-white)!important;
	color:#fff!important;
}
.tml-button:hover{
	background:#fff!important;
	border: 1px solid var(--half-white)!important;
	color:var(--ultramarine)!important;
}

/* errors */.tml .tml-error {
	color: var(--red); 
	border: 1px solid var(--red)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px;
}

/* Success */.tml .tml-success {
	color: var(--flash-green);
	border: 1px solid var(--flash-green)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px!important;
}

/* message */.tml-message {
	color: var(--flash-green); 
	border: 1px solid var(--flash-green)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px!important;}

/* passwords */
#pass-strength-result.short {
    background-color: var(--red);
    border-color: var(--red);
    opacity: 1;
}
#pass-strength-result.bad {
    background-color: var(--vibrant-coral);
    border-color: var(--vibrant-coral);
    opacity: 1;
}
#pass-strength-result.good {
    background-color: var(--electric-blue);
    border-color: var(--electric-blue);
    opacity: 1;
}
#pass-strength-result.strong {
    background-color: var(--flash-green);
    border-color: var(--flash-green);
    opacity: 1;
}

/* ------------------------------------------------------------------------- */
/* COOKIES */
/* ------------------------------------------------------------------------- */

.cky-consent-bar{
	background-color: var(--black) !important;
	padding: 15px 3vw !important;
	border: none !important;
	box-shadow: none !important;
}
.cky-notice{
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: space-between !important;
	align-items: baseline !important;
}
.cky-notice *{
	margin: 0px !important;
}
.cky-title{
	font-size: var(--font-s) !important;
	font-weight: var(--font-700) !important;
	text-transform: uppercase !important;
}
.cky-notice-group, .cky-notice-btn-wrapper{
	grid-gap: 2vw !important;
}
.cky-btn{
	border-width: 1px !important;
	border-radius: 50px !important;
	padding: 0.5em 3em !important;
}

/* ------------------------------------------------------------------------- */
/* DEVICES AND MOBILE */
/* ------------------------------------------------------------------------- */

@media only screen and (max-width: 1920px){
	/* --- Sensemaking footer blog */
	.sensemaking-blog-ftr .et_pb_ajax_pagination_container{
		grid-template: auto / repeat(3 , 1fr);
	}
}
@media only screen and (max-width: 980px){
	/* Our People Rows */
	.biography-row .et_pb_column{
		grid-template: auto / 1fr 2fr;
	}
}
	
@media only screen and (max-width: 768px){
	/* navigation grid*/
	.slide-in-menu-container .et_pb_column{
		grid-template: auto / 1fr 3fr;
		grid-template-areas: '. c';
	}
	/* ---------- columns */
	.sophoi-col-2 .et_pb_column{
		grid-template: auto / 1fr;
		grid-column-gap: 0px;
	}
	/* --- Sensemaking footer blog */
	.sensemaking-blog-ftr .et_pb_ajax_pagination_container{
		grid-template: auto / repeat(2 , 1fr);
	}
}
@media only screen and (max-width: 767px){
	/* --- Project Portfolio items */
	.project-portfolio .et_pb_post{
		grid-template: auto / 200px 1fr ;
		grid-template-areas:
			'img year'
			'img title'
			'img cont'
			;
		grid-gap: 0px 2vw;
	}
	/* blog footer */
	.sensemaking-blog-ftr .post-content p{
		font-size: 14px !important;
		line-height: 1.4em !important;
	}
	
}
@media only screen and (max-width: 600px){
	/* navigation grid*/
	.slide-in-menu-container .et_pb_column{
		grid-template: auto / 1fr ;
		grid-template-areas: 'c';
	}
	/* slide in menu container */
	.slide-in-menu-container {
		padding: 150px calc(3vw + 15px) 100px !important;
	}
	/* --- Project Portfolio items */
	.project-portfolio .et_pb_post{
		grid-template: auto / 1fr 1fr;
		grid-template-areas:
			'img year'
			'title title'
			'cont cont'
			;
		grid-gap: 0px 2vw;
	}
	/* Our People Rows */
	.biography-row .et_pb_column{
		grid-template: auto / 1fr 1fr;
	}
	.s-biography {
		grid-column: 1 / span 2;
	}
	.s-headshot {
		grid-row: 1 / span 1;
	}
}
	
@media only screen and (max-width: 500px){
	/* navigation grid*/
	.slide-in-menu-container .et_pb_column{
		grid-template: auto / 1fr;
		grid-template-areas: 
			'c'
			;
	}
	/* --- Project Portfolio items */
	.project-portfolio .et_pb_post{
		grid-template: auto / 1fr;
		grid-template-areas:
			'img'
			'year'
			'title'
			'cont'
			;
		grid-gap: 0px 2vw;
	}
	.sensemaking-blog-ftr .et_pb_ajax_pagination_container{
		grid-gap: 2vw 0px;
	}
	/* Our People Rows */
	.biography-row .et_pb_column{
		grid-template: auto / 1fr;
	}
	.s-biography {
		grid-column: 1 / span 1;
	}
	.s-headshot {
		grid-row: 1 / span 1;
	}
}