/*
Theme Name:	TimberHomes 2015
Description: Custom theme for TimberHomes
Version: 2.0
Author: Gabe Halberg / Dadra Design
Author URI: http://www.dadradesign.com
*/
*:not(select) { margin: 0; padding: 0; border: 0; }

.clear { clear: both; line-height: 0; margin: 0; padding: 0; }

a:focus { outline: none; }

/* disable default styling for various browsers */
input[type=search], input:not([type="checkbox"]), textarea { outline: none !important; /*for webkit*/ appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; border-radius: 0 !important; }

a.skip { position: absolute; top: -1000px; left: -1000px; padding: 10px 20px; font-size: .8em; font-weight: 700; color: #fff !important; text-decoration: none; background: #675d4b; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index: 20000; }

a.skip:active, a.skip:focus, a.skip:hover { top: 50px; left: 30%; }

header { /* hide header on small screen and use shift-nav toggle bar instead (see styles below) */ position: absolute; top: auto; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

@media screen and (min-width: 680px) { header { position: fixed; top: 0; left: auto; width: 100%; height: auto; overflow: visible; background: url(images/bkgnd-light.jpg); border-bottom: 1px solid #e4e2db; z-index: 100000; } }

@media screen and (min-width: 680px) { header #header-content { max-width: 1262px; margin: 0 auto; padding: 20px; position: relative; padding: 0 !important; } }

@media screen and (min-width: 680px) and (min-width: 680px) { header #header-content { padding: 30px 40px; } }

@media screen and (min-width: 900px) { header #header-content { padding: 0 !important; } }

@media screen and (min-width: 680px) { header #header-content a#logo { float: left; display: block; width: 118px; height: 26px; margin: 20px 0 0 20px; text-indent: -9999px; background: url(images/logo-small.png) no-repeat center center; } }

@media screen and (min-width: 900px) { header #header-content a#logo { width: 192px; height: 42px; margin: 20px 0 0 40px; text-indent: -9999px; background: url(images/logo-large.png) no-repeat center center; } }

@media screen and (min-width: 1342px) { header #header-content a#logo { margin-left: 0; } }

/*  shiftnav toggle bar & menu (small screen header & off-canvas nav)
=========================================================================*/
#shiftnav-toggle-main { padding: 0 !important; background: url(images/bkgnd-light.jpg) !important; border-bottom: 1px solid #e4e2db !important; /* toogle bar menu button */ }

#shiftnav-toggle-main .shiftnav-main-toggle-content { padding: 0 !important; /* toogle bar logo */ }

#shiftnav-toggle-main .shiftnav-main-toggle-content a { display: block; position: absolute; top: 12px; left: 20px; width: 118px; height: 26px; text-indent: -9999px; background: url(images/logo-small.png) no-repeat center center; }

@media screen and (max-width: 219px) { #shiftnav-toggle-main .shiftnav-main-toggle-content a { top: 8px; left: 10px; width: 59px; height: 13px; background-size: 59px 13px !important; } }

#shiftnav-toggle-main .shiftnav-toggle { display: block; position: absolute; top: 0; width: 78px; height: 50px; text-indent: -9999px; background: url(images/menu-button.png) center center no-repeat; }

@media screen and (max-width: 219px) { #shiftnav-toggle-main .shiftnav-toggle { top: -2px; width: 36px; height: 25px; background-size: 36px 25px !important; } }

#shiftnav-toggle-main .shiftnav-toggle i { display: none; }

.shiftnav-open .shiftnav-toggle { right: 0 !important; background-image: url(images/menu-button-close.png) !important; }

.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 { color: #000 !important; background: #eb9d00 !important; text-shadow: none !important; }

.shiftnav .shiftnav-menu-image img { width: 149px; }

.shiftnav-searchform { background: #1d1d20 !important; border-top: 1px solid #292929; border-bottom: 1px solid #111; }

.shiftnav-searchform .shiftnav-search-input { font-family: "roboto", Arial, sans-serif; color: #fff !important; text-transform: uppercase !important; font-size: 13px !important; border-radius: 0 !important; }

.shiftnav-searchform .shiftnav-search-input:focus { background: #fff !important; color: #000 !important; }

/*  main nav menu
==================================================*/
nav { display: none; z-index: 30000 !important; /*ubermenu search field*/ }

@media screen and (min-width: 680px) { nav { clear: none !important; display: block; float: right; margin: -3px 20px 0 0 !important; } nav:after { /* self-clear */ display: block; content: ""; clear: both; } }

@media screen and (min-width: 900px) { nav { margin: 5px 30px 0 0 !important; } }

@media screen and (min-width: 1342px) { nav { margin-right: 0 !important; } }

@media screen and (min-width: 680px) { nav > ul { width: 100% !important; margin: 0 auto !important; text-align: center !important; } }

@media screen and (min-width: 900px) { nav > ul { text-align: left !important; } }

@media screen and (min-width: 680px) { nav > ul > li, nav > ul .nav-search { float: none !important; display: inline-block !important; } }

@media screen and (min-width: 680px) { nav > ul > li > a, nav > ul > li > span, nav > ul .nav-search > a, nav > ul .nav-search > span { position: relative !important; padding: 28px 10px 20px 10px !important; font-size: .7em; font-weight: 700; text-transform: uppercase !important; color: #341300 !important; z-index: 30000 !important; } }

@media screen and (min-width: 900px) { nav > ul > li > a, nav > ul > li > span, nav > ul .nav-search > a, nav > ul .nav-search > span { padding: 28px 16px !important; font-size: .8em; } }

@media screen and (min-width: 1262px) { nav > ul > li > a, nav > ul > li > span, nav > ul .nav-search > a, nav > ul .nav-search > span { padding: 29px 20px !important; font-size: .85em; } }

@media screen and (min-width: 900px) { nav > ul > li > a .ubermenu-icon.fa.fa-search, nav > ul > li > span .ubermenu-icon.fa.fa-search, nav > ul .nav-search > a .ubermenu-icon.fa.fa-search, nav > ul .nav-search > span .ubermenu-icon.fa.fa-search { margin-bottom: -1px; } }

nav > ul > li > a:focus, nav > ul > li > span:focus, nav > ul .nav-search > a:focus, nav > ul .nav-search > span:focus { outline: none; }

nav > ul > li > a:hover, nav > ul > li.ubermenu-active > a, nav > ul > li > span:hover, nav > ul .nav-search > a:hover, nav > ul .nav-search.ubermenu-active > a, nav > ul .nav-search > span:hover { cursor: pointer; }

@media screen and (min-width: 680px) { nav > ul > li > a:hover, nav > ul > li.ubermenu-active > a, nav > ul > li > span:hover, nav > ul .nav-search > a:hover, nav > ul .nav-search.ubermenu-active > a, nav > ul .nav-search > span:hover { color: #903701 !important; } }

nav > ul > li .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child, nav > ul .nav-search .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child { margin-top: 0 !important; }

@media screen and (min-width: 680px) { nav > ul > li.ubermenu-has-submenu-drop > a, nav > ul .nav-search.ubermenu-has-submenu-drop > a { padding-right: 25px !important; } }

@media screen and (min-width: 680px) { nav > ul > li.ubermenu-has-submenu-drop > a i.ubermenu-sub-indicator, nav > ul .nav-search.ubermenu-has-submenu-drop > a i.ubermenu-sub-indicator { top: 56% !important; } }

@media screen and (min-width: 900px) { nav > ul > li.ubermenu-has-submenu-drop > a i.ubermenu-sub-indicator, nav > ul .nav-search.ubermenu-has-submenu-drop > a i.ubermenu-sub-indicator { top: 50% !important; } }

nav > ul > li.how-we-build > ul.ubermenu-submenu, nav > ul .nav-search.how-we-build > ul.ubermenu-submenu { background: url(images/bkgnd-light.jpg) !important; }

@media screen and (min-width: 680px) { nav > ul > li.how-we-build > ul.ubermenu-submenu, nav > ul .nav-search.how-we-build > ul.ubermenu-submenu { max-width: 1180px !important; } }

nav > ul > li.how-we-build > ul.ubermenu-submenu li .ubermenu-submenu-type-block, nav > ul .nav-search.how-we-build > ul.ubermenu-submenu li .ubermenu-submenu-type-block { grid-template-columns: 1fr 1fr 1fr 1fr !important; }

nav > ul > li.what-we-build > ul.ubermenu-submenu, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu { background: url(images/bkgnd-light.jpg) !important; }

nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block { display: grid; grid-template-columns: 1fr 1fr 1fr; border: 0 !important; }

@media screen and (min-width: 680px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block li > a, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block li > a { margin: 0 !important; padding: 0 !important; font-size: .75em; font-weight: 400; color: #341300; } nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block li > a:hover img, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block li > a:hover img { opacity: .9; } nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block li > a img, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block li > a img { transition: none !important; margin: 0 0 4px 0 !important; } }

@media screen and (min-width: 900px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block li > a, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-submenu-type-block li > a { font-size: .85em; } }

nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block { margin: 0 !important; padding: 0 !important; background: #fff !important; border-right: 1px solid #ccc; }

nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li { padding: 0 !important; }

nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a { color: #341300; text-decoration: none; }

nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a img, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a img { display: block; }

nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a img:hover, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a img:hover { opacity: .9; }

@media screen and (min-width: 680px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text { padding: 15px 20px 20px 20px; } }

@media screen and (min-width: 900px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text { padding: 25px 30px 30px 30px; } }

@media screen and (min-width: 680px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text h3, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text h3 { margin: 0 0 10px 0; font-size: .85em; font-weight: 500; } }

@media screen and (min-width: 900px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text h3, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text h3 { margin: 0 0 15px 0; font-size: 1em; } }

nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text h3:hover, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text h3:hover { text-decoration: underline; }

@media screen and (min-width: 680px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text p, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text p { margin: 0 0 20px 0; font-size: .75em; font-weight: 400; } }

@media screen and (min-width: 900px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text p, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text p { margin: 0 0 22px 0; font-size: .85em; } }

@media screen and (min-width: 680px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text span, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text span { display: inline-block; line-height: 1.4em !important; font-weight: 400; font-size: .75em; color: #fff; background: #341300; border: 1px solid transparent; padding: 10px 15px; } }

@media screen and (min-width: 900px) { nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text span, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text span { font-size: .85em; } }

nav > ul > li.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text span:hover, nav > ul .nav-search.what-we-build > ul.ubermenu-submenu .ubermenu-content-block li a .nav-sidebar-text span:hover { color: #341300; background: #fff; border-color: #341300; }

nav > ul > li > ul.ubermenu-submenu, nav > ul .nav-search > ul.ubermenu-submenu { border-top: 1px solid #e4e2db !important; background: url(images/bkgnd-light.jpg) !important; }

@media screen and (min-width: 680px) { nav > ul > li > ul.ubermenu-submenu, nav > ul .nav-search > ul.ubermenu-submenu { left: auto !important; right: 0 !important; padding: 0 !important; background: #fff !important; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) !important; } }

nav > ul > li > ul.ubermenu-submenu li .ubermenu-submenu-type-block, nav > ul .nav-search > ul.ubermenu-submenu li .ubermenu-submenu-type-block { display: grid; grid-gap: 20px; padding: 20px 20px 0 20px !important; border: 0 !important; }

@media screen and (min-width: 900px) { nav > ul > li > ul.ubermenu-submenu li .ubermenu-submenu-type-block, nav > ul .nav-search > ul.ubermenu-submenu li .ubermenu-submenu-type-block { grid-gap: 25px; padding: 25px 25px 0 25px !important; } }

@media screen and (min-width: 680px) { nav > ul > li > ul.ubermenu-submenu li .ubermenu-submenu-type-block li, nav > ul .nav-search > ul.ubermenu-submenu li .ubermenu-submenu-type-block li { width: auto !important; margin: 0 !important; } }

@media screen and (min-width: 680px) { nav > ul > li > ul.ubermenu-submenu li .ubermenu-submenu-type-block li > a, nav > ul .nav-search > ul.ubermenu-submenu li .ubermenu-submenu-type-block li > a { margin: 0 !important; padding: 0 !important; font-size: .75em; font-weight: 400; color: #341300; } nav > ul > li > ul.ubermenu-submenu li .ubermenu-submenu-type-block li > a:hover img, nav > ul .nav-search > ul.ubermenu-submenu li .ubermenu-submenu-type-block li > a:hover img { opacity: .9; } nav > ul > li > ul.ubermenu-submenu li .ubermenu-submenu-type-block li > a img, nav > ul .nav-search > ul.ubermenu-submenu li .ubermenu-submenu-type-block li > a img { transition: none !important; margin: 0 0 4px 0 !important; } }

@media screen and (min-width: 900px) { nav > ul > li > ul.ubermenu-submenu li .ubermenu-submenu-type-block li > a, nav > ul .nav-search > ul.ubermenu-submenu li .ubermenu-submenu-type-block li > a { font-size: .85em; } }

nav .ubermenu-searchform { background: #fff !important; }

@media screen and (min-width: 680px) { nav .ubermenu-search-input { font-family: "roboto", Arial, sans-serif; font-size: .7em; } }

@media screen and (min-width: 900px) { nav .ubermenu-search-input { font-size: .8em; } }

nav > ul .nav-search > ul.ubermenu-submenu { border-right: 1px solid #e4e2db !important; }

nav > ul .nav-search > ul.ubermenu-submenu .ubermenu-content-block { border: 0 !important; }

footer { padding-bottom: 30px; color: #fff; text-align: center; font-size: .8em; }

footer a { color: #fff; text-decoration: none; }

footer a:hover { text-decoration: underline; }

footer p { line-height: 2em; }

footer .footer-blog { background: #675d4b; }

@media screen and (min-width: 900px) { footer .footer-blog { width: 50%; float: right; } }

footer .footer-blog .content { max-width: 500px; margin: 0 auto; padding: 40px 20px 20px 20px; }

@media screen and (min-width: 1262px) { footer .footer-blog .content { float: left; max-width: 620px; padding: 40px 40px 20px 40px; } }

footer .footer-blog .content h2 { margin: 0 0 30px 0; }

@media screen and (min-width: 1262px) { footer .footer-blog .content h2 { text-align: left; } }

footer .footer-blog .content a.excerpt-wrap { display: block; box-sizing: border-box; width: 44%; margin: 0 3% 30px 3%; }

@media screen and (min-width: 1262px) { footer .footer-blog .content a.excerpt-wrap { float: left; width: 20%; margin: 0 5% 30px 0; } }

footer .footer-blog .content a.excerpt-wrap:hover { text-decoration: none; }

footer .footer-blog .content a.excerpt-wrap:hover img { border: 1px solid #eee; }

footer .footer-blog .content a.excerpt-wrap:nth-of-type(odd) { float: left; clear: both; }

@media screen and (min-width: 1262px) { footer .footer-blog .content a.excerpt-wrap:nth-of-type(odd) { clear: none; } }

footer .footer-blog .content a.excerpt-wrap:nth-of-type(even) { float: right; }

@media screen and (min-width: 1262px) { footer .footer-blog .content a.excerpt-wrap:nth-of-type(even) { float: left; } }

@media screen and (min-width: 1262px) { footer .footer-blog .content a.excerpt-wrap:nth-of-type(4) { margin-right: 0; } }

footer .footer-blog .content a.excerpt-wrap img { display: block; margin: 0 auto 6px auto; border: 1px solid transparent; }

footer .footer-contact { background: #5d523e; }

@media screen and (min-width: 900px) { footer .footer-contact { width: 50%; float: left; } }

footer .footer-contact .content { padding: 40px 20px 20px 20px; }

@media screen and (min-width: 1262px) { footer .footer-contact .content { float: right; width: 600px; } }

footer .footer-contact .content #logo-footer { display: block; width: 149px; height: 32px; margin: 0 auto 30px auto; text-indent: -9999px; background: url(images/logo-footer.png) no-repeat center center; }

footer .footer-contact .content .footer-contact-button { display: inline-block; margin: 0 0 30px 0; padding: 10px 30px; text-transform: uppercase; border: 1px solid #fff; transition: all 0.15s ease; }

footer .footer-contact .content .footer-contact-button:hover { color: #5d523e; text-decoration: none; background: #fff; }

footer .footer-contact .content .footer-social { margin-bottom: 20px; }

footer .footer-contact .content .facebook-footer, footer .footer-contact .content .pinterest-footer, footer .footer-contact .content .houzz-footer, footer .footer-contact .content .instagram-footer { display: inline-block; width: 30px; height: 30px; margin: 0 3px; background-size: 30px 30px !important; }

footer .footer-contact .content .facebook-footer { background: url(images/facebook@2x.png) no-repeat center center; }

footer .footer-contact .content .pinterest-footer { background: url(images/pinterest@2x.png) no-repeat center center; }

footer .footer-contact .content .houzz-footer { background: url(images/houzz@2x.png) no-repeat center center; }

footer .footer-contact .content .instagram-footer { background: url(images/instagram@2x.png) no-repeat center center; }

footer .footer-contact .content .footer-email { padding: 0 0 0 23px; background: url(images/mail-icon.png) left center no-repeat; }

@media screen and (min-width: 1262px) { footer .footer-contact .col { width: 40%; float: left; } }

footer .footer-partners { margin: 0 0 30px 0; padding: 40px 0 20px 0; background: #4e4430; }

footer .footer-partners h5 { margin: 0 0 30px 0; font-weight: 300; font-size: 1.15em; text-transform: uppercase; }

footer .footer-partners .footer-partners-logos { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; max-width: 900px; margin: 0 auto; padding: 0 30px 20px 30px; }

footer .footer-partners .footer-partners-logos a { display: block; max-width: 125px; margin: 0 10px 25px 10px; }

footer .footer-partners .footer-partners-logos a img { display: block; }

footer #to-top { display: block; background-size: 7px 6px; transition: all 0.15s ease; }

footer #to-top:hover { text-decoration: none; background: #372b14; }

footer #to-top span { display: inline-block; padding: 3px 10px 5px 10px; background: url(images/top.png) center center no-repeat; background-size: 7px 6px; }

footer #copy, footer #dadra, footer #login { font-size: .8em; color: #341300; margin: 0 0 10px 0; }

footer #copy a, footer #dadra a, footer #login a { color: #341300; }

body { overflow-x: hidden; -webkit-text-size-adjust: 100%; font-family: "Roboto", Arial, sans-serif; font-weight: 300; color: #341300; background: url(images/bkgnd-light.jpg); }

@media screen and (max-width: 219px) { body { font-size: .8em; } }

main { max-width: 1262px; margin: 0 auto; padding: 20px; position: relative; display: block; }

@media screen and (min-width: 680px) { main { padding: 30px 40px; } }

main p { line-height: 1.8em; }

@media screen and (min-width: 680px) { #content { margin-top: 62px; } }

@media screen and (min-width: 900px) { #content { margin-top: 80px; } }

@media screen and (min-width: 1262px) { #content { margin-top: 82px; } }

@media screen and (min-width: 900px) { article { float: right; width: 72%; } }

@media screen and (min-width: 900px) { aside { float: left; width: 23%; } }

aside .button { font-size: 1em; border: 1px solid transparent; }

@media screen and (min-width: 900px) { aside .button { display: block; } }

aside .button:hover { background: none; border: 1px solid #341300; }

/*  small screen fixed positioning for wp toolbar on front end
================================================================*/
@media only screen and (max-width: 680px) { html #wpadminbar { position: absolute !important; top: -46px !important; z-index: 90000 !important; } }

.hero { margin: 0 0 20px 0; padding: 26px 0 0 0; text-align: center; }

@media screen and (min-width: 900px) { .hero { margin: 0 0 30px 0; } }

.hero h1 { margin: 0 20px 12px 20px; line-height: 1.15em; }

@media screen and (min-width: 680px) { .hero h1 { margin: 0 40px 12px 40px; } }

.hero em { display: block; margin: 0 20px 16px 20px; font-family: "adobe-caslon-pro", Georgia, serif; font-size: 1.2em; line-height: 1.4em; }

@media screen and (min-width: 680px) { .hero em { margin: 0 40px 16px 40px; font-size: 1.4em; } }

.hero img { display: block; width: 100%; max-width: 1600px; margin: 0 auto; }

/*  headings
==================================================*/
h1 { margin: 0 0 20px 0; font-size: 1.9em; font-weight: 300; }

@media screen and (max-width: 219px) { h1 { font-size: 1.6em; } }

@media screen and (min-width: 680px) { h1 { font-size: 2.2em; } }

@media screen and (min-width: 900px) { h1 { font-size: 2.5em; } }

h2 { margin: 0 0 15px 0; font-size: 1.6em; font-weight: 300; }

@media screen and (max-width: 219px) { h2 { font-size: 1.2em; } }

@media screen and (min-width: 680px) { h2 { font-size: 1.8em; } }

@media screen and (min-width: 900px) { h2 { font-size: 2.1em; } }

h3 { margin: 0 0 15px 0; font-size: 1.1em; font-weight: 300; }

@media screen and (max-width: 219px) { h3 { font-size: 1em; } }

/*** text elements ***/
p { margin: 0 0 20px 0; line-height: 1.6em; }

strong { font-weight: 700; }

blockquote { margin: 0 20px 25px 20px; font-style: italic; font-size: 1em; font-weight: 400; line-height: 1.8em; border-top: 1px solid #341300; border-bottom: 1px solid #341300; }

blockquote p { margin: 20px 0; }

blockquote span { display: block; margin: 10px 0 0 0; font-style: normal; font-weight: 700; font-size: .8em; }

/*  links
==================================================*/
main a { font-weight: 400; color: #903701; text-decoration: none; }

main a:hover { color: #da5300; }

/*  butttons
==================================================*/
.button, input.button { display: inline-block; margin: 0 0 10px 0; padding: 13px 22px; text-align: center; color: #fff; font-size: .8em; font-weight: 400; text-decoration: none; font-family: inherit; background: rgba(0, 0, 0, 0.7); cursor: pointer; text-shadow: none; transition: all 0.15s ease; }

@media screen and (min-width: 680px) { .button, input.button { padding: 13px 30px; } }

.button:hover, input.button:hover { color: #341300; background: #fff; }

/*  lists
==================================================*/
main ul, main ol { display: table; list-style-position: inside; margin: 0 0 18px 15px; line-height: 1.5em; }

main ul li, main ol li { margin: 0 0 6px 15px; }

main ul ul, main ol ol, main ul ol, main ol ul { margin: 10px 0 10px 10px; }

main ul ul li, main ol ul li { list-style-type: square; }

main ol ol li, main ul ol li { list-style-type: lower-alpha; }

/*  images
==================================================*/
img, .alignleft, .alignright, .aligncenter, .alignnone, .wp-caption, .img-link { max-width: 100%; height: auto; box-sizing: border-box; }

.alignleft { display: block; margin: 0 0 20px 0; }

@media screen and (min-width: 440px) { .alignleft { float: left; max-width: 45%; margin: 5px 20px 10px 0; } }

.alignright { display: block; margin: 0 0 20px 0; }

@media screen and (min-width: 440px) { .alignright { float: right; max-width: 45%; margin: 5px 0 10px 20px; } }

.aligncenter { display: block; margin: 0 auto 20px auto; }

.alignnone { display: block; margin: 0 0 20px 0; }

.wp-caption img { max-width: 100%; }

p.wp-caption-text { margin: 2px 0 0 0; font-size: .9em; text-align: center; color: #666; line-height: 1.4em; }

.responsive-iframe-container { position: relative; padding-bottom: 100%; padding-top: 30px; height: 0; overflow: hidden; }

.responsive-iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*video (fitvids plugin)*/
.fluid-width-video-wrapper { margin: 0 0 40px 0; }

.featured-projects { background: #fff; border-top: 1px solid #d1ceca; }

.featured-projects .content { margin: 0 auto; padding: 30px 20px 35px 20px; text-align: center; }

@media screen and (min-width: 900px) { .featured-projects .content { padding: 35px 20px 55px 20px; } }

.featured-projects h2 { margin: 0 0 25px 0; }

@media screen and (min-width: 900px) { .featured-projects h2 { margin: 0 0 35px 0; } }

.featured-projects h2 a { color: inherit; text-decoration: none; font-weight: inherit; }

.featured-projects .featured-projects-grid { display: inline-grid; grid-gap: 20px; max-width: 1400px; }

@media screen and (min-width: 680px) { .featured-projects .featured-projects-grid { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 900px) { .featured-projects .featured-projects-grid { grid-template-columns: 1fr 1fr 1fr; } }

@media screen and (min-width: 1342px) { .featured-projects .featured-projects-grid { grid-gap: 30px; } }

.featured-projects .featured-projects-grid.one-project { grid-template-columns: 1fr !important; }

@media screen and (min-width: 900px) { .featured-projects .featured-projects-grid.two-projects { grid-template-columns: 1fr 1fr !important; } }

.featured-projects .featured-projects-grid a { position: relative; display: block; box-sizing: border-box; margin: 0 0 2px 0; color: #fff; text-decoration: none; transition: all 0.15s ease; }

.featured-projects .featured-projects-grid a h3 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90%; margin: 0 0 0 5%; text-align: center; text-shadow: 1px 1px 0 #000; z-index: 1000; transition: all 0.15s ease; font-weight: 700; }

.featured-projects .featured-projects-grid a:hover h3 { opacity: 0; }

.featured-projects .featured-projects-grid a span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) center center; z-index: 100; transition: all 0.15s ease; }

.featured-projects .featured-projects-grid a:hover span.overlay { background: rgba(0, 0, 0, 0) url(images/eye-icon.png) no-repeat center center; }

.featured-projects .featured-projects-grid a img { display: block; }

/* lightbox */
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status { font-family: "roboto", Arial, sans-serif !important; font-size: 1.2em !important; }

@media screen and (max-width: 440px) { #slb_viewer_wrap .slb_theme_slb_baseline { width: 90% !important; margin-left: 5% !important; } #slb_viewer_wrap .slb_theme_slb_baseline .slb_container { top: 60px !important; } #slb_viewer_wrap .slb_theme_slb_baseline .slb_theme_slb_baseline, #slb_viewer_wrap .slb_theme_slb_baseline .slb_viewer_layout, #slb_viewer_wrap .slb_theme_slb_baseline .slb_container { min-width: 200px !important; } }

@media screen and (min-width: 440px) { .grid { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

.grid a.grid-item, .grid a.card { font-size: .85em; }

@media screen and (min-width: 440px) { .grid a.grid-item, .grid a.card { float: left; width: 48.25%; margin: 0 3.5% 30px 0 !important; } .grid a.grid-item:nth-of-type(odd), .grid a.card:nth-of-type(odd) { clear: both; } .grid a.grid-item:nth-of-type(even), .grid a.card:nth-of-type(even) { margin-right: 0 !important; } }

@media screen and (min-width: 680px) { .grid a.grid-item, .grid a.card { width: 48%; margin: 0 4% 30px 0 !important; } }

@media screen and (min-width: 900px) { .grid a.grid-item, .grid a.card { width: 31.5%; margin: 0 2.75% 30px 0 !important; } .grid a.grid-item:nth-of-type(odd), .grid a.card:nth-of-type(odd) { clear: none; } .grid a.grid-item:nth-of-type(even), .grid a.card:nth-of-type(even) { margin-right: 2.75% !important; } .grid a.grid-item:nth-of-type(3n+4), .grid a.card:nth-of-type(3n+4) { clear: both; } .grid a.grid-item:nth-of-type(3n+3), .grid a.card:nth-of-type(3n+3) { margin-right: 0 !important; } }

.grid a.card { box-sizing: border-box; display: block; margin: 0 0 30px 0; text-align: center; font-weight: 300; color: #341300; background: #fff; border: 1px solid #cdcbc6; }

@media screen and (min-width: 440px) { .grid a.card { position: relative; padding-bottom: 40px; } }

.grid a.card:hover img { opacity: .9; }

.grid a.card .card-content { padding: 15px 20px 20px 20px; }

@media screen and (min-width: 440px) { .grid a.card .card-content { padding-bottom: 50px; } }

@media screen and (min-width: 680px) { .grid a.card .card-content { padding-bottom: 40px; } }

.grid a.card .card-content h2 { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 1.2em; font-weight: 700; border-bottom: 1px solid #cdcbc6; }

.grid a.card .card-content h3 { margin: 0 0 16px 0; font-size: 1.1em; font-weight: 400; }

.grid a.card .card-content span.button { font-size: .9em; border: 1px solid transparent; }

@media screen and (min-width: 440px) { .grid a.card .card-content span.button { position: absolute; bottom: 20px; left: 0; box-sizing: border-box; width: 80%; margin-left: 10%; padding-top: 13px; padding-bottom: 13px; } }

@media screen and (min-width: 1262px) { .grid a.card .card-content span.button { width: 86%; margin-left: 7%; } }

.grid a.card .card-content span.button:hover { background: none; border: 1px solid #341300; }

.alternating-content { border-top: 10px solid #d1ceca; border-bottom: 10px solid #d1ceca; background: #f5f5f5; }

.alternating-content .content { max-width: 1600px; margin: 0 auto; background: url(images/bkgnd-light.jpg); }

@media screen and (min-width: 1600px) { .alternating-content .content { border-right: 1px solid #d1ceca; border-left: 1px solid #d1ceca; } }

.alternating-content .ac-row .ac-img-wrap { min-height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; /*disable equal height column script for small screens*/ }

@media screen and (max-width: 679px) { .alternating-content .ac-row .ac-img-wrap { height: auto !important; max-height: 888678px; } }

@media screen and (min-width: 680px) { .alternating-content .ac-row .ac-img-wrap { min-height: none; width: 50%; } }

.alternating-content .ac-row .ac-text-wrap { /*disable equal height column script for small screens*/ }

@media screen and (max-width: 679px) { .alternating-content .ac-row .ac-text-wrap { height: auto !important; max-height: 888678px; } }

@media screen and (min-width: 680px) { .alternating-content .ac-row .ac-text-wrap { width: 50%; } }

@media screen and (min-width: 1262px) { .alternating-content .ac-row .ac-text-wrap { width: 46.75%; } }

.alternating-content .ac-row .ac-text-wrap .ac-text { padding: 30px 20px 40px 20px; text-align: center; }

@media screen and (min-width: 440px) { .alternating-content .ac-row .ac-text-wrap .ac-text { padding: 30px 60px; } }

@media screen and (min-width: 680px) { .alternating-content .ac-row .ac-text-wrap .ac-text { padding: 40px; text-align: left; } }

@media screen and (min-width: 900px) { .alternating-content .ac-row .ac-text-wrap .ac-text { padding: 60px 40px 80px 80px; text-align: left; } }

@media screen and (min-width: 680px) { .alternating-content .ac-row .ac-text-wrap .ac-text h2 { font-size: 1.5em; } }

@media screen and (min-width: 900px) { .alternating-content .ac-row .ac-text-wrap .ac-text h2 { font-size: 1.8em; } }

.alternating-content .ac-row .ac-text-wrap .ac-text p { line-height: 1.8em; }

@media screen and (min-width: 680px) { .alternating-content .ac-row .ac-text-wrap .ac-text p { font-size: .9em; } }

@media screen and (min-width: 900px) { .alternating-content .ac-row .ac-text-wrap .ac-text p { font-size: 1em; } }

.alternating-content .ac-row .ac-text-wrap .ac-text p a { font-weight: 400; color: #903701; text-decoration: none; }

.alternating-content .ac-row .ac-text-wrap .ac-text p a:hover { color: #da5300; }

.alternating-content .ac-row .ac-text-wrap .ac-text h3 { margin-bottom: 10px; }

.alternating-content .ac-row .ac-text-wrap .button { border: 1px solid transparent; }

.alternating-content .ac-row .ac-text-wrap .button:hover { background: none; border: 1px solid #341300; }

.alternating-content .ac-row .ac-text-wrap .thumbs-wrap { margin: 0 0 20px 0; font-size: 0; /*remove whitespace between inline-block thumbnails*/ }

.alternating-content .ac-row .ac-text-wrap .thumbs-wrap .ac-row-thumb { position: relative; display: inline-block; box-sizing: border-box; width: 25%; max-width: 140px; border-right: 1px solid transparent; }

.alternating-content .ac-row .ac-text-wrap .thumbs-wrap .ac-row-thumb span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) center center; z-index: 100; transition: all 0.15s ease; }

.alternating-content .ac-row .ac-text-wrap .thumbs-wrap .ac-row-thumb:hover span.overlay { background: rgba(0, 0, 0, 0) url(images/eye-icon-small.png) no-repeat center center; }

.alternating-content .ac-row .ac-text-wrap .thumbs-wrap .ac-row-thumb span.overlay { background-color: rgba(0, 0, 0, 0); }

.alternating-content .ac-row .ac-text-wrap .thumbs-wrap .ac-row-thumb:hover span.overlay { background-color: rgba(0, 0, 0, 0.2); }

.alternating-content .ac-row .ac-text-wrap .thumbs-wrap .ac-row-thumb img { display: block; }

@media screen and (min-width: 680px) { .alternating-content .ac-row.ac-img-left .ac-img-wrap, .alternating-content .ac-row.ac-img-left .ac-text-wrap { float: left; } .alternating-content .ac-row.ac-img-right .ac-img-wrap, .alternating-content .ac-row.ac-img-right .ac-text-wrap { float: right; } }

@media screen and (min-width: 1262px) { .alternating-content .ac-row.ac-img-left .ac-text { padding-right: 0; } .alternating-content .ac-row.ac-img-right .ac-text { padding-left: 0; } }

.home .hero { position: relative; margin-bottom: 0; padding: 0; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #333; }

@media screen and (min-width: 680px) { .home .hero { background-size: 1100px; background-position: center -200px; } }

@media screen and (min-width: 900px) { .home .hero { background-size: 1600px; background-position: center -370px; } }

@media screen and (min-width: 1600px) { .home .hero { background-size: 100%; background-position: center 87%; } }

.home .hero .content { box-sizing: border-box; margin: 0 auto; max-width: 400px; padding: 50px 20px 30px 20px; color: #fff; text-shadow: 1px 1px 0 #000; }

@media screen and (max-width: 219px) { .home .hero .content { padding-top: 30px; } }

@media screen and (min-width: 680px) { .home .hero .content { max-width: none; padding: 150px 40px 70px 40px; } }

@media screen and (min-width: 900px) { .home .hero .content { padding: 240px 40px 100px 40px; text-shadow: none; } }

.home .hero .content h1 { margin: 0 0 10px 0; font-size: 1.7em; font-weight: 400; }

@media screen and (max-width: 219px) { .home .hero .content h1 { font-size: 1.4em; } }

@media screen and (min-width: 680px) { .home .hero .content h1 { margin: 0 0 15px 0; font-size: 2.4em; font-weight: 300; } }

@media screen and (min-width: 900px) { .home .hero .content h1 { font-size: 2.8em; } }

.home .hero .content h2 { margin: 0 0 20px 0; font-size: 1.1em; line-height: 1.6em; font-weight: 400; }

@media screen and (max-width: 219px) { .home .hero .content h2 { font-size: .9em; } }

@media screen and (min-width: 680px) { .home .hero .content h2 { max-width: 400px; margin: 0 auto 30px auto; font-size: 1.4em; font-weight: 300; } }

@media screen and (min-width: 900px) { .home .hero .content h2 { font-size: 1.8em; } }

.home .hero .content h2 br { display: none; }

.home .hero .content .button { margin: 0 5px 10px 5px; text-shadow: none; padding-top: 10px; padding-bottom: 10px; }

@media screen and (min-width: 680px) { .home .hero .content .button { margin: 0 10px 10px 10px; padding-top: 12px; padding-bottom: 12px; } }

@media screen and (min-width: 900px) { .home .hero .content .button { font-size: .9em; } }

.home .featured-projects { border: 0; background: none; }

.home .featured-projects .content { padding-bottom: 0; }

.home .home-intro { max-width: 1262px; margin: 0 auto; padding: 20px; padding-top: 30px; text-align: center; }

@media screen and (min-width: 680px) { .home .home-intro { padding: 30px 40px; } }

@media screen and (min-width: 680px) { .home .home-intro { padding-top: 40px; } }

@media screen and (min-width: 900px) { .home .home-intro { padding-top: 45px; } }

.home .home-intro > p { max-width: 1000px; margin: 0 auto 10px auto; font-size: 1.1em; line-height: 1.8em; }

@media screen and (min-width: 680px) { .home .home-intro > p { margin-bottom: 10px; font-size: 1.3em; line-height: 2em; } }

@media screen and (min-width: 900px) { .home .home-intro > p { margin-bottom: 20px; font-size: 1.5em; } }

.home .vid-wrap { max-width: 1000px; margin: 0 auto; }

.home .vid-wrap .fluid-width-video-wrapper { margin-bottom: 10px; }

.home main { text-align: center; }

.home main h2 { margin: 0 0 20px 0; }

@media screen and (min-width: 680px) { .home main h2 { margin: 0 0 30px 0; } }

.home #services-sub { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #333; }

.home #services-sub .content { max-width: 1262px; margin: 0 auto; padding: 20px; padding: 40px 20px; text-align: center; color: #fff; text-shadow: 1px 1px 0 #000; font-weight: 400; }

@media screen and (min-width: 680px) { .home #services-sub .content { padding: 30px 40px; } }

@media screen and (min-width: 440px) { .home #services-sub .content { padding: 60px; } }

@media screen and (min-width: 680px) { .home #services-sub .content { padding: 60px 40px; font-weight: 300; } }

@media screen and (min-width: 900px) { .home #services-sub .content { padding: 70px 40px 90px 40px; } }

@media screen and (min-width: 680px) { .home #services-sub .content .col-1 { float: left; width: 30%; text-align: left; } }

@media screen and (min-width: 900px) { .home #services-sub .content .col-1 { width: 37%; } }

@media screen and (min-width: 680px) { .home #services-sub .content .col-2 { float: right; width: 30%; text-align: left; } }

@media screen and (min-width: 900px) { .home #services-sub .content .col-2 { width: 37%; } }

.home #services-sub .content h2 { font-weight: 400; }

@media screen and (min-width: 680px) { .home #services-sub .content h2 { font-size: 1.5em; font-weight: 300; } }

@media screen and (min-width: 900px) { .home #services-sub .content h2 { font-size: 1.8em; } }

@media screen and (min-width: 680px) { .home #services-sub .content p { margin-bottom: 35px; font-size: .9em; } }

@media screen and (min-width: 900px) { .home #services-sub .content p { font-size: 1em; } }

.home #services-sub .content .bird { width: 87px; height: 140px; margin: 40px auto; background: url(images/bird-logo-light-small.png) no-repeat; }

@media screen and (min-width: 680px) { .home #services-sub .content .bird { position: absolute; top: 150px; left: 50%; margin-left: -43px; } }

@media screen and (min-width: 900px) { .home #services-sub .content .bird { top: 100px; width: 114px; height: 184px; margin-left: -57px; background: url(images/bird-logo-light-large.png) no-repeat; } }

.page-template-page-contact h1 { margin-bottom: 25px; }

.page-template-page-contact main { max-width: 1050px; padding-top: 10px; }

.page-template-page-contact main h2 { margin-bottom: 10px; font-weight: 400; font-size: 1.5em; }

@media screen and (min-width: 680px) { .page-template-page-contact main h2 { font-size: 1.4em; } }

@media screen and (min-width: 900px) { .page-template-page-contact main h2 { font-size: 1.5em; } }

.page-template-page-contact .intro { max-width: 830px; font-size: 1.1em; }

@media screen and (min-width: 900px) { .page-template-page-contact .intro { font-size: 1.3em; } }

.page-template-page-contact .contact-wrap { padding-top: 30px; border-top: 1px solid #d1ceca; }

@media screen and (min-width: 680px) { .page-template-page-contact .contact-wrap { padding-top: 35px; display: grid; grid-template: auto / 4fr 2fr; grid-gap: 50px; } }

@media screen and (min-width: 1050px) { .page-template-page-contact .contact-wrap { grid-gap: 70px; } }

@media screen and (min-width: 1262px) { .page-template-page-contact .contact-wrap { padding-top: 40px; } }

.page-template-page-contact .wpforms-container textarea { font-family: inherit !important; }

.page-template-page-contact .wpforms-container button.button { margin: 10px 0 !important; padding: 13px 22px !important; color: #fff !important; background: rgba(0, 0, 0, 0.7) !important; border: 1px solid transparent !important; transition: all 0.15s ease; }

@media screen and (min-width: 680px) { .page-template-page-contact .wpforms-container button.button { padding: 13px 30px !important; } }

.page-template-page-contact .wpforms-container button.button:hover { color: #341300 !important; background: none !important; border: 1px solid #341300 !important; }

.page-template-page-contact .contact-details .tel-fax { margin-bottom: 10px; }

.page-template-page-contact .contact-details .tel-fax span { display: block; }

.page-template-page-contact .contact-details span.mail { display: block; }

.page-template-page-contact .contact-details span.mail a:before { display: inline-block; margin-right: 5px; font-family: FontAwesome; content: "\f003"; color: #903701; }

.page-template-page-contact .contact-details span.mail a:hover { color: #da5300; }

.page-template-page-contact .contact-details span.mail a:hover:before { color: #da5300; }

.page-template-page-contact .contact-details .location { margin-bottom: 10px; }

.page-template-page-contact .contact-details .location span { display: block; }

.page-template-page-project .hero, .img-row { overflow: hidden; /*allow trimming of image bottoms (see img below)*/ border-bottom: 1px solid transparent; }

.page-template-page-project .hero a, .img-row a { position: relative; display: block; float: left; box-sizing: border-box; }

.page-template-page-project .hero a.img-full, .img-row a.img-full { width: 100%; }

.page-template-page-project .hero a.img-two-thirds, .img-row a.img-two-thirds { width: 66.6666%; border-right: 1px solid transparent; }

.page-template-page-project .hero a.img-half, .img-row a.img-half { width: 50%; border-right: 1px solid transparent; }

.page-template-page-project .hero a.img-third, .img-row a.img-third { width: 33.3333%; border-right: 1px solid transparent; }

.page-template-page-project .hero a:last-of-type, .img-row a:last-of-type { border: 0; }

.page-template-page-project .hero a img, .img-row a img { margin-bottom: -10px; /*trim bottom of images so all pics are same height*/ }

.page-template-page-project .hero a h3, .img-row a h3 { position: absolute; top: 45%; width: 90%; margin: 0 0 0 5%; text-align: center; font-weight: 700; font-size: .6em; color: #fff; text-shadow: 1px 1px 0 #000; z-index: 1000; transition: all 0.15s ease; opacity: 0; }

@media screen and (min-width: 440px) { .page-template-page-project .hero a h3, .img-row a h3 { top: 50%; font-size: .75em; } }

@media screen and (min-width: 680px) { .page-template-page-project .hero a h3, .img-row a h3 { font-size: 1em; } }

@media screen and (min-width: 900px) { .page-template-page-project .hero a h3, .img-row a h3 { top: 55%; } }

.page-template-page-project .hero a:hover h3, .img-row a:hover h3 { opacity: 1.0; }

.page-template-page-project .hero a span.overlay, .img-row a span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) url(images/enlarge-icon.png) no-repeat center 25%; background-size: 20px; z-index: 100; transition: all 0.15s ease; opacity: 0; }

@media screen and (min-width: 440px) { .page-template-page-project .hero a span.overlay, .img-row a span.overlay { background-position: center 30%; background-size: 30px; } }

@media screen and (min-width: 680px) { .page-template-page-project .hero a span.overlay, .img-row a span.overlay { background-size: 50px; } }

@media screen and (min-width: 900px) { .page-template-page-project .hero a span.overlay, .img-row a span.overlay { background-position: center 40%; background-size: 61px; } }

.page-template-page-project .hero a:hover span.overlay, .img-row a:hover span.overlay { opacity: 1.0; }

.img-wrap { margin: 0 0 25px 0; }

.page-template-page-what-and-how-we-build .hero { margin-right: auto; margin-left: auto; max-width: 1000px; }

.page-template-page-what-and-how-we-build .hero .fluid-width-video-wrapper { margin-top: 30px; }

.intro { max-width: 1000px; margin: 0 auto; padding: 0 20px 30px 20px; text-align: center; }

@media screen and (min-width: 680px) { .intro { padding: 0 40px 30px 40px; } }

@media screen and (min-width: 900px) { .intro { padding: 0 40px 40px 40px; } }

.intro h2 { margin: 0 0 20px 0; }

.intro p { font-size: 1.1em; line-height: 1.8em; }

@media screen and (min-width: 900px) { .intro p { margin: 0 0 35px 0; font-size: 1.5em; line-height: 2em; } }

.intro .bird-logo { display: block; margin: 0 auto 20px auto; width: 71px; height: 114px; background: url(images/bird-logo-dark.png) no-repeat; background-size: 71px 114px; }

@media screen and (min-width: 680px) { .intro .bird-logo { margin-bottom: 30px; } }

@media screen and (min-width: 900px) { .intro .bird-logo { width: 94px; height: 152px; background-size: 94px 152px; } }

.intro .button-row { margin: 30px auto 15px auto; }

@media screen and (min-width: 900px) { .intro .button-row { margin: 40px auto 25px auto; } }

.intro .button-row .button { margin: 0 3px 11px 3px; padding: 15px 40px; font-size: .9em; border: 1px solid transparent; }

.intro .button-row .button:hover { background: none; border-color: #341300; }

.intro blockquote { margin: 0; font-weight: 300; border: 0; }

@media screen and (min-width: 900px) { .intro blockquote { font-size: 1.4em; } }

.portfolio { padding: 20px; text-align: center; border-top: 10px solid #d1ceca; }

@media screen and (min-width: 440px) { .portfolio { padding: 20px 0 30px 0; } }

.portfolio .content { max-width: 1600px; margin: 0 auto; }

.portfolio h2 { margin-bottom: 20px; }

.portfolio a { position: relative; display: block; box-sizing: border-box; margin: 0 0 2px 0; color: #fff; text-decoration: none; transition: all 0.15s ease; }

@media screen and (min-width: 440px) { .portfolio a { float: left; width: 50%; margin: 0; border: 1px solid transparent; } }

@media screen and (min-width: 680px) { .portfolio a { width: 33.33%; font-size: .9em; } }

@media screen and (min-width: 900px) { .portfolio a { width: 25%; } }

@media screen and (min-width: 1262px) { .portfolio a { width: 20%; } }

.portfolio a h3 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90%; margin: 0 0 0 5%; text-align: center; text-shadow: 1px 1px 0 #000; z-index: 1000; transition: all 0.15s ease; font-weight: 700; }

.portfolio a:hover h3 { opacity: 0; }

.portfolio a span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) center center; z-index: 100; transition: all 0.15s ease; }

.portfolio a:hover span.overlay { background: rgba(0, 0, 0, 0) url(images/eye-icon.png) no-repeat center center; }

.portfolio a img { display: block; }

.page-template-page-project main.no-sidebar article { float: none; width: auto; max-width: 910px; margin: 0 auto; }

.page-template-page-project .hero { margin: 0 auto; max-width: 1262px; }

.page-template-page-project .hero h1 { margin-bottom: 15px; }

@media screen and (min-width: 680px) { .page-template-page-project .hero h1 { margin-bottom: 20px; } }

.page-template-page-project aside { margin-top: 10px; }

.page-template-page-project aside .project-specs, .page-template-page-project aside .project-pricing, .page-template-page-project aside .related-content { margin: 0 0 1px 0; padding: 30px 30px 20px 30px; font-size: .95em; background: url(images/bkgnd-gray.jpg); }

.page-template-page-project aside .project-specs h3, .page-template-page-project aside .project-pricing h3, .page-template-page-project aside .related-content h3 { font-weight: 700; }

.page-template-page-project aside .project-specs ul { margin: 0; list-style-type: none; }

.page-template-page-project aside .project-specs ul li { margin: 0 0 12px 0; }

.page-template-page-project aside .project-pricing { padding-bottom: 10px; }

.page-template-page-project aside .project-pricing h4 { margin: 0 0 10px 0; }

.page-template-page-project aside .project-pricing ul li { margin: 0 0 6px 0; }

.page-template-page-project aside .project-pricing em { display: block; margin: 0 0 20px 0; font-size: .9em; }

.page-template-page-project aside .related-content { padding-bottom: 30px; }

@media screen and (min-width: 680px) { .page-template-page-project aside .related-content { display: -webkit-flex; display: flex; } }

@media screen and (min-width: 900px) { .page-template-page-project aside .related-content { display: block; } }

.page-template-page-project aside .related-content .project-publications, .page-template-page-project aside .related-content .project-links, .page-template-page-project aside .related-content .project-posts { max-width: 230px; }

@media screen and (min-width: 680px) { .page-template-page-project aside .related-content .project-publications, .page-template-page-project aside .related-content .project-links, .page-template-page-project aside .related-content .project-posts { -webkit-flex: 1; flex: 1; margin-right: 7%; } }

@media screen and (min-width: 900px) { .page-template-page-project aside .related-content .project-publications, .page-template-page-project aside .related-content .project-links, .page-template-page-project aside .related-content .project-posts { -webkit-flex: 0; flex: 0; margin: 0; } }

.page-template-page-project aside .related-content .project-publications:last-child, .page-template-page-project aside .related-content .project-links:last-child, .page-template-page-project aside .related-content .project-posts:last-child { margin: 0; }

.page-template-page-project aside .related-content h3 { margin: 0 0 10px 0; }

.page-template-page-project aside .related-content a { position: relative; display: block; margin: 0 0 34px 0; color: #341300; }

.page-template-page-project aside .related-content a span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) center center; z-index: 100; transition: all 0.15s ease; }

.page-template-page-project aside .related-content a:hover span.overlay { background: rgba(0, 0, 0, 0) url(images/eye-icon.png) no-repeat center center; }

.page-template-page-project aside .related-content a span.overlay { background-color: rgba(0, 0, 0, 0); }

.page-template-page-project aside .related-content a img { display: block; width: 100%; /*for mozilla*/ margin: 0 0 5px 0; }

.page-template-page-project aside .related-content .project-posts a { margin: 0 0 20px 0; color: #fff; }

.page-template-page-project aside .related-content .project-posts a h3 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90%; margin: 0 0 0 5%; text-align: center; text-shadow: 1px 1px 0 #000; z-index: 1000; font-size: .9em; }

@media screen and (min-width: 1262px) { .page-template-page-project aside .related-content .project-posts a h3 { font-size: 1em; } }

.page-template-page-project aside .related-content .project-posts a span.overlay { background-color: rgba(0, 0, 0, 0.2); }

.page-template-page-project aside .related-content .project-posts a:hover span.overlay { background-color: rgba(0, 0, 0, 0); }

.page-template-page-project aside .related-content .project-posts a:hover h3 { opacity: 0; }

.page-template-page-project aside .button { display: block; margin: 30px 0; padding-top: 15px; padding-bottom: 15px; }

.page-template-page-project aside blockquote { margin: 30px 0; font-weight: 300; border: 0; }

.tabs-wrap { clear: both; position: relative; margin: 30px 0 25px 0; }

.tabs-wrap .tabs-nav { display: block; position: relative; margin: 0 0 -1px 0; box-sizing: border-box; border: 0; border-radius: 20px 20px 0 0; z-index: 100; }

@media screen and (min-width: 680px) { .tabs-wrap .tabs-nav { display: -webkit-flex; display: flex; border-radius: 0; } }

.tabs-wrap .tabs-nav li { display: block; position: relative; top: 0; margin: 0 0 -20px 0; box-sizing: border-box; list-style-type: none; border-radius: 20px 20px 0 0; }

@media screen and (min-width: 680px) { .tabs-wrap .tabs-nav li { margin: 0; border-radius: 0; } }

.tabs-wrap .tabs-nav li:last-of-type { margin: 0 !important; }

.tabs-wrap .tabs-nav li:last-of-type a { padding-bottom: 10px; border-bottom: 0; }

@media screen and (min-width: 1100px) { .tabs-wrap .tabs-nav li:last-of-type a { padding-bottom: 12px; } }

.tabs-wrap .tabs-nav li a { display: block; padding: 10px 20px 30px 20px; font-weight: 400; color: #fff; background: #b4b1ae; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 20px 20px 0 0; }

@media screen and (min-width: 680px) { .tabs-wrap .tabs-nav li a { height: 100%; box-sizing: border-box; margin-bottom: 0; padding: 10px 20px; text-align: center; font-size: .9em; color: #341300; background: none; border-color: transparent; border-radius: 0; } }

@media screen and (min-width: 680px) and (min-width: 680px) { .tabs-wrap .tabs-nav li a:before { padding-right: 0 !important; content: none !important; } }

@media screen and (min-width: 1100px) { .tabs-wrap .tabs-nav li a { padding: 12px 25px; font-size: 1em; } }

.tabs-wrap .tabs-nav li a:before { padding-right: 10px; font-family: FontAwesome; content: "\f0da"; font-weight: 400 !important; }

.tabs-wrap .tabs-nav li.ui-tabs-active a { font-weight: 700; color: #341300; cursor: text; background: #fff; border-color: #e4e2db; border-bottom-color: #fff; }

.tabs-wrap .tabs-nav li.ui-tabs-active a:before { padding-right: 10px; font-family: FontAwesome; content: "\f0d7"; font-weight: 400 !important; }

@media screen and (min-width: 680px) { .tabs-wrap .tabs-nav li.ui-tabs-active:last-of-type a { border-bottom: 1px solid #fff; } }

.tabs-wrap .tabs-panel { position: relative; padding: 20px 20px 10px 20px; background: #fff; border: 1px solid #e4e2db; z-index: 0; }

@media screen and (min-width: 1100px) { .tabs-wrap .tabs-panel { padding: 25px 25px 10px 25px; } }

.tabs-wrap .tabs-panel h2 { font-size: 1.2em; font-weight: 700; }

.tabs-wrap .tabs-panel p { margin: 0 0 15px 0; line-height: 1.7em; }

.tabs-wrap .tabs-panel ul { margin-left: 0; list-style-position: outside; }

.tabs-wrap .tabs-panel ul li { margin: 0 0 12px 1em; line-height: 1.7em; }

.tabs-wrap .tabs-panel ul ul { margin: 0; }

.tabs-wrap .tabs-panel ul ul li { margin-bottom: 6px; }

.tabs-wrap .tabs-panel ul ul li:first-of-type { margin-top: 6px; }

.tabs-wrap .tabs-panel ul ul li:last-of-type { margin-bottom: 0; }

.feature-box { margin: 30px 0 40px 0; background: url(images/bkgnd-gray.jpg); }

@media screen and (min-width: 680px) { .feature-box { display: -webkit-flex; display: flex; } }

.feature-box .feature-box-wysiwyg { padding: 20px; }

@media screen and (min-width: 1100px) { .feature-box .feature-box-wysiwyg { padding: 20px 25px 10px 25px; } }

.feature-box .feature-box-wysiwyg h2 { font-size: 1.2em; font-weight: 700; }

.feature-box .feature-box-wysiwyg p { margin: 0 0 15px 0; line-height: 1.7em; }

.feature-box .feature-box-wysiwyg ul { margin-left: 0; list-style-position: outside; }

.feature-box .feature-box-wysiwyg ul li { margin: 0 0 12px 1em; line-height: 1.7em; }

.feature-box .feature-box-wysiwyg ul li:last-of-type { margin-bottom: 0; }

.feature-box .spec-sheet-sidebar { box-sizing: border-box; padding: 20px 20px 30px 20px; border-top: 1px solid #fff; }

@media screen and (min-width: 680px) { .feature-box .spec-sheet-sidebar { width: 275px; border-top: 0; border-left: 1px solid #fff; } }

@media screen and (min-width: 1100px) { .feature-box .spec-sheet-sidebar { padding: 20px 25px 30px 25px; } }

.feature-box .spec-sheet-sidebar h3 a { position: relative; padding-left: 24px; font-size: 1em; font-weight: 700; color: #341300 !important; }

.feature-box .spec-sheet-sidebar h3 a:before { content: ""; display: block; position: absolute; top: 1px; left: 0; width: 15px; height: 20px; background: url(images/document-icon.png) no-repeat; background-size: 15px 20px; }

.page-template-page-about-landing main { padding-top: 0; }

@media screen and (min-width: 680px) { .page-template-page-about-landing main { padding-top: 10px; } }

.page-template-page-about-landing .intro { margin: 0 0 40px 0; padding: 0; text-align: left; }

@media screen and (min-width: 680px) { .page-template-page-about-landing .intro { float: left; width: 55%; } }

@media screen and (min-width: 900px) { .page-template-page-about-landing .intro { float: left; width: 45%; } }

@media screen and (min-width: 1262px) { .page-template-page-about-landing .intro { margin: 0 0 50px 0; } }

.page-template-page-about-landing .intro p { margin: 0 0 20px 0; }

@media screen and (min-width: 680px) { .page-template-page-about-landing .intro p { font-size: 1.2em; } }

@media screen and (min-width: 900px) { .page-template-page-about-landing .intro p { margin: 0 0 25px 0; } }

.page-template-page-about-landing .intro blockquote { margin: 30px 0 0 0; padding: 20px 0; border-top: 2px solid #d1ceca; border-bottom: 2px solid #d1ceca; }

@media screen and (min-width: 680px) { .page-template-page-about-landing .intro blockquote { font-size: 1.2em; } }

@media screen and (min-width: 900px) { .page-template-page-about-landing .intro blockquote { margin: 40px 0 0 0; } }

.page-template-page-about-landing .crew-members { margin: 0 0 30px 0; }

@media screen and (min-width: 680px) { .page-template-page-about-landing .crew-members { float: right; width: 38%; border: 0; } }

@media screen and (min-width: 900px) { .page-template-page-about-landing .crew-members { width: 48%; } }

.page-template-page-about-landing .crew-members h2 { margin-bottom: 20px; }

.page-template-page-about-landing .crew-members a { display: block; box-sizing: border-box; margin: 0 0 20px 0; font-size: .9em; text-align: center; color: #341300; text-decoration: none; }

@media screen and (min-width: 440px) { .page-template-page-about-landing .crew-members a { float: left; width: 50%; border: 1px solid transparent; } .page-template-page-about-landing .crew-members a:nth-of-type(odd) { clear: both; } }

@media screen and (min-width: 680px) { .page-template-page-about-landing .crew-members a { float: none; width: 100%; } }

@media screen and (min-width: 900px) { .page-template-page-about-landing .crew-members a { float: left; width: 50%; } }

.page-template-page-about-landing .crew-members a img { display: block; margin: 0 0 6px 0; transition: all 0.15s ease; }

.page-template-page-about-landing .crew-members a:hover img { opacity: 0.85; }

.page-template-page-about-landing .crew-members a h3 { margin: 0; font-weight: 400; }

.page-template-page-about-landing .events { clear: both; box-sizing: border-box; margin: 0 0 30px 0; padding: 20px 30px; font-size: .9em; background: url(images/bkgnd-gray.jpg); }

@media screen and (min-width: 900px) { .page-template-page-about-landing .events { clear: none; float: right; width: 48%; } }

@media screen and (min-width: 1262px) { .page-template-page-about-landing .events { clear: both; float: none; width: 100%; } }

.page-template-page-about-landing .events .event { max-width: 800px; padding: 20px 0; border-top: 1px solid #d1ceca; }

.page-template-page-about-landing .events .event h3 { margin: 0 0 10px 0; font-weight: 700; }

.page-template-page-about-landing .events .event ul { margin: 0 0 10px 0; }

.page-template-page-about-landing .events .event ul li { margin: 0; line-height: 1.6em; text-transform: uppercase; font-size: .85em; font-weight: 400; color: #675d4b; }

.page-template-page-about-landing .events .event p { margin: 0 0 10px 0; line-height: 1.5em; }

.page-template-page-about-landing .events .event a { display: inline-block; text-transform: uppercase; font-size: .8em; font-weight: 400; }

.page-template-page-about-single article { margin: 0 0 40px 0; }

@media screen and (min-width: 680px) { .page-template-page-about-single article { float: left; width: 67.5%; } }

@media screen and (min-width: 900px) { .page-template-page-about-single article { width: 70%; } }

.page-template-page-about-single article img { display: block; margin: 0 0 25px 0; }

@media screen and (min-width: 440px) { .page-template-page-about-single article img { float: left; margin: 10px 25px 10px 0; width: 50%; max-width: 425px; } }

@media screen and (min-width: 900px) { .page-template-page-about-single article img { margin: 10px 35px 15px 0; } }

.page-template-page-about-single aside { padding: 40px 0; text-align: center; border-top: 2px solid #d1ceca; }

@media screen and (min-width: 680px) { .page-template-page-about-single aside { float: right; width: 25%; padding: 0; border: 0; } }

.page-template-page-about-single aside a { float: left; display: block; box-sizing: border-box; width: 50%; margin: 0 0 20px 0; font-size: .75em; color: #341300; text-decoration: none; border: 1px solid transparent; }

.page-template-page-about-single aside a:nth-of-type(odd) { clear: both; }

.page-template-page-about-single aside a img { display: block; margin: 0 0 6px 0; transition: all 0.15s ease; }

.page-template-page-about-single aside a:hover img { opacity: 0.85; }

.page-template-page-about-single aside a h3 { margin: 0; font-weight: 400; }

.page-template-default .hero { padding-top: 0; max-width: 1262px; }

.page-template-default .hero .content { padding-bottom: 10px; }

.page-template-default .main-content.no-sidebar article { float: none; width: 100%; }

.page-template-default .main-content.no-sidebar article .google-calendar-wrap { position: relative; height: 0; width: 100%; padding-bottom: 85%; }

.page-template-default .main-content.no-sidebar article .google-calendar-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.page-template-default aside h3 { font-weight: 700; }

/* blog landing page */
.page-template-page-blog article, .single-post article, .archive article { margin: 0 0 40px 0; }

@media screen and (min-width: 900px) { .page-template-page-blog article, .single-post article, .archive article { float: left; width: 75.5%; } }

@media screen and (min-width: 1262px) { .page-template-page-blog article, .single-post article, .archive article { width: 72.25%; } }

.page-template-page-blog article .grid a.grid-item, .single-post article .grid a.grid-item, .archive article .grid a.grid-item { position: relative; display: block; box-sizing: border-box; margin: 0 auto 2px auto !important; color: #fff; text-decoration: none; transition: all 0.15s ease; }

@media screen and (min-width: 440px) { .page-template-page-blog article .grid a.grid-item, .single-post article .grid a.grid-item, .archive article .grid a.grid-item { float: none; width: 100%; } }

@media screen and (min-width: 680px) { .page-template-page-blog article .grid a.grid-item, .single-post article .grid a.grid-item, .archive article .grid a.grid-item { float: left; width: 50%; margin: 0 !important; border: 1px solid transparent; } }

.page-template-page-blog article .grid a.grid-item .excerpt-text, .single-post article .grid a.grid-item .excerpt-text, .archive article .grid a.grid-item .excerpt-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90%; margin: 0 0 0 5%; text-align: center; text-shadow: 1px 1px 0 #000; z-index: 1000; transition: all 0.15s ease; }

.page-template-page-blog article .grid a.grid-item .excerpt-text .post-date, .single-post article .grid a.grid-item .excerpt-text .post-date, .archive article .grid a.grid-item .excerpt-text .post-date { display: inline-block; margin: 10px 0 0 0; padding: 12px 0 0 0; text-transform: uppercase; font-size: .75em; border-top: 1px solid #fff; }

@media screen and (min-width: 440px) { .page-template-page-blog article .grid a.grid-item .excerpt-text .post-date, .single-post article .grid a.grid-item .excerpt-text .post-date, .archive article .grid a.grid-item .excerpt-text .post-date { font-size: .9em; } }

@media screen and (min-width: 680px) { .page-template-page-blog article .grid a.grid-item .excerpt-text .post-date, .single-post article .grid a.grid-item .excerpt-text .post-date, .archive article .grid a.grid-item .excerpt-text .post-date { font-size: .8em; } }

@media screen and (min-width: 1262px) { .page-template-page-blog article .grid a.grid-item .excerpt-text .post-date, .single-post article .grid a.grid-item .excerpt-text .post-date, .archive article .grid a.grid-item .excerpt-text .post-date { font-size: .9em; } }

.page-template-page-blog article .grid a.grid-item .excerpt-text h2, .single-post article .grid a.grid-item .excerpt-text h2, .archive article .grid a.grid-item .excerpt-text h2 { margin: 0; font-weight: 700; font-size: 1.2em; }

@media screen and (min-width: 440px) { .page-template-page-blog article .grid a.grid-item .excerpt-text h2, .single-post article .grid a.grid-item .excerpt-text h2, .archive article .grid a.grid-item .excerpt-text h2 { font-size: 1.4em; } }

@media screen and (min-width: 680px) { .page-template-page-blog article .grid a.grid-item .excerpt-text h2, .single-post article .grid a.grid-item .excerpt-text h2, .archive article .grid a.grid-item .excerpt-text h2 { font-size: 1.2em; } }

@media screen and (min-width: 1262px) { .page-template-page-blog article .grid a.grid-item .excerpt-text h2, .single-post article .grid a.grid-item .excerpt-text h2, .archive article .grid a.grid-item .excerpt-text h2 { font-size: 1.5em; } }

.page-template-page-blog article .grid a.grid-item span.overlay, .single-post article .grid a.grid-item span.overlay, .archive article .grid a.grid-item span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) center center; z-index: 100; transition: all 0.15s ease; }

.page-template-page-blog article .grid a.grid-item:hover span.overlay, .single-post article .grid a.grid-item:hover span.overlay, .archive article .grid a.grid-item:hover span.overlay { background: rgba(0, 0, 0, 0) url(images/eye-icon.png) no-repeat center center; }

.page-template-page-blog article .grid a.grid-item:hover .excerpt-text, .single-post article .grid a.grid-item:hover .excerpt-text, .archive article .grid a.grid-item:hover .excerpt-text { opacity: 0; }

.page-template-page-blog article .grid a.grid-item img, .single-post article .grid a.grid-item img, .archive article .grid a.grid-item img { width: 100%; display: block; }

@media screen and (min-width: 900px) { .page-template-page-blog aside, .single-post aside, .archive aside { float: right; width: 20%; } }

@media screen and (min-width: 1262px) { .page-template-page-blog aside, .single-post aside, .archive aside { width: 22.5%; } }

.page-template-page-blog aside .blog-social, .single-post aside .blog-social, .archive aside .blog-social { margin: 0 0 30px 0; }

.page-template-page-blog aside .blog-social .facebook-blog, .page-template-page-blog aside .blog-social .pinterest-blog, .page-template-page-blog aside .blog-social .houzz-blog, .page-template-page-blog aside .blog-social .instagram-blog, .single-post aside .blog-social .facebook-blog, .single-post aside .blog-social .pinterest-blog, .single-post aside .blog-social .houzz-blog, .single-post aside .blog-social .instagram-blog, .archive aside .blog-social .facebook-blog, .archive aside .blog-social .pinterest-blog, .archive aside .blog-social .houzz-blog, .archive aside .blog-social .instagram-blog { display: inline-block; width: 30px; height: 30px; margin: 0 3px; background-size: 30px 30px !important; }

.page-template-page-blog aside .blog-social .facebook-blog, .single-post aside .blog-social .facebook-blog, .archive aside .blog-social .facebook-blog { background: url(images/facebook@2x.png) no-repeat center center; }

.page-template-page-blog aside .blog-social .pinterest-blog, .single-post aside .blog-social .pinterest-blog, .archive aside .blog-social .pinterest-blog { background: url(images/pinterest@2x.png) no-repeat center center; }

.page-template-page-blog aside .blog-social .houzz-blog, .single-post aside .blog-social .houzz-blog, .archive aside .blog-social .houzz-blog { background: url(images/houzz@2x.png) no-repeat center center; }

.page-template-page-blog aside .blog-social .instagram-blog, .single-post aside .blog-social .instagram-blog, .archive aside .blog-social .instagram-blog { background: url(images/instagram@2x.png) no-repeat center center; }

.page-template-page-blog aside h3, .single-post aside h3, .archive aside h3 { margin: 0 0 10px 0; font-weight: 700; text-transform: uppercase; font-size: .9em; }

.page-template-page-blog aside .sidebar-widget, .single-post aside .sidebar-widget, .archive aside .sidebar-widget { margin: 0 0 30px 0; }

.page-template-page-blog aside .sidebar-widget label.screen-reader-text, .single-post aside .sidebar-widget label.screen-reader-text, .archive aside .sidebar-widget label.screen-reader-text { display: none; }

.page-template-page-blog aside .sidebar-widget ul, .single-post aside .sidebar-widget ul, .archive aside .sidebar-widget ul { margin: 0; list-style-type: none; }

.page-template-page-blog aside .sidebar-widget ul li.cat-item, .single-post aside .sidebar-widget ul li.cat-item, .archive aside .sidebar-widget ul li.cat-item { margin: 0 0 10px 0; }

.page-template-page-blog aside .sidebar-widget ul li.cat-item a, .single-post aside .sidebar-widget ul li.cat-item a, .archive aside .sidebar-widget ul li.cat-item a { display: inline-block; padding: 10px 20px; color: #341300; border: 1px solid #b4b1ae; transition: all 0.15s ease; }

.page-template-page-blog aside .sidebar-widget ul li.cat-item a:hover, .single-post aside .sidebar-widget ul li.cat-item a:hover, .archive aside .sidebar-widget ul li.cat-item a:hover { color: #fff; background: #333; border: 1px solid #333; }

.page-template-page-blog aside .popular-posts a, .single-post aside .popular-posts a, .archive aside .popular-posts a { float: left; position: relative; display: block; box-sizing: border-box; width: 50%; max-width: 230px; color: #fff; font-size: .8em; text-decoration: none; border: 1px solid transparent; transition: all 0.15s ease; }

@media screen and (min-width: 440px) { .page-template-page-blog aside .popular-posts a, .single-post aside .popular-posts a, .archive aside .popular-posts a { width: 25%; font-size: .6em; } }

@media screen and (min-width: 680px) { .page-template-page-blog aside .popular-posts a, .single-post aside .popular-posts a, .archive aside .popular-posts a { font-size: .8em; } }

@media screen and (min-width: 900px) { .page-template-page-blog aside .popular-posts a, .single-post aside .popular-posts a, .archive aside .popular-posts a { width: 100%; font-size: .9em; } }

@media screen and (min-width: 1262px) { .page-template-page-blog aside .popular-posts a, .single-post aside .popular-posts a, .archive aside .popular-posts a { width: 50%; font-size: .8em; } }

.page-template-page-blog aside .popular-posts a h4, .single-post aside .popular-posts a h4, .archive aside .popular-posts a h4 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90%; margin: 0 0 0 5%; text-align: center; text-shadow: 1px 1px 0 #000; z-index: 1000; transition: all 0.15s ease; }

.page-template-page-blog aside .popular-posts a:hover h4, .single-post aside .popular-posts a:hover h4, .archive aside .popular-posts a:hover h4 { opacity: 0; }

.page-template-page-blog aside .popular-posts a span.overlay, .single-post aside .popular-posts a span.overlay, .archive aside .popular-posts a span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) center center; z-index: 100; transition: all 0.15s ease; }

.page-template-page-blog aside .popular-posts a:hover span.overlay, .single-post aside .popular-posts a:hover span.overlay, .archive aside .popular-posts a:hover span.overlay { background: rgba(0, 0, 0, 0) url(images/eye-icon-small.png) no-repeat center center; }

.page-template-page-blog aside .popular-posts a img, .single-post aside .popular-posts a img, .archive aside .popular-posts a img { display: block; }

.page-template-page-blog aside .popular-posts:after, .single-post aside .popular-posts:after, .archive aside .popular-posts:after { /* self-clear */ display: block; content: ""; clear: both; }

/* pagination */
.pagination { clear: both; margin: 20px 0 40px 0; padding: 15px 0 0 0; font-size: .8em; }

.pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; width: auto; color: #341300; text-decoration: none; border-radius: 3px; }

.pagination a:hover { text-decoration: underline; }

.pagination .current { padding: 6px 9px 5px 9px; background: #675d4b; color: #fff; }

.page-template-page-blog h1 { margin: 0 0 4px 0; }

.page-template-page-blog h2 { margin: 0 0 18px 0; font-size: 1.2em; }

@media screen and (min-width: 680px) { .page-template-page-blog h2 { margin: 0 0 24px 0; } }

.single-post h1 { margin: 0 0 4px 0; }

.single-post .post-meta { margin: 0 0 20px 0; font-size: .75em; }

.archive h1 strong { font-weight: 400; }

body.search #searchform { position: relative; width: 100%; height: 60px; margin: 0 0 40px 0; background: #fff; border: 1px solid #e4e2db !important; }

body.search #searchform input#searchfield { box-sizing: border-box; width: 100%; height: 100%; padding: 14px 50px 14px 25px; font-family: "roboto", Arial, sans-serif; font-weight: 300; font-size: 1.3em; color: #333; }

body.search #searchform input#searchsubmit { position: absolute; right: 0; top: 0; width: 50px; height: 100%; line-height: 1; font-family: FontAwesome; font-size: 1em; color: #666; cursor: pointer; background: none; }

body.search article { float: none; width: auto; max-width: 910px; margin: 20px 0 40px 0; }

body.search article h2 { margin: 0 0 20px 0; font-size: 1.5em; }

body.search article p { margin: 0 0 15px 0; }

body.search article .search-excerpt { margin: 0 0 20px 0; }

body.search article .search-excerpt h3 { margin: 0; }

body.search article .search-excerpt p { font-size: .9em; line-height: 1.5em; }

body.search article .search-excerpt p span { font-weight: 700; }

.page-template-page-not-found .hero { margin-bottom: 0; }

.page-template-page-not-found .hero h1 { margin: 0 0 20px 0; }

.page-template-page-not-found .intro { padding-bottom: 0; }

.page-template-page-not-found .intro h2 { margin: 0; font-size: 1.4em; }

@media screen and (min-width: 680px) { .page-template-page-not-found .intro h2 { font-size: 1.6em; } }

@media screen and (min-width: 900px) { .page-template-page-not-found .intro h2 { font-size: 1.8em; } }

/*** all displays ***/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { #shiftnav-toggle-main { /* toogle bar menu button */ } #shiftnav-toggle-main .shiftnav-main-toggle-content a { background-image: url(images/logo-small@2x.png) !important; background-size: 118px 26px !important; } #shiftnav-toggle-main .shiftnav-toggle { background-image: url(images/menu-button@2x.png); background-size: 78px 50px; } .shiftnav-open .shiftnav-toggle { background-image: url(images/menu-button-close@2x.png) !important; background-size: 78px 50px; } .home #services-sub .content .bird { background-image: url(images/bird-logo-light-small@2x.png); background-size: 87px 140px; } .intro .bird-logo { background-image: url(images/bird-logo-dark@2x.png); } .alternating-content .ac-row .ac-text-wrap .thumbs-wrap .ac-row-thumb:hover span.overlay { background-image: url(images/eye-icon-small@2x.png); background-size: 34px 18px; } .portfolio a:hover span.overlay { background-image: url(images/eye-icon@2x.png); background-size: 60px 33px; } .page-template-page-project aside .related-content a div span.overlay { background-image: url(images/eye-icon@2x.png); background-size: 60px 33px; } .page-template-page-blog article .grid a.grid-item:hover span.overlay, .archive article .grid a.grid-item:hover span.overlay { background-image: url(images/eye-icon@2x.png); background-size: 60px 33px; } .page-template-page-blog aside .popular-posts a:hover span.overlay, .single-post aside .popular-posts a:hover span.overlay, .archive aside .popular-posts a:hover span.overlay { background-image: url(images/eye-icon-small@2x.png); background-size: 34px 18px; } .page-template-page-blog aside .blog-social .facebook-blog, .single-post aside .blog-social .facebook-blog, .archive aside .blog-social .facebook-blog { background-image: url(images/facebook@2x.png); background-size: 30px 30px; } .page-template-page-blog aside .blog-social .pinterest-blog, .single-post aside .blog-social .pinterest-blog, .archive aside .blog-social .pinterest-blog { background-image: url(images/pinterest@2x.png); background-size: 30px 30px; } .page-template-page-blog aside .blog-social .houzz-blog, .single-post aside .blog-social .houzz-blog, .archive aside .blog-social .houzz-blog { background-image: url(images/houzz@2x.png); background-size: 30px 30px; } footer .footer-contact .content #logo-footer { background-image: url(images/logo-footer@2x.png); background-size: 149px 32px; } footer .footer-contact .content .footer-email { background-image: url(images/mail-icon@2x.png); background-size: 14px 11px; } footer .footer-contact .content .facebook-footer { background-image: url(images/facebook@2x.png); background-size: 30px 30px; } footer .footer-contact .content .pinterest-footer { background-image: url(images/pinterest@2x.png); background-size: 30px 30px; } footer .footer-contact .content .houzz-footer { background-image: url(images/houzz@2x.png); background-size: 30px 30px; } footer .footer-contact .content #logo-footer { background-image: url(images/logo-footer@2x.png); background-size: 149px 32px; } footer .footer-contact .content .footer-email { background-image: url(images/mail-icon@2x.png); background-size: 14px 11px; } }

/*** medium displays and up -- 680px and more ***/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 680px), only screen and (min-resolution: 192dpi) and (min-width: 680px) { .home #services-sub .content .bird { background-image: url(images/bird-logo-light-large@2x.png); background-size: 114px 184px; } }

/*** large displays and up -- 900px and more ***/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 900px), only screen and (min-resolution: 192dpi) and (min-width: 900px) { a#logo { background-image: url(images/logo-large@2x.png) !important; background-size: 192px 42px !important; } .intro .bird-logo { background-size: 94px 152px; } }

/*death note for ie8 and under*/
#lte-ie8 { max-width: 600px; margin: 120px auto -30px auto; padding: 30px; text-align: center; color: #fff; background: darkred; z-index: 100000; }

#lte-ie8 h2 { font-weight: bold; }

#lte-ie8 a { color: #fff; font-weight: bold; }
/*# sourceMappingURL=style.css.map */