/*
Theme Name: hobbs-builders
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

body.helvetica_neue { font-family: 'gothamlight', Arial, sans-serif; }

.responsive #header .container, .responsive #footer .container { max-width: 100% !important}

#top #header_main > .container { height: 140px !important }

a { text-decoration: none !important; }
a:hover, #top .av_inherit_color a:hover { color: #bbbbbb }

@font-face {
    font-family: 'gothambold';
    src: url('fonts/gothambold-webfont.woff2') format('woff2'),
         url('fonts/gothambold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothambook';
    src: url('fonts/gothambook-webfont.woff2') format('woff2'),
         url('fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamlight';
    src: url('fonts/gothamlight-webfont.woff2') format('woff2'),
         url('fonts/gothamlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* fix logo movement in header */
.responsive #top .logo {
    position: static;
    display: block;
    height: 140px !important;
    float: left;
    padding: 0;
    border: none;
    width: 80%;
}
.responsive .logo a { display: block !important; vertical-align:middle }

.logo a img { top: 50%; transform: translateY(-50%); max-height: 80px !important }

li.boxed .avia-menu-text { border: 1px solid #797979; padding: 16px }
li.boxed .avia-menu-text:hover { border: 1px solid #bbbbbb }
body.page-id-29 li.boxed .avia-menu-text { border: 1px solid #bbbbbb }
.avia-menu-text { font-family: 'gothamlight', Arial, sans-serif; }

#footer { font-size: 16px; font-family: 'gothamlight', Arial, sans-serif; padding: 0 0 120px 0; }
#footer .el_after_av_one_half { text-align: right }
.footer-spacer { padding: 0 15px }
#footer .widget { margin: 15px 0 30px 0 }
#footer a:hover { color: #bbbbbb }
#footer a img:hover { opacity: 0.7 }
#footer div .av_one_half { width: 27%; padding: 0 }
#footer div .av_one_half.el_after_av_one_half { width: 70%; margin-left: 3% }

.hobbs-opener .avia-caption-content p { font-family: 'gothambold', Arial, sans-serif; font-size: 40px; line-height: 42px; padding-top: 60px; }
.hobbs-opener .slideshow_caption { width: 58% }
.hobbs-opener .slideshow_align_caption { vertical-align: top !important }
.hobbs-home-text { padding: 0 40px }

h1, h2 { font-family: 'gothambold', Arial, sans-serif; }
.h2-recognition { margin-top: -85px !important }
.h2-recognition h2 { background-color: #1b2f4f; padding: 20px 0 !important  }

#top .no_margin.av_one_half { margin: 80px }
.mfp-close { top: 5px; right: 5px }

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
  color: #000000 !important;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
  color: #bbbbbb !important;
}

/* about page */
.about-opener {  background-color: rgba(255,255,255,0.7) !important }
.responsive .page-id-22 #av_section_1 .container { max-width: 100% !important }
.about-opener-text { padding: 40px }
.responsive .page-id-22 #av_section_2 .container { max-width: 100% !important }
.team-opener {  background-color: rgba(255,255,255,0.7) !important }
.team-opener-text { padding: 40px; min-height: 700px }
.responsive .page-id-27 #av_section_1 .container { max-width: 100% !important }
.team-container { display: flex; flex-wrap: wrap; flex-flow: row wrap; width: 100%; }
.team-col { flex: 0 1 30%; padding: 16px; }
.team-col img { margin: 0 auto; text-align: center; display: block; width: 100%; margin: 0 0 10px 0 }
.team-col h3, .hobbs-popup .popup-left h3 { margin-bottom: 0 }
.team-col p, .hobbs-popup .popup-left p { margin: 0 0 0.85em 0 }
.hobbs-popup { position: relative; background: #1b2f4f; padding: 20px; width: auto; max-width: 1000px; margin: 40px auto; color: #ffffff }
.hobbs-popup .content { border: none; padding-top: 0 }
.mfp-close-btn-in .mfp-close { color: #ffffff !important }
.hobbs-popup .popup-left { width: 35%; float: left }
.hobbs-popup .popup-right { width: 60%; float: left; padding-right: 30px }
.hobbs-popup .popup-left { text-align: center }
.hobbs-popup .popup-right { margin: 50px 0; font-size: 16px }
.hobbs-popup .popup-left img { margin: 68px auto 10px auto; display: block }

/* community page */
.responsive .page-id-27 #av_section_2 .container { max-width: 100% !important }
.community-opener {  background-color: rgba(255,255,255,0.7) !important }
.community-opener-text { padding: 40px; min-height: 700px }
.responsive .page-id-27 #av_section_1 .container { max-width: 100% !important }
.community-container { display: flex; flex-wrap: wrap; flex-flow: row wrap; width: 100%; }
.community-col { flex: 0 1 30%; padding: 32px; }
.community-col img { margin: 0 auto; text-align: center; display: block; width: 100%; margin: 0 0 10px 0 }
.community-col p { margin: 0 0 0.85em 0 }

/* portfolio instagram page */
#hobbs-instagram .container { width: 100%; max-width: none; }
#sb_instagram .sbi_caption br { display: none }

/* portfolio projects page */
#portfolio .project .image-overlay { display: none !important }
#portfolio.full .project { width:49% }
#portfolio .project { position:relative; margin: 0 4% 20px 0; float:left; text-align: center; overflow: hidden; max-width: 48% }
#portfolio .project:nth-of-type(2n) { margin-right: 0 !important }
#portfolio .project:nth-of-type(2n+1) { clear: both }
.hobbs-portfolio-image { position: relative }
#portfolio .project .hobbs-portfolio-image:hover .mask { opacity: 1 }
#portfolio .project .hobbs-portfolio-image .mask {
	position: absolute;
	opacity: 0;
	overflow:visible;
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	background-color:rgba(27,47,79,0.7);
	height: 100%;
	width: 100%
	position: absolute;
	height: 90%;
	width: 90%;
	top: 5%;
	left: 5%;
}

#portfolio .project h3 { 
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: #fff;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	/* opacity: 0; */
	font-size: 20px 
}

/* disable post navigation */
#top .avia-post-nav { display: none; }

@media only screen and (max-width: 768px) {
	#footer .av_one_half.first .widget { margin: 15px 0 0 0; }
	#footer .av_one_half.el_after_av_one_half .widget { margin: 0 0 30px 0; }
	#footer .av_one_half.el_after_av_one_half { text-align: left; }
}