@charset "utf-8";
/* CSS Document */
	#header, #header2 {
	z-index: 10000;
	width: 100%;
	/* [disabled]box-shadow: 0px 0px 5px 3px #2A2A2A; */
	/* [disabled]-moz-box-shadow: 0px 3px 10px #63271F; */
	/* [disabled]-webkit-box-shadow: 0px 0px 5px 3px #2A2A2A; */
	/* [disabled]height: 130px; */
	/* [disabled]border-bottom-color: #5A1411; */
	/* [disabled]border-bottom-style: solid; */
	/* [disabled]border-bottom-width: 6px; */
	top: 0;
	/* [disabled]background-image: url(../images/miscellanous/whiteFill.png); */
	}
	#headerContainer {
	background-color: #FFFFFF;
	padding-bottom: 6px;
	}
	#headerWrapper {
	width: 100%;
	/* [disabled]padding-top: 64px; */
	}
	#headerDetailsContainer {
		box-sizing: border-box;
		width: 100%;
		padding: 0px;
		/* [disabled]background-color: #ccc; */
	}
	#headerDetailsWrapper {
		flex-wrap: wrap;
		font-size: 16px;
		line-height: 20px;
		color: #000;
	}
	#headerLogo {
	/* [disabled]display: none; */




	}
	#headerLogo img {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	width: 70px;
	/* [disabled]position: relative; */
	/* [disabled]margin-bottom: 4px; */
	padding-top: 4px;
	}

	#DWOffScreenMenu1_opener {
        display: inline;
    }

	#headerRightContainer {
	display: flex;
	justify-content: center;
	/* [disabled]background-color: #ccc; */

	}
	#headerRightWrapper {
	display: flex;
	flex-direction: column;

	}
	#headerRightTopRow {
	display: flex;
	flex-direction: column;
	}
	#headerContactRow {
	display: flex;
	margin-top: 0px;
	/* [disabled]background-color: #FF0004; */
	justify-content: center;
	flex-direction: row;

	}
	#headerPhone {
	/* [disabled]background-color: #96FFFF; */
	/* [disabled]font-family: 'Overpass', sans-serif; */
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	}
	#headerPhoneWrapper {
	display: flex;
	margin-right: 20px;
	margin-top: 6px;
	}
	#headerPhoneColour {
	color: #25408F;
	}


	#headerOtherLogos {
	display: none;
	/* [disabled]background-color: #C4C1FF; */
	justify-content: space-around;

	}
	#headerEmail {
	/* [disabled]background-color: #FFC7A5; */
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 40px;
	margin-bottom: 0px;
	}
	#headerEmailWrapper {
	margin-top: -6px;


	}
	#headerEmail img {
	height: 26px;
	width: auto;
	-webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */
	transition: all .3s;
	width: auto;
	}
	#headerEmail img:hover {
		transform: scale(1.1);
	}
	#headerSMContainer {
	flex-direction: row;
	/* [disabled]background-color: #fff; */
	margin-top: 14px;
	}
	.headerSM {
	text-align: center;
	padding-left: 20px;
	/* [disabled]background-color: #ccc; */
	padding-top: 3px;
	}
	.headerSM img {
	height: 30px;
	-webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */
	transition: all .3s;
	width: auto;
	}
	.headerSM img:hover {
		transform: scale(1.1);
	}
	#headerSMicon {
	}
	#headerSMicon {
	}
	#headerSMicon {
	}

	#headerTagline {
	/* [disabled]background-color: #B2FFBF; */
	display: none;
	color: #AA2520;
	font-style: italic;
		
	}	
	#headerMenu {
	/* [disabled]background-color: #1A00FF; */
	display: none;
	margin-right: 20px;

	}

	.phone a, .email a {
	color: #FFFFFF;
	}	
	.email a {
		text-decoration: none;
	}	
	.email a:hover {
		text-decoration: underline;
	}
	.phone a {
		cursor: default;
	}	

	.logoAddOn {
	background-image: url(../images/logos/C-Browns-Construction_vertical.png);
	background-repeat: no-repeat;
	background-size: 240px auto;
	background-position: center 6px;
	}

/* graphic used as a background in header */
@media only screen and (min-width: 760px) {
	.logoAddOn {
	background-image: url(../images/logos/C-Browns-Construction_horizontal.png);
	background-size: 50% auto;
	background-position: 150px top;
	}
}

@media only screen and (min-width: 950px) {
	.logoAddOn {
	background-size: auto 56px;
	}
}


@media only screen and (min-width: 760px) {
	/* ^^^ Hide main menu show mobile at the breakpoint where large menu gets cut off  */
    #DWOffScreenMenu1_opener {
        display: none;
    }
	
	#header, #header2 {
	padding-bottom: 0px;
	/* [disabled]border-bottom: 2px solid #FFFFFF; */
	/* [disabled]background-position: 0px -94px; */
	background-repeat: repeat-x;
	}
	#headerContainer {
	display: flex;
	flex-direction: row;
	/* [disabled]margin-top: 2px; */
	/* [disabled]border-bottom: 3px solid #000; */
	margin-bottom: 0px;
	}
	#headerWrapper {
	max-width: 1300px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	display: flex;
	justify-content: space-between;
	/* [disabled]padding-left: 15px; */
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	}
	#headerDetailsContainer {
		
	}
	#headerDetailsWrapper {
	display: flex;
	width: 100%;
	padding: 20px 0;
	justify-content: space-between;  /* pushes child elements to opposite ends */
	/* [disabled]background-color: aqua; */
	}
	#headerLogo {
	/* [disabled]background-color: #000; */
	/* [disabled]display: inline; */

	}
	#headerLogo img {
	margin-top: 5px;
	width: 130px;
	position: absolute;
	z-index: 2000;
	margin-bottom: 0px;
	padding: 0;
	margin-left: 15px;
	}

	#headerRightContainer {
	margin-top: 10px;

	}
	#headerRightWrapper {


	}
	#headerRightTopRow {
	flex-direction: row;
	justify-content: flex-end;
	margin-bottom: 4px;
		
	}
	#headerContactRow {
	margin-top: 0px;
	/* [disabled]padding-top: 10px; */
	/* [disabled]padding-right: 20px; */
	/* [disabled]padding-left: 20px; */
	/* [disabled]padding-bottom: 10px; */

	
	}
	#headerPhone {
	text-align: left;
	font-size: 2.5rem;
	line-height: 1;
	/* [disabled]margin-top: 20px; */
	/* [disabled]margin-bottom: 30px; */
	margin-right: 20px;


	}
	#headerPhoneWrapper {
	/* [disabled]align-self: flex-end; */
	margin-top: 0px;
	align-content: flex-end;
	margin-right: 10px;
	}

	#headerOtherLogos {
	display: flex;
	margin-left: 20px;
	margin-top: 4px;

	}
	#headerEmail {
	margin-left: 20px;
	margin-right: 0px;
	}
	#headerEmail img {
	height: 40px;
	margin-top: 1px;
	}
	#headerEmailWrapper {
		margin-top: 0px;
	}
	#headerSMContainer {
	margin-bottom: 0px;  /* pushes them to the bottom on the vertical axis */
	margin-top: 0px;
	display: flex;
	}
	.headerSM {
	padding-left: 4px;
	padding-bottom: 0px;
	padding-right: 0px;
	}
	.headerSM img {
	height: 36px;
	}
	#headerTagline {
	text-align: right;
	display: block;
	font-size: 1rem;
	line-height: 1.8rem;
	/* [disabled]font-style: italic; */
	margin-bottom: 0px;
	margin-top: 4px;
	margin-right: 6px;
		
	}
	
	#menuWrapper {
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	}
	#headerMenu {
	display: block;
	margin-top: -6px;

	}

}