/*
Theme Name: nova-concept
Theme URI: theCreativeCollective.com.au
Author: tcc
Author URI: theCreativeCollective.com.au/meet-the-team/
Description: An efficient theme loosely based on _s
Tags: grid-layout
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nova
Version: 3.28.4
*/

/* ==================================== */
/* ANCHOR dev code */ */
/* ==================================== */
	html:after{
		/* ensure everyone sees the uncached version --*/
		position: fixed;
		bottom: 20px;
		left: 0;
		content: 'Version 01';
		background: orange;
		padding: 5px;
		font-family: monospace;
		color: white;
		z-index: 99999999;
	}
	h2:after{
		/* content: ' <-H2/21px'; */
		font-size: 10px;
		color: gray;
		font-family: monospace;
	}
	h3:after{
		/* content: ' <-H3/19px'; */
		font-size: 10px;
		color: gray;
		font-family: monospace;
	}


/* ==================================== */
/* ANCHOR Resets & Overrides*/
/* ==================================== */
	html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}h1{font-size:2em;margin-bottom:0.67em;margin-top:0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1pxdottedButtonText;}fieldset{padding:0.35em0.75em0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}embed, iframe, object { max-width: 100%; }.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		#main .wp-block-spacer{
			max-height: 30px;
		}
	}

	html:after{
		content:'';
		position: fixed;
		left: -50px;
		top: 35%;
		z-index: -1;
		pointer-events: none;
		width: 100px;
		height: 100px;
		background-color: silver;
		transform: rotate(45deg);
	}
	html:before{
		content:'';
		position: fixed;
		right: -25px;
		top: 65%;
		z-index: -1;
		pointer-events: none;
		width: 50px;
		height: 50px;
		background-color: silver;
		transform: rotate(45deg);
	}


/* ==================================== */
/* ANCHOR HTML Defaults */
/* ==================================== */
	html {
		scroll-behavior: smooth;
	}
	body{
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		/* position: relative; */
		/* z-index: 1; */
	}
	hr {
		background-color: #ccc;
		border: 0;
		height: 1px;
		margin-bottom: 1.5em;
	}
	ul, ol {
		margin: 0;
		padding-left: 15px;
	}
	ul {
		list-style: disc;
	}
	ol {
		list-style: decimal;
	}
	li > ul,
	li > ol {
		margin-bottom: 0;
	}
	img {
		height: auto;
		max-width: 100%;
	}
	figure {
		/* margin: 1em 0; */
		/* Extra wide images within figure tags don't overflow the content area. */
	}
	figure.wp-block-image{
		font-size: 0;
		margin-bottom: 0;
	}
	table {
		margin: 0 0 1.5em;
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 0.85em;
	}
	td, th{
		padding: 10px;
		border-bottom: solid 1px var(--gray30);
	}
	th{
		background-color: var(--brand1);
		color: white;
		text-align: left;
		font-weight: normal;
	}
	strike,s{
		background-color: yellow;
		color: #333;
	}

/* ==================================== */
/* ANCHOR Utility Classes */
/* ==================================== */
/* MINIMAL FLEXBOX */
	.flexi-parent * {
		box-sizing: border-box;
	}
	.flexi-parent {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -15px;
	}
	.flexi-columns {
		flex-direction: column;
		flex-wrap: wrap;
	}
	.flexi-center {
		justify-content: center; /*main-axis centered*/
	}
	.flexi-middle {
		align-items: center; /*secondary-axis centered*/
	}
	.flexi-spaced {
		justify-content: space-between;
	}
	.flexi-spaced-cross-axis {
		align-content: space-between;
	}
	.flexi-child {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 30px;
		width: 100%;
	}
	.flexi-parent.one-per-row .flexi-child {
		max-width: 100%;
	}
	.flexi-parent.two-per-row .flexi-child {
		max-width: 50%;
	}
	.flexi-parent.three-per-row .flexi-child {
		max-width: 33.33%;
	}
	.flexi-parent.four-per-row .flexi-child {
		max-width: 25%;
	}
	.flexi-parent.five-per-row .flexi-child {
		max-width: 20%;
	}
	.flexi-parent.six-per-row .flexi-child {
		max-width: 16.66%;
	}
	.flexi-child .inner {
		height: 200px;
	}

/*  Small screens */
	@media only screen and (max-width: 768px) {
		.flexi-parent.one-per-row .flexi-child,
		.flexi-parent.two-per-row .flexi-child,
		.flexi-parent.three-per-row .flexi-child,
		.flexi-parent.four-per-row .flexi-child,
		.flexi-parent.five-per-row .flexi-child,
		.flexi-parent.six-per-row .flexi-child,
		.flexi-child {
			max-width: 50%;
		}
		.flexi-parent{
			margin: 0;
		}
	}

/* ALIGNMENTS */
	.alignleft {
		display: inline;
		float: left;
		margin-right: 1.5em;
	}
	.alignright {
		display: inline;
		float: right;
		margin-left: 1.5em;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.alignfull {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	.alignwide {
		width: calc(100% + 20vw);
		position: relative;
		left: -10vw;
	}
	.textcenter{
		text-align: center;
	}
	.textleft{
		text-align: left;
	}
	.textright{
		text-align: right;
	}

/* CLEARFIX */
	.clearfix:before,.clearfix:after {content: " ";display: table;}
	.clearfix:after {clear: both;}

/* VIDEO */
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0;
		overflow: hidden;
	}
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Layout Spacers */
	.small-bottom{ padding-bottom: 30px; }
	.small-top{ padding-top:30px; }
	.med-bottom{ padding-bottom: 80px; }
	.med-top{ padding-top:80px; }
	.big-bottom{ padding-bottom: 120px; }
	.big-top{ padding-top: 120px; }
	.mb0{ margin-bottom: 0 !important; }
	.mt0{ margin-top: 0 !important; }




/* ==================================== */
/* ANCHOR Colours */
/* ==================================== */
	:root {
		--brand1: #004A7C;  /* colour1 */
		--brand2: #0076BE;  /* colour2 */
		--brand3: #0075EB; /* color 3 */
		--dark: #333333;
		--mid: #BBBBBB;
		--light: #EEEEEE;

		--gray5:  #f0f4f5;
		--gray10: #e8e8e8;
		--gray20: #cac5c6;
		--gray30: #afaaab;
		--gray40: #948f91;
		--gray50: #7a7677;
		--gray60: #5e5e5e;
		--gray70: #474747;
		--gray80: #303030;
		--gray90: #1b1b1b;

	}
	.bg-brand1 {background-color: var(--brand1);}
	.bg-brand2 {background-color: var(--brand2);}
	.bg-dark {background-color: var(--dark);}
	.bg-mid {background-color: var(--mid);}
	.bg-light {background-color: var(--light);}

	.txt-brand1 {color: var(--brand1);}
	.txt-brand2 {color: var(--brand2);}
	.txt-dark {color: var(--dark);}
	.txt-mid {color: var(--mid);}
	.txt-light {color: var(--light);}

/* ==================================== */
/* ANCHOR FONTS */
/* ==================================== */
/* SEE https://google-webfonts-helper.herokuapp.com/fonts */
	/* raleway-regular - latin */
	@font-face {
		font-family: 'Raleway';
		font-style: normal;
		font-weight: 400;
		src: url('fonts/raleway-v22-latin-regular.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/raleway-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('fonts/raleway-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
	}

	/* raleway-600 - latin */
	@font-face {
		font-family: 'Raleway';
		font-style: normal;
		font-weight: 600;
		src: url('fonts/raleway-v22-latin-600.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('fonts/raleway-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/raleway-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/raleway-v22-latin-600.woff') format('woff'), /* Modern Browsers */
			url('fonts/raleway-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
			url('fonts/raleway-v22-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
	}

	/* raleway-800 - latin */
	@font-face {
		font-family: 'Raleway';
		font-style: normal;
		font-weight: 800;
		src: url('fonts/raleway-v22-latin-800.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('fonts/raleway-v22-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/raleway-v22-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/raleway-v22-latin-800.woff') format('woff'), /* Modern Browsers */
			url('fonts/raleway-v22-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
			url('fonts/raleway-v22-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
	}





/* ANCHOR Fonts & Typography */
	html, body {
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	body{
		font-family: 'Raleway', sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.5;
	}
	h1,h2,h3,h4,h5,h6{
		margin-top: 0;
		margin-bottom: 20px;
		line-height: 1.2;
		font-weight: 600;
	}
	#primary h2,
	#primary h3{
		margin-top: 30px;
	}
	h1{
		font-size: 50px;
		text-transform: uppercase;
	}
	h2{
		font-size: 45px;
	}
	h3{
		font-size: 30px;
		color: var(--brand1);
	}
	h4{
		font-size: 22px;
		font-weight: 600;

	}
	h5{
		font-size: 18px;
	}
	h6{
		font-size: 18px;
		text-transform: uppercase;
		font-weight: normal;
	}


/* small screens */
	@media only screen and (max-width: 768px){
		body{
			font-size:16px
		}
		h1,
		h1.entry-title{
			font-size: 28px;
		}
		h2{
			font-size: 24px;
		}
		h3{
			font-size: 20px;
		}
		h4{
			font-size: 18px;
		}
		h5{
			font-size: 16px;
		}
		h6{
			font-size: 16px;
		}
	}


	big {
		font-size: 125%;
	}
	small{
		font-size: 80%;
	}
	a {
		color: var(--brand1);
		text-decoration: none;
	}
	a:hover{
		color:var(--brand2);
	}
	.wp-caption{}
	.wp-caption-text{}
	.gallery-caption{}
	.bypostauthor{}

/* ==================================== */
/* ANCHOR Icons */
/* ==================================== */
	.nova-icons a{
		display: inline-block;
		margin-right: 22px;
		text-align: center;
		color: #555;
		vertical-align: middle;
	}
	.nova-icons.contacts a{
		margin-right: 45px;
	}
	.nova-icons a i{
		font-size: 20px;
		vertical-align: middle;
	}
	.wp-block-button__link .fas,
	.button.with-icon .fas,
	button.icon .fas{
		font-size: 20px;
		display: inline-block;
		margin-right: 15px;
	}



/* ==================================== */
/* ANCHOR Form Defaults */
/* ==================================== */
/* see css/forms.css */
/* search form */
	form.search-form{
		position: relative;
	}
	form.search-form input.search-submit{
		line-height: 1;
		font-size: 12px;
	}


	/* toggle search form v3 */
	.search-toggle{
		text-align: right;
		cursor: pointer;
		margin-left: 10px;
	}
	#searchform-header{
		padding:30px;
		background-color: black;
	}
	#searchform-header .searchinput{
		height: 100%;
		text-align: center;
		font-size: 24px;
		background-color: transparent;
		border: none;
	}
	span.unsearch {
		width: 60px;
		color: white;
		font-size: 36px;
		cursor: pointer;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	span.unsearch:hover{
		transform: scale(1.2);
	}

/* ==================================== */
/* ANCHOR Buttons */
/* ==================================== */
    .button,
    .gform_button,
    .wp-block-button__link, /* gutenberg button*/
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        font-size: 14px;
        font-weight: 600;
        background-color: var(--brand1);
        border: 1px solid var(--brand1);
        display: inline-block;
        line-height: 1;
        padding: 16px 30px;
        color: #fff;
        margin-bottom: 5px;
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.1s ease;
    }
    .button-small {
        font-size: 75%;
        padding: 6px 10px;
    }
    .button:hover,
    .wp-block-button__link:hover, /* gutenberg button*/
    .gform_button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
        background-color: var(--brand2);
		border: 1px solid var(--brand2);
		color: white;
    }
    .button:active,
    .wp-block-button__link:active, /* gutenberg button*/
    .gform_button:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active {
        transform: translatey(2px);
    }
    .button.secondary-button, input[type="reset"] {
        color: black;
        background: lightgrey;
    }
    .button.wire-button-reverse{
        background-color: transparent;
        border-color: white;
        color: white;
    }
	.wp-block-buttons .eplus-icon{
		margin-left: 15px;
		vertical-align: top;
	}
	.button-reverse-wrap a.wp-block-button__link{
		background-color: white;
		color: var(--brand1);
		border: solid white 1px;
		margin-bottom: 0;
	}
	.button-reverse-wrap a.wp-block-button__link:hover{
		background-color: var(--brand1);
		color: white;
		border: solid white 1px;
	}

	/* Admin Button */
	a.admin-button,
	a.post-edit-link{
		text-transform: uppercase;
		font: bold 9px arial, helvetica, sans-serif;
		color: #fff;
		padding: 4px 12px;
		border: 1px solid #bbb;
		background-color: #269CE9;
		background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		border-color: #269CE9;
		background-clip: padding-box;
		border-radius: 3px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
		text-shadow: 0 1px 0 rgba(0,0,0,.2);
		text-decoration: none;
		display: block;
		width: fit-content;
		margin: 5px 5px 5px 0;
	}


/* ==================================== */
/* ANCHOR ZONE: Sticky Header.v2 */
/* ==================================== */
	@keyframes fixedMenuSlide {
		0%		{transform: translateY(-100px);}
		100%	{transform: translateY(0px)}
	}
	#fixed-header{
		display: none;
	}
	body.scrolled #fixed-header{
		display: block;
		position: fixed;
		width: 100vw;
		top: 0;
		z-index: 9999;
		background-color: white;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);

		animation-name: fixedMenuSlide;
		animation-duration: 1s;
		animation-timing-function: ease;
		animation-iteration-count: 1;
	}
	body.scrolled #fixed-header .site-logo-small{
		width: 100px;
		padding: 10px;
	}
	body.scrolled.admin-bar #fixed-header{
		top: 30px;
	}
/* small screens */
	@media only screen and (max-width: 768px){
		body.scrolled #fixed-header{
			display: none !important;
		}
	}


/* ==================================== */
/* ANCHOR ZONE: Header Area */
/* ==================================== */
	header#site-header{
		position: relative;
		z-index: 999;
	}
	#above-page-wrap{
		padding: 8px 0;
		background-color: var(--gray20);
	}
	#header-content-wrap .wrap-inner{
		display: flex;
		align-items: center;
	}
	#header-content-wrap .site-logo{
		font-size: 0;
		width: 150px;
		display: inline-block;
		padding: 12px;
	}
	.header-menu-container{
		margin-left: auto;
	}
	.page-banner{
		background-size: cover;
		background-position: top;
		height: 450px;
		display: flex;
		align-items: center;
		background-color: var(--gray5);
		position: relative;
	}

	.page-banner:after{
		position: absolute;
		content: '';
		top:0;
		left:0;
		right:0;
		bottom:0;
		background: linear-gradient(0deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%);
		z-index: 2;
	}
	.page-banner .container.narrowwidth{
		max-width: 800px;
		position: relative;
		z-index: 10;
	}
	.page-banner .entry-header{
		color: white;
		text-align: center;
		position: relative;
		z-index: 3;
	}
	.page-banner .subheading{
		font-size: 24px;
		font-weight: 600;
		position: relative;
		z-index: 3;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.page-banner{
			height: 300px;
		}
	}



/* ==================================== */
/* ANCHOR ZONE: Navigation */
/* ==================================== */
/* -> HORIZONTAL MENU */
	ul.horizontal-menu{
		display: flex;
		margin: 0;
		padding-left: 0;
	}
	ul.horizontal-menu > li{
		list-style: none;
		margin-right: 15px;
	}
	ul.horizontal-menu a{
		display: inline-block;
	}

/* -> DROPDOWN SUBMENUS */
	.dropdown-menu li.menu-item-has-children{
		position: relative;
	}
	.dropdown-menu ul.sub-menu{
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 999;
		text-align: left;
		padding:0;
	}
	.dropdown-menu > li.menu-item-has-children:hover > ul.sub-menu{
		left: auto;
	}
	.dropdown-menu ul.sub-menu a {
		width: 250px;
		padding: 12px;
	}

/* -> HEADER MENU */
	.header-menu {
		display: flex;
		margin: 0;
		padding-left: 0;
		align-items: center;
	}
	.header-menu li{
		list-style: none;
	}
	.header-menu a{
		font-weight: 600;
		display: inline-block;
	}
	.header-menu .menu-button a{
		color: white;
		padding: 20px 45px;
		background-color: var(--brand1);
		margin-left: 30px;
	}
	.header-menu .menu-button a:hover{
		color: white;
		background-color: var(--brand2);
	}

/* LEVEL 1 */
	.header-menu > li{
		position: relative;
	}
	.header-menu > li > a{
		padding: 12px;
		color: var(--gray80);
	}
	.header-menu > li:hover > a{
		color:var(--brand2);
	}
	.header-menu > li .dashicons{
		padding-left: 8px;
		font-size: 16px;
		vertical-align: bottom;
	}
	.header-menu .showmore{
		display: none;
	}

/* LEVEL 2 */
	.header-menu ul.sub-menu{
		background-color: var(--brand1);
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 999;
		text-align: left;
		padding:0;
	}
	.header-menu > li.menu-item-has-children:hover > ul.sub-menu{
		left: auto;
	}
	.header-menu ul.sub-menu a {
		width: 250px;
		padding: 12px;
		background-color: var(--brand1);
		color: white;
	}
	.header-menu ul.sub-menu a:hover{
		background-color: rgba(0, 0, 0, 0.2);
	}

/* /* ==================================== */
/* ANCHOR ZONE: Mobile/Offscreen Menu.v7 */
/* ==================================== */
/* SWITCH MAIN MENU & HAMBURGER */
    @media only screen and (min-width: 992px){
		.mobilemenu-button {display: none;}
	}
	@media only screen and (max-width: 991px){
		ul.header-menu {display:none;}
		.mobilemenu-button {display: block;}
	}

/* STOP THE PAGE SCROLLING */
	body.offscreen-menu-active{
		overflow-y: hidden;
	}

/* HAMBURGER */
	.mobilemenu-button {
		width: 45px;
		height: 45px;
		cursor: pointer;
		transition: all 0.4s ease;
		position: relative;
		z-index: 101;
		padding: 14px 7px;
		margin-left: auto;
		margin-right: 30px;
	}
	.mobilemenu-button .bar{
		position: relative;
		height: 3px;
		background-color: #000;
		transition: all 0.4s ease;
		opacity: 1;
		top: 0;
	}
	.mobilemenu-button .bar:not(:last-child){
		margin-bottom: 4px;
	}
	.mobilemenu-button.active{
		background-color: white;
		border-radius: 50%;
	}
	.mobilemenu-button.active .bar2{
		opacity: 0;
		transform: rotate(20deg);
	}
	.mobilemenu-button.active .bar1{
		transform: rotate(45deg);
		top: 7px;
	}
	.mobilemenu-button.active .bar3{
		transform: rotate(-45deg);
		top: -7px;
	}

/* MENU */
	.offscreen-menu-container{
		position: fixed;
		top: 0;
		bottom: 0;
		right: -50%;
		width: 50%;
		padding-top: 180px;
		padding-left: 65px;
		background-color: #000;
		z-index: 10;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		overflow-y: scroll;
	}
	body.offscreen-menu-active .offscreen-menu-container{
		right: 0;
		width: 100%;
	}
	.offscreen-menu ul{
		padding-left: 0;
	}
	.offscreen-menu li{
		list-style-type: none;
		font-size: 20px;
		transition: all 0.4s ease;
		transition-delay: 0.4s;
	}
	.offscreen-menu > li{
		line-height: 1.8;
		position: relative;
	}
	.offscreen-menu li.menu-item a{
		color: white;
		padding:0;
	}
	.offscreen-menu li.menu-item a:hover{
		color: #5A5A5A;
	}
	.offscreen-menu .showmore {
		position: absolute;
		left: -35px;
		transition: all 0.3s ease;
	}
	.offscreen-menu .showmore:before{
		content: "\f132";
		font-family: 'dashicons';
	}
	.offscreen-menu .showmore.open:before{
		content: "\f460";
		font-family: 'dashicons';
	}
	.offscreen-menu ul.sub-menu{
		padding-bottom: 20px;
		display: none;
	}
	.offscreen-menu ul.sub-menu a{
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 600;
		color: var(--gray50);
	}



/* ==================================== */
/* ANCHOR ZONE: Main Content Area */
/* ==================================== */
	@media only screen and (max-width: 1024px){
		#primary{
			width: 100%;
		}
	}
	.container{
		transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
	}

/* ==================================== */
/* ANCHOR ZONE: Sidebar */
/* ==================================== */
	aside#secondary h2{
		font-size: 20px;
	}
	aside#secondary .wp-block-latest-posts__list li{
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: solid 1px var(--gray10);
	}

/* ==================================== */
/* ANCHOR ZONE: Footer */
/* ==================================== */
	#site-footer-wrap{
		font-size: 14px;
		padding: 80px 0;
		color: white;
	}
	#site-footer-wrap .footer-column{
		margin-bottom: 60px;
	}
	#site-footer-wrap a{
		color: rgba(255, 255, 255, .6);
		font-weight: 600;
	}
	#site-footer-wrap a:hover{
		text-decoration: underline;
	}
	#site-footer-wrap .icon{
		margin-right: 10px;
	}
	#site-footer-wrap h2{
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 8px;
		margin-top: 0;
	}
	#site-footer-wrap ul{
		list-style: none;
		padding-left: 0;
	}
	#site-footer-wrap ul ul{
		padding-left: 15px;
	}
	#site-footer-wrap #site-info{
		padding: 15px;
		margin-top: 30px;
		border-top: 1px solid var(--gray20);
	}
	#site-footer-wrap .socials a.icon{
		font-size: 30px;
	}

	a#back-to-top{
		display: block;
		position: fixed;
		bottom: 18px;
		right: 18px;
		background-color: black;
		outline: 1px solid white;
		color: white;
		padding:6px 12px;
	}

/* ==================================== */
/* ANCHOR PAGES */
/* ==================================== */
	body.home header.entry-header{
		display: none;
	}
	.sector-icons figure.wp-block-image{
		font-size: 15px;
		text-align: center;
	}
	.sector-icons figcaption{
		margin-bottom: 0;
	}
	.sector-icons .ghostkit-col-content{
		background-color: var(--gray5);
		border: solid 1px var(--gray20);
		padding: 10px 15px;
		transition: all 0.4s ease;
	}
	.sector-icons .ghostkit-col-content:hover{
		background-color: var(--brand1);
		color: white;
	}
	.page-intro{
		background-color: var(--light);
		padding: 100px 0;
	}
	.page-intro .has-medium-font-size{
		font-weight: bold;
		padding-bottom: 30px;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.page-intro{
			padding: 20px 0;
		}
		.page-intro .has-text-align-center.has-medium-font-size {
			text-align: left;
		}
	}

	.page-intro .inner{
		max-width: 900px;
		padding: 0 20px;
		margin: 0 auto;
	}
	.benefit-cards .ghostkit-col{
		background-color: var(--light);
		padding: 20px;
	}
	.filter-projects .wp-block-query li{
		background-color: var(--light);
	}
	.filter-projects .wp-block-query figure{
		margin: 0;
	}
	.filter-projects .wp-block-query .words{
		padding: 20px;
	}

	/* projects overview page */
	body.page-projects #page-content-wrap{
		background-color: var(--gray10);
	}

	/* our purpose */
	.our-purpose-cta .wp-block-group__inner-container{
		display: flex;
		justify-content: space-between;
	}
	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.our-purpose-cta .wp-block-group__inner-container{
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
		.our-purpose-cta .wp-block-group__inner-container h3{
			margin-bottom: 20px;
		}
	}

	/* maintenance */
		.checkboxes path{
			fill: var(--brand1);
		}
		.checkboxes .ghostkit-icon-box{
			border: none !important;
		}

	/* related projects section */
	.related-projects .inner{
		background-color: var(--gray10);
		height: 100%;
	}
	.related-projects .item{
		margin-bottom: 20px;
	}
	.related-projects .content{
		padding: 20px;
	}
	.related-projects a.background-img{
		display: block;
		height: 230px;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

/* ==================================== */
/* @GROUP PAGE: Projects */
/* ==================================== */
	/* projects overview page */
	body.page-projects h3.title{
		text-transform: capitalize;
	}

	/* single projects */
	body.single-project .page-banner{
		/* margin-bottom: 50px; */
	}
	body.single-project .page-banner .project-name{
		font-size: 20px;
	}
	body.single-project .entry-header{
		padding-top: 50px;
	}
	body.single-project .entry-title::after{
		border-bottom: 1px solid var(--brand1);
		content: '';
		display: block;
		width: 300px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	body.single-project .project-data .icon{
		display: inline-block;
		margin-right: 15px;
		color: var(--gray20);
	}

	body.single-project .project-data.tags ul,
	body.single-project .project-data.tags li{
		list-style-type: none;
		display: inline;
		margin: 0;
		padding: 0;
	}
	body.single-project .project-data.tags a{
		padding: 1px 10px;
		display: inline-block;
		color: var(--brand2);
		border: solid 1px var(--brand2);
		border-radius: 20px;
		margin-right: 2px;
		margin-bottom: 2px;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		pointer-events: none;
	}
	body.single-project .project-data.tags label{
		padding: 1px 10px;
		display: inline-block;
		color: white;
		border-radius: 20px;
		margin-right: 5px;
		margin-bottom: 2px;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		background-color: #000;
	}
	body.single-project .project-data.tags a:hover{
		background-color: var(--brand2);
		color: white;
	}
	body.single-project .related-posts{
		margin-bottom: 50px;
	}
	body.single-project .single-project-gallery{
		width: 80vw;
		margin-left: auto;
		margin-top: -100px;
		position: relative;
		z-index: 2;
	}
	body.single-project .single-project-gallery .project-gallery-slider{
		margin-bottom: 0;
	}
	body.single-project .single-project-gallery img{
		height: 400px;
		object-fit: cover;
		object-position: center;
	}
	/* --> mobile view */
	@media only screen and (max-width: 768px){
		body.single-project .single-project-gallery img{
			height: 320px;
		}
	}




/* ==================================== */
/* ANCHOR PAGE: Blogs & Archive Pages */
/* ==================================== */
	body.nova-archive .post-list .item{
		margin-bottom: 80px;
	}
	body.nova-archive .post-list .background-img{
		position: relative;
	}
	body.nova-archive .post-list .background-img .post-category{
		position: absolute;
		bottom: 50px;
		background: rgba(0, 71, 105, 75%);
		color: white;
		font-weight: bold;
		padding: 5px 20px;
	}
	body.nova-archive .posts-navigation .nav-links{
		display: flex;
		justify-content: space-between;
	}
	body.nova-archive .posts-navigation .nav-links a{
		border: solid 1px var(--brand1);
		padding: 8px 20px;
		border-radius: 5px;
	}
	body.nova-archive .posts-navigation .nav-links a:hover{
		border: solid 1px var(--brand2);
	}
	body.nova-archive .category-links{
		text-align: center;
		margin-bottom: 30px;
	}



/* ==================================== */
/* ANCHOR PAGE: Single Posts */
/* ==================================== */
	body.single-post #main{
		padding-right: 60px;
	}
	body.single-post .wp-post-image{
		margin-bottom: 30px;;
	}
	body.single-post #main p:first-of-type{
		font-size: 20px;
		margin-top: 0;
	}

/* ==================================== */
/* ANCHOR PAGE: Archives */
/* ==================================== */
	body.archive article.post{
		margin-bottom: 60px;
	}
	body.archive h2.entry-title{
		font-size: 26px;
		line-height: 1.2;
		margin-bottom: 0;
	}
	body.archive .entry-meta{
		font-size: 13px;
		margin-bottom: 20px;
	}



/* ==================================== */
/* ANCHOR MODULE: Call-to-Action */
/* ==================================== */
	.faux-cta{
		padding: 80px 0;
		background-image: url('/wp-content/uploads/2021/12/Concept_145-2.jpg');
		background-size: 50%;
		background-position: center right;
		background-repeat: no-repeat;
	}
	.faux-cta h3{
		margin-top:0 !important;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.faux-cta{
			background-image: none;
		}
	}

	.general-call-to-action{
		position: relative;
		overflow: hidden;
		width: 100vw;
		margin-left: calc(50% - 50vw);
		background-color: var(--light);
		padding: 80px 0;
	}
	.general-call-to-action .bg-img{
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
	}
	.general-call-to-action .bg-img img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.general-call-to-action .messaging{
		position: relative;
		background-color: rgba(255, 255, 255, .8);
		padding: 20px;
		margin: 0 20px;
		width: auto;
	}

	/* --> desktop view */
	@media only screen and (min-width: 1025px){
		.general-call-to-action{
			padding: 150px 0;
		}
		.general-call-to-action .bg-img{
			width: 50%;
		}
		.general-call-to-action .messaging{
			background-color: transparent;
			padding: 0;
			margin: 0 auto;
		}
		.general-call-to-action .messaging .inner{
			width: 50%;
			padding-right: 60px;
		}
	}


/* ==================================== */
/* ANCHOR MODULE: Carousels */
/* ==================================== */
	/* nova carousel */
	.nova-carousel .slick-track{
		display: flex;
	}
	.nova-carousel .slick-slide{
		display: flex;
		height: auto;
		align-items: center;
		justify-content: center;
		padding: 30px;
	}
	.nova-carousel img{
		max-height: 125px;
		font-size: 0;
	}

	/* ghostkit carousel */
	.ghostkit-carousel h2{
		font-weight: normal;
		font-size: 200px;
		margin-bottom: 0;
	}
	.ghostkit-carousel h3{
		font-weight: normal;
		font-size: 20px;
		border-top: solid 1px rgba(0, 0, 0, .2);
		margin-bottom: 0;
	}

	.ghostkit-carousel svg.ghostkit-svg-icon {
		width: 3em;
		height: 3em;
	}
	.ghostkit-carousel.alignfull.offset-left {
		margin-left: 0;
	}

	/* testimonials */
	.testimonials.ghostkit-carousel .ghostkit-icon-box {
		max-width: 800px;
		margin: 0 auto;
	}
	.testimonials.ghostkit-carousel .ghostkit-icon-box {
		border: none;
	}
	.testimonials.ghostkit-carousel svg.ghostkit-svg-icon {
		width: 1.5em;
		height: 1.5em;
	}
	.testimonials.ghostkit-carousel svg.ghostkit-svg-icon path{
		fill: var(--brand1);
	}

	/* --> media queries */
	@media only screen and (max-width: 768px){
		.ghostkit-carousel h2{
			font-size: 100px;
		}
	}
	@media only screen  and (min-width: 769px) and (max-width: 991px){
		.ghostkit-carousel h2{
			font-size: 150px;
		}
	}

	/* Solutions Gallery Slider */
		.ghostkit-carousel.module-solutions-gallery img{
			height: 400px;
			object-fit: cover;
		}
		.ghostkit-carousel.module-solutions-gallery .ghostkit-carousel-slide.contain figure{
			text-align: center;
		}
		.ghostkit-carousel.module-solutions-gallery .ghostkit-carousel-slide.contain img{
			width: 80%;
			object-fit: contain;
		}


/* ==================================== */
/* ANCHOR MODULE: novaSlider Global */
/* ==================================== */
	.nova-slider .slick-dots {
		position: absolute;
		bottom: 10px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.nova-slider .slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.nova-slider .slick-dots li button {
		font-size: 0;
		display: block;
		width: 12px;
		height: 12px;
		padding: 5px;
		cursor: pointer;
		border: 0;
		background: white;
		opacity: 0.3;
		border-radius: 50%;
	}
	.nova-slider .slick-dots li button:hover {
		opacity: 1
	}
	.nova-slider .slick-dots li button::before {
		display: none;
	}
	.nova-slider .slick-dots li.slick-active button::before {
		display: none;
	}

/* ==================================== */
/* ANCHOR MODULE: novaSlider: homepage */
/* ==================================== */
.home-banner .nova-slider { display: none; }
	.home-banner .nova-slider.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.home-banner .nova-slider .slick-slide{
		height: 640px;
		display: flex !important;
		background-size: cover;
		background-position: center center;
		position: relative;
		z-index: 0;
	}
	.home-banner .nova-slider .slick-slide:before{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 71, 105, 0.3);
		z-index: 1;
	}
	.home-banner .nova-slider .slick-slide .inner{
		position: absolute;
		z-index: 2;
		max-width: 500px;
		padding: 40px;
		background-color: rgba(0,0,0,0.55);
		text-align: left;
	}
	@media only screen and (max-width: 768px){
		.home-banner .nova-slider .slide-content{			
			width: 800px;
			height: 100%;
			text-align: center;
			overflow: hidden;
		}
		
		.home-banner .nova-slider .slick-slide .inner{
			position: relative;
			z-index: 2;
			margin: 0 auto;
			padding: 20px;
		}
	}
	
	.home-banner .nova-slider .slide-content{
		display: flex;
		align-items: center;
		max-width: 80%;
		width: 100%;
		margin: 0 auto;
		height: 100%;
		text-align: center;
		overflow: hidden;
	}
	
	.home-banner .nova-slider .slide-title{
		font-size: 40px;	
		font-weight: 700;
		margin-bottom: 20px;
		color: #fff;
		line-height: 1.2;
	}
	.home-banner .nova-slider .slide-text{
		font-size: 20px;
		margin-bottom: 20px;
		color: white;
	}
	.home-banner .nova-slider.cs-arrowstyle .slick-next {
		top: 30px;
	}
	.home-banner .nova-slider.cs-arrowstyle .slick-prev {
		top: 30px;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.home-banner .nova-slider .slick-slide{
			height: 60vh;
		}
		.home-banner .nova-slider .slide-title{
			font-size: 20px;
		}
		.home-banner .nova-slider .slide-text{
			font-size: 16px;
		}
	}

/* ==================================== */
/* ANCHOR MODULE: novaSlider: numbers */
/* ==================================== */
	.numbers-slider .slide-title {
		font-weight: normal;
		font-size: 154px;
		margin-bottom: 0;
		text-align: center;
		color: var(--brand1);
	}

	.numbers-slider .slide-text {
		font-weight: bold;
		font-size: 20px;
		border-top: solid 1px rgba(0, 0, 0, .2);
		margin-bottom: 0;
		text-align: right;
	}
	.numbers-slider.cs-arrowstyle .slick-prev {
		bottom: -50px;
		right: 70px;
		top: unset;
	}
	.numbers-slider.cs-arrowstyle .slick-next {
		right: 20px;
		top: unset;
		bottom: -50px;
	}

	/* --> mobile view */
	@media only screen and (max-width: 992px){
		.numbers-slider .slide-title {
			font-size: 60px;
		}
		.numbers-slider .slide-text {
			font-size: 16px;
		}
	}
	@media only screen and (max-width: 768px){
		.numbers-slider .slide-title {
			font-size: 50px;
		}
		.numbers-slider .slide-text {
			font-size: 16px;
		}
	}


/* ==================================== */
/* ANCHOR MODULE: Projects Slider */
/* ==================================== */
	/* gallery image slider */
	.project-gallery-slider {
		margin-bottom: 50px;
	}

	/* listing slider */
	.projects-slider .card.slick-slide{
		padding: 0 15px;
	}
	.projects-slider .card.slick-slide .inner{
		background-color: var(--gray5);
	}
	.projects-slider .card.slick-slide .background-img{
		background-color: var(--gray10);
		height: 250px;
		background-size: cover;
		background-position: center;
		display: block;
	}
	.projects-slider .card.slick-slide .content{
		padding: 20px;
	}

	/* Concept Arrow Style */
	.cs-arrowstyle .slick-prev::before,
	.cs-arrowstyle .slick-next::before {
		opacity: 1;
		font-family: inherit;
		background-color: var(--brand1);
		padding: 3px 10px;
		color: white;
	}
	.cs-arrowstyle .slick-prev {
		left: unset;
		top: -45px;
		right: 80px;
	}
	.cs-arrowstyle .slick-next {
		right: 35px;
		top: -45px;
	}
	.solutions-slider .cs-arrowstyle .slick-prev {
		top: unset;
		bottom: 10px;
	}
	.solutions-slider .cs-arrowstyle .slick-next {
		top: unset;
		bottom: 10px;
	}


/* ==================================== */
/* ANCHOR MODULE: novaSlider: solutions */
/* ==================================== */
	.solutions-wrapper{
		position: relative;
	}

	/* .solutions-wrapper .solutions-headline{
		position: absolute;
		top: 50px;
		width: 100%;
		text-align: center;
		color: white;
	} */
	.solutions-slider .nova-slider .slick-slide{
		height: 600px;
		display: flex !important;
		align-content: center;
		background-size: cover;
		background-position: center center;
		position: relative;
		z-index: 0;
		color: white;
	}
	.solutions-slider .nova-slider .slick-slide::before{
		position: absolute;
		content: '';
		background-color: rgba(0, 0, 0, .5);
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index: 1;
	}
	.solutions-slider .nova-slider .slide-content{
		flex-direction: column;
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 80%;
		width: 1140px;
		margin: 0 auto;
		height: 100%;
		overflow: hidden;
		position: relative;
		z-index: 2;
	}
	.solutions-slider .nova-slider .slide-title{
		font-size: 50px;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	.solutions-slider .nova-slider .slide-content .slide-title:before{
		content: 'Solutions';
		display: block;
		text-align: center;
		color: white;
		font-size: 45px;
		width: 100%;
		margin-bottom: 30px;
		font-weight: 600;
	}
	/* .solutions-slider .nova-slider .slide-content .inner{
		width: 800px;
	} */

	.solutions-slider .nova-slider .slide-text{
		font-size: 20px;
		margin-bottom: 20px;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.solutions-wrapper .solutions-headline{
			top: 20px;
		}
		.solutions-slider .nova-slider .slick-slide{
			height: auto;
			padding: 100px 0 50px;
		}
		.solutions-slider .nova-slider .slide-title{
			font-size: 20px;
		}
		.solutions-slider .nova-slider .slide-text{
			font-size: 15px;
		}
	}
	.solutions-slider .nova-slider .button{
		background-color: white;
		color: var(--brand1);
	}
	.solutions-slider .nova-slider .button:hover{
		background-color: var(--brand2);
		color: white;
	}



/* ==================================== */
/* ANCHOR MODULE: nova Accordion */
/* ==================================== */
	.wp-block-lazyblock-accordion h3{
		font-size: 20px;
		cursor: pointer;
		position: relative;
		background-color: var(--gray10);
		padding:20px 12px;
		margin-bottom: 0;
		border-bottom: 1px solid var(--gray20);
		border-top: 1px solid white;
	}
	.wp-block-lazyblock-accordion h3 i.fas{
		position: absolute;
		right: 12px;
	}
	.wp-block-lazyblock-accordion .ui-accordion-content{
		background-color: var(--gray5);
		color: var(--gray70);
		margin-bottom: 0;
		padding:12px;
	}

/* ==================================== */
/* @GROUP MODULE: nova Image Cards */
/* ==================================== */
	.nova-cards-grid{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap: 50px;
	}
	.nova-cards-grid .item{
		background-color: var(--brand1);
		color: white;
		text-align: center;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
		border-radius: 8px;
		overflow: hidden;
	}
	.nova-cards-grid .item img{
		display: block;
	}
	.nova-cards-grid .item h5{
		margin-bottom: 0;
		padding: 30px 10px;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.nova-cards-grid{
			grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
			grid-gap: 20px;
		}
		.nova-cards-grid .item h5{
			padding: 10px;
			font-size: 15px;
		}
	}


/* ==================================== */
/* ANCHOR MODULE: nova Gallery */
/* ==================================== */
	/* grey & colour on hover */
	.filter-grey .nova-gallery img{
		filter: grayscale(100%);
		transition: all 0.2s ease;
	}
	.filter-grey .nova-gallery img:hover{
		filter: none;
	}

	/* client gallery */
	.client-gallery .nova-gallery {
		display: flex;
		flex-wrap: wrap;
		align-items: center; /*secondary-axis centered*/
	}
	.client-gallery .nova-gallery .item{
		width:25%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	.client-gallery .nova-gallery .item img{
		max-height: 75px;
		max-width: 180px;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.client-gallery .nova-gallery .item{
			width:50%;
		}
	}


	/* affiliates gallery */
	.gallery-affiliates .nova-gallery{
		display: flex;
		align-items: center; /*secondary-axis centered*/
		justify-content: center;
	}
	.gallery-affiliates .nova-gallery .item{
		border-right: 1px solid var(--gray30);
		padding: 0 30px;
		height: 100px;
		display: flex;
		align-items: center; /*secondary-axis centered*/
		justify-content: center;
	}
	.gallery-affiliates .nova-gallery .item:last-child{
		border-right: none;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.gallery-affiliates .nova-gallery{
			flex-wrap: wrap;
		}
		.gallery-affiliates .nova-gallery .item{
			border-right: none;
			width: 100%;
			margin-bottom: 20px;
		}
		.gallery-affiliates .nova-gallery .item img{
			max-width: 200px;
		}
	}



/* ==================================== */
/* ANCHOR MODULE: Media/Text */
/* ==================================== */
	.module-half-half .wp-block-columns{
		margin-bottom: 0;
	}
	.module-half-half .wp-block-column{
		min-height: 600px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
			padding: 0 12% 0 0;
	}
	.embellish-left,
	.embellish-right{
		position: relative;
	}
	.embellish-left::before {
		content: '';
		position: absolute;
		z-index: -1;
		top: -25px;
		bottom: 25px;
		width: 100px;
		background-color: var(--brand1);
		left: -25px;
	}
	.embellish-right::before {
		content: '';
		position: absolute;
		z-index: -1;
		top: -25px;
		bottom: 25px;
		width: 100px;
		background-color: var(--brand1);
		right: -25px;
	}

/* ==================================== */
/* ANCHOR MODULE: Hubspot Form */
/* ==================================== */
	@keyframes cs-slideIn {
		0%   {opacity: 0;transform: translateY(-50px);}
		100% {opacity: 1;transform: translateY(0)}
	}

	.poppedform.active{
		display:flex;
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color: rgba(0, 0, 0, .8);
		z-index: 99999;
		justify-content: center; /*main-axis centered*/
		align-items: center; /*secondary-axis centered*/
	}
	.poppedform .inner{
		animation-name: cs-slideIn;
		animation-duration: 0.75s;
		position: relative;
		width: 800px;
		max-width: 90%;
		margin: 0 auto;
		background-color: white;
		border-radius: 6px;
		padding: 40px;
	}
	.poppedform #closeForm{
		position: absolute;
		right: -10px;
		border-radius: 50%;
		background-color: black;
		border: solid 3px white;
		width: 40px;
		height: 40px;
		top: -10px;
		z-index: 999999;
		color: white;
		display:flex;
		justify-content: center; /*main-axis centered*/
		align-items: center; /*secondary-axis centered*/
		cursor: pointer;
		font-weight: bold;
		transition: all 0.4s ease;
	}
	.poppedform #closeForm:hover{
		background-color: var(--brand2);
	}


	/* ==================================== */
/* ANCHOR Pagination */
/* ==================================== */
	.pagination{
		padding: 30px 0;
		text-align: right;
	}
	.pagination .page-numbers{
		padding: 10px 16px;
		border-radius: 4px;
		border: 1px solid #fff;
		background-color:#009ddc;
		color: white;
	}
	.pagination .page-numbers:hover{
		background-color:#007dca;
	}
	.pagination .page-numbers.current{
		background-color:transparent;
		color: #b0b0b0;
		border-color: #b0b0b0;
	}


/* ==================================== */
/* ANCHOR Basic Grid Layout */
/* ==================================== */
	.custom-grid .item{
		margin-bottom: 50px;
	}
	.custom-grid .padding{
		padding: 0 30px;
		height: 100%;
	}
	.custom-grid .card{
		border-radius: 6px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		height: 100%;
		overflow: hidden;
		background-color: white;
	}
	.custom-grid .background-img{
		background-color: var(--gray5);
		background-size: cover;
		background-position: center center;
		transition: all 0.3s ease;
		height: 350px;
		display: block;
	}
	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.custom-grid .background-img{
			height: 250px;
		}

	}

	.custom-grid .background-img:hover{
		transform: scale(1.05);
	}
	.custom-grid .content{
		padding: 0 30px 30px;
	}
	.custom-grid h3.title{
		margin-top: 0;
	}




/* ==================================== */
/* ANCHOR Slick SLider */
/* ==================================== */
	/* arrows */
	.slick-prev,
	.slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 50px;
		height: 50px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		z-index: 1;
	}
	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus {
		color: transparent;
		outline: none;
		background: transparent;
	}
	.slick-prev:hover:before,
	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before {
		opacity: 1;
	}
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before {
		opacity: .25;
	}
	.slick-prev:before,
	.slick-next:before {
		font-size: 50px;
		line-height: 1;
		opacity: .75;
		color: white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-prev {
		left: 0;
	}
	.slick-prev:before {
		content: "\f341";
	}
	.slick-next {
		right: 0;
	}
	.slick-next:before {
		content: "\f345";
	}

/* DOTS */
	.slick-dots {
		position: absolute;
		bottom: 10px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.slick-dots li button {
		font-size: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 5px;
		cursor: pointer;
		border: 0;
		background: white;
		opacity: 0.3;
		border-radius: 50%;
	}
	.slick-dots li button:hover {
		opacity: 1
	}
	.slick-dots li.slick-active button {
		opacity: .75;
		color: black;
	}

/* ==================================== */
/* @GROUP OVERRIDES */
/* ==================================== */
	body .ghostkit-icon-box p{
		margin-top: 0;
		line-height: 22px;
	}
	body .ghostkit-icon-box{
		margin-bottom: 0;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		body .ghostkit-col:not(:first-child){
			margin-top: 0;
		}
		body .ghostkit-col p:first-child{
			margin-top: 0;
		}
	}

	/* plugin: search&filter */
	.searchandfilter select.sf-input-select {
		padding: 10px;
		background-color: var(--brand2);
		color: white;
		font-weight: bold;
		border-radius: 5px;
		border: none;
	}
	.searchandfilter select.sf-input-select option{
		padding: 10px 0;
	}

body.single-project .entry-header h2 {
	visibility: hidden;
}

