/*!
Theme Name: Dustbowl Brewing Company
Theme URI: http://underscores.me/
Author: MHD Group Inc., Gilberto Cisneros
Author URI: https://mhdgroup.agency
Description: A custom theme for Dustbowl Brewing Company.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dustbowl-brewing-company
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Dustbowl Brewing Company is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url('./core/fonts/leaguegothic-regular-webfont.eot');
    src: url('./core/fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./core/fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('./core/fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('./core/fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Italic */
@font-face {
    font-family: 'League Gothic Italics';
    src: url('./core/fonts/leaguegothic-italic-webfont.eot');
    src: url('./core/fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./core/fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('./core/fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('./core/fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('./core/fonts/leaguegothic-condensed-regular-webfont.eot');
    src: url('./core/fonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./core/fonts/leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('./core/fonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('./core/fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('./core/fonts/leaguegothic-condensed-italic-webfont.eot');
    src: url('./core/fonts/leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./core/fonts/leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('./core/fonts/leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('./core/fonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
}
.location-height {
    min-height: 500px!important;
}
.privacy-policy a {
	
	font-size: 1.4rem!important;
}
.privacy-policy a:hover {
	text-decoration: underline!important;
	
}
.lg { font-family: 'League Gothic'; letter-spacing: 1.1px}

.color-white { color: #f4eadb; }
.bkg-white { background-color: #f4eadb; }
.topbar-accent { background: #003865; background-size: cover;}
.topbar-accent:after { content: ' '; position: absolute; bottom: -10px;height: 20px; width: 100vw; display: block; background: url('./core/images/header_barbed_wire.svg')  center bottom repeat-x; background-size: cover;}
.feature-1, .feature-2, .feature-3, .header .logo-inner, .masonry-set-dimensions .grid-item { overflow: visible!important;}

.header .logo a:hover { opacity: 1!important;}

.header .header, .header .header-inner, .header.header-transparent .header-inner { background-color: transparent;}
.mobile .header, .mobile .header .header-inner { background: transparent;}
.mobile .header  { background: #003865; background-size: cover;}
.mobile .header .topbar-accent:after { content: ' '; position: absolute; bottom: -10px;height: 20px; width: 100vw; display: block; background: url('./core/images/header_barbed_wire.svg')  center bottom repeat-x; background-size: cover;}

.mobile .header, .mobile .header .header-inner {
	background: #003865; background-size: cover;
}
.mobile .header:after { content: ' '; position: absolute; bottom: -10px;height: 20px; width: 100vw; display: block; background: url('./core/images/header_barbed_wire.svg')  center bottom repeat-x; background-size: cover;}

.bkg-orange { background-color: #e04e39; border-color: #e04e39; }
.bkg-hover-orange:hover { background-color: #e04e39; border-color: #e04e39; }

.header-transparent .navigation > ul > li.current-menu-item > a {
	color: #e04e39;
}

.tm-slider-container.tms-carousel>ul>li {
	padding-left: .5rem;
	padding-right: .5rem;
}

.bkg-hover-theme-dark:hover {
	background-color: #15314d;
	border-color: #15314d;
}

.extra-menu li > a{ padding: 0 1rem !important; }

[class*=content-grid] .grid-item {
	padding-left: .5rem;
	padding-right: .5rem;
}

.bkg-white-true { background: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1); }

h4.light { font-weight: 300!important;}

.border-orange {border-color: #e04e39!important;}

.text-uppercase { text-transform: uppercase; }
.bkg-theme-gradient {
	background: rgb(0,56,101);
background: linear-gradient(0deg, rgba(0,56,101,1) 0%, rgba(21,49,77,1) 80%, rgba(21,49,77,1) 100%);
}

.bkg-theme-dark {
	background-color: rgba(21,49,77,1);
	border-color: rgba(21,49,77,1)
}

.post-content.with-background { background-color:  rgb(0,56,101); border-bottom:  1px solid #f4eadb }

.color-theme-light { color: #A4CBE1; }
.color-theme-orange { color: #E04E39; }
.bkg-theme-orange { background-color: #E04E39; }
.b-t { border-top: 4px solid #E04E39; }

.accent-hr { border-color: #E04E39; border-top: 2px solid #E04E39; width: 30px; margin-left: auto; margin-right: auto;}

.bkg-hover-orange { border-color: #E04E39; background-color:#E04E39;}

.footer-top-menu.bkg-theme-orange { background-color: #e04e39; border-color: #e04e39; }

.bkg-white-accent { background: url('./core/images/twister.svg') #f4eadb center center no-repeat; background-size: contain;}

.bkg-theme {
	background: rgb(0,56,101);
}

.a_button { padding: .7rem .5rem; border-color:#f4eadb!important; min-width: 180px!important;}

.bkg-theme-gradient-reverse {
	background: rgb(21,49,77);
	background: linear-gradient(0deg, rgba(21,49,77,1) 0%, rgba(0,56,101,1) 80%, rgba(0,56,101,1) 100%);
}

.navigation .dropdown-list, .navigation .sub-menu {
	background: rgba(0,56,101,1);
}

.navigation .sub-menu:not(.custom-content) a, .navigation .sub-menu.custom-content, .navigation .mega-sub-menu, .navigation .dropdown-list {
	background: rgba(0,56,101,1);
}
.navigation .dropdown-list:not(.custom-content) li a, .navigation .sub-menu:not(.custom-content) li a { color: white;}

.navigation .sub-menu:not(.custom-content) li:hover > a, .navigation .mega-sub-menu:not(.custom-content) ul li:hover > a, .navigation .dropdown-list:not(.custom-content) li:hover a {
	background-color: #e04e39;
}

footer.accent{ background: url('./core/images/db_twister.svg') rgb(0,56,101) left center no-repeat; background-size: contain;}

.accent-promo { background: url('./core/images/db_twister.svg') rgb(0,56,101) right center no-repeat; background-size: contain;}


.fs-14 { font-size: 1.4rem;}
.fs-24 { font-size: 2.4rem;}
.fs-18 { font-size: 1.8rem;}
.fs-16 { font-size: 1.6rem;}
.fs-17 { font-size: 1.7rem;}

.lg h2 { font-family: 'League Gothic'; letter-spacing: 1.1px }
.lg h3 { font-family: 'League Gothic'; letter-spacing: 1.1px }
.lg h4 { font-family: 'League Gothic'; letter-spacing: 1.1px }

.weight-bold h3 { font-weight: bold;}
.weight-normal h4 { font-weight: normal;}

.elementor-divider-separator { border: transparent;}
.elementor-divider { background: url('./core/images/barbed_wire.svg')  center center no-repeat; background-size: contain; border: transparent; height: 3px;}

.uppercase { text-transform: uppercase!important;}
.section-block .hero-content-inner { vertical-align: top!important;}

.section-block .hero-content-inner .title{ min-height: 200px;}

.tabs .tab-nav>li a, .tabs .tab-nav>li.disabled a:hover { border-color: transparent; font-weight: bold; font-size: 1.4rem;}

.tabs.style-2:not(.vertical) .tab-panes{ border-color:  rgba(21,49,77,1);}
.tabs.style-2 .tab-nav > li.active a, .tabs.style-2 .tab-nav > li.active a:hover, .tabs.style-2.vertical .tab-nav > li.active a, .tabs.style-2.vertical.right .tab-nav > li.active a {
	border-color: #E04E39;
}

.location-tap {
	position: absolute;
	bottom: 50px;
	 right: 50px;
	 z-index: 10;
}

a.button.accent:before {
	content: ' ';
	background: url('./core/images/twister_button.svg') rgba(21,49,77,1) left center no-repeat; 
	background-size: contain;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	 border: 4px solid rgba(21,49,77,1);
	display: block;
	position: absolute;
	left: -30px;
	top: -2px;
	bottom: 0;
	
	
}

a.button.accent { position: relative; margin-left: 30px; font-size: 1.3rem;}

.orange-accent { background-color: #E04E39; border-color: #E04E39; color: #fff;}

.lg h4 { font-size: 2.4rem; }

.social-list { font-size: 1.4rem;}
.social-list li { font-size: 1.4rem;}
.social-list li button { font-size: 1.4rem;}


.bkg-hover-theme:hover {
	background-color: #E04E39; border-color: #E04E39!important;
}


.age-gate { position: fixed; top: 0; bottom: 0; right: 0; left:0; z-index: 9999; display: block; 
	background: url('./core/images/db_twister.svg') rgb(0,56,101) center center no-repeat; background-size: contain;}
.age-gate .content-wrapper {
	display: table;
	height: 100vh;
	width: 100vw;
}

.age-gate .content-wrapper .content-block {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


.footer-top-menu .navigation .dropdown-list:not(.custom-content) li a, .footer-top-menu .navigation ul li>a:not(.button) { font-size: 1.6rem;}


.modal-open .wrapper-inner { filter: blur(.3rem); }


.overlay-navigation-inner { width:  100vw;}
.overlay-navigation { padding-bottom: 3rem; }


.btn-theme-orange  a.elementor-button {background-color: #e04e39; border-color: #e04e39; border-radius: 0; text-transform: uppercase }

iframe { background: transparent; width: 100%;}

.ot-dtp-picker { width: 100%!important;}
.ot-dtp-picker input[type="submit"]{ width: 100%;}
.menu-list, .menu-list li { margin-bottom: 0;}


@media only screen and (max-width: 768px) {
	.hero-5.show-media-column-on-mobile .media-column, 
	.hero-5.show-media-column-on-mobile .media-column iframe, 
	.hero-5.show-media-column-on-mobile .media-column video {
		height: auto!important;
	}
	.mt-130 { margin-top: 3rem;}
	
	.section-block, .fullscreen-section .fullscreen-inner, .pagination-2 .pagination-next, .row.xlarge {
		padding-top: 6rem; padding-bottom: 6rem;
	}
	footer.accent{ background: url('./core/images/db_twister.svg') rgb(0,56,101) top center no-repeat; background-size: contain;}

	.row .row { margin-left: auto!important}
	
	.media-column { min-height: 200px;}
	
	.hero-5 .column:first-child:not(.media-column) .split-hero-content { margin-top: 6rem;}
	}


.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator { border-top: 1px solid transparent!important}
 
ul.products  { list-style: none; }
ul.products li { background: #FFFFFF; color: #FFFFFF; }
ul.products li a {  text-align: center; font-size: 1.6rem; position: relative;}
ul.products li a span.price { background: transparent; width: 100%; display: block; padding-bottom: 5px;}
ul.products li.product a h2.woocommerce-loop-product__title { background-color: transparent;  text-align: center; font-size: 1.6rem; margin-bottom: 0; margin-top: 15px;}
ul.products li.product .button { background: #e04e39; border-color: #e04e39; font-size: 1.4rem; text-align: center;}
ul.products li.product .button:hover { background: #000000; color: #ffffff; }
ul.products.columns-3 li { width: 33% }
ul.products.columns-4 li { width: 30%; display: inline-block; margin-right: 2%; margin-bottom: 60px; }
ul.products li img { display: block; margin: auto auto;}

ul.tabs li { display: inline-block; }
ul.tabs { list-style: none; }
ul.tabs li a { background: #003865; padding: 15px; color: white; }
ul.tabs li.active a { background: #E04E39; color: white; }
td.value select{ background: white;padding: 10px 15px;}
td.label { background: transparent; border-color: transparent;}
td.value a { display: inline-block!important; background: #efefef; color: #000000; text-align: center; width: 100%; padding: 3px;}
.woocommerce-variation .single_variation { font-size: 16px; }
.single_variation_wrap { margin-top: 10px; }
.woocommerce-variation-price { font-size: 30px; color: #003865; font-weight: bold; }
div.quantity { display: inline-block;}
div.quantity input { border: solid 2px white; margin-bottom: 0; }
.woocommerce-variation-add-to-cart button { margin-bottom: 0; }
.woocommerce-variation-add-to-cart  { margin-bottom: 10px; }
table.woocommerce-table { text-align: right; }
.woocommerce-order .woocommerce-notice { font-size: 22px; }
.woocommerce-order { background: white; padding: 30px; margin-bottom: 30px; }
.woocommerce-table  { width: 100%; }
.woocommerce-order ul.woocommerce-order-overview { list-style: none; margin-left: 0; }
.woocommerce-table__product-name.product-name { text-align: left;}
.woocommerce-table__product-table.product-total { text-align: right; }
td.woocommerce-table__product-total.product-total { text-align: right; }
tabel tfoot td { text-align: right!important;}

ul.products.columns-4 li {
	text-align: center;
}
.woocommerce { background: white; padding: 30px; margin-bottom: 30px; }

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail img { max-width: 75px;}

.screen-reader-text { display: none; }
.woocommerce-tabs { display: none!important;}

#shipping_method { list-style: none; margin-bottom: 0;}
#payment ul { list-style: none; }
.woocommerce-shipping-destination { display: none; }

#shipping_method input { -webkit-appearance: checkbox; width: 20px; display: inline-block; }
#shipping_method label { display: inline-block; }

ul.products li { background: transparent!important; }

.ah-breadcrumb { list-style: none; margin-left: 0; }
.ah-breadcrumb li { display: inline-block; margin-right: 15px; }

.wc-credit-card-form { max-width: 400px; }
.product-remove .remove { font-size: 2.0rem;}

.stock.in-stock { display: none; }

.woocommerce-result-count { display: none; }
.woocommerce-ordering { display: none; }

.col2-set  { display: inline-block; width: 45%; float: left; margin-right: 5%;}
#order_review_heading { width: 45%; display: inline-block; }
#order_review { width: 45%; display: inline-block;}

.woocommerce-input-wrapper input { border: 1px solid grey; }

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

	ul.products.columns-4 li { width: 98%; display: inline-block; margin-right: 2%; margin-bottom: 60px; }
	.col2-set { width: 100%; }
	#order_review { width: 100%; }
}

span.onsale { display: none!important;}

.checkbox, .radio { opacity: 1; position: relative; }
#ship-to-different-address { display: none!important;}
#wc-stripe-payment-token-new { -webkit-appearance: radio; }
.woocommerce-SavedPaymentMethods-token input { -webkit-appearance: radio; }

.reservation_trigger { 
	
	margin: 0 1.5rem;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.4rem;

	letter-spacing: 0;
	cursor: pointer;
}

.primary-navigation  ul.menu { display: inline;}

ul.menu .reservation_trigger { 
	
	margin: 0 1.5rem;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0;
	cursor: pointer;
}

ul.mobile .reservation_trigger {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.8rem!important;
	
	font-weight: 400!important;
	letter-spacing: 0;
	cursor: pointer;
}

.orange-trigger { padding: 10px 25px!important; font-size: 1.5rem; color: white!important;}

.hidden { display: none;}


.color-white-white { color: #ffffff; }
.header-background .navigation .nav-icon { color: white; }
.header-transparent .navigation .nav-icon { color: white; }

.bkg-theme-blue-dark { background: #15314d; }
.bt-theme-orange { border-top: solid 4px #E04e39; }


.btn-theme-orange a.elementor-button {
	background-color: #15314d;
	border-color: #15314d;
}

.bkg-hover-theme:hover {
	background-color: #f4eadb;
	border-color: #f4eadb;
	color: #15314d!important;
		
}


.orange-accent {
	background-color: #f4eadb;
	border-color: #f4eadb;
	color: #15314d!important;
	font-weight: 700; 
}