/*  
Theme Name: Flex
Version: 1.33
Description: A powerful bespoke Framework built to work with unique Child Theme customisation
Author: goto11 Design / Kind Design
*/

/* Import Fonts */
/* @import url("webfonts/style-webfonts.css"); */

.include {
	font-size: 12px;
	font-style: italic;
	color: red;
}

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
}

/* ie 8 img max-width */
@media \0screen {
  img { width: auto;}
}

/**************************************************
TEMPLATE CODE
**************************************************/

.template_code {
	position: fixed;
	z-index: 99999;
	bottom: 10px;
	right: auto;
	left: auto;
	padding: 10px;
	font-size: 12px;
	color: #fff;
	background: rgba(0,0,0,.5);
}
 
/**************************************************
SEEDPOD MAINTENANCE PAGE
**************************************************/

#seed-csp4-page {
	display: flex;
	background-color: #ffffff;
	font-family: 'Helvetica', 'Arial', sans-serif;
	color: #676767;
	padding: 0;
}

	#seed-csp4-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		flex-direction: column;
		min-height: 100vh;
		width: 80vw;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#seed-csp4-content img {
		max-width: 90%;
		height: auto;
		flex-basis: auto
	}
	
	#seed-csp4-content h3 {
		font-size: 24px;
		padding-top: 25px;
		text-align: center;
		line-height: 1.75em;
	}

	#seed-csp4-content p {
		font-size: 18px;
		padding-top: 25px;
		text-align: center;
		line-height: 1.75em;
	}	

	#seed-csp4-content a, #seed-csp4-content a:hover {
		color: #00ADF1;
		text-decoration: none;
	}	


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


#strongbody #cookie-notice {
	/* 	stupid high number to stay above AddThis stupidly high mobile icons */
	z-index: 1000201;
}

#cn-notice-text {
	padding-bottom: 10px;
	display: block;
}

#cn-accept-cookie {
	clear: both;
}

.cookie-notice-container a.button {
	color: #000000 !important;
	background: #ffffff;
	background: rgba(255,255,255,1);
	margin-bottom: 0;
}

.cookie-notice-container a.button:hover {
	color: #000000 !important;
	background: rgba(255,255,255,.8);
}

/* ///////////////////////////////////////////////////////////////////// 
//  Typography
///////////////////////////////////////////////////////////////////// */

html {
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	font-size: 62.5%; /* font-size 1em = 10px on default browser settings */
}

html,
body {
 	height: 100%;
    text-rendering: optimizeLegibility;
	letter-spacing: 0.05em;
}

a {
	text-decoration: none;
	outline: none;
}

.clicker:hover {
	cursor: pointer;
}

.underline {
	text-decoration: none;
    border-bottom: 1px solid #2BBAD7;
    padding-bottom: .1em;
}

a.underline:hover,
.underline:hover {
	border-bottom: 1px solid #9F9F9F;
}

.nounderline:hover {
	border-bottom: 1px solid transparent;
}

p,
address {
	font-size: 18px;
	line-height: 1.5em;
	padding: 0 0 30px 0;
	margin: 0;
}

.large p, p.large {
	font-size: 22px;
}

p.small {
	font-size: 15px;
}

address {
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .8em 0;
	line-height: 1.25em;
	letter-spacing: 0;
}
	
h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 16px;
}

h1.page-title, h2.page-title, h3.page-title, h4.page-title,
h1.post-title, h2.post-title, h3.post-title, h4.post-title,
h1.row-title, h2.row-title, h3.row-title, h4.row-title,
h1.panel-title, h2.panel-title, h3.panel-title, h4.panel-title {
	margin: 0 0 1.5em 0;
}

hr {
    border: 0;
    height: 0;
    border-top-width: 6px;
    border-top-style: solid;
    border-bottom: none;
    margin: 40px 0 40px 0;
    width: 150px;
}


/* LISTS
================================================ */

ul, dl, ul.fa-ul, ol {
	margin: 0 0 30px 0;
	padding: 0;
	line-height: 1.75em;
	font-size: 18px;
	list-style: none;
}

	li {
		padding: 0 0 .25em 0;
		margin: 0;
		line-height: 1.5em;
	}

	li:last-of-type {
		padding: 0;
	}
	
.has-sidebar ul,
.basic_text_row ul,
.entry-content ul,
.two_column_content ul,
ul.textlist {
    list-style: none;
    padding-left: 25px;
}

/* fontawesome version
	.has-sidebar ul li:before,
	.basic_text_row ul li:before,
	.entry-content li:before,
	.two_column_content ul li:before {
	    content: "\f111";
	    font-family: "Font Awesome 5 Pro";
	    font-style: normal;
	    font-weight: 900;
	    text-decoration: inherit;
	    font-size: 8px;
	    line-height: 1em;
	    width: 16px;
	    margin: 0 16px 0 -30px;
	}
*/
	.has-sidebar ul li:before,
	.basic_text_row ul li:before,
	.entry-content ul li:before,
	.two_column_content ul li:before,
	ul.textlist li:before {
	    content: ">";
	    line-height: 1em;
	    width: 15px;
	    margin: 0 15px 0 -25px;
	}


.gform_wrapper li.gfield:before {
    content: "";
    display: none;
}	

ul.fa-ul {
	padding-left: 3em;
}
	
	.fa-ul li {
		padding: 0 0 1em 0;
		line-height: 2em;
	}

		ul.fa-ul .fa-li {
			left: -3.5em;
			width: 3.5em;
		}

		.fa-fw {
/* 			width: 3.5em; */
		}

		.fa-ul li i {
			padding-left: 0;
		}


		.fa-ul li i.fa-2x:before {
			line-height: 1em;
			vertical-align: bottom;
		}
		
	.fa-ul-inline li {
		display: inline-block;
	}
	
.so-widget-sow-editor ul,
.contentContainer article ul,
ul.terms-list,
footer ul.menu {
    padding-left: 0;
}

	ul.terms-list {
		margin: 0;
	}
	
		ul.terms-list li {
			font-size: 15px;
			display: inline-block;
			padding: 0;
			list-style: none;
			line-height: 1em;
		}
	
ol {
	list-style: decimal outside none;	
}

dt {
	padding: 2em 0 .7em 0;
}

dd {
	padding: 0 0 .7em 0;
	margin: 0;
}

/* 	Icon List */

ul.icon-list {
	margin: 0;
	padding: 0;
}		

	ul.icon-list li {
		display: inline-block;
		line-height: 40px;
		height: 40px;
		margin: 0 8px 0 0;
		font-size: 32px;
	}

	ul.icon-list li:before {
		content: '';
		display: none;
	}		
	
	.icon-list-icon, .icon-list-text {
		display: inline-block;
	}
	
	.icon-list li .icon-list-icon:before {
		font-family: "Font Awesome 5 Brands";
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	}

		.icon-list .icon-facebook:before {
		    content: "\f39e";
		}
	
		.icon-list .icon-twitter:before {
		    content: "\f099";
		}
		
		.icon-list .icon-instagram:before {
		    content: "\f16d";
		}
		
		.icon-list .icon-vimeo:before {
		    content: "\f194";
		}
		
		.icon-list .icon-youtube:before {
		    content: "\f431";
		}
	
		.icon-list .icon-linkedin:before {
		    content: "\f0e1";
		}		
	
		.icon-list .icon-pinterest:before {
		    content: "\f0d2";
		}				

	.icon-list li .icon-list-text {
		text-align: left;
		text-indent: -9999px;
	}

		ul.icon-list li a:hover {
			border: none;
		}
		

/* BLOCKQUOTES
================================================ */

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}

.pseudoquote,
blockquote p,
.entry-content blockquote:before,
.entry-content blockquote:after {

}

.pseudoquote {
	font-size: 24px;
	line-height: 1.5em;
	padding-bottom: .5em;
}

blockquote,
#canvas .wp-block-quote.is-large,
#canvas .wp-block-quote.is-style-large {
	position: relative;
	padding: 30px 0 30px 30px;
	border-left-style: solid;
	border-left-width: 10px;
	margin-bottom: 30px;
}

blockquote p,
#canvas .wp-block-quote.is-large p,
#canvas .wp-block-quote.is-style-large p {
	font-size: 28px;
	line-height: 1.5em;
	padding: 0 0 25px 0;
}

blockquote p:last-of-type,
.basic_text_row blockquote p:first-of-type:last-of-type {
	padding: 0;
}
	
cite {
	font-size: 18px;
	font-style: normal;
}

blockquote cite {
	font-size: 18px;
	margin-top: 20px;
	display: block;
}

.wp-block-pullquote blockquote {
	padding-left: 0;
	border-top-style: solid;
	border-top-width: 10px;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-left: none;
	border-right: none;
}

.entry-content .wp-block-pullquote blockquote:before {
	display: none;
}

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

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

.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;
}


	.entry-content {
		padding-top: 100px;
		padding-bottom: 100px;
	/* 	background: #ccc; */
	}
	
		.entry-content-main {
			padding-top: 0;
			padding-bottom: 0;
		/* 	background: #ccc; */
		}
		
		.entry-content .sidebar {
			background: #aaa;
			box-sizing: border-box;
		}


/* MISC STYLING *****************************************************************/

.padded {
	box-sizing: border-box;
	padding: 70px 25px;
}

.nosidepadding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.notopmargin {
	margin-top: 0 !important;
}

.nobottommargin {
	margin-bottom: 0 !important;
}

.nopadding {
	padding: 0 !important;
}

.notoppadding {
	padding-top: 0 !important;
}

.nobottompadding {
	padding-bottom: 0 !important;
}

.uppercase {
	text-transform: uppercase;
}

.large-icon {
    display: inline-block
}

	.large-icon i {
	    vertical-align: middle;
	    font-size: 48px;
	    padding: 0 20px;
	}

/* ------- BG Images ------- */

.fullheight {
	height: 600px;
	height: 100vh;
}

.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;
}

.video-container iframe,  
.video-container object,  
.video-container embed,
.is-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100.25%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

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

.headerWrapper, header, .row-hero, .stripWrapper, .contentWrapper, h1.site-logo, h1.site-logo-small, #menu-icon {
    -webkit-transition: all .15s ease;
       -moz-transition: all .15s ease;
        -ms-transition: all .15s ease;
         -o-transition: all .15s ease;
            transition: all .15s ease;	
}

.headerWrapper {
	position: relative;
}

	.headerWrapper header.setwidth {
		position: relative;
		box-sizing: border-box;
	}

.nohero .contentWrapper {
/* 	padding-top: 160px; */
}

.hero .contentWrapper {
	padding-top: 0;
}

.flexible-row.flexible-row-first {
	padding-top: 50px;
}


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

h1.site-logo, h1.site-logo a, h1.site-logo img {
	-webkit-transition: .1s all ease;
	-moz-transition: .1s all ease;
	-ms-transition: .1s all ease;
	-o-transition: .1s all ease;
	transition: .1s all ease;
	margin: 0 auto;
	display: block;
	position: relative;
}

h1.site-logo {
	padding: 0;
	box-sizing: border-box;
}

	h1.site-logo a {
		
	}
	
		h1.site-logo img {
			font-size: 0;
		}


/************************************************************************************
MENU
*************************************************************************************/


/************************************************************************************
BREADCRUMBS
*************************************************************************************/

.breadcrumbWrapper {
	position: relative;
	z-index: 1002;
}
	
	p.breadcrumbs {
		padding: 0;
		line-height: 50px;
		height: 50px;
		margin: 0;
		font-size: 14px;
	}
	
		p.breadcrumbs a, p.breadcrumbs a:hover {
	/* 		text-decoration: none; */
		}
				
/************************************************************************************
CONTENT
*************************************************************************************/

/* sidebar */

.sidebar ul {
	padding: 0;
	margin: 0;
}

	.sidebar ul li {
		padding: 0;
		margin: .5em 0;
	}  


	.entry-content .sidebar ul li:before {
		content: '';
		display: none;
	}  
	.sidebar > ul > li a {
		margin-bottom: 2em;
	}
	
		.sidebar ul li a { 
		}

		.sidebar ul.children {
			padding: 5px 0 5px 20px;
		}

			.sidebar ul.children li {
				font-size: 12px;
			}

		#canvas .sidebar ul.children li a {

		}
		
	.sidebar ul li a:hover {
		
	}
	
	.sidebar .widget {
		margin-bottom: 30px;
	}


/************************************************************************************
CAROUSELS
*************************************************************************************/


.strip-title-container {
	padding: 0;
}

	.strip-title-container .strip-title {
		padding-top: 50px;
			padding-bottom: 50px;
		padding-bottom: 0;
	}

	.strip-title-container .strip-title-split {
		display: flex;
		flex: 1;
	}

		.strip-title-container .strip-title-split h2 {
			text-align: left;
			width: 50%;
			margin: 0;
		}

		.strip-title-container .strip-title-split h3 {
			text-align: right;
			width: 50%;
			margin: 0;
		}


.carouselContainer {
	padding-top: 50px;
	padding-bottom: 50px;
}

.carousel_quotes.slick-initialized .slick-track {
    display: flex;
    align-items: top;
}

.carousel_carousel .slick-list {
	margin-left: -15px;
	margin-right: -15px;
}

.carousel_carousel .slide {
	overflow: hidden;
	margin-bottom: -4px;
}

.carousel_carousel .slick-slide {
	padding-bottom: 0;
	margin: 0 15px;
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
}

/* mini slider carousel */


.carousel_slideshow {
	overflow: hidden;
}

.carousel_slideshow a {
	display: block;
	padding: 0;
	margin: 0;
}
	
	.carousel_slideshow .slick-dots {
		bottom: 20px;
		left: 5px;
		text-align: left;
	}
	
		.text_image_row_image .carousel_slideshow p {
			width: 50%;
			bottom: 0px;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 10px 10px 30px 10px;
			font-size: 12px;
			text-transform: uppercase;
			text-align: left;
		}
		
		.text_image_row_image .carousel_slideshow p:after {
			width: 40px;
			position: absolute;
			height: 100%;
/* 			z-index: -1; */
			content: ' ';
			right: -20px;
			bottom: 0;
			transform: skew(-15deg);
		}

			.carousel_slideshow p a:hover {
				opacity: .7;
				text-decoration: none;
			}

		.carousel_slideshow img {
			display: block;
			padding: 0;
			margin: 0;
		}

/* gallery carousel */

.row-gallery .carouselContainer {
	padding-bottom: 0;
}
	
	.row-gallery .carousel_carousel .slick-list {
		margin-left: 0;
		margin-right: 0;
	}
	
		.row-gallery .carousel_carousel .slick-slide {
			margin: 0;
			overflow: hidden;
		}
		
			.row-gallery .carousel_carousel .slick-slide .slide-gallery-text {
				position: absolute;
				bottom: 0;
				left: 0;
/* 				width: 66%; */
				padding: 5px 25px 5px 5px;
				box-sizing: border-box;
			}
			
			.row-gallery .carousel_carousel .slick-slide .slide-gallery-text:after {
				width: 40px;
				position: absolute;
				height: 100%;
	/* 			z-index: -1; */
				content: ' ';
				right: -20px;
				bottom: 0;
				transform: skew(-15deg);	
			}
			
			.slide-gallery-text p {
				font-size: 12px;
				text-transform: uppercase;
				padding: 0;
				margin: 0;
		}

/* / gallery carousel */

	.carousel_carousel .slide-content {
		position: relative;
	}

		.carousel_carousel .slide-image img
		.carousel_carousel .slide-image h3,
		.carousel_carousel .slide-image p {
			-webkit-transition: .1s all ease;
			-moz-transition: .1s all ease;
			-ms-transition: .1s all ease;
			-o-transition: .1s all ease;
			transition: .1s all ease;
		}		

		.carousel_carousel .slide-image {
		}	

			.carousel_carousel .slide-image img {
				opacity: 1;
				display: block;
			}

		.carousel_carousel .slide-image {
			display: block;
			width: 100%;
		}	
		
			.carousel_carousel .slide-image img.carousel_img {
				display: block;
				margin: 0;
				padding: 0;
			}
			
			
			/* expanding slide height */
			
			.slick-track {
			  display: flex;
			}
			
				.slick-track .slick-slide {
				  display: flex;
/* 				  height: auto; THIS IS BREAKING HEIGHT IN SAFARI */
				}
				
					.slick-track .slick-slide > div {
					  display: flex;
					  flex-direction: column;
					  flex: 1;
					}
					
					.slick-track .slick-slide .slide-text,
					.slick-track .slick-slide .hero-text {
					  flex-direction: column;
					  flex: 1;
					}
			
			/* expanding slide height */		

			.slide-image-bg {
				height: 0;
				padding-bottom: 56%;
				background-position: center center;
				background-size: cover;
				background-blend-mode: screen;
				position: relative;
				-webkit-transition: .2s all ease;
				-moz-transition: .2s all ease;
				-ms-transition: .2s all ease;
				-o-transition: .2s all ease;
				transition: .2s all ease;
			}

			.slide-image-bg:hover {
				background-color: #555 !important;
			}

			.slide-text {
				padding: 10px ;
				box-sizing: border-box;
				color: #ffffff;
			}

				.slide-text a {
					color: #ffffff;
				}

				.slide-text a:hover {
					color: #ffffff;
					opacity: .7;
				}

				.slide-text ul {
					margin-bottom: 0;
					font-size: 14px;
					font-weight: 400;
				}						

					.slide-text li {
						display: inline-block;
					}	
	
					.slide-text li:after {
						content: ', ';
					}
	
					.slide-text li:last-of-type:after {
						content: '';
					}								

				.slide-text h3 {
					margin: 0;
					padding: 0;
					font-size: 16px;
					font-weight: 400;
				}	
			
			.slick-slide:hover {
/* 				cursor: pointer; */
			}

			.slick-slide .slide-image img {
/*
				-webkit-filter: grayscale(0);
				filter: grayscale(0);
*/
				-webkit-transition: .3s ease-in-out;
				transition: .3s ease-in-out;
			}			

			.slick-slide:hover .slide-image img {
/*
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
*/
			}		

.slick-slide img {
	font-size: 0;
}

/* Arrows */

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: auto;
	top: 50%;
	display: block;
/* 	margin-top: 20px; */
	width: 40px;
	height: 40px;
	z-index: 99;
}

.slick-prev {
	left: 30px;
}

.slick-prev, .slick-next {
    width: 50px;
    height: 48px;
/*     background-color: #777; */
} 

/* account for the slide margins */
.slick-prev {
	left: 10px;
}

.slick-next {
	right: 10px;
}

.slick-prev:before, .slick-next:before {
	font-size: 32px;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 300;
	opacity: 1;
}

.slick-prev:before {
	content: '\f33e';
}

.slick-next:before {
	content: '\f340';
}

.slick-prev:hover:before, .slick-next:hover:before {
	opacity: .5;
}


/* Dots */

.slick-dots {
	z-index: 102;
	bottom: -30px;
}

.slick-dotted.slick-slider {
    margin-bottom: 80px;
}

/* set all dot heights */
.slick-dots, .slick-dots li, .slick-dots li button:before {
	height: 20px;
	line-height: 20px;	
}

.instagram-pics .slick-dots {
	bottom: -50px;
}

	.slick-dots li, .widget .slick-dots li {
		display: inline-block;
		width: 10px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	
		.slick-dots li button {
			width: 10px;
			height: 10px;
		}
		
			/* inactive */
			.slick-dots li button:before {
				color: #000;
				opacity: .5;
				font-size: 10px;
				width: 10px;
			}
			
			/* active */
			.slick-dots li.slick-active button:before {
				color: #000;
				opacity: .8;
			}
			
			/* hover */
			.slick-dots li button:hover:before, .slick-dots li button:focus:before {
				color: #000;
				opacity: 1;
			}

/* ///////////////////////////////////////////////////////////////////// 
//  GOOGLE MAP
/////////////////////////////////////////////////////////////////////*/

.row-map.flexible-row {

}

/* ///////////////////////////////////////////////////////////////////// 
//  TWITTER
/////////////////////////////////////////////////////////////////////*/

.row-twitter.flexible-row {
	padding: 150px 0 100px 0;
	text-align: center;
}

		.row-twitter .row_container:before {
			display: block;
			position: absolute;
			top: 50px;
			left: 0;
			right: 0;
		    content: "\f099";
			font-family: "Font Awesome 5 Brands";
			font-style: normal;
		    font-size: 32px;
		}

/* Smash Balloon Styles */


#canvas #ctf p.ctf-tweet-text,
#canvas  #ctf p.ctf-media-link {
	border: 0;
	position: relative;
	padding: 0;
	margin: 0;
	font-style: italic;
	font-size: 24px;
	line-height: 1.25em;
}

#canvas #ctf #ctf-more {
	width: auto;
	display: inline-block;
	font-size: 16px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  Instagram
/////////////////////////////////////////////////////////////////////*/

.row-instagram.flexible-row {
	position: relative;
}

	.row-instagram h2 {
		padding-bottom: 0;
		margin-bottom: 0;
	}

li.widget.null-instagram-feed {
    width: 100%;
    margin: 0;
    height: auto;
    padding: 0;
    list-style: none;
}

.widget.null-instagram-feed ul {
	list-style: none;
	clear: none;
}

ul.instagram-pics {
	width: 100%;
	margin: 0;
	line-height: 0;
}

	.instagram-pics li {
		padding-bottom: 0;
		line-height: 0;
	}

		.instagram-pics li img {
			min-width: 100%;
		}
		
ul.instagram-pics .slick-prev,
ul.instagram-pics .slick-next {
	top: 50%;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/

.sidebar-panel {
/* 	padding: 20px; */
	margin-bottom: 50px;
}

.sidebar-panel-projectdetails {

}


/************************************************************************************
ASSOCIATED / RELATIONSHIP PANELS
*************************************************************************************/

.associated-panel {
/* 	padding: 20px; */
	margin-bottom: 50px;
}

.associated-panel-stories {

}

.associated-panel-resources {

}

.associated-panel-advice {

}

.associated-panel-projects {

}

.associated-panel-locations {

}

		
	
/************************************************************************************
POSTS / NEWS
*************************************************************************************/

.post-content {
	margin-bottom: 50px;
/* 	border: 1px solid #eee; */
}	

	.post-content-image {
		float: left;
		width: 250px;
	}
			
		.post-content-image img.archive-image {
			display: block;
			margin: 0px;
			padding: 0;
			width: 100%;
			max-width: 100%;
			height: auto;
		}
	
	.post-content-content {
		margin-left: 300px;
	}

		.post-content-content h3 {
			margin-bottom: .5em;
		}
		
		.post-content-content p {
			padding-bottom: .5em;
		}

		.post-content-content a {
			padding-bottom: 0;
		}	

		.post-content-content p a {
			font-weight: 300;
		}	

		.post-content-content .read-more {
			text-transform: uppercase;
			padding: 0;
			margin: 0;
		}	

		.post-content-content .read-more {
			text-transform: uppercase;
			padding: 0;
			margin: 0;
		}


.post-meta {
	padding-bottom: 10px;
}

	.post-meta time,
	.post-meta p {
		font-size: 18px;
		padding: 0;
		margin: 0;
	}


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

/*  HERO *******************************************************************************/

.row-hero {
	position: relative;
	padding-bottom: 80px;
/* 	overflow: hidden; */
}

.row-hero,
.row-hero .slide,
.row-hero .slide-bg {
	height: 600px;
	height: 60vh;
	width: 100%;
	width: 100vw;
	min-width: 100%;
	min-width: 100vw;
}

.row-hero .slide-bg {
	padding-bottom: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

	/* left focus slide */
	.row-hero .slide-bg.slide-focus-left {
/* 	  background-position: left 30% top 50%; */
	}

	/* center focus slide */
	.row-hero .slide-bg.slide-focus-center {
/* 	  background-position: center center; */
	}

	/* right focus slide */
	.row-hero .slide-bg.slide-focus-right {
/* 	  background-position: right 30% top 50%; */
	}


	#canvas img.heroMobile {
		display: none;
	}
	
.hero-text {
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
	z-index: 1001;
}

	.hero-title {
		color: #fff;
		padding: 0;
		margin: 0;
		line-height: 1em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}

	.hero-subtitle {
		color: #fff;
		padding: 0;
		margin: 0;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}



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

.row-titlerow .page-title {
	margin-bottom: 0;
}


.flexible-row {
	padding: 50px 0 50px 0;
}

.flexible-row.fullwidth {
}

.row-nopad, .row-nopad.fullwidth {
	padding: 0;
}

.row-pad, .row-pad.fullwidth {
	padding: 50px 0;
}

.flexible-row.row-pad-bottom-small {
	padding-bottom: 25px;
}

.flexible-row.row-pad-bottom {
	padding-bottom: 50px;
}

.flexible-row.row-pad-medium-bottom {
	padding-bottom: 75px;
}

.row-pad-small, .row-pad-small.fullwidth {
	padding: 25px 0;
}

.row-pad-medium, .row-pad-medium.fullwidth  {
	padding: 75px 0;
}

.row-pad-large, .row-pad-large.fullwidth {
	padding: 100px 0;
}

.row-centered {
	text-align: center;
}

.flexible-content > div.clearfix {
	padding: 0;
}

h2.row_title {

}

p.row-caption {
	padding: 0;
/* 	background-color: #ccc; */
	margin-top: 10px;
}

/* 	Basic Text Row (covers some intro row styling) ******************************* */

.basic_text_row p:last-of-type {
	padding-bottom: 0;
}

.basic_text_row p:first-of-type:last-of-type {
	padding-bottom: 30px;
}

/* 	Text / Image Row ******************************* */

.text_image_row,
.text_image_row.fullwidth {
	position: relative;
	margin-bottom: 0;
	padding: 0;
}

.text_image_row.fullwidth:before {
	left: 0;
}

.text_image_row.fullwidth:after {
	right: 0;
}

.text_image_row.image_left:after {

}

.text_image_row .text_image_row_container {
	display: flex;
	position: relative;
	z-index: 2;
}

.text_image_row.image_left .text_image_row_container,
.text_image_row.row-projects-archive:nth-child(even) .text_image_row_container {
	flex-direction: row-reverse;
}

	.text_image_row_text,
	.text_image_row_image {
		position: relative;
		width: 50%;
		box-sizing: border-box;
	}
	
	.text_image_row_text {
		padding: 80px;
	}

	.image_left .text_image_row_text {
		padding: 30px 80px 30px 160px;
	}

	.image_right .text_image_row_text {
		padding: 30px 160px 30px 80px;
	}

	.text_image_row_text {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

		.text_image_row_image p {
			padding-bottom: 10px;
		}

		.text_image_row_image img {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			max-width: 100%;
			min-width: 100%;
			height: auto;
		}

		.text_image_row_text h2 {
			margin-bottom: 15px;
		}

		.text_image_row_text p {
			padding-bottom: 20px;
		}

		.text_image_row_text p.button {
			padding-bottom: 0;
		}	

/* 	.text_image_row a, */
	.text_image_row img {
		display: block;
	}

.text_image_row_text .text_image_row_text_content {
	position: relative;
	z-index: 2;
}


/* 	Two Column Text Row ******************************* */


.two_column_text_row .two_column_text_row_container {
	display: flex;
	justify-content: space-between;
	margin: 0 -25px;
}

	.two_column_text_row .two_column_text_row_col  {
/*
		width: 50%;
*/
		width: calc( 50% - 50px );
		margin: 0 25px;
	}

		.two_column_text_row .two_column_text_row_col h3:first-of-type {
			margin-top: 0;
		}
			
		.two_column_text_row .two_column_text_row_col p:last-of-type {
/* 			padding-bottom: 0; */
		}

	
/* 	Offset Two Column Text Row ******************************* */


.offset_two_column_text_row .two_column_text_row_container {
	display: flex;
	justify-content: space-between;
	margin: 0 -25px;
}

	.offset_two_column_text_row .two_column_text_row_col  {
		margin: 0 25px;
	}
	
	.offset_two_column_text_row .two_column_text_row_col.two_column_one {
		/*
		width: 50%;
		*/
		width: calc( 65% - 50px );		
	}

	.offset_two_column_text_row .two_column_text_row_col.two_column_two {
		/*
		width: 50%;
		*/
		width: calc( 35% - 50px );		
	}

		.offset_two_column_text_row .two_column_text_row_col h3:first-of-type {
			margin-top: 0;
		}
			
		.offset_two_column_text_row .two_column_text_row_col p:last-of-type {
/* 			padding-bottom: 0; */
		}

/* 	Three Column Text Row ******************************* */

.three_column_text_row,
.three_column_text_row.fullwidth,
.three_column_text_row .setwidth {
	display: flex;
	justify-content: space-between;
}

	.three_column_text_row .three_column_text_row_col  {
		width: 30%;
		width: calc( 33.33% - 30px );
	}

		.three_column_text_row .three_column_text_row_col h3:first-of-type {
			margin-top: 0;
		}
			
		.three_column_text_row .three_column_text_row_col p:last-of-type {
			padding-bottom: 0;
		}
	
	
/* 	Basic Image Row  ******************************* */		

.basic_image_row img {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}

/* 	Background Image Row  ******************************* */		

.flexible-row img.mobilebackground {
	display: none !important;
}

@media only screen and (max-width: 480px) {

	.mobilebackground {
		display: block !important;
	}
	
	.bg_image_row {
		background-image: none !important;
		height: auto !important;
	}

}

.bg_image_row.flexible-row {
	background-size: cover;
	height: 500px;
	height: 50vh;
	padding: 0;
}


.focus-left {
	background-position: left center;
}

.focus-center {
	background-position: center center;
}

.focus-right {
	background-position: right center;
}

.bg_image_row.row_height-10 {
	height: 100px;
	height: 10vh;
}

.bg_image_row.row_height-20 {
	height: 200px;
	height: 20vh;
}

.bg_image_row.row_height-30 {
	height: 300px;
	height: 30vh;
}

.bg_image_row.row_height-40 {
	height: 400px;
	height: 40vh;
}

.bg_image_row.row_height-50 {
	height: 500px;
	height: 50vh;
}

.bg_image_row.row_height-60 {
	height: 600px;
	height: 60vh;
}

.bg_image_row.row_height-70 {
	height: 700px;
	height: 70vh;
}

.bg_image_row.row_height-80 {
	height: 800px;
	height: 80vh;
}

.bg_image_row.row_height-90 {
	height: 900px;
	height: 90vh;
}

.bg_image_row.row_height-100 {
	height: 1000px;
	height: 100vh;
}

	
/* 	Twin Image Row  ******************************* */		

.twin_image_row {
	display: flex;
	justify-content: space-between;
	margin: 0 -25px;
}
	
	.twin_image_row_first,
	.twin_image_row_second {
		width: calc( 50% - 50px );
		margin: 0 25px;
	}
	
	.twin_image_row a, .twin_image_row img {
		display: block;
	}


/* 	Carousel Row ******************************* */

h3.row-header {
	margin: 10px 0 0 0;
}

.row-carousel.fullwidth {
	padding-top: 50px;
}

/* 	Carousel Builder Row ******************************* */


	.carousel_builder_row {
		margin: 0 -15px;
	}

		.carousel_builder_row .slick-track {
			display: flex !important;
		}
		
			.carousel_builder_row .slide {
				margin: 0 15px;
				height: inherit !important;
				display: flex !important;
				flex-direction: column;
			}

				.carousel_builder_row .slide .carousel_item_link,
				.carousel_builder_row .slide h4.carousel_item_title {
/* 					this is still breaking in safari */
/*
					display: flex;
					flex: 1;
*/
				}

			.carousel_builder_row .slick-slide .carousel_item_img {
				-webkit-filter: grayscale(0);
				filter: grayscale(0);
	
				-webkit-transition: .3s ease-in-out;
				transition: .3s ease-in-out;
			}			

			 .carousel_builder_row .slick-slide:hover .carousel_item_img {
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
			}	
							
				.carousel_builder_row h4.carousel_item_title {
					width: 100%;
					margin: 0;
					padding: 0;
					box-sizing: border-box;
					text-align: left;
				}
			
					.carousel_builder_row h4.carousel_item_title {
						padding: 0;
						margin: 0;
					}
					
						.carousel_builder_row h4.carousel_item_title a {
							font-size: 13px;
							line-height: 1.25em	;
							text-transform: uppercase;
							letter-spacing: .1em;
							-webkit-font-smoothing: antialiased;
						    -moz-osx-font-smoothing: grayscale;
							padding: .9em .9em;
							margin-bottom: 0;
							width: 100%;
							display: block;
							box-sizing: border-box;
						}
						







/* 	Accordion Row ******************************* */

.accordion_row.flexible-row {
	padding-bottom: 0;
}

.contentWrapper .accordion_row.flexible-row:last-child {
	padding-bottom: 50px;
}

.accordion_row h3 {
	margin-bottom: 2em;
}

.accordion_row h4 {
	margin: 10px 0;
}

.tab {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  color: #666;
  overflow: hidden;
  border-bottom-width: 5px;
  border-bottom-style: solid;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  font-size: 30px;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}

.tab-content {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
}

	.tab-content p:first-child {
		padding-top: 20px;
	}


/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 100vh;
}

/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2em;
  height: 20px;
  line-height: 20px;
  font-weight: normal;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.tab input[type=checkbox] + label::after {
  content: "+";
}
.tab input[type=radio] + label::after {
  content: "\25BC";
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}


/* 	Grid Row ******************************* */


.grid_row,
.grid_row .setwidth,
.grid_row.fullwidth {
	display: flex;
	flex-wrap: wrap;
/* 	justify-content: space-between; */
	justify-content: center;
	margin-left: -15px;
	margin-right: -15px;
}

	.grid_item {
		margin: 0 15px 30px 15px;
	}

	.grid_row_pad .grid_item {
		padding: 30px;
		box-sizing: border-box;
	}

	.grid_row_shad .grid_item {
		background-color: #ffffff;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
	}
			
	.grid_row_1 .grid_item {
		width: 100%;
	}

	.grid_row_2 .grid_item {
		width: 50%;
		width: calc( 50% - 30px );
	}

	.grid_row_3 .grid_item {
		width: 33%;
		width: calc( 33% - 30px );
	}

	.grid_row_4 .grid_item {
		width: 25%;
		width: calc( 25% - 30px ); /* makes 100px gap, which is then divided by 3, not 4 */
	}
	
	.grid_row_5 .grid_item {
		width: calc( 20% - 30px );
	}

	.grid_row_6 .grid_item {
		width: 16.6666666%;
		width: calc( 16.6666666% - 30px );
	}

	.grid_row_7 .grid_item {
		width: 14.2857142%;
		width: calc( 14.2857142% - 25px );
	}

	.grid_row_8 .grid_item {
		width: 12.5%;
		width: calc( 12.5% - 25px );
	}

	.grid_row_9 .grid_item {
		width: 11.1111111%;
		width: calc( 11.1111111% - 20px );
	}

	.grid_row_10 .grid_item {
		width: 20%;
		width: calc( 10% - 20px );
	}

	.grid_item p, 
	.grid_item h3,
	.grid_item h4 {
		padding: 10px 0 0 0;
		margin: 0;
	}


/* 	Search Results Row ******************************* */

.row-search-results {
	background-color: var(--color1g);
}

.row-search-again {
	background-color: var(--color2a);
}

	
/* 	Quotes Row ******************************* */

.row-quotes  {
	padding: 50px 0 5px 0;
}

.row-quotes .slide {
	padding-top: 0;
	flex-direction: column;
}

	.row-quotes blockquote {
		padding: 0 20% 25px 70px;
		border: none;
		margin-bottom: 0;	
		position: relative;	
	}

	.row-quotes blockquote:before {
		position: absolute;
		top: 0;
		left: 0;
	    content: "\f10d";
	    font-family: "Font Awesome 5 Pro";
	    font-style: normal;
	    font-weight: 900;
	    text-decoration: inherit;
	    font-size: 40px;
	    line-height: 1em;	
	}

	.row-quotes blockquote p {
		font-size: 24px;
		line-height: 1.3em;
	}

	.row-quotes cite {
		margin: 0;
		padding: 0 0 0 70px;
		display: block;
	}	

	.row-quotes cite span {
		font-size: .8em;
	}

	.row-quotes p.button {
		margin-top: 20px;
		padding-bottom: 0;
		text-align: center;
	}


		/* inactive */
		.row-quotes .slick-dots li button:before {
			color: #000;
			opacity: .5;
		}
		
		/* active */
		.row-quotes .slick-dots li.slick-active button:before {
			color: #000;
			opacity: .8;
		}
		
		/* hover */
		.row-quotes .slick-dots li button:hover:before {
			color: #000;
			opacity: 1;
		}
			
			
/* 	Custom Row Loop ******************************* */

.row_loop_row {
	display: flex;
	position: relative
}

.row_loop_row:nth-child(even) {
	flex-direction: row-reverse;
}

	.row_loop_row_text {
		width: 50%;
		box-sizing: border-box;
		padding: 80px 80px 80px 0;
	}

	.row_loop_row:nth-child(even) .row_loop_row_text {
		padding: 80px 0 80px 80px;
	}

	.row_loop_row_image {
		width: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}

		.row_loop_row_image img {
			display: none;
			max-width: 100%;
			height: auto;
		}

		.row_loop_row_image span {
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			text-align: left;
			display: block;
		}		

		.row_loop_row:nth-child(even) .row_loop_row_image span {
			text-align: right;
		}

			.row_loop_row_image span a {
				padding: 10px;
				font-size: 46px;

				border-top-left-radius: 0px;
				-moz-border-radius-topleft: 0px;
				-webkit-border-radius-topleft: 0;
				
				border-top-right-radius: 10px;
				-moz-border-radius-topright: 10px;
				-webkit-border-radius-topright: 10px;
				
				border-bottom-right-radius: 10px;
				-moz-border-radius-bottomright: 10px;
				-webkit-border-radius-bottomright: 10px;
				
				border-bottom-left-radius: 0px;
				-moz-border-radius-bottomleft: 0px;	
				-webkit-border-radius-bottomleft: 0px;
				
			}	

			.row_loop_row:nth-child(even) .row_loop_row_image span a {
				border-top-left-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-webkit-border-radius-topleft: 5;
				
				border-top-right-radius: 0px;
				-moz-border-radius-topright: 0px;
				-webkit-border-radius-topright: 0px;
				
				border-bottom-right-radius: 0px;
				-moz-border-radius-bottomright: 0px;
				-webkit-border-radius-bottomright: 0px;
				
				border-bottom-left-radius: 10px;
				-moz-border-radius-bottomleft: 10px;	
				-webkit-border-radius-bottomleft: 10px;
			}			


/* 	Misc Row Styles ******************************* */

.row-contact h3 {
	margin-bottom: .2em;
}

.row-contact h4 {
	margin-bottom: 0;
	font-size: 28px;
}

.row-contact ul.icon-list li {
	padding-bottom: 0;
}


/* ///////////////////////////////////////////////////////////////////// 
//  Pagination
/////////////////////////////////////////////////////////////////////*/

.paginationWrapper {
	padding: 50px 0;
}

.pagination a,
.pagination span {
	font-size: 18px;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	font-weight: 300;
}

.pagination a:after, .pagination span:after {
	content: '|';
	padding: 0 .75em;
	display: inline-block;
	color: white;
/* 	padding: 0 .5em; */
}

.pagination a.next:after {
	content: '';
}
	
	.post-nav .prev,
	.post-nav .next {
		width: 50%;
	}
	
		.post-nav > div img {
			width: 50%;
			width: calc( 50% - 8px );
		}
	
	.post-nav .prev {
		float: left;
		text-align: left;
	}
	
	.post-nav .next {
		float: right;
		text-align: right;
	}

		.post-nav .next img {
			float: right;
		}
			
	.post-nav h4 {
		font-size: 15px;
		font-weight: normal;
		text-transform: uppercase;
	}

/* 	Pagination Row ******************************* */

/*
.row-pagination.fullwidth {
	padding: 50px 0;
}

	.row-pagination a {
		display: block;
		position: relative;
	}
		
		.row-pagination img {
			-webkit-transition: .1s all ease;
			-moz-transition: .1s all ease;
			-ms-transition: .1s all ease;
			-o-transition: .1s all ease;
			transition: .1s all ease;
			opacity: 1;
		}
		
		.row-pagination a:hover img {
			opacity: .7;
		}

	.row-pagination .twin_image_row a h3 {
		color: #fff;
	}
	
	.row-pagination .twin_image_row h3 {
		position: absolute;
		text-align: center;
		bottom: 0;
		margin: 0;
		padding: 15px;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		opacity: 1;
		background-color: #E00051;
		background-color: rgba(224,0,81,.5);
	}
	
	.row-pagination .twin_image_row_first h3 {
		text-align: left;
	}

	.row-pagination .twin_image_row_second h3 {
		text-align: right;
	}	
*/

		
/* 404 **********************************************************************/

#fourofour {
	margin: 5% 0;
}

#fourofour > div {
	text-align: center;
}

#fourofour h1 {
	font-size: 144px;
}


/************************************************************************************
WOOCOMMERCE
*************************************************************************************/

/* carousel product */

.slide-product {
	background: rgba(0,0,0,.02);
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	display: flex;
}

	.slick-track .slick-slide .slide-product-image {
	    flex: 1 0 auto;
	    position: relative;
	}

	.slide-product-image:after {
	    content: "";
	    float:left;
	    display: block;
	    padding-top: 100%;
	}

		.slide-product-image a {
		    position: absolute;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    top: 0;
		    display: flex;
		    align-items: center;
		    justify-content: center;
			background: white;
		}
	
			.slide-product-image img {
				display: block;
				font-size: 0;
				max-width: 80%;
				padding: 10px;
				max-height: 80%;
			}	

	.slide-product-info {
		background: rgba(0,0,0,.02);
		padding: 10px;
		box-sizing: border-box;	
	}

/************************************************************************************
IMAGES
*************************************************************************************/

p.wp-caption-text {
	font-size: 14px;
	font-style: italic;
	margin-top: -30px;
}


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

.entry-content .alignwide {
    margin-left  : -80px;
    margin-right : -80px;
}

.entry-content .alignfull,
.entry-content .flexible-row.fullwidth {
/*
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
*/
    margin: 50px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.entry-content.has-sidebar .alignfull {
	left: calc( -15% - 50px );
	position: relative;
}

.entry-content .flexible-row.fullwidth {
    width: auto;
}

.alignfull img {
    width: 100vw;
}

.has-sidebar ul.wp-block-gallery {
	padding: 0;
}

	ul.wp-block-gallery li:before {
		display: none;
	}

.post-content ul.wp-block-gallery img {
	margin-bottom: 0;
}

/* BLOCKS ********************************************************************************/

/* FILE */

/* match text to paragraph */

#canvas .wp-block-file {
	font-size: 18px;
	line-height: 1.5em;
	padding: 0 0 30px 0;
	margin: 0;
}

#canvas .wp-block-file a {
	font-weight: bold;
}

#canvas .wp-block-file a.wp-block-file__button {
	font-weight: normal;
}

#canvas ul.wp-block-gallery {
	padding-left: 0;
}


/************************************************************************************
WIDGETS
*************************************************************************************/

.widget_recent_entries span {
	font-size: 14px;
	clear: both;
	display: block;
}

/************************************************************************************
GALLERY
*************************************************************************************/

#canvas .vp-filter__style-default .vp-filter__item [data-vp-filter='child_education'],
#canvas .vp-filter__style-default .vp-filter__item [data-vp-filter='vocational_training'],
#canvas .vp-filter__style-default .vp-filter__item [data-vp-filter='health'],
#canvas .vp-filter__style-default .vp-filter__item [data-vp-filter='welfare'],

#canvas .vp-filter__style-default .vp-filter__item:not(.vp-filter__item-active) [data-vp-filter='child_education']:hover,
#canvas .vp-filter__style-default .vp-filter__item:not(.vp-filter__item-active) [data-vp-filter='vocational_training']:hover,
#canvas .vp-filter__style-default .vp-filter__item:not(.vp-filter__item-active) [data-vp-filter='health']:hover,
#canvas .vp-filter__style-default .vp-filter__item:not(.vp-filter__item-active) [data-vp-filter='welfare']:hover {
	border: none;
	color: #fff;
}

#canvas .vp-filter__style-default .vp-filter__item:nth-child(1) {
	width: 18%
}

#canvas .vp-filter__style-default .vp-filter__item:nth-child(2),
#canvas .vp-filter__style-default .vp-filter__item:nth-child(3),
#canvas .vp-filter__style-default .vp-filter__item:nth-child(4),
#canvas .vp-filter__style-default .vp-filter__item:nth-child(5) {
	width: 18%;
}

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

ul.footer-menu {
	list-style: none;
	text-align: center;
}

	ul.footer-menu li {
		list-style: none;
		display: inline-block;
		padding: 0 1.5em;
	}

	ul.footer-menu li:before {
		content: '';
		display: none;
	}	

		ul.footer-menu a {

		}

.row-footer ul.icon-list {
	text-align: center;
}		

			
/************************************************************************************
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 {
	padding: .375em 2em;
	font-size: 18px;
	line-height: 1em;
	font-family: inherit;
	-webkit-appearance: none;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
	border: none;
	border-radius: 0;
    display: inline-block;
    font-weight: normal; 
    white-space: normal;
    overflow-wrap: break-word;
}

/* 'submit' input field buttons */
#canvas input[type=submit],
#canvas .gform_wrapper input[type=submit] {
	border: none;
	border-radius: 0;
}

.button > a:hover,
a.button:hover,
p.button a:hover,
button:hover {
	text-decoration: none;
}

input.button {
	border: none;
}

input.button:hover {
	cursor: pointer;
}

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

textarea,
select,
input[type=text],
input[type=submit],
input[type=email],
input[type=password],
input[type=search],
#canvas .gform_wrapper textarea,
#canvas .gform_wrapper select,
#canvas .gform_wrapper input[type=text],
#canvas .gform_wrapper input[type=submit],
#canvas .gform_wrapper input[type=email],
#canvas .gform_wrapper input[type=password],
#canvas .gform_wrapper input[type=search] {
	padding: .5em .75em;
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-family: inherit;
	-webkit-appearance: none;
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
	border-style: solid;
    border-width: 1px;
    border-radius: 0;
}

input[type=submit],
#canvas .gform_wrapper input[type=submit] {
    border-radius: 8px;
}

#canvas .gform_wrapper .gfield_required {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#canvas .gform_wrapper label.gfield_label {
}


:-webkit-input-placeholder { color: #ABB0B2 ; } /* WebKit browsers */ 
:-moz-placeholder { color: #ABB0B2 ; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #ABB0B2 ; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #ABB0B2 ; } /* Internet Explorer 10+ */

/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after, .fullwidth:after, .setwidth:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, .menu, .gallery, #content, .fullwidth, .setwidth
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, .menu, .gallery, #content, .fullwidth, .setwidth
{ display: block; zoom: 1; }


/**************************************************
COLORS
**************************************************/

/* transparent */

.transparent-bg,
.row-hero .text_image_row_text,
.row-hero .text_image_row_image {
	background-color: transparent;
}

/* black */ 

.black,
html,
.hero-text {
	color: #000000; 
} 

.black-bg,
.hero-text p.button a,
.hero-text p.button a:hover {
	background-color: #000000;
}

.black-bg.opacity90 { background-color: rgba(0,0,0,.9); }
.black-bg.opacity80 { background-color: rgba(0,0,0,.8); }
.black-bg.opacity70 { background-color: rgba(0,0,0,.7); }
.black-bg.opacity60 { background-color: rgba(0,0,0,.6); }
.black-bg.opacity50 { background-color: rgba(0,0,0,.5); }
.black-bg.opacity40 { background-color: rgba(0,0,0,.4); }
.black-bg.opacity30 { background-color: rgba(0,0,0,.3); }
.black-bg.opacity20 { background-color: rgba(0,0,0,.2); }
.black-bg.opacity10 { background-color: rgba(0,0,0,.1); }
.black-bg.opacity09 { background-color: rgba(0,0,0,.09); }
.black-bg.opacity08 { background-color: rgba(0,0,0,.08); }
.black-bg.opacity07 { background-color: rgba(0,0,0,.07); }
.black-bg.opacity06 { background-color: rgba(0,0,0,.06); }
.black-bg.opacity05 { background-color: rgba(0,0,0,.05); }
.black-bg.opacity04 { background-color: rgba(0,0,0,.04); }
.black-bg.opacity03 { background-color: rgba(0,0,0,.03); }
.black-bg.opacity02 { background-color: rgba(0,0,0,.02); }
.black-bg.opacity01 { background-color: rgba(0,0,0,.01); }

.black-border {
	border-color: #000000;
}

.black-fill {
	fill: #000000;
}

/* darkgrey */

.darkgrey,
.flexible-row.darkgrey-bg p,
.headerWrapper ul.icon-list li a:hover ,
#main-nav-visible > li.menu-item-has-children:after,
#main-nav-visible > li.current_page_item a,
.flexible-row.lightgrey-bg {
		color: #676767; 
}

.darkgrey-bg,
footer input.button:hover,
#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 {
	background-color: #676767;
}

.darkgrey-border {
	border-color: #676767;
}

.darkgrey-fill {
	fill: #676767;
}

/* grey */

.grey,
#strongbody #shiftnav-main {
	color: #9F9F9F; 
} 

.grey-bg,
#menu-icon:hover span,
#menu-icon:hover span:before,
#menu-icon:hover span:after {
	background-color: #9F9F9F;
}

.grey-border,
input,
textarea,
select,
input[type=text],
input[type=email],
input[type=password],
input[type=search] {
	border-color: #9F9F9F;
}

.grey-fill {
	fill: #9F9F9F;
}

/* lightgrey */

.lightgrey,
.row-footer,
.flexible-row.darkgrey-bg p,
.row-footer a {
	color: #F0EEEC; 
} 

.lightgrey-bg {
	background-color: #F0EEEC;
}

.lightgrey-border,
.row-instagram a:hover {
	border-color: #F0EEEC;
}

.lightgrey-fill {
	fill: #F0EEEC;
}

/* xlightgrey */

.xlightgrey {
	color: #F8F7F7; 
} 

.xlightgrey-bg,
/* menu dropdowns */
#main-nav-visible ul:hover,
#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
/* / menu dropdowns */ {
	background-color: #F8F7F7;
}

.xlightgrey-border {
	border-color: #F8F7F7;
}

.xlightgrey-fill {
	fill: #F8F7F7;
}

/* white */

.white,
.slick-prev:before,
.slick-next:before,
.carousel_slideshow p a:hover,
.mega-block-title a,
#strongbody #shiftnav-main a:hover,
.carousel-link a, .carousel-link a:hover,
footer,
footer .menu li a,
.button > a,
a.button,
p.button a,
button,
#mc_embed_signup input.button,
#mc_embed_signup input.button:hover,
.button > a:hover,
a.button:hover,
p.button a:hover,
button:hover,
input.button:hover,
.carousel_slideshow p a,
.slide-gallery-text p,
.row-footer ul.icon-list li a,
.sidebar ul.children li a {
	color: #ffffff; 
} 

.white-bg,
html,
.contentWrapper,
.hero-title-container,
.row_loop_row_image span a,
#canvas .col-hero p.button a {
	background-color: #ffffff;
}

.white-border {
	border-color: #ffffff;
}

.white-fill,
.menu-active .logo-svg-dot {
	fill: #ffffff;
}