/* Custom CSS for Blackburn */
/* 
body.home .main_content {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
}
body.home .col-lg-9.column {
    width: 100%;
}
.backstretch img {
    left: 27px !important;
}
 */
body.blue {
    /* background-color: #fafad2; */
    background-color: #fff;
    color: #4f4f4f;
}
body.bw .container:first-child,
body.bw .navbar + .container {
	width: 100%;
	z-index: 9999;
	background-color: white;
	border-bottom: 2px solid #e0b65b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.26);
	padding: 8px 15px;
}
body.bw .navbar .container {
	box-shadow: none;
	z-index: unset;
	background-color: black;
	width: inherit;
	padding: 0 15px;
	border-bottom: 0;
}
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto;
}

.col-lg-9 h1 {
	margin-top: 11px;
	margin-bottom: 50px;
}
.content {
	color: #4f4f4f;
}
.side_logo img {
    max-width: 275px;
}
a {
    color: #428bca;
}
a:hover {
  color: #428bca;
  text-decoration: underline;
}
.home h1:first-of-type {
    margin-bottom: 20px;
}
.home-top {
    display: flex;
}
.home-top .contact-info .image-right {
    margin-bottom: 0;
}
.home-top .col-md-8 {
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.home-top .col-md-8 p:first-child {
    margin-top: -9px;
}
.contact-info {
    /* 
display: flex;
    flex-direction: column;
    justify-content: center;
 */
}
.contact-info .assess-info {
    font-size: 16px;
}
.home-top .contact-info {
    margin-bottom: 30px;
    line-height: 1.3;
}
.home-top .contact-info .wrap {
    border: 1px solid #ececec;
    padding: 15px;
}
.contact-info .image-center img {
    width: 44px;
    height: auto;
}
.contact-info .image-center {
    margin: 4px 0 10px 0 !important;
}
.contact-info a {
    color: #428bca;
}
.contact-info p {
    font-size: 15px;
}
.contact-info .call {
    clear: both;
}
.contact-info .image-left {
    max-width: 64px;
    margin-right: 15px;
}
.contact-info .info-title {
    font-size: 16px;
    line-height: 1.1;
	text-align: left;
	margin-bottom: 17px;
}
.mobile-menu a .fa-bars {
    display: none;
}
.nav-list {
    padding: 25px 20px 20px;
}
.nav-list li {
    float: left;
    clear: both;
    width: 100%;
}
.nav-list a {
    font: 15px/24px 'Whitney SSm A', Arial, Helvetica, sans-serif;
    border: 1px solid transparent;
}
.nav-list > li > a:hover, .nav-list .nav > li > a:focus {
	border: 1px solid #616161;
	background-color: transparent;
}
.sidebar-nav .nav-list a {
	color: #222222;
	font-size: 14px;
	text-align: left;
	margin-left: 6px;
}
.sidebar-nav .nav-list li.active a,
.col-md-3 .nav-list li.active a {
    border: 1px solid #222222;
}
h4.nav-header.collapsed big a:after {
    color: #029fe2;
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 17px;
    float: right;
}
ul.nav.nav-pills li.dropdown a.dropdown-toggle:after {
    color: #999999;
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 17px;
    margin-left: 5px;
    float: right;
}
ul.nav.nav-pills li.dropdown a.dropdown-toggle:hover:after {
    color: #C2C2C2;
}
ul.nav.nav-pills li.dropdown.open a.dropdown-toggle:after {
    color: #999999;
    content: '\f106';
    font-family: 'FontAwesome';
    font-size: 17px;
    line-height: 1;
    margin-left: 5px;
    float: right;
}
.dropdown-backdrop {
    z-index: 0 !important;
}
.dropdown-menu li {
    clear: both;
}
li.open .dropdown-menu li:first-child {
    display: none;
}
.sidebar-nav {
    width: 100%;
    max-width: 265px;
    margin-top: 0;
    padding-top: 6px;
    text-align: center;
}
/* move menu align left */
.sidebar-nav .nav-list a {
	font-size: 16px;
	/* font-family: 'Open Sans', sans-serif; */
    text-align: left;
    line-height: 1.35;
    margin-bottom: 9px;
}
#dark a span {
    float: none;
}
#dark a span .fa {
	float: right;
}
#dark li a,
.col-md-3 #dark li a {
	padding: 2px 10px !important;
	margin: 0 0 9px 0;
	width: 100%;
	text-align: left;
}
#dark li.dropdown.active > a {
    border: 0;
}
#dark li.dropdown .active a {
    border: 1px solid #222222;
}
#dark li.dropdown .not-active a {
    border: 0;
}
.sidebar-nav ul.nav-list.collapse {
    padding-left: 17px !important;
}

/* projects image zoom and overlay */
.project_block { 
	width: 264px;
	height: 310px; 
	padding: 0;
	margin: 0 0 14px 14px;
}
.project_block .proj_img img {
    width: 264px;
    height: 310px;
}
.home .project_block .tile-wrap .proj_img img {
    width: 100%;
    height: auto;
}
.home .project_block {
    height: auto;
    width: 100%;
    max-width: 275px;
}
.home .tile-wrap {
    position: relative;
}
.home .tile-wrap + p {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 10px;
}
.row.home {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
/* 
.row.home {
    justify-content: flex-start;
}
 */
.main_content .row:first-child {
	display: block;
}
.project_grid_title {
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.4);
    font-size: 0.7em !important;
    text-transform: uppercase;
    line-height: 12px;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.client-projects .project_grid_title {
	padding-top: 15px;
}
.project_grid_title a {
    color: white;
    text-decoration: none;
}
.home .project_grid_title a {
    font-size: 1.2em;
    line-height: 1.3;
}
.home .project_grid_title {
    height: 50px;
}
td .project_grid_title {
	bottom: 10px;
	width: 93%;
}
/* 
.col-md-4 .project_grid_title {
    position: inherit;
    bottom: 40px;
    width: auto;
}
 */
.restoration-services .project_grid_title {
	padding: 14px;
}
.home-table td .project_grid_title,
.materials td .project_grid_title {
    padding-top: 14px;
}
table.our-work tr:nth-child(2n+0) {background-color:#e4eaf3}

.our-work td {
    border: 1px solid #bfcadb;
}
.our-work.slate td {
	width: 275px;
}
td {
	position: relative;
}
td .img-responsive {
    display: initial;
}
img.img-responsive {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
img.img-responsive:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);	
}
.image-wrap {
    overflow: hidden;
}
.our-work td a {
    color: #ffffff;
    display: block;
    text-align: center;
}

/* projects image zoom and overlay - END */

.home footer {
    display: block;
    position: unset;
}
footer .container a {
    color: inherit;
}
footer .container a:hover {
	text-decoration: underline;
}
footer .container p {
    color: #616161;
}
.image-left,
.image-center,
.image-right {
    height: auto;
}
ul.nav.nav-pills li.dropdown a.dropdown-toggle .caret {
    display: none;
}
.open > .dropdown-menu li.not-active a {
    color: #000 !important;
    background-color: unset !important;
	font-size: 16px;
}
.open > .dropdown-menu li.active a,
.dropdown-menu li.not-active a:hover {
	font-weight: bold;
	background-color: unset !important;
	color: #000 !important;
	font-size: 16px;
}
nav{
	font-size : 16px;
}
/* 
@media screen and (min-width: 768px) {
	.sidebar-nav {
		position: fixed !important;
	}
}
 */
 
@media screen and (min-width: 1200px) {
    .col-lg-3 {
        padding-left: 5px;
    }	
    /* 
#logo {
		margin-left: -34px;
	}
	#nav-collapse-top {
		padding-right: 0;
		margin-right: -20px;
	}
 */
}
@media screen and (max-width: 1440px) {
	.home .tile-wrap + p {
		/* min-height: 13.6vw; */
	}
}
@media screen and (max-width: 1199px) {
	header {
		width: 100%;
	}
	.main_content > .row > .col-md-8 {
        width: 100%;
    }
    .row.home {
        justify-content: center;
    }
	.home .project_block {
		max-width: 300px;
	}
	.home .project_grid_title a {
		font-size: 1.2em;
	}
	.sidebar-nav {
        /* display: none; */
    }
    .home-banner-wrapper {
        margin-top: 69px;
    }	
	.project_block {
		margin: 0 14px 14px 0;
		width: 47%;
		height: auto;
	}
	.project_block .proj_img img {
		width: 100%;
		height: auto;
	}   
    .project_block:nth-child(3n) {
		margin-right: 14px;
	}
	.home .tile-wrap + p {
		/* min-height: 13.5vw; */
	}
    .our-work td {
        width: 275px !important;
        display: block;
    }
    .our-work tr {
        display: table-cell;
    }
    .our-work.slate tr {
		display: block;
		width: 100%;
	}
	.our-work.slate td {
		display: inline-block;
	}
}
@media screen and (max-width: 1024px) {
	td .project_grid_title {
		width: 92.7%;
	}
    .col-md-8 {
        width: 100%;
    }	   
}
@media screen and (max-width: 991px) {
   	.home-top, .home-top .col-md-8, .home-top .contact-info {
   		display: block;
   	}
	.home-top {
        padding-left: 15px;
    }
   	.home-top .col-md-8 {
        padding: 0;
    }
    header {
		display: block;
	}
    .home-top .col-md-8,.home-top .col-md-4 {
        width: 100%;
    }
    .home-top .col-md-4 {
        max-width: 320px;
        margin: 0 auto;
		padding: 0;
    }
    .col-sm-7.column img {
        height: auto;
    }
    .project_block {
		width: 196px;
		height: auto;
		float: left;
	}
	.project_block:nth-child(2n) {
        margin-right: 0;
    }
	.project_block .proj_img img {
		width: 196px;
		height: 100%;
	}
    .home .project_block {
		width: 100%;
		max-width: 350px;
		margin: 30px auto;
	}
	.home .project_block:nth-child(2n) {
		margin-right: auto;
	}
}
@media screen and (max-width: 768px) {	
	body.bw .container + .row .span12 hr {
        margin-top: 0;
    }
	.backstretch img {
        left: -666px !important;
    }	
	.project_grid_title {
        font-size: 11px !important;
    }
    td .project_grid_title {
		width: 91%;
	}	
    .our-work td {
        width: 220px !important;
        display: block;
    }
    .our-work img {
        height: 258px;
        width: 100%;
    }
    .our-work.slate img {
        width: 275px;
        height: 335px;
    }
    .our-work.slate td {
        width: 275px !important;
    }
	/* 
.home .nav-list a {
		color: white;
		border: 1px solid rgba(0, 0, 0, 0.48);
		background-color: rgba(0, 0, 0, 0.48);
	}
	.home .nav-list > li > a:hover, .home .nav-list .nav > li > a:focus {
		border: 1px solid white;
	}
 */
 	footer {
		height: 150px;
    }    
}
@media screen and (max-width: 767px) {
    body .container:first-child {
		padding-right: 20px;
    }
    .col-sm-7.column p:first-of-type + p {
        /* text-align: center; */
    }	
	.sidebar-nav {
		max-width: 100%;
    }
    .navbar-toggle {
        margin-top: 0;
    }
    .navbar-toggle .icon-bar {
		width: 23px;
		height: 3px;
		background-color: #767676;
    }
	.bw .btn.navbar-toggle,
	.bw .btn.navbar-toggle:hover {
		background-color: #ffffff;
		color: #fff;
	}
	.btn.navbar-toggle:active {
		box-shadow: none;
	}
    .mobile-menu {
        position: absolute;
		right: 8px;
		top: 14px;
        display: block !important;
    }
    .mobile-menu a.active {
		color: #9A9A9A!important;
	}

	.mobile-menu a {
		color: black !important;
	}
	.mobile-menu a:hover {
        text-decoration: none;
    }
	.mobile-menu a .fa-bars {
		display: block;
	}
	/* Start fix for top nav drop down menus on mobile */
    .navbar-collapse {
    	max-height: none !important;
    	float: left;
    }
    /* 
.bw .nav-pills .open .dropdown-toggle:hover {
		color: #ffffff;
	}
 */
    .navbar-collapse.in {
		overflow-y: inherit !important;
		width: 100%;
		padding: 0;
	}
    .dropdown-menu {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		margin-top: 0;
		padding: 0;
		border: 0 !important;
		z-index: 5 !important;
		/* display: block !important; */
		clear: both;
		float: none !important;
    }
    .dropdown-menu li a {
		padding-left: 20px !important;
    }
	.open > .dropdown-menu li {
		width: 100%;
		border: none;
		margin-bottom: 0;
	}
	.open > .dropdown-menu li.not-active a {
	}
	.blue .nav-pills .open .dropdown-menu .active a,
	.blue .nav-pills .open .dropdown-menu a {
		white-space: normal;
	}
	.blue .nav > li.dropdown.open.active > a:hover,
	.blue .nav > li.dropdown.open.active > a:focus {
		color: #999999;
		border: 0;
		border-color: initial; 
		border-bottom: 1px solid #999;
	}
	.blue .nav-pills .active a,
	.open > .dropdown-menu li.active {
		border: 0;
		border-bottom: 1px solid #999;
	}
	.open > .dropdown-menu li.active a {
        color: #e5edee !important;
    }
	.dropdown.open .dropdown-menu a.dropdown-toggle {
		display: none;
	}
    .nav-pills li .dropdown-menu li a {
        padding-left: 20px !important;
    }
    .dropdown-submenu>a:after {
    	display: none;
    }
    /* END fix for drop down menus on mobile */
    .sidebar-nav {
		min-height: 132px;
		position: relative;
	}
    ul.nav-list.hide-menu {
		display: none;
	}
	ul.nav-list {
		padding: 20px 0px 10px 0;
    }
    .mobile-menu i.fa.fa-bars {
        font-size: 33px;
    }
    .border.hide-line {
		opacity: 0;
	}
	.our-work.slate tr {
        display: initial;
        width: 100% !important;
    }
    .project_block:nth-child(2n) {
        margin-right: 14px;
    }
   .home-top {
        padding: 0 15px;
    }
}
@media screen and (min-width: 541px) and (max-width: 767px) {
	#nav-collapse-top { /* This sets the top nav so it's full width and float: left; */
		width: 98%;
		float: left;
		padding: 0;
		margin-top: 7px; /* This sets the vertical position top nav */
		min-height: 200px;
	}
	.our-work td {
        width: 295px !important;
        display: block;
    }
    .our-work tr {
        display: inline-block;
        width: 300px !important;
    }
    .our-work img {
        height: 335px;
        width: 100%;
    }
}
@media screen and (max-width: 540px) {
	body.bw .container:first-child,
	body.bw .navbar + .container {
		padding: 8px 10px;
	}	
    .home h1:first-of-type {
        font-size: 22px;
        line-height: 1.4;
    }    
	.navbar-toggle {
		margin-right: 0;
	}
	a.side_logo {
        display: block;
        width: 100%;
        text-align: left;
    }
    body.home ul.nav-list {
		margin-left: auto;
	}
	.sidebar-nav {
		max-width: 100%;
	}	
	.nav-list {
        max-width: 250px;
        margin: 10px auto;
    }
    footer .container p {
        font-size: 13px;
    }
    #social {
        display: block !important;
    }
    .portfolio-wrap {
		width: 73%;
	}
	.project_block {
		width: 100%;
		max-width: 294px;
		margin: 0 auto 14px;
	}
	.project_block:nth-child(3n) {
		margin-right: auto;
	}
    .project_block:nth-child(2n) {
        margin-right: auto;
    }
	/*.project_grid_title {
		position: absolute;
		bottom: 0;
		 font-size: 16px !important;
	}   */
    .home .project_grid_title {
        font-size: 12px !important;
    }	
	.project_block .proj_img img {
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 425px) {
    #logo img {
        max-width: 260px;
    }	
	.portfolio-wrap {
		width: 100%;
	}
	.our-work tr {
		display: block;
	}
	.our-work td {
        width: 275px !important;
        height: 335px;
        display: block;
        margin: 10px auto;
        padding: 0;
    }
    .our-work td a {
        font-size: 13px;
    }
    .our-work.slate td {
        width: 100% !important;
        margin: 0 auto 12px;
    }
    .our-work.slate td .project_grid_title {
		width: 275px;
		left: calc(50% - 138px);
	}
	.our-work.slate .image-wrap,
    .our-work.slate img {
        height: 335px;
        width: 275px;
        margin: 0 auto;
    }
    .image-wrap,
    .our-work img {
        height: 335px;
        width: 275px;
    }
    td .project_grid_title {
		width: 100%;
		bottom: 0;
	}		
}
@media screen and (max-width: 414px) {
	#logo img {
        max-width: 225px;
    }
    .home h1:first-of-type {
        font-size: 20px;
    }
	.mobile-menu {
        right: 0;
    }
    .side_logo img {
		max-width: 260px;
	}
    .home .project_block {
        padding: 0 15px;
    }
    a.side_logo {
        text-align: left;
    }
}
@media screen and (max-width: 320px) {
	.home h1:first-of-type {
        font-size: 22px;
    }
	footer .container p {
        font-size: 12px;
    }
}