/*
Theme Name: nova/PGSR
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.00.07
*/

/* !! Imports
--------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;800&display=swap');

/* !! CSS Reset
--------------------------------------------*/
	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{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; }

/* !! 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. */
	}
	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;
	}

/* !! 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-bottom {
		align-items: flex-end;
	}
	.flexi-spaced {
		justify-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%; }
	}

	/* --> 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;
	}
	.alignnarrow{
		width: 76%;
		margin: 0 auto;
	}

	@media only screen and (max-width: 768px){	/* --> phones */
		.alignnarrow{
			width: 100%;
		}
	}


	.textcenter{ text-align: center; }
	.textleft{ text-align: left; }
	.textright{ text-align: right; }
	.pull-left{ margin-left: calc(-50vw + 50%); }
	.pull-right{ margin-right: calc(-50vw + 50%); }

	/* --> 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 */
	.section{ padding-top: 30px; padding-bottom: 30px; }
	.section-margins{ margin-top: 30px; margin-bottom: 30px; }
	.small-bottom{ padding-bottom: 20px; }
	.small-top{ padding-top:20px; }
	.med-bottom{ padding-bottom: 50px; }
	.med-top{ padding-top:50px; }
	.big-bottom{ padding-bottom: 100px; }
	.big-top{ padding-top: 100px; }
	.mb0{margin-bottom: 0 !important}
	.mt0{margin-top: 0 !important}
	.mt60{margin-top: 60px !important}
	.mb60{margin-bottom: 60px !important}

	/* --> ROUNDED CORNERS */
	.round-topright{border-top-right-radius: 70px;}
	.round-bottomright{border-bottom-right-radius: 70px;}
	.round-bottomleft{border-bottom-left-radius: 70px;}
	.round-topleft{border-top-left-radius: 70px;}

	/* --> Overrides */

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.wp-block-column{
			margin-bottom: 20px;
		}
	}


/* !! Colours
--------------------------------------------*/
	:root {
		--brand1: #000;
		--brand2: #F8C014;
		--brand3: #ED1B24;
		--brand4: #056685;

		--light: #fff;
		--mid: #58595B;
		--dark: #000;

		--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-brand3 {background-color: var(--brand3);}
	.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-brand3 {color: var(--brand3);}
	.txt-dark {color: var(--dark);}
	.txt-mid {color: var(--mid);}
	.txt-light {color: var(--light);}

	/*text colors*/
	.bg-dark h2{ color: var(--brand2); }
	.bg-dark p,
	.bg-brand2 .bg-dark p,
	.bg-brand2 h2,
	.bg-brand2 h2:after,
	.bg-brand2 h3,
	.bg-dark li,
	.bg-brand2 .bg-dark li{
		color: white;
	}
	.bg-dark .bg-brand2 p,
	.bg-dark .bg-brand2 li{
		color: initial;
	}
	.bg-dark a{ color: var(--brand2); }

	/* gradient half backgrounds */
	.half-bg-brand2{
		background: rgb(248,192,20);
		background: linear-gradient(180deg, rgba(248,192,20,1) 50%, rgba(255,255,255,1) 50%);
	}
	.team-page-listing{
		background: rgb(255,255,255);
		background: linear-gradient(0deg, rgba(255,255,255,1) 65%, rgba(0,0,0,1) 65%);
	}



/* !! Typography
--------------------------------------------*/
	html, body {
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	body{
		font-family: 'Nunito Sans', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}
	.body-large{
		font-size: 24px;
	}
	h1,h2,h3,h4,h5,h6{
		margin-top: 0;
		margin-bottom: 20px;
		line-height: 1.2;
		font-weight: 800;
	}
	h1{
		font-size: 50px;
	}
	h1.entry-title{
		font-size: 90px;
		color: white;
	}
	h1.entry-title:after{
		content: '.';
		color: var(--brand2);
	}
	h2{
		font-size: 38px;
		color: var(--brand2);
	}
	h2:after{
		content: '.';
		color: var(--brand2);
	}
	h3{
		font-size: 30px;
		color: var(--brand2);
	}
	h4{
		font-size: 24px;
		font-weight: 400;
	}
	h5{
		font-size: 22px;
	}
	h6{
		font-size: 18px;
	}
	p:first-child{
		margin-top: 0;
	}


	/* MEDIA QUERY: Small Screens
	======================================= */
	@media only screen and (max-width: 768px){
		body{
			font-size:16px
		}
		h1,
		h1.entry-title{
			font-size: 35px;
		}
		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{}

/* !! 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;
	}

/* !! 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;
	}
	#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);
	}

/* !! 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: 100%;
		top: 0;
		z-index: 9999;
		background-color: #000;
		border-bottom: 10px solid var(--brand2);
		padding: 15px 0;

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


/* !! ZONE: Header Area
--------------------------------------------*/
	header#site-header{
		position: relative;
		z-index: 999;
		background-color: #000;
	}
	#above-page-wrap{
		padding: 8px 0;
		background-color: var(--gray20);
	}
	#header-content-wrap{
		padding: 15px 0;
	}
	#header-content-wrap .wrap-inner{
		display: -webkit-box;display: flex;
		-webkit-box-align: center;align-items: center;
	}
	#header-content-wrap .site-logo{
		font-size: 0;
		width: 200px;
		display: inline-block;
	}
	.header-menu-container{
		margin-left: auto;
	}


/* !! MENUS
--------------------------------------------*/
	/* -> HORIZONTAL MENU */
	ul.horizontal-menu{
		display: -webkit-box;
		display: flex;
		margin: 0;
		padding-left: 0;
	}
	ul.horizontal-menu > li{
		list-style: none;
		margin-right: 15px;
	}
	ul.horizontal-menu a{
		display: inline-block;
	}

	/* -> MENU SPECIAL LINKS */
	.header-menu li.menu-button {
		border: solid 1px var(--brand2);
		border-radius: 5px;
		margin-left: 15px;
	}
	.header-menu li.menu-button a{
		padding-left: 20px;
		padding-right: 20px;
	}
	.header-menu li.menu-button:hover {
		border: solid 1px var(--brand2);
		background-color: var(--brand2);
	}
	.header-menu li.menu-button:hover  a{
		color: white;
	}
	.header-menu li.socials a{
		padding: 0;
		color: var(--brand2);
		margin-left: 15px;
		top: 12px;
		position: relative;
	}

	.header-menu li.socials a i{
		font-size: 22px;
	}


	/* -> 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; display: -webkit-box; display: -ms-flexbox;
		margin: 0;
		padding-left: 0;
	}

	.header-menu li{
		list-style: none;
	}
	.header-menu a{
		display: inline-block;
	}

	/* --> LEVEL 1 */
	.header-menu > li{
		position: relative;
	}
	.header-menu > li > a{
		padding: 12px;
		color: #fff;
	}
	.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(--brand2);
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 131%;
		left: -999em;
		z-index: 999;
		text-align: left;
		padding:0;
	}
	.header-menu ul.sub-menu::after {
		content: "\f142";
		font-family: dashicons;
		position: absolute;
		top: -26px;
		left: 30px;
		color: var(--brand2);
		font-size: 30px;
	}
	.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(--brand2);
		color: black;
	}
	.header-menu ul.sub-menu a:hover{
		background-color: rgba(0, 0, 0, 0.2);
	}

/*  !! ZONE: Mobile/Offscreen Menu.v6
--------------------------------------------*/
	/* --> HIDE THE MAIN MENU */
	@media only screen and (max-width: 768px){
		ul.header-menu{display:none;}
	}

	/* --> 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;
		display: none;
	}
	.mobilemenu-button .bar{
		position: relative;
		height: 3px;
		background-color: #fff;
		-webkit-transition: all 0.4s ease; transition: all 0.4s ease;
		opacity: 1;
		top: 0;
	}
	.mobilemenu-button .bar:not(:last-child){
		margin-bottom: 4px;
	}
	.mobilemenu-button.active .bar{
		background-color: #fff;
	}
	.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 Styling */
	.offscreen-menu-container{
		position: fixed;
		top: 0;
		bottom: 0;
		right: -50%;
		width: 50%;
		height: 100vh;
		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;
	}
    @media only screen and (max-width: 768px){
		.mobilemenu-button {
			display: block;
		}
		body.offscreen-menu-active .offscreen-menu-container{
			width: 100%;
		}
	}
	.offscreen-menu ul{
		padding-left: 0;
	}
	.offscreen-menu li{
		list-style-type: none;
		font-size: 20px;
		margin-bottom: 10px;
		transition: all 0.4s ease;
		transition-delay: 0.4s;
	}
	.offscreen-menu li.menu-item-has-children{
		position: relative;
	}
	.offscreen-menu .showmore {
		position: absolute;
		left: -25px;
		font-size: 30px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		color: white;
	}
	.offscreen-menu .showmore.open{
		transform: rotate(90deg);
	}
	.offscreen-menu li.menu-item a{
		color: white;
		padding:0;
	}
	.offscreen-menu li.menu-item a:hover{
		color: #5A5A5A;
	}
	.offscreen-menu ul.sub-menu{
		display: none;
	}
	.offscreen-menu ul.sub-menu a{
		font-size: 85%;
	}



/* !! ZONE: Main
--------------------------------------------*/
	#primary{
	}
	@media only screen and (max-width: 1024px){
		#primary{
			width: 100%;
		}
	}
	.container{
		transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
	}
	header.entry-header{
		padding: 180px 0;
		background-size: cover;
		background-position: center;
		position: relative;
		overflow: hidden;
	}
	header.entry-header h1.entry-title{
		position: relative;
		z-index: 2;
	}
	header.entry-header:after{
		position: absolute;
		background-color: rgba(0, 0, 0, 0.5);
		top:0;
		left:0;
		right:0;
		bottom:0;
		content: '';
		z-index: 1;
	}

/* !! ZONE: Sidebar Area
--------------------------------------------*/
	#secondary{
		width: 320px;
		padding: 15px;
		margin-left: 30px;
		font-size: 14px;
	}
	@media only screen and (max-width: 1024px){
		#secondary{
			width: 100%;
			margin-left: 0;
		}
	}
	#secondary section{
		margin-bottom: 30px;
	}
	#secondary h2{
		text-transform: uppercase;
		font-size: 16px;
		margin-bottom: 10px;
	}

/* !! ZONE: Footer
--------------------------------------------*/
	#above-footer-wrap{
		margin-top: 30px;
	}
	#above-footer-wrap .footer-call-to-action{
		text-align: center;
		position: relative;
		padding: 50px 0;
	}
	#above-footer-wrap .footer-call-to-action:before{
		content: '';
		position: absolute;
		top:0;
		right:calc(-50vw + 50%);
		left:-15px;
		bottom:0;
		background-color: var(--brand2);
		background-image: url(/wp-content/uploads/2021/02/dam-tint-scaled.jpg);
		background-size: cover;
		background-position: center left;
		border-top-left-radius: 70px;
		z-index: -1;
	}
	#above-footer-wrap .footer-call-to-action .button{
		margin-left: 20px;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		#above-footer-wrap .footer-call-to-action .button{
			display: block;
			margin-left: 0;
			margin-top: 20px;
			width: fit-content;
		}
	}

	#above-footer-wrap .footer-call-to-action h2{
		display: inline;
		vertical-align: middle;
	}
	#site-footer-wrap{
		font-size: 14px;
		padding: 40px 0;
		background-color: var(--dark);
	}
	#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(--brand2);
		color: white;
	}
	#site-footer-wrap .menu a{
		color: white;
	}
	#site-footer-wrap .menu .socials{
		display: inline-block;
		margin-right: 15px;
		margin-top: 15px;
	}
	#site-footer-wrap .menu .socials i{
		font-size:22px;
	}

	#site-footer-wrap #site-info a{
		color: white;
	}
	#site-footer-wrap #footer-1,
	#site-footer-wrap #footer-2,
	#site-footer-wrap #footer-3{
		margin-right: 15px;
	}
	a#back-to-top{
		display: block;
		position: fixed;
		bottom: 18px;
		right: 18px;
		background-color: black;
		outline: 1px solid white;
		color: white;
		padding:6px 12px;
	}


/* !! PAGES: Content Layouts
--------------------------------------------*/
	/* --> HOME PAGE */
	body.home header.entry-header{
		display: none;
	}
	body.home .wp-block-lazyblock-home-page-blocks{
		position: relative;
	}
	body.home .usp-image{
		position: relative;
		z-index: 2;
	}


	body.home .usp-image::before {
		position: absolute;
		content: '';
		background-image: url(/wp-content/uploads/2021/02/tile-small.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
		bottom: -49px;
		left: -63px;
		z-index: -1;
	}
	body.home .usp-text{
		margin-bottom: 30px;
	}
	body.home .wp-block-lazyblock-home-page-blocks:before{
		position: absolute;
		content: '';
		top:0;
		width: 100vw;
		bottom:50%;
		background-color: black;
		z-index: -1;
	}
	/* --> mobile view */
	@media only screen and (max-width: 768px){
		body.home .usp-image img{
			height: 400px;
			max-width: 100%;
			object-fit: cover;
		}
	}
	body.home .home-block-3{
		position: relative;
		z-index: 2;
	}
	body.home .home-block-3 h3{
		color:white;
	}
	body.home .home-block-3 p{
		margin: 0;
	}
	body.home .home-block-3 .row > div{
		margin-bottom: 30px;
	}
	body.home .home-block-3::before{
		content: '';
		position: absolute;
		top:0;
		left:calc(-50vw + 50%);
		right:-100px;
		bottom:0;
		background-color: var(--brand2);
		background-image: url(/wp-content/uploads/2021/02/dam-tint-scaled.jpg);
		background-size: cover;
		background-position: center left;
		border-bottom-right-radius: 70px;
	}

	/* --> SERVICES PAGE */
	.solutions .inner{
		padding-right: 40px;
	}
	.services .inner{
		padding: 0 8%;
	}
	.services .single-service{
		margin-bottom: 30px;
	}
	.services .single-service .inner{
		background-size: cover;
		border-bottom-right-radius: 40px;
		height: 100%;
		padding: 80px 30px 30px;
		position: relative;
		z-index: 1;
	}
	.services .single-service .inner:after{
		position: absolute;
		background-color: rgba(0, 0, 0, 0.5);
		top:0;
		left:0;
		right:0;
		bottom:0;
		content: '';
		z-index: 1;
	}
	.services .single-service .inner .textblock{
		position: relative;
		z-index: 2;
	}

	/* --> PAGES: INTRO SECTION */
	.page-intro .intro-image{position: relative;z-index: 2;}
	.page-intro .intro-image.pull-left{text-align: right;}
	.page-intro .intro-image::before {
		position: absolute;
		content: '';
		background-image: url(/wp-content/uploads/2021/02/tile-small.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
		top: -60px;
		right: -75px;
		z-index: -1;
	}
	.page-intro h2{
		padding-bottom: 40px;
		border-bottom: 1px solid var(--brand2);
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.page-intro .row{
			flex-direction: row-reverse
		}
	}

	/* --> PAGES: PRIMARY DETAILS SECTION */
	.primary-detail-block{
		margin-bottom: 30px;
	}
	.primary-detail-block .inner{
		padding-right: 40px;
	}

	/* New TCC Styles added for job listing layout	 */

	.secondary-detail .container,
	.transparent-primary #pgsr-job-board {
		position: relative;
	}
	.transparent-primary .container {
		position: relative;
		z-index: 100;
	}
	.transparent-primary .bg-brand2 {
		position: relative;
	}
	.transparent-primary .bg-brand2:after {
		width: 100%;
		position: absolute;
		z-index: 0;
		height: 100%;
		content: '';
		top:0;
		left: 0;
		background-image: url('/wp-content/uploads/2021/11/BS923-Sitelog-211005.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-blend-mode: overlay;
		opacity: 0.2;
	}
	.transparent-primary #pgsr-job-board::before {
		position: absolute;
		content: '';
		background-image: url(/wp-content/uploads/2021/02/tile-small-white.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
		top: 40px;
		left: -63px;
		z-index: 0;
	}
	.new-jlist-form {
		position: relative;
		z-index: 200;
	}
	.new-jlist-form .secondary-detail {
		margin-top: -250px;
	}
	.secondary-detail .container::before{
		position: absolute;
		content: '';
		background-image: url(/wp-content/uploads/2021/02/tile-small-white.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
		top: -49px;
		left: -63px;
		z-index: 0;
	}
	.secondary-detail .content{
		position: relative;
		padding-left: 8%;
		padding-right: 8%;
	}
	.secondary-detail .content .block{
		margin-bottom: 30px;
	}
	.secondary-detail .content .block .inner{
		/* padding: 0 40px; */
	}

	/* --> desktop view */
	@media only screen and (min-width: 768px){
		.primary-detail-block.col-md-6:first-child {
			max-width: 76% !important;
			flex: 0 0 100%;
			margin: 0 auto 50px;
			padding-bottom: 30px;
			border-bottom: 1px solid white;
		}
		.secondary-detail .content .block.col-md-6:first-child {
			max-width: 76% !important;
			flex: 0 0 100%;
			margin: 0 auto 50px;
			padding-bottom: 30px;
			border-bottom: 1px solid white;
		}
	}

	/* --> TEAM PAGES */
	body.single-team h1.entry-title.team-title{
		color: var(--brand2);
		font-size: 56px;
	}
	body.single-team h1.entry-title.team-title::after{
		display: none;
	}
	body.single-team .field-role{
		font-size: 32px;
		padding-bottom: 40px;
		border-bottom: 1px solid var(--brand2);
		margin-bottom: 40px;
	}
	body.single-team .team-photo{
		position: relative;
		margin-bottom: 70px;
	}
	body.single-team .team-photo::before {
		position: absolute;
		content: '';
		background-image: url(/wp-content/uploads/2021/02/tile-small.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
		bottom: -49px;
		right: -63px;
		z-index: 0;
	}
	body.single-team .team-photo img{
		z-index: 1;
		position: relative;
		height: 400px;
		object-fit: cover;
	}


	/* !! TEAM OVERVIEW PAGE
--------------------------------------------*/
	.team-page-listing .custom-grid .content.single-item{
		border-radius: 0;
		border-bottom-right-radius: 40px;
		background-size: cover;
		font-weight: 400;
		padding: 10px;
		background-color: gray;
	}
	.team-page-listing .single-item .team-name{
		color: white;
		font-size: 24px;
		line-height: 1;
	}
	.team-page-listing .single-item a.post-link{
		color: var(--brand2);
	}
	.team-page-listing .single-item .social{
		text-align: right;
	}
	.team-page-listing .single-item .social a{
		color: var(--brand2);
	}



	/* !! POSTTYPE: Blog
	--------------------------------------------*/
	body.blog article.post{
		margin-bottom: 60px;
	}
	body.blog h2.entry-title{
		font-size: 26px;
		line-height: 1.2;
		font-weight: 400;
		margin-bottom: 0;
	}
	body.blog .entry-meta{
		font-size: 13px;
		margin-bottom: 20px;
	}


/* !! 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;
	}




/* !! Post Grid
--------------------------------------------*/
	.custom-grid .item{
		margin-bottom: 20px;
		min-height:350px;
		overflow: hidden;
	}
	.custom-grid .content{
		position: relative;
		height: 100%;
		padding: 25px;
		overflow: hidden;
		border-radius: 3px;
	}
	.custom-grid .content .background-img{
		background-size: cover;
		background-position: center center;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		position: absolute;
		z-index: 1;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.custom-grid .content:hover .background-img{
		transform: scale(1.2);
	}
	.custom-grid .content a.link-overlay{
		background-color: rgba(0, 0, 0, 0.55);
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		position: absolute;
		z-index: 2;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.custom-grid .content:hover a.link-overlay{
		background-color: rgba(0, 0, 0, 0.85);
	}
	.custom-grid .content h3.title{
		position:relative;
		z-index:3;
		color:white;
		pointer-events:none;
		margin-top: 0;
		font-size: 26px;
	}

/* !! Projects: Detail
--------------------------------------------*/
	body.single-project .project-label,
	body.tax-new-projects .project-label {
		text-transform: uppercase;
		color: var(--gray40);
	}
	body.single-project .project-detail,
	body.tax-new-projects .project-detail {
		padding: 30px;
	}
	body.single-project .project-detail .project-gallery,
	body.tax-new-projects .project-detail .project-gallery {
		margin-bottom: 20px;
	}
	body.single-project .project-detail p:empty,
	body.tax-new-projects .project-detail p:empty {
		display: none;
	}
	body.single-project .project-slide-nav img,
	body.tax-new-projects .project-detail img {
		margin-right: 5px;
	}
	body.single-project .project-slide-nav,
	body.tax-new-projects .project-slide-nav {
		margin-bottom: 5px;
	}

/* !! Projects: Carousel
--------------------------------------------*/
	.projects-carousel .project-card{
		padding: 15px;
	}
	.projects-carousel .project-card .content{
		height: 360px;
		background-size: cover;
		background-position: center;
		padding: 15px;
		border-bottom-right-radius: 40px;
		position: relative;
		transition: all 0.4s ease;
		overflow: hidden;
	}
	.projects-carousel .project-card .content:hover{
		background-position: 45%;
	}
	.projects-carousel .project-card .content h4{
		color: white;
		font-weight: 400;
		position: relative;
		z-index: 2;
		pointer-events: none;
	}
	.projects-carousel .project-card .content a.link-overlay{
		top:0;
		left:0;
		right:0;
		bottom:0;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 0;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.projects-carousel .project-card .content{
			height: 250px;
		}
	}


/* !! LazyBlocks
--------------------------------------------*/
	/* --> !! Flip Box */
	.flip-box {
		background-color: transparent;
		perspective: 1000px;
	}
	.flip-box-inner {
		position: relative;
		width: 100%;
		padding-bottom: 100%;
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
	}
	.flip-box:hover .flip-box-inner {
		transform: rotateY(180deg);
	}
	.flip-box-front, .flip-box-back {
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden; /* Safari */
		backface-visibility: hidden;
	}
	.flip-box-back {
		transform: rotateY(180deg);
	}

	/* --> !! 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{
		font-weight: 400;
		background-color: var(--gray5);
		color: var(--gray70);
		margin-bottom: 0;
		padding:12px;

	}


	/* --> !! Portals */
	.section-portals .content{
		background-size: cover;
		position: relative;
		padding-bottom: 100%;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		text-align: center;
		padding: 0 20px 50px;
		height: 100%;
	}
	.section-portals img{
		max-height: 250px;
	}
	.section-portals a.portal-link {
		color: white;
		letter-spacing: 4px;
		font-size: 20px;

		display: -webkit-box;display: -ms-flexbox;display: flex;
		justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;
		align-items: center;-webkit-box-align: center;-ms-flex-align: center;

		position: absolute;
		top:10px;
		left:10px;
		right:10px;
		bottom:10px;
		border: solid 1px rgba(255,255,255,0.3);
		background-color: rgba(0,0,0,0.35);
		padding: 10%;

		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.section-portals .content:hover > a.portal-link{
		letter-spacing: 0;
		border: solid 1px rgba(255,255,255,0.7);
		background-color: rgba(0,0, 0, 0.8);

		top:20px;
		left:20px;
		right:20px;
		bottom:20px;
	}
	.card.panel-cell-style{
		background-color: #fff;
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 30px;
		text-align: center;
	}
	.card.panel-cell-style.panel-cell-style-for-w5ed30587b4b39-0-1{
		background-color: transparent;
	}
	.overlay{
		position: relative;
		z-index: 1;
	}
	.overlay .panel-grid-cell{
		position: relative;
		z-index: 2;
	}
	.overlay:before{
		position: absolute;
		z-index: 1;
		top:0;
		left:0;
		right:0;
		bottom:0;
		content: '';
		background-color: rgba(0, 0, 0, 0.8);
	}

/* !! Teams
--------------------------------------------*/
	.team-wrap{
		background-color: var(--gray10);
		padding: 40px 0;
	}
	.team-group{
		color: white;
		margin-bottom: 40px;
		margin-top: 40px;
		text-align: center;
		line-height: 1.2;
	}
	.team-group .team-single{
		margin-bottom: 30px;
		background-color: gray;
	}
	.team-group .team-single .inner{
		border-radius: 4px;
		background-color: #666865;
		height: 100%;
		overflow: hidden;
		box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2),0 1px 3px rgba(0, 0, 0, 0.4);
	}
	.team-group .photo{
		background-size: cover;
		background-position: center;
		height: 260px;
	}
	.team-group .team-text{
		padding: 15px;
	}
	.team-group .name{
		margin-bottom: 0;
		font-size: 20px;
	}
	.team-group .title{
		margin-bottom: 10px;
		opacity: 0.6;
		font-size: 14px;
	}
	.team-group .position{
		margin-bottom: 0;
		font-size: 11px;
		text-transform: uppercase;
		opacity: 0.6;
	}


/* !! genx 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;
	}



/* !! nova Slider
--------------------------------------------*/
	.nova-slider .slick-slide{
		height: 70vh;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		background-size: cover;
		background-position: center center;
		position: relative;
		z-index: 0;
	}
	.wp-block-lazyblock-nova-slider .faux-corner {
		position: absolute;
		top: 10px;
		right: 8px;
		z-index: 10;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px){
		.wp-block-lazyblock-nova-slider .faux-corner {
			right: 0;
		}
	}
	.nova-slider .slick-slide:before{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 1;
	}
	.nova-slider .slick-slide .inner{
		position: relative;
		z-index: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 1140px;
		max-width: 90%;
		margin: 0 auto;
	}
	.nova-slider .inner > .content{
		max-width: 550px;
	}
	.nova-slider .slide-title{
		font-size: 80px;
		margin-bottom: 25px;
		color: white;
		line-height: 1;
		font-weight: 800;
	}
	body.home .wp-block-lazyblock-nova-slider{
		padding-top: 10px;
		background-color: var(--brand2);
		position: relative;
	}
	body.home .wp-block-lazyblock-nova-slider .texture {
		position: absolute;
		right: 0;
		bottom: 7%;
		width: 370px;
	}
	@media only screen and (max-width: 1024px){
		.nova-slider .slick-slide {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-box-pack: end;
			-webkit-justify-content: flex-end;
			-moz-box-pack: end;
			-ms-flex-pack: end;
			justify-content: flex-end;
		}
		.nova-slider .slick-slide .inner{
			display: block;
			width: 100%;
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.nova-slider .slide-title{
			font-size: 45px;
		}
	}
	@media only screen and (max-width: 768px){
		.nova-slider .slick-slide{
			height: 50vh;
		}
		.nova-slider .slide-title{
			font-size: 30px;
		}
		body.home .wp-block-lazyblock-nova-slider .texture {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 150px;
		}
		.nova-slider .slick-slide .inner{
			width: 50%;
			margin: 0;
			padding-left: 30px;
		}
	}


/* !! nova Gallery
--------------------------------------------*/
	.nova-gallery {
		columns: 3;
	}
	.nova-gallery img {
		display: block;
		width:100%;
		height:auto;
		margin-bottom: 10px;
	}

/* !! SlickSlide 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%;
	}
	body .slick-dots li button::before {
		font-size: 20px;
	}
	.slick-dots li button:hover {
		opacity: 1
	}
	.slick-dots li.slick-active button {
		opacity: .75;
		color: black;
	}


	/* --> desktop view */
	@media only screen and (min-width: 1200px){
		x.full-left {
			background-color: #a68957;
			padding: 60px;
			margin-left: calc(-100vw / 2 + 555px);
			overflow: hidden;
		}
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px){
		x.full-left {
			background-color: #5896ec;
			padding: 60px;
			margin-left: calc(-100vw / 2 + 465px);
			overflow: hidden;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 991px){
		x.full-left {
			background-color: #ec9d58;
			padding: 60px;
			margin-left: calc(-100vw / 2 + 345px);
			overflow: hidden;
		}
	}
	x.alt-full-left{
		margin-left: calc(-50vw + 50%);
		background-color: #58d1ec;
		padding: 60px;
		margin-top: 30px;
	}

/* !! Special PGSR Elements
--------------------------------------------*/
	.card-outline{
		border: solid 2px white;
		padding: 15px;
		height: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.top-right-round{
		border-top-right-radius: 40px;
	}
	.wire-card-container .wp-block-column{
		border: solid var(--brand2) 1px;
		border-bottom-right-radius: 40px;
		padding:30px;
		margin-bottom: 20px;
	}
	img.wp-image-677{
		border-radius: 4px;
	}

/* file downloads */
.wp-block-file{
/* 	display:flex; */
}
.wp-block-file a:first-child{
/* 	order:2; */
/* 	margin-left: 10px; */
/* 	display:inline-block; */
}


/* Upcoming project style 2023 */
.bg-brand2.uc-plist {position: relative;}
.bg-brand2.uc-plist::after {
  width: 100%;
  position: absolute;
  z-index: 0;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  background-image: url('/wp-content/uploads/2021/11/BS923-Sitelog-211005.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
  opacity: 0.2;
}
body.tax-new-projects 
.pgsrpList-wrap {
	margin-top: -30px;
}
.project-detail.uc-plist-tax,
.pgsrpList-wrap .project-detail {
	position: relative;
	z-index:1;
}
.pgsrpList-wrap .container.uc-pattern { position: relative; padding-bottom: 100px;}
	.pgsrpList-wrap .container.uc-pattern:before {
		position: absolute;
		content: '';
		background-image: url(/wp-content/uploads/2021/02/tile-small-white.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
		top: 100px;
		left: -45px;
		z-index: 0;
	}
	.pgsrpList-wrap .container.uc-pattern:after {
		position: absolute;
		content: '';
		background-image: url(/wp-content/uploads/2021/02/tile-small-white.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
		bottom: 63px;
		right: -77px;
		z-index: 0;
	}

.pgsrpList-wrap .project-detail h3 {
	color: var(--brand2);
}
	.pgsrpList-wrap .project-detail .uc-line-divider {
		content: '';
		width: 100%;
		max-width:1052px;
		margin: 0 auto;
		height: 2px;
		background: var(--brand2);
		position: absolute;
		top:0 ;
		left:0;
		right: 0;
	}
.pgsrpList-wrap article.type-jobpost {
	background-color: #fff;
	margin-top: 20px;
	border-radius: 10px;
}

.pgsr-upcoming-projects .titleBox .entry-title {
	font-weight: 800;
	text-transform: uppercase;
}
.pgsrpList-wrap .pgsr-upcoming-projects p {
	color: #000000;
}
.pgsrpList-wrap .pgsr-upcoming-projects .locationBox p.loc {
	font-weight: 700;
}
.pgsr-upcoming-projects .custom-grid.item .tsec {
	padding: 30px; 
}
.pgsr-upcoming-projects .custom-grid.item .lsec {
	padding: 30px; 
	background-color: var(--brand2);
}
.pgsr-upcoming-projects .custom-grid.item .lsec .metaDate p span {
	font-weight: 800;
}
.pgsr-upcoming-projects .custom-grid.item .lsec .deepLink a {
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	width: 80%;
}
.pgsr-upcoming-projects .custom-grid.item .lsec .deepLink a:hover {
	color: #000;
}
@media only screen and (min-width: 768px){
	.pgsr-upcoming-projects .custom-grid.item .lsec {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		display: grid;
		align-items: center;
	}
	.pgsr-upcoming-projects .custom-grid.item .lsec .deepLink {
		text-align: center;
	}
	.pgsr-upcoming-projects .custom-grid.item .lsec .metaDate {
		text-align: center;
	}
}
#above-footer-wrap .uc-project-page {position: relative; z-index:10;}
#above-footer-wrap .uc-project-page .footer-call-to-action::before {
	background-image: none;
	background-color: #fff;
	z-index: 0;
}
#above-footer-wrap .uc-project-page .footer-call-to-action h2{
	color: #000;
	position: relative;
}
#above-footer-wrap .uc-project-page .footer-call-to-action a {
	position: relative;
	color: #fff;
	background: #000;
	border-radius: 3px;
}
#above-footer-wrap .uc-project-page .footer-call-to-action a:hover {
	background: var(--brand2);
}
/* Single Job post */
.single-jobpost .uc-header {
	position: absolute;
	bottom: 0;
	z-index: 10;
	padding: 30px 0;
}
.single-jobpost .uc-header p {
	margin-bottom: 0;
	padding-bottom: 0;
}
.single-jobpost .uc-header h3 {
	font-weight: 800;
	text-transform: uppercase;
	color: #000;
}
@media only screen and (min-width: 768px){
	.single-jobpost .uc-header .ucp-job-pattern, 
	.single-jobpost .uc-header .ucp-rating {
		text-align: right;
	}
	.single-jobpost .uc-header h3 {
		font-size: 24px;
	}
	.single-jobpost .uc-header .ucp-job-pattern h5 {
		font-size: 20px;
	}
	.single-jobpost .uc-header .ucp-rating h6 {
		font-size: 18px;
	}
}
.single-jobpost .uc-header .ucp-rating h6 {
	font-weight: 800;
}
.single-jobpost .uc-header .ucp-job-pattern h5 {
	font-weight: 300;
}
.uc-header .ucp-job-metas p {
	font-size: 14px;
	color: #fff;
}
.uc-header .ucp-divider {
	height: 2px;
	width: 100%;
	background: #000;
	margin: 8px 0;
}
.single-jobpost header.entry-header {
	padding: 100px 0 220px;
}
.single-jobpost .job-features.pgsr-keyinfo {
	border: 1px solid var(--brand2);
	border-radius: 10px;
	position: relative;
	padding: 0 10px 10px;
	margin-bottom: 40px;
}
.single-jobpost .job-features.pgsr-keyinfo h3 {
	font-size: 14px!important;
	font-weight: 700!important;
	position: absolute;
	padding:10px 20px;
	left:-1px;
	top: -1px;
	border-radius: 10px;
	background: var(--brand2);
	color: #000!important;
	margin-top:0!important;
}
.job-features.pgsr-keyinfo table.table {
	margin-top: 100px;
	margin-bottom: 100px;
}
.sjb-page .sjb-detail .list-data .v1 .job-features.pgsr-keyinfo .table td:first-child {
	text-align: right;
	color: var(--brand2);
	font-weight: 600;
	border-bottom-color: transparent;
	border-right-width: 2px;
	border-right-color: var(--brand2);
}
.sjb-page .sjb-detail .list-data .v1 .job-features.pgsr-keyinfo .table td {
	border-bottom-color: transparent;
}
.sjb-page .sjb-detail .list-data .v1 .job-features.pgsr-keyinfo .table tr:last-child td {
	border-bottom-color: transparent;
}

/* form section -single job */
.single-jobpost .uc-plist.single {
	margin-top: 200px;
}
.single-jobpost .pgsr-single-job-form {
	margin-top: -160px;
}
.single-jobpost .project-detail.single {
	margin-bottom: 100px;
}
.single-jobpost .secondary-detail .container.single::before {
	bottom: -36px;
	right: -58px;
	top: inherit;
}
.secondary-detail .container.noPattern::before {
	display: none;
}
.project-listy .listyView {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}
.project-listy .listyView:first-child {
	margin-top: 0;
}
.project-listy .listyView .details a {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

/* No results page New Project */
.no-results.not-found.for-new-proejcts .page-title {
	color: #fff;
}