/*   
Theme Name: Harpoon
Theme URI: http://harpoon.com
Description: Custom WordPress theme for Harpoon
Author: Yelling Mule
Author URI: https://www.yellingmule.com
Version: 1.0
*/

@CHARSET "UTF-8";

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*CUSTOM SCSS
-------------------------------------------------------------- */

@font-face {
  font-family: 'Brandon Bold';
  src: url('public/fonts/Brandon.eot'); /* IE9 Compat Modes */
  src: url('public/fonts/Brandon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('public/fonts/Brandon.woff2') format('woff2'), /* Super Modern Browsers */
       url('public/fonts/Brandon.woff') format('woff'), /* Pretty Modern Browsers */
       url('public/fonts/Brandon.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('public/fonts/Brandon.svg#BrandonBold') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Brandon';
  src: url('public/fonts/Brandon-Reg.eot'); /* IE9 Compat Modes */
  src: url('public/fonts/Brandon-Reg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('public/fonts/Brandon-Reg.woff2') format('woff2'), /* Super Modern Browsers */
       url('public/fonts/Brandon-Reg.woff') format('woff'), /* Pretty Modern Browsers */
       url('public/fonts/Brandon-Reg.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('public/fonts/Brandon-Reg.svg#Brandon') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Blank Space';
  src: url('public/fonts/KGBlankSpaceSketch.eot'); /* IE9 Compat Modes */
  src: url('public/fonts/KGBlankSpaceSketch.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('public/fonts/KGBlankSpaceSketch.woff2') format('woff2'), /* Super Modern Browsers */
       url('public/fonts/KGBlankSpaceSketch.woff') format('woff'), /* Pretty Modern Browsers */
       url('public/fonts/KGBlankSpaceSketch.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('public/fonts/KGBlankSpaceSketch.svg#BlankSpace') format('svg'); /* Legacy iOS */
}


/*Required Styles*/

html, body{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    background:#ebebeb;
    font-family:'Noto Serif', serif;
    font-weight:400;
}
a:hover, a:active, a:visited, a:focus{
    text-decoration:none;
}
h1, h2, h3, h4, h5{
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
}
p{
    font-family:'Noto Serif', serif;
    font-weight:400;
    font-size:14px;
}
p.highlight{
    font-size:16px;
}
p a{
    color:#d51e29;
}
p a:hover{
    color:#ed462f;
}
.container{
    width:85%;
    max-width:85%;
}
.hb_main_content .container, .hb_content .container {
        padding-right: 1.3rem;

}
.npt{
    padding-top:0 !important;
    margin-top:0 !important;
}
.centered{
    text-align:center !important;
}
.right{
    float:right;
}
.right::after{
    content:'';
    display:block;
    clear:both;
}
ol, ul{
    font-size:14px;
}
.hb_anchor{
    padding-top:120px;
    margin-top:-120px !important;
}

/*HEADER*/

.header{
    z-index:1001;
    width:100%;
    height:120px;
    position:fixed;
    top:0;
    background:  
      linear-gradient(
        to bottom,
        hsla(0, 0%, 0%, 0.7) 0%,
        hsla(0, 0%, 0%, 0.691) 8.1%,
        hsla(0, 0%, 0%, 0.666) 15.5%,
        hsla(0, 0%, 0%, 0.627) 22.5%,
        hsla(0, 0%, 0%, 0.577) 29%,
        hsla(0, 0%, 0%, 0.519) 35.3%,
        hsla(0, 0%, 0%, 0.454) 41.2%,
        hsla(0, 0%, 0%, 0.385) 47.1%,
        hsla(0, 0%, 0%, 0.315) 52.9%,
        hsla(0, 0%, 0%, 0.246) 58.8%,
        hsla(0, 0%, 0%, 0.181) 64.7%,
        hsla(0, 0%, 0%, 0.123) 71%,
        hsla(0, 0%, 0%, 0.073) 77.5%,
        hsla(0, 0%, 0%, 0.034) 84.5%,
        hsla(0, 0%, 0%, 0.009) 91.9%,
        hsla(0, 0%, 0%, 0) 100%
      )
}
.hb_header_logo{
    width:100%;
    text-align: center;
}
.hb_header_logo a{
    display:inline-block;
    width:60%;
    height:100%;
    position:relative;
}
.hb_header_logo img{
    width:100%;
    padding:1rem 0;
}
.hb_header_banners{
    width:100%;
}
.hb_header_section{
    width:33%;
    padding:0 10px 0 0;
    float:left;
}
.header .col-5:last-of-type .hb_header_section{
    padding:0 0 0 10px;
}
.hb_header_section#shop .col-md-5th-1{
    padding:0 10px;
}
.hb_header_banner{
    background:#d51e29;
    background-image:url(public/img/diamond-pattern.png);
    background-size:cover;
    background-position:50% 30%;
    background-repeat:no-repeat;
    width:100%;
    height:100px;
    text-align:center;
    padding:0.25rem 0.75rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
    cursor:pointer;
    position:relative;
    -webkit-transition-duration:0.25s;
    transition-duration:0.25s;
    -webkit-animation: dropDown 1s linear;
    animation: dropDown 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
}
@-webkit-keyframes dropDown{
    0%{
        margin-top:-100px;
    }
    100%{
        margin-top:0;
    }
}
@keyframes dropDown{
    0%{
        margin-top:-100px;
    }
    100%{
        margin-top:0;
    }
}
.hb_header_banner#banner_2{
    -webkit-animation-delay:0.1s;
    animation-delay:0.1s;
}
.hb_header_banner#banner_3{
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s;
}
.hb_header_banner#banner_4{
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s;
}
.hb_header_banner#banner_5{
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s;
}
.hb_header_banner#banner_6{
    -webkit-animation-delay:0.5s;
    animation-delay:0.5s;
}
.hb_header_banner:hover{
    height:120px;
    padding:0.75rem 0.75rem;
}
.hb_header_banner.opened{
    top:0;
    -webkit-animation: dropDownBanner 0.5s ease-in-out;
    animation: dropDownBanner 0.5s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.hb_header_banner#banner_2.opened,
.hb_header_banner#banner_3.opened,
.hb_header_banner#banner_4.opened,
.hb_header_banner#banner_5.opened,
.hb_header_banner#banner_6.opened{
    -webkit-animation-delay:0s;
    animation-delay:0s;
}
@-webkit-keyframes dropDownBanner{
    0%{
        top:0;
    }
    100%{
       top:275px;
    }
}
@keyframes dropDownBanner{
     0%{
        top:0;
    }
    100%{
       top:275px;
    }
}
.hb_header_banner.opened:hover{
    height:120px;
    padding:0.75rem 0.75rem;
}
.hb_header_banner_icon{
    width:50px;
    height:50px;
    margin:0 auto;
}
.hb_header_banner_icon img{
    height:100%;
    width:auto;
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1);
}
.hb_header_banner h5{
    color:white;
    margin:0 auto;
    text-transform:uppercase;
    font-size:14px;
    font-family:'Brandon', sans-serif;
}
.hb_header_menu{
    z-index:1001;
    display:none;
    position:fixed;
    width:100%;
    height:275px;
    top:0;
    left:0;
    background:white;
    border-bottom:5px solid #d51e29;
    padding:2.5rem 0;
}
.hb_header_menu_close{
    position:absolute;
    top:0;
    right:0;
    padding:1rem 2rem;
    font-size:24px;
    color:#a0a0a0;
    cursor:pointer;
    opacity:0.5;
}
.hb_header_menu_close:hover{
    opacity:1;
}
.hb_header_beer{
    text-align:center;
}
.hb_header_beer_image{
    width:100%;
    height:160px;
    position:relative;
}
.hb_header_beer_image img{
    height:100%;
    width:auto;
    position:absolute;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
    padding-bottom:1rem;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.hb_header_beer:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.hb_header_beer h5{
    color:black;
    text-align:center;
}
.hb_header_beer:hover h5{
    color:#d51e29;
}
.hb_header_brewery .col-md-4{
    padding-left:0;
}
.hb_header_brewery_image{
    width:100%;
    height:190px;
    position:relative;
    overflow:hidden;
    text-align:center;
    background:black;
}
.hb_header_brewery_image img{
    width:100%;
    height:auto;
    position:absolute;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.hb_header_brewery_image h5{
    display:none;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    color:white;
}
.hb_header_brewery_image:hover img{
    opacity:0.5;
}
.hb_header_brewery_image:hover h5{
    display:block;
}
.hb_header_brewery_details h4{
    color:#d51e29;
    font-size:22px;
    margin:0 0 0.25rem;
}
.hb_header_brewery_details h5{
    margin:0;
}
.hb_header_brewery_details h5 a{
    color:black;
}
.hb_header_brewery_details p{
    margin:0 0 0.25rem;
    font-size:14px;
}
.hb_header_brewery_buttons a{
    display:block;
    background:#d51e29;
    color:white;
    text-transform:uppercase;
    padding:0.5rem;
    font-family:'Brandon', sans-serif;
    font-size:14px;
    text-align:center;
    margin:0.5rem 0 0;
}
.hb_header_brewery_buttons a:hover{
    background:#ed462f;
}
.hb_header_block_image{
    width:100%;
    height:190px;
    overflow:hidden;
    position:relative;
}
.hb_header_block_short .hb_header_block_image{
    height:90px;
    margin-bottom:15px;
}
.hb_header_block_image img{
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    max-width:400px;
    position:absolute;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.hb_header_block:hover .hb_header_block_image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.col-md-5th-1 .hb_header_block_image img{
    width:auto;
    height:100%;
}
.hb_header_block h5{
    position:absolute;
    bottom:0;
    width:100%;
    padding:2rem 1rem 1rem;
    font-size:24px;
    color:white;
    text-align:center;
    margin:0;
    background:
    linear-gradient(
    to top,
    hsla(0, 0%, 0%, 0.7) 0%,
    hsla(0, 0%, 0%, 0.691) 8.1%,
    hsla(0, 0%, 0%, 0.666) 15.5%,
    hsla(0, 0%, 0%, 0.627) 22.5%,
    hsla(0, 0%, 0%, 0.577) 29%,
    hsla(0, 0%, 0%, 0.519) 35.3%,
    hsla(0, 0%, 0%, 0.454) 41.2%,
    hsla(0, 0%, 0%, 0.385) 47.1%,
    hsla(0, 0%, 0%, 0.315) 52.9%,
    hsla(0, 0%, 0%, 0.246) 58.8%,
    hsla(0, 0%, 0%, 0.181) 64.7%,
    hsla(0, 0%, 0%, 0.123) 71%,
    hsla(0, 0%, 0%, 0.073) 77.5%,
    hsla(0, 0%, 0%, 0.034) 84.5%,
    hsla(0, 0%, 0%, 0.009) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
    )
}
.hb_header_block_short h5{
    font-size:16px;
}
.hb_header_section#who_we_are .hb_header_menu .row{
    margin:0 -7.5px;
}
.hb_header_section#who_we_are .hb_header_menu .col-md-4{
    padding:0 7.5px;
}
.hb_header_block_hidden_caption h5{
    display:none;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    font-size:16px;
}
.hb_header_block_small_caption h5{
    font-size:16px;
}
.hb_header_block_hidden_caption:hover h5{
    display:block;
}
.hb_header_section#shop .hb_header_menu .row{
    margin:0 -7.5px;
}
.hb_header_section#shop .hb_header_menu .col-md-4,
.hb_header_section#shop .hb_header_menu .col-md-8{
    padding:0 7.5px;
}
.hb_header_section#shop .hb_header_menu .hb_header_block_image{
    height:195px;
}
.hb_header_section#shop .hb_header_menu .hb_header_block_short .hb_header_block_image{
    height:90px;
}

/*MOBILE HEADER*/

.header_mobile{
    display:none;
    position:fixed;
    width:100%;
    height:80px;
    background:#d51e29;
    background-image:url('public/img/diamond-pattern-banner.png');
    background-size:cover;
    background-position:center center;
    z-index:1001;
}
.header_mobile .hb_header_logo{
    height:80px;
    text-align:center;
}
.header_mobile .hb_header_logo img{
    height:100%;
    width:auto;
}
.header_mobile_buttons{
    padding:1rem 0;
}
.header_mobile_buttons a{
    display:inline-block;
    padding:0.5rem 1rem;
    border:2px solid white;
    color:white;
    text-transform:uppercase;
    font-family:'Brandon', sans-serif;
    margin-right:0.25rem;
    font-size:18px;
}
.header_mobile_menu_button{
    padding:1rem 0;
    text-align:right;
    z-index:1000;
    position:relative;
/*    margin-top:-82px;*/
    width: 55px;
    float: right;
}
.header_mobile_menu_button div{
    padding:0.5rem 1rem;
    border:2px solid white;
    color:white;
    font-size:20px;
    text-transform:uppercase;
    font-family:'Brandon', sans-serif;
    vertical-align:middle;
    display:inline-block;
}
.header_mobile_menu_button.active div{
    color:#d51e29;
    border-color:#d51e29;
}
.header_mobile_menu{
    display:none;
    position:fixed;
    width:100%;
    top:0;
    right:0;
    background:white;
    min-height:100vh;
    padding:80px 2rem 1rem;
/*    margin-top:40px;*/
}
.header_mobile_menu ul{
    list-style:none;
    margin:0;
    padding:0;
    text-transform:uppercase;
    font-family:'Brandon Bold', sans-serif;
    font-size:24px;
}
.header_mobile_menu ul li{
    display:block;
    margin:1rem 0 0;
}
.header_mobile_menu ul li a{
    color:black;
}
.header_mobile_menu ul li ul{
    display:none;
    font-size:16px;
    font-family:'Brandon', sans-serif;
    border-bottom:2px solid #d51e29;
    padding:0 0 1rem;
}
.header_mobile_menu ul li ul li{
    margin:0.5rem 0 0;
}
.header_mobile_menu ul li:hover ul{
    display:block;
}

/*HERO*/

.hero{
    width:100%;
    position:relative;
}
.ym_hero{
    width:100%;
    position:relative;
    height: 600px;
    background-size: cover;
    background-position: center center;
}
.ym_hero h1{
    color: white;
    font-size: 72px;
    text-transform: none;
    text-shadow:0 0 5px black;
}
.ym_hero h1 em{
    font-size: 60px;
}
.hero,
.ym_hero_slider,
.ym_hero_slide{
    height:70vh;
}
.ym_hero_slide{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    text-align:center;
    position:relative;
}
.hero_content{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.hero h1{
    text-shadow:0 0 5px black;
    color:white;
    font-size:72px;
    text-align:center;
}
.hero h1 sup{
    font-size:18px;
    vertical-align:top;
    line-height:60px;
}
.hero p{
    color:white;
    text-shadow:0 0 5px black;
    font-size:24px;
    margin:2rem 0 0;
    opacity:0;
    -webkit-animation: fadein 1s linear;
    animation: fadein 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.hero_banner{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    background:#d51e29;
    background-image:url(public/img/diamond-pattern.png);
    background-size:cover;
    background-position:top center;
    width:100px;
    height:80px;
    z-index:101;
    text-align:center;
    -webkit-clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.hero_banner a{
    display:block;
    color:white;
    width:100%;
    height:100%;
}
.hero_banner i{
    font-size:30px;
    position:absolute;
    top:70%;
    left:0;
    right:0;
    -webkit-transform:translate(0,-70%);
    transform:translate(0,-70%);
}
.hero_banner:hover{
    height:90px;
}
.hero h1 span{
    opacity:0;
    -webkit-animation: fadein 1s linear;
    animation: fadein 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.hero h1 span:first-of-type{
    -webkit-animation-delay:0.5s;
    animation-delay:0.5s;
}
.hero h1 span:last-of-type{
    -webkit-animation-delay:0.75s;
    animation-delay:0.75s;
}
.hero_button {
    display:block;
    text-align:center;
    margin:2rem 0 0;
    opacity:0;
    -webkit-animation: fadein 1s linear;
    animation: fadein 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.hero_button a{
    width:auto;
    padding:0.5rem 1rem;
    border:2px solid white;
    color:white;
    font-family: 'Brandon', sans-serif;
    font-size: 16px;
    text-transform:uppercase;
    display:inline-block;
    margin:0 auto;
    background:transparent;
}
.hero_button a:hover{
    border-color:#d51e29;
    background:#d51e29;
    color:white;
}

/*BUTTONS*/

.hb_button{
    display: inline-block;
    background: #d51e29;
    color: white;
    text-transform: uppercase;
    padding: 0.5rem 2rem;
    font-family: 'Brandon', sans-serif;
    font-size: 16px;
    text-align: center;
}
.hb_button:hover{
    background: #ed462f;
    color:white;
}
.hb_back_link{
    color:black;
    font-family: 'Brandon Bold', sans-serif;
    text-transform: uppercase;
    font-size:18px;
}
.hb_back_link:hover{
    color:#d51e29;
}

/*CONTENT BLOCKS*/

.hb_content{
    padding:2rem 0;
}
.hb_content h2{
    text-align:center;
    color:#d51e29;
    font-size:48px;
    margin:0 0 2rem;
}
.hb_content section{
    margin:0 0 5rem;
}
.hb_content section h2{
    margin:2rem 0;
}
.hb_content h3{
    text-align:center;
    color:#d51e29;
    font-size:36px;
    margin:0 0 2rem;
}
.hb_content_button{
    text-align:center;
    margin:2rem 0 0;
    display:block;
    clear:both;
}
.hb_content_button .elm-button{
    background: #d51e29;
    color: #FFFFFF;
    border: none;
    padding: 0.5rem 2rem;
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
}
.hb_content_button .elm-button:hover{
    background: #ed462f;
    color: white;
}
.hb_content_block_white{
    background:white;
    text-align:left;
    margin:0 0 2rem;
}
.hb_content_block_white.mb0{
    margin: 0;
}
.hb_content_block_white_padded{
    padding:3rem;
}
.hb_content_block_height{
    height:100%;
}
.hb_content_block_white_half{
    height:100%;
    position:relative;
}
.hb_content_block_white_inner{
    padding:2rem;
}
.hb_content_block_white_half .hb_content_block_horizontal_text_inner{
    padding:2rem 2rem 0 2rem;
}
.hb_content_block_white .hb_header_block{
    margin:1rem 0 0;
}
.hb_content_block_white.full_height{
    height:calc(100% - 153px);
}
.hb_content_block_white .row{
    margin:0;
}
.hb_content_block_white .col,
.hb_content_block_white .col-md-6{
    padding:0;
}
.hb_content_block_image_slider{
    width:100%;
    position:relative;
    padding-bottom:60%;
    margin:0;
}
.col-md-6 .hb_content_block_image_slider,
.col-md-4 .hb_content_block_image_slider{
    padding-bottom: 100%;
}
.hb_visit_content .hb_content_block_image_slider{
    width:100%;
    position:relative;
    height:100%;
    margin:0;
}
.hb_visit_content .hb_content_block_image_slider .slick-list,
.hb_visit_content .hb_content_block_image_slider .slick-track{
    height:100%;
}
.hb_content_block_image_slider.square{
    padding-bottom:100%;
}
.hb_content_block_image_slider.slick-dotted{
    margin:0;
}
.hb_content_block_image_slider .slick-list,
.hb_content_block_image_slider .slick-track{
    height: 100%;
    width: 100%;
    position: absolute;
}
.hb_content_block_image_slide{
    position:relative;
    overflow:hidden;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.hb_content_block_image_slider.square .hb_content_block_image_slide img{
    height:100%;
    width:auto;
}
.hb_content_block_image_slide img{
    position:absolute;
    height:auto;
    width:100%;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.hb_content_block_video{
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}
.hb_content_block_video iframe,
.hb_content_block_video video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hb_content_block_text{
    text-align:left;
    padding:2rem;
    position:relative;
    height:100%;
}
.hb_content_block_text iframe,
.hb_content_block_text video{
    max-width:100%;
}
.hb_content_block_text_large{
    padding:4rem 2rem;
}
.hb_content_block_text_large p,
.hb_content_block_text_large ul{
    font-size:16px;
}
.hb_content_block_text h2, 
.hb_content_block_text h3,
.hb_content_block_text h4,
.hb_content_block_text h5{
    text-align:left;
    margin:0 0 1rem;
}
.hb_content_block_text.centered h2, 
.hb_content_block_text.centered h3,
.hb_content_block_text.centered h4,
.hb_content_block_text.centered h5{
    text-align:center;
}
.hb_content section .hb_content_block_text_large h2{
    margin: 0 0 2rem;
}
.hb_content_block_text h4{
    color:#d51e29;
}
.hb_content_block_text h4 a{
    color:black;
}
.hb_content_block_text h5{
    color:black;
    text-transform:none;
}
.hb_content_block_text p a,
.hb_content_block_text ul a{
    color: grey;
}
.hb_content_block_text p a:hover,
.hb_content_block_text ul a:hover{
    color: #d51e29;
}
.hb_content_block_image{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.hb_content_block_image_contain{
    background-size: contain;
}
.hb_content_block_full_image{
    width:100%;
}
.hb_content_block_full_image img{
    width:100%;
    height:auto;
}
.hb_content_block_horizontal_image{
    width:100%;
    padding-bottom:25%;
    overflow:hidden;
    position:relative;
}
.hb_content_block_horizontal_image_tall{
    padding-bottom: 60%;
}
.hb_content_block_horizontal_image img{
    position:absolute;
    width:100%;
    height:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.hb_content_block_image_whole img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
}
.hb_content_block_horizontal_text{
    width:100%;
    height:auto;
}
.hb_content_block_horizontal_text_inner{
    padding:2rem;
    text-align:left;
}
.hb_content_block_horizontal_text_inner h2,
.hb_content_block_horizontal_text_inner h3,
.hb_content_block_horizontal_text_inner h4{
    color:#d51e29;
}
.hb_content_block_horizontal_text_inner h4{
    font-size:32px;
}
.hb_content_block_horizontal_text_inner a:not(.hb_button){
    color:#d51e29;
}
.hb_content_block_horizontal_text_inner a:not(.hb_button):hover{
    color:#ed462f;
}
.hb_content_block_bordered{
    border-right:2px solid #cdcdcd;
    height:100%;
}
.hb_content_block_bordered_text{
    padding:2rem;
}
.hb_content_block_dark{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.hb_content_block_light{
    background: white;
    width:100%;
    height:100%;
}
.hb_content_block_overlay{
    width:100%;
    height: 100%;
    background:rgba(0,0,0,0.7);
    color:white;
}
.hb_festival_promos .col-lg-12,
.hb_festival_promos .col-lg-6,
.hb_festival_promos .col-lg-4,
.hb_festival_promos .col-lg-3{
    margin: 0 0 2rem;
}
.hb_festival_promos .hb_content_block_text,
.hb_festival_promos .hb_content_block_dark_text{
    padding:2rem;
}
.hb_content_block_dark_text h3,
.hb_content_block_dark_text h4,
.hb_content_block_dark_text h5{
    color:white;
}
.hb_content_flex{
    display:flex;
    height:100%;
    align-items:center;
}
.hb_content_flex_center{
    display:flex;
    justify-content: center;
}

/*Homepage*/

.hb_main_content{
    padding:2rem 0;
}
.hb_main_content_block{
    width:100%;
    padding-bottom:100%;
    position:relative;
    overflow:hidden;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    margin-bottom:2rem;
}
.hb_main_content_block h4{
    color:white;
}
.hb_main_content_block_short{
    padding-bottom:60%;
}
.hb_main_content_block a{
    width:100%;
    height:100%;
    position:absolute;
}
.hb_main_content_block_info{
    position:absolute;
    background:
    linear-gradient(
    to top,
    hsla(0, 0%, 0%, 0.7) 0%,
    hsla(0, 0%, 0%, 0.691) 8.1%,
    hsla(0, 0%, 0%, 0.666) 15.5%,
    hsla(0, 0%, 0%, 0.627) 22.5%,
    hsla(0, 0%, 0%, 0.577) 29%,
    hsla(0, 0%, 0%, 0.519) 35.3%,
    hsla(0, 0%, 0%, 0.454) 41.2%,
    hsla(0, 0%, 0%, 0.385) 47.1%,
    hsla(0, 0%, 0%, 0.315) 52.9%,
    hsla(0, 0%, 0%, 0.246) 58.8%,
    hsla(0, 0%, 0%, 0.181) 64.7%,
    hsla(0, 0%, 0%, 0.123) 71%,
    hsla(0, 0%, 0%, 0.073) 77.5%,
    hsla(0, 0%, 0%, 0.034) 84.5%,
    hsla(0, 0%, 0%, 0.009) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
    );
    color:white;
    bottom:0;
    left:0;
    right:0;
    padding:2rem 1rem 1rem;
}
.hb_main_content_block_info h4{
    text-transform:none;
    margin:0 0 0.25rem;
    font-size:20px;
}
.hb_main_content_block_info p{
    margin:0;
}
.hb_main_content_block a:hover::after{
    content:'\f061';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    background:#d71920;
    color:white;
    top:0;
    right:0;
    width:50px;
    height:50px;
    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    text-align:right;
    padding:0.25rem 0.5rem;
}
.hb_main_festival_block{
    border-width:5px;
    border-style:solid;
    margin-bottom:2rem;
}
.hb_main_festival_block:hover{
    border-color:white !important;
}
.hb_main_festival_video{
    position:relative;
    width:100%;
    padding-bottom:56.25%;
    overflow:hidden;
}
.hb_main_festival_video iframe{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.hb_main_festival_photo{
    width:100%;
    padding-bottom:40%;
    position:relative;
    overflow:hidden;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.hb_main_festival_info{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    padding:2rem 1rem;
}
.hb_main_festival_info h4,
.hb_main_festival_info h3{
    color:white;
    text-align:right;
    margin:0;
}
.hb_main_festival_info h4{
    font-family:'Brandon', sans-serif;
    font-size:20px;
}
.hb_main_festival_info h2{
    color:white;
    font-size:46px;
    margin:0;
}
.hb_main_brewery_block{
    width:100%;
    padding-bottom:60%;
    overflow:hidden;
    position:relative;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.hb_main_brewery_block_overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    padding:12% 1rem;
}
.hb_main_brewery_block_state{
    position:relative;
    height:150px;
    width:100%;
    text-align:center;
}
.hb_main_brewery_block_state img{
    height:100%;
    width:auto;
    margin:0 auto;
}
.hb_main_brewery_block h2{
    position:relative;
    color:white;
    margin:1rem 0 0;
    text-align:center;
}

/*INSTAGRAM SLIDER*/
.page-template-page_home .hb_instagram {
    padding-top: 2rem;
}

.hb_instagram_slider{
    margin-top:2rem;
    width:100%;
}
.hb_instagram_slide a{
    width:100%;
    height:100%;
    display:block;
}
.hb_instagram_slide_photo{
    width:100%;
    padding-bottom:100%;
    position:relative;
    overflow:hidden;
    background:#d51e29;
}
.hb_instagram_slide_photo img{
    position:absolute;
    height:100%;
    width:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.hb_instagram_slide_photo:hover img{
    opacity:0;
}
.hb_instagram_slide_photo:hover::after{
    content:'\f16d';
    font-family:'Font Awesome 5 Brands';
    font-weight:900;
    display:block;
    position:absolute;
    color:white;
    font-size:30px;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.hb_instagram_slider .slick-prev,
.hb_instagram_slider .slick-next{
    z-index:100;
    height:100%;
    background:rgba(0,0,0,0.5);
    width:13%;
    padding:1rem;
}
.hb_instagram_slider .slick-prev:hover,
.hb_instagram_slider .slick-next:hover{
    background:rgba(0,0,0,0.7);
}
.hb_instagram_slider .slick-prev{
    text-align:right;
}
.hb_instagram_slider .slick-next{
    text-align:left;
}
.hb_instagram_slider .slick-prev::before,
.hb_instagram_slider .slick-next::before{
    color:white;
    font-size:30px;
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    opacity:1;
    width:70px;
    height:80px;
    background-image:url(public/img/diamond-pattern.png);
    background-size:cover;
    background-position:center;
    display:inline-block;
    margin:0;
    padding:1.5rem 1rem;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.hb_instagram_slider .slick-prev::before{
    content:'\f060';
    margin-right:-1rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 15% 50%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 15% 50%, 0 0);
}
.hb_instagram_slider .slick-next::before{
    content:'\f061';
    margin-left:-1rem;
    -webkit-clip-path: polygon(100% 0, 85% 51%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 85% 51%, 100% 100%, 0 100%, 0 0);
}
.hb_instagram_slider .slick-prev:hover::before,
.hb_instagram_slider .slick-next:hover::before{
    width:90px;
    padding:1.5rem 1.5rem;
}

/*CHALKBOARDS*/

.hb_chalkboard_content{
    width:100%;
    padding:3rem 1rem;
/*    background-image:url(public/img/chalkboard.jpg);*/
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    margin:2rem 0;
}
.hb_chalkboard_content a:hover .hb_chalkboard_heading,
.hb_chalkboard_content a:hover .hb_chalkboard_caption{
    background:black;
}
.hb_chalkboard_heading{
    width:100%;
    padding-bottom:40%;
    overflow:hidden;
    position:relative;
    text-align:center;
    margin:0 0 0.5rem;
    background:rgba(0,0,0,0.3);
}
.hb_chalkboard_heading h2{
    padding:1rem;
    color:white;
    letter-spacing:1px;
    position:absolute;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    left:0;
    right:0;
    font-size:42px;
    margin:0;
}
.hb_chalkboard_caption{
    width:100%;
    padding-bottom:25%;
    overflow:hidden;
    position:relative;
    text-align:center;
    margin:0;
    background:rgba(0,0,0,0.5);
}
.hb_chalkboard_caption h5{
    text-transform:none;
    color:white;
    padding:1rem;
    text-align:center;
    font-family:'Brandon', sans-serif;
    margin:0;
    position:absolute;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    left:0;
    right:0;
}

/*BLOG POSTS*/

.hb_blog_content{
    padding:1rem 0 3rem;
}
.hb_blog_posts{
    padding:0 0 3rem;
}
.hb_blog_posts .col-lg-4{
    margin:2rem 0 0;
}
.hb_blog_post{
    background:white;
    height:100%;
}
.hb_blog_post_text_content{
    padding:2rem 0;
}
.hb_blog_post_text_content img{
    max-width:100%;
    width:auto;
    height:auto;
}
.hb_blog_post_image{
    width:100%;
    padding-bottom:60%;
    overflow:hidden;
    position:relative;
    background:black;
}
.hb_blog_post_image img{
    position:absolute;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
    width:100%;
    height:auto;
}
.hb_blog_post_content{
    background:white;
    width:100%;
    overflow:hidden;
    position:relative;
    height:100%;
    padding:1rem;
}
.hb_blog_post_content h4{
    color:#d51e29;
}
.hb_blog_post_content h5{
    color:#666666;
    font-size:16px;
}
.hb_blog_post_content p{
    color:black;
    margin:0;
    font-size:14px;
}
.hb_blog_post:hover .hb_blog_post_image img{
    opacity:0.5;
}
.hb_blog_post:hover .hb_blog_post_image::after{
    content:'Read More';
    position:absolute;
    color:white;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:white;
    text-align:center;
    border:2px solid white;
    padding:0.5rem 1rem;
    width:auto;
    font-family:'Brandon', sans-serif;
    text-transform:uppercase;
}
.hb_blog_featured_photo img{
    width:100%;
}
.hb_pagination{
    margin:3rem 0 0;
}
.hb_pagination .centered{
    text-align:center;
}
.hb_pagination .right{
    text-align:right;
}
.hb_pagination a{
    font-family: 'Brandon Bold', sans-serif;
    text-transform: uppercase;
    color: #d51e29;
}
.hb_pagination a:hover{
    color:black;
}
.hb_pagination .pagination{
    display:block;
}
.hb_pagination .pagination a,
.hb_pagination .pagination span{
    display:inline-block;
    margin:0 0.25rem;
    font-family: 'Brandon Bold', sans-serif;
    text-decoration:none;
}



/*FOOTER*/

.prefooter{
    background-image:url(public/img/diamond-pattern-banner.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    width:100%;
    padding:3rem 0;
    text-align:center;
}
.prefooter h3{
    display:inline-block;
    color:white;
    text-transform:none;
    vertical-align:middle;
    margin:0 1rem 0 0;
        margin-top: -2rem;
}
.prefooter_form{
    display:inline-block;
}
.prefooter_form .form-control{
    width:400px;
    border-radius:0;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    border-width:2px;
    border-color:white;
}
.prefooter_form input[type="submit"]{
    background:transparent;
    padding:0.312rem 1rem;
    border:2px solid white;
    color:white;
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
    font-size:16px;
    vertical-align:middle;
}
.footer{
    background:black;
    padding:4rem 0 1rem;
}
.footer_links{
    list-style:none;
    margin:1rem 0;
    padding:0;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size:14px;
}
.footer_links li{
    display:inline-block;
}
.footer_links li::after{
    content:'|';
    display:inline-block;
    color:white;
    margin:0 0.5rem;
}
.footer_links li:last-child::after{
    content:none;
}
.footer_links li a{
    color:white;
    display:inline-block;
}
.footer_links li a:hover{
    color:#ed462f;
}
.footer_copy{
    margin:3rem 0 0;
    font-size:10px;
    color:#666666;
}
.footer_copy a{
    color:#666666;
    text-decoration:underline;
}
.footer_copy p{
    margin:0;
}
.footer_social{
    list-style:none;
    margin:0;
    padding:0;
    font-size:20px;
}
.footer_social li{
    display:inline-block;
    margin-left:0.25rem;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#d51e29;
    text-align:center;
}
.footer_social li a{
    display:block;
    color:white;
    padding:0.3rem;
}
.footer_social li:hover{
    background:#ed462f;
}
.footer_logos{
    margin-top:-2rem;
}
.footer_logo{
    display:inline-block;
    width:49%;
    height:100px;
}
.footer_logo img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    padding:0;
}
.footer_assoc{
    display:inline-block;
    height:100px;
    width:auto;
}
.footer_assoc img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    padding:0 1rem;
}

/*TITLE BAR*/

.hb_title_bar{
    width:100%;
    height:300px;
    position:relative;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    text-align:center;
}
.hb_title_bar h1{
    position:absolute;
    top:70%;
    -webkit-transform:translate(0,-70%);
    transform:translate(0,-70%);
    left:0;
    right:0;
    color:white;
    margin:0;
    font-size:60px;
    z-index:999;
    padding: 0 3rem;
}

/*BEERS*/

.hb_beer_legend{
    list-style:none;
    margin:0;
    padding:0;
}
.hb_beer_legend li{
    font-size:14px;
    margin:0 0 0.25rem;
}
.hb_beer_legend li span,
.hb_beer_locations span{
    background:#d51e29;
    color:white;
    padding:3px 2px;
    text-transform:uppercase;
    font-family:'Brandon', sans-serif;
    font-size:10px;
    width:26px;
    display: inline-block;
    text-align: center;
}
.hb_featured_beers .hb_main_content_block h4{
    font-size:20px;
}
.hb_featured_beers .hb_main_content_block p{
    font-size:14px;
}
.hb_beer_locations{
    position:absolute;
    right:0;
    bottom:0;
    padding:1rem 0.5rem;
}
.hb_beer_locations span{
    margin:0;
}
.hb_beer_sorting ul,
.hb_product_sorting ul{
    list-style:none;
    margin:0;
    padding:0;
    text-transform:uppercase;
    font-family:'Brandon Bold', sans-serif;
    font-size:16px;
    text-align:center;
}
.hb_beer_sorting ul li,
.hb_product_sorting ul li{
    display:inline-block;
    width:16.66%;
    float:left;
    text-align:center;
}
.hb_beer_sorting ul li{
    width:20%;
}
.hb_product_sorting ul li{
    float:none;
    width:15%;
}
.hb_beer_sorting ul li a,
.hb_product_sorting ul li a{
    display:block;
    color:black;
    padding:0.5rem 1rem;
}
.center-pills {
    display: flex;
    justify-content: center;
}
.hb_beer_sorting ul li.active a,
.hb_product_sorting ul li.active a{
    color:white;
    background:#d51e29;
}
.hb_beer_sorting ul li a:hover,
.hb_product_sorting ul li a:hover{
    color:#d51e29;
}
.hb_beer_sorting .nav-pills,
.hb_product_sorting .nav-pills{
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
}
.hb_beer_sorting .nav-pills a,
.hb_product_sorting .nav-pills a{
    margin: 0 0.25rem;
    color:black;
}
.hb_beer_sorting .nav-pills a.active,
.hb_beer_sorting .nav-pills a:hover,
.hb_product_sorting .nav-pills a.active,
.hb_product_sorting .nav-pills a.active{
    color:white;
    background:#d51e29;
    border-radius:0;
}
.hb_beer_sorting .nav-pills > li {
    float:none;
    display:inline-block;
    zoom:1;
}
.hb_beer_sorting .nav-pills {
    text-align:center;
}
.hb_beers{
    padding:2rem 0;
    clear:both;
    display:block;
}
.hb_beers::after{
    content:'';
    display:block;
    clear:both;
}
.hb_beer{
    display:inline-block;
    width:100%;
    height:100%;
    padding:0 0.5rem;
    margin-bottom:2rem;
}
.hb_beer a{
    display:block;
    padding:0.75rem 0.5rem;
    border-bottom:3px solid #cdcdcd;
}
.hb_beer a:hover{
    background:white;
    border-bottom-color:white;
}
.hb_beer_image{
    position:relative;
    width:100%;
    padding-bottom:100%;
    overflow:hidden;
}
.hb_beer_image img{
    position:absolute;
    height:100%;
    width:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.hb_beer_info{
    position:relative;
}
.hb_beer_info h5{
    text-transform:none;
    color:black;
    font-size:18px;
}
.hb_beer_info p{
    margin:0;
    color:black;
    font-size:13px;
    line-height:1;
    vertical-align:bottom;
}
.hb_beer_info .hb_beer_locations{
    padding:0;
}
.hb_beer a:hover .hb_beer_info h5,
.hb_beer a:hover .hb_beer_info p{
    color:#d51e29;
}
.hb_beer_pagination{
    width: 100%;
    margin-top: 0;
    display: block;
    clear: both;
    text-align:center;
}
.hb_beer_pagination a{
    color:#d51e29;
    text-transform:uppercase;
    font-family:'Brandon Bold', sans-serif;
    font-size:18px;
}
.hb_beer_pagination a.prev{
    float:left;
}
.hb_beer_pagination a:hover{
    color:#ed462f;
}
.hb_beer_pagination a.next{
    float:right;
}
.hb_beer_pagination .page-numbers.current{
    font-family:'Brandon Bold', sans-serif;
    font-size:18px;
    color:black;
}
.hb_beer_navbar{
    position:absolute;
    bottom:0;
    padding:1rem 0;
    width:100%;
    z-index:1000;
}
.hb_beer_nav a{
    display:block;
    width:100%;
    height:100%;
}
.hb_beer_nav i,
.hb_beer_nav img,
.hb_beer_nav h5{
    display:inline-block;
    vertical-align:middle;
}
.hb_beer_nav i{
    color:white;
    font-size:60px;
}
.hb_beer_nav img{
    height:130px;
}
.hb_beer_nav h5{
    color:white;
    font-size: 18px;
    text-align: left;
    margin:0;
}
.hb_title_bar .hb_beer_navbar h1{
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    margin:0;
    font-size:42px;
}
.hb_beer_navbar .col-md-3 .hb_beer_nav{
    text-align:left;
}
.hb_beer_navbar .col-md-3:last-of-type .hb_beer_nav{
    text-align:right;
}
.hb_beer_content{
    background:white;
}
.hb_beer_photo_slider{
    width:100%;
    position:relative;
    padding-bottom:140%;
    margin:0;
}
.hb_beer_photo_slider.slick-dotted{
    margin:0;
}
.hb_beer_photo_slider .slick-list,
.hb_beer_photo_slider .slick-track{
    height: 100%;
    width: 100%;
    position: absolute;
}
.hb_beer_photo_slide{
    position:relative;
    overflow:hidden;
}
.hb_beer_photo_slide img{
    position:absolute;
    width:100%;
    height:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.hb_beer_details{
    padding:1rem 0;
}
.hb_beer_details h3{
    text-align:left;
    text-transform:none;
    margin:0 0 1rem;
    font-size:30px;
}
.hb_beer_details h5{
    color:#d51e29;
    text-transform:none;
}
.hb_beer_details p{
    font-size:14px;
}
.hb_beer_details iframe {
    width: 100%;
    height: 400px;
}
.hb_beer_notes{
    list-style:none;
    margin:0;
    padding:0;
    font-size:14px;
}
.hb_beer_sidebar{
    padding-right:1rem;
}
.hb_beer_sidebar_banner{
    background:#d51e29;
    background-image:url(public/img/diamond-pattern.png);
    background-size:cover;
    background-position:50% 30%;
    background-repeat:no-repeat;
    width:90%;
    height:100px;
    text-align:center;
    padding:0.25rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
    cursor:pointer;
    position:relative;
    -webkit-transition-duration:0.25s;
    transition-duration:0.25s;
}
.hb_beer_sidebar_banner:hover{
    height:120px;
    padding:1.5rem 0.25rem;
}
.hb_beer_sidebar .hb_beer_sidebar_banner h5{
    color:white;
    text-transform:uppercase;
    font-size:16px;
    font-family:'Brandon', sans-serif;
    margin:0;
}
.hb_beer_sidebar .hb_beer_locations{
    position:relative;
    padding:0;
    margin:1rem 0;
}
.hb_beer_sidebar h5{
    color:black;
    text-transform:uppercase;
    margin:1rem 0 0.5rem;
}
.hb_beer_sidebar p{
    margin-bottom:0.25rem;
}
.hb_beer_carousel_container{
    padding:0 3rem;
    margin-bottom:5rem;
}
.hb_beer_carousel .slick-prev,
.hb_beer_carousel .slick-next{
    width:auto;
    height:auto;
}
.hb_beer_carousel .slick-prev{
    left:-3rem;
}
.hb_beer_carousel .slick-next{
    right:-3rem;
}
.hb_beer_carousel .slick-prev:before,
.hb_beer_carousel .slick-next:before{
    color:#d51e29;
}
.hb_pack_beers .hb_beer{
    width:25%;
    float:left;
    text-align:center;
}
.hb_pack_beers .hb_beer a{
    border-bottom:none;
}
.hb_pack_beers .hb_beer .hb_beer_details h5{
    text-align:center;
    font-size:16px;
}

/*INTERIOR NAV*/

.hb_interior_nav{
    list-style:none;
    margin:4rem 0;
    padding:0;
    text-align:center;
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
    font-size:18px;
}
.hb_interior_nav li{
    display:inline-block;
    margin:0 1rem;
}
.hb_interior_nav li a{
    color:black;
}
.hb_interior_nav li a:hover,
.hb_interior_nav li.active a{
    color:#d51e29;
}

/*HOURS & SCHEDULES*/

.hb_hours{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    font-size:14px;
}
.hb_hours_vertical{
     -webkit-columns:2;
    columns:2;
    margin-bottom:1rem;
}
.hb_hours li span{
    display:block;
    font-family:'Brandon Bold', sans-serif;
    font-size:16px;
}
.hb_schedule{
    text-align:center;
    position:absolute;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    left:0;
    right:0;
    padding:2rem;
}
.hb_schedule .hb_hours{
    font-size:18px;
}
.hb_schedule .hb_hours li{
    margin-bottom:0.5rem;
}
.hb_schedule .hb_hours li span{
    font-size:20px;
}
.hb_content .hb_schedule h3{
    margin:0 0 1rem;
}

/*FAQ*/

.hb_faq{
    padding:2rem;
}
.hb_faq_section{
    border-bottom:2px solid #cdcdcd;
}
.hb_faq_q{
    padding:1rem 3rem 1rem 0;
    position:relative;
}
.hb_faq .hb_faq_section:last-of-type{
    border-bottom:none;
}
.hb_faq_q i{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    font-size:24px;
    color:#d51e29;
}
.hb_faq_q h5{
    text-transform:none;
    margin:0;
}
.hb_faq_a{
    display:none;
}

/*BREWERY*/

.hb_brewery_social{
    position:relative;
    margin:1rem 0 0;
}
.hb_brewery_social h5{
    text-transform:none;
    margin:0 0 0.5rem;
}
.hb_brewery_social .footer_social li{
    margin-left:0;
}
.hb_brewery_map{
    width:100%;
    padding-bottom:60%;
    overflow:hidden;
    position:relative;
    margin-bottom:2rem;
}
.hb_brewery_map a{
    display:block;
}
.hb_brewery_map img{
    width:100%;
    height:auto;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

/*BEER FINDER*/

.hb_beer_finder{
    padding:2rem;
}
.hb_beer_finder_form{
    width:100%;
}
.hb_beer_finder_form .row{
    margin:0 -5px;
}
.hb_beer_finder_form .col{
    padding:0 5px;
}
.hb_beer_finder_form input,
.hb_beer_finder_form select{
    display:block;
    width:100%;
    height: 2.5rem;
}
.hb_beer_finder_form select{
    background:#cdcdcd;
    border-color:#cdcdcd;
}
.hb_beer_finder_form input{
    border-radius:0;
}
.hb_beer_finder_form input[type="submit"]{
    border:none;
}
.hb_beer_finder_filters{
    list-style:none;
    margin:2rem 0;
    padding:0;
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
    font-size:18px;
}
.hb_beer_finder_filters li{
    display:inline-block;
    margin-right:1rem;
}
.hb_beer_finder_filters li a{
    color:black;
}
.hb_beer_finder_filters li a:hover,
.hb_beer_finder_filters li.active a{
    color:#d51e29;
}
.hb_beer_finder_results table{
    width:100%;
}
.hb_beer_finder_results table tr th{
    color:#d51e29;
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
    font-size:18px;
    padding:1rem 0;
    border-top:1px solid lightgrey;
}
.hb_beer_finder_results table tr{
    border-bottom:1px solid lightgrey;
}
.hb_beer_finder_results table tr:last-child{
    border-bottom:0;
}
.hb_beer_finder_results table tr td{
    padding:1rem 0;
}
.hb_beer_finder_results table tr td a{
    color:#d51e29;
}
.hb_beer_finder_results table tr td p b{
    font-family:'Brandon Bold', sans-serif;
    font-size:16px;
}
.hb_beer_finder_results table tr td p{
    margin-bottom:0.25rem;
}
.ym_beerfinder_image img{
    width:100%;
}
.ym_beerfinder_logos{
    text-align:center;
    margin-top:-3rem;
}
.ym_beerfinder_logo{
    display:inline-block;
    margin:1rem;
    width:15%;
    padding-bottom:10%;
    position:relative;
    overflow:hidden;
}
.ym_beerfinder_logo a{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:block;
}
.ym_beerfinder_logo img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    margin:auto;
    position:absolute;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    padding:1rem;
}
.ym_beerfinder_logo:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.hb_home_beerfinder{
    margin:0 0 2rem;
}
.hb_home_beerfinder h2{
    text-align: center;
    color: #d51e29;
    font-size: 48px;
    margin:0;
    padding:2rem 0 0;
}

/*EVENTS. HARPOON HELPS*/

.hb_events_calendar{
    padding:2rem;
}
.hb_event_photo{
    width:100%;
    margin-bottom:1rem;
}
.hb_event_photo img{
    width:100%;
}
.hb_events_back_link{
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
    color:#ed462f;
    margin-bottom:1rem;
    display:block;
}
.hb_events_back_link:hover{
    color:#d51e29;
}
.hb_event_details h5 a{
    color:black;
    font-size:18px;
    margin-bottom:5px;
    display:block;
}
.hb_event_details h5{
    font-size:16px;
}
.hb_event_details p,
.hb_event_details ul,
.hb_event_details li{
    font-size:16px;
}
.hb_event_details p a,
.hb_event_details h4 a,
.hb_event_details h5 a,
.hb_event_details h6 a{
    color:#ed462f;
}
.hb_event_details p a:hover,
.hb_event_details h4 a:hover,
.hb_event_details h5 a:hover,
.hb_event_details h6 a:hover{
    color:#d51e29;
}
.hb_donation_table{
    padding:2rem;
}
.hb_donation_table table{
    width:100%;
}
.hb_donation_table th{
    text-transform:uppercase;
    text-align:left;
    font-family:'Brandon Bold', sans-serif;
    color:#d51e29;
    font-size:18px;
}
.hb_donation_table tr td:first-child{
    font-family:'Brandon Bold', sans-serif;
    font-family:18px;
}

/*FESTIVALS*/

.hb_festival_details h5{
    margin:0;
    text-transform:none;
}
.hb_festival_ticket_button a{
    display:block;
    width:100%;
    text-align:center;
    font-family:'Brandon Bold', sans-serif;
    font-size:18px;
}
.hb_festival_share{
    margin:1rem 0 0;
    text-align:right;
}
.hb_festival_share h5{
    text-transform:none;
}
.hb_festival_share h5,
.hb_festival_share_buttons{
    display:inline-block;
}
.hb_festival_hours h4{
    color: #212526;
    font-size: 24px;
    text-transform: none;
}
.hb_festival_hours .hb_hours{
    font-size:18px;
}
.hb_festival_hours .hb_hours li{
    margin-bottom:1rem;
}
.hb_festival_hours .hb_hours li:last-child{
    margin-bottom:0;
}
.hb_festival_hours .hb_hours li span{
    font-size:24px;
}
.hb_festival_music{
    position:relative;
    text-align:center;
    height:100%;
    color:white;
    background-repeat:repeat;
    padding:4rem 2rem;
    display:flex;
    align-items:center;
    justify-content: center;
}
.hb_festival_music_inner{
    
}
.hb_festival_music h3{
    color:white;
    margin:0;
}
.hb_festival_music h4{
    margin:3rem 0 1rem;
}
.hb_festival_music h5{
    font-size:24px;
    text-transform:none;
    margin:2rem 0 0;
}
.hb_festival_music p{
    font-size:18px;
    font-family:'Brandon Bold', sans-serif;
    margin:2rem 0 0.5rem;
}
.hb_festival_music ul{
    list-style:none;
    margin:0;
    padding:0;
    font-size:16px;
}
.hb_festival_music ul p{
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 16px;
    margin:0;
}
.hb_festival_beers .hb_beer{
    width:25%;
}
.hb_festival_beers .hb_beer_info{
    padding-bottom:30%;
}
.hb_festival_promos{
    margin:4rem 0 0;
}
.hb_festival_promos .col-lg-6{
    margin: 0 0 2rem;
}
.hb_festival_promos .hb_content_block_dark_text p{
    font-size:16px;
}

/*SHOP*/

.hb_shop_item{
    background:white;
    width:100%;
    padding-bottom:100%;
    overflow:hidden;
    position:relative;
    text-align:center;
    margin-bottom:2rem;
}
.hb_shop_item a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
}
.hb_shop_item_image{
    width:80%;
    height:75%;
    position:absolute;
    overflow:hidden;
    margin:0 auto;
    left:0;
    right:0;
    top:1rem;
}
.hb_shop_item_image img{
    position:absolute;
    height:100%;
    width:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.hb_shop_item h5{
    color:black;
    position:absolute;
    bottom:0;
    padding:1rem 2rem;
    text-align:center;
    width:100%;
    margin:0;
    text-transform:none;
    font-size:16px;
}
.hb_shop_item:hover{
    outline:2px solid #d51e29;
}
.hb_shop_item:hover h5{
    color:#d51e29;
}
.hb_shop_sticky_cart{
    position:fixed;
    background:white;
    width:210px;
    height:100px;
    bottom:1rem;
    right:1rem;
    padding:1rem;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    z-index:1000;
}
.hb_shop_sticky_cart h5{
    text-transform:none;
    margin:0 0 0.5rem;
    font-size:18px;
}
.hb_shop_sticky_cart h5 a{
    color:#d51e29;
}
.hb_shop_sticky_cart h5 a:hover{
    color:#ed462f;
}
.hb_shop_link{
    text-transform:uppercase;
    text-align:center;
    font-family:'Brandon Bold', sans-serif;
    margin-bottom:2rem;
}
.hb_shop_link a{
    color:black;
}
.hb_shop_link a:hover{
    color:#d51e29;
}
.hb_shop_item_details h3{
    text-transform:none;
}
.hb_shop_item_details h5{
    font-size:28px;
}
.hb_shop_item_button{
    margin:2rem 0 0;
}
.hb_product_sorting{
    text-align:center;
    width:100%;
    margin-bottom:2rem;
}
.hb_sale span{
    text-decoration:line-through;
    color:grey;
}


/*EVENTS CALENDAR*/

#tribe-bar-form label{
    font-family: 'Brandon', sans-serif;
}
#tribe-bar-form .tribe-bar-submit input[type=submit],
#tribe-events .tribe-events-button{
    display: inline-block;
    background: #d51e29;
    color: white;
    text-transform: uppercase;
    padding: 0.5rem 2rem;
    font-family: 'Brandon', sans-serif;
    font-size: 16px;
    text-align: center;
    border-radius:0;
}
#tribe-bar-form .tribe-bar-submit input[type=submit]:hover,
#tribe-events .tribe-events-button:hover{
    background: #ed462f;
    color:white;
}
#tribe-geo-results h2.tribe-events-page-title, h2.tribe-events-page-title{
    font-size:32px;
    text-align:center;
}
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]{
    background-color:#d51e29;
}
#tribe-events-content a{
    background:transparent;
    color:black;
}
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{
    color:white !important;
}
#tribe-events-content .tribe-events-tooltip h4{
    color:#d51e29;
}
#tribe-events-content .tribe-events-tooltip p{
    font-size:12px;
    margin:10px 0;
}
.tribe-events-calendar .tribe-events-tooltip{
    padding:1rem;
}



/*FORMS*/

.gform_wrapper .gsection{
    border-bottom:none !important;
    margin:0 0 1rem !important;
}
body .gform_wrapper ul li.gfield,
.gform_wrapper li.hidden_label input{
    margin-top:0 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    font-family: 'Noto Serif', serif !important;
    font-weight: 400 !important;
    font-size:16px !important;
    padding:0.5rem !important;
}
.gform_wrapper .top_label .gfield_label{
    color:black !important;
    text-transform:none !important;
    font-family: 'Noto Serif', serif !important;
    font-weight: 400 !important;
    font-size:16px !important;
    margin-top:1rem;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio{
    margin-top:0 !important;
}
.gform_wrapper ul.gform_fields li.gfield.nmt{
    margin-top:-1rem !important;
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
    padding:0.4rem 0.5rem !important;
    font-family: 'Noto Serif', serif !important;
    font-weight: 400 !important;
    font-size:16px !important;
    -webkit-appearance:none;
    background:#dcdcdc;
    border-color:#dcdcdc;
    border-radius:0;
    vertical-align:top;
    margin:0;
}
.gform_wrapper textarea,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    font-family: 'Noto Serif', serif !important;
    font-weight: 400 !important;
    font-size:16px !important;
    border:1px solid lightgrey !important;
    border-radius:0 !important;
}
.ginput_container_select,
.address_state{
    position:relative;
}
.ginput_container_select select,
.address_state select{
    padding:0.4rem 0.5rem !important;
    background:white;
    -webkit-appearance:none;
    border:1px solid #dcdcdc;
    font-family: 'Noto Serif', serif !important;
    font-weight: 400 !important;
    font-size:16px !important;
}
.ginput_container_select::after,
.address_state::after{
    content:'\f107';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:0;
    top:0;
    color:grey;
    font-size:18px;
    pointer-events:none;
    padding:0.5rem 0.5rem;
}
.address_state::after{
    padding-right:1rem;
}
.gfmc-row-1-col-1-of-2{
    padding-right:0;
}
.gfmc-row-1-col-2-of-2{
    padding-left:1rem;
    border-left:2px solid #dcdcdc;
}
#gform_2 .gfmc-row-1-col-2-of-2{
    border-left:0;
}
#gform_2 .gfmc-row-1-col-1-of-2{
    border-right:2px solid #dcdcdc;
}
.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label{
    max-width:100% !important;
    color:black;
    font-family: 'Noto Serif', serif !important;
    font-weight: 400 !important;
    text-transform:none;
    font-size:14px !important;
}
.gform_wrapper:not(#gform_wrapper_2) .top_label li ul.gfield_radio{
    width:auto !important;
    display:inline;
    float:right;
    margin-top:-2rem;
}
.gform_wrapper .gfield_radio li label{
    margin:6px 0 0 4px !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
    float:right;
    font-size:16px !important;
    text-transform:uppercase;
    background: #d51e29 !important;
    color:white;
    padding:0.75rem 2rem;
    border:none;
    cursor:pointer;
    margin: 1rem 0 0;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover{
    background: #ed462f !important;
    color:white;
}
.gform_wrapper .gform_footer{
    padding:0 !important;
    margin:0 !important;
}
.gform_wrapper .gform_footer::after{
    content:'';
    display:block;
    clear:both;
}
.gfield.small_list ul.gfield_checkbox li label{
    font-size:12px !important;
    margin:6px 0 0 3px;
}
.gform_wrapper li.gfield.gf_list_3col.small_list ul.gfield_checkbox li{
    min-height:24px !important;
}
.gform_wrapper.gravity-theme .gfield select{
    -webkit-appearance: none;
    font-family: 'Noto Serif', serif !important;
    font-weight: 400 !important;
    font-size:16px !important;
    border:1px solid lightgrey !important;
    border-radius:0 !important;
}
.gform_required_legend{
    display:none;
}

/*WOOCOMMERCE STYLES*/

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
    display: inline-block;
    background: #d51e29;
    color: white;
    text-transform: uppercase;
    padding: 1rem 2rem;
    font-family: 'Brandon', sans-serif;
    font-size: 16px;
    text-align: center;
    border-radius:0;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
    background: #ed462f;
    color:white;
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
    background: #d51e29;
    color: white;
    text-transform: uppercase;
    font-family: 'Brandon', sans-serif;
    font-size: 16px;
    text-align: center;
    border-radius:0;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
    background:grey;
}
.woocommerce .quantity .qty{
    padding:0.63rem 0.5rem;
}
.woocommerce div.product div.summary{
    padding:2rem 2rem 2rem 0;
}
.woocommerce div.product div.images{
    margin-bottom:0;
}
.woocommerce div.product .product_title{
    text-transform: none;
    color: #d51e29;
    font-size: 36px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
    color: black;
    text-transform: none;
    font-size:28px;
    font-family: 'Brandon Bold', sans-serif;
}
.woocommerce div.product p.price ins{
    text-decoration:none;
}
.woocommerce-message{
    border-top-color:#d51e29;
    margin:0;
}
.woocommerce-message::before{
    color:#d51e29;
}
.woocommerce span.onsale{
    background-color:#d51e29;
    border-radius:50%;
    font-family: 'Brandon Bold', sans-serif;
    text-transform:uppercase;
    font-size:16px;
    min-height:4rem;
    min-width:4rem;
    line-height:4rem;
    top: -.75rem;
    left: -.75rem;
    padding:0;
}
.woocommerce .summary .product_meta{
    display:none;
}
.woocommerce .woocommerce-cart-form a{
    color:black;
    font-family: 'Brandon Bold', sans-serif;
    font-size:18px;
}
.woocommerce .woocommerce-cart-form a:hover{
    color:#d51e29;
}
.woocommerce a.remove{
    color:#d51e29 !important;
}
.woocommerce a.remove:hover{
    color:white;
    background:#d51e29;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    min-width:150px;
}
.woocommerce-privacy-policy-text{
    width:85%;
}
.woocommerce .col-1,
.woocommerce .col-2,
.woocommerce .col-3,
.woocommerce .col-4,
.woocommerce .col-5,
.woocommerce .col-6{
    max-width:none;
}


/*History Page*/
.row.history_block {
    padding-bottom: 4rem;
}
.col-lg-5.history_image {
    text-align: center;
    margin: auto;
}

/*Sponsorship Page*/
.hb_content_block_white .col-sm-12 {
    padding: 0 !important;
}

/*AGE VERIFICATION POPUP*/

.age-gate{
    padding:0 !important;
}
.age-gate-heading.age-gate-logo{
    padding:0 20%;
}
.age-gate-heading-title-logo,
.age-gate__heading-title--logo{
    max-width:100% !important;
    max-height:100px !important;
    margin:0 !important;
}
.age-gate-challenge{
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
    font-size:24px;
    margin:0 0 1rem;
}
.age-gate-additional-information p{
    font-size:12px;
    margin:1rem 0 0;
}
.age-gate-submit-yes,
.age-gate-submit-no,
.age-gate-submit{
    display: inline-block;
    color: white;
    text-transform: uppercase;
    padding: 0.5rem 2rem;
    font-family: 'Brandon', sans-serif;
    font-size: 16px;
    text-align: center;
    border:none;
    width:35%;
    cursor:pointer;
}
.age-gate-submit-yes,
.age-gate-submit{
    background-color: #d51e29 !important;
}
.age-gate-submit-yes:hover{
    background-color: #ed462f !important;
}
.age-gate-submit-no{
    background-color:grey !important;
}
.age-gate-submit-no:hover{
    background-color:#A8A7A5 !important;
}
.age-gate-form{
    background-image:url(../../uploads/2019/03/chalkboard.jpg);
    background-size: cover;
    background-position: center center;
    padding:1rem !important;
}
.age-gate-form h2{
    font-size:24px;
}
.age-gate-form label{
    display:block;
}
.age-gate-form-elements{
    padding:0 !important;
}
.age-gate-input{
    padding:0.5rem;
}
.age-gate-subheadline{
    display:none !important;
}

/*Addtional CSS*/
#brewery_tours .hb_content_block_horizontal_image img {
    top: -9822px;
}

.page-id-128 .hb_title_bar {
    background-position: center 30%;
}


.hb_totop_button{
    display:none;
    position:fixed;
    width:50px;
    height:50px;
    color:white;
    font-size:24px;
    text-align:center;
    background:#d51e29;
    bottom:2rem;
    right:2rem;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    cursor:pointer;
    z-index:1000;
}
.hb_totop_button i{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translate(0,-50%);
}
.hb_totop_button:hover{
    font-size:30px;
}




.prefooter .gform_wrapper {
    display: inline-block;
    margin: 0 !important;
}
.prefooter .gform_wrapper input#input_4_1 {
        width: 400px !important;
    border-radius: 0;
    font-weight: 400;
    border-width: 2px;
    border-color: white;
        border: white;
}
.prefooter input#gform_submit_button_4 {
    background: transparent !important;
    border: white 2px solid;
    padding: 0.312rem 1rem;
    border: 2px solid white;
}



#eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav {
    background: rgba(0, 0, 0, 0.9);
    z-index: 100;
    height: 100%;
    background: rgba(0,0,0,0.5);
    width: 26%;
    padding: 1rem;
    box-shadow: none !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}
.eapps-instagram-feed-posts-slider-next:active {
    transform: translate3d(50%, -50%, 0) scale(1) !important;
}
.eapps-instagram-feed-posts-slider-prev:active {
    transform: translate3d(-50%, -50%, 0) scale(1) !important;
}
.eapps-instagram-feed-posts-slider-prev svg.eapps-instagram-feed-posts-slider-nav-icon{
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 15% 50%, 0 0);
    right: 0px !important;

}
.eapps-instagram-feed-posts-slider-next svg.eapps-instagram-feed-posts-slider-nav-icon {
    clip-path: polygon(100% 0, 85% 51%, 100% 100%, 0 100%, 0 0);
    left: 0px !important;

}
svg.eapps-instagram-feed-posts-slider-nav-icon{
   color:white;
   font-size:30px;
   font-family:‘Font Awesome 5 Free’;
   font-weight:900;
   opacity:1;
   width:70px !important;
   height:80px  !important;
   background-image:url(public/img/diamond-pattern.png) !important;
   background-size:cover;
   background-position:center;
   display:inline-block;
   margin:0;
   padding:1.5rem 1rem;
   -webkit-transition-duration:0.5s;
   transition-duration:0.5s;
    
}


form.hb_beer_finder_form .col-sm-12 {
    margin-bottom: .5rem;
    padding: 0rem .5rem !important;
}

.hb_splash_page {
    text-align: center;
    margin:2rem 0 0;
}

/*
.eui-slider-arrow {
    visibility: visible !important;
}*/


/*BEER PAGE ADDITIONS*/

.ym_beer_package_image{
    width:100%;
    padding-bottom:60%;
    position:relative;
    overflow:hidden;
}
.ym_beer_package_image img{
    position:absolute;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.ym_beer_package h5{
    color:black;
    font-size:16px;
    text-align:center;
    margin:0.5rem 0 0;
    text-transform:uppercase;
}
.ym_beer_package p{
    text-align:center;
}
.ym_beer_sidebar_sources .ym_beer_package{
    margin:2rem 0 0;
}
.ym_beer_sidebar_sources .ym_beer_package_image img{
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.ym_beer_sidebar_sources .ym_beer_package_image:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.ym_beer_photo_section .hb_chalkboard_content{
    margin:0;
    padding:1rem;
}
.ym_beer_photo_section .hb_chalkboard_heading{
    margin:0;
    padding-bottom:20%;
}
.ym_beer_photo_section .hb_chalkboard_heading h2{
    font-size:18px;
}


/*LEAGUE DRAFT*/

.ym_draft_overview{
    padding:4rem 2rem;
}
.ym_draft_image,
.ym_draft_image img{
    width:100%;
}
.ym_draft_text{
    height:100%;
    display:flex;
    align-items:center;
}
.ym_draft_overview p{
    font-size:16px;
}
.ym_draft_overview h4 a{
    color:black;
}
.ym_draft_overview h4 a:hover{
    color:#d51e29;
}
.ym_draft_beers{
    margin:0 0 2rem;
}
.ym_draft_beers .col-md-6{
    margin: 2rem 0 0;
}
.ym_draft_beer{
    padding:2rem;
    background:white;
    height:100%;
}
.ym_draft_beer_image{
    width:100%;
    padding-bottom:100%;
    position:relative;
    overflow:hidden;
}
.ym_draft_beers .col-md-6 .ym_draft_beer_image{
    padding-bottom: 50%;
}
.ym_draft_beer_image img{
    height:100%;
    width:auto;
    position:absolute;
    margin:auto;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.ym_draft_beer h3{
    font-size:24px;
    margin:2rem 0 1rem;
}
.ym_draft_poll{
    padding:4rem 2rem;
    background:white;
}
.ym_draft_poll .gform_wrapper .ginput_container_radio{
    display:block;
    width:100%;
}
.ym_draft_poll .gform_wrapper .top_label .gfield_label{
    display:block;
}
.ym_draft_poll .gform_wrapper ul.gfield_radio,
.ym_draft_poll .gform_wrapper .top_label li ul.gfield_radio{
    display:block;
    width:100%;
    text-align:center;
    margin:2rem 0 0;
    float:none;
}
.ym_draft_poll .gform_wrapper ul.gfield_radio li{
    float:left;
    width:20%;
    margin-bottom: 3rem;
}
.ym_draft_poll .gform_wrapper ul.gfield_radio li input[type=radio],
.ym_draft_poll .gform_wrapper ul.gfield_radio li label{
    display:block;
    margin:0 auto;
    width:100%;
}
.ym_draft_poll .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio]{
    margin:auto;
}
.ym_draft_poll .gform_wrapper ul.gfield_radio li input[type=radio]{
    display:none;
}
.ym_draft_poll .gform_wrapper ul.gfield_radio li label{
    font-family:'Brandon Bold', sans-serif !important;
    text-transform:uppercase;
    font-size:24px;
}
.ym_draft_poll .gform_wrapper ul.gfield_radio li label::before{
    content:'';
    width:25px;
    height:25px;
    border-radius:50%;
    border:2px solid #d51e29;
    display:block;
    margin:0 auto 1rem;
}
.ym_draft_poll .gform_wrapper ul.gfield_radio li:hover label::before,
.ym_draft_poll .gform_wrapper ul.gfield_radio li input[type=radio]:checked ~ label::before{
    background:#d51e29;
}
.ym_draft_poll .gpoll_button,
.ym_draft_poll .gpoll_back_button{
    margin:2rem 0 0;
    display:block;
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
    color:black;
    padding:0.75rem 0;
}
.ym_draft_poll .gpoll_button:hover,
.ym_draft_poll .gpoll_back_button:hover{
    color:#d51e29;
}
.ym_draft_poll .gfmc-row-1-col-2-of-2{
    border-left:none;
}
.ym_draft_poll .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
    padding:0.6rem 0.5rem !important;
}
.ym_draft_poll .gpoll_ratio_label,
.ym_draft_poll .gpoll_choice_label{
    font-family:'Brandon Bold', sans-serif;
}
.ym_draft_download{
    text-align:center;
}
.ym_draft_download img{
    width:100%;
}
.ym_draft_download a{
    display:block;
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
    color:black;
    margin:1rem 0 0;
}


/*FESTIVALS*/

.ym_festival_image{
    width: 100%;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.ym_festival_content{
    padding: 3rem;
}
.ym_festival_content h3{
    text-align: left;
}
.ym_festival_content .hb_button{
    margin: 2rem 0 0;
}

/*FLEX ADDITIONS*/

.ym_flex_section,
.hb_content section.ym_flex_section{
    margin: 4rem 0 0;
}
.ym_flex_section .hb_content_block_text_large{
    padding: 6rem 10%;
}
.ym_flex_section .hb_content_block_text_large p:last-child{
    margin-bottom: 0;
}
.ym_flex_section .hb_content_block_horizontal_image{
    padding-bottom: 50%;
    background-color: black;
}
.ym_flex_section .col-md-12 .hb_content_block_horizontal_image{
    padding-bottom: 25%;
}
.hb_content .ym_flex_section h3{
    text-align: left;
    margin: 0 0 1rem;
}
.ym_flex_section .hb_brewery_map iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ym_flex_section .row-full{
    margin: 0;
}
.ym_flex_section .row-full .col-md-6{
    padding: 0;
}
.ym_flex{
    display: flex;
    height: 100%;
    align-items: center;
}

/*TABLES*/

.ym_table{
    width: 100%;
}
.ym_table td,
.ym_table th{
    padding: 1rem;
    border: 1px solid lightgrey;
}
.ym_table th{
    background: grey;
    color: white;
    font-family: 'Brandon Bold', sans-serif;
    font-size: 18px;
}
.ym_table th:first-child{
    background: transparent;
    border: none;
}
.ym_table tr td:first-child{
    background: #d51e29;
    color: white;
    font-weight: 700;
    font-family: 'Brandon Bold', sans-serif;
    font-size: 16px;
}
.ym_table_image{
    width: 100%;
    padding-bottom: 120%;
    position: relative;
    overflow: hidden;
    margin: 4rem 0;
}
.ym_table_image img{
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

/*ALERT BAR*/

.ym_alert_bar{
    display: block;
    width: 100%;
    height: auto;
    background: #d51e29;
    color: white;
    padding: 0.5rem;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.ym_alert_bar p,
.ym_alert_bar a{
    display: inline-block;
    font-size: 14px;
    margin: 0;
}
.ym_alert_bar a{
    color: white;
    text-decoration: underline;
    margin-left: 2rem;
}
.ym_alert_bar a:hover{
    font-weight: 700;
}

.mt0{
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.mb0{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.ym_back_link{
    color: #d51e29;
    text-transform: uppercase;
    font-family: 'Brandon Bold', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0 0 1rem;
    display: inline-block;
}
.ym_back_link::before{
    content: '\f0d9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.25rem;
}
.ym_back_link:hover{
    color: #ed462f;
}
.ym_beer_content h1{
    color: #d51e29;
}
.ym_beer_content h1 sup{
    font-size: 16px;
    font-weight: 400;
    top: -2.75rem;
    margin-left: 3px;
}
.ym_beer_content h5{
    color: black;
    margin: 2rem 0 0;
}
.ym_beer_content p a{
    color: #d51e29;
}
.ym_beer_content p a:hover{
    color: black;
}
.ym_beer_content img{
    max-width: 100%;
}
.ym_beer_details{
    background: white;
    text-align: center;
    display: flex;
    margin: 1rem 0 0;
}
.ym_beer_detail{
    padding: 1rem;
    flex: 1;
}
.ym_beer_details .ym_beer_detail{
    border-right: 1px solid #ebebeb;
}
.ym_beer_details h6{
    margin: 0;
    text-transform: uppercase;
    font-family: 'Brandon Bold', sans-serif;
    color: black;
    height: 40px;
}
.ym_beer_details h3{
    margin: 0.5rem 0 0;
    color: #d51e29;
    font-size: 36px;
}
.ym_beer_image_thumbnails .slick-list{
    padding: 0 !important;
}
.ym_beer_image_slider{
    margin: 0 0 1rem;
}
.ym_beer_image_slide .ym_beer_image,
.ym_beer_image_thumbnail .ym_beer_image{
    width: 100%;
    padding-bottom: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ym_beer_image_thumbnail{
    margin: 0 0.5rem;
}
.ym_beer_image_thumbnail .ym_beer_image{
    border: 1px solid transparent;
}
.ym_beer_image_thumbnail:hover .ym_beer_image,
.ym_beer_image_thumbnail.slick-current .ym_beer_image{
    border-color: #ed462f;
}
.ym_finder_form{
    background: black;
    padding: 1rem;
    margin: 1rem 0 0;
}
.ym_finder_form h4{
    color: #d51e29;
    font-size: 30px;
}
.ym_finder_form form{
    display: flex;
    width: 100%;
}
.ym_finder_form form input{
    flex: 0 0 50%;
    padding: 1rem;
    text-align: center;
    border: none;
}
.ym_finder_form form .ym_button{
    background: #d51e29;
    color: white;
    text-transform: uppercase;
}
.ym_finder_form form .ym_button:hover{
    background: #ed462f;
    color: white;
}
.ym_beer p{
    text-align: center;
    color: black;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}
.ym_beer h4{
    color: #d51e29;
    font-size: 30px;
    text-align: center;
    margin: 0.25rem 0 0;
}
.ym_beer_image{
    width: 100%;
    padding-bottom: 160%;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    display: block;
    margin: 0 0 0.5rem;
}

/*COOKIE NOTICE*/

.cky-consent-bar .cky-banner-btn-close{
    top:0 !important;
    right:0 !important;
    padding:1rem !important;
}
.cky-notice .cky-title{
    font-size:14px !important;
    margin:0 !important;
}
.cky-notice-des,
.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy,
.cky-notice-btn-wrapper .cky-btn-do-not-sell{
    font-size:12px !important;
}

/*EVENTS CALENDAR V2*/

.hb_content #tribe-events-pg-template{
    max-width:100%;
}
.hb_content .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container{
    padding:5rem;
    max-width: 100%;
}
.hb_content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs{
    font-family:'Brandon Bold', sans-serif;
    text-transform:uppercase;
}
.hb_content .tribe-common .tribe-common-c-btn,
.hb_content .tribe-common a.tribe-common-c-btn{
    background:#d51e29;
    border-radius:0;
    font-family:'Brandon', sans-serif;
    text-transform:uppercase;
}
.hb_content .tribe-common .tribe-common-c-btn:hover,
.hb_content .tribe-common a.tribe-common-c-btn:hover{
    background:#ed462f;
}
.hb_content .tribe-common .tribe-common-c-btn-border,
.hb_content .tribe-common a.tribe-common-c-btn-border{
    border-color:#d51e29;
    color:#d51e29;
    border-radius:0;
}
.hb_content .tribe-common .tribe-common-c-btn-border:hover,
.hb_content .tribe-common a.tribe-common-c-btn-border:hover,
.hb_content .tribe-events-c-subscribe-dropdown__button--active{
    background:#d51e29 !important;
    color:white !important;
}
.hb_content .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text{
    font-family:'Brandon', sans-serif;
    text-transform:uppercase !important;
}
.hb_content .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner{
    background:#d51e29;
    color:white;
}
.hb_content .tribe-events .tribe-events-calendar-month__multiday-event-bar-title{
    color:white;
}
.hb_content .tribe-events .tribe-events-calendar-month__calendar-event-title{
    text-align:left;
}
.hb_content .tribe-common-h3{
    font-family:'Brandon Bold', sans-serif;
    text-transform: uppercase;
}
.hb_content .tribe-events-calendar-list__event .row,
.hb_content .tribe-events-calendar-day__event .row{
    width:100% !important;
}
.hb_content .tribe-events-calendar-list__event-featured-image-wrapper,
.hb_content .tribe-events-calendar-day__event-featured-image-wrapper{
    width:100% !important;
    padding-bottom:100%;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    position:relative;
}
.hb_content .tribe-events-calendar-list__event-details,
.hb_content .tribe-events-calendar-day__event-details{
    padding:2rem;
    width:100%;
}
.hb_content .tribe-events .tribe-events-calendar-list__event-title,
.hb_content .tribe-events .tribe-events-calendar-day__event-title{
    text-align:left;
    font-family:'Brandon Bold', sans-serif;
    text-transform: uppercase;
}
.hb_content .tribe-events-calendar-day__event-content{
    flex:0 0 100% !important;
    margin:0;
    padding:0;
}