@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900');

/* DEBUG */

.debug-large { border:1px solid orange; margin: 1rem; padding:1rem; }
.debug-medium { border:1px solid orange; margin: 1rem; padding:1rem; }
.debug-small { border:1px solid orange; margin: 1rem; padding:1rem; }

.debug-large { display:none; }
.debug-medium { display:none; }
.debug-small { display:none; }

/* /DEBUG */

/* Resets */
p, li { color:#333333; font-size:80%; }

.hbs-header { margin-top:1rem; }
.hbs-header .top-bar { background-color:#ffffff; border-bottom: 5px solid #E1DABE; }
.hbs-logo { font-family:'Cinzel'; font-weight:400; font-size:160%; padding:0; margin:0; }
.hbs-logo a { text-decoration:none;  color: #736C50;}
.hbs-logo a:hover { text-decoration:none;  color: #736C50;}
.top-bar, .top-bar ul { background-color:#ffffff; }
.dropdown.menu > li.is-dropdown-submenu-parent > a, .menu > li > a { text-decoration: none;  color: #333333; font-weight: normal; font-family: 'Cinzel'; font-size: 100%; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: #666666 transparent transparent; }
.is-dropdown-submenu { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-width: 400px; }

.hbs-vertical-menu-header { font-family:'Cinzel'; font-weight:700; font-size:100%; color: #333333; padding: 40px 0 20px 15px; }
.hbs-vertical-menu { font-size: 80%; margin-bottom:40px; }
.hbs-page-header { font-family:'Cinzel'; font-weight:700; font-size:120%; color: #333333; padding: 40px 0 20px 0; }
.hbs-sidebar-header { font-family:'Cinzel'; font-weight:400; font-size:100%; color: #333333; padding: 40px 0 0 0; }

/* Project */
.hbs-project-tile-container { padding:20px 20px 0 20px; }
.hbs-project-tile { border:1px solid #736C50; margin:0 0 20px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:250px; color:#666666; }   
.hbs-project-tile span { display:block; margin: 180px 20px 20px 20px; font-weight:bold; font-size: 36px; color:#ffffff; }
.hbs-project-tile-fireplaces { background:url("../projects/fireplaces/Hand-Cut-Carmel-Limestone-Fireplace/Hand-Cut-Carmel-Limestone-Fireplace"); background-position: center center; }
.hbs-project-tile-walls-and-patios { background:url("../projects/walls-and-patios/Tiburon-Stone-Wall/Tiburon-Stone-wall.jpg"); background-position: left top; }  
.hbs-project-tile-masonry { background:url("../projects/masonry-restoration/Terra-Cotta-Pillar-Restoration/Terra-Cotta-Pillar-After.jpg"); background-position: center center; }  
.hbs-project-tile-brick-and-stone { background:url("../projects/brick-and-stone-repair/Brick-driveway-basket-weave/Brick-driveway-basket-weave.jpg"); background-position: center center; }  
.hbs-project-thumbnail { border:1px solid #736C50; margin:0 0 20px 0; padding: 0 10px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:85px; font-size: 75%; }
.hbs-project-thumbnail img { float:left; margin:5px; }
.hbs-project-thumbnail  a { color: #736C50; }
.hbs-project-thumbnail-menu { border:1px solid #736C50; margin:0 0 10px 0; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:80px; }
.hbs-project-detail-page {  }
.hbs-project-detail-page h2 { color:#736C50; font-size:90%; margin:0; }
.hbs-project-detail-page h3 { color:#736C50; font-size:120%; }
.hbs-project-detail-page h4 { color:#736C50; font-size:80%; }
.hbs-project-detail-page p { color:#736C50; font-size:80%; padding:10px 0 0 0; }




/* Gallery */
.hbs-gallery-caption { color:#736C50; font-size: 85%; text-transform:uppercase; font-weight:bold; line-height: 1rem; margin: .5rem 0 0 0;}
.hbs-gallery-caption-location { color:#736C50; font-size: 75%; }

/* Footer */
.hbs-footer { background:#E1DABE; padding:1rem; }
.hbs-footer img { display:block; height:1px; width:1px; position:relative; visibility:hidden;  }
/* .hbs-footer div { padding:.5rem 0; } */
.hbs-footer h3 { color:#736C50; font-size: 75%; font-weight:bold; margin:0; padding:.5rem 0; text-transform:uppercase; }
.hbs-footer li, .hbs-footer p { color:#736C50; font-size: 85%; margin:0; padding:0; line-height:1.5rem; }
.hbs-footer p { line-height:1rem; }
.hbs-footer span { color:#736C50; font-size: 100%; }
.hbs-footer p.description { line-height:0;  padding:0 0 1rem 0; }
.hbs-footer li a { color:#736C50; font-size: 100%; margin:0; padding:0; line-height:1.5rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif}
.hbs-footer li a:hover { text-decoration:underline; }
.hbs-footer .hbs-price-range { display:block; height:1px; width:1px; position:relative; visibility:hidden; }

/* LARGE */
@media only screen and (min-width: 64.063em) { 



}

/* MEDIUM */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

/* DEBUG 
.debug-large { background:#cc0000; }
.debug-medium { background:#006C00; }
.debug-small { background:#cc0000; }
*/

/* Gallery */
.hbs-gallery-caption { font-size: 65%; line-height: .85rem; margin: .25rem 0 0 0;}
.hbs-gallery-caption-location { font-size: 65%; }


}

/* SMALL */
@media only screen and (max-width: 40em) {

.hbs-footer h3, .hbs-footer li,.hbs-footer p { text-align:center; }

/* DEBUG 
.debug-large { background:#cc0000; }
.debug-medium { background:#cc0000; }
.debug-small { background:#006C00; }
*/

}