/*
Theme Name: BB
Theme URI: https://beardsbrewery.com
Author: Common Angle
Author URI: https://commonangle.com
Version: 2.0.0
Template: woodmart
*/

/***************CUSOMIZATIONS***************/

.bb-mobile {
    display:none;
}

.main-page-wrapper, .website-wrapper {
    background: rgb(253,246,144);
    background: -webkit-linear-gradient(rgba(253,246,144,1) 0%, rgba(243,128,197,1) 40%, rgba(130,145,175,1) 100%);
    background: -o-linear-gradient(rgba(253,246,144,1) 0%, rgba(243,128,197,1) 40%, rgba(130,145,175,1) 100%);
    background: linear-gradient(rgba(253,246,144,1) 0%, rgba(243,128,197,1) 40%, rgba(130,145,175,1) 100%); 
}

.wd-logo img {
    position:relative;
    top:-114px;
    left:-54px;
    max-height:300px;
}

.whb-color-dark:not(.whb-with-bg) {
    background-color:transparent;
}

.whb-top-bar {
    margin-bottom:15px;
}

#bb-social-icons .bb-socials {
    height:30px;
    width:auto;
    position:relative;
    top:-50px;
    padding-left:5px;
}

.bb-top-row {
    z-index:9995;
}

/***************FeedWind***************/

#fw-gc-feed-items-scroll-area {
    background-color:rgb(255,255,255,0);
}

.bb-gcal-feeds {
    padding-left:15px;
    padding-right:15px;
}


#fw-ig-feed-items-scroll-area {
    background-color:rgba(255,255,255,0.85) !important;
}

.jspDrag {
    background:#052460 !important;
}

/***************NAVIGATION***************/

.menu-main-menu-container {
    z-index:10001;
}

.whb-general-header {
	z-index:0 !important;
}

.whb-top-bar {
	z-index:0 !important;
}

.wd-nav-main .item-level-0 > a {
    font-size:100%;
}

.whb-header-bottom {
	width:50%;
}

.wd-nav-main .item-level-0 > a {
    padding-top:4px;
}

.main-nav > li > a, .wd-nav-secondary > li > a {
    font-weight:500;
    
}

.wd-nav-main .item-level-0.current-menu-item > a {
font-weight:500;
    color:#fbfb3d !important;
}

.wd-nav-main .item-level-0.current-menu-ancestor a {
    font-weight:500;
color:#ffffff !important;
}

.wd-nav-main .item-level-1.current-menu-item > a {
    color:#fbfb3d !important;
font-size:70% !important;
}

.wd-navigation .item-level-0.menu-item-has-children > a::after {
    content:none !important;
}

.wd-nav[class*="wd-style-"] > li.wd-has-children > a::after, .wd-nav[class*="wd-style-"] > li.menu-item-has-children > a::after {
display:none;
}

.menu-simple-dropdown li a {
    font-size:70%;
    line-height:1.1;
}

.sub-menu-dropdown.color-scheme-light {
    background-color:rgba(5, 36, 96, 1);
}

.dropdowns-color-light .mobile-nav {
    background-color:rgba(5, 36, 96, 1);
}

.site-mobile-menu li a {
    font-size:120%;
    font-weight:400;
}

.site-mobile-menu .sub-menu li a {
    font-size:70%;
}

.dropdowns-color-light .site-mobile-menu li.opener-page > a, .dropdowns-color-light .site-mobile-menu li:active > a {
    background-color:#ec008c;
}

/*.bb-menu-left {
    z-index:10000;
}*/

/***************HOURS***************/

/*span.op-closed {
    display:none;
}

span.op-open {
    display:none;
}*/

span.op-next-period, span.op-today {
    float:left;
}

span.op-closed {
    /*color:#ec008c;*/
    color:#e670b6;
}

.bb-hours-top {
    font-size:105%;
    font-weight:300;
	color:#ffffff;
    margin-bottom:0;
}

.bb-hours-top strong {
    font-weight:500;
}

.bb-hours-top a {
	color:#ffffff;
}

.bb-hours-top a:hover {
    color:#00c2f3;
    text-decoration:underline;
}

.beards-hours-top span.op-closed {
	display:none !important;
}

/***************CUSTOM BUTTONS***************/

.bb-button img{
    transition: .5s ease;
}

.bb-button img:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: .5s ease;
}

/***************HOME FEATURE***************/

.flexslider {
    background:none !important;
    border:none !important;
    -o-box-shadow:none !important;
    box-shadow:none !important;
}

.slides li {
    opacity:1 !important;
}

.wpb_gallery .wpb_flexslider .flex-control-nav {
    display:none;
}

.flex-control-nav, .flex-direction-nav {
    display:none;
}

/***************TYPOGRAPHY***************/

h1 {
    font-size:280% !important;
    line-height:1.1;
}

h2 {
    font-size:240% !important;
    line-height:1.1;
}

h3 {
    font-size:220% !important;
    line-height:1.1;
}

h4 {
    font-size:200% !important;
    line-height:1.1;
}

h5 {
    font-size:180% !important;
    line-height:1.1;
}

h6 {
    font-size:160% !important;
    line-height:1.1;
}

p {
    font-size:150% !important;
    line-height:1.4;
}

ul, td, th {
    font-size:150% !important;
    line-height:1.6;
list-style:none;
}

.color-scheme-dark a {
    color:#ffffff;
}

.color-scheme-dark {
    color:#ebebeb;
}

.color-scheme-light, .woodmart-dark {
    color:#ebebeb;
}

/*.bb-home-text {
    z-index:10000;
}*/

.banner-title {
    line-height:0.9 !important;
}

footer p {
    font-size:100% !important;
}

.bb-footer-text {
    font-size:150% !important;
}

.bb-footer-text a {
    color:#fbfb3d;
}

.bb-copyright p em {
    font-size:80%;
}

.scrollToTop {
    border-radius:0 !important;
    right:40px !important;
    bottom:40px !important;
    background:url(https://beardsbrewery.com/wp-content/uploads/2020/11/beards-top.png) !important;
    background-size:contain !important;
    box-shadow:none !important;
}

.scrollToTop:hover {
    background:url(https://beardsbrewery.com/wp-content/uploads/2020/11/beards-top-180.png) !important;
    background-size:contain !important;
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.scrollToTop::after {
    content:none !important;
}

/*************** FEEDWIND ***************/

#fw-feed-items-scroll-area {
    background-color:rgba(255, 255, 255, 0) !important;
}

/*************** POSTS ***************/

.entry-header, .entry-meta, .entry-title, .meta-post-categories, .woodmart-single-footer, .woodmart-prefooter {
    display:none;
}

.post-single-page .post-title {
display:none;
}

/*************** ADA ***************/

#accessibility-links {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	margin-right:-5px;
}

#accessibility-links div.scbasebin.screenreader.text {
	background:url('https://beardsbrewery.com/images/screen-reader-symbols_disabled-wheelchair-symbol.png') no-repeat;
	background-size:35px 35px;
}

/*************** MEDIA QUERIES ***************/

@media only screen and (max-width: 1024px) {

.wd-logo img {
    position:relative;
    top:-120px;
    left:0;
    max-height:170px;
}
    
}

@media only screen and (max-width: 767px) {
    
.bb-desktop {
    display:none;
}
    
.bb-mobile {
    display:block;
}

.bb-button {
    padding-left:20%;
    padding-right:20%;
}
    
.bb-hours-top {
    font-size:85%;
}
    
}

@media only screen and (max-width: 480px) {
    
.bb-hours-top {
    font-size:55%;
}
    
.scrollToTop {
    border-radius:0;
    right:5px;
    bottom:50px;
}
    
#fr_screenreader_highcontrast2, #fr_screenreader_highcontrast3, #fr_screenreader_stop, #fr_screenreader_font_family {
	display:none !important;
}
	
#speaker_plugin {
	width:245px !important;
}
    
#accessibility-links.fixed {
    position:relative;
}
    
}