/*

Built Environs

*/

html {scroll-behavior: smooth;}
body {font-family:"acumin-pro","san-serif";}
h1, h2, h3 {font-family:navigo}
a {color:#2e9e46}
a:hover {color:#3ee000}
::selection {background:#3ee000}
[data-elementor-type="archive"] > div + div,
[data-elementor-type="wp-page"] > div + div,
[data-elementor-type="wp-post"] > div + div,
[data-elementor-type="single-post"] > div + div {background-color:white;z-index: 3;position:relative}

/* region display */
body.mdreg-aus .hide-aus,
body.mdreg-nzp .hide-nzp {display:none}

.page .elementor-widget-container ul{margin-bottom:10px;}
.underlined-list ul {list-style:none;margin:0;padding:0;}
.underlined-list li {list-style:none;margin:0;padding:4px 0;border-top:1px solid #333;}

.be-title h1{
	display: inline;
	color: white !important;
	padding: 10px 7px 1px;
	text-shadow: 1px 1px 12px #000000cc;
}

.be-title h2,.be-title h3 {
	display: inline;
	color: white !important;
	padding: 10px 5px 1px 0px;
	text-shadow: 1px 1px 9px #000000cc;
}

.parallax {transition: background-position 0s;aspect-ratio: 11/4;}
.be-fixed-top,.fixed-top-placeholder {aspect-ratio: 11/4;}

#macdow-feature {margin-top:-100px}
#macdow-feature > div {aspect-ratio: 11/4;}
div.first-be-title {background-color:#fff;}
div.first-be-title h1 {position: relative;top: -89px;font-weight: 600;font-size: 3em;}
.type-projects div.first-be-title {height:0;position: relative;}
div.first-be-title .e-con-inner {position:relative}
.type-projects div.first-be-title .be-title {position: absolute;z-index: 1;bottom: 15px;width:100%}
.type-projects div.first-be-title h1 {font-weight: 600;font-size: 3em;background-color:transparent;text-shadow:2px 2px 22px rgba(0,0,0,0.8)}
#macdow-feature .macdow-feature-image {position: fixed;top: 0;z-index: 1;width: 100%;}
#macdow-feature .macdow-feature-image.macdow-wp-yt-video iframe {aspect-ratio:3/2;height:auto;margin-top:-16%}
.macdow-feature-image.macdow-wp-feature-image {background-size:cover;background-position: center}
.fixed-top-placeholder {position:relative;margin-bottom:-15px;}
.fixed-top-placeholder div {height:100%}
.fixed-top-placeholder h1 {position:absolute;bottom:-15px;}

#be_header {min-height: 100px;transition: background-color 0.3s;}
#be_header.elementor-sticky.elementor-sticky--active  {
    position: fixed;
    top: 0;
    padding: 6px 0;
    width: 100%;
    z-index: 11;
    box-shadow: 0 -13px 25px 9px #000;
    background-color: rgba(0, 0, 0, 0.66);
    backdrop-filter: blur(5px);
}

/* Main Menu */
ul.elementor-nav-menu > li.menu-item > a {text-shadow: 1px 1px 5px rgb(0 0 0 / 25%);}


/* Project Grid */
.be-grid {display: flex;justify-content: space-between;flex-wrap: wrap;}
.be-grid-cols-3 .be-grid-item {width:calc(33.333% - 15px);margin-bottom: 25px;}
.grid-img-wrapper {position:relative;line-height: 0}
.grid-img-wrapper .img-cover {position: absolute;background: #000;opacity: 0;top: 0;left: 0;right: 0;bottom: 0;transition: opacity 0.5s;}
.img-hover-black-text {position: absolute;top: 68%;left: 20px;right: 20px;color: #fff;padding: 2px 10px 5px;font-size: 1em;font-weight: 600;text-align: center;display: none;font-family: acumin-pro, sans-serif;}
.grid-img-wrapper:hover .img-cover {opacity: 0.4;}
.grid-img-wrapper img {width: 100%;}
.grid-img-wrapper .img-cover {position:absolute;background: #000;opacity: 0;top:0;left:0;right:0;bottom:0;transition:opacity 0.5s}
.grid-img-wrapper:hover .img-cover {opacity: 0.4;}

.be-project-grid h4 {color:black;font-size:1em;font-weight: 600;margin:12px 0 4px}
.be-project-grid a:hover h4 {color:#2e9e46}
.be-project-grid .be-location {color:black;font-size: 0.8em;}

/* Project Sector Icons */
.be-project-grid .grid-img-wrapper:hover .img-hover-black-text {display:block;}
.be-project-grid .grid-img-wrapper:hover .img-cover {	background-position: 50% 45%;background-repeat: no-repeat;background-size: 100px auto;}
.be-project-grid .grid-img-wrapper:hover .img-cover.accommodation {background-image: url(/wp-content/plugins/becustom/images/Accomm-Sector-Icon-White.svg);}
.be-project-grid .grid-img-wrapper:hover .img-cover.commercial-construction {background-image: url(/wp-content/plugins/becustom/images/Commercial-Sector-Icon-White.svg);}
.be-project-grid .grid-img-wrapper:hover .img-cover.defence {background-image: url(/wp-content/plugins/becustom/images/Defense-Sector-Icon-White.svg);}
.be-project-grid .grid-img-wrapper:hover .img-cover.education {background-image: url(/wp-content/plugins/becustom/images/Education-Sector-Icon-White.svg);}
.be-project-grid .grid-img-wrapper:hover .img-cover.health-and-aged-care{background-image: url(/wp-content/plugins/becustom/images/Health-Sector-Icon-White.svg);}
.be-project-grid .grid-img-wrapper:hover .img-cover.infrastructure-and-industrial {background-image: url(/wp-content/plugins/becustom/images/Infrastructure-Sector-Icon-White.svg);}
.be-project-grid .grid-img-wrapper:hover .img-cover.laboratories-and-pharmaceutical {background-image: url(/wp-content/plugins/becustom/images/Pharma-Sector-Icon-White.svg);}
.be-project-grid .grid-img-wrapper:hover .img-cover.sports-leisure-and-community {background-image: url(/wp-content/plugins/becustom/images/Sport-Sector-Icon-White.svg);}

/* hover category images */
 .sector-health-and-aged-care .elementor-widget-image:hover > div::after {background-image:url(/wp-content/plugins/becustom/images/Health-Sector-Icon-White.svg);}
 .sector-education .elementor-widget-image:hover > div::after {background-image:url(/wp-content/plugins/becustom/images/Education-Sector-Icon-White.svg);}
 .sector-infrastructure-and-industrial .elementor-widget-image:hover > div::after {background-image:url(/wp-content/plugins/becustom/images/Infrastructure-Sector-Icon-White.svg);}
.sector-commercial-construction .elementor-widget-image:hover > div::after {background-image:url(/wp-content/plugins/becustom/images/Commercial-Sector-Icon-White.svg);}
.sector-sports-leisure-and-community .elementor-widget-image:hover > div::after {background-image:url(/wp-content/plugins/becustom/images/Sport-Sector-Icon-White.svg);}
.sector-accommodation .elementor-widget-image:hover > div::after {background-image:url(/wp-content/plugins/becustom/images/Accomm-Sector-Icon-White.svg);}
.sector-defence .elementor-widget-image:hover > div::after {background-image:url(/wp-content/plugins/becustom/images/Defence-Sector-Icon-White.svg);}
.sector-laboratories-and-pharmaceutical .elementor-widget-image:hover > div::after {background-image:url(/wp-content/plugins/becustom/images/Pharma-Sector-Icon-White.svg);}

/* position */
.sector-health-and-aged-care .elementor-widget-image:hover > div::after,  .sector-education .elementor-widget-image:hover > div::after, .sector-infrastructure-and-industrial .elementor-widget-image:hover > div::after, .sector-commercial-construction .elementor-widget-image:hover > div::after, .sector-sports-leisure-and-community .elementor-widget-image:hover > div::after, .sector-accommodation .elementor-widget-image:hover > div::after, .sector-defence .elementor-widget-image:hover > div::after, .sector-laboratories-and-pharmaceutical .elementor-widget-image:hover > div::after {content:" ";position:absolute;height:10vw;width:10vw;left:27%;bottom:37%;z-index:99;background-repeat: no-repeat;opacity:0.5;}



/* Carousel */
.swiper-wrapper .grid-img-wrapper:hover .img-hover-black-text {display:block;}



.grid-img-wrapper .elementor-image-box-img a {display:block;position:relative;line-height:0}
.grid-img-wrapper .elementor-image-box-img a::after {content:"";display:block;position: absolute;background-color: #000;opacity: 0;top: 0;left: 0;right: 0;bottom: 0;transition: opacity 0.5s;}
.grid-img-wrapper .elementor-image-box-img:hover a::after {opacity:0.4}

.swiper-wrapper .grid-img-wrapper .elementor-image-box-img a::after {background-position: 50% 45%;background-repeat: no-repeat;background-size: 100px auto;}
.swiper-wrapper .grid-img-wrapper.grid-img-wrapper-education .elementor-image-box-img a::after  {background-image: url(/wp-content/plugins/becustom/images/Education-Sector-Icon-White.svg);}

.swiper-wrapper .grid-img-wrapper.grid-img-wrapper-accommodation .elementor-image-box-img a::after {background-image: url(/wp-content/plugins/becustom/images/Accomm-Sector-Icon-White.svg);}
.swiper-wrapper .grid-img-wrapper.grid-img-wrapper-commercial .elementor-image-box-img a::after {background-image: url(/wp-content/plugins/becustom/images/Commercial-Sector-Icon-White.svg);}
.swiper-wrapper .grid-img-wrapper.grid-img-wrapper-defence .elementor-image-box-img a::after {background-image: url(/wp-content/plugins/becustom/images/Defense-Sector-Icon-White.svg);}
.swiper-wrapper .grid-img-wrapper.grid-img-wrapper-education .elementor-image-box-img a::after {background-image: url(/wp-content/plugins/becustom/images/Education-Sector-Icon-White.svg);}
.swiper-wrapper .grid-img-wrapper.grid-img-wrapper-health-and-aged-care .elementor-image-box-img a::after {background-image: url(/wp-content/plugins/becustom/images/Health-Sector-Icon-White.svg);}
.swiper-wrapper .grid-img-wrapper.grid-img-wrapper-infrastructure-and-industrial .elementor-image-box-img a::after {background-image: url(/wp-content/plugins/becustom/images/Infrastructure-Sector-Icon-White.svg);}
.swiper-wrapper .grid-img-wrapper.grid-img-wrapper-laboratories-and-pharmaceutical .elementor-image-box-img a::after {background-image: url(/wp-content/plugins/becustom/images/Pharma-Sector-Icon-White.svg);}
.swiper-wrapper .grid-img-wrapper.grid-item-wrapper-sports-leisure-and-community .elementor-image-box-img a::after {background-image: url(/wp-content/plugins/becustom/images/Sport-Sector-Icon-White.svg);}

/* disable icons */
.no-icon .swiper-wrapper .grid-img-wrapper .elementor-image-box-img a::after{background-image: none !important;}

.be-project-carousel {height:500px;}

/* job page */
.ja-job-list .view-details{color:#fff;background-color:rgba(29,134,45,1.00)}

.ja-job-list .view-details:hover{color:#fff;background-color:rgba(37,173,58,1.00)}


.ja-job-list .view-details{padding:3px 12px 6px;border-radius:7px;}
.ja-job-list .job{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(191,191,191,1.00);
}
.ja-pager a {padding:6px 12px;border-radius:7px;color:#fff;background-color:#AAAAAA;margin-right:5px;}
.ja-pager a:hover {background-color:#1E9330;}

.ja-pager .current-page{padding:6px 12px;border-radius:7px;color:#fff;background-color:#767676;margin-right:5px;}

.ja-pager{margin-top:10px;margin-bottom:10px;}

.ja-form .ja-field-container {
    display: inline-block;
    margin-right: 15px;
}
.green .ja-form {background: #7DBD52;padding:10px;}

.ja-form [type=button], .ja-form [type=submit] {
    display: inline-block;
    font-weight: 500;
	color: #ffffff;
	background-color:#2e9e46;border:none;
	margin-top:10px;
	margin-bottom:10px;
	}
.ja-form [type=button]:hover{
    display: inline-block;
    font-weight: 500;
	color: #000;
	background-color:#3ee000;
	}


/* branding guidelines */

#brand_header {min-height:100px;}
#brand_header .elementor-nav-menu {max-width:320px;background-color:#2b9842}
#brand_header .elementor-nav-menu ul {display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#2b9842;}
#brand_header .elementor-nav-menu ul li {width:46%;}

.brandingguidelines .green-bg a{color:#fff;text-decoration: underline;}
.brandingguidelines .green-bg a:hover{color:#3ee000;}
.brandingguidelines .green-bg p{color:#fff}
.brandingguidelines h2.elementor-heading-title{font-size:3em;}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2310, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1785, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1925{width:100% !important;}

/* case studies */

.case-study-filter [data-filter="brandguidelines"], .case-study-filter [data-filter="news"]{display:none;}



/*
################################### Media Queries ##########################################
*/

/* DESKTOP AND TABLET */
@media(min-width:768px) {

	/* Region Selector */
	#macdow-region-selected {color:#fff;width:120px}
	#macdow-region-selector {position: absolute;top: -5px;height: 30px;right: 37px;display: block;min-width: 60px;text-align: right;padding: 6px 20px 6px 0;font-size: 14px;font-weight: 600;cursor:pointer;}
	#macdow-region-selector::after {content: "\f107";font-family: "Font Awesome 5 Free"; position: absolute;right: 0;top: 5px;color:#fff;}
	#macdow-region-dropdown {display:none;position:absolute;top:100%;right:0;width:210px;background: #000;font-weight: 600;padding:20px;text-align:left;z-index: 2;}
	#macdow-region-selector:hover #macdow-region-dropdown, #macdow-region-dropdown:hover {display: block}
	#macdow-region-dropdown-title {margin:5px 0;color:#3ee000;}
	#macdow-region-dropdown ul {margin:0;padding:0;}
	#macdow-region-dropdown li {color:#fff;list-style: none;cursor: pointer;margin:0 0 4px;padding-left:22px;display: block;position: relative;}
	#macdow-region-dropdown li:hover, #macdow-region-dropdown li.current-region {color:#a8ff17;} 
	#macdow-region-dropdown li::after {content: "";font-family: "Font Awesome 5 Free"; position: absolute;left: 0;top: 1px;}
	#macdow-region-dropdown li:hover::after, #macdow-region-dropdown li.current-region::after {content:"\f00c";}
}

/* MOBILE ONLY */
@media(max-width:767px) {
	
	body.elementor-page {font-size:16px;}

	/* Region Selector */
	#macdow-region-selector {display:none}
	#macdow-region-mobile-selector {background-color:black;padding:25px;}
	
	#macdow-region-mobile-selected {display: none;color:#fff;}
	#macdow-region-mobile-dropdown-title {color:#4a9c4b}
	#macdow-region-mobile-dropdown .macdow-region-mobile-options {margin:0;padding: 0;}
	#macdow-region-mobile-dropdown .macdow-region-mobile-options > div {list-style:none;display: block;padding: 10px 0;position: relative;text-shadow: 1px 1px 5px rgb(0 0 0 / 25%);font-size: 15px;font-weight: 600; color:#fff;}
	body.mdreg-aus #macdow-region-mobile-dropdown .macdow-region-mobile-options > div#mdreg-aus::after {font-family: "Font Awesome 5 Free"; position: absolute;right: 0;top: 4px;content:"\f00c";}
	body.mdreg-nzp #macdow-region-mobile-dropdown .macdow-region-mobile-options > div#mdreg-nzp::after {font-family: "Font Awesome 5 Free"; position: absolute;right: 0;top: 4px;content:"\f00c";}

	/* Mobile Menu */
	.elementor-menu-toggle {position: fixed;top: 48px;right: 25px;background: transparent;}
	.elementor-menu-toggle .e-font-icon-svg {fill: #fff;}
	#be_header ul.elementor-nav-menu > li.menu-item > a {border-bottom: 1px solid #000}
	#be_header ul.elementor-nav-menu > li.menu-item > a::after,
	#be_header ul.elementor-nav-menu > li.menu-item li a::after {display:block;position:absolute;top:10px;right:10px;width:30px;height:30px;text-align:center;padding-top:4px;font-family:"Font Awesome 5 Free";content:"\f054";color:#fff;opacity:1 !important}
	#be_header ul.elementor-nav-menu > li.menu-item.menu-item-has-children > a::after {content:"\f067";}
	#be_header ul.elementor-nav-menu > li.menu-item li a {background:#fff !important;color:#000 !important;border-bottom:1px solid #000;}
	#be_header ul.elementor-nav-menu > li.menu-item li a::after {color:#000;}

	/*header and feature*/ 
	body {border-top:107px solid #444;}
	body.home {border-top:0;}
	#be_header {position: fixed;top: 0;width: 100%;z-index: 11;height: 107px;box-shadow: 0 -13px 25px 9px #000;padding-top:0}

	#macdow-feature {margin-top:-15px;}
	#macdow-feature .macdow-feature-image {position:static;overflow: hidden;aspect-ratio:2/1;min-height: 280px;}
	#macdow-feature .fixed-top-placeholder {display:none;}

	#macdow-feature .macdow-feature-image.macdow-wp-yt-video iframe {margin-top:-10%;max-width:140%;width: 140%;margin-left: -20%}
	.parallax {transition: background-position 0s;aspect-ratio: 3/2;}
	#macdow-feature > div,
	.be-fixed-top,.fixed-top-placeholder {aspect-ratio: 3/2;}


	/* branding guidelines */
	.brandingguidelines h2.elementor-heading-title{font-size:1.6em !important;}

	/* project grid */
	.be-grid-cols-3 .be-grid-item {width:100%;}




}