:root 
{
	--font_regular: "brandon-grotesque", "helvetica neue", sans-serif;
	--font_regular_size: 16px;
	--font_regular_weight: normal;
	--font_regular_line_height: 1.4rempx;

	--color_background: #ddd;
	--color_text: #1B2936; /* #999; */;
	--color_link: #C53117; /* #e08433 */
	--color_link_hover: #e08433;
	--color_link_active: #e08433;
	--color_link_visited: #C53117;

	--color_special: #C53117 !important; /*#d75f00 */
	--color_cta: #C53117 !important;

	--color_mask: rgba(0, 0, 0, 0.6);

	--color_primary: #C53117; /* #e08433 */
	--color_primary_hover: #f4b223;
	--color_primary_active: #f4b223;
	--color_primary_text: #fff;
	--color_secondary: #1B2936; /* #6c757d; */
	--color_secondary_hover: #5c636a;
	--color_secondary_active: #565e64;
	--color_secondary_text: #fff;

	--color_white: #fff;
	--color_black: #111;
	--color_darkgray: #444649;
	--color_gray: #666; /* #54565a */

	--color_sf: #f4b137 !important;
	--color_sv: #e0843d !important;
	--color_nb: #a5a984 !important;
	--color_co: #95b6bb !important;
	--color_eb: #b096a5 !important;
}

html, body 
{
    background-color: var(--color_background);
    color: var(--color_text);
    font-family: var(--font_regular);
    font-size: var(--font_regular_size);
    font-weight: var(--font_regular_weight);
    line-height: var(--font_regular_line_height);
}

a:not(.btn), a:not(.btn):hover, 
.text-link, .text-link:hover
{
    color: var(--color_primary);
    text-decoration: none;
    font-weight: 600;
}

a:not(.btn):hover, 
.text-link:hover
{
    color: var(--color_primary_hover);
}

.hidden 
{
    display: none;
}

.vert 
{
    display: flex;
    align-items: center;
    justify-content: center;
}


.fa-solid.fa-bookmark 
{
	color:var(--color_special);
}

.fa-solid.fa-star 
{
	color:rgb(220, 53, 69);
}

.fa-star
{
    display: none !important;
}


.text-caps, .text-smallcaps 
{
	font-variant: small-caps; 
}

.section_title 
{
	color: #666;
	font-size:24px; 
	font-weight: 600;
	text-transform:uppercase;
}

.mask-dark 
{
	background-color:var(--color_mask);
}

.divider_transition 
{
	height:2rem; 
	background-image: linear-gradient(var(--color_white), var(--color_background));
}

.row-horiz > .row 
{
	overflow-x: auto;
	white-space: nowrap;
}

.row-horiz > .row 
{
	display: inline-block;
	float: none;
}

.scrolling-wrapper-flexbox 
{
	display: flex;
	flex-wrap: nowrap;
	width:100%px; 
	height:280px; 
	overflow-x: auto;
	-ms-overflow-style: none;  
	scrollbar-width: none; 

	.card_wrapper 
	{
		flex: 0 0 auto;
		width:280px; 
		height:280px; 
		margin-right: 3px;
		overflow: hidden;
	}
}

.scrolling-wrapper-flexbox::-webkit-scrollbar 
{
  display: none;
}



#content
{
	min-height:90vh;
}

.region-bay, 
.region-sf, 
.region-sv, 
.region-nb, 
.region-co, 
.region-eb 
{
	color: var(--color_white);
}
.region-bay 
{
    background-color: var(--color_black) !important;
}
.region-sf 
{
    background-color: var(--color_sf) !important;
}
.region-sv 
{
    background-color: var(--color_sv) !important;
}
.region-nb 
{
    background-color: var(--color_nb) !important;
}
.region-co 
{
    background-color: var(--color_co) !important;
}
.region-eb 
{
    background-color: var(--color_eb) !important;
}

.region_border-
{
    border-color: var(--color_white) !important;
}
.region_border-bay 
{
    border-color: var(--color_black) !important;
}
.region_border-sf 
{
    border-color: var(--color_sf) !important;
}
.region_border-sv 
{
    border-color: var(--color_sv) !important;
}
.region_border-nb 
{
    border-color: var(--color_nb) !important;
}
.region_border-co 
{
    border-color: var(--color_co) !important;
}
.region_border-eb 
{
    border-color: var(--color_eb) !important;
}











#marquee
{
	position:relative; 
}
#marquee, #marquee>div, #marquee>img
{
	margin:0; 
	padding:0; 
	border:0;
}
#marquee>div, #marquee>img
{
	width:100%;
}

#marquee .caption
{
	position:absolute; 
	bottom:15px; 
	right:15px; 
	width:35%; 
    height: 2.4rem;
	max-width:420px; 
	padding:0.4rem; 
	padding-left:10px; 
	border-left:14px solid #fff; 
	background:rgba(0,0,0,0.8); 
	color: var(--color_white); 
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0.3px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



nav.navbar  
{
	width:100%;
	height:80px; 
	background-color:var(--color_white); 
}

nav.navbar, 
nav.navbar div
{
	margin:0; 
	padding:0; 
	border:0;
}

nav.navbar>div, nav.navbar div.row
{
	width:100%;
}

nav.navbar>div.row  
{
	width:100%;
	height:80px;
	margin:0; 
	padding:0; 
	border:0; 
}

nav.navbar div.menu_accent 
{
	position:absolute;
	top:0; 
	left:0; 
	width:100%; 
	height:13px; 
	z-index: 1020;
}

nav.navbar div.menu_accent div
{
	margin-right:4px;
	color: var(--color_white); 
}

nav.navbar div.menu_accent div:last-child
{
	margin-right:0;
}

nav.navbar div.menu_nav 
{
	position:absolute;
	top:0; 
	left:0; 
	width:100%; 
	height:80px !important;
	transition: height .2s;
	z-index:2; 
}

nav.navbar div.menu_nav div.logo_box
{
	max-width:300px; 
	padding:16px 10px 0px 10px;
}

#nav_logo
{
	z-index:9999;
}

nav.navbar div.menu_nav img
{
	max-width:120px; 
	transition: max-width .6s;
	overflow:visible; 
}

body .bg-filters
{
	padding-top:80px;
}

body .bg-filters h1
{
	display:none;
}

body .bg-filters button, body .bg-filters a.ctrl, body .bg-filters a.ctrl_cal
{
    background-color: var(--color_background);
}

body .bg-filters button.ctrl_babg
{
	background-color:transparent; 
}

body.is_stuck nav.navbar div.menu_nav 
{
	height:134px !important; 
	background-color:var(--color_white); 
}

.controls img.babg_member 
{
	max-width:26px !important;
}


@media (min-width: 991.98px)
{

	nav.navbar div.menu_nav div.logo_box
	{
		padding:6px 20px 0;
	}

	body1 nav.navbar div.menu_nav div.logo_box img
	{
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	}

	body1.is_stuck nav.navbar div.menu_nav div.logo_box img
	{
		box-shadow: none !important;
	}

	body .bg-filters
	{
		padding-top:84px;
	}

	body.is_stuck .bg-filters 
	{
		padding-top:0;
	}
	
	body .bg-filters .ctrl_region.active
	{
		border-bottom: 4px solid var(--color_special) !important;
	}


	body.is_stuck .bg-filters .ctrl_options
	{
		position:fixed; 
		right:1rem;
		top:84px;
		max-width:75%;
		z-index: 1020;
		padding-right:5px !important;
	}

	body .bg-filters h1
	{
		display:inline;
		z-index:1;
	}
	
	body.is_stuck #content 
	{
		padding-top:150px !important;
	}


}


nav.navbar div.menu_box 
{
	padding-top:40px;
	padding-left:1rem;
}

nav.navbar div.acct_box 
{
	padding-top:28px;
	padding-right:1rem;
}

nav.navbar div.menu_box, 
nav.navbar div.acct_box 
{
	height:100%;
	text-transform:uppercase;
}

nav.navbar div.menu_options, 
nav.navbar div.menu_box ul.nav, 
nav.navbar div.acct_box ul.nav 
{
	flex-wrap: nowrap;
}

nav.navbar div.menu_box a.nav-link, 
nav.navbar div.acct_box a.nav-link 
{
	padding:0;
	margin-right:1rem;
	padding-right:1rem;
	color:#666; 
	font-size:18px; 
	font-weight:600; 
    letter-spacing: 0.5px;
	transition: font-size .6s, padding .2s;
	white-space:nowrap;
}

nav.navbar div.acct_box a.nav-link 
{
	margin-top:16px;
	font-size:14px; 
	font-weight:400; 
}

nav.navbar div.acct_box a.fa-stack
{
	transition: font-size .6s, padding .2s;
}

nav.navbar div.acct_box a>i
{
	margin-top:9px;
}

nav.navbar a.nav-link.active 
{
	text-decoration:underline; 
	text-decoration-color: var(--color_link);
	text-decoration-thickness: 3px; 
	text-underline-offset:0.3rem; 
}

nav.navbar div.acct_box a.nav-link.active 
{
    font-weight: 600;
	text-decoration-thickness: 4px; 
}

nav.navbar div.menu_box a.nav-link:not(.active):hover, 
nav.navbar div.acct_box a.nav-link:not(.active):hover
{
	color:#333; 
    font-weight: 600;
	text-decoration:underline; 
	text-decoration-color: var(--color_link);
	text-decoration-thickness: 1px; 
	text-underline-offset:0.3rem; 
}

#nav_mobile_btn
{
	float:right;
	width:100%;
	height:80px;
	margin:0;
	padding:34px 2rem 0 0;
	color: var(--color_link);
	text-align:right;
} 

#nav_mobile_btn>span
{
	font-size:24px; 
	font-weight:500;
}

#nav_mobile_btn>i 
{
	margin-top:10px !important;
}

@media (max-width: 991.98px)
{
	nav.navbar div.menu_nav img
	{
		max-width:100px; 
	}
}

@media (min-width: 992px) and (max-width: 1100px)
{
	
	nav.navbar div.menu_box a.nav-link
	{
		padding-right:0.5rem;
		font-size:16px; 
	}

	nav.navbar div.acct_box a.nav-link
	{
		margin-right:0.5rem;
		padding-right:0.5rem;
	}
}

@media (min-width: 768px) and (max-width: 991.98px)
{
	nav.navbar div.menu_box a.nav-link, 
	nav.navbar div.acct_box a.nav-link 
	{
		margin-right:0.5rem;
		padding-right:0.5rem;
	}
	nav.navbar div.menu_box a.nav-link 
	{
		padding-top:2px;
		font-size:15px; 
	}
	nav.navbar div.acct_box a.nav-link 
	{
		font-size:12px; 
	}
	nav.navbar div.acct_box a.fa-stack
	{
		padding-top:2px;
		font-size:0.8rem;
	}

	body.is_stuck .bg-filters 
	{
		padding-top:0;
	}
	
	body.is_stuck .bg-filters .ctrl_options
	{
		position:fixed; 
		right:2rem;
		top:84px;
		z-index: 1020;
	}

	body.is_stuck #content 
	{
		padding-top:150px !important;
	}

}


@media (min-width: 768px) and (max-width: 800px)
{
	nav.navbar div.menu_box a.nav-link, 
	nav.navbar div.acct_box a.nav-link 
	{
		margin-right:0.4rem;
		padding-right:0.3rem;
	}
	nav.navbar div.menu_box a.nav-link 
	{
		font-size:14px; 
	}
	nav.navbar div.acct_box a.nav-link 
	{
		font-size:12px; 
	}

}


@media (max-width: 767.98px)
{
	nav.navbar div.menu_nav img
	{
		max-height:70px; 
		margin-top:-4px;
	}

	nav.navbar div.menu_options, 
	nav.navbar div.menu_box, 
	nav.navbar div.acct_box 
	{
		height: auto;
		margin:0; 
		padding:0;
	}

	nav.navbar div.menu_options, 
	nav.navbar div.menu_box ul.nav, 
	nav.navbar div.acct_box ul.nav 
	{
		flex-wrap: wrap;
	}

	nav.navbar div.menu_box ul.nav li, 
	nav.navbar div.acct_box ul.nav li 
	{
		display:block;
		width:100%;
		margin:0; 
		padding:0 1.5rem 0.5rem;
	}

	nav.navbar div.menu_box ul.nav:fisrt-child  li
	{
		width:80% !important;
	}

	nav.navbar div.menu_box a.nav-link, 
	nav.navbar div.acct_box a.nav-link 
	{
		display:block;
		width:100%;
		margin:0;
		padding:0;
		color:#666; 
		font-size:18px; 
		font-weight:600; 
		text-align:right;
	}

	nav.navbar div.acct_box ul.nav li.nav_social
	{
		width:auto; 
		float:right; 
		padding:0 0.5rem 0.5rem 0;
		text-align:right;
	}

	nav.navbar div.acct_box ul.nav li:first-child
	{
		margin-top:1.5rem;
	}

	nav.navbar div.acct_box ul.nav li.nav_social:last-child
	{
		padding:0 1.5rem 0.5rem 0;
	}

	.ctrl_options
	{
	}

	.bg-filters button, .bg-filters a
	{
		padding:6px 8px;
	
	}
	body .sticky-top.bg-filters
	{
		padding-right:0 !important;
		z-index:999;
	}

	body .sticky-top.bg-filters
	{
/*
		background-color:white !important; 
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
*/
		z-index: 999 !important;
	}


	body.is_stuck .bg-filters .ctrl_options
	{
		right:0;
	}

	body.is_stuck nav.navbar div.menu_nav 
	{
		height:80px !important; 
/*		box-shadow:none !important; */
	}

	body #content 
	{
		padding-top:80px !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}


}

nav.navbar div.menu_box a.nav-link, nav.navbar div.acct_box a.nav-link
{
	z-index: 9999 !important;
}


item:hover
{
	cursor:pointer; 
}

.item_push:hover
{
	transform: scale(0.99);
}

.img-zoom 
{
	transition: transform .6s;
}

.card:hover .img-zoom 
{
	transform: scale(1.3);
}

.card.profile, 
.card.activity
{
	background-color:var(--color_white);
	color: var(--color_gray);
	font-size: 1rem;
	transition: transform .3s;
}

.card.profile, 
.card.profile .card-body, 
.card.profile .card-body .logo, 
.card.profile .card-body .clapboard, 
.card.profile .card-body .controls, 
.card.activity, 
.card.activity .card-img-top, 
.card.activity .card-body, 
.card.activity .card-body .slate, 
.card.activity .card-body .clapboard, 
.card.activity .card-body .controls 
{
	margin: 0; 
	padding: 0; 
	border: 0; 
	overflow: hidden;
}

.card.profile .card-body .logo, 
.card.profile .card-body .clapboard, 
.card.profile .card-body .controls, 
.card.activity .slate, 
.card.activity .clapboard, 
.card.activity .controls
{
	height:7.5rem;
}

.card.profile .clapboard .info, 
.card.profile .controls .options, 
.card.activity .slate .date, 
.card.activity .clapboard .info, 
.card.activity .controls .options
{
	height: 5.4rem;
}

.card.profile .clapboard .loc, 
.card.profile .controls .region, 
.card.activity .slate .time, 
.card.activity .clapboard .loc, 
.card.activity .controls .region
{
	height: 2.1rem;
}

.card.profile .logo 
{
	width: 7.5rem;
	padding: 0rem;
}

.card.activity .slate 
{
	width: 5.5rem;
	background-color: #55575b;
	color: #ccc;
	font-size: 1.1rem;
	font-variant: small-caps;
	font-weight: 400;
	text-transform: lowercase;
}

.card.activity .slate .date 
{
	letter-spacing:1px;
}

.card.activity .slate .time 
{
	background-color:#434343; 
}

.card.activity .slate .flgr
{
	color: #fff;
}

.card.activity .slate .date .flgr
{
	margin-bottom:-4px; 
	padding:3px 0;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.5rem;
}

.card.activity .slate .time .flgr
{
	margin-right:2px; 
	font-size: 1rem;
}

.card.profile .clapboard, 
.card.activity .clapboard
{
	font-size: 1rem;
	font-weight: 400;
}

.card.profile .clapboard .info, 
.card.activity .clapboard .info
{
	padding:0.3rem 0.5rem; 
	font-size: 0.9rem;
	line-height: 1.2rem;
}

.card.profile .card-body .title, 
.card.activity .card-body .title 
{
	margin-bottom:0.1rem; 
	color: var(--color_text); 
	font-size: 1.2rem;
	font-weight: 500;
	line-height: auto;
}

.card.profile .clapboard .loc, 
.card.activity .clapboard .loc
{
	padding:0 0.5rem; 
	color: var(--color_text); 
	font-size: 0.9rem;
}

.card.profile .clapboard .loc i, 
.card.activity .clapboard .loc i
{
	margin-right:0.1rem;
}

.card.profile .clapboard .title, 
.card.profile .clapboard .desc, 
.card.activity .clapboard .title, 
.card.activity .clapboard .desc
{

	min-height: 1.25rem;
	max-height: 2.5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.card.profile .clapboard .title, 
.card.activity .clapboard .title
{
	max-height: 3rem;
}

.card.profile .clapboard .title, 
.card.profile .clapboard .desc, 
.card.profile .clapboard .loc, 
.card.activity .clapboard .title, 
.card.activity .clapboard .desc, 
.card.activity .clapboard .loc
{
	overflow: hidden;
	text-overflow: ellipsis;
}

.card.profile .controls, 
.card.activity .controls 
{
	width: 2.3rem;
}

.card.profile .controls .options, 
.card.activity .controls .options
{
	padding-top:0.6rem;
}

.card.profile .controls .options i, 
.card.activity .controls .options i
{
	margin-bottom:0.5rem;
}

.card.profile .controls .region, 
.card.activity .controls .region
{
	color: #fff;
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: uppercase;
}

.card.profile img.babg_brand 
{
	position:absolute; 
	bottom:-22px; 
	right:-20px; 
	width:120px; 
	opacity:0.2; 
	transform:rotate(-25deg);
	z-index:3; 
}

.card.profile .clapboard, .card.profile .loc, .card.profile .controls 
{
	z-index:5;
}

.card.activity.activity_single  
{
	max-width:800px;
}

.card.activity.activity_single .slate 
{
	height:11rem;
}

.card.activity.activity_single .slate .date
{
	height: 5.4rem;
}

.card.activity.activity_single .slate .time 
{
	height: 2.1rem;
}

.card.activity.activity_single .clapboard, 
.card.activity.activity_single .controls
{
	height:auto;
}

.card.activity.activity_single .region 
{
	height:3.5rem;
	line-height: 1rem;
}

@media only screen and (max-width: 720px) 
{
	.card.profile .card-body .logo
	{
		display:block; 
		width: 100%;
		height: auto;
		padding: 0rem;
	}

	.card.profile .clapboard 
	{
		clear:both;
		width: calc(100% - 2.3rem); 
		flex: none;
	}
	
}

.card.beer {
	position:relative; 
	width:100%; 
	margin:0; 
	padding:0 
	border:0;
	background-color:transparent;
	color: #fff;
	font-size: 1rem;
	overflow:hidden;
	}

.card.beer:hover
{
	cursor:pointer; 
	overflow:hidden;
}

.card.beer img 
{
	transition: transform .6s;
}

.card.beer:hover img 
{
	transform: scale(1.3);
}

.card.beer .head 
{
	position:absolute; 
	top:0; 
	left:0; 
	min-width:100%; 
	padding:0 0.5rem; 
	color:#fff; 
	font-size:1rem; 
	font-weight:400;
	line-height:2rem; 
}

.card.beer .title
{
	float:left; 
	display:inline-block; 
	width:100%;
	text-align: center;
}

.card.beer .foot
{
	position:absolute;
	bottom:0; 
	left:0; 
	width:100%;
	height:2rem; 
	color: #fff;
	font-size: 0.9rem;
	line-height:2rem; 
	text-align: center;
}

.card.beer .loc
{
	float:left; 
	display:inline-block; 
	width:calc(75% - 2.3rem);
	padding:0rem 0.75rem; 
	line-height:2rem; 
	text-align: left;
}

.card.beer .loc i
{
	font-size:0.6rem; 
}

.card.beer .controls
{
	float:right; 
	display:inline-block; 
	width:2rem; 
	height:2rem; 
	color: #fff;
	font-size: 0.9rem;
	font-weight: 400;
	line-height:2rem; 
	text-align: center;
	text-transform: uppercase;
}

.card.beer.beer_single 
{
    color: var(--color_text);
}

.card.beer.beer_single:hover, .card.beer.beer_single:hover img 
{
	transform: none;
}

.card.beer.beer_single .controls
{
	float:right; 
	display:inline-block; 
	width: 3rem;
	height:100%; 
    color: var(--color_text);
	font-size: 0.9rem;
}


.card.beer.beer_single .controls .options
{
	padding-top:0.4rem;
}

.card.beer.beer_single .controls .options i
{
	margin-bottom:0.5rem;
}



#marquee1 {
    position: relative;
    background-color: #D99A2A;
    background-size: cover !important;
    background-position: 50% 50%;
    background-repeat: no-repeat !important;
}

#marquee1 div.bug {
    position: absolute;
    top: calc(100% - 4rem);
    left: 70%;
    width: 30%;
    height: 2rem;
    text-align: right;
}

#marquee1 div.caption {
    display: block;
    height: 2.4rem;
    padding: 0.4rem;
    border-left: 10px solid #EEA31B;
    background-color: rgba(60, 60, 60, 0.8);
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0.3px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#marquee1 div.bug_logo {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 12rem;
    height: 12rem;
    border: 1px solid #777;
    background-color: #fff;
    opacity: 0.8;
}

@media screen and (max-width: 1200px) {
    #marquee1 div.bug_logo {
        width: 9rem;
        height: 9rem;
    }
}

@media screen and (max-width: 920px) {
    #marquee1 div.bug {
        left: 65%;
        width: 35%;
    }

    #marquee1 div.bug_logo {
        width: 6rem;
        height: 6rem;
    }
}

@media screen and (max-width: 768px) {
    #marquee1 div.bug {
        left: 60%;
        width: 40%;
    }

    #marquee1 div.bug_logo {
        width: 5rem;
        height: 5rem;
    }

    #marquee1 div.caption {
        font-weight: 400;
        letter-spacing: auto;
    }
}





.text-small
{
	font-size:0.7rem;
}





footer 
{
	padding: 1rem 0;
	background-color: #333;
	color: #aaa;
}

footer a.nav-link
{
	display:block; 
	padding:0.5rem 1rem;
	color:#aaa;
}

footer a.nav-link
{
	display:block; 
	padding:0.5rem 1rem;
	color:#aaa;
}


.btn-primary {background-color: var(--color_primary); border-color:var(--color_primary); color:var(--color_primary_text);} 
.btn-primary:hover {background-color: var(--color_primary_hover); border-color:var(--color_primary_hover); color:var(--color_primary_text);} 
.btn-primary:active {background-color: var(--color_primary_text); border-color:var(--color_primary_text); color:var(--color_primary_text);} 
.btn-primary.disabled {background-color:#aaa; border-color:#e08433; color:#fff;} 
.btn-secondary {background-color: var(--color_secondary); border-color:var(--color_secondary); color:var(--color_secondary_text);} 
.btn-secondary:hover {background-color: var(--color_secondary); border-color:var(--color_secondary); color:var(--color_secondary_text);} 
.btn-secondary:active {background-color: var(--color_secondary_active); border-color:var(--color_secondary_active); color:var(--color_secondary_text);} 
.btn-secondary.disabled {background-color:#aaa; border-color:#e08433; color:#fff;} 

.btn-outline-primary {border-color:var(--color_primary); color:var(--color_primary);} 
.btn-outline-primary:hover {background-color: var(--color_primary_hover); border-color:var(--color_primary_hover); color:var(--color_primary_text);} 
.btn-outline-primary:active {background-color: var(--color_primary_text); border-color:var(--color_primary_text); color:var(--color_primary_text);} 

.btn-outline-secondary {border-color:var(--color_secondary); color:var(--color_secondary);} 
.btn-outline-secondary:hover {background-color: var(--color_secondary); border-color:var(--color_secondary); color:var(--color_secondary_text);} 
.btn-outline-secondary:active {background-color: var(--color_secondary_active); border-color:var(--color_secondary_active); color:var(--color_secondary_text);} 


.btn-link {color:var(--color_link);} 
.btn-link:hover {color:var(--color_link_hover);} 
.btn-link:active {color:var(--color_link_active);} 
.btn-link:visited {color:var(--color_link_visited);} 

.bg-darkgray 
{
    background-color: var(--color_darkgray);
}
.bg-gray 
{
    background-color: var(--color_gray);
}



#calendar div.cal_day {width:14%;border-right:0.5px solid #dfdfdf;} 
#calendar div.cal_today {border-left:2px solid #999;} 
#calendar div.head div:first-child {padding:4px 8px 0; font-size:20px; text-align:right; text-transform:uppercase;} 
#calendar div.head div:first-child sup {margin:3px 4px; color:#aaa; font-size:12px;} 
#calendar div.head div:first-child span {float:left; font-size:18px; font-weight:600; } 
#calendar div.head a {color:#fff;} 
#calendar div.head div {color: var(--color_white); text-align:center; word-spacing:nowrap;} 
#calendar div.head div.slate {background-color: var(--color_darkgray);} 
#calendar div.head div.day_guide {background-color: var(--color_gray);} 
#calendar div.cal_day {}

#calendar div.card[data-fav="1"] span {display:block; position:absolute; top:-3px; right:-1px; width: 0.7rem; height: 0.7rem; margin:0; padding: 0.7rem;background: linear-gradient(225deg, #BF5A22 0.7rem, transparent 0); background-position: left; z-index:10;}

#calendar div.soldout {height:11px; margin:0; background-color:#bb2601; color:#fff; font-size:9px; font-weight:600; letter-spacing:1px; line-height:11px; text-align:center; } 
#calendar_grid_none {display:none;}
@media screen and (min-width:768px) and (max-width:1080px) 
{
	.calendar div.head div:first-child {font-size:18px;} 
	.calendar div.head div:first-child sup {font-size:12px;} 
	.calendar div.head div:first-child span {font-size:14px;} 
} 
@media screen and (min-width:768px) and (max-width:920px) 
{
	.calendar div.head div:first-child {font-weight:400;} 
	.calendar div.head div:first-child sup {font-size:9px;} 
	.calendar div.head div:first-child span {font-weight:400;} 
} 
@media screen and (max-width:768px) 
{
	#calndar_grid_none1 {display:none !important;}
} 
	
#independent 
{
	width: 100%;
	height: 620px;
	margin: 0;
	padding: 30px;
	background: url("/images/site/BABG_BeerTopView.png");
	background-size: cover;
	background-position: center center;
	text-align: center;
}