/*!	UTIL
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.text-shadow {
	text-shadow: 1px 1px 2px #444;
}
.text-shadow-dark {
	text-shadow: 1px 1px 2px #000;
}
.text-decoration-underline {
	text-decoration:underline!important;
}
.bg-gray {
	background:#dbdbdb;
}
.required {
	margin-left:0.25rem;
	color:#f2460d;
	font-weight:bold;
}
.cursor-default {
	cursor:default!important;
}
.cursor-pointer {
	cursor:pointer!important;
}
.w-10 {
	width:10%;
}
.w-20 {
	width:20%;
}
.w-30 {
	width:30%;
}
.w-40 {
	width:40%;
}
.w-50 {
	width:50%;
}
.w-60 {
	width:60%;
}
.w-70 {
	width:70%;
}
.w-80 {
	width:80%;
}
.w-90 {
	width:90%;
}
.w-100 {
	width:100%;
}
#loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	cursor: wait;
	z-index: 10000;
}
#loading.boxed {
	background: rgba(0,0,0,0.7);
}
#loading .text {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	text-shadow: 0 0 10px #000;
}
#our-menu-nav-2.fixed-top {
	overflow-y:auto;
	overflow-x:hidden;
	max-height:100%;
	z-index:1025; 
}
#modal-fs .modal-dialog {
	max-width:97%!important;
	height:97%!important;
}

/*!	DATEPICKER
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.datepicker {
	font-size:10px;
}
.datepicker a {
	text-decoration:none;
	color:#2F414A;
}
.datepicker ul {
	padding:0;
	margin:0;
	width:315px;
	list-style:none;
	font-size:13px;
}
.datepicker ul li + li{margin:0;}
.datepicker .year{color:#4e73df;}
.datepicker .nav {
	position:relative;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	background-color: #f5f5f5;
}
.datepicker .nav .disabled {
	cursor: default;
	color: #B5B5B5;
}
.datepicker .row {
	display:block;
	flex-wrap:nowrap;
	margin:0;
}
.datepicker .nav .prev,
.datepicker .nav .next {
	display: block;
	line-height: 30px;
	font-size: 13px;
	cursor: pointer;
}
.datepicker .nav .prev {
	float: left;
	margin-left: 7px;
}
.datepicker .nav .next {
	float: right;
	margin-right: 7px;
}
.datepicker .weekdays {
	border-bottom: 1px solid #f5f5f5;
}
.datepicker .weekdays .day,
.datepicker .week .day {
	display: block;
	float: left;
	width: 14.25%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.datepicker .week .day {
	cursor:pointer;
}
.datepicker .weekdays .day {
	height:24px;
	line-height:24px;
}
.datepicker .week .day.gray {
	color:#ddd;
	cursor:default;
}
.datepicker .week .available:hover,
.datepicker .week .checked {
	background-color: #e9f7ff;
}
.datepicker .week .today {
	background-color: #f5f5f5;
}
.datepicker label {
	margin-bottom:0;
}

/*!	HEADER
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (min-width: 0px) and (max-width: 992px) {
	
	/*** NAVIGATION **/
	.cart-btn.links {
		height:40px;
	}
	#header-nav .navbar-toggler {
		height:40px;
	}
	#header-nav-links .dropdown-menu {
		border:0;
		box-shadow:none;
	}
	#header-nav-links .dropdown-menu a:focus,
	#header-nav-links .dropdown-menu a:hover {
		background:none;
	}
}

/*!	BODY
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header-logo {
	max-height:80px;
	max-width:220px;
}
.masthead {
	margin-top:56px;
}
.modal-backdrop.show {
	opacity:0.8;
}
@media (min-width: 0px) and (max-width: 767.98px) {
	.header-logo {
		max-width:87px;
	}
}
@media (min-width: 976px) and (max-width: 1199.98px) {
	.header-logo {
		max-width:156px;
	}
	.nav-item.rewards + .nav-item.join-us {
		display:none;
	}
}
@media (min-width: 0px) and (max-width: 767.98px) {
    .container{max-width: none;}
	.content.rounded{border-radius:0!important;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.masthead {
		margin-top:89px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.masthead {
		margin-top:82px;
	}
}
@media (min-width: 1200px) {
	.masthead {
		margin-top:89px;
	}
}

/*!	PERSISTENT BUTTONS
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (min-width: 0px) and (max-width: 992px) {
	.persistent-btns + .site-credit {
		padding-bottom:72px!important;
	}
}

/*!	FOOTER
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.btn-social {
	margin:0 3px;
	border-width:2px;
	border-radius: 100%;
	display: inline-flex;
	width: 3.25rem;
	height: 3.25rem;
	font-size: 1.25rem;
	justify-content: center;
	align-items: center;
}