/*!
Theme Name: shocktop-beer
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shocktop-beer
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.

shocktop-beer is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* @font-face {
    font-family: 'aracne_cond';
    src: url('webfonts/antipixel_-_aracne_cond_reg-webfont.eot');
    src: url('webfonts/antipixel_-_aracne_cond_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/antipixel_-_aracne_cond_reg-webfont.woff2') format('woff2'),
         url('webfonts/antipixel_-_aracne_cond_reg-webfont.woff') format('woff'),
         url('webfonts/antipixel_-_aracne_cond_reg-webfont.ttf') format('truetype'),
         url('webonts/antipixel_-_aracne_cond_reg-webfont.svg#aracne_cond_regCnRg') format('svg');
    font-weight: normal;
    font-style: normal;

} */

@font-face {
    font-family: 'aracne_cond';
    src: url('webfonts/antipixel_-_aracne_cond_reg-webfont-webfont.eot');
    src: url('webfonts/antipixel_-_aracne_cond_reg-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('webfonts/antipixel_-_aracne_cond_reg-webfont-webfont.woff2') format('woff2'),
        url('webfonts/antipixel_-_aracne_cond_reg-webfont-webfont.woff') format('woff'),
        url('webfonts/antipixel_-_aracne_cond_reg-webfont-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'lito_print';
    src: url('webfonts/borutta_group_-_lito_print-webfont.eot');
    src: url('webfonts/borutta_group_-_lito_print-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/borutta_group_-_lito_print-webfont.woff2') format('woff2'),
         url('webfonts/borutta_group_-_lito_print-webfont.woff') format('woff'),
         url('webfonts/borutta_group_-_lito_print-webfont.ttf') format('truetype'),
         url('webfonts/borutta_group_-_lito_print-webfont.svg#lito_printregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archivo_narrow';
    src: url('webfonts/ArchivoNarrow-Bold.eot');
    src: url('webfonts/ArchivoNarrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/ArchivoNarrow-Bold.woff2') format('woff2'),
        url('webfonts/ArchivoNarrow-Bold.woff') format('woff'),
        url('webfonts/ArchivoNarrow-Bold.ttf') format('truetype'),
        url('webfonts/ArchivoNarrow-Bold.svg#ArchivoNarrow-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'archivo_narrow';
    src: url('webfonts/ArchivoNarrow-BoldItalic.eot');
    src: url('webfonts/ArchivoNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('webfonts/ArchivoNarrow-BoldItalic.woff2') format('woff2'),
        url('webfonts/ArchivoNarrow-BoldItalic.woff') format('woff'),
        url('webfonts/ArchivoNarrow-BoldItalic.ttf') format('truetype'),
        url('webfonts/ArchivoNarrow-BoldItalic.svg#ArchivoNarrow-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'archivo_narrow';
    src: url('webfonts/ArchivoNarrow-Italic.eot');
    src: url('webfonts/ArchivoNarrow-Italic.eot?#iefix') format('embedded-opentype'),
        url('webfonts/ArchivoNarrow-Italic.woff2') format('woff2'),
        url('webfonts/ArchivoNarrow-Italic.woff') format('woff'),
        url('webfonts/ArchivoNarrow-Italic.ttf') format('truetype'),
        url('webfonts/ArchivoNarrow-Italic.svg#ArchivoNarrow-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'archivo_narrow';
    src: url('webfonts/ArchivoNarrow-Regular.eot');
    src: url('webfonts/ArchivoNarrow-Regular.eot?#iefix') format('embedded-opentype'),
        url('webfonts/ArchivoNarrow-Regular.woff2') format('woff2'),
        url('webfonts/ArchivoNarrow-Regular.woff') format('woff'),
        url('webfonts/ArchivoNarrow-Regular.ttf') format('truetype'),
        url('webfonts/ArchivoNarrow-Regular.svg#ArchivoNarrow-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
    --brand-blue:#002748;
    --brand-orange:#F07B22;
    --brand-light-orange:#FCB22D;
	--brand-dark-orange: #CC6212;
    --brand-yellow:#FAED03;
    --brand-red:#EE2C24;
    --brand-white:#FFFFFF;
    --body-text:'archivo_narrow';
    --heading-text:'lito_print';
    --base-text:'aracne_cond';
	--text-upper: uppercase;
}

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
*,*:hover,*:focus{
	outline: none !important;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}
body.noScroll{
	overflow: hidden !important;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--brand-white);
	font-size: 24px;
    line-height: 1.16em;
    font-family: var(--body-text);
	font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
.header-typ1,
.header-typ2,
.header-typ3,
.header-typ4,
.header-typ5,
.header-typ6 {
	clear: both;
	font-family: var(--heading-text);
	font-weight: normal;
	text-transform: var(--text-upper);
	margin-block-start: .5rem;
    margin-block-end: 1rem;
}
.blue{
	color: var(--brand-blue) !important;
}
.white{
	color: var(--brand-white) !important;
}
.yellow{
	color: var(--brand-yellow) !important;
}
.cms-container h1:first-of-type,
.cms-container h2:first-of-type,
.cms-container h3:first-of-type,
.cms-container h4:first-of-type,
.cms-container h5:first-of-type,
.cms-container h6:first-of-type,
.cms-container .header-typ1:first-of-type,
.cms-container .header-typ2:first-of-type,
.cms-container .header-typ3:first-of-type,
.cms-container .header-typ4:first-of-type,
.cms-container .header-typ5:first-of-type,
.cms-container .header-typ6:first-of-type{
	margin-block-start: 0px;
}
h1,
.header-typ1{
	font-size: 100px;
	line-height: 0.9em;
}
h2,
.header-typ2{
	font-size: 80px;
	line-height: 1em;
}
h3,
.header-typ3{
	font-size: 55px;
	line-height: 1em;
}
h4,
.header-typ4{
	font-size: 40px;
	line-height: 0.95em;
}
h5,
.header-typ5{
	font-size: 32px;
	line-height: 1.21em;
}
h6,
.header-typ6{
	font-size: 18px;
	line-height: 1.11em;
}


p {
	margin-bottom: 20px;
    margin-top: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
	display: block;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: var(--brand-light-orange);
	text-decoration: none;
	display: inline-block;
}

a:visited {
	/* color: #800080; */
}

a:hover,
a:focus,
a:active {
	/* color: #191970; */
	color: var(--brand-light-orange);
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.container,
.container-small,
.container-medium,
.container-fluid,
.cms-container{
	max-width: 1410px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}
.container-small{
	max-width: 900px;
}
.cms-container{
	max-width: 930px;
}
.container-medium{
	max-width: 1525px;
}
.container-fluid{
	max-width: 1960px;
}
.entry-header .entry-title,
.page-header .page-title{
	text-align: center;
	margin:0px;
}
.entry-header .entry-title p:last-child,
.page-header .page-title p:last-child{
	margin-bottom: 0px;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,
.header-typ1 span,.header-typ2 span,.header-typ3 span,.header-typ4 span,.header-typ5 span,.header-typ6 span,
.header-typ1 b,.header-typ2 b,.header-typ3 b,.header-typ4 b,.header-typ5 b,.header-typ6 b,
.header-typ1 strong,.header-typ2 strong,.header-typ3 strong,.header-typ4 strong,.header-typ5 strong,.header-typ6 strong{
	color: var(--brand-light-orange);
	font-weight: inherit;
}
.cms-wrapper .common-padding{
	position: relative;
	overflow: hidden;
	padding-top: 75px;
	padding-bottom: 135px;
}
.detail-page-wrapper .cms-wrapper .common-padding{
	padding-top: 40px;
}
.has-black-dot,
.has-orange-dot,
.has-orange-dot-bottom-left,
.has-orange-dot-bottom-right,
.has-black-dot-left,
.has-black-dot-right,
.has-orange-dot-right{
	position: relative;
	overflow: hidden;
}
.has-orange-dot::before{
	content: '';
	display: inline-block;
	background: url('images/cms-wrapper-textuer-orange-left.svg') no-repeat left bottom;
	width: 108px;
	height: 1038px;
	position: absolute;
	left: 0px;
	bottom:0px;
	z-index: 0;
}
.has-orange-dot::after{
	content: '';
	display: inline-block;
	background: url('images/cms-wrapper-textuer-orange-right.svg') no-repeat right top;
	width: 108px;
	height: 1038px;
	position: absolute;
	right: 0px;
	top:0px;
	z-index: 0;
}
.has-black-dot::before{
	content: '';
	display: inline-block;
	background: url('images/black-dot-top-vector.svg') no-repeat right top;
	width: 1080px;
	height: 85px;
	position: absolute;
	right: 0px;
	top:0px;
	z-index: 0;
}
.has-black-dot::after{
	content: '';
	display: inline-block;
	background: url('images/black-dot-bottom-vector.svg') no-repeat left top;
	width: 1080px;
	height: 85px;
	position: absolute;
	left: 0px;
	bottom: -34px;
	z-index: 0;
}
.has-orange-dot-bottom-left::after{
	content: '';
	display: inline-block;
	background: url('images/orange-dot-bottom-left-vector.svg') no-repeat left top;
	width: 1091px;
	height: 109px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
}
.has-orange-dot-bottom-right::after{
	content: '';
	display: inline-block;
	background: url('images/orange-dot-bottom-right-vector.svg') no-repeat right top;
	width: 1091px;
	height: 109px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 0;
}
.has-black-dot-left::before{
	content: '';
	display: inline-block;
	background: url('images/black-dot-left-vector.svg') no-repeat left top;
	width: 59px;
	height: 745px;
	position: absolute;
	left: 0px;
	top:0px;
	z-index: 0;
}
.has-black-dot-right::after{
	content: '';
	display: inline-block;
	background: url('images/black-dot-right-vector.svg') no-repeat right bottom;
	width: 59px;
	height: 745px;
	position: absolute;
	right: 0px;
	bottom:0px;
	z-index: 0;
}
.has-orange-dot-right::after{
	content: '';
	display: inline-block;
	background: url('images/orange-dot-right-vector.svg') no-repeat right bottom;
	width: 108px;
	height: 780px;
	position: absolute;
	right: 0px;
	top:0px;
	z-index: 0;
}
.has-black-dot > *, .has-orange-dot > *, .has-orange-dot-bottom-left > *, .has-orange-dot-bottom-right > *, .has-black-dot-left > *, .has-black-dot-right > *, .has-orange-dot-right > * {
    position: relative;
    z-index: 2;
}
.callout-top-blue-border{
	position: relative;
	overflow: hidden;
}
.callout-top-blue-border::before{
	content: '';
	background: url('images/callout-top-blue-border.svg') repeat-x center bottom;
	display: inline-block;
	width: 100%;
	height: 93px;
	position: absolute;
	left: 0;
	right: 0;
	top: -73px;
	background-size: cover;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	/* width: 200px; */
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 992px) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 60px 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.base-text{
	font-family: var(--base-text);
	font-size: 45px;
	line-height: 1.11em;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	color: var(--brand-blue);
}
.text-center{
	text-align: center;
}
.j-center{
	justify-content: center;
}
.orange-bg{
	background-color: var(--brand-orange);
}
.common-padding{
	padding-top: 90px;
	padding-bottom: 90px;
}
.pagination.custom-pagination{
	margin-top: 80px;
}
.pagination .page-numbers{
	padding:0px;
	list-style-type:none;
	margin:0px;
	text-align:center;
}
.pagination .page-numbers li{
	display:inline-block;
	vertical-align:middle;
	margin:5px;
}
.pagination .page-numbers li .page-numbers,
body .elementor-pagination .page-numbers{
	display:block;
	background-color:var(--brand-orange);
	border-radius:5px;
	padding:0px;
	height:40px;
	width:40px;
	line-height:40px;
	color:var(--brand-white);
	font-size: 18px;
}
body .elementor-pagination .page-numbers{
	display:inline-block;
}
.pagination .page-numbers li .page-numbers:hover,
.pagination .page-numbers li .page-numbers.current,
body .elementor-pagination .page-numbers:hover,
body .elementor-pagination .page-numbers.current{
	background-color: var(--brand-dark-orange);
	color:var(--brand-white);
}
.pagination .page-numbers li .page-numbers.current{
	font-weight:bold;
}
/* Button */
.btn,
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"]{
	display: inline-block;
	font-size: 24px;
	/* line-height: 0.8em; */
	line-height: 1;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	font-family: var(--heading-text);
	font-weight: 400;
	color: var(--brand-white);
	background-color: var(--brand-orange);
	/*padding: 23px 30px;*/
	padding:18px 30px 23px 30px;
	min-width: 266px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	border:none;
	cursor: pointer;
}
.btn:hover,
button:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover{
	color:var(--brand-white);
	background-color:var(--brand-dark-orange);
}
.btn.btn-small{
	padding: 6px 15px;
	font-size: 18px;
	min-width: 130px;
}
.btn i{
	display: inline-block;
	vertical-align: middle;
	font-size: 23px;
	margin-left: 10px;
	color: var(--brand-yellow);
}
.btn i.fa-location-dot::before{
	display: none;
}
.btn i.fa-location-dot::after{
	content: '';
	display: block;
	background: url('images/location-btn-icon.svg') no-repeat center center;
	width: 15px;
	height: 29px;
}
.btn:hover i.fa-location-dot::after{
	background: url('images/thunder-btn-icon.svg') no-repeat center center;
}
.btn.btn-blue{
	color: var(--brand-white);
	background-color: var(--brand-blue);
}
.btn.btn-blue:hover{
	color: var(--brand-white);
	background-color: #0063A8;
}
.btn.btn-thunder::before,
.btn.btn-thunder::after,
body .gform_wrapper.gravity-theme .gform_footer::before,
body .gform_wrapper.gravity-theme .gform_footer::after{
	content: '';
	display: inline-block;
	background: url('images/thunder-left-icon.svg') no-repeat center center;
	height:23px;
	width: 74px;
	position: absolute;
	top: 50%;
	opacity: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.btn.btn-thunder::before,
body .gform_wrapper.gravity-theme .gform_footer::before{
	left: -85px;
}
.btn.btn-thunder::after,
body .gform_wrapper.gravity-theme .gform_footer::after{
	background: url('images/thunder-right-icon.svg') no-repeat center center;
	right: -85px;
}
.btn.btn-thunder:hover:before,
.btn.btn-thunder:hover:after,
body .gform_wrapper.gravity-theme .gform_footer:hover::before,
body .gform_wrapper.gravity-theme .gform_footer:hover::after{
	opacity: 1;
}
.btn.btn-inverse-orange{
	border:2px solid var(--brand-orange);
	background-color: transparent;
}
.btn.btn-inverse-orange:hover{
	border:2px solid var(--brand-orange);
	background-color: var(--brand-orange);
}
.btn.btn-inverse-light-orange{
	border:2px solid var(--brand-light-orange);
	background-color: transparent;
	color: var(--brand-light-orange);
}
.btn.btn-inverse-light-orange:hover,
.btn.btn-inverse-light-orange.active{
	border:2px solid var(--brand-light-orange);
	background-color: var(--brand-light-orange);
	color: var(--brand-white);
}
.btn.btn-light-orange-red{
	border:2px solid var(--brand-light-orange);
	background-color: transparent;
	color: var(--brand-light-orange);
}
.btn.btn-light-orange-red:hover{
	border:2px solid var(--brand-orange);
	background-color:transparent;
	color: var(--brand-orange);
}

.star-btn{
	display: inline-block;
	font-family: var(--heading-text);
	font-size: 40px;
	line-height: 0.95em;
	color: var(--brand-white);
	text-transform: uppercase;
	position: relative;
}
.star-btn:after{
	content: '';
	display: inline-block;
	background: url('images/star-btn-bg.svg') no-repeat center center;
	height: 206px;
	width: 216px;
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(1) rotate(0deg) translate(-50%,-50%);
	-ms-transform: scale(1) rotate(0deg) translate(-50%,-50%);
	-o-transform: scale(1) rotate(0deg) translate(-50%,-50%);
	transform: scale(1) rotate(0deg) translate(-50%,-50%);
	z-index: -1;
}
.star-btn-text{
	display: inline-block;
	max-width: 100px;
}
.star-btn-arrow{
	display: inline-block;
	position: relative;
}
.star-btn-arrow:before{
	content: '';
	display: inline-block;
	background: url('images/star-btn-arrow.png') no-repeat center center;
	height: 18px;
    width: 10px;
    background-size: 100%;
	vertical-align: middle;
	margin-left: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.star-btn:hover{
	color: var(--brand-white);
}
.star-btn:hover:after{
	-webkit-transform: scale(1.2) rotate(-14.6deg) translate(-30%,-50%);
	-ms-transform: scale(1.2) rotate(-14.6deg) translate(-30%,-50%);
	-o-transform: scale(1.2) rotate(-14.6deg) translate(-30%,-50%);
	transform: scale(1.2) rotate(-14.6deg) translate(-30%,-50%);
}
.star-btn:hover .star-btn-arrow:before{
	height: 22px;
    width: 12px;
    background-size: 100%;
}
.back-btn{
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	font-family: var(--heading-text);
	font-weight: 400;
	color: var(--brand-blue);
	text-align: center;
	position: relative;
}
.back-btn i {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 8px;
    color: var(--brand-yellow);
}
.back-btn.white{
	color: var(--brand-white);
}
#loader{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	background: rgba(0, 39, 72, 0.90);
	z-index: 9999;
}
#loader .loader-icon{
	display: inline-block;
	height: 120px;
	width: 120px;
	position: absolute;
	top: 50%;
    left: 50%;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url('images/shocktop-big-head.svg') no-repeat center center;
	background-size: contain;
	-webkit-animation: heartbeat 2s linear infinite; /* Add rotation animation */
	animation: heartbeat 2s linear infinite; /* Add rotation animation */
}
/* Rotation animation */
@keyframes heartbeat {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
    }
    25% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2);
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
    }
    75% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
    }
}
/* Header */
body header.site-header{
	padding: 18px 0px;
	background-color: var(--brand-blue);
	position: fixed;
	left: 0px;
	right: 0px;
	top:0px;
	width: 100%;
	z-index: 9;
}
body.admin-bar header.site-header{
	top:32px;
}
body .site{
	padding-top: 88px;
}
header .site-header-inner{
	display: flex;
	flex-wrap: nowrap;
	gap: 75px;
	align-items: center;
}
header .site-header-inner .site-branding{
	width: 252px;
}
header .site-header-inner .find-us-btn-section{
	width: 130px;
}
header .site-header-inner .main-navigation{
	width: calc(100% - 382px - 150px);
}
header .site-header-inner .main-navigation .mega-close{
	display: none;
}
header .site-header-inner .site-branding .custom-logo-link,
header .site-header-inner .site-branding img{
	display: block;
}
body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
	display: none;
}
body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:before{
	content: '';
	display: inline-block;
	background: url('images/sub-menu-icon.svg') no-repeat center center;
	width: 12px;
	height: 6px;
	vertical-align: middle;
}
body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
	margin-left: 10px;
}
/* Footer */
footer .site-info .container-medium{
	padding-top: 80px;
	padding-bottom:80px;
}
footer .site-ft-section{
	display: flex;
	flex-wrap: nowrap;
	gap: 30px;
}
footer .site-ft-section .ft-info-col{
	width: 252px;
	text-align: center;
}
footer .site-ft-section .ft-menu-col{
	width: calc(100% - 252px - 30px);
}
footer .site-ft-section .ft-menu-col .main-navigation{
	max-width: 680px;
}
footer .site-ft-section .ft-menu-col .main-navigation ul{
	/* display: flex;
	flex-wrap: wrap; */
	gap: 20px 75px;
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
}
footer .site-ft-section .ft-menu-col .main-navigation ul li{
	/* width:calc(33.33% - (150px/3)); */
}
footer .site-ft-section .ft-menu-col .main-navigation ul li a{
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	font-family: var(--heading-text);
	color: var(--brand-light-orange);
	display: inline-block;
}
footer .site-ft-section .ft-menu-col .main-navigation ul li a:hover,
footer .site-ft-section .ft-menu-col .main-navigation ul li.current-menu-item > a{
	color: var(--brand-white);
}
footer .ft-info-col .custom-logo-link,
footer .ft-info-col .custom-logo-link img{
	display: block;
}
footer .ft-info-col .custom-logo-link img{
	margin:0 auto;
}
.ft-social-media{
	margin-top: 17px;
}
.social-media-list{
	list-style-type: none;
	margin:0px;
	padding:0px;
	display: flex;
	flex-wrap: nowrap;
	gap: 17px;
	justify-content: center;
}
.social-media-list .social-media-link,
.social-media-list .social-media-link i{
	display: block;
}
.social-media-list .social-media-link i{
	font-size: 36px;
	color: var(--brand-yellow);
}
.social-media-list .social-media-link:hover i{
	color: var(--brand-light-orange);
}
footer .find-us-btn-section{
	margin-top: 25px;
}
footer .copyright-text{
	margin-top: 30px;
	color: var(--brand-light-orange);
}
footer .copyright-text p:last-child{
	margin-bottom: 0px;
}
/* Callout Section */
.callout-outer{
	display: flex;
}
.callout-outer .callout-col{
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.callout-outer .callout-col.left-col:after{
	content: '';
	display: inline-block;
	background:url('images/callout-black-dot-bottom-vector.svg') no-repeat center center;
	height: 60px;
	width: 745px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}
.callout-outer .callout-col.right-col:before{
	content: '';
	display: inline-block;
	background:url('images/callout-black-dot-top-vector.svg') no-repeat center center;
	height: 60px;
	width: 745px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}
.callout-outer .container-medium{
	padding-top: 90px;
	padding-bottom: 90px;
	position: relative;
	z-index: 2;
}
.callout-outer .callout-col .callout-box{
	max-width: 575px;
	margin:0 auto;
	text-align: center;
}
.callout-box .callout-heading{
	margin-top: 0px;
	margin-bottom: 15px;
}
.mega-menu .callout-box .callout-heading{
	display: none;
}
.callout-col.right-col .callout-box .callout-heading{
	max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.callout-box .callout-image-sec .callout-main-image{
	display: inline-block;
	position: relative;
	max-width: 463px;
}
.callout-box .callout-image-sec .callout-object{
	position: absolute;
	display: inline-block;
	z-index: 0;
}
.callout-box .callout-image-sec .callout-object.lighting{
	left: -80px;
    top: 15px;
}
.callout-box .callout-image-sec .callout-object.star-circle{
	right: -25px;
    top: -10px;
}
.callout-box .callout-image-sec img{
	display: block;
}
.callout-box .callout-image-sec .callout-main-image .callout-img{
	position: relative;
	z-index: 1;
}
.callout-outer .callout-col .callout-box .btn{
	display: inline-block;
}
.callout-outer .callout-seperator-section{
	width: 150px;
    margin-left: -4px;
    margin-right: -4px;
    position: relative;
}
.mega-menu .callout-outer .callout-seperator-section{
	width: 130px;
}
.callout-outer .callout-seperator-section svg{
	width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 0;
    bottom: 0;
	z-index: 2;
}
/* 404 Page */
.error-content-box{
	display: flex;
    align-items: flex-end;
    justify-content: center;
}
.error-content-box .error-head-img-wrapper{
	position: relative;
}
.error-content-box .error-content-img-wrapper{
	padding-bottom: 130px;
    margin-left: -85px;
}
.error-content-box .error-head-img{
	background: url('images/shocktop-big-head.svg') no-repeat center center;
	display: inline-block;
	height: 360px;
	width: 336px;
}
.error-content-box .error-content-img{
	text-align: center;
	background: url('images/error-content-bg.svg') no-repeat center center;
	background-size: contain;
	padding: 112px 85px;
	display: inline-block;
}
.error-content-box .error-content-inner{
	max-width: 475px;
    margin: 0 auto;
}
.error-content-box .error-heading{
	color: var(--brand-blue);
}
/* Swag Shop */
.swag-shop-section.common-padding{
	padding-top:100px;
	padding-bottom: 50px;
	position: relative;
    z-index: 2;
}
.swag-shop-section .heading-section{
	padding-left: 20px;
	padding-right: 20px;
}
.swag-shop-section .section-title{
	margin:0px 0px 25px 0px;
	-webkit-transform: translateX(25%);
	-ms-transform: translateX(25%);
	-o-transform: translateX(25%);
	transform: translateX(25%);
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.swag-shop-section.animated .section-title{
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}
.swag-shop-grid{
	display: flex;
}
.swag-shop-grid .swag-shop-col.left{
	flex: 1;
	width: 50.6%;
}
.swag-shop-grid .swag-shop-col.right{
	flex: 1;
	width: 49.4%;
	padding-top: 25px;
}
.swag-shop-product-list .product-link{
	display: block;
	padding: 25px;
}
.swag-shop-product-list .product-image-wrapper{
	position: relative;
}
.custom-tag{
	display: inline-block;
	font-family: var(--heading-text);
	font-size: 30px;
	line-height: 1em;
	letter-spacing: 0.2px;
	text-align: center;
	text-transform: uppercase;
	color: var(--brand-white);
	background-color: var(--brand-orange);
	padding: 8px;
    min-width: 233px;
	overflow: hidden;
	border-radius: 3px;
}
.custom-tag.featured{
	-webkit-transform: rotate(-14.17deg);
	-ms-transform: rotate(-14.17deg);
	-o-transform: rotate(-14.17deg);
	transform: rotate(-14.17deg);
	position: absolute;
	left: -23px;
    top: 3px;
	z-index: 1;
}
.swag-shop-product-list .product-image-wrapper .product-image-inner{
	overflow: hidden;
	border-radius: 5px;
}
.swag-shop-product-list .product-image-wrapper .product-image-inner img{
	display: block;
	margin: 0 auto;
	scale: 1;
	-webkit-transition: scale 0.4s ease-in-out;
	-ms-transition: scale 0.4s ease-in-out;
	-o-transition: scale 0.4s ease-in-out;
	transition: scale 0.4s ease-in-out;
}
.swag-shop-product-list .product-link:hover .product-image-wrapper .product-image-inner img{
	scale: 1.1;
}
.swag-shop-product-list .product-title{
	margin: 40px 0 0 0;
	font-size: 24px;
	line-height: 0.83em;
	letter-spacing: 0.2px;
	text-align: center;
	color:var(--brand-light-orange);
}
.swag-shop-product-list .product-title p{
	margin: 0px;
}
.swag-shop-category-list{
	display: flex;
	gap:29px 23px;
	flex-wrap: wrap;
	align-items: center;
}
.swag-shop-category-list .swag-shop-category-box{
	width: calc(50% - (23px/2));
	text-align: center;
}
.swag-shop-category-list .category-link{
	display: block;
}
.swag-shop-category-list .category-image-wrapper{
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}
.swag-shop-category-list .category-image-wrapper img{
	display: block;
	margin: 0 auto;
	scale: 1;
	-webkit-transition: scale 0.4s ease-in-out;
	-ms-transition: scale 0.4s ease-in-out;
	-o-transition: scale 0.4s ease-in-out;
	transition: scale 0.4s ease-in-out;
}
.swag-shop-category-list .category-link:hover .category-image-wrapper img{
	scale: 1.02;
}
.swag-shop-category-list .category-title{
	margin: 0px;
	font-size: 24px;
	line-height: 0.83em;
	letter-spacing: 0.2px;
	text-align: center;
	color:var(--brand-white);
	padding: 12px;
	background-color: var(--brand-orange);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.swag-shop-category-list .category-title p{
	margin:0px;
}
.swag-shop-category-list .category-link:hover .category-title{
	color:var(--brand-yellow);
}
.slick-slider .slick-dots{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	line-height: 1;
}
.slick-slider .slick-dots li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.slick-slider .slick-dots li:last-child{
	margin-right: 0px;
}
.slick-slider .slick-dots li button{
	font-size: 0px;
	line-height: 1;
	display: block;
	padding: 0px;
	height: 12px;
	width: 12px;
	border-radius: 12px;
	background-color: rgba(255,255,255,0.52);
	cursor: pointer;
	border: none;
	min-width: 1px;
}
.slick-slider .slick-dots li.slick-active button{
	background-color:var(--brand-orange);
}
/* Beer Slider */
.beer-slider-section.common-padding{
	padding-top: 0px;
	padding-bottom: 100px;
}
.beer-slider-section .container-fluid{
	padding: 0px;
}
.beer-slider-list{
	padding-bottom: 80px;
}
.beer-slider-list .beer-slider-box{
	position: relative;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 78px;
}
.beer-slider-list .slick-slide:first-child .beer-slider-box{
	padding-left: 0px;
}
.beer-slider-list .slider-separator{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 155px;
    z-index: 1;
	-webkit-transform:translateX(calc(50% + 30px));
	-ms-transform:translateX(calc(50% + 30px));
	-o-transform:translateX(calc(50% + 30px));
	transform:translateX(calc(50% + 30px));
}
.beer-slider-list .beer-slider-box .beer-slider-box-link{
	display: block;
	position: relative;
    z-index: 2;
	max-width: 425px;
    margin: 0 auto;
}
.beer-slider-list .beer-slider-box .beer-slider-box-image-wrapper{
	position: relative;
    max-width: 395px;
    margin: 0 auto;
}
.beer-slider-list .beer-slider-box-image-wrapper .beer-slider-box-image{
	position: relative;
    z-index: 2;
	margin:0 auto;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.beer-slider-list .beer-slider-box-image-wrapper:hover .beer-slider-box-image{
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.beer-slider-list .beer-slider-box-image-wrapper .beer-slider-box-image-hover{
	position: absolute;
    top: -20px;
    left: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
    object-fit: contain;
    height: 100%;
    z-index: 1;
	opacity: 0;
    -webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.beer-slider-list .beer-slider-box-image-wrapper:hover .beer-slider-box-image-hover{
	opacity: 1;
}
.beer-slider-list .beer-slider-info{
	max-width: 314px;
	margin: 0 auto;
}
.beer-slider-list .beer-title{
	color: var(--brand-blue);
	margin:0px 0px 5px 0px;
	min-height: 76px;
}
.beer-slider-list .base-text{
	line-height: 1.07em;
	font-size: 28px;
}
.beer-slider-list.slick-slider .slick-dots{
	margin-top: 20px;
	margin-bottom: 20px;
}
.slick-slider .custom-arrow{
	display: inline-block;
	position: relative;
	height: 49px;
	width: 49px;
	border-radius: 49px;
	cursor: pointer;
	background: url('images/slider-arrow-left.svg') no-repeat center center;
	position: absolute;
	bottom: 0px;
	left: calc(50% - 57px);
	z-index: 1;
}
.slick-slider .custom-arrow.post-next{
	background: url('images/slider-arrow-right.svg') no-repeat center center;
	left:auto;
	right:calc(50% - 57px);
}
.slick-slider .custom-arrow.slick-disabled{
	opacity: 0.4;
}
/* Teas Slider */
.tea-slider-section .container-fluid{
	padding: 0px;
}
.tea-slider-list .tea-slider-box{
	position: relative;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 78px;
}
.tea-slider-list .slick-slide:first-child .tea-slider-box{
	padding-left: 0px;
}
.tea-slider-list .slider-separator{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 155px;
    z-index: 1;
	-webkit-transform:translateX(calc(50% + 30px));
	-ms-transform:translateX(calc(50% + 30px));
	-o-transform:translateX(calc(50% + 30px));
	transform:translateX(calc(50% + 30px));
}
.tea-slider-list .tea-slider-box .tea-slider-box-link{
	display: block;
	position: relative;
    z-index: 2;
	max-width: 425px;
    margin: 0 auto;
}
.tea-slider-list .tea-slider-box .tea-slider-box-image-wrapper{
	position: relative;
    max-width: 360px;
    margin: 0 auto;
}
.tea-slider-list .tea-slider-box-image-wrapper .tea-slider-box-image{
	position: relative;
    z-index: 2;
	margin:0 auto;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.tea-slider-list .tea-slider-box-image-wrapper:hover .tea-slider-box-image{
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.tea-slider-list .tea-slider-box-image-wrapper .tea-slider-box-image-hover{
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
    object-fit: contain;
    height: 100%;
    z-index: 1;
	opacity: 0;
    -webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.tea-slider-list .tea-slider-box-image-wrapper:hover .tea-slider-box-image-hover{
	opacity: 1;
}
.tea-slider-list .tea-slider-info{
	/* max-width: 314px; */
	max-width: 214px;
	margin: 0 auto;
}
.tea-slider-list .tea-title{
	margin:0px 0px 5px 0px;
	min-height: 76px;
}
.tea-slider-list .base-text{
	line-height: 1.07em;
	font-size: 28px;
}
.tea-slider-list.slick-slider .slick-dots{
	margin-top: 20px;
	margin-bottom: 20px;
}
/* Text With Image */
.text-with-image-section.common-padding{
	padding-bottom: 0px;
}
.text-with-image-section .has-orange-dot-bottom-right{
	padding-bottom: 110px;
}
.text-with-image-section .image-text-grid{
	display: flex;
	align-items: center;
	max-width: 1275px;
    margin: 0 auto;
}
.text-with-image-section .section-title{
	margin: 0px;
	-webkit-transform: rotate(-5.25deg);
	-ms-transform: rotate(-5.25deg);
	-o-transform: rotate(-5.25deg);
	transform: rotate(-5.25deg);
}
.text-with-image-section .section-title span,
.text-with-image-section .section-title b,
.text-with-image-section .section-title strong{
	display: block;
}
.text-with-image-section .image-text-col .text-inner-wrapper{
	position: relative;
	padding-top: 112px;
}
.text-with-image-section .image-text-col.right{
	flex: 1;
}
.text-with-image-section .thunder-image{
	display: inline-block;
	background: url('images/lighting-icon.svg') no-repeat center center;
	width: 170px;
	height: 143px;
	position: absolute;
	opacity: 0;
    left: 38px;
    top: 0px;
	-webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.text-with-image-section.animated .thunder-image{
	opacity: 1;
}
.text-with-image-section .image-text-col.right .image-inner-wrapper{
	position: relative;
}
.text-with-image-section .image-text-col.right .image-inner-wrapper:after{
	content: '';
	display: inline-block;
	background: url('images/star-bg-text-with-image.svg') no-repeat center center;
	height: 230px;
    width: 235px;
    position: absolute;
    top: 50%;
    left: calc(50% + 27px);
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1) rotate(0deg) translate(-50%, -50%);
    -ms-transform: scale(1) rotate(0deg) translate(-50%, -50%);
    -o-transform: scale(1) rotate(0deg) translate(-50%, -50%);
    transform: scale(1) rotate(0deg) translate(-50%, -50%);
    z-index: -1;
}
.text-with-image-section .image-text-col.right .section-image{
	max-width: 226px;
    margin: 0 auto;
    display: block;
}
.text-with-image-section.animated .image-text-col.right .image-inner-wrapper:after{
	-webkit-transform: scale(1.2) rotate(-14.6deg) translate(-30%, -50%);
    -ms-transform: scale(1.2) rotate(-14.6deg) translate(-30%, -50%);
    -o-transform: scale(1.2) rotate(-14.6deg) translate(-30%, -50%);
    transform: scale(1.2) rotate(-14.6deg) translate(-30%, -50%);
}
/* Merch Callout */
.merch-callout-section{
	overflow: hidden;
	position: relative;
}
.merch-callout-section .merch-callout-outer{
	display: flex;
	align-items: stretch;
	min-height: 875px;
}
.merch-callout-section .merch-callout-outer .merch-callout-col{
	width: 45%;
	display: flex;
    align-items: center;
	padding: 60px;
	position: relative;
}
.merch-callout-section .merch-callout-outer .merch-callout-col.left-col{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	width: 55%;
}
.merch-callout-section .merch-callout-outer .merch-callout-col .merch-callout-seperator-section{
	position: absolute;
    right: calc((-180px / 2) + 80px);
    top: 0;
    bottom: 0;
    height: 100%;
    width: 180px;
}
.merch-callout-section .merch-callout-outer .merch-callout-box{
	max-width: 410px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}
.merch-callout-section .merch-callout-outer .merch-callout-box .merch-callout-heading{
	margin:0px;
}
.merch-callout-section .merch-callout-outer .merch-callout-box .merch-callout-btn-sec{
	margin-top: 30px;
}
.merch-callout-section .merch-callout-outer .explosion-bg{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	top: -15px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	margin: 0 auto;
	-webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.merch-callout-section.active .merch-callout-outer .explosion-bg{
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* Beer Callout */
.beer-callout-section{
	padding: 80px 0px 60px 0px;
}
.beer-callout-wrapper{
	display: flex;
	align-items: center;
	max-width: 1860px;
	margin: 0 auto;
}
.beer-callout-wrapper .beer-callout-col{
	flex: 1;
}
.beer-callout-wrapper .beer-callout-box{
	max-width: 633px;
	margin: 0  0 0 auto;
	text-align: center;
}
.beer-callout-wrapper .beer-callout-title-wrapper{
	position: relative;
}
.beer-callout-wrapper .beer-callout-title-wrapper .beer-callout-object{
	display: inline-block;
    position: absolute;
    left: -22px;
    top: -122px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.beer-callout-section.active .beer-callout-wrapper .beer-callout-title-wrapper .beer-callout-object{
	opacity: 1;
}
.beer-callout-wrapper .beer-callout-title-wrapper .beer-callout-object img{
	display: block;
	margin: 0 auto;
}
.beer-callout-wrapper .beer-callout-title-wrapper .beer-callout-heading{
	margin:0px;
}
.beer-callout-wrapper .beer-callout-box .beer-callout-btn-sec{
	margin-top: 35px;
}
.beer-callout-wrapper .beer-callout-image-sec{
	max-width: 900px;
	margin: 0;
}
.beer-callout-wrapper .beer-callout-image-sec img{
	display: block;
	margin: 0;
}
/* Teas Callout */
.tea-slider-section{
	overflow: hidden;
}
.tea-callout-section{
	padding: 90px 0px;
}
.tea-callout-wrapper{
	display: flex;
	align-items: center;
	max-width: 1225px;
	margin: 0 auto;
}
.tea-callout-wrapper .tea-callout-col{
	flex: 1;
}
.tea-callout-wrapper .tea-callout-box{
	max-width: 385px;
	margin: 0 auto;
	text-align: center;
}
.tea-callout-wrapper .tea-callout-image-wrapper{
	position: relative;
}
.tea-callout-wrapper .tea-callout-image-wrapper .tea-callout-object{
	display: inline-block;
    position: absolute;
    right: -55px;
    top: 20px;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.tea-callout-wrapper .tea-callout-title-wrapper .tea-callout-object img{
	display: block;
	margin: 0 auto;
}
.tea-callout-wrapper .tea-callout-title-wrapper .tea-callout-heading{
	margin:0px;
}
.tea-callout-wrapper .tea-callout-box .tea-callout-btn-sec{
	margin-top: 35px;
}
.tea-callout-wrapper .tea-callout-image-sec{
	max-width: 675px;
	margin: 0 auto;
}
.tea-callout-wrapper .tea-callout-image-wrapper .tea-callout-object .tea-object-title{
	display: inline-block;
    max-width: 130px;
    text-align: center;
    position: absolute;
	margin: 0px;
    top: 48%;
    left: 53%;
	z-index: 1;
	-webkit-transform: rotate(-4.34deg) translate(-50%, -50%);
	-ms-transform: rotate(-4.34deg) translate(-50%, -50%);
	-o-transform: rotate(-4.34deg) translate(-50%, -50%);
	transform: rotate(-4.34deg) translate(-50%, -50%);
}
.tea-callout-wrapper .tea-callout-image-sec img{
	display: block;
	margin: 0;
}
.tea-callout-wrapper .tea-callout-image-sec .tea-callout-object img{
	-webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.tea-callout-section.active .tea-callout-wrapper .tea-callout-image-sec .tea-callout-object img{
	-webkit-transform: scale(1.2) rotate(50deg);
    -ms-transform: scale(1.2) rotate(50deg);
    -o-transform: scale(1.2) rotate(50deg);
    transform: scale(1.2) rotate(50deg);
}
/* Beer & Teas Listing */
.listing-page-outer .common-padding{
	padding-top: 0px;
	padding-bottom: 180px;
}
.listing-page-outer .page-header{
	margin-bottom: 80px;
}
.listing-page-outer .page-header .page-header-inner{
	display: inline-block;
	position: relative;
	padding-top: 78px;
}
.listing-page-outer .page-header .thunder-image{
	display: inline-block;
	background: url('images/lighting-icon.svg') no-repeat center center;
	background-size: 100%;
	width: 154px;
    height: 130px;
	position: absolute;
	opacity: 1;
    left: -145px;
    top: 15px;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.listing-page-outer .page-header .thunder-image.right{
	left: auto;
	right: -160px;
    top: 30px;
	-webkit-transform: rotate(62.56deg);
    -ms-transform: rotate(62.56deg);
    -o-transform: rotate(62.56deg);
    transform: rotate(62.56deg);
}
.listing-page-outer .page-header .archive-description{
	max-width: 1075px;
	margin:40px auto 0px auto;
}
.listing-page-outer .page-header .archive-description p:last-child{
	margin-bottom: 0px;
}
.listing-box-grid{
	display: flex;
    flex-wrap: wrap;
    gap: 65px 72px;
	align-items: stretch;
}
.listing-box-grid .beer-tea-box-outer{
	width: calc(50% - (72px / 2));
}
.listing-box-grid .beer-tea-box-outer .beer-tea-box{
	border-radius: 5px;
	padding: 60px 30px;
	height: 100%;
	text-align: center;
}
.listing-box-grid .beer-tea-box .beer-tea-box-link{
	display: block;
	height: 100%;
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
    align-content: center;
    align-items: center;
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner > *{
	width: 100%;
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image-wrapper{
	overflow: hidden;
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image img{
	display: block;
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image{
	position: relative;
    max-width: 422px;
    margin: 0 auto;
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image .beer-tea-image {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image .beer-tea-image-hover {
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
    object-fit: contain;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.listing-box-grid .teas-box .beer-tea-box .beer-tea-box-inner .beer-tea-box-image .beer-tea-image-hover {
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image:hover .beer-tea-image {
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image:hover .beer-tea-image-hover {
    opacity: 1;
}
.listing-box-grid .beer-tea-box .beer-tea-info {
	position: relative;
    max-width: 372px;
    margin: 0 auto;
}
.listing-box-grid .beer-tea-box .beer-tea-info .beer-tea-title{
	margin: 0px 0px 5px 0px;
}
.listing-box-grid .beer-tea-box .beer-tea-info .beer-tea-abv{
	font-size: 28px;
	line-height: 1.07em;
}
.listing-box-grid .beer-tea-box-outer .beer-tea-box.beer-tea-last-box{
	padding: 55px;
}
.beer-tea-last-box-outer .beer-tea-last-box-inner{
	height: 100%;
}
.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-info{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	height: 100%;
    align-content: center;
    align-items: center;
}
.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-info > *{
	width: 100%;
}
.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-title{
	margin:0px 0px 5px 0px;
}
.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-image-wrapper{
	max-width: 466px;
    margin: 0 auto;
}
.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-image-wrapper img{
	display: block;
}
.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-info .beer-tea-last-box-btn-section .btn{
	min-width: 1px;
}
.has-hard-teas-bg-vector{
	position: relative;
	overflow: hidden;
}
.has-hard-teas-bg-vector .hard-teas-bg-vector{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
.has-hard-teas-bg-vector .hard-teas-bg-vector svg{
	height: 100%;
	width: 100%;
	margin: 0 auto;
	object-fit: cover;
	display: block;
}
.listing-box-grid .beer-tea-box.has-hard-teas-bg-vector .beer-tea-box-link{
	position: relative;
    z-index: 2;
}
/* Hero Banner */
.hero-banner-section{
	overflow: hidden;
	position: relative;
	/* height: calc(100vh - 88px); */
}
.hero-banner-section .hero-banner-wrapper{
	/* height: calc(100% - 122px); */
	overflow: visible;
	padding-top: 65px;
}
.hero-banner-section .hero-banner-inner{
	position: relative;
	height: 100%;
}
.hero-banner-section .hero-banner-inner .hero-banner-info-wrapper{
	position: relative;
	z-index: 2;
}
.hero-banner-section .hero-banner-inner .hero-banner-info-wrapper:before{
	content: '';
    display: block;
    z-index: 1;
    background: var(--brand-blue);
    width: 100%;
    height: 84px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	-webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hero-banner-section .hero-banner-inner .hero-banner-info-wrapper:after{
	content: '';
	display: block;
	background: url('images/border-bottom-image.svg') repeat-x center top;
	height: 38px;
	width: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 65px;
	z-index: 1;
	-webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hero-banner-section.section-passed .hero-banner-inner .hero-banner-info-wrapper:before{
	height: 146px;
}
.hero-banner-section.section-passed .hero-banner-inner .hero-banner-info-wrapper:after{
	bottom: 127px;
}
.hero-banner-section .hero-explosion-bg{
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: -55px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    margin: 0 auto;
	opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.hero-banner-section.active .hero-explosion-bg,
.hero-banner-section.active.section-again-passed .hero-explosion-bg {
	opacity: 1;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
}
.hero-banner-section.section-passed .hero-explosion-bg {
	opacity: 1;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
.hero-banner-section .hero-explosion-object{
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 0 auto;
	opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
.hero-banner-section.active .hero-explosion-object,
.hero-banner-section.active.section-again-passed .hero-explosion-object {
	opacity: 1;
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);
}
.hero-banner-section.section-passed .hero-explosion-object{
	opacity: 0;
	-webkit-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
}
.hero-banner-section .hero-info{
	text-align: center;
	position: relative;
    z-index: 3;
}
.hero-banner-section .hero-title-section{
	max-width: 865px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translateY(70%) scale(0.5);
    -ms-transform: translateY(70%) scale(0.5);
    -o-transform: translateY(70%) scale(0.5);
    transform: translateY(70%) scale(0.5);
	-webkit-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.hero-banner-section.animated .hero-title-section{
	-webkit-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}
.hero-banner-section .hero-title-section .hero-sub-title{
	margin-bottom: -20px;
}
.hero-banner-section .hero-title-section .hero-title{
	margin:0 auto;
}
.hero-banner-section .hero-title-section .hero-sub-title p,
.hero-banner-section .hero-title-section .hero-title p{
	margin-bottom: 0px;
}
.hero-banner-section .hero-image-wrapper{
	position: relative;
    margin-top: -25px;
}
.hero-banner-section .hero-image-wrapper img{
	max-width: 475px;
	width: 100%;
	display: block;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.hero-banner-section.animated .hero-image-wrapper img{
	opacity: 1;
}
.hero-banner-section .hero-down-arrow-wrapper{
	position: relative;
    margin-top: -38px;
	z-index: 1;
}
.hero-banner-section .hero-down-arrow-link{
	display: inline-block;
}
.hero-banner-section .hero-down-arrow-link .hero-down-arrow{
	display: inline-block;
	background: url('images/next-section-arrow.png') no-repeat center center;
	height: 19px;
	width: 37px;
}
/* Beer Detail Page */
.product-banner-section{
	position: relative;
    margin-bottom: -180px;
}
.product-banner-section::after{
	content: '';
	display: block;
    background: var(--brand-blue);
    height: 180px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.product-banner-section .has-black-dot{
	padding-bottom: 180px;
}
.product-banner-section .has-black-dot::after{
	bottom: 180px;
}
.product-banner-section .banner-grid-section{
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
	position: relative;
	margin-bottom: -180px;
}
.product-banner-section .banner-grid-section .banner-grid-col{
	width: 50%;
}
.product-banner-section .banner-grid-section .banner-grid-col.right{
	padding-top: 100px;
}
.banner-grid-section .back-btn-section{
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 2;
}
.banner-grid-section .banner-image-section{
	position: relative;
	z-index: 1;
}
.product-banner-section .banner-grid-col .banner-vector-sec{
	text-align: right;
}
.detail-page-outer .banner-vector-sec img{
	display: inline-block;
	max-height: 360px;
}
.banner-grid-section .banner-image-section .banner-image{
	position: relative;
	z-index: 1;
	display: block;
	margin:0 auto;
}
.banner-grid-section .banner-image-section .banner-object{
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
	height: 100%;
	width: 100%;
}
.product-banner-section .banner-grid-col .right-col-inner{
	display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 705px;
    margin: 0 auto;
    gap: 17px;
}
.product-banner-section .right-col-inner .banner-title-sec{
	max-width: 660px;
    margin: 0 auto 6px auto;
}
.product-banner-section .right-col-inner .banner-title-sec .banner-title{
	margin: 0px;
}
.detail-page-outer .banner-desc p:last-child{
	margin-bottom: 0px;
}
.product-banner-section .right-col-inner .banner-btn-sec{
	display: flex;
	gap:20px;
	justify-content: center;
	margin:17px 0px;
}
.product-banner-section .right-col-inner .banner-btn-sec .btn{
	display: flex;
    align-items: center;
    justify-content: center;
}
.product-info-wrapper{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap:50px;
}
.product-info-section .has-orange-dot-right{
	padding: 200px 0px 100px 0px;
}
.product-info-section .product-info-grid{
	flex: 1;
	display: flex;
    align-items: stretch;
	flex-wrap: wrap;
	gap: 57px;
	padding: 10px 0px;
}
.product-info-section .product-info-grid .product-info-box{
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 55px 40px;
	text-align: center;
	min-height: 370px;
}
.product-info-section .product-info-grid .product-info-box .product-info-box-bg {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: -1; /* Place it behind the text */
}
.product-info-section .product-info-grid .product-info-box:hover .product-info-box-bg{
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.product-info-section .product-info-box .product-info-box-inner{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 10px;
	position: relative;
	z-index: 1;
}
.product-info-section .product-info-box-inner .product-info-box-title{
	width: 100%;
}
.product-info-section .product-info-box-inner .product-info-desc{
	flex: 1;
	color: var(--brand-blue);
	font-size: 32px;
	line-height: 1.21em;
	text-transform: uppercase;
	font-family: var(--heading-text);
	width: 100%;
	display: flex;
    flex-direction: column;
	justify-content: center;
}
.product-info-section .product-info-box-inner .product-info-desc h1,
.product-info-section .product-info-box-inner .product-info-desc h2,
.product-info-section .product-info-box-inner .product-info-desc h3,
.product-info-section .product-info-box-inner .product-info-desc h4,
.product-info-section .product-info-box-inner .product-info-desc h5,
.product-info-section .product-info-box-inner .product-info-desc h6,
.product-info-section .product-info-box-inner .product-info-desc .header-typ1,
.product-info-section .product-info-box-inner .product-info-desc .header-typ2,
.product-info-section .product-info-box-inner .product-info-desc .header-typ3,
.product-info-section .product-info-box-inner .product-info-desc .header-typ4,
.product-info-section .product-info-box-inner .product-info-desc .header-typ5,
.product-info-section .product-info-box-inner .product-info-desc .header-typ6{
	margin:0px;
}
.product-info-section .product-info-desc ul{
	padding: 0px;
	margin:0px;
	list-style-type: none;
}
.product-info-section .product-info-desc ul li{
	position: relative;
	margin-bottom: 36px;
	line-height: 0.93em;
}
.product-info-section .product-info-desc ul li:last-child{
	margin-bottom: 0px;
}
.product-info-section .product-info-desc ul li:after{
	content: '';
	display: inline-block;
	background: #EE2824;
	height: 13px;
	width: 13px;
	border-radius: 13px;
	position: absolute;
	left: 50%;
	bottom: -24px;
	-webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.product-info-section .product-info-desc ul li:last-child:after{
	display: none;
}
.product-info-wrapper .product-extra-info-sec{
	flex: 1;
}
.product-info-wrapper .product-extra-info-sec .product-extra-info p:last-child,
.product-banner-section .banner-avaiable-sec .banner-avaiable p:last-child{
	margin-bottom: 0px;
}
.product-info-section .product-info-box-inner .product-info-desc .header-typ1{
	font-size: 100px;
}
.product-banner-section .has-hard-teas-bg-vector{
	padding-bottom: 180px;
}
.product-banner-section .has-hard-teas-bg-vector > div{
	position: relative;
	z-index: 2;
}
.hard-teas-detail-wrapper .has-orange-dot-right > *{
	z-index: 2;
}
.hard-teas-detail-wrapper .product-banner-section::after,
.hard-teas-detail-wrapper .has-orange-dot-right::after{
	z-index: 1;
}
/* News Listing */
.listing-grid-outer .news-listing-box-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 22px 45px;
}
.listing-grid-outer .news-listing-box-grid .news-box-wrapper{
	width: calc(50% - (45px/2));
}
.news-box-wrapper{
	overflow: hidden;
	border-radius: 5px;
	min-height: 180px;
}
.news-box-wrapper .news-box-link{
	display: block;
	height: 100%;
}
.news-box-wrapper .news-box{
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	background-color: var(--brand-white);
	-webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.news-box-wrapper .news-box-link:hover .news-box{
	background-color: var(--brand-yellow);
}
.news-box-wrapper .news-box .news-box-col{
	position: relative;
}
.news-box-wrapper .news-box .news-box-col.left{
	width: 33%;
	overflow: hidden;
}
.news-box-wrapper .news-box .news-box-col.left .news-image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	width: 100%;
	object-fit: cover;
	scale: 1;
	-webkit-transition: scale 0.4s ease-in-out;
	-ms-transition: scale 0.4s ease-in-out;
	-o-transition: scale 0.4s ease-in-out;
	transition: scale 0.4s ease-in-out;
}
.news-box-wrapper .news-box-link:hover .news-box .news-box-col.left .news-image{
	scale: 1.1;
}
.news-box-wrapper .news-box .news-box-col.right{
	width: 67%;
}
.news-box-wrapper .news-box .news-box-info{
	padding: 32px 50px 32px 32px;
	position: relative;
	height: 100%;
}
.news-box-wrapper .news-box-info .news-box-category{
	font-size: 18px;
	line-height: 1.25em;
	text-transform: uppercase;
	font-family: var(--heading-text);
	letter-spacing: 0.2px;
	color: var(--brand-orange);
	margin-bottom: 10px;
}
.news-box-wrapper .news-box-info .news-title{
	color: var(--brand-blue);
}
.news-box-wrapper .news-box-info .news-right-arrow{
	display: inline-block;
	background:url('images/news-right-arrow-orange.svg') no-repeat center center;
	height: 22px;
	width: 12px;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news-box-wrapper .news-box-link:hover .news-box-info .news-right-arrow{
	background:url('images/news-right-arrow-blue.svg') no-repeat center center;
}
.featured-news-box .featured-news-link {
    display: block;
    padding: 25px;
	position: relative;
}
.featured-news-box .featured-news-wrapper{
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	border-radius:5px;
	background-color: var(--brand-white);
	-webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.featured-news-box .featured-news-link:hover .featured-news-wrapper{
	background-color: var(--brand-yellow);
}
.featured-news-box .featured-news-wrapper .featured-news-info{
	width: 50%;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap: 35px;
	padding: 60px;
	text-align: center;
}
.featured-news-box .featured-news-wrapper .featured-news-info .featured-news-title-wrapper,
.featured-news-box .featured-news-wrapper .featured-news-info .featured-news-btn-sec{
	width: 100%;
}
.featured-news-box .featured-news-wrapper .featured-news-info .featured-news-title-wrapper .featured-news-title{
	margin:0px;
}
.featured-news-box .featured-news-wrapper .featured-news-image-wrapper{
	width: 50%;
}
.featured-news-box .featured-news-wrapper .featured-news-image-inner{
	overflow: hidden;
	height: 100%;
}
.featured-news-box .featured-news-wrapper .featured-news-image-inner img{
	display: block;
	margin: 0 auto;
	scale: 1;
	object-fit: cover;
    height: 100%;
    width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.featured-news-box .featured-news-link:hover .featured-news-image-inner img{
	scale: 1.1;
}
.featured-news-box .custom-tag.featured{
	left: -18px;
    top: 28px;
}
.blog-filter-section{
	padding-top: 25px;
	padding-bottom:25px;
}
.blog-filter-section .filter-menu-wrapper {
    display: none;
	margin: 40px 0px;
}
.blog-filter-section .filter-menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px 18px;
}
.blog-filter-section .filter-menu .btn{
	min-width: 1px;
	padding: 23px 34px;
}
.blog-filter-section .filter-toggle{
	font-size: 20px;
	line-height: 1em;
	color: var(--brand-light-orange) !important;
	padding:0px;
	min-width: 1px;
	background: transparent !important;
	display: block;
    margin-left: auto;
}
.blog-filter-section .filter-toggle .filter-icon{
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
	background: url('images/filter-icon.svg') no-repeat center center;
	width: 36px;
	height: 38px;
}
.blog-filter-section.open .filter-toggle .filter-icon{
	background: url('images/filter-close-icon.svg') no-repeat center center;
}
.load-more-btn-sec{
	text-align: center;
	margin-top: 100px;
}
/* News Detail */
.back-btn-section .back-btn:hover{
	opacity: 0.8;
}
.post-header-section{
	margin-bottom: 30px;
}
.post-header-section .news-box-category{
	color: var(--brand-light-orange);
	margin-top: 0px;
	margin-bottom: 5px;
}
.post-header-section .entry-title{
	margin-top: 0px;
	margin-bottom: 15px;
}
.share-section{
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
	position: relative;
    max-width: 85px;
    margin: 0 auto;
}
.share-section span{
	display: inline-block;
}
.share-section .share-text{
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: var(--heading-text);
	line-height: 1.11em;
	letter-spacing: 0.2px;
	color: var(--brand-orange);
}
.share-section .share-icon{
	position: absolute;
    left: 0;
    right: 0;
    text-align: right;
}
.share-section .addtoany_shortcode .addtoany_list{
	line-height: 1 !important;
	display: block;
}
.share-section .addtoany_shortcode .a2a_button_facebook{
	display: none;
}
.share-section .addtoany_shortcode .addtoany_share{
	display: block;
}
.post-content-section .post-content .wp-block-image{
	margin-top: 60px;
	margin-bottom: 60px;
}
.post-content-section .post-content img{
	overflow: hidden;
	border-radius: 5px;
}
.post-content-section .post-content p:last-child {
    margin-bottom: 60px;
}
/* Latest News */
.latest-news-section{
	overflow: hidden;
	position: relative;
}
.latest-news-section .latest-news-outer{
	display: flex;
	align-items: stretch;
	min-height: 875px;
}
.latest-news-section .latest-news-outer .latest-news-col{
	width: 45%;
	display: flex;
    align-items: center;
	padding: 60px;
	position: relative;
}
.latest-news-section .latest-news-outer .latest-news-col.left-col{
	position: relative;
	width: 55%;
}
.latest-news-section .latest-news-outer .latest-news-box{
	max-width: 415px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}
.latest-news-section .latest-news-outer .latest-news-box .latest-news-heading{
	margin:0px;
}
.latest-news-section .latest-news-outer .latest-news-box .latest-news-btn-sec{
	margin-top: 30px;
}
.latest-news-section .latest-news-outer .explosion-bg{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	top: -15px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	margin: 0 auto;
	-webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.latest-news-section.active .latest-news-outer .explosion-bg{
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.latest-news-list-section .latest-news-box-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}
.latest-news-list-section .latest-news-box-grid .news-box-wrapper{
	width: 100%;
}
.latest-news-section.callout-top-blue-border::before{
	z-index: 1;
}
/* Instagram Section */
.instagram-section{
	background-image: url('images/beer-overlay-bg.png');
	background-position:center center; 
	background-size:cover;
	overflow: hidden;
}
.instagram-section.common-padding{
	padding-top: 65px;
	padding-bottom: 65px;
}
.instagram-section .instagram-container{
	max-width:1230px;
	margin:0 auto;
}
.instagram-section .instagram-header-section{
	margin-bottom: 70px;
	text-align: center;
}
.instagram-section .instagram-header-section .instagram-header-info-inner{
	position: relative;
	max-width: 455px;
	margin:0 auto;
	padding: 95px 0px 30px 0px;
}
.instagram-section .instagram-header-info-inner .instagram-object.star{
	display: inline-block;
	background: url('images/instagram-star-icon.svg') no-repeat center center;
	height: 150px;
	width: 150px;
	position: absolute;
	left: -100px;
	top: 40px;
	z-index: 0;
	-webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: scale(0.72) rotate(46.03deg);
    -ms-transform: scale(0.72) rotate(46.03deg);
    -o-transform: scale(0.72) rotate(46.03deg);
    transform: scale(0.72) rotate(46.03deg);
}
.instagram-section.animated .instagram-header-info-inner .instagram-object.star{
	-webkit-transform: scale(1) rotate(-46.03deg);
    -ms-transform: scale(1) rotate(-46.03deg);
    -o-transform: scale(1) rotate(-46.03deg);
    transform: scale(1) rotate(-46.03deg);
}
.instagram-section .instagram-header-info-inner .section-title{
	position: relative;
	z-index: 1;
	margin:0px;
}
.instagram-section .instagram-header-info-inner .section-title p:last-child{
	margin: 0px;
}
.instagram-section .instagram-header-info-inner .instagram-object.lighting{
	display: inline-block;
    background: url('images/instagram-lighting-icon.svg') no-repeat center center;
    background-size: 100%;
    width: 154px;
    height: 130px;
    position: absolute;
    opacity: 0;
    right: -150px;
    top: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.instagram-section.animated .instagram-header-info-inner .instagram-object.lighting{
	opacity: 1;
}
.instagram-section .instagram-main-feed{
	-webkit-transform: translateX(42%);
	-ms-transform: translateX(42%);
	-o-transform: translateX(42%);
	transform: translateX(42%);
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.instagram-section.animated .instagram-main-feed{
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}
.instagram-header-shortcode .social-media-list{
	gap: 10px;
}
.instagram-header-shortcode .social-media-list .social-media-link{
	padding: 10px;
    min-width: 55px;
    min-height: 55px;
    background: var(--brand-blue);
	border-radius: 5px;
	overflow: hidden;
}
body .sbi-owl-dots .sbi-owl-dot span{
	background:var(--brand-white);
	opacity: 0.52;
	border-radius: 12px;
	margin: 5px;
}
body .sbi-owl-dots .sbi-owl-dot.active span, .sbi-owl-dots .sbi-owl-dot:hover span{
	background:var(--brand-orange);
}
body #sb_instagram #sbi_images.sbi_carousel{
	padding: 0px;
}
body .sbi_carousel.sbi-owl-drag .sbi-owl-item{
	padding: 5px;
}
body #sb_instagram .sbi_inner_wrap{
	border-radius: 5px;
}
/* Contact Us */
.form-sidebar-section .container{
	max-width: 995px;
}
.form-sidebar-grid{
	display: flex;
	gap: 77px;
}
.form-sidebar-grid .form-sidebar-col.left-col{
	width:calc(100% - 218px);
}
.form-sidebar-grid .form-sidebar-col.right-col{
	width:218px;
}
.form-sidebar-grid .sidebar-button-social-grid{
	display: flex;
	flex-wrap: wrap;
	gap:30px;
	padding-top: 45px;
}
.form-sidebar-grid .sidebar-button-social-grid .sidebar-button-wrapper,
.form-sidebar-grid .sidebar-button-social-grid .sidebar-social-wrapper{
	width: 100%;
}
.form-sidebar-grid .sidebar-button-wrapper .form-sidebar-button-grid{
	display: flex;
	flex-wrap: wrap;
	gap:14px;
}
.form-sidebar-grid .sidebar-button-wrapper .form-sidebar-button-grid .form-sidebar-button{
	width:100%;
	text-align: center;
}
.form-sidebar-grid .sidebar-button-wrapper .form-sidebar-button-grid .form-sidebar-button .btn{
	min-width: 218px;
	padding-left: 15px;
    padding-right: 15px;
}
body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea,input[type=date], body input[type=email], body input[type=number], body input[type=password], body input[type=search], body input[type=tel], body input[type=text], body input[type=url], body select, body textarea{
	padding:15px 28px;
	font-size: 24px;
	line-height:1.16em !important;
	color:#445267;
	border:2px solid var(--brand-white);
}
body .gform_wrapper.gravity-theme .gform_footer .gform_button.button{
	line-height: 1 !important;
}
body select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: var(--brand-white) url('images/dropdown-arrow.svg') no-repeat right 18px center;
    padding-right: 45px !important;
	border:2px solid var(--brand-white);
	border-radius:5px;
	line-height:1.16em;
	font-weight:400;
}
body select:focus{
	border:2px solid var(--brand-white);
}
body .gform_wrapper.gravity-theme .gfield textarea.large{
	height: 245px;
}
body .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_legacy_markup_wrapper li.gfield_error textarea, body .gform_wrapper .gfield_error [aria-invalid=true]{
	border:2px solid #c02b0a !important;
}
body .gform_legacy_markup_wrapper li.gfield.gfield_error, body .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, body .gform_wrapper .gfield_validation_message, body .gform_wrapper .validation_message {
    padding: 0px !important;
    margin: 0px !important;
    background-color: transparent;
    border: none;
    font-size: 12px !important;
}
body .gform_wrapper.gravity-theme .gfield_validation_message,body .gform_wrapper.gravity-theme .validation_message{
	background-color: transparent;
    border: none;
}
body .gform_wrapper .gform_validation_errors{
	display:none;
}
body .gform_heading .gform_required_legend{
	font-size: 16px;
	line-height: 1.75em;
	margin-bottom: -15px;
	text-align: right;
	letter-spacing: 0.2px;
}
body .gform_wrapper.gravity-theme .gfield_label{
	font-size: 16px;
	line-height: 1.75em;
	letter-spacing: 0.2px;
	margin-bottom: 0px;
	font-weight: 400;
}
body .gform_wrapper.gravity-theme .gform_footer,body .gform_wrapper.gravity-theme .gform_page_footer{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
}
body .gform_wrapper.gravity-theme .gform_footer{
	display: block;
	max-width: 266px;
	text-align: center;
	margin:20px auto 0px auto;
	position: relative;
}
body .gform_wrapper.gravity-theme .gform_footer button, 
body .gform_wrapper.gravity-theme .gform_footer input, 
body .gform_wrapper.gravity-theme .gform_page_footer button, 
body .gform_wrapper.gravity-theme .gform_page_footer input{
	margin-bottom: 0px;
}
body .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, 
body .gform_wrapper.gravity-theme .gfield_error label, 
body .gform_wrapper.gravity-theme .gfield_error legend, 
body .gform_wrapper.gravity-theme .gfield_validation_message, 
body .gform_wrapper.gravity-theme .validation_message, 
body .gform_wrapper.gravity-theme [aria-invalid=true]+label, 
body .gform_wrapper.gravity-theme label+[aria-invalid=true]{
	color: var(--brand-white);
}
body .gform_confirmation_wrapper .gform_confirmation_message{
	font-weight:bold;
	text-align:center;
}
.grecaptcha-badge {
    z-index: 98;
}
body .gform_wrapper .gform_ajax_spinner{
	display:none !important;
}
body .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, body .gform_wrapper.gravity-theme .gfield_error label, body .gform_wrapper.gravity-theme .gfield_error legend{
	color:inherit;
}
body .gform_wrapper.gravity-theme .ginput_container_time.gfield_time_hour ,
body .gform_wrapper.gravity-theme .ginput_container_time.gfield_time_minute {
	min-width: calc((100% - 100px)/2);
	max-width: calc((100% - 100px)/2);
}
body .gform_wrapper.gravity-theme .hour_minute_colon{
	line-height:49px;
	width:20px;
}
body .gform_wrapper.gravity-theme .ginput_container_date input{
	width:100%;
	padding-right:35px;
}
body .gform_wrapper.gravity-theme .ginput_container_date{
	position:relative;
}
body .gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger{
	border-radius:0px !important;
	position:absolute;
	right:10px;
	filter: opacity(0.6);
}
body .ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-title{
	display:flex;
}
body .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select{
	width:auto;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:7px;
}
body .gform_wrapper .gfield_error .gfield_radio label{
	color:var( --brand-white );
}
body .gform_wrapper.gravity-theme .gsection{
	padding:0px;
	border:none;
}
body .gform_wrapper .gsection_title{
	font-size:24px;
	margin: 15px 0px 7px 0px;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 7px;
}
body .gform_wrapper .gfield_signature_container,
body .gform_wrapper .gfield_signature_container canvas,
body .gform_wrapper .gfield_signature_container + div{
	width:100% !important;
}
body .gform_wrapper .ginput_container_consent{
	position:relative;
	padding-left: 20px;
}
body .gform_wrapper .ginput_container_consent [type=checkbox]{
	position: absolute;
    left: 0px;
    top: 7px;
}
body .gform_wrapper .ginput_container_consent label{
	display: inline;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:checked, .gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:not(:checked), .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
    display: inline-block;
    margin-top: 0;
    top: 0;
    vertical-align: middle;
}
.gform_wrapper.gravity-theme .gfield--type-choice .gchoice{
	position:relative;
	overflow:hidden;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:checked+label, .gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:not(:checked)+label, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked+label, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:not(:checked)+label{
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
	vertical-align:middle;
	max-width:100%;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:checked+label:before, .gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:not(:checked)+label:before, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked+label:before, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid var( --brand-orange);
    background-color: #fff;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked+label:before, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:not(:checked)+label:before{
	border-radius: 16px;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:checked+label:after, .gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:not(:checked)+label:after,.gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked+label:after, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: var( --brand-orange );
    position: absolute;
	opacity:0;
    top: 7px;
    left: 3px;
    -webkit-transition: background-color .2s ease,-webkit-transform .2s ease;
    transition: background-color .2s ease,-webkit-transform .2s ease;
    transition: background-color .2s ease,transform .2s ease;
    transition: background-color .2s ease,transform .2s ease,-webkit-transform .2s ease;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked+label:after, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:not(:checked)+label:after{
	border-radius: 10px;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:checked+label:after, .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked+label:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
body .gform_wrapper .gfield--has-description .gfield_description{
	padding-top: 10px;
    font-size: 12px;
    line-height: normal;
}
body .gform_wrapper.gravity-theme .gfield textarea{
	display:block;
}
body .gpfup--strict .gpfup__delete{
	padding:0.2rem;
	min-width:1px;
}
body .gform_wrapper.gravity-theme .full .ginput_container_address span.address_zip,
body .gform_wrapper.gravity-theme .full .ginput_container_address span.address_state{
	flex: 0 0 100%;
}
body .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address{
	row-gap:16px;
	margin: 0px;
}
body .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address span{
	margin-bottom:0px !important;
	padding:0px !important;
}
.mrgT0, .mrgT0 .gsection_title{
	margin-top:0px !important;
}
body .gform_wrapper.gravity-theme .gfield_required{
	color: inherit;
}
/* Form Popup */
.form-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 39, 72, 0.90);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}
#form-custom-popup .error-content-box .error-content-img-wrapper {
    padding-bottom: 120px;
    margin-left: -80px;
}

/* FAQs */
.faq-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.faq-grid .faq-item{ 
	width: 100%;
	overflow: hidden;
	border-radius: 5px;
	background-color: var(--brand-white);
	padding: 30px 110px 30px 50px;
	position: relative;
	display: flex;
    flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	min-height: 133px;
	cursor: pointer;
	-webkit-transition: 0.4s all ease-in-out;
	-ms-transition: 0.4s all ease-in-out;
	-o-transition: 0.4s all ease-in-out;
	transition: 0.4s all ease-in-out;
}
.faq-grid .faq-item .faq-question{
	margin:0px;
	width: 100%;
}
.faq-grid .faq-item .faq-question p{
	margin:0px;
}
.faq-grid .faq-item .faq-question .faq-toggle{
	display: inline-block;
	height: 24px;
	width: 24px;
	background: url('images/faq-plus-icon.svg') no-repeat center center;
	position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.faq-grid .faq-item.active{
	background-color: var(--brand-yellow); 
}
.faq-grid .faq-item.active .faq-question .faq-toggle{
	background: url('images/faq-close-icon.svg') no-repeat center center;
}
.faq-grid .faq-item .faq-answer{
	width: 100%;
	display: none;
	letter-spacing: 0.2px;
}
.faq-grid .faq-item .faq-answer a{
	color: inherit;
	text-decoration: underline;
}
.faq-grid .faq-item .faq-answer a:hover{
	text-decoration: none;
}
.faq-grid .faq-item .faq-answer p:last-child{
	margin-bottom: 0px;
}
.cta-section-content.common-padding{
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
	padding-top: 0px;
}
.cta-section-content .cta-title,
.cta-section-content .cta-link-section{
	width: 100%;
}
/* Age Gate Popup */
.welcomeScreen{
	display: none;
	background: var(--brand-blue);
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
}
.welcomeScreen.isShow {
    animation: popupAnim 1s ease;
    display: block;
}
@keyframes popupAnim {
	0% {
		background: var(--brand-blue);
		opacity: 0;
	}
	100% {
		background: var(--brand-blue);
		opacity: 1;
	}
}
.welcomeScreen .common-padding{
	padding-bottom: 0px;
	height: 100%;
}
.welcomeScreen .popupContent{
	height: 100%;
}
.age-gate-grid{
	display: flex;
	align-items: stretch;
	height: 100%;
}
.age-gate-grid .age-gate-col{
	display: flex;
    align-items: flex-end;
	width: 50%;
	gap: 55px;
}
.age-gate-grid .age-gate-col.right-col{
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.age-gate-grid .age-gate-section-img{
	width: 100%;
}
.age-gate-grid .age-gate-section-img img{
	display:block;
	margin:0 auto;
}
.age-gate-grid .age-gate-title-wrapper{
	max-width: 642px;
	position: relative;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
	padding-top: 66px;
    -webkit-transform: rotate(-5.71deg);
	-ms-transform: rotate(-5.71deg);
	-o-transform: rotate(-5.71deg);
	transform: rotate(-5.71deg);
}
.age-gate-grid .age-gate-title-wrapper .age-gate-title,
.age-gate-grid .age-gate-title-wrapper .age-gate-sub-title{
	margin-top: 0px;
}
.age-gate-grid .age-gate-title-wrapper .thunder-image{
	display: inline-block;
    background: url('images/lighting-icon.svg') no-repeat center center;
    background-size: 100%;
	width: 115px;
    height: 103px;
    position: absolute;
    right: 40px;
    top: 0px;
    -webkit-transform: rotate(50.87deg);
    -ms-transform: rotate(50.87deg);
    -o-transform: rotate(50.87deg);
    transform: rotate(50.87deg);
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.age-gate-grid .age-gate-col .btnWrap{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 15px;
}
.age-gate-grid .age-gate-col .btnWrap .btn{
	min-width: 218px;
}
/* Wedgehead Area */
.wedgehead-area{
	position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 9;
	cursor: pointer;
}
.wedgehead-area .base-text{
	font-size: 28px;
	line-height: 1.07em;
	text-transform: uppercase;
}
.wedgehead-area .base-text a{
	color: inherit;
	text-decoration: underline;
	display: inline-block;
}
.wedgehead-area .base-text a:hover{
	color: inherit;
	text-decoration: none;
}
.wedgehead-area .base-text p:last-child{
	margin-bottom: 0px;
}
.wedgehead-area .error-content-box{
	max-width: 385px;
}
.wedgehead-area .error-content-box .error-head-img{
	height: 110px;
    width: 100px;
    background-size: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.wedgehead-area.wedgehead-active .error-content-box .error-head-img{
	height: 160px;
    width: 150px;
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
}
.wedgehead-area .error-content-box .error-content-img{
	padding: 23px 12px;
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.wedgehead-area.wedgehead-active .error-content-box .error-content-img{
	padding: 70px 35px;
}
.wedgehead-area .error-content-box .error-content-inner{
	max-width: 163px;
}
.wedgehead-area .error-content-box .error-content-img-wrapper {
    padding-bottom: 45px;
    margin-left: -5px;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.wedgehead-area.wedgehead-active .error-content-box .error-content-img-wrapper {
    padding-bottom: 45px;
    margin-left: -20px;
}
/* Search Page */
.search .search-entry-header,
.search .post-thumbnail{
	margin-bottom: 1rem;
}
.search .post-thumbnail img{
	display: block;
	margin: 0 auto;
}
.search article{
	margin-bottom: 50px;
}
.search article a:hover{
	color: var(--brand-white);
}
.search .search-form{
	display: flex;
	gap:15px;
}
.search .search-form > label{
	display: block;
	width: calc(100% - 266px - 15px);
}
.search .search-form > label [type="search"]{
	display: block;
	width: 100%;
}
/* New Changes */
.beer-slider-section .has-orange-dot-bottom-right,
.tea-slider-section .has-orange-dot-bottom-left{
	padding-bottom:30px;
}
.beer-slider-section .has-orange-dot-bottom-right::after,
.tea-slider-section .has-orange-dot-bottom-left::after{
	bottom: -45px;
}
.beer-slider-section .section-title,
.tea-slider-section .section-title{
	margin:0px;
}
.text-with-image-section .has-orange-dot-bottom-right::after,
.beer-slider-section.has-orange-dot-bottom-left::after{
	display:none;
}



/* Responsive CSS */
@media (min-width: 1199px) {
	/* CSS Added By YC */
	.beer-detail-wrapper .product-banner-section .banner-grid-col .banner-vector-sec img {
		margin-top: -40px;
	}
	.beer-detail-wrapper h5.banner-desc, 
	.hard-teas-detail-wrapper h5.banner-desc {
		font-size: 26px;
		line-height: 1.3em;
	}
}
@media (min-width:1200px){
	/* Common */
	.hidden-lg{
		display: none !important;
	}
	body{
		padding-bottom: 150px;
	}
	/* Swag Shop */
	.swag-shop-section .section-content{
		-webkit-transform: translateY(25%);
		-ms-transform: translateY(25%);
		-o-transform: translateY(25%);
		transform: translateY(25%);
		-webkit-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.swag-shop-section.animated .section-content{
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	/* Latest News */
	.latest-news-section .latest-news-list-section{
		-webkit-transform: translateY(10%);
		-ms-transform: translateY(10%);
		-o-transform: translateY(10%);
		transform: translateY(10%);
		-webkit-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.latest-news-section.animated .latest-news-list-section{
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	/* Beer Detail Page */
	.banner-grid-section .banner-image-section .banner-image,
	.banner-grid-section .banner-image-section .banner-object{
		top: -50px;
	}
	/* CSS Added By YC */
	.hard-teas-detail-wrapper .banner-grid-section .banner-image-section .banner-image, 
	.hard-teas-detail-wrapper .banner-grid-section .banner-image-section .banner-object{
		top: 0px;
    }
	/* Footer */
	footer .site-info .container-medium{
		padding-bottom: 20px;
	}
}
@media (min-width:1401px){
	/* Hero Banner */
	.hero-banner-section .hero-title-section .hero-sub-title{
		font-size: 140px;
		line-height: 0.85em;
	}
	.hero-banner-section .hero-title-section .hero-sub-title{
		font-size: 70px;
		line-height: 1.28em;
	}
}
@media (min-width:992px) and (max-width:1199px){
	/* Common */
	.hidden-md{
		display: none !important;
	}
}
@media (min-width:768px) and (max-width:991px){
	/* Common */
	.hidden-sm{
		display: none !important;
	}
}
@media (max-width:767px){
	/* Common */
	.hidden-xs{
		display: none !important;
	}
}
@media (max-width:1500px){
	/* Beer Detail Page */
	.product-info-wrapper .product-extra-info-sec{
		padding: 0px 100px;
	}
}
@media (max-width:1450px){
	/* Beer Detail Page */
	.product-banner-section .banner-grid-section .banner-grid-col.left{
		width: 55%;
	}
	.product-banner-section .banner-grid-section .banner-grid-col.right{
		width: 45%;
	}
	/* News Listing */
	.featured-news-box .custom-tag.featured{
		left: -8px;
	}
}
@media (max-width:1400px){
	/* Common */
	h1,
	.header-typ1{
		font-size: 82px;
	}
	h2,
	.header-typ2{
		font-size: 72px;
	}
	h3,
	.header-typ3{
		font-size: 47px;
	}
	h4,
	.header-typ4{
		font-size: 34px;
	}
	h5,
	.header-typ5{
		font-size: 30px;
	}
	h6,
	.header-typ6{
		font-size: 26px;
	}
	.mobile-h1{
		font-size: 82px !important;
	}
	.mobile-h2{
		font-size: 72px !important;
	}
	.mobile-h3{
		font-size: 47px !important;
	}
	.mobile-h4{
		font-size: 34px !important;
	}
	.mobile-h5{
		font-size: 30px !important;
	}
	.mobile-h6{
		font-size: 26px !important;
	}
	/* Callout Section */
	.callout-outer .callout-seperator-section{
		width: 152px;
	}
	.mega-menu .callout-outer .callout-seperator-section {
		width: 120px;
	}
	.callout-box .callout-image-sec .callout-main-image{
		max-width: 400px;
	}
	/* 404 Page */
	.error-content-box .error-content-img-wrapper{
		margin-left: -95px;
	}
	/* Beer Slider */
	.beer-slider-list .beer-slider-box .beer-slider-box-image-wrapper{
		max-width: 350px;
	}
	.beer-slider-list .slider-separator{
		width: 130px;
	}
	.beer-slider-list .beer-slider-box{
		padding-left: 65px;
	}
	.beer-slider-list .beer-slider-box .beer-slider-box-link{
		max-width: 270px;
	}
	/* Teas Slider */
	.tea-slider-list .tea-slider-box .tea-slider-box-image-wrapper{
		max-width: 350px;
	}
	.tea-slider-list .slider-separator{
		width: 130px;
	}
	.tea-slider-list .tea-slider-box{
		padding-left: 65px;
	}
	.tea-slider-list .tea-slider-box .tea-slider-box-link{
		max-width: 270px;
	}
	.tea-slider-list .tea-slider-info{
		max-width: 175px;
	}
	/* Beer Callout */
	.beer-callout-section{
		padding: 120px 0px 100px 0px;
	}
	/* Teas Callout */
	.tea-callout-wrapper{
		max-width: 1050px;
	}
	/* Beer & Teas Listing */
	.has-hard-teas-bg-vector .hard-teas-bg-vector svg{
		width: auto;
	}
	/* Beer Detail Page */
	.product-info-section .product-info-box-inner .product-info-desc{
		font-size: 34px;
	}
	.product-banner-section .right-col-inner .banner-title-sec .banner-title{
		font-size: 70px;
	}
	.product-banner-section .banner-grid-col .right-col-inner .banner-desc-sec .base-text{
		font-size: 30px;
	}
	/* Instagram Section */
	.instagram-section.animated .instagram-header-info-inner .instagram-object.star{
		left: -65px;
	}
	.instagram-section .instagram-header-info-inner .instagram-object.lighting{
		right: -115px;
	}
	/* Form Popup */
	#form-custom-popup .error-content-box .error-content-img-wrapper {
        margin-left: -75px;
    }
	/* Hero Banner */
	.hero-banner-section .hero-title-section .hero-sub-title {
		margin-bottom: -10px;
	}
	/* Age Gate Popup */
	.age-gate-grid .age-gate-title-wrapper{
		max-width: 542px;
	}
	/* Latest News */
	.latest-news-section .latest-news-outer .latest-news-box{
		max-width: 390px;
	}
}
@media (max-width:1300px){
	/* Beer Detail Page */
	.product-banner-section .right-col-inner .banner-btn-sec .btn{
		min-width: 1px;
		flex: 1;
	}
	/* Latest News */
	.latest-news-section .latest-news-outer .latest-news-col{
		padding: 40px;
	}
}
@media (max-width:1199px){
	/* Common */
	body,
	button,
	input,
	select,
	optgroup,
	textarea,
	.btn, 
	button, 
	input[type="button"], 
	input[type="reset"], 
	input[type="submit"] {
		font-size: 22px;
	}
	h1,
	.header-typ1{
		font-size: 80px;
	}
	h2,
	.header-typ2{
		font-size: 70px;
	}
	h3,
	.header-typ3{
		font-size: 45px;
	}
	h4,
	.header-typ4{
		font-size: 32px;
	}
	h5,
	.header-typ5{
		font-size: 28px;
	}
	h6,
	.header-typ6{
		font-size: 24px;
	}
	.mobile-h1{
		font-size: 80px !important;
	}
	.mobile-h2{
		font-size: 70px !important;
	}
	.mobile-h3{
		font-size: 45px !important;
	}
	.mobile-h4{
		font-size: 32px !important;
	}
	.mobile-h5{
		font-size: 28px !important;
	}
	.mobile-h6{
		font-size: 24px !important;
	}
	.page-content, .entry-content, .entry-summary{
		margin: 45px 0 0;
	}
	.cms-wrapper .common-padding{
		padding-top: 30px;
		padding-bottom: 70px;
	}
	.common-padding{
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.listing-page-outer .common-padding{
		padding-bottom: 65px;
	}
	.base-text{
		font-size: 30px;
		line-height: 1.2em;
	}
	.pagination.custom-pagination{
		margin-top: 60px;
	}
	.has-orange-dot::before{
		left: -54px;
	}
	.has-orange-dot::after{
		right: -54px;
	}
	/* Header */
	body #mega-menu-wrap-menu-1 .mega-main-nav {
        padding: 70px 20px 50px 20px;
        overflow: hidden;
        overflow-y: auto;
        border-right: none;
        box-shadow: none;
        -webkit-transition: right .5s;
        transition: right .5s;
        width: 100%;
        z-index: 9999;
        background-color: var(--brand-orange);
        right: -100%;
        position: fixed;
        top: 100px;
        bottom: 0;
		text-align: center;
    }
	body #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + .mega-main-nav {
        right: 0;
        top: 88px;
    }
	body #mega-menu-wrap-menu-1 .mega-main-nav:after{
		content: '';
		display: inline-block;
		background: url('images/mobile-menu-bg-vector.svg') no-repeat center center;
		width: 71px;
		height: 897px;
		position: absolute;
		right: 0px;
		/* bottom: 0px; */
		top: 0px;
		z-index: 1;
	}
	body #mega-menu-wrap-menu-1 .mega-main-nav > *{
		position: relative;
		z-index: 2;
	}
	body #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open:after{
		display: none;
	}
	body #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block{
		position: relative;
		margin: 0px !important;
	}
	body #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block:after{
		display: none;
	}
	body #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block:before{
		content: '';
		display: inline-block;
		background: url('images/humburger-menu-icon.svg') no-repeat center center;
		width: 37px;
		height: 29px;
	}
	body #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block:before{
		background: url('images/menu-close-icon.svg') no-repeat center center;
	}
	body #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left,
	body #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-center{
		display: none;
	}
	header .site-header-inner{
		gap: 13px;
	}
	header .site-header-inner .site-branding{
		order:1;
	}
	header .site-header-inner .main-navigation {
		width: 37px;
		order:3;
	}
	header .site-header-inner .find-us-btn-section{
		width: calc(100% - 289px - 26px);
		text-align: right;
		order:2;
	}
	header .site-header-inner .find-us-btn-section .btn i{
		display: none;
	}
	.btn.btn-small {
		padding: 8px 15px 9px 15px;
		line-height: 0.9em;
		min-width: 100px;
	}
	.mega-main-nav .where-buy-btn .btn{
		display: inline-block;
	}
	.mega-main-nav .where-buy-btn,
	.mega-main-nav .mb-social-media{
		margin-top: 40px;
	}
	.mega-main-nav .mb-social-media .social-media-list{
		display: flex;
	}
	/* Footer */
	footer .site-ft-section{
		flex-wrap: wrap;
	}
	footer .site-ft-section .ft-menu-col{
		width: 100%;
		order:2;
	}
	footer .site-ft-section .ft-info-col{
		width:100%;
		order:1;
	}
	footer .site-ft-section{
		gap: 40px;
	}
	footer .ft-social-media{
		margin-top: 20px;
	}
	footer .find-us-btn-section{
		margin-top: 50px;
	}
	footer .find-us-btn-section .btn.btn-small{
		font-size: 22px;
		padding: 23px 30px;
    	min-width: 284px;
		line-height: 0.9em;
	}
	footer .find-us-btn-section .btn.btn-small i{
		display: none;
	}
	footer .site-ft-section .ft-menu-col .main-navigation{
		margin:0 auto;
	}
	footer .ft-info-col .custom-logo-link img{
		max-width: 252px;
	}
	/* Callout Section */
	.callout-outer{
		flex-wrap: wrap;
	}
	.callout-outer .callout-col{
		flex: auto;
		width: 100%;
	}
	.callout-box .callout-image-sec .callout-main-image{
		max-width: 350px;
	}
	.callout-col.right-col .callout-box .callout-heading{
		max-width: 280px;
	}
	.callout-outer .callout-col.left-col:after,
	.callout-outer .callout-col.right-col:before{
		display: none;
	}
	.callout-outer .container-medium{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.callout-col.right-col .callout-box .callout-image-sec .callout-object.star-circle img{
		max-width: 185px;
	}
	.callout-outer .callout-seperator-section,
	.mega-menu .callout-outer .callout-seperator-section{
		width: 100%;
		margin:0px 0px -2px 0px;
	}
	.callout-outer .callout-seperator-section svg{
		position: relative;
		top:auto;
		bottom: auto;
		left: auto;
		right: auto;
	}
	/* 404 Page */
	.error-content-box .error-content-img-wrapper{
		margin-left: -125px;
	}
	/* Swag Shop Section */
	.swag-shop-grid{
		flex-wrap: wrap;
	}
	.swag-shop-grid .swag-shop-col.left,
	.swag-shop-grid .swag-shop-col.right {
		flex: auto;
		width: 100%;
	}
	/* Beer Slider */
	.beer-slider-list .beer-slider-box .beer-slider-box-image-wrapper{
		max-width: 250px;
	}
	.beer-slider-list .slider-separator{
		width: 110px;
	}
	.beer-slider-list .beer-slider-box{
		padding-left: 55px;
	}
	/* Teas Slider */
	.tea-slider-list .tea-slider-box .tea-slider-box-image-wrapper{
		max-width: 250px;
	}
	.tea-slider-list .slider-separator{
		width: 110px;
	}
	.tea-slider-list .tea-slider-box{
		padding-left: 55px;
	}
	/* Image with Text */
	.text-with-image-section .image-text-grid{
		flex-wrap: wrap;
		gap: 30px;
	}
	.text-with-image-section .image-text-col{
		width: 100%;
		flex: auto !important;
	}
	.text-with-image-section .image-text-col.right .section-image{
		max-width: 256px;
		left: -27px;
        position: relative;
	}
	.text-with-image-section .image-text-col.right .image-inner-wrapper:after{
		left: 50%;
	}
	.text-with-image-section .image-text-col .text-inner-wrapper{
		max-width: 820px;
		margin: 0 auto;
	}
	/* Merch Section */
	.merch-callout-section .merch-callout-outer{
		flex-wrap: wrap;
		min-height: 10px;
	}
	.merch-callout-section .merch-callout-outer .merch-callout-col{
		width: 100% !important;
	}
	.merch-callout-section .merch-callout-outer .merch-callout-col.right-col{
		order:1;
	}
	.merch-callout-section .merch-callout-outer .merch-callout-col.left-col{
		order:2;
		padding:0px;
		padding-bottom: 70%;
	}
	.merch-callout-section .merch-callout-outer .merch-callout-col{
		padding: 140px 20px 20px 20px;
	}
	.merch-callout-section .merch-callout-outer .merch-callout-col .merch-callout-seperator-section {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		height: 102%;
		width: 100%;
	}
	.merch-callout-section .merch-callout-outer .merch-callout-col .merch-callout-seperator-section svg{
		display: block;
	}
	.merch-callout-section .merch-callout-outer .merch-callout-box{
		max-width: 298px;
	}
	.merch-callout-section .merch-callout-outer .explosion-bg{
		top: 20px;
	}
	.merch-callout-section.active .merch-callout-outer .explosion-bg {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	/* Beer Callout */
	.beer-callout-section {
        padding: 70px 0px 20px 0px;
    }
	.beer-callout-wrapper{
		flex-wrap: wrap;
		gap: 10px;
	}
	.beer-callout-wrapper .beer-callout-col{
		width: 100%;
		flex: auto;
	}
	.beer-callout-wrapper .beer-callout-box,
	.beer-callout-wrapper .beer-callout-image-sec img{
		margin: 0 auto;
	}
	.beer-callout-wrapper .beer-callout-image-sec{
		max-width: 633px;
		margin: 0 auto;
	}
	.beer-callout-wrapper .beer-callout-title-wrapper .beer-callout-object{
		display: none;
	}
	/* Teas Callout */
	.tea-callout-section {
        padding: 100px 0px 20px 0px;
    }
	.tea-callout-wrapper{
		flex-wrap: wrap;
		gap: 10px;
	}
	.tea-callout-wrapper .tea-callout-col{
		width: 100%;
		flex: auto;
	}
	.tea-callout-wrapper .tea-callout-image-sec{
		max-width: 633px;
	}
	.tea-callout-wrapper .tea-callout-image-wrapper .tea-callout-object{
		display: none;
	}
	/* Beer & Teas Listing */
	.listing-page-outer .page-header{
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 55px;
	}
	.listing-page-outer .page-header .page-header-inner{
		padding-top: 105px;
	}
	.listing-page-outer .page-header .archive-description{
		margin-top: 30px;
	}
	.listing-page-outer .page-header .thunder-image,
	.listing-page-outer .page-header .thunder-image.right{
		left: 50%;
		right:auto;
		top: -10px;
		width: 124px;
    	height: 100px;
		-webkit-transform: rotate(-3.1deg) translateX(-50%);
		-ms-transform: rotate(-3.1deg) translateX(-50%);
		-o-transform: rotate(-3.1deg) translateX(-50%);
		transform: rotate(-3.1deg) translateX(-50%);
	}
	.listing-box-grid{
		gap: 18px 11px;
	}
	.listing-box-grid .beer-tea-box-outer {
		width: calc(50% - (11px / 2));
	}
	.has-black-dot-left:before{
		left: -40px;
	}
	.has-black-dot-right:after{
		right: -40px;
	}
	.has-orange-dot-right:after{
		/* right: -40px; */
		right: -80px;
	}
	.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image{
		max-width: 322px;
		padding-top: 15px;
	}
	.listing-box-grid .beer-tea-box-outer .beer-tea-box,
	.listing-box-grid .beer-tea-box-outer .beer-tea-box.beer-tea-last-box{
		padding: 20px;
	}
	.listing-box-grid .beer-tea-box .beer-tea-info .beer-tea-abv {
		font-size: 18px;
		line-height: 1em;
		letter-spacing: 0.3px;
	}
	/* Beer Detail Page */
	.product-info-section .product-info-grid{
		gap: 36px;
		padding: 0px;
	}
	.product-info-section .product-info-grid .product-info-box{
		width: calc(50% - 36px / 2);
		padding: 40px;
		flex: auto;
		min-height: 330px;
	}
	.product-info-section .product-info-box .product-info-box-inner{
		justify-content: center;
	}
	.product-info-section .product-info-box-inner .product-info-desc{
		font-size: 32px;
		flex: 0;
	}
	.product-banner-section .banner-grid-section{
		flex-direction: column-reverse;
		align-items: center;
	}
	.product-banner-section .right-col-inner .banner-title-sec{
		order:1;
	}
	.product-banner-section .right-col-inner .banner-avaiable-sec{
		order:2;
	}
	.product-banner-section .right-col-inner .banner-btn-sec{
		order:3;
		margin-bottom: 0px;	
	}
	.product-banner-section .banner-grid-section .banner-grid-col.left,
	.product-banner-section .banner-grid-section .banner-grid-col.right{
		width: 100%;
	}
	.product-banner-section .banner-grid-col .right-col-inner,
	.banner-grid-section .banner-image-section{
		max-width: 620px;
		margin:0 auto;
	}
	.product-info-section .product-info-grid .product-info-box:hover .product-info-box-bg {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.product-info-wrapper{
		gap: 12px;
	}
	.product-info-wrapper .product-extra-info-sec{
		margin-top: 40px;
	}
	.has-orange-dot-right:after{
		top: auto;
        bottom: 0px;
	}
	.product-info-wrapper .product-extra-info-sec{
		padding: 0px 30px;
	}
	/* Latest News */
	.latest-news-section .latest-news-outer{
		flex-wrap: wrap;
		min-height: 10px;
	}
	.latest-news-section .latest-news-outer .latest-news-col{
		width: 100% !important;
	}
	.latest-news-section .latest-news-outer .latest-news-col{
		padding: 140px 20px 70px 20px;
	}
	.latest-news-section .latest-news-outer .latest-news-col.right-col{
		padding-top: 0px;
	}
	.latest-news-section .latest-news-outer .latest-news-col.right-col .latest-news-btn-sec{
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.latest-news-section .latest-news-outer .latest-news-box{
		max-width: 360px;
	}
	.latest-news-section .latest-news-outer .explosion-bg{
		top: 20px;
	}
	.latest-news-section.active .latest-news-outer .explosion-bg {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	.latest-news-section .has-black-dot-right::after{
		background: url('images/black-dot-bottom-vector.svg') no-repeat left top;
		width: 1080px;
		height: 85px;
		left: 0px;
		right: auto;
		bottom: -15px;
	}
	/* Form Popup */
	#form-custom-popup .error-content-box .error-content-img-wrapper {
        margin-left: -75px;
    }
	#form-custom-popup .error-content-box .error-content-inner {
		max-width: 460px;
	}
	/* Age Gate Popup */
	.age-gate-grid .age-gate-title-wrapper .thunder-image{
		right: 20px;
	}
	/* Wedgehead Area */
	.mb-wedgehead-area-wrapper{
		text-align: left;
		padding-top: 120px;
	}
	.mb-wedgehead-area-wrapper .wedgehead-area{
		display: inline-block;
		position: relative;
		left: auto;
		bottom: auto;
	}
}
@media (max-width:991px){
	/* Common */
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 20px;
		line-height: 1.2em;
	}
    h1,
	.header-typ1{
        font-size: 68px;
        line-height: 0.95em;
    }
    h2,
	.header-typ2{
        font-size: 55px;
        line-height: 1em;
    }
    h3,
	.header-typ3{
        font-size: 36px;
        line-height: 0.88em;
    }
    h4,
	.header-typ4{
        font-size: 26px;
        line-height: 1.15em;
    }
    h5,
	.header-typ5{
        font-size: 20px;
        line-height: 1.2em;
    }
    h6,
	.header-typ6{
        font-size: 16px;
        line-height: 1.5em;
    }
	.mobile-h1{
        font-size: 68px !important;
        line-height: 0.95em !important;
    }
	.mobile-h2{
        font-size: 55px !important;
        line-height: 1em !important;
    }
	.mobile-h3{
        font-size: 36px !important;
        line-height: 0.88em !important;
    }
	.mobile-h4{
        font-size: 26px !important;
        line-height: 1.15em !important;
    }
	.mobile-h5{
        font-size: 20px !important;
        line-height: 1.2em !important;
    }
	.mobile-h6{
        font-size: 16px !important;
        line-height: 1.5em !important;
    }
	.has-black-dot::before{
		top:-46px;
	}
	.has-orange-dot:before{
		background: url('images/cms-wrapper-textuer-orange-top.svg') no-repeat bottom left;
		width: 100%;
        height: 60px;
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: auto;
        right: 0px;
	}
	.has-orange-dot:after{
		display: none;
	}
	.pagination.custom-pagination{
		margin-top: 40px;
	}
	/* 404 Page */
	.error-content-box .error-head-img{
		height: 200px;
		width: 177px;
		background-size: 100%;
	}
	.error-content-box .error-content-img-wrapper{
		padding-bottom: 80px;
        margin-left: -110px;
	}
	/* Swag Shop Section */
	.swag-shop-section.has-orange-dot:before{
		display: none;
	}
	.swag-shop-category-list{
		gap: 16px 13px;
	}
	.swag-shop-category-list .swag-shop-category-box{
		width: calc(50% - (13px / 2));
	}
	.custom-tag{
		min-width: 157px;
	}
	.custom-tag.featured{
		left: -8px;
	}
	.swag-shop-product-list .product-title,
	.swag-shop-category-list .category-title{
		font-size: 22px;
		line-height: 0.90em;
	}
	.swag-shop-product-list .product-link{
		padding: 25px 10px;
	}
	/* Beer Slider */
	.beer-slider-list{
		padding-bottom: 0px;
	}
	.beer-slider-section.common-padding{
		padding-bottom: 120px;
	}
	.beer-slider-list .beer-slider-box-image-wrapper .beer-slider-box-image,
	.tea-slider-list .tea-slider-box-image-wrapper .tea-slider-box-image {
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
		transform: rotate(-4deg);
	}
	.beer-slider-list .beer-slider-box-image-wrapper .beer-slider-box-image-hover,
	.tea-slider-list .tea-slider-box-image-wrapper .tea-slider-box-image-hover {
		opacity: 1;
	}
	.beer-slider-list .beer-slider-box-image-wrapper .beer-slider-box-image-hover,
	.tea-slider-list .tea-slider-box-image-wrapper .tea-slider-box-image-hover{
		top: -10px;
	}
	.beer-slider-section.has-orange-dot-bottom-left::after{
		background: url('images/orange-dot-bottom-right-vector.svg') no-repeat right top;
		bottom: -45px;
		right: 0px;
		left: auto;
	}
	/* Teas Slider */
	.tea-slider-list .tea-slider-info{
		max-width: 140px;
	}
	/* Image with Text */
	.text-with-image-section .image-text-col .text-inner-wrapper {
        max-width: 360px;
		padding-top: 152px;
    }
	.text-with-image-section .thunder-image{
		left: 45%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.has-orange-dot-bottom-right:after{
		bottom: -45px;
	}
	.text-with-image-section .has-orange-dot-bottom-right:after{
		background: url('images/orange-dot-bottom-left-vector.svg') no-repeat left top;
		left: 0px;
		right: auto;
	}
	/* Beer & Teas Listing */
	.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image{
		padding-top: 0px;
	}
	.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image .beer-tea-image-hover{
		display: none;
	}
	.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image:hover .beer-tea-image{
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	/* Beer Detail Page */
	.product-info-section .product-info-box-inner .product-info-desc{
		font-size: 26px;
		line-height: 1.15em;
	}
	.product-banner-section .has-black-dot::after{
		bottom: 155px;
	}
	/* News Listing */
	.featured-news-box .featured-news-wrapper{
		flex-wrap: nowrap;
		flex-direction: column-reverse;
	}
	.featured-news-box .featured-news-wrapper .featured-news-info,
	.featured-news-box .featured-news-wrapper .featured-news-image-wrapper{
		width: 100%;
	}
	.listing-grid-outer .news-listing-box-grid{
		gap: 13px;
	}
	.listing-grid-outer .news-listing-box-grid .news-box-wrapper{
		width: 100%;
	}
	.news-box-wrapper{
		min-height: 160px;
	}
	.news-box-wrapper .news-box .news-box-info{
		padding:20px 30px 20px 20px;
	}
	.news-box-wrapper .news-box-info .news-right-arrow{
		right: 15px;
	}
	.news-box-wrapper .news-box .news-box-col.left{
		width: 38%;
	}
	.news-box-wrapper .news-box .news-box-col.right{
		width: 62%;
	}
	.featured-news-box .featured-news-wrapper .featured-news-info{
		padding: 30px;
	}
	.blog-filter-section .filter-toggle{
		margin-right: auto;
	}
	.featured-news-box .featured-news-link{
		padding: 25px 10px;
	}
	.news-box-wrapper .news-box-info .news-box-category{
		font-size: 16px;
	}
	.load-more-btn-sec{
		margin-top: 85px;
	}
	/* News Detail */
	.single-post .detail-page-wrapper .cms-wrapper .common-padding{
		padding-top: 80px;
	}
	.detail-page-wrapper .cms-wrapper .back-btn-section{
		margin-bottom: 10px;
	}
	.post-content-section .post-content .wp-block-group.is-layout-flex .wp-block-columns {
        flex-wrap: nowrap !important;
    }
	.post-content-section .post-content .wp-block-image {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.post-content-section .post-content p:last-child {
		margin-bottom: 50px;
	}
	.post-header-section .entry-title{
		margin-bottom: 20px;
	}
	/* Instagram Section */
	.instagram-section.common-padding{
		padding-top: 10px;
		padding-bottom: 50px;
	}
	.instagram-section .instagram-header-section .instagram-header-info-inner{
		padding-top: 80px;
	}
	.instagram-section .instagram-header-info-inner .instagram-object.star{
		height: 85px;
		width: 85px;
		background-size: 100%;
		left: 50px;
    	top: 55px;
		-webkit-transform: scale(1) rotate(46.03deg);
		-ms-transform: scale(1) rotate(46.03deg);
		-o-transform: scale(1) rotate(46.03deg);
		transform: scale(1) rotate(46.03deg);
	}
	.instagram-section.animated .instagram-header-info-inner .instagram-object.star {
		left: 50px;
		-webkit-transform: scale(1) rotate(-46.03deg);
		-ms-transform: scale(1) rotate(-46.03deg);
		-o-transform: scale(1) rotate(-46.03deg);
		transform: scale(1) rotate(-46.03deg);
	}
	.instagram-section .instagram-header-info-inner .instagram-object.lighting{
		display: none;
	}
	.instagram-section .instagram-main-feed{
		-webkit-transform: translateX(53%);
		-ms-transform: translateX(53%);
		-o-transform: translateX(53%);
		transform: translateX(53%);
	}
	.instagram-section .instagram-header-section{
		margin-bottom: 30px;
	}
	body .sbi_carousel.sbi-owl-drag .sbi-owl-item{
		padding: 0px;
	}
	/* Contact */
	.form-sidebar-grid{
		flex-wrap: wrap;
		gap: 50px;
	}
	.form-sidebar-grid .form-sidebar-col.right-col{
		width: 100%;
		order:1;
	}
	.form-sidebar-grid .form-sidebar-col.left-col{
		width: 100%;
		order:2;
	}
	.form-sidebar-grid .sidebar-button-social-grid{
		gap: 40px;
		padding-top: 0px;
	}
	.form-sidebar-grid .sidebar-button-social-grid .sidebar-social-wrapper{
		order:1;
	}
	.form-sidebar-grid .sidebar-button-social-grid .sidebar-button-wrapper{
		order:2;
	}
	/* FAQs */
	.faq-grid .faq-item{
		padding: 20px 50px 20px 20px;
		min-height: 94px;
	}
	.cta-section-content.common-padding{
		gap: 20px;
	}
	/* Form Popup */
	#form-custom-popup .error-content-box .error-content-img-wrapper {
        margin-left: -55px;
		padding-bottom: 55px;
    }
	#form-custom-popup .error-content-box .error-content-inner {
		max-width: 360px;
	}
	/* Hero Banner */
	.hero-banner-section .has-black-dot-right::after{
		display: none;
	}
	.hero-banner-section .has-black-dot-left::before{
		background: url('images/black-dot-top-vector.svg') no-repeat right top;
		width: 1080px;
		height: 85px;
		position: absolute;
		right: 0px;
		top: -25px;
		left:auto;
		bottom: auto;
	}
	.hero-banner-section .hero-title-section{
		max-width: 340px;
	}
	.hero-banner-section .hero-title-section .hero-sub-title {
        margin-bottom: -5px;
    }
	.hero-banner-section .hero-image-wrapper img{
		max-width: 335px;
	}
	.hero-banner-section .hero-image-wrapper{
		margin-top: 5px;
	}
	.hero-banner-section .hero-down-arrow-wrapper{
		margin-top: -15px;
	}
	.hero-banner-section .hero-banner-inner .hero-banner-info-wrapper:after{
		bottom: 80px;
	}
	.hero-banner-section .hero-explosion-bg{
		top: 30px;
	}
	.hero-banner-section .hero-explosion-object{
		top: -25px;
	}
	.hero-banner-section.active .hero-explosion-object {
		-webkit-transform: scale(1.19);
		-ms-transform: scale(1.19);
		-o-transform: scale(1.19);
		transform: scale(1.19);
	}
	.hero-banner-section .hero-explosion-bg{
		top: 30px;
	}
	/* Age Gate Popup */
	.age-gate-grid{
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.age-gate-grid .age-gate-col{
		width: 100%;
		gap: 35px;
	}
	.age-gate-grid .age-gate-section-img img{
		max-width: 550px;
		width: 100%;
	}
	.age-gate-grid .age-gate-title-wrapper {
        max-width: 342px;
    }
	.age-gate-grid .age-gate-title-wrapper .thunder-image {
        right: -40px;
    }
	.welcomeScreen .common-padding{
		overflow-y: auto;
	}
	/* Latest News */
	.latest-news-section .latest-news-outer .latest-news-box{
		max-width: 300px;
	}
	/* New Changes */
	.beer-slider-section .has-orange-dot-bottom-right::after{
		background: url('images/orange-dot-bottom-left-vector.svg') no-repeat left top;
        left: 0px;
        right: auto;
		bottom:-65px;
	}
	.tea-slider-section .has-orange-dot-bottom-left::after{
		background: url('images/orange-dot-bottom-right-vector.svg') no-repeat right top;
        bottom: -65px;
        right: 0px;
        left: auto;
	}
	.text-with-image-section .has-orange-dot-bottom-right,
	.beer-slider-section.common-padding{
		padding-bottom:60px;
	}
}
@media (max-width:767px){
	/* Common */
	.visible-sm{
		display: block !important;
	}
	.pagination.custom-pagination{
		margin-top: 30px;
	}
	/* Header */
	body.admin-bar header.site-header {
		top: 46px;
	}
	header .site-header-inner .site-branding {
		width: 165px;
	}
	header .site-header-inner .find-us-btn-section {
        width: calc(100% - 202px - 26px);
    }
	/* Footer */
	footer .site-ft-section .ft-menu-col .main-navigation ul li {
		/* width: calc(50% - (20px/2)); */
	}
	footer .site-ft-section .ft-menu-col .main-navigation ul{
		gap:20px;
		grid-template-rows: repeat(5, 1fr);
    	grid-template-columns: repeat(2, 1fr);
	}
	footer .site-ft-section .ft-menu-col .main-navigation{
		max-width: 380px;
	}
	/* Callout Section */
	.callout-outer .callout-col .callout-box,
	.callout-box .callout-image-sec .callout-main-image {
		max-width: 300px;
	}
	/* 404 Page */
	.error-content-box .error-head-img-wrapper{
		display: none;
	}
	.error-content-box .error-content-img-wrapper,
	#form-custom-popup .error-content-box .error-content-img-wrapper{
		padding: 0px;
        margin: 0px;
	}
	/* Swag Shop Section */
	.star-btn{
		font-size: 26px;
		line-height: 1.15em;
	}
	.star-btn:after{
		background-size: 100%;
        width: 150px;
        height: 140px;
	}
	.star-btn:hover:after {
        -webkit-transform: scale(1.1) rotate(-14.6deg) translate(-33%, -55%);
        -ms-transform: scale(1.1) rotate(-14.6deg) translate(-33%, -55%);
        -o-transform: scale(1.1) rotate(-14.6deg) translate(-33%, -55%);
        transform: scale(1.1) rotate(-14.6deg) translate(-33%, -55%);
    }
	/* Beer & Teas Listing */
	.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-info .beer-tea-last-box-btn-section .btn{
		font-size: 16px;
	}
	.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-title{
		font-size: 26px;
	}
	.listing-page-outer .page-header{
		max-width: 400px;
	}
	.blog .listing-page-outer .page-header {
        max-width: 350px;
    }
	.listing-page-outer .page-header .page-header-inner{
		padding-top: 100px;
	}
	.listing-page-outer .page-header .thunder-image,
	.listing-page-outer .page-header .thunder-image.right{
		top: 0px;
		width: 100px;
    	height: 86px;
	}
	/* Beer Detail Page */
	.product-info-section .product-info-grid{
		flex-direction: column;
		flex: auto;
        width: 100%;
	}
	.product-info-section .product-info-grid .product-info-box{
		width: 100%;
	}
	.product-banner-section .right-col-inner .banner-btn-sec{
		flex-wrap: wrap;
	}
	.product-banner-section .right-col-inner .banner-btn-sec .btn{
		flex: auto;
        width: 100%;
	}
	.product-banner-section .banner-grid-col .right-col-inner, .banner-grid-section .banner-image-section{
		max-width: 500px;
	}
	.product-banner-section,
	.product-banner-section .banner-grid-section{
		margin-bottom: -140px;
	}
	.product-banner-section .has-black-dot {
		padding-bottom: 140px;
	}
	.product-banner-section::after{
		height: 140px;
	}
	.banner-grid-section .back-btn-section{
		top: 60px;
	}
	.product-banner-section .banner-grid-section .banner-grid-col.right {
		padding-top: 110px;
	}
	.product-info-section .has-orange-dot-right {
		padding: 140px 0px 60px 0px;
	}
	.product-banner-section .has-black-dot::after {
        bottom: 115px;
    }
	.product-info-wrapper .product-mb-info .banner-vector-sec{
		max-width: 250px;
    	margin: 0 auto;
	}
	.product-banner-section .has-hard-teas-bg-vector{
		padding-bottom: 140px;
	}
	/* Wedgehead Area */
	.wedgehead-area .error-content-box .error-head-img-wrapper{
		display: block;
	}
	/* Hero Banner */
	.hero-banner-section .hero-banner-inner .hero-banner-info-wrapper:after{
		background-size: cover;
	}
	/* Search Page */
	.search .search-form{
		flex-wrap: wrap;
    	justify-content: center;
	}
	.search .search-form > label{
		width: 100%;
	}
}
@media (max-width:575px){
	/* Common */
	.btn.btn-thunder:before,
	body .gform_wrapper.gravity-theme .gform_footer::before{
		left: -80px;
	}
	.btn.btn-thunder:after,
	body .gform_wrapper.gravity-theme .gform_footer::after{
		right: -80px;
	}
	/* Beer & Teas Listing */
	.beer-tea-last-box-outer .beer-tea-last-box-inner .beer-tea-last-box-info .beer-tea-last-box-btn-section .btn{
		display: block;
		padding:23px 5px;
	}
	/* Beer Detail */
	.product-banner-section,
	.product-banner-section .banner-grid-section{
		margin-bottom: -100px;
	}
	.product-banner-section .has-black-dot {
		padding-bottom: 100px;
	}
	.product-banner-section::after{
		height: 100px;
	}
	.product-info-section .has-orange-dot-right {
		padding: 100px 0px 60px 0px;
	}
	.product-banner-section .has-black-dot::after {
        bottom: 75px;
    }
	.product-banner-section .has-hard-teas-bg-vector{
		padding-bottom: 110px;
	}
	/* Form Popup */
	#form-custom-popup .error-content-box .error-content-inner {
        max-width: 300px;
    }
	#form-custom-popup .error-content-box .error-heading{
		font-size: 45px;
	}
	/* Age Gate Popup */
	.age-gate-grid .age-gate-col .btnWrap{
		flex-direction: column;
	}
	/* 404 Page */
	.error-content-box .error-content-img{
		padding: 112px 45px;
	}
}
@media (max-width:475px){
	/* Instagram Section */
	.instagram-section .instagram-header-section .instagram-header-info-inner{
		max-width: 355px;
	}
	.instagram-section .instagram-header-info-inner .instagram-object.star,
	.instagram-section.animated .instagram-header-info-inner .instagram-object.star{
		left: 0px;
		top: 50px;
	}
	/* Hero Banner */
	.hero-banner-section.active .hero-explosion-object {
		-webkit-transform: scale(1.39);
		-ms-transform: scale(1.39);
		-o-transform: scale(1.39);
		transform: scale(1.39);
	}
}
@media (max-width:429px){
	/* Common */
	h1,
	.header-typ1{
        font-size: 58px;
    }
	h2,
	.header-typ2{
        font-size: 45px;
    }
    h3,
	.header-typ3{
        font-size: 30px;
    }
    h4,
	.header-typ4{
        font-size: 24px;
    }
	.mobile-h1 {
        font-size: 58px !important;
    }
	.mobile-h2{
        font-size: 45px !important;
    }
	.mobile-h3{
        font-size: 30px !important;
    }
	.mobile-h4{
        font-size: 24px !important;
    }
	/* Footer */
	footer .site-ft-section .ft-menu-col .main-navigation ul li{
		width: 100%;
	}
	footer .site-ft-section .ft-menu-col .main-navigation ul{
		/* grid-auto-flow: row;
		grid-template-rows: repeat(1, 1fr);
    	grid-template-columns: repeat(1, 1fr); */
	}
	footer .site-ft-section .ft-menu-col .main-navigation ul li a{
		font-size: 16px;
	}
	.btn.btn-thunder:before,
	.btn.btn-thunder:after,
	body .gform_wrapper.gravity-theme .gform_footer::before,
	body .gform_wrapper.gravity-theme .gform_footer::after{
		display: none;
	}
	/* Header */
	header .site-header-inner .site-branding {
        width: 130px;
    }
	.btn.btn-small {
        padding: 9px;
        font-size: 14px;
        min-width: 85px;
    }
	header .site-header-inner .find-us-btn-section {
        width: calc(100% - 167px - 26px);
    }
	/* 404 Page */
	.error-content-box .error-content-img {
		padding: 20px;
		background-image: none;
		background-color: var(--brand-yellow);
		border-radius: 20px;
	}
	/* Callout Section */
	.callout-box .callout-image-sec .callout-object.lighting,
	.callout-box .callout-image-sec .callout-object.star-circle{
		display: none;
	}
	.callout-col.right-col .callout-box .callout-heading{
		max-width: 220px;
	}
	/* Swag Shop Section */
	.swag-shop-category-list .swag-shop-category-box{
		width: 100%;
	}
	.swag-shop-category-list .swag-shop-category-box:last-child{
		padding: 50px 10px;
	}
	/* Beer Slider */
	/* .beer-slider-list .slider-separator{
		display: none;
	}
	.beer-slider-list .beer-slider-box{
		padding: 25px;
	} */
	.beer-slider-list .beer-slider-box .beer-slider-box-link {
        max-width: 200px;
    }
	/* Teas Slider */
	/* .tea-slider-list .slider-separator{
		display: none;
	}
	.tea-slider-list .tea-slider-box{
		padding: 25px;
	} */
	.tea-slider-list .tea-slider-box .tea-slider-box-link {
        max-width: 200px;
    }
	.tea-slider-list .tea-slider-info{
		max-width: 130px;
	}
	/* Merch Callout Section */
	.merch-callout-section .merch-callout-outer .merch-callout-box {
        max-width: 270px;
    }
	/* Image with text */
	.text-with-image-section .image-text-col .text-inner-wrapper {
        max-width: 300px;
    }
	/* Beer & Teas Listing */
	.listing-box-grid .beer-tea-box .beer-tea-box-inner .beer-tea-box-image .beer-tea-image-hover{
		display: none !important;
	}
	.blog .listing-page-outer .page-header {
        max-width: 300px;
    }
	/* Beer Detail Page */
	.product-info-section .product-info-box-inner .product-info-desc{
		font-size: 24px;
	}
	.product-info-section .product-info-box-inner .product-info-desc .header-typ1 {
		font-size: 80px;
	}
	.product-info-section .product-info-grid .product-info-box{
		min-height: 300px;
	}
	.product-banner-section .right-col-inner .banner-title-sec .banner-title {
        font-size: 58px;
    }
	/* News Listing */
	.featured-news-box .featured-news-wrapper .featured-news-info .featured-news-btn-sec .btn{
		min-width: 1px;
		display: block;
	}
	.featured-news-box .featured-news-wrapper .featured-news-info {
        padding: 20px;
		gap: 25px;
    }
	/* Latest News */
	.latest-news-section .latest-news-outer .latest-news-box {
        max-width: 240px;
    }
	/* Wedgehead Area */
	.wedgehead-area .base-text{
		font-size: 20px;
	}
	.wedgehead-area .error-content-box .error-content-img {
		background: transparent url('images/error-content-bg.svg') no-repeat center center;
		background-size: contain;
		border-radius: 0px;
	}
	/* Contact */
	body .gform_wrapper.gravity-theme .gform_footer{
		max-width: 100%;
	}
	body .gform_wrapper.gravity-theme .gform_footer .gform_button.button{
		display: block;
    	width: 100%;
	}
	/* Search Page */
	.search .search-form input[type="submit"]{
		width: 100%;
		display: block;
	}
}