/*!
Theme Name: BVLR
Theme URI: http://underscores.me/
Author: Chaman
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bvlr
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

BVLR is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*!
==============================================================================================================================
    ____ _    ____    ____ 
   / __ ) |  / / /   / __ \
  / __  | | / / /   / /_/ /
 / /_/ /| |/ / /___/ _, _/ 
/_____/ |___/_____/_/ |_|  
                                                                                                                                                                                          
============================================================================================================================== 

Blue #023343 rgba(2,51,67,1)
Yellow #FDCC00
Orange #F18C02

Gradient - nav
 background: rgb(2,51,67);
background: -moz-linear-gradient(90deg, rgba(2,51,67,1) 0%, rgba(66,71,77,1) 25%, rgba(241,140,2,1) 75%, rgba(253,204,0,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(2,51,67,1) 0%, rgba(66,71,77,1) 25%, rgba(241,140,2,1) 75%, rgba(253,204,0,1) 100%);
background: linear-gradient(90deg, rgba(2,51,67,1) 0%, rgba(66,71,77,1) 25%, rgba(241,140,2,1) 75%, rgba(253,204,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#023343",endColorstr="#fdcc00",GradientType=1); 

Gradient - imageblocks
background: rgb(82,82,82);
background: -moz-linear-gradient(180deg, rgba(82,82,82,0.8) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(180deg, rgba(82,82,82,0.8) 0%, rgba(0,0,0,0.8) 100%);
background: linear-gradient(180deg, rgba(82,82,82,0.8) 0%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#525252",endColorstr="#000000",GradientType=1);

Gradient - footer
background: rgb(2,51,67);
background: -moz-linear-gradient(70deg, rgba(2,51,67,1) 0%, rgba(66,71,77,1) 25%, rgba(241,140,2,1) 50%, rgba(253,204,0,1) 100%);
background: -webkit-linear-gradient(70deg, rgba(2,51,67,1) 0%, rgba(66,71,77,1) 25%, rgba(241,140,2,1) 50%, rgba(253,204,0,1) 100%);
background: linear-gradient(70deg, rgba(2,51,67,1) 0%, rgba(66,71,77,1) 25%, rgba(241,140,2,1) 50%, rgba(253,204,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#023343",endColorstr="#fdcc00",GradientType=1); 

Futura Light {font-family:'Futura Plus W08 Light';font-weight:normal;font-style:normal;}
Futura Book {font-family:'Futura Plus W08 Book';font-weight:normal;font-style:normal;}
Futura Bold {font-family:'Futura Plus W08 Bold';font-weight:normal;font-style:normal;}
** FONTS UPDATED TO TYPEKIT
futura-pt light - 300
futura-pt regular - 400
futura-pt bold - 700

==============================================================================================================================
*/

.max-text-width {width:580px;max-width: 100%;}
.max-text-width680 {width:680px;max-width: 100%;}

.show-tab-p {display:none;}
.hide-tab-p {display:block;}

.cols{display:flex;flex-direction: row;position: relative;}
.col{width:50%;position: relative;}

.clearboth{clear: both;}

/*#homeintro {background:url(/wp-content/themes/bvlr/images/yellow-stripe.svg) center top no-repeat;background-size: 100%;}*/
#homeintro .bgtop {background:url(/wp-content/themes/bvlr/images/bg-home2.jpg) center bottom no-repeat;background-size:auto;height: 1224px;min-height:1224px;}
#homeintro .bgbot {}
#homeintro .cols{height: 100%;}
#homeintro .col:first-child{width:50%;display:flex;justify-content: flex-end;;padding-top:180px;}
#homeintro .col:last-child{width:50%;}
/*#homeintro .col:last-child{background:url(/wp-content/themes/bvlr/images/bg-man2.png) center bottom no-repeat;background-size: 100%;}*/
#homeintro .introtext {display: flex;flex-direction: column;justify-content: flex-start;width: 660px;max-width: 100%;}
#homeintro h1 {font-size: 7rem;line-height:0; text-transform: uppercase;margin-bottom: 60px;margin-left: -10px;}
#homeintro p {max-width: 680px;margin: 0;padding-bottom: 4rem;}
#homeintro h2 {font-size: 7rem;line-height:7rem; text-transform: uppercase;padding-bottom: 40px;display: flex;
	flex-grow: 1;flex-direction: column;justify-content: flex-end;}
.hh1 {padding: 26px 0 36px 7px;}
.hh1rev {padding: 26px 0 36px 7px;}
#homeintro h1 .hh1rev {background:#023343;color:#fff;}
#homeintro h1 .hh1rev span {font-family:futura-pt;font-weight:400;font-style:normal;}
@media only screen and (max-width:1640px) { 
	#homeintro .introtext {width: calc(100vw - ( 100vw - 1480px) - 50vw);}
}



#homeintro .boxes{display:flex;flex-wrap: wrap;isolation: isolate;}
.box {width:50%;height:33vw;background:#023343;position: relative;isolation: isolate;}
.box1{background: url(/wp-content/themes/bvlr/images/education.jpg) center center no-repeat;background-size: cover;}
.box2{background: url(/wp-content/themes/bvlr/images/healthcare.jpg) center center no-repeat;background-size: cover;}
.box3{background: url(/wp-content/themes/bvlr/images/commercial.jpg) center center no-repeat;background-size: cover;}
.box4{background: url(/wp-content/themes/bvlr/images/retail.jpg) center center no-repeat;background-size: cover;}
.box5{background: url(/wp-content/themes/bvlr/images/leisure.jpg) center center no-repeat;background-size: cover;}
.box6{background: url(/wp-content/themes/bvlr/images/industrial.jpg) center center no-repeat;background-size: cover;}

.btitle,
.btext,
.box .tint1, .box .tint2,
.underline {
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}


.btitle {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 3.0rem;
	/*
	width: 100%;
	height: 100%;
	padding:10%;
	text-align: center;
	*/
  	/*white-space: nowrap;*/
	
}
.underline {position: absolute;top:57%;left:50%;transform: translate(-50%, 0%);height:8px;width: 128px;background:#FDCC00;}
.btext {position: absolute;top:65%;left:0;opacity:0;padding:0 35% 0 15%;color:#fff;font-size: 1.6rem;line-height: 1.9rem;}

.blend-color {position:absolute;top:0;left:0;width:100%;height:100%;
	background:#023343;
	opacity:1;
	mix-blend-mode:color;
}
.blend-multiply {position:absolute;top:0;left:0;width:100%;height:100%;
	background:#252829;
	opacity:0.32;
	mix-blend-mode:multiply;
}
.box .tint1 {position:absolute;top:0;left:0;width:100%;height:100%;
	mix-blend-mode: multiply;
	opacity:0.8;
	background: rgb(82,82,82);
	background: -moz-linear-gradient(180deg, rgba(82,82,82,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(82,82,82,1) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(82,82,82,1) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#525252",endColorstr="#000000",GradientType=1);
}
.box .tint2 {position:absolute;top:0;left:0;width:100%;height:100%;
	mix-blend-mode: multiply;
	opacity:0;
	background: rgb(82,82,82);
	background: -moz-linear-gradient(180deg, rgba(82,82,82,0) 50%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(82,82,82,0) 50%, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(82,82,82,0) 20%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#525252",endColorstr="#000000",GradientType=1);
}
.box:hover .blend-color,.box.show .blend-color {opacity:0;}
.box:hover .tint1,.box.show .tint1 {opacity:0;}
.box:hover .tint2,.box.show .tint2 {opacity:0.7;}
.box:hover .btitle,.box.show .btitle {left:15%;transform: translate(0%, -50%);}
.box:hover .underline,.box.show .underline {width:40px;left:15%;transform: translate(0, 0);}
.box:hover .btext,.box.show .btext {opacity:1;}

#process {padding-top:100px;padding-bottom:100px;}
#process h2 {font-size: 7rem;line-height:7rem; text-transform: uppercase;padding-bottom: 40px;}
.pboxes {position: relative;padding-left:10px}
.pbox {float:left;margin-left:-10px; position: relative; height:205px;background:url(/wp-content/themes/bvlr/images/parrow.png) right center no-repeat;background-size:cover;}
.pboxnum {position:absolute;top:0;left:0; width:124px;height:205px;background:url(/wp-content/themes/bvlr/images/pcover2.png) right center no-repeat;background-size:152px 205px;
	font-size: 7rem; font-family:futura-pt;font-weight:700;font-style:normal;}
.pbox a {z-index: 1;position: relative;display: flex;text-decoration:none;height: 205px;padding:90px 60px 0 50px;margin-left:40px; font-size: 2rem;line-height: 2.7rem;text-transform: uppercase; font-family:futura-pt;font-weight:700;font-style:normal;}
.pbox a:hover {/*text-decoration: underline;*/color: #FFF;} 
.pbox1{z-index:9;}
.pbox2{z-index:8;}
.pbox3{z-index:7;}
.pbox4{z-index:6;}
.pbox5{z-index:5;}
.pbox6{z-index:4;}
.pbox7{z-index:3;}
.pbox8{z-index:2;}
.pbox9{z-index:1;}
.pbox9 a{padding-top:65px;padding-left:65px;}
.pbox0{background-image: none;}








#sustainability{background: #F7FBFF;padding-top:100px;padding-bottom:100px;}
#sustainability h2 {font-size: 7rem;line-height:7rem; text-transform: uppercase;padding-bottom: 40px;}
#sustainability p {color: #707070;}
#sustainability blockquote {position:relative;height: 40vw;}
#sustainability blockquote .bqimage {transform: rotate(0deg);position:absolute;z-index:1;width: 100%;height: 100%; background:url(/wp-content/themes/bvlr/images/tri-arrows-new2.png) center center no-repeat;background-size: contain;
	-webkit-transition: all 3s ease;-moz-transition: all 3s ease;-o-transition: all 3s ease;transition: all 3s ease;opacity: 0.2;}
#sustainability blockquote .bqtext{position:relative;z-index:2;display: flex;align-items: center;justify-content:flex-end;height:100%; font-size:3rem; font-family:futura-pt;font-weight:700;font-style:normal;color:#707070;}
#sustainability blockquote .bqtextinner {display: flex;align-items: flex-start;max-width: 100%;}
#sustainability blockquote .bqtext p {width: 500px;max-width: 100%;margin:0;}
#sustainability blockquote .bqtext .prequote {font-size: 19rem;line-height:87px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
.postquote {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 5rem;display: inline-block; position: relative; top: 15px; line-height: 2px;} 

#sustainability blockquote .bqimage.rotate {transform: rotate(360deg);}



/* laptop tweaks */
@media only screen and (max-width:1400px) { 
	
}
@media only screen and (max-width:1100px) { 
	.pbox {height: 160px;overflow: hidden;}
	.pboxnum {height: 160px;background-size: 152px 160px;font-size: 6rem;padding-left: 5px;}
	.pbox a {height: 160px;padding: 70px 60px 0 50px;font-size: 1.7rem;line-height: 2.3rem;}
	.pbox.pbox9 a {padding-top: 49px;}
}
/* tablet landscape (and below) */
@media only screen and (max-width:1024px) { 
	
}
/* retina (width media queries can be nested inside) */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) { 
	#homeintro .bgtop {background:url(/wp-content/themes/bvlr/images/bg-home2@2x.jpg) center bottom no-repeat;background-size: 100%;}
}
@media only screen and (max-width:900px) { 
	#homeintro .bgtop {background:url(/wp-content/themes/bvlr/images/yellow-stripe.svg) center bottom no-repeat;background-size: cover;}
	#homeintro .col:first-child {width: 100%;justify-content: center;}
	#homeintro .col:last-child {display: none;}
	.btitle {top: 34%;}
	.underline {top: 42%;}
	.btext {top: 53%;}
}
/* tablet portrait (and below) */
@media only screen and (max-width:768px) { 
	.btext {padding:0 10% 0 10%;}
	.box:hover .btitle,.box.show .btitle {left:10%;}
	.box:hover .underline,.box.show .underline {left:10%;}
}
@media only screen and (max-width:767px) { 
	#sustainability .cols {flex-direction: column;}
}
@media only screen and (max-width:600px) { 
	#homeintro .bgtop {height: auto;}
	#homeintro h1 .hh1rev span {display: block;padding-top: 7rem;}
	.box {width:100%;height:66vw;}
	.pbox {height: 90px;width: 100%;margin: 10px 0;background-size: 100% 120%;}
	.pboxnum {height: 90px;font-size: 5rem;padding-left: 0;}
	.pbox a {height: 90px;padding: 25px 60px 0 50px;line-height: 2.0rem;}
	.pbox.pbox9 a {padding-top: 17px;}
	.pbox br {display: none;}
	.cols {flex-direction: column;}
	.col {width: 100%;}
	#sustainability h2 {
		font-size: 10vw;
		line-height: 1em;
		text-transform: uppercase;
		padding-bottom: 0px;
	}
	#process {
		padding-top: 60px;
		padding-bottom: 0px;
	}
	#sustainability {padding-top: 60px;}
}
/* phone */
@media only screen and (max-width:480px) { 

}
/* retina (width media queries can be nested inside) */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) { 
	.box1{background: url(/wp-content/themes/bvlr/images/education@2x.jpg) center center no-repeat;background-size: cover;}
	.box2{background: url(/wp-content/themes/bvlr/images/healthcare@2x.jpg) center center no-repeat;background-size: cover;}
	.box3{background: url(/wp-content/themes/bvlr/images/commercial@2x.jpg) center center no-repeat;background-size: cover;}
	.box4{background: url(/wp-content/themes/bvlr/images/retail@2x.jpg) center center no-repeat;background-size: cover;}
	.box5{background: url(/wp-content/themes/bvlr/images/leisure@2x.jpg) center center no-repeat;background-size: cover;}
	.box6{background: url(/wp-content/themes/bvlr/images/industrial@2x.jpg) center center no-repeat;background-size: cover;}

}

.page-id-9 h1.entry-title {display: none;}


.prefooterouter {background: #FFF;}
.prefooter {z-index: 11;padding:50px 20px 120px 20px;font-family:futura-pt;font-weight:700;font-style:normal;font-size: 3rem;line-height: 2.9rem;color: #023343;background: #FFF;}
.home .prefooter, .home .prefooterouter {background: #F7FBFF;}
.downarrow {width:55px;height:75px;position: absolute;bottom:30px;left:20px;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.downarrow svg path {fill:#023343;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.downarrow.fly {bottom:-100px;}
.downarrow.fly svg path {fill:#fff;}

.site-footer {background: url(/wp-content/themes/bvlr/images/bg_foot.jpg) center center no-repeat;background-size:cover;
	font-family:futura-pt;font-weight:400;font-style:normal;color:#fff;padding:100px 0 60px 0;z-index: 10;
	position: relative;}
.site-info {display:flex;}
.col-left, .col-right {width:70%;display: flex;flex-direction: column;}
.col-right {width:30%;display: flex;align-items: flex-end;justify-content: flex-end;} 
.rowtop {}
.rowbot {padding-top: 100px;}
.site-footer h2 {font-size: 7.0rem;line-height: 9.4rem;}
.site-footer h3 {font-size: 3.0rem;line-height: 4rem;}
.site-footer h4 {font-size: 2.0rem;line-height: 2.7rem;}
.site-footer p {font-size: 2.0rem;line-height: 2.6rem;margin:0; }
.site-footer a {color:#fff;text-decoration: none;}
.site-footer a:hover {text-decoration:underline}

.addr1 {padding: 40px 0 30px 0;}
.addr2 {display: flex;}
.addr2 > div:first-child {padding: 0 40px 0 0;}

.col-right p {text-align: right;padding-top: 20px;}

/* laptop tweaks */
@media only screen and (max-width:1400px) { }
/* tablet landscape (and below) */
@media only screen and (max-width:1024px) { 
	.site-footer {background: url(/wp-content/themes/bvlr/images/bg_foot_tab.jpg) center center no-repeat;background-size:cover;}
}
/* tablet portrait (and below) */
@media only screen and (max-width:768px) { 
	.show-tab-p {display:block;}
	.hide-tab-p {display:none;}
	.site-info {flex-direction: column;}
	.col-left, .col-right {width:100%;}
	.col-right {flex-direction: row-reverse;}
	.col-right p {text-align:left;padding-top:30px;}
	.rowbotbot {padding-top:30px;}
}
@media only screen and (max-width:600px) { 
	.site-footer {text-align: center;padding:100px 0 20px 0;}
	.site-footer h2 {font-size: 6rem;line-height: 8.4rem;}
	.site-footer h3 {font-size: 2.5rem;line-height: 3.5rem;}
	.addr2 {flex-direction: column;}
	.col-right {justify-content: center;}
	.rowbotbot {text-align: center;}
	.addr1 {text-align: center;padding: 30px 0 10px 0;}
	.addr2 > div:first-child, .addr2 > div {padding: 20px 0 0 0;text-align: center;}
}
/* phone */
@media only screen and (max-width:480px) { 
	.site-footer {background: url(/wp-content/themes/bvlr/images/bg_foot_mob.jpg) center center no-repeat;background-size:cover;}
	.site-footer a {display: inline-block;padding: 10px;}
}
/* retina (width media queries can be nested inside) */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) { 
	.site-footer {background: url(/wp-content/themes/bvlr/images/bg_foot@2x.jpg) center center no-repeat;background-size:cover;}
	/* tablet landscape (and below) */
	@media only screen and (max-width:1024px) { 
		.site-footer {background: url(/wp-content/themes/bvlr/images/bg_foot_tab@2x.jpg) center center no-repeat;background-size:cover;}
	}
	/* phone */
	@media only screen and (max-width:480px) { 
		.site-footer {background: url(/wp-content/themes/bvlr/images/bg_foot_mob@2x.jpg) center center no-repeat;background-size:cover;}
	}
}