/*
 Theme Name:   Russell Brooks Building
 Description:  Divi Child Theme
 Author:       Jeffrey P. Bugahod
 Author URI:   http://www.jeffreybugahod.com
 Template:     Divi
 Version:      1.0.0
*/

/******************
General Settings
*******************/

/* #### Generated By: http://www.cufonfonts.comrftft
  #### */

@font-face {
font-family: 'Avenir LT Std 95 Black';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 95 Black'), url('fonts/AvenirLTStd-Black.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 45 Book';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 45 Book'), url('fonts/AvenirLTStd-Book.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 85 Heavy'), url('fonts/AvenirLTStd-Heavy.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 35 Light';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 35 Light'), url('fonts/AvenirLTStd-Light.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 65 Medium';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 65 Medium'), url('fonts/AvenirLTStd-Medium.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 55 Roman';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 55 Roman'), url('fonts/AvenirLTStd-Roman.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 95 Black Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 95 Black Oblique'), url('fonts/AvenirLTStd-BlackOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 45 Book Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 45 Book Oblique'), url('fonts/AvenirLTStd-BookOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 85 Heavy Oblique'), url('fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 35 Light Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 35 Light Oblique'), url('fonts/AvenirLTStd-LightOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 65 Medium Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 65 Medium Oblique'), url('fonts/AvenirLTStd-MediumOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 55 Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 55 Oblique'), url('fonts/AvenirLTStd-Oblique.woff') format('woff');
}

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('fonts/texgyreadventor-bold-webfont.eot');
    src: url('fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventorbold_italic';
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('fonts/texgyreadventor-italic-webfont.eot');
    src: url('fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventorregular';
    src: url('fonts/texgyreadventor-regular-webfont.eot');
    src: url('fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: 'texgyreadventorregular', Sans-serif;
}


#main-header{
	background-image: url(images/trans-overlay.png); 
	background-repeat: no-repeat;
	background-color: #4C555B !important;
	-webkit-background-size: 100% 100%;
	     -o-background-size: 100% 100%;
	        background-size: 100% 100%;
	-webkit-box-shadow: none;
	        box-shadow: none;padding: 100px 0 25px;
}
.main-nav{
	text-align: center;
}
.main-nav li{
	display: inline-block; vertical-align: middle; position: relative; margin: 0 10px;
}
.main-nav li:before{
	content: ""; width: 11px; height: 11px; position: absolute; background: #ccc200; display: block; left: 0; top: 12px;
}
.main-nav li.menu-logo:before{
	display: none;
}
.main-nav li a{
	display: block; color: #FFF; vertical-align: middle; font-family: 'texgyreadventorregular', Sans-serif; text-transform: uppercase; font-size: 12px; border-bottom: 9px solid transparent; padding: 5px  5px 5px 15px; -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.main-nav li a:hover,
.main-nav li.current-menu-item a{
	border-bottom: 9px solid #ccc200;
}
.main-nav li.menu-logo a {
    background: url("images/russell-brooks-building-logo.png") no-repeat scroll 0 0 / 246px 148px rgba(0, 0, 0, 0);
    border-bottom: medium none;
    height: 148px;
    margin: 0 40px;
    padding: 0;
    position: relative;
    text-indent: -99999px;
    top: -45px;
    width: 246px;
}
#home-slider{
	border-top: 11px solid #fff; border-bottom:11px solid #cdc200;
}

.entry-content p{
	font-family: 'Merriweather', serif; font-size: 14px; line-height: 24px;
}

.contact-text p{
	font-family: 'Avenir LT Std 55 Roman'; font-size: 21px; 
}
.contact-text p a{
	font-weight: bold; color: #cdc200;
}
.et_pb_section{
	padding: 30px 0;
}
#footer-bottom{
	display: none;
}
#et-footer-nav{
	background: #cdc200;
}
#menu-footer-menu{
	text-align: center;
}
#menu-footer-menu.bottom-nav a{
	color: #FFF !important;
}
#menu-footer-menu.bottom-nav li{
	padding: 0 0 0 10px; margin-left: 10px;
}
#menu-footer-menu.bottom-nav li{
	position: relative; border-left: 1px solid #fff; line-height: 11px;
}
#menu-footer-menu.bottom-nav li a{
	text-transform: uppercase; font-family: 'texgyreadventorregular', Sans-serif; font-size: 13px;
}
#menu-footer-menu.bottom-nav li:first-child{
	border: none; padding-left: 0; margin-left: 0;
}
#menu-footer-menu.bottom-nav a:hover{
	text-decoration: underline;
}
#et-main-area{
	margin-top: 8px; border-top: 48px solid #a69f00;
}
body.home #et-main-area{
	margin-top: 0;border-top: 0 ;
}
.page-banner{
	padding-bottom: 0;
}
.page-title {
	margin-bottom: 0;
}
.page-title h1{
	text-transform: uppercase; font-size: 36px; font-family: 'texgyreadventorbold', Sans-serif; color: #000;
}
.page-title h1:after{
	background: none repeat scroll 0 0 #cec100; content: "";display: block;height: 12px; margin: 10px 0;width: 70px;
}

.page-banner.center-sep .page-title h1:after{
	background: none repeat scroll 0 0 #cec100; content: "";display: block;height: 12px; margin: 10px auto;width: 70px;
}
/******************
MISC
*******************/
.sep-center:after{
	display: block; width: 70px; height: 12px; background: #cec100; margin: 10px auto; content: "";
}
.sep-left:after{
	display: block; width: 70px; height: 12px; background: #cec100; margin: 10px 0; content: "";
}

.sep{
	display: block; width: 70px; height: 12px; background: #cec100; margin: 10px auto; content: "";
}
#home-slider{
	padding: 0;
}

.gallery-container .et_pb_row{
	width: 100%;  -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


.gallery-lists{
	list-style-type: none !important;padding: 0 !important;margin: 0 !important;
}
.gallery-lists .gallery-entry{
	width: 20%; height: auto; float: left; margin: 0; display: block;
}
.gallery-lists .gallery-entry a > img{
	display: block;width: 100%; height: auto;
}

.gallery-entry a{
	position: relative; display: block;
}

.gallery-entry .overlay{
	background: url(images/mask-pattern.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding-top: 12%; opacity: 0; visibility: hidden;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.gallery-entry .overlay > img{
	display: inline-block; margin-bottom: 20px; position: relative; bottom: -20px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.gallery-entry .overlay .gallery-title{
	color: #cdc200;  display: inline-block;font-family: 'Merriweather'; font-style: italic; font-size: 20px; background: #fff; padding: 2px 5px; margin-bottom:15px;
	-webkit-transition: all .3s ease; bottom: -20px;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease; position: relative; opacity: 0;
	        transition: all .3s ease;
	    -webkit-transition-delay: 0.1s;
	       -moz-transition-delay: 0.1s;
	        -ms-transition-delay: 0.1s;
	         -o-transition-delay: 0.1s;
	            transition-delay: 0.1s;
}

.gallery-entry .overlay .gal-title-sep {
    background: none repeat scroll 0 0 #fff;content: "";display: block;height: 8px;margin: 0 auto;width: 70px; position: relative; bottom: -20px; opacity: 0;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	            -webkit-transition-delay: 0.2s;
	               -moz-transition-delay: 0.2s;
	                -ms-transition-delay: 0.2s;
	                 -o-transition-delay: 0.2s;
	                    transition-delay: 0.2s;
	            
}


.gallery-entry a:hover .overlay{
	opacity: 1; visibility: visible;	
}

.gallery-entry a:hover .overlay > img{
	bottom: 0;
}

.gallery-entry a:hover .overlay .gallery-title{
	bottom: 0; opacity: 1;
}

.gallery-entry a:hover .overlay .gal-title-sep{
	bottom: 0; opacity: 1;
}
.modal-content{
	/*width: 50%;*/
	/*background: none; */
	/*-webkit-box-shadow: none;*/
	        /*box-shadow: none;*/
}
.modal-body img{
	width: 100%; height: auto;
}
.modal-title {
    background: none repeat scroll 0 0 #cdc200;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    height: auto;
    left: 0;
    line-height: 25px;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    width: 100%; z-index: 10;
    /*display: none;*/
}
.modal-header{
	border: none; padding: 0; min-height: 0;
}
.modal-body{
	padding: 0;
}
.modal-body img{
	display: block;
}

.ekko-lightbox-nav-overlay .glyphicon.glyphicon-triangle-left {
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 45%;
    left: 10px;
}
.ekko-lightbox-container{
	text-align: center;
}

.modal-loading{
	width: 32px; height: auto; background: #FFF;  -webkit-border-radius: 5px;
	        border-radius: 5px;margin: 20% auto; display: block;
}
.ekko-lightbox-nav-overlay .glyphicon.glyphicon-triangle-right {
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 45%;
    right: 10px;
}
.modal-header .close{
	display: none;
}
.modal-dialog{
	margin-top:8%;
}

.modal-dialog{
	max-width: 980px !important;
}
a:active, a:focus{
	outline-style: none;
}
#shiftnav-toggle-main{
	z-index: 1000 !important;
}


.faq-wrap  .et_pb_blurb_content h4{
	font-family: "Merriweather",serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300 !important; padding-bottom: 0; margin-bottom: 10px;
    color: #cdc200 !important; font-style: italic;
}

.faq-wrap  .et_pb_blurb_content p{
	margin-left: -54px;
}
#wpcf7-f4-p83-o1{padding-top: 15px; margin-bottom: 100px;}
#wpcf7-f4-p83-o1 input[type="text"],
#wpcf7-f4-p83-o1 input[type="email"],
#wpcf7-f4-p83-o1 textarea{
	border: 1px solid #cdc200; font-family: "Merriweather",serif; font-size: 14px; color: #cdc200; text-align: center; padding: 12px;
	width: 300px; -webkit-box-sizing: border-box; font-style: italic;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#wpcf7-f4-p83-o1 textarea{
	height: 140px;
}

#wpcf7-f4-p83-o1 input[type="submit"]{
	border: none;background: none; border-bottom: 10px solid #cdc200; padding: 5px; color: #485156; font-family: "Merriweather",serif; font-size: 14px;  font-style: italic; cursor: pointer;
}
span.wpcf7-not-valid-tip{
	font-size: 11px; 
}
div.wpcf7-validation-errors{
	border: 2px solid #cdc200; padding: 10px !important;  font-family: "Merriweather",serif; font-size: 13px; color: #cdc200;
}

.ekko-lightbox-nav-overlay a{
	position: absolute;
	top: 45%; line-height: auto !important;
}

#menu-footer-menu img{vertical-align:middle;}
/******************
Media Query
*******************/
@media screen and (min-width: 960px){
	#home-slider .et_pb_slider .et_pb_slide{
		height: 600px;
	}
	#home-slider .et-pb-arrow-prev:before{
		display: none;
	}
	#home-slider .et-pb-arrow-prev{
		content:""; background: url(images/previous.png) no-repeat; width: 42px; height: 83px;
	}

	#home-slider .et-pb-arrow-next:before{
		display: none;
	}
	#home-slider .et-pb-arrow-next{
		content:""; background: url(images/next.png) no-repeat; width: 42px; height: 83px;
	}
	
}
@media screen and (max-width: 1366px){
	.gallery-lists .gallery-entry{
		width: 25%;
	}
}
@media screen and (max-width: 960px){
	.gallery-lists .gallery-entry{
		width: 33.33%;
	}
}
@media screen and (max-width: 800px){
	.menu-logo {
		display: none;
	}
	#main-header{
		display: none;
	}
	.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover{
		background: #ccc200 !important;
	}

	.gallery-lists .gallery-entry{
		width: 50%;
	}
}

@media screen and (max-width: 700px){
	.gallery-lists .gallery-entry{
		width: 100%;
	}
}

@media screen and (max-width: 480px) {

}