/*
Theme Name:     Jason Hearn - Dark - Flex Child
Version: 		1.1
Description:    
Author:         goto11
Template:       flex

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* ////////////////////////////////////////////////
//
//		COOKIE NOTICE
//
//////////////////////////////////////////////// */


/* ////////////////////////////////////////////////
//
//		STRUCTURE
//
//////////////////////////////////////////////// */

.contentWrapper {
	padding-bottom: 150px;
}

.page-home .contentWrapper {
	padding-top: 75px;
}

/*
.fullwidth {
	width: 100%;
	margin: 0 auto;
}

.setwidth,
#mega-menu-main-nav {
	box-sizing: border-box;
	margin: 0 auto;
}

.headerWrapper {
	position: relative;
	z-index: 1003;	
}

.navigationWrapper {
	position: relative;
	z-index: 1003;	
}

.contentWrapper {
	position: relative;
	z-index: 1002;
}
*/

/* ////////////////////////////////////////////////
//
//		DARK MODE
//
//////////////////////////////////////////////// */

html,
.headerWrapper,
#strongbody #mega-menu-wrap-main-nav,
#strongbody #mega-menu-wrap-main-nav .mega-menu-toggle,
.contentWrapper {
	background-color: #000000;
}

body,
.row-footer.color-1-bg {
	background-color: #000000 !important;
}

@media only screen and (max-width: 980px) {
  #strongbody #mega-menu-wrap-main-nav .mega-menu-toggle + #mega-menu-main-nav {
	background: #000000;
  }
}


.row-footer p,
.row-footer h1,
.row-footer h2,
.row-footer h3,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
	color: #999999 !important;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link:hover {
	color: #ffffff !important;
}

#strongbody #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label,
#strongbody #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-1::after {
	color: #cccccc;
}

/* ////////////////////////////////////////////////
//
//		TYPOGRAPHY
//
//////////////////////////////////////////////// */

html {
	font-family:'Futura W01';
	font-weight: 400;
}

body {
	letter-spacing: 0.01;
}

h1,
h2,
.headerWrapper {
	letter-spacing: 0.35em;
}

p,
address {
	font-size: 15px;
	line-height: 1.6em;
	padding: 0 0 25px 0;
}

.entry-content p a {
	text-decoration: underline;
}

.entry-content p.excerpt a {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-weight: 400;
	padding: 0 0 25px 0;
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
	line-height: 1.5em;
}


hr {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    height: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: none;
    margin: 40px 0 40px 0;
    width: 100%;
}

.page-title {
	padding-top: 30px;
	padding-bottom: 30px;
}

h1.page-title, h2.page-title {
	margin: 0;
}

.notransform {
	text-transform: none;
}

ul.icon-list li {
	font-size: 24px;
}

.page-title {
	text-align: center;
}

/*
.page-title-alt {
	margin-top: 50px;
}
*/

/* ////////////////////////////////////////////////
//
//		IMAGES / SLIDER
//
//////////////////////////////////////////////// */

@media only screen and (min-width: 524px) {
	
	.img-bio img {
		padding-right: 50px;
		padding-bottom: 25px;
	}

}

/* /////////////////////////////////////////////////////////////////////
//
//  	HEADER
//
///////////////////////////////////////////////////////////////////// */

#canvas .headerWrapper .setwidth {
	width: 100%;
}

/* /////////////////////////////////////////////////////////////////////
//
//  	LOGO
//
///////////////////////////////////////////////////////////////////// */

h1.site-logo {
	margin: 35px auto 15px;
	box-sizing: border-box;
	z-index: 9999;
}

h1.site-logo, h1.site-logo a, h1.site-logo svg {
	width: 300px;
	height: 55px;
	
	width: 280px;
	height: 50px;
	display: block;
	-webkit-transition: .2s all ease;
	-moz-transition: .2s all ease;
	-ms-transition: .2s all ease;
	-o-transition: .2s all ease;
	transition: .2s all ease;
	text-align: left;
	text-indent: -99999px;
}

h1.site-logo svg {
	position: absolute;
	top: 0;
	left: 0;
}

h3.site-description {
	letter-spacing: 0.35em;
	vertical-align: baseline;
	color: #272727;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-family: inherit;
	font-size: 13px;
	font-weight: inherit;
	outline: none;
	padding: 25px 0 35px 0;
}

/* /////////////////////////////////////////////////////////////////////
//
//  	MAIN MENU
//
///////////////////////////////////////////////////////////////////// */

#canvas #mega-menu-wrap-main-nav #mega-menu-main-nav > li.notransform > a.mega-menu-link {
	text-transform: none;
}

/* /////////////////////////////////////////////////////////////////////
//
//  	GUTENBERG
//
///////////////////////////////////////////////////////////////////// */

.wp-block-image {
	margin-bottom: 25px;
}

.video-container, .is-type-video.wp-embed-aspect-16-9 {
	position: relative;
	padding-bottom: 56.25%;
	/* padding-bottom: 52.8125%; */
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
} 

.wp-block-cover.homepage-video {
	padding-bottom: 56.25%;
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden;
}

 /* this first one is  catch all' for videos with no recognisable ratio */
.video-container, .is-type-video .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* padding-bottom: 52.8125%; */
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}

.video-container, .is-type-video.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* padding-bottom: 52.8125%; */
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}

.video-container, .is-type-video.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 42.85%;
	/* padding-bottom: 52.8125%; */
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}





/*
.home .video-container, .home .is-type-video.wp-embed-aspect-16-9 {
	margin-bottom: 0;
}
*/

/* /////////////////////////////////////////////////////////////////////
//
//  	FLEXIBLE CONTENT
//
///////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////
//
//  	CONTENT
//
///////////////////////////////////////////////////////////////////// */

.entry-content {
	padding-top: 0;
    padding-bottom: 0;
}

.home .page-title,
.page-contact .page-title {
	display: none;
} 

body.home .entry-content-main.setwidth,
body.single .entry-content-main.setwidth {
	box-sizing: border-box;
	padding-left: 250px;
	padding-right: 250px;
}
	
/* /////////////////////////////////////////////////////////////////////
//
//  	ROWS
//
///////////////////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////////////////// 
//
//		COLUMNS
//
///////////////////////////////////////////////////////////////////// */

.flowcols {
  column-gap: 40px;
}

.flowcols-2 {
	column-count: 2;
}

.flowcols-3 {
	column-count: 3;
}

.flowcols-4 {
	column-count: 4;
}

/* ///////////////////////////////////////////////////////////////////// 
//
//		THE GRID
//
///////////////////////////////////////////////////////////////////// */

/* SKIN: oslo */

#canvas .tg-jason-hearn-brasia-base .tg-item-title,
#canvas .tg-jason-hearn-brasia-base .tg-item-title a {
	font-weight: 700;
	font-size: 11px;
	line-height: 1.25em;
	letter-spacing: 0.35em;
/* 	color: #000; */
}

/*
#canvas .tg-item .tg-light div, #canvas .tg-item .tg-light h1, #canvas .tg-item .tg-light h1 a, #canvas .tg-item .tg-light h2, #canvas .tg-item .tg-light h2 a, #canvas .tg-item .tg-light h3, #canvas .tg-item .tg-light h3 a, #canvas .tg-item .tg-light h4, #canvas .tg-item .tg-light h4 a, #canvas .tg-item .tg-light h5, #canvas .tg-item .tg-light h5 a, #canvas .tg-item .tg-light h6, #canvas .tg-item .tg-light h6 a, #canvas .tg-item .tg-light a, #canvas .tg-item .tg-light a.tg-link-url, #canvas .tg-item .tg-light i, #canvas .tg-item .tg-light .tg-media-button, #canvas .tg-item .tg-light #canvas .tg-item-price span {
	color: #000;
	fill: #000;
	stroke: #000;
	border-color: #000;
}

#canvas .tg-grid-wrapper .tg-item-overlay {
	background-color: rgba(255,255,255,.8);
}
*/

/* ///////////////////////////////////////////////////////////////////// 
//
//		FOOTER
//
///////////////////////////////////////////////////////////////////// */

.row-footer p {
	margin: 0;
	padding: 0;
	font-size: 13px;
}

/* ////////////////////////////////////////////////
//
//		FORMS
//
//////////////////////////////////////////////// */

#canvas .gform_wrapper {
	margin: 0;
}

#canvas .gform_wrapper label.gfield_label,
#canvas .gform_wrapper legend.gfield_label {
	font-weight: 400;
}

#canvas .gform_wrapper .gform_footer {
	padding: 16px 0 0;
}

#canvas .gform_wrapper label.gfield_label,
#canvas .gform_wrapper legend.gfield_label {
	font-weight: 400;
	font-size: 15px;
}

/* ////////////////////////////////////////////////
//
//		BUTTONS
//
//////////////////////////////////////////////// */

#canvas .wp-block-file .wp-block-file__button,
#canvas .wp-block-button .wp-block-button__link,
.button a,
a.button,
p.button a,
button,
input[type="submit"],
#canvas .gform_wrapper input[type="submit"] {
	padding: .5em 2em;
	font-size: 15px;
	border: none;
	border-radius: 0;
}

.entry-content p.button a,
.entry-content a.button {
	text-decoration: none;
}

/* ////////////////////////////////////////////////
//
//		COLOURS
//
//////////////////////////////////////////////// */




:root {
	--color-1: #000000;
	--color-2: #000000;
	--color-3: #000000;
	--color-4: #000000;
	--color-5: #888888;
}


/* WHITE //////////////////////////////////////////////// */

/* start buttons */
#canvas .wp-block-file .wp-block-file__button,
#canvas .wp-block-button .wp-block-button__link,
.button > a,
a.button,
p.button a,
button,
input.button
/* end buttons */ {
	color: #ffffff;
}

.cookie-notice-container a.button,
.cookie-notice-container a.button:hover {
	color: #fff !important;
}



/* BLACK //////////////////////////////////////////////// */

.black,
h1, h2, h3, h4, h5,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: #000;
}

.black-bg {
	background-color: #000;
}

/* ONE ////////////////////////////////////////////////
	
color-1
#F0F0F0

//////////////////////////////////////////////// */

.color-1,
.color-1 a,
.has-color-1-color,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
.color-1-bg.hero-text p.button a,
.color-1-bg.hero-text p.button a:hover,
.widget_recent_entries span,
.so-widget-sow-editor li:before,
.contentContainer article li:before,
ul.term-list li:before,
footer .menu li a:hover,
.gform_wrapper .gfield_required,
.text_image_row_quotemark i,
.sidebar ul li.current_page_item,
.sidebar ul li.current_page_item a,
blockquote:before,
blockquote p,
.row_loop_row_image span a,
.text_image_row_image h3,
#main-nav-visible ul a:hover, #main-nav-visible .current_page_item ul a:hover, #main-nav-visible ul .current_page_item a:hover, #main-nav-visible .current-menu-item ul a:hover, #main-nav-visible ul .current-menu-item a:hover, #main-nav-visible li:hover > ul a:hover,
#main-nav-visible > li.current_page_item > a,
#main-nav-visible > li.current_page_item.menu-item-has-children:after,
.sidebar ul li:hover:before,
p.pseudoquote,
#canvas .gform_wrapper .gfield_required,
.has-sidebar ul li:before,
.basic_text_row ul li:before,
ol > li:before,
.post-meta .fas,
.headerWrapper ul.icon-list li a,
.row-be-involved h2,
.tab label::after,
#mc_embed_signup input {
	color: #F0F0F0; 
} 

.color-1-bg,
.footerWrapper,
body,
.cookie-notice-container a.button,
.single-projects .row-strip .page-title,
.color-circlegreen-bg,
.carousel_carousel_color-1 .slide-image h3,
#main-nav,
.highlight-color-1 p.button a,
#canvas .wp-block-file .wp-block-file__button:hover,
#canvas .wp-block-button .wp-block-button__link:hover,
.button > a:hover,
a.button:hover,
p.button a:hover,
button:hover,
input.button:hover,
.sidebar ul li.cat-item-46 a,
#strongbody #shiftnav-main,
.carousel-link,
.row-quotes a.button,
.row-quotes p.button a,
.row-quotes button,
.row-quotes input.button,
#menu-icon span,
#menu-icon span:before,
#menu-icon span:after,
#menu-icon.active span:before,
#menu-icon.active span:after,
.button.color-1-bg > a,
a.button.color-1-bg,
p.button.color-1-bg a,
button.color-1-bg,
input.button.color-1-bg,
#mc_embed_signup input.button {
	background-color: #F0F0F0;
}

.color-1-border,
.headerWrapper,
.contentWrapper,
hr,
.loop-article,
textarea:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
#mc_embed_signup input {
	border-color: #F0F0F0;
}

.color-1-fill {
	fill: #F0F0F0;
}

.color-1-light-bg {
	background-color: #F0F0F0;
}

/* TWO ////////////////////////////////////////////////
	
color-2
#C9C9C9

//////////////////////////////////////////////// */

.color-2,
.color-2 a,
time,
p a:hover,
a:hover,
.row-extracontent h3 a:hover,
.has-color-2-color,
.row-twitter,
.row-twitter p,
.row-twitter a,
.row-quotes blockquote p,
.row-quotes blockquote:before,
.row-quotes cite,
.row-quotes .slick-dots li.slick-active button:before, /* active */
.row-quotes .slick-dots li button:before, /* inactive */
.row-quotes .slick-dots li button:hover:before, /* hover */
.row-twitter a:hover,
.row-footer a:hover,
.row-footer ul.icon-list li a:hover {
	color: #C9C9C9;
} 

.color-2-bg,
.navigationWrapper,
p.button a.color-2-bg,
/* start buttons */
#canvas .wp-block-file .wp-block-file__button:hover,
#canvas .wp-block-button .wp-block-button__link:hover,
.button > a:hover,
a.button:hover,
p.button a:hover,
button:hover,
input.button:hover
/* end buttons */ {
	background-color: #C9C9C9;
}

.color-2-border {
	border-color: #C9C9C9;
}

.color-2-fill {
	fill: #C9C9C9;
}

/* THREE ////////////////////////////////////////////////
	
color-3
#878787

//////////////////////////////////////////////// */

.color-3,
.color-3 a,
.has-color-3-color, 
.row-footer ul.icon-list li a {
	color: #878787; 
} 

.color-3-bg,
p.button a.color-3-bg,
/* start buttons */
#canvas .wp-block-file .wp-block-file__button,
#canvas .wp-block-button .wp-block-button__link,
.button > a,
a.button,
p.button a,
button,
input.button
/* end buttons */ {
	background-color: #878787;
}

.color-3-border,
hr,
input, textarea, select, input[type="text"], input[type="email"], input[type="password"], input[type="search"] {
	border-color: #878787;
}

.color-3-fill {
	fill: #878787;
}

/* FOUR ////////////////////////////////////////////////
	
color-4
#606060

//////////////////////////////////////////////// */

.color-4,
.color-4 a,
.has-color-4-color,
h1.site-logo a {
	color: #999999; 
} 

.color-4-bg,
p.button a.color-4-bg {
	background-color: #999999;
}

.color-4-border {
	border-color: #999999;
}

.color-4-fill,
.logo-svg {
	fill: #999999;
}

/* FIVE ////////////////////////////////////////////////
	
color-5
#272727

//////////////////////////////////////////////// */

.color-5,
.color-5 a,
.has-color-5-color,
p,
a,
.pseudoquote a,
li,
.mega-disable-link a {
	color: var(--color-5); 
} 

.mega-disable-link a {
	color: #ff0000; 
} 

.color-5-bg,
p.button a.color-5-bg {
	background-color: var(--color-5);
}

.color-5-border {
	border-color: var(--color-5);
}

.color-5-fill {
	fill: var(--color-5);
}

/* SIX ////////////////////////////////////////////////
	
color-6
#111

//////////////////////////////////////////////// */

.color-6 {
	color: #111;
}

.color-6-bg,
.row-quotes,
.row-twitter {
	background-color: #111;
}