/*
Theme Name: Boondocks Brewing
Theme URI: http://www.appnet.com
Description: Custom Theme for Boondocks Brewing
Author: Appnet
Author URI: http://www.appnet.com
Template: vantage
Version: 1.0.0
*/


.cf:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.cf { display: inline-block; }
/* start commented backslash hack \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* close commented backslash hack */


/* --------header-------- */

body.responsive #masthead .site-navigation .full-container {
  max-width: 100%;
}

body.responsive #masthead  #sticky-container .site-navigation .full-container {max-width:100%;}
#masthead .main-navigation {background:transparent;}
#masthead .main-navigation ul li a {
  font-family: 'Alegreya SC', serif;
  font-weight:lighter;
  font-size:18px;
  padding:18px;
}

#head-bar {
  background:#1F1A16;
  border-top:1px solid #3d2f24;
  border-bottom:1px solid #3d2f24;
  color:#fff;
  margin:0 -35px 0 -35px;
  padding:20px 35px !important;
  height:auto;
  width:100%;
  position:relative;
}

#head-bar #title {
  font-family: 'Alegreya', serif;
  font-size:36px;
  font-weight:400;
  margin-left:270px;
}
#head-bar #title span {font-weight:700;}
#head-bar #header-social {float:right;}
#header-social a {display:block; margin:0 2px -5px; float:left;}

#masthead .hgroup .logo {
  margin-top:-105px;
  margin-bottom:-135px;
  position:relative;
  z-index:10;
}

#main-slider {
  border-top:1px solid #3d2f24;
  border-bottom:1px solid #3d2f24;
}

#header-img {
  background-position: center center;
  background-size:cover;
  height:300px;
}
#header-img.noheaderimg {background:url('http://www.boondocksbeer.com/wp-content/uploads/2015/06/Layer-2.jpg') center center; background-size:cover;}

/* --------end header-------- */

#border-box {
  position:relative;
  margin-top:-350px;
  bottom:-335px;
  z-index:5;
}

#border-box .border-left, #border-box .border-right {
  float:left; 
  width:50%; 
  padding-top:35px;
  position:relative;
  top:-30px;
  z-index:1;
}
#border-box .border-left img {float:left; 
  position:relative;
  left:-20px;}
#border-box .border-right img {float:right; position:relative;
  right:-20px;}

#main .full-container {
  position:relative;
  z-index:5;
}


/* --------Body-------- */

body #av-overlay-wrap {
  background:#1f1a16 url('http://www.boondocksbeer.com/wp-content/uploads/2015/06/bg.jpg') top center;
}
#av-overlay {
  border:1px solid #3D2F24;
  color:#fff;
  text-align:center;
  width:300px;
}
#av-overlay h1 {line-height:50px;}
#av-overlay input[type=submit]{
  display:block;
  margin:15px auto 0;
}

#main {position:relative; z-index:1; background-position:center center;}
#main p {line-height:30px;}

#main a {color:#38b567; text-decoration:none;}
#main a:hover {color:#AB795C;}

#main ul {margin:0; padding:0;}

body.page-template-default #primary,
body.page-template-template-full #primary
{
  background:rgba(29,24,23,0.7); 
  border:1px solid #3D2F24;
  box-sizing:border-box;
  padding:20px;
}
body.home #primary {background:transparent; border:0;}

#secondary {
  background:rgba(29,24,23,0.7); 
  border:1px solid #3D2F24;
  box-sizing:border-box;
  padding:20px;
  width:27%;
}
#secondary .textwidget {
  color:#fff;
  font-size:15px;
}
#secondary .widget .widget-title {
  font-size:22px;
  color:#fff;
}
#black-studio-tinymce-2 .textwidget a {font-size:13px; transition: all 0.4s ease 0s;}

#search-2 input {width:100%;}

body.home h1 {
  font-size:48px;
  color:#AC6E3D;
}

body.home h2 {
  font-size:36px;
  color:#fff;
}

body.home h3 {
  font-size:24px;
  color:#af6b43;
}

#main .panel-row-style-home-content {
  padding:0;
}

#main .panel-row-style-home-content .content {padding-left:20px;}

#main .panel-row-style-home-content .twitter-feed {
  background:rgba(29,24,23,0.7);
  box-sizing:border-box;
  border:1px solid #3d2f24;
  padding:0 10px 10px 10px;  
}

#main .panel-row-style-home-content .twitter-feed ul {
  list-style:none;
  margin:0;
  padding:0;
}
#main .panel-row-style-home-content .twitter-feed ul li {
  margin:0 0 10px 0;
  padding:0;
}

#main .panel-row-style-home-content .hours {padding-right:20px;}
#main .panel-row-style-home-content .hours p {line-height:25px;}
#main .panel-row-style-home-content .hours strong.closed {font-size:18px; clear:both; margin-bottom:-25px;}

#main .panel-row-style-home-content .home-badges {
  border-top:1px solid #AF6B43;
  padding-top:20px;
}

#main .panel-row-style-home-content .home-badges .badges {float:left;}
#main .panel-row-style-home-content .home-badges .badges.badge1 {width:47%; margin-right:1%;}
#main .panel-row-style-home-content .home-badges .badges.badge1 img {float:right; margin-bottom:3px; padding:3px;}
#main .panel-row-style-home-content .home-badges .badges.badge2 {width:18%;}

#main .panel-row-style-home-content .content h2 {
  border-bottom:1px solid #AF6B43;
  color:#AF6B43;
  margin:10px 0 ;
  padding:10px 0 13px;
}

#main .panel-row-style-home-content h3 {
  border-bottom:1px solid #AF6B43;
  font-size:30px;
  margin:18px 0 10px;
  padding:10px 0;
}

#main .panel-row-style-home-content .content h2 img, #main .panel-row-style-home-content h3 img {margin:0 0 -5px 3px;}


#main .panel-row-style-middle-header {
  background:rgba(29,24,23,0.7);
  border-top:1px solid #3d2f24;
}

#main .panel-row-style-middle-header h1 {
  border-bottom:1px solid #fff; 
  margin:10px auto 5px;
  padding: 15px 0 15px 0;
  width:96%;
}

#main #pl-5 .panel-grid-cell .so-panel {
    margin-bottom: 15px;
}

#main .panel-row-style-middle-text {
  background:rgba(29,24,23,0.7);
  border-bottom:1px solid #3d2f24;
  padding-bottom:25px;
  padding-top:0;
}

#main .panel-row-style-middle-text .wp-image-114 {width:40%; height:1px;}

#main .panel-row-style-middle-text .widget-title {margin-bottom:0;}

#main .callout {
  text-align:center;
}
#main .callout a:hover {color:#8B0D0E; border:3px solid #8B0D0E;}

#main .callout .co1 {
  background:url('http://www.boondocksbeer.com/wp-content/uploads/2015/06/Layer-10.jpg');
  background-size:cover;
  border:3px solid #5D4237;
  height:230px;
  width:100%;
}
#main .callout .co2 {
  background:url('http://www.boondocksbeer.com/wp-content/uploads/2015/06/Layer-121.jpg');
  background-size:cover;
  border:3px solid #5D4237;
  height:230px;
  width:100%;
}
#main .callout .co3 {
  background:url('http://www.boondocksbeer.com/wp-content/uploads/2015/06/Layer-111.jpg');
  background-size:cover;
  border:3px solid #5D4237;
  height:230px;
  width:100%;
}

#main .callout .co4 {
  background:url('http://www.boondocksbeer.com/wp-content/uploads/2015/06/Layer-13.jpg');
  background-size:cover;
  border:3px solid #5D4237;
  height:230px;
  width:100%;
}

body.home .excitement {
  padding-top:25px;
}


/* --------end body-------- */

/* --------footer-------- */

#more-info {
  color:#fff;
  text-align:center;
  font-size:24px;
  font-weight:bold;
  line-height:1.4;
  width:100%;
  clear:both;
  margin-top:20px;
}
body.home #moreinfo {margin-top:0;}

#more-info a {
  text-decoration:none;
  color:#38b567;
  transition: all 0.4s ease 0s;
}

#more-info a:hover {color:#AB795C;}


#support-text {
  font-family: 'Alegreya', serif;
  color:#591212;
  font-size:24px;
  padding: 5px 0px 45px 0px;
  text-align:center;
}

#address {
  border-top:1px solid #3d2f24;
  font-family: 'Alegreya SC', serif;
  font-weight:bold;
  font-size:18px;
  color:#fff;
  text-align:center;
  padding:15px;
  background:#1f1916;
}

#address a {
  text-decoration:none;
  color:#38b567;
  transition: all 0.4s ease 0s;
}

#address a:hover {color:#AB795C;}

#address .number {
  margin-left:200px;
}

#ul {display:table; margin:0 auto; clear:both;}
#ul li {float: left; width: 25%;}
#ul li img {margin: 0 auto;}


/* --------end footer-------- */


#formfields {overflow:hidden;}
#formfields p {
  float:left;
  padding-right:2%;
  width:48%; 
  margin-top:0;
}
#formfields p.full {
  padding-right:2%;
  width:98%; }
  
#formfields input, #formfields textarea, #formfields select {width:100%; padding:5px;}
#formfields input[type="radio"] {width:20px;}
#formfields span.last {margin-left:120px;}
#formfields h2 {clear:both; padding:20px 0 0 0; margin:0;}


@media (max-width: 1080px) {

#head-bar #title {font-size: 30px;}
#address {font-size: 16px;}

@media (max-width: 980px) {

#head-bar #title {font-size: 26px;}
body.responsive #masthead .hgroup .logo img {max-width: 75%;}
body.home h1 {font-size: 36px;}
body.home h2 {font-size: 30px;}
#address {display: none;}

@media (max-width: 880px) {

#main p {line-height: 25px;}

} @media (max-width: 780px) {

#panel-5-0-2-0 {text-align:center;}
#panel-5-0-2-0 img {display:none;}


} @media (max-width: 680px) { 
#head-bar #title {font-size: 23px}
body.home h1 {font-size: 26px;}
#masthead .hgroup .logo {max-width: 57%}
#more-info {font-size: 19px;}

} @media (max-width: 560px) { 
#head-bar {margin: 27px -35px;}
#pgc-5-1-0 {display:none;}
#more-info {font-size: 17px;}
#support-text {font-size: 22px;}
body.home h2 {font-size: 24px;}


} @media (max-width: 480px) {

#main-slider {display:none;}
body.responsive #masthead .hgroup .logo img {max-width: 100%;margin-top: 63px;}
#border-box .border-left img {display: none;}
#main p {padding: 10px;}
#border-box {display: none;}
#main .panel-row-style-home-content .content h2 {padding: 94px 0px 13px;}
#more-info {font-size: 14px;}
body.home .excitement {padding-top: 25px;}
#head-bar #title {margin-left:0;}

} @media (max-width: 320px) {
body.responsive #masthead .hgroup .logo img {max-width: 110%;}
#main .panel-row-style-home-content .content h2 {padding: 104px 0px 13px;}

  #formfields p, #formfields p.full {
    float:none;
    padding-right:0;
    width:100%; }

    .search-results-col-1 {width:100%;display:block;}
    .search-results-col-2 {width:100%;display:block;}

}