/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

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


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

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
    border: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
}

blockquote::before,
blockquote::after {
    content: "";
}

.calendar_section a {
    color: rgba(0, 0, 0, .7);
}

.fc-daygrid-event-dot {
    margin: 0px 4px;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 3px solid rgba(0, 0, 0, .7) !important;
    border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 4px;
    border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(208, 208, 208, 0.3) !important;
    /* background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); */
}

.fc-daygrid-event {
    position: relative;
    white-space: pre-wrap;
    border-radius: 3px;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
}

.fc-list-event-title a {
    pointer-events: none !important;
}

.product a {
    display: block;
    width: 100%;
    height: 100%;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    outline: none;
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
    background-color: #D1C296;
}

/* .hamburger.is-active:hover {
    opacity: 0.7; } */
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #D1C296;
}

.hamburger-box {
    width: 24px;
    height: 20px;
    display: inline-block;
    position: relative;
}

button.hamburger.hamburger--squeeze {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 24px;
    height: 1px;
    background-color: white;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -7px;
}

.hamburger-inner::after {
    bottom: -7px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
    overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
    overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
    top: 2px;
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
    top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}

@font-face {
    font-family: 'FuturaTS';
    src: url('./fonts/FuturaTS-Regular.woff2') format('woff2'),
        url('./fonts/FuturaTS-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaTS';
    src: url('./fonts/FuturaTS-DemiBold.woff2') format('woff2'),
        url('./fonts/FuturaTS-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Condensed';
    src: url('./fonts/FuturaBT-MediumCondensed.woff2') format('woff2'),
        url('./fonts/FuturaBT-MediumCondensed.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('./fonts/Futura.woff2') format('woff2'),
        url('./fonts/Futura.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaBT';
    src: url('./fonts/FuturaBT-Heavy.eot');
    src: url('./fonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FuturaBT-Heavy.woff2') format('woff2'),
        url('./fonts/FuturaBT-Heavy.woff') format('woff'),
        url('./fonts/FuturaBT-Heavy.ttf') format('truetype'),
        url('./fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

/* @font-face {
    font-family: 'FuturaTS';
    src: url('./fonts/FuturaTS-RegularIta.eot');
    src: url('./fonts/FuturaTS-RegularIta.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FuturaTS-RegularIta.woff2') format('woff2'),
        url('./fonts/FuturaTS-RegularIta.woff') format('woff'),
        url('./fonts/FuturaTS-RegularIta.ttf') format('truetype'),
        url('./fonts/FuturaTS-RegularIta.svg#FuturaTS-RegularIta') format('svg');
    font-weight: normal;
    font-style: italic;
} */

/* @font-face {
    font-family: 'futura-pt-condensed', sans-serif;font-weight: 700;
    src: url('./fonts/FuturaTS-DemiBoldCond.eot');
    src: url('./fonts/FuturaTS-DemiBoldCond.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FuturaTS-DemiBoldCond.woff2') format('woff2'),
        url('./fonts/FuturaTS-DemiBoldCond.woff') format('woff'),
        url('./fonts/FuturaTS-DemiBoldCond.ttf') format('truetype'),
        url('./fonts/FuturaTS-DemiBoldCond.svg#FuturaTS-DemiBoldCond') format('svg');
    font-weight: 600;
    font-style: normal;
} */

/* @font-face {
    font-family: 'quietsans';
    src: url('./fonts/TradeGothicLTStd-BdCn20Obl.eot');
    src: url('./fonts/TradeGothicLTStd-BdCn20Obl.eot?#iefix') format('embedded-opentype'),
        url('./fonts/TradeGothicLTStd-BdCn20Obl.woff2') format('woff2'),
        url('./fonts/TradeGothicLTStd-BdCn20Obl.woff') format('woff'),
        url('./fonts/TradeGothicLTStd-BdCn20Obl.ttf') format('truetype'),
        url('./fonts/TradeGothicLTStd-BdCn20Obl.svg#TradeGothicLTStd-BdCn20Obl') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'quietsans';
    src: url('./fonts/TradeGothicLTStd-Cn18.eot');
    src: url('./fonts/TradeGothicLTStd-Cn18.eot?#iefix') format('embedded-opentype'),
        url('./fonts/TradeGothicLTStd-Cn18.woff2') format('woff2'),
        url('./fonts/TradeGothicLTStd-Cn18.woff') format('woff'),
        url('./fonts/TradeGothicLTStd-Cn18.ttf') format('truetype'),
        url('./fonts/TradeGothicLTStd-Cn18.svg#TradeGothicLTStd-Cn18') format('svg');
    font-weight: 500;
    font-style: normal;
} */
/*
@font-face {
    font-family: 'QuietSans';
    src: url('./fonts/QuietSans-SemiBold.eot');
    src: url('./fonts/QuietSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/QuietSans-SemiBold.woff2') format('woff2'),
        url('./fonts/QuietSans-SemiBold.woff') format('woff'),
        url('./fonts/QuietSans-SemiBold.ttf') format('truetype'),
        url('./fonts/QuietSans-SemiBold.svg#QuietSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
} */

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

/* @font-face {
    font-family: 'QuietSans';
    src: url('./fonts/QuietSans-SemiBoldItalic.eot');
    src: url('./fonts/QuietSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/QuietSans-SemiBoldItalic.woff2') format('woff2'),
        url('./fonts/QuietSans-SemiBoldItalic.woff') format('woff'),
        url('./fonts/QuietSans-SemiBoldItalic.ttf') format('truetype'),
        url('./fonts/QuietSans-SemiBoldItalic.svg#QuietSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
} */

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

/* @font-face {
    font-family: 'Futura-PT-Book';
    src: url('./fonts/Averta-Regular.eot');
    src: url('./fonts/Averta-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Averta-Regular.woff2') format('woff2'),
        url('./fonts/Averta-Regular.woff') format('woff'),
        url('./fonts/Averta-Regular.ttf') format('truetype'),
        url('./fonts/Averta-Regular.svg#Averta-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

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

/* @font-face {
    font-family: 'FuturaTS';
    src: url('./fonts/FuturaTS-DemiBold.eot');
    src: url('./fonts/FuturaTS-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FuturaTS-DemiBold.woff2') format('woff2'),
        url('./fonts/FuturaTS-DemiBold.woff') format('woff'),
        url('./fonts/FuturaTS-DemiBold.ttf') format('truetype'),
        url('./fonts/FuturaTS-DemiBold.svg#FuturaTS-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'Futura-PT-Book';
    src: url('./fonts/FuturaPT-Book.eot');
    src: url('./fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FuturaPT-Book.woff2') format('woff2'),
        url('./fonts/FuturaPT-Book.woff') format('woff'),
        url('./fonts/FuturaPT-Book.ttf') format('truetype'),
        url('./fonts/FuturaPT-Book.svg#FuturaPT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#mc_embed_signup {
    background: transparent !important;
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
}

div#mc_embed_signup_scroll {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#mc_embed_signup .mc-field-group {
    clear: left !important;
    position: relative !important;
    width: 100% !important;
    padding-bottom: 3%;
    min-height: 50px;
}

#mc_embed_signup .mc-field-group input {
    display: block;
    width: 100% !important;
    padding: 8px 0 !important;
    text-indent: 2%;
}

#mc_embed_signup form {
    display: block !important;
    position: relative !important;
    text-align: left !important;
    padding: 0px 0 0px 0% !important;
}



#mc_embed_signup div#mce-responses {
    float: left !important;
    top: 100% !important;
    padding: 0em .5em 0em .5em !important;
    overflow: hidden !important;
    width: 90% !important;
    margin: 0 5% !important;
    clear: both !important;
    position: absolute !important;
    /* bottom: 0px; */
}

input#mce-EMAIL {
    border: 0px !important;
    border-bottom: 1px solid white !important;
    background: transparent;
    padding: 2.5px 5px !important;
    font-size: 14px !important;
    line-height: 16.8px !important;
    letter-spacing: .2px !important;
    font-family: 'FuturaTS' !important;
    font-weight: normal !important;
    font-style: normal !important;
    color: white !important;
    width: 200px !important;
    margin-top: 10px !important;
    margin-right: 5px !important;
    border-radius: 0px !important;
}

input#mc-embedded-subscribe {
    font-family: 'FuturaBT' !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    line-height: 16.8px !important;
    letter-spacing: .2px !important;
    padding: 2.5px 10px !important;
    color: black !important;
    background: white !important;
    border-radius: 0px !important;
    font-style: normal !important;
}

.gform_wrapper.gravity-theme .gfield-choice-input {
    max-width: 3%!important;
}

.gform_required_legend {
    display: none;
}

.gform_title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    font-weight: 400;
}

li.bottom-item.item {
    font-family: 'Futura-PT-Book';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: unset;
    letter-spacing: 0px;
    color: white;
}

.vimeo-wrapper {
    position: absolute;
    top: 0%;
    left: -5%;
    width: 110%;
    height: 110%;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background: black;
}

.vimeo-wrapper iframe {
    width: 100vw;
    height: 100%;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content_section.dark {
    background: black;
    color: white;
}

.dark .copy_content p {
    color: white;
}

.dark .copy_content2 p {
    color: white;
}

.casestudy_row {
    padding: 10px 0px;
    box-sizing: border-box;
}

.casestudy_row img {
    display: block;
}

.audio_row {
    width: 80%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 25px;
    letter-spacing: -0.64px;
    line-height: 33px;
    font-family: 'SuisseIntl-Regular';
    font-weight: 300;
}



.audio_left span:first-child {
    margin-right: 50px;
}

.audio_left span sup {
    font-size: 12px;
    margin-right: 3px;
}

.audio_right {
    cursor: pointer;
}

.fullscreen_video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    float: left;
    /* padding: 40px; */
    left: 0%;
}

.fullscreen_video iframe,
.fullscreen_video object,
.fullscreen_video embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 0px) !important;
    height: 100%;
}

@media all and (max-width: 600px) {
    .casestudy_row img {
        width: 100% !important;
        margin: 0px 0px !important;
        padding: 0px 30px !important;
        box-sizing: border-box;
    }

    .vimeo-wrapper {
        position: absolute;
        top: 0%;
        left: -5%;
        width: 105vw;
        height: 110%;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
        background: black;
    }
}

.waves {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 2.5em;
    z-index: 100;
}

.waves--top {
    top: calc(-2.5em + 1px);
}

body.menu {
    overflow: hidden;
}

button.hamburger {
    background: transparent !important;
}

.inquiry_content p sub {
    font-size: 15px;
    font-family: 'futura-pt';
    font-weight: 200;
    line-height: 16px;
    margin-top: 100px;
    width: 100%;
}

.inquiry_content a {
    color: #D1C295;
}

.form {
    width: 100%;
    margin-top: 50px;
    padding: 0% 10%;
}

.form.contact,
.form.inquiry {
    width: 100%;
    max-width: 900px;
    margin: auto;
    margin-top: 100px;
    padding: 0;
}

.form input,
.form textarea,
.gform_wrapper.gravity-theme .gfield input {
    background: #FFF;
    border: 1px solid #979797;
}

body.noscroll {
    overflow: hidden;
}

header#site-header {
    background: black;
    color: white;
    width: 90px;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}

.content_section {
    padding-left: 89px;
    width: 100vw;
    float: left;
    display: block;
    box-sizing: border-box;
}

.menu-main-menu-container {
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transform: rotate(90deg); */
    /* height: 300px; */
    writing-mode: vertical-lr;
    width: 90px;
}

.mark {
    padding: 65px 20px 0px;
}

ul#menu-main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    list-style: none;
    padding: 45px 0px
}

ul#menu-main-menu li {
    margin: 10px 0px;
    font-size: 14px;
    letter-spacing: 2.2px;
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}

ul#menu-main-menu li.current-menu-item a {
    color: #d1c296;
}

ul#menu-main-menu li a {
    color: white;
    text-decoration: none;
}

.hamburger_holder {
    padding: 5px 12.5px 0px;
    cursor: pointer;
}

.location {
    padding: 25px 35px 25px;
}

.social {
    padding: 10px 10px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.social img {
    width: 22px;
    height: 22px;
    padding: 0px 2.5px;
}

.home_hero {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    float: left;
    position: relative;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 90px;
    z-index: 3;
}

.wps-component-products-pricing.css-nvk934-ProductPricesCompareAtCSS span {
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'FuturaBT';
    font-size: 36px;
}

.wps-component.wps-component-products-title.css-z563z9-titleStylesWrapper h2 {
    font-family: 'futura-pt-condensed' !important;
    font-size: 30px !important;
    line-height: 32px !important;
    /* text-transform: unset!important; */
}

button.wps-btn {
    text-transform: uppercase;
    font-family: 'Futura-PT-Book';
    font-weight: 700;
}

.css-hx8r4o-buttonCSS-addToCartCSS-AddButton {
    border-radius: 0px !important;
    padding: 14px 0px 15px;
    transition: background 180ms ease 0s;
    height: auto;
    position: relative;
    display: inline-block;
    border: none;
    text-align: center;
    color: rgb(255, 255, 255);
    width: 100%;
    max-width: 100%;
    white-space: normal;
    background: rgb(65, 90, 255);
    outline: none;
    outline-offset: 0px;
    font-family: inherit;
    font-weight: initial;
    font-size: initial;
    letter-spacing: initial;
    line-height: initial;
    text-decoration: initial;
    text-transform: initial;
    overflow-y: hidden;
}

button.wps-btn.wps-icon.wps-icon-dropdown.wps-modal-trigger.css-1j6w03p-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
    text-transform: uppercase;
}

button:not(.toggle) {
    background-color: #F1F1F1 !important;
    color: black !important;
}

.css-1j6w03p-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
    content: "";
    vertical-align: middle;
    border-radius: 0px;
    padding: 14px 0px 15px;
    transition: background 180ms ease 0s;
    height: auto;
    font-weight: normal;
    position: relative;
    text-decoration: none;
    display: inline-block;
    border: none;
    line-height: 1;
    text-align: center;
    color: rgb(255, 255, 255);
    width: 100%;
    max-width: 100%;
    white-space: normal;
    background: rgb(65, 90, 255);
    font-size: 18px;
    outline: none;
    outline-offset: 0px;
}

.rent_top_left p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
    font-family: 'futura-pt';
    letter-spacing: 0.3px;
    width: 100%;
    float: left;
}

.gf_browser_chrome.gform_wrapper {
    display: block !important;
}

.rent_top_left h3 {
    font-family: 'FuturaBT';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 29px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.gamenight_logo {
    width: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}

.rent_top_right.gamenight {
    padding-left: 0px;
    width: 500px;
    color: white;
}

.gamenight_logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.logo {
    width: 250px;
    margin: 65px auto 0px;
    position: absolute;
    left: 90px;
    right: 90px;
    z-index: 46;
}

input[type="email"] {
    outline: none;
}

li.current_page>a {
    color: #d1c296;
}

.home_hero_tagline h2 {
    font-family: 'FuturaBT';
    color: white;
    line-height: 72px;
    font-size: 60px;
    text-align: center;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.jump_in_wave {
    /* height: 300px; */
    margin-top: -50px;
    float: left;
    width: 100%;
    margin-bottom: -2vw;
    z-index: 49;
    position: relative;
}

div#wave_jump_in img {
    width: 100%;
}

.mega_menu_holder {
    width: 100vw;
    height: 100vh;
    padding-left: 90px;
    position: fixed;
    background-size: cover;
    background-position: center;
    top: 0;
    left: -110%;
    box-sizing: border-box;
    z-index: 50;
    padding: 45px 90px 90px 45px;
    box-sizing: border-box;
    padding-left: 180px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}

.mega_menu_holder.active {
    left: 0;
}

.mega_menu_holder ul {
    list-style: none;
}

.title {
    font-family: 'FuturaBT';
    font-weight: 900;
    font-style: normal;
    color: white;
    text-decoration: none;
    font-size: 24px;
    line-height: 50px;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.subtitle {
    font-family: 'Futura-PT-Book';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: unset;
    letter-spacing: 0px;
    color: white;
    text-decoration: none;
}

.footer_form {
    width: 80%;
}

.logo_menu {
    width: 250px;
}

ul.mega_menu {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

li.main-item.item {
    width: 25%;
    margin-bottom: 6vh;
}

.contact_info {
    width: 100%;
    float: left;
}

ul.contact_info_list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

li.bottom-item.item {
    width: 50%;
}

.right_items {
    position: fixed;
    right: 0;
    top: 45px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
}

.answer .span {
    margin-bottom: 20px;
}

.find {
    font-family: 'FuturaBT';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    color: white;
    letter-spacing: .12px;
    line-height: 21px;
    width: auto;
    height: 42px;
    background: #D1C296;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 25px;
    box-sizing: border-box;
    margin: 7.5px 0px;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    box-shadow: -1px 1px 4px #80808080;
    float: left;
    width: 200px;
}

.find.hover {
    padding-right: 30px;
    width: 230px;
}

.find a {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.cart {
    background: black;
    height: 46px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
}

.cart img {
    width: 19px;
    height: 24px;
    cursor: pointer;
}

.close {
    width: 100%;
    padding-right: 120px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.close img {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.taproom_buildingc_info {
    width: 100%;
    /* float: left; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1%;
    /* align-items: flex-start; */
    /* justify-content: center; */
    height: 500px;
    /* min-height: 100vh; */
}

.taproom_half {
    /* width: 60%; */
    width: 49.5%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.buildingc_half {
    /* width: 40%; */
    width: 49.5%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.taproom_title {
    width: 90%;
    font-size: 37.5px;
    line-height: 48.9px;
    letter-spacing: .8px;
    text-transform: uppercase;
    font-family: 'FuturaBT';
    color: black;
    text-align: center;
    /* margin-bottom: 30px; */
}

.taproom_title a {
    color: inherit;
    text-decoration: none;
}

.taproom_copy {
    color: black;
    width: 90%;
    font-family: 'FuturaBT';
    font-size: 34.5px;
    line-height: 41px;
    text-align: center;
    margin: 50px 0px;
}

.taproom_hours {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: black;
    letter-spacing: 1.2px;
    font-size: 31px;
    line-height: 44px;
    text-align: center;
    padding: 0 4px;
}

form.beer_finder_sliver_form label {
    font-size: 35px;
    line-height: 42px;
    text-transform: uppercase;
    font-family: 'FuturaBT';
    color: #676767;
}

form.beer_finder_sliver_form input {
    border: none;
    border-bottom: 2px solid #676767;
    width: 25%;
    font-family: 'FuturaTS';
    font-weight: normal;
    font-style: italic;
    margin: 0px 20px;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 26px;
}

form.beer_finder_sliver_form {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    float: left;
}

.top__background_copy {
    font-family: 'FuturaBT';
    color: white;
    text-align: center;
    padding-right: 90px;
    padding-top: 30vh;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -1.19px;
}

.small_text_caption {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .3px;
    color: black;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    font-family: futura-pt, sans-serif;
    font-weight: 300;
    font-style: normal;
}

form.beer_finder_sliver_form button {
    background: #676767;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 13px;
    line-height: 15.5px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    padding: 3px 10px;
    margin-bottom: 8px;
}

form.beer_finder_sliver_form button img {
    height: 11px;
    width: 11px;
    margin-left: 10px;
}

.beer_finder_sliver {
    margin-top: 30px;
    padding: 50px 50px 0px;
    margin-bottom: 50px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.button a {
    display: block;
    color: inherit;
    text-decoration: none;
}

div.button {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: white;
    letter-spacing: 3px;
    font-size: 31px;
    line-height: 44px;
    border: 2px solid;
    padding: 10px 20px;
    min-width: 250px;
    text-align: center;
    margin: 10px 0px;
    background-color: unset;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}

.button:hover {
    background-color: white;
    color: black;
}

.vertical_button_holder {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.commitment_holder {
    /* min-height: 70vh; */
    width: 100%;
    float: left;
    padding: 10% 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background-position: 50%;
    background-size: cover;
}

.commitment_art {
    width: 70%;
}

.commitment_button {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 3px;
    font-size: 31px;
    line-height: 44px;
    border: 2px solid #D1C296;
    background: #D1C296;
    padding: 10px 20px;
    width: 250px;
    text-align: center;
    margin: 10px 0px;
    transition: all 400ms;
    -webkit-transition: all 400ms;
}

.commitment_button:hover {
    border: 2px solid #D1C296;
    background: #D1C296;
    color: black;
    opacity: .7;
}

.commitment_button a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.footer_form form button:hover {
    opacity: .7;
    cursor: pointer;
}

ul.sub-menu a:hover {
    text-decoration: underline;
}

ul#menu-main-menu li a:hover {
    color: #D1C296;
}

footer#site-footer {
    padding-left: 0px;
    width: calc(100%);
    height: auto;
    display: flex;
    /* width: 100%; */
    /* align-items: center; */
    justify-content: center;
    flex-wrap: wrap;
}

.footer_store {
    /* display: flex; */
    /* width: 50%; */
    background-size: cover;
    background-position: 50%;
    /* vertical-align: top; */
    flex: 50%;
}

.footer_store_center {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.footer_info {
    flex: 50%;
    background: black;
    padding: 45px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: column;
    flex-wrap: wrap;
    background-size: cover;
    background-position: 50%;
    min-height: 400px;
}

.footer_halves {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

.footer_store_button {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: white;
    letter-spacing: 3px;
    font-size: 31px;
    line-height: 44px;
    border: 2px solid;
    padding: 10px 20px;
    width: 250px;
    text-align: center;
    margin: 10px 0px;
    background-color: black !important;
    transition: all 400ms;
    -webkit-transition: all 400ms;
}

.footer_store_button:hover {
    background: rgba(0, 0, 0, .75) !important;
    color: white;
    border: 2px solid white;
}

.footer_store_button a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.footer_title {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    width: 100%;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .2px;
    color: white;
}


.footer_button {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: white;
    letter-spacing: 3px;
    font-size: 31px;
    line-height: 44px;
    border: 2px solid white;
    padding: 10px 20px;
    width: 250px;
    text-align: center;
    margin: 10px 0px;
    transition: all 400ms;
    background: transparent;
    -webkit-transition: all 400ms;
    float: left;
    margin-right: calc(100% - 250px);
}

.footer_button:hover {
    background: white;
    color: black !important;
    border: 2px solid white;
}

.footer_button:hover a {
    color: black !important;
}

.footer_button a {
    display: block;
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.footer_half {
    font-family: 'FuturaBT';
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: .2px;
    color: white;
    width: 50%;
    margin-bottom: 15px;
}

.rent_top_left_copy {
    font-family: 'futura pt';
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.3px;
    font-weight: 500;
}

.rent_top_left_copy p {
    margin-bottom: 15px;
}

.footer_form form button {
    font-family: 'FuturaBT';
    font-size: 14px;
    text-transform: uppercase;
    line-height: 16.8px;
    letter-spacing: .2px;
    padding: 2.5px 10px;
    color: black;
    background: white !important;
}

.footer_form form input {
    border: 0px;
    border-bottom: 1px solid white;
    background: transparent;
    padding: 2.5px 5px;
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: .2px;
    font-family: 'FuturaTS';
    font-weight: normal;
    font-style: italic;
    color: white;
    width: 200px;
    margin-top: 15px;
    margin-right: 10px;
}

.footer_form form input::-webkit-input-placeholder {
    color: white;
}

.footer_form form input:-ms-input-placeholder {
    color: white;
}

.footer_form form input::placeholderreal {
    color: white;
}

.age-gate-wrapper {
    width: 100%;
    height: 100vh;
    display: block;
    position: fixed;
    z-index: 1000;
}

.age-gate-background {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-size: cover;
}

.age-gate {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

form.age-gate-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border: 1px solid white;
    width: 600px;
    height: 350px;
    align-items: center;
    justify-content: center;
}

h1.age-gate-heading.age-gate-logo {
    box-sizing: border-box;
    width: 100%;
    padding: 50px;
    text-align: center;
    border-bottom: 1px solid white;
    display: block;
    height: 250px;
}

h1.age-gate-heading.age-gate-logo img {
    height: 150px;
}

p.age-gate-challenge {
    height: 100px;
    display: flex;
    width: 33.333%;
    text-align: center;
    padding: 0% 5%;
    box-sizing: border-box;
    font-size: 20px;
    letter-spacing: 2.2px;
    font-family: 'Futura-PT-Book';
    text-transform: uppercase;
    margin-bottom: 0px;
    /* height: 26px; */
    line-height: 25px;
    text-decoration: none;
    background: white;
    color: black;
    /* border-bottom: 1px solid white; */
    align-items: center;
    justify-content: center;
}

button.age-gate-submit-yes,
button.age-gate-submit-no {
    height: 100px;
    width: 33.333%;
    text-align: center;
    color: white;
    text-transform: uppercase;
    background: transparent !important;
    border-left: 1px solid white;
    font-size: 20px;
    letter-spacing: 2.2px;
    font-family: 'Futura-PT-Book';
    text-transform: uppercase;
    outline: none !important;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    cursor: pointer;
}

button.age-gate-submit-yes:hover,
button.age-gate-submit-no:hover {
    background: rgba(255, 255, 255, .25) !important;
}

.top_background_default {
    background-position: 50%;
    background-size: cover;
    min-height: 350px;
    width: 100%;
    float: left;
}

.top_background_default.mobile-only {
    display: none;
}

.copy_section_about {
    padding: 100px 50px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    text-align: center;
    font-family: 'FuturaBT';
    font-size: 24px;
    line-height: 29px;
    color: black;
    flex-direction: column;
}

.virtual_tour {
    width: 70% !important;
    margin-top: 50px;
}

.virtual_tour iframe {
    float: left;
    width: 100%;
}

.about_us_section,
.game_night_middle_section,
.donations_middle_section { /* desktop */
    position: relative;
    display: flex;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.about_us_section {
    color: white;
    background-color: #222020;
}

.about_us_bkgImg { /* desktop */
    width: 50%;
    background-position: 75%;
    background-size: cover;
}

.about_us_title { /* desktop */
    font-size: 33.5px;
    line-height: 42px;
    letter-spacing: .8px;
    font-family: 'Futura-PT-Book';
    padding: 0 18%;
    margin-bottom: 20px;
    z-index: 1;
}

.about_us_copy { /* desktop */
    padding: 0 18%;
    font-family: 'Futura-PT-Book';
    font-size: 19px;
    line-height: 22px;
    letter-spacing: .2px;
    z-index: 1;
}

.about_us_center,
.game_night_middle_left,
.game_night_middle_right,
.donations_middle_left,
.donations_middle_right {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 5% 0;
}

.game_night_middle_right,
.donations_middle_right {
    justify-content: center;
    background-color: #222020;
}

.rent p {
    font-family: 'Futura-PT-Book';
    font-weight: normal;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: .2px;
}


.about_us_middle_title,
.taproom_middle_title,
.two_col_title,
.game_night_middle_title,
.taproom_middle_title,
.donations_middle_title {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    color: black;
    font-size: 33.5px;
    line-height: 42px;
    letter-spacing: .8px;
    font-family: 'Futura-PT-Book';
}

.about_us_middle_copy,
.cahaba_giving_bottom_content,
.two_col_copy,
.taproom_middle_copy,
.game_night_middle_copy,
.donations_middle_copy,
.donations_middle_right ul li {
    width: 100%;
    float: left;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .3px;
    color: black;
}

.donations_middle_copy p:not(:last-of-type) {
    margin-bottom: 20px;
}

.taproom_middle_copy {
    font-size: 27px;
    line-height: 35px;
    text-transform: uppercase;
    text-align: center;
    color: #4F6798;
}

.cahaba_giving_bottom_content {
    padding: 4em 0;
    text-align: center;
}

.cahaba_giving_bottom_content p {
    margin-bottom: 2em;
}

.cg_content_wrap {
    padding: 0 30px;
}

.about_us_middle_section,
.two_col_section,
.taproom_middle_section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vegas-content {
    padding-right: 90px!important;
    box-sizing: border-box;
}

.about_us_middle_image,
.two_col_image,
.taproom_middle_image {
    background-position: 50%;
    width: 50%;
    height: 550px;
}

.about_us_middle_right,
.taproom_middle_right,
.donations_middle_right,
.two_col_left {
    width: 50%;
    padding: 5% 10%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    color: black;
    min-height: 550px;
}

.taproom_middle_right,
.donations_middle_right,
.two_col_left {
    padding: 0 10%;
}

.rent_top {
    padding-top: 30vh;
    width: 100%;
    padding-right: 90px;
    box-sizing: border-box;
    padding-bottom: 100px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rent_top_left {
    width: 400px;
    color: white;
    padding-right: 50px;
    background: #000;
	padding: 2em;
}

.rent_top_right {
    padding-left: 50px;
    width: 400px;
    color: white;
}

.inquiry_top {
    padding-top: 30vh;
    width: 100%;
    padding-right: 90px;
    box-sizing: border-box;
}

.donations_top {
    padding-top: 30vh;
    width: 100%;
    padding-right: 90px;
    box-sizing: border-box;
    padding-bottom: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: black;
    flex-wrap: wrap;
}

.donations_top .button {
    color: black;
}

.donations_top .vertical_button_holder {
    justify-content: flex-start;
    align-items: flex-start;
}

.faqs_top {
    color: white;
    width: 80%;
    margin-left: 10%;
    padding-top: 7vh;
    padding-bottom: 7vh;
    float: left;
}

.inquiry_content {
    width: 100%;
    margin: 0 auto;
    max-width: 700px;
    color: black;
}

.donations_top_right img {
    width: 100%;
}

.donations_top_right {
    padding-left: 50px;
    width: 400px;
    color: black;
}

.inquiry_content h3 {
    margin-bottom: 20px;
    font-family: 'FuturaBT';
    text-align: center;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .7px;
    width: 100%;
    margin-bottom: 10px
}

.inquiry_content p {
    margin-top: 15px;
    width: 100%;
    font-family: 'futura-pt';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03px;
}

.donations_middle_right ul li:not(:first-of-type),
.two_col_left ul li {
    margin-top: 10px;
}

.two_col_left ul {
    margin-left: 20px;
}

.rent_top_left_title {
    margin-bottom: 20px;
    font-family: 'FuturaBT';
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .7px;
}

.about_us_middle_left,
.two_col_left,
.game_night_middle_left,
.donations_middle_left {
    width: 50%;
    padding: 5% 10%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    color: black;
}

.about_us_middle_full_width {
    width: 100%;
    height: 550px;
    overflow: hidden;
}

.vegas-content-scrollable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vegas-slide.vegas-transition-fade.vegas-transition-fade-in {
    height: 100%;
}

.our_people_section {
    width: 100%;
    float: left;
}

.our_people_section_title {
    margin-top: 100px;
    text-align: center;
    width: 100%;
    font-size: 48.5px;
    line-height: 57px;
    letter-spacing: .8px;
    font-family: 'futurabt';
    width: 100%;
    color: black;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.our_people_section_title p {
    margin-top: 40px;
    text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: .4px;
    font-family: 'futurabt';
    width: 440px;
    color: black;
    margin-bottom: 50px;
}

.button.small {
    padding: 5px 10px;
    width: 150px;
    font-size: 21px;
    line-height: 25px;
    margin: 5px 0px;
}

.giving_copy_holder {
    padding: 30px;
    width: 700px;
    box-sizing: border-box;
    background: #f7f7f7;
    /* margin: auto; */
    font-size: 26px;
    line-height: 37px;
    letter-spacing: 1.2px;
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #676767;

    text-transform: uppercase;
}

.donations_button {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 1.2px;
    border: 2px solid #676767;
    color: #676767;
    padding: 10px 20px;
    text-align: center;
    width: 150px;
    margin: 30px;
    cursor: pointer;
    transition: all 400ms;
    -webkit-transition: all 400ms;
}

.donations_button a {
    color: inherit;
    text-decoration: none;
}

.donations_button:hover {
    background: #676767;
    color: white;
}

.giving_copy_holder_container {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.giving_copy_holder_container.show {
    transform: translateY(-25vh);
}

.giving_copy {
    width: 100%;
    float: left;
    background-size: cover;
    background-position: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 150px;
    flex-direction: column;
}

.giving_copy_holder p {
    margin-bottom: 20px;
}

.giving_copy_holder p:last-child {
    margin-bottom: 0px;
}

.calendar_section {
    float: left;
    width: 100%;
    font-family: 'Futura-PT-Book';
}

#calendar {
    max-width: 1000px;
    margin: 100px auto;
}

.fc-row.fc-week.fc-widget-content {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    float: left;
}

td.fc-day.fc-widget-content {
    background: #f7f7f7;
}

td.fc-day.fc-widget-content.fc-other-month {
    background: transparent;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
    padding-left: 2px;
}

.fc-daygrid-dot-event {
    flex-wrap: wrap;
}

.fc-event-title {
    width: 100%;
    /* float: left; */
    padding-left: 16px;
}

span.fc-day-number {
    background: #f7f7f7;
    padding: 5px;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    color: #828385;
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
    border-color: #dedede;
}

td.fc-day-top.fc-other-month {
    opacity: 0;
    /* display: none; */
}

.fc-center h2 {
    color: #828385;
    font-size: 24px;
    /* line-height: 28px; */
}

button.fc-button.fc-button-primary {
    background: transparent;
    color: #828385;
    border: none;
    font-size: 20px;
}

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

.fc-center {
    width: 300px;
    text-align: center;
}

th.fc-day-header.fc-widget-header {
    opacity: .3;
    color: #828385;
}

.core_beer_background,
.core_spirit_background {
    float: left;
    width: 102%;
    height: 102%;
    background-size: cover;
    background-position: center;
}

.core_beers_section,
.core_spirits_section {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.spec_left {
    background-size: cover;
    background-position: center;
    width: 33.33333%;
    height: 100%;
    padding: 5%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spec_right {
    position: relative;
    width: 66.6666%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spec_can {
    box-sizing: border-box;
    padding: 0% 2% 0 5%;
    position: relative;
    z-index: 1;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.spec_can img {
    width: 100%;
    transform: scale(1.75);
}

.spec_left img {
    max-width: 95%;
    max-height: 95%;
    /* height: 100%; */
}

.thirds_links,
.halfs_links,
.fw-columns {
    display: flex;
    width: 100%;
    float: left;
    flex-wrap: wrap;
}

.third {
    width: 33.333%;
    height: 33.333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    line-height: 45px;
    letter-spacing: .12px;
    font-family: 'futura-pt-condensed';
    font-weight: 700;
    color: black;
}

.half {
    width: 50%;
    height: 33.333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    line-height: 45px;
    letter-spacing: .12px;
    font-family: 'futura-pt-condensed';
    font-weight: 700;
    color: black;
}

.third a,
.half a {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.third a span,
.half a span {
    width: 60%;
    text-align: center;
}

.beer_spec_sheet.active {
    z-index: 99;
    opacity: 1;
}

.core_beer,
.core_spirit {
    width: calc(33.333vw - 30px);
    height: calc(33.333vw - 30px);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    /* float: left; */
}

.core_spirit {
    width: 50%;    
    height: calc(50vw - 30px);
}

.core_spirit.soldout {
    position: relative;
}

.core_spirit.soldout::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    background-image: url('./images/sold-out-1.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    opacity: 0.9;
    z-index: 1;
    pointer-events: none;
    transform: translate(-50%, 12%) rotate(-16deg);
}

.beer_spec_sheet,
.spirit_spec_sheet {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1;
    display: flex;
    left: 0;
    top: 0;
    opacity: 1;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    padding-left: 89px;
    box-sizing: border-box;
}

.spirit_spec_info,
.spec_info {
    box-sizing: border-box;
    padding: 0% 7.5% 0% 0%;
    height: 100%;
    width: 50%;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    display: flex;
    position: relative;
    z-index: 1;
}

.spirit_title {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 26px;
    letter-spacing: 0px;
}

.spirit_spec_mark {
    width: 100px;
    height: 100px;
    display: none;
}

.seasonal_beer {
    width: calc(33.333vw - 30px);
    height: calc(33.333vw - 30px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* float: left; */
    cursor: pointer;
}

.topo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0;
    opacity: 0.5;
}

.seasonal_title {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 42px;
    letter-spacing: 1.2px;
    text-align: center;
    width: 70%;
    z-index: 3;
    position: relative;
}

.spec_copy {
    font-family: 'Futura-PT-Book';
    font-style: normal;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -.2px;
    margin: 20px 0px;
}

.spec_copy p:not(:last-of-type) {
    margin-bottom: 15px;
}

.spec_stat {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0px;
}

.stat_title {
    width: 106px;
    /* border-right: 4px solid #9d8150; */
}

.stat_value {
    padding-left: 30px;
    border-left: 4px solid #9d8150;
    box-sizing: border-box;
    width: 100%;
    text-transform: uppercase;
}

.download_button_holder {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-top: 30px;
}

.download_button {
    font-family: 'Futura-PT-Book';
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0px;
    color: white;
    background: black;
    padding: 10px 20px 10px;
}

span.s1 {
    width: 100%;
    float: left;
    margin-bottom: 16px;
}

.event_logo {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2em;
}

.event_logo img {
    width: 100%;
    max-width: 250px;
    margin-right: auto;
    height: auto;
}

.spec_copy img {
    margin-bottom: 16px;
}

.spec_copy_event {
    font-family: 'Futura-PT-Book';
    font-style: normal;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -.2px;
    margin: 0px 0px;
    width: 100%;
    float: left;
}

.download_button a {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.spec_mark {
    width: 100px;
    height: 100px;
}

.spec_mark img {
    width: 100%;
}

.spec_stats {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.spec_sheet_close {
    width: 20px;
    position: absolute;
    left: 4vw;
    top: 4vw;
    z-index: 6;
    cursor: pointer;
}

.on_tap_title {
    font-family: 'FuturaBT';
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: .8px;
    color: black;
    width: 100%;
    margin-bottom: 20px;
}

.on_tap_section {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 50px 10%;
    box-sizing: border-box;
}

.on_tap_left {
    width: 50%;
}

.on_tap_right {
    width: 50%;
}

.form label {
    font-family: 'Futura-pt' !important;
    font-size: 14px !important;
    line-height: 16.8px !important;
    letter-spacing: .2px !important;
}

.beer_big_name {
    margin: 0px;
    font-size: 36px;
    letter-spacing: .07px;
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.beer_big_info {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 22.6px;
    letter-spacing: -.2px;
    color: #676767;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

span.type {
    font-family: 'Futura-PT-Book';
}

span.abv {
    font-family: 'Futura-PT-Book';
    margin-left: 20px;
    font-size: 16px;
    line-height: 20.6px;
}

.new_on_tap {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.beer_big {
    margin-bottom: 15px;
}

.beer_small_name {
    color: #676767;
}

.order_online_section {
    padding: 125px 10% 100px;
    background-size: cover;
    background-repeat: repeat;
    background-position: top;
    color: white;
    box-sizing: border-box;
    width: 100%;
    float: left;
    position: relative;
}

.background_order {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}


.order_info {
    width: 450px;
}

.order_info_title {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .2px;
    /* color: black; */
    width: 100%;
    margin-bottom: 20px;
}

.footer_form form {
    display: flex;
}

.order_info_copy {
    font-family: 'Futura-PT-Book';
    font-size: 22px;
    line-height: 25.8px;
    letter-spacing: .2px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.order_button {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-weight: 600;
    letter-spacing: 1.4px;
    line-height: 32.4px;
    font-size: 27px;
    color: white;
    padding: 10px 50px;
    float: left;
    border: 2px solid white;
    transition: all 400ms;
    -webkit-transition: all 400ms;
}

.order_button:hover {
    background: white;
    color: black;
}

.order_button a {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.core_beers_slider {
    width: 100%;
    /* padding-right: 90px; */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 100px);
}

.core_beers_slider_left {
    width: 40%;
    position: relative;
    height: 100%;
}

.core_beers_slider_right {
    width: 60%;
    position: relative;
    height: 100%;
}

.core_beer_slider_can {
    width: 90%;
    position: relative;
    z-index: 10;
}

.vertical_text_slide.carousel-cell {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.core_beer_slider_can img {
    width: 110%;
}

.vertical_text_slide.carousel-cell img {
    max-height: 80%;
    max-width: 50%;
}

.flickity-prev-next-button.previous {
    left: 10%;
    background: transparent;
    color: white;
    width: 80px;
    height: 80px;
}

.flickity-prev-next-button.next {
    right: 10%;
    background: transparent;
    color: white;
    width: 80px;
    height: 80px;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 2.5%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    background: #676767;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
    background: white;
}

.taproom_info_section {
    float: left;
    width: 100%;
    background-size: 110% auto;
    background-position: left;
    padding: 100px 10%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
}

.contact_info ul {
    list-style: none;
}

.buildingc_map {
    width: 50%;
    float: left;
    padding-right: 10%;
    box-sizing: border-box;
}

.buildingc_map iframe {
    width: 100% !important;
}

.buildingc_map img {
    width: 100%;
}

.buildingc_title {
    font-family: 'FuturaBT';
    /* font-weight: 700; */
    font-style: normal;
    color: white;
    text-decoration: none;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .7px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.buildingc_copy {
    float: left;
    color: white;
    font-family: 'futura-pt-book';
    font-style: normal;
    font-size: 21px;
    line-height: 24px;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.buildingc_right {
    width: 50%;
    float: left;
}

.buildingc {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.store_nav {
    display: table;
    width: 100%;
    border-spacing: 4px;
    text-transform: uppercase;
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .8px;
    line-height: 21px;
    font-size: 17px;
}

.store_nav_item {
    display: table-cell;
    text-align: center;
    height: 23px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background: #676767;
    color: white;
    transition: all 250ms;
    -webkit-transition: all 250ms;
    cursor: pointer;
}

.active.store_nav_item {
    background: white;
    color: #676767;

}

.products_grid {
    flex-wrap: wrap;
    display: flex;
}

.product {
    width: 33.333%;
    height: 33.333vw;
    background-size: cover;
    background-position: center;
}

section.wps-container {
    width: 100%;
    float: left;
    padding: 5vh calc(5vw) 5vh calc(5vw + 90px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.wps-product-single {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}


.wps-product-single {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.wps-product-single-gallery {
    width: 40%;
}

.wps-product-single-content {
    width: 60%;
    padding: 10%;
    box-sizing: border-box;
}

/* .wps-loader-wrapper {
    display: none!important;
} */

/* .wpshopify .wps-btn-cart {
    background-color: transparent!important;
    border: none!important;
    margin: 0!important;
    position: relative!important;
    max-width: auto!important;
    width: 100px!important;
    height: 47px!important;
    padding: 0em!important;
    white-space: normal!important;
} */

/* .wpshopify .wps-container {
    max-width: 1400px!important;
    margin: 0!important;
    padding: 0px!important;
}

.wpshopify .wps-btn-cart img {
    height: 25px!important;
    width: auto!important;
} */

/* .wpshopify [data-is-cart-ready="0"].wps-cart-icon-inline .wps-cart-counter {
    width: 25px!important;
    max-width: 25px!important;
    top: 12px!important;
    right: unset!important;
    left: 27px!important;
    background: transparent!important;
    color: white!important;
} */

.donations_close {
    width: 100%;
    padding-right: 120px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.donations_close img {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.donations_slideout {
    padding: 20vh 90px;
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    overflow: auto;
    left: 100%;
    top: 0;
    background-size: cover;
    background-position: center;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}

.donations_slideout.active {
    left: 0;
}

.donations_copy {
    color: white;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 24px;
    line-height: 31px;
    width: 100%;
    padding: 0px 10%;
    box-sizing: border-box;
}

.donations_copy a {
    color: white;
}

.donations_copy h3 {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    letter-spacing: .4px;
    margin-bottom: 5px;
}

button.wps-btn-cart.wps-cart-icon-fixed.wps-cart-is-empty {
    display: none;
}

.wpshopify .wps-cart-icon-inline .wps-cart-counter {
    top: 10px !important;
    background-color: black !important;
    color: white !important;
    font-family: 'FuturaBT';
    /* font-weight: 700; */
    font-style: normal;
    font-size: 16px;
}

h2.wps-products-title {
    font-size: 46px !important;
    line-height: 60px !important;
    font-family: 'futura-pt-condensed', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 2.31px !important;
}

div#product_pricing {
    font-family: 'Futura-PT-Book' !important;
    font-size: 42px !important;
    font-weight: 700 !important;
}

div#product_description {
    font-family: 'Futura-PT-Book' !important;
    font-size: 42px !important;
    /* font-weight: 700!important; */
}

button.wps-btn {
    text-transform: uppercase;
    font-family: 'Futura-PT-Book';
    font-weight: 700;
}

button.wps-btn-cart.wps-cart-icon-fixed.css-ej83ow-cartIconCSS-cartIconFixedCSS-CartButton {
    background-color: #737272 !important;
}

.css-di19ts-counterCSS-customCounterCSS-CartCounter {
    background: #737272 !important;

}

section.wps-cart {
    font-family: 'Futura-PT-Book' !important;
}

.wps-btn-dropdown {
    background-color: rgb(247, 246, 246);
    color: black !important;
    font-family: 'Futura-PT-Book' !important;
    font-weight: 700 !important;
    font-size: initial;
    letter-spacing: initial;
    line-height: initial;
    text-decoration: initial;
    text-transform: initial;
}

button.css-1663odk-discountFormButtonCSS {
    text-align: center;
    background: black !important;
    color: white;
}

button.wps-btn-close.wps-modal-close-trigger.css-6bkb15-CartCloseButtonCSS {
    background: white;
}

button.wps-quantity-decrement.css-nter8w-cartLineItemQuantityIncDecCSS-cartLineItemQuantityDecCSS-CartLineItemQuantity {
    background: white;
}

button.wps-quantity-increment.css-mu7w6x-cartLineItemQuantityIncDecCSS-cartLineItemQuantityIncCSS-CartLineItemQuantity {
    background: white;
}

button.wps-btn-checkout.css-15r9prr-buttonCSS-checkoutButtonCSS-CartCheckoutButton {
    background: black !important;
}

div#product_pricing span {
    font-family: 'Futura-PT-Book' !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}

.wps-quantity-input.wps-quantity-label-wrapper.css-cw5yyq-ProductQuantityLabelWrapperCSS {
    font-family: 'Futura-PT-Book' !important;
}

.core_beers_slider.carousel-cell a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: relative;
}

.vertical_text_slide.carousel-cell a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: relative;
}

.slider_mark {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 10%;
    left: 7.5%;
    z-index: 5;
}

.fullwidth_tabs {
    display: flex;
    gap: 10px;
    padding: 10px;
}

.fullwidth_tabs .tab {
    width: 100%;
}

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

.beer_tabs .tab:first-child {
    grid-column: span 3;
}

header.mobile_header ul {
    list-style: none;
}

.tab {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 33px;
    line-height: 80px;
    color: white;
    transition: all 250ms;
    -webkit-transition: all 250ms;
    letter-spacing: .80px;
    background: #676767;
    display: table-cell;
    /* width: 20%; */
    /* cursor: pointer; */
}

.tab:hover {
    background: white;
    color: #676767;
}

.tab a {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.faqs_slideout {
    position: relative;
    color: white;
    z-index: 10;
    padding: 20vh 10% 20vh;
    /* height: 100vh; */
    width: 100%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    left: unset;
    top: unset;
    overflow: auto;
    transition: all 250ms;
    -webkit-transition: all 250ms;
    float: left;
}

.donations_copy p {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

/* .faqs_slideout.active{
	left: 0;
} */

.core_beer_background,
.core_spirit_background {
    float: left;
    width: 102%;
    height: 102%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.core_beer_background img,
.core_spirit_background img {
    width: 90%;
    max-height: 90%;
}

.find_holder_left h3 {
    font-family: 'FuturaBT';
    font-weight: 900;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .8px;
}

.find_holder_left p {
    font-size: 24px;
    line-height: 31.6px;
    font-family: 'Futura-PT-Book';
    letter-spacing: .2px;
    margin-top: 20px;
}

.faqs_scroll {
    padding: 20vh 0vh 10vh;
    overflow: scroll;
    /* height: 100vh; */
}

.faq_title,
.page_title {
    font-family: 'FuturaBT';
    font-weight: 900;
    font-style: normal;
    float: left;
    width: 100%;
    font-size: 36px;
    letter-spacing: .4px;
    margin-bottom: 20px;
    line-height: 49px;
    text-align: center;
}

.faqs,
.template_section p {
    font-family: 'futura-pt';
    font-size: 21px;
    line-height: 30px;
    letter-spacing: .03px;
    font-weight: 700;
    margin-top: 125px;
    color: black;
    max-width: 800px;
    margin: 125px auto;
}

.template_section p {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.faqs ul {
    margin: 22px;
}

.faqs p {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.faqs .gform_wrapper {
    margin-top: 50px;
    float: left;
    width: 100%;
}

.answer {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    display: none;
    margin-bottom: 40px;
}

.answer span {
    font-weight: 500 !important;
}

.faq {
    float: left;
    width: 100%;
    cursor: pointer;
}

.question {
    margin-bottom: 10px;
}

.faqs_close {
    width: 100%;
    padding-right: 15%;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 20vh;
    right: 0;
    box-sizing: border-box;
}

.faqs_close img {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.template_section {
    width: 100%;
    padding: 10vh 5vw;
    float: left;
    box-sizing: border-box;
}

.rent_slideout {
    position: fixed;
    color: white;
    z-index: 10;
    padding: 0vh 15% 0vh;
    height: 100vh;
    width: 100%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    left: 100vw;
    top: 0;
    overflow: scroll;
    transition: all 250ms;
    -webkit-transition: all 250ms;
}

.rent_slideout.active {
    left: 0;
}

.rent_scroll {
    padding: 20vh 0vh 10vh;
    overflow: scroll;
    /* height: 100vh; */
}

.rent_title {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    float: left;
    width: 100%;
    font-size: 30px;
    letter-spacing: .4px;
    margin-bottom: 20px;
}

.rent {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 24px;
    line-height: 31.6px;
    letter-spacing: 0px;
}

.rent_close {
    width: 100%;
    padding-right: 15%;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 20vh;
    right: 0;
    box-sizing: border-box;
}

.rent_close img {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.rent p,
.rent h3 {
    margin-bottom: 15px;
    width: 80%;
}

.rent a {
    color: inherit;
    /* text-decoration: none; */
}

.our_people_grid {
    float: left;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    position: relative;
}

.person {
    width: 33.333%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(33.333vw - 30px);
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    /* cursor: pointer; */
}

.hover_image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    transition: all 250ms;
    -webkit-transition: all 250ms;
    opacity: 0;
}

.person:hover .hover_image {
    display: block;
    opacity: 1;
}

.hover_image img {
    width: 100%;
}

.person_name {
    font-size: 35px;
    line-height: 42px;
    letter-spacing: 1.2px;
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

.person_title {
    font-family: 'FuturaBT';
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 19px;
    margin-top: 5px;
}

.classics_holder {
    float: left;
    width: 100%;
}

.classic_event {
    background-size: cover;
    background-position: center;
    width: 25%;
    float: left;
    height: calc(25vw - 22.5px);
    cursor: pointer;
    transition: all 350ms;
    -webkit-transition: all 350ms;
    display: flex;
    align-items: center;
    justify-content: center;
}

.classic_event:nth-of-type(8),
.classic_event:nth-of-type(15) {
	background-color:#dcdcdb;
}
.classic_event:nth-of-type(9),
.classic_event:nth-of-type(16) {
	background-color:#cec983;
}
.classic_event:nth-of-type(10),
.classic_event:nth-of-type(17) {
	background-color:#f9f9f0;
}
.classic_event:nth-of-type(11),
.classic_event:nth-of-type(18) {
	background-color:#ddedfa;
}
.classic_event:nth-of-type(12),
.classic_event:nth-of-type(19) {
	background-color:#f5d7b2;
}
.classic_event:nth-of-type(13),
.classic_event:nth-of-type(20) {
	background-color:#af531f;
}
.classic_event:nth-of-type(14),
.classic_event:nth-of-type(21) {
	background-color:#5cbd76;
}

.classic_event_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    line-height: 42px;
    letter-spacing: 1.2px;
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 0px 20px;
    max-width: 200px;
    margin: 0 auto;
}

.classic_event_logo img {
    max-width: 100%;
    max-height: 100%;
}

.spec_info_event {
    box-sizing: border-box;
    padding: 20% 5%;
    height: 100%;
    width: 80%;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    display: flex;
    position: relative;
    z-index: 1;
    overflow: scroll;
}


.spec_info_event h2 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    color: black;
    font-size: 33.5px;
    line-height: 42px;
    letter-spacing: .8px;
    font-family: 'Futura-PT-Book';
    text-transform: uppercase;
}

.classic_event:hover {
    background-size: 110% auto;
}

.button.small.event_button:hover {
    background: #676767;
    color: white !important;
}

.classic_info {
    width: 100%;
    height: 100%;
    background: rgba(130, 131, 132, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
}

.classic_title {
    font-family: 'FuturaBT';
    text-transform: uppercase;
    color: white;
    font-size: 74px;
    line-height: 88px;
    letter-spacing: 1.8px;
}

.classic_date {
    font-family: 'FuturaBT';
    text-transform: uppercase;
    color: white;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: .8px;
}

.about_us_copy p {
    margin-bottom: 20px;
}

.footer_half a {
    color: inherit;
    text-decoration: none;
}

.slidedown_copy {
    font-family: 'futura-pt-book', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    letter-spacing: .3px;
    width: 80%;
    line-height: 24px;
    color: white;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 90%;
    flex-direction: column;
}

.slidedown {
    width: 100%;
    display: none;
    float: left;
    overflow: hidden;
    padding: 15vh 10vw;
    box-sizing: border-box;
    transition: all 250ms;
    -webkit-transition: all 250ms;
}

.form_hero {
    height: 35vh;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    background-size: cover;
    background-position: center;
}

.form_hero_tagline h2 {
    font-family: 'FuturaBT';
    color: black;
    line-height: 72px;
    font-size: 60px;
    text-align: center;
    width: 100%;
    /* height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

.form_hero .logo {
    position: relative;
}

.form_holder {
    margin: 0 auto;
    width: 800px;
    margin-bottom: 100px;
}

.form_content {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom: 50px;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    color: rgba(0, 0, 0, .7);
    float: left;
}


.form_holder {
    margin: 0 auto;
    width: 800px;
    margin-bottom: 100px;
}

.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
    font-weight: 600!important;
    font-size: inherit;
    font-family: 'Futura-pt';
    font-size: 14px!important;
    line-height: 16.8px;
    letter-spacing: .2px;
    color: rgba(0, 0, 0, .7);
    width: 100%;
    margin-bottom: 10px;
}

.gform_wrapper.gravity-theme .description, 
.gform_wrapper.gravity-theme .gfield_description, 
.gform_wrapper.gravity-theme .gsection_description, 
.gform_wrapper.gravity-theme .instruction {
    font-size: 13px!important;
    line-height: 18px!important;
    font-weight: 600!important;
}

li#field_3_12 {
    width: 100%;
}

.form_holder input {
    width: 100%;
    padding: 12px;
    margin: 6px 0 4px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    font-family: sans-serif;
    font-size: 12px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 2px;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0px;
    padding-bottom: 15px;
    padding: .5em 0 .5em;
    font-size: 12px;
    opacity: .7;
    display: block;
    white-space: pre-wrap;
    font-weight: 700;
    font-size: inherit;
    font-family: 'FuturaBT';
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: .2px;
    opacity: .4;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    padding-top: 0px;
    padding-bottom: 15px;
    padding: .5em 0 .5em;
    font-size: 12px;
    opacity: .7;
    display: block;
    white-space: pre-wrap;
    font-weight: 700;
    font-size: inherit;
    font-family: 'FuturaBT';
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: .2px;
    opacity: .4;
    text-transform: uppercase;
}

ul.gfield_radio li {
    padding-top: 0px;
    padding-bottom: 15px;
    padding: .5em 0 .5em;
    font-size: 12px;
    opacity: .7;
    display: block;
    white-space: pre-wrap;
    font-weight: 700;
    font-size: inherit;
    font-family: 'FuturaBT';
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: .2px;
    text-transform: uppercase;

}

ul.gfield_checkbox li {
    padding-top: 0px;
    padding-bottom: 15px;
    font-size: 12px;
    opacity: .7;
    font-weight: 700;
    font-size: inherit;
    font-family: 'FuturaBT';
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: .2px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

li.half {
    width: 50%;
    float: left;
    clear: unset !important;
}

li.gfield {
    width: 50%;
}

li.full {
    width: 100%;
}

.faqs_top p {
    font-size: 18px;
    line-height: 24px;
    width: 500px;
    font-family: 'futura-pt';
    margin-bottom: 50px;
}

ul.gfield_checkbox li input {
    margin-top: 2px !important;
    margin-right: 10px;
}

.form_content p {
    width: 100%;
    float: left;
}

.field_sublabel_below,
.field_description_below {
    margin-bottom: 30px!important;
}

input#gform_submit_button_1,
input#gform_submit_button_2,
input#gform_submit_button_3,
input#gform_submit_button_7,
input[type='submit'].gform_button.button {
    background: black;
    color: white;
    width: 100%;
    font-family: 'futura-pt-book', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: white;
    letter-spacing: .07px;
    font-size: 22px;
    line-height: 38px;
    max-width: 150px;
    text-transform: uppercase;
}

.faqs a {
    color: #D1C296;
}

label.gfield_label {
    width: 100% !important;
}

input {
    width: 100% !important;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

div.find_close img {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.find_close {
    width: 100%;
    padding-right: 15%;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 20vh;
    right: 0;
    box-sizing: border-box;
}

.find_slideout {
    position: fixed;
    color: white;
    z-index: 10;
    padding: 0vh 15% 0vh;
    height: 100vh;
    width: 100%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    left: 100vw;
    top: 0;
    overflow: scroll;
    transition: all 250ms;
    -webkit-transition: all 250ms;
}

.find_slideout.active {
    left: 0;
}

.find_scroll {
    padding: 30vh 0vh 10vh;
    overflow: scroll;
    /* height: 100vh; */
}

.find_holder {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 24px;
    line-height: 31.6px;
    letter-spacing: 0px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.find_holder_left {
    width: 40%;
}

.beer_finder_map {
    position: relative;
    width:100%;
    height:50vh;
    margin: 0 auto;
    margin-top: 80px;
}

.beer_iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.find_holder_right {
    width: 55%;
}

.find_big_button {
    display: block;
    height: 100%;
    width: 100%;
    cursor: pointer;
}


div.games_close img {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.games_close {
    width: 100%;
    padding-right: 15%;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 20vh;
    right: 0;
    box-sizing: border-box;
}

.games_slideout {
    position: fixed;
    color: white;
    z-index: 10;
    padding: 0vh 15% 0vh;
    height: 100vh;
    width: 100%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    left: 100vw;
    top: 0;
    overflow: scroll;
    transition: all 250ms;
    -webkit-transition: all 250ms;
}

.games_slideout.active {
    left: 0;
}

.games_scroll {
    padding: 30vh 0vh 10vh;
    overflow: scroll;
    /* height: 100vh; */
}

.games {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 24px;
    line-height: 31.6px;
    letter-spacing: 0px;
}

.games p {
    font-family: 'Futura-PT-Book';
    font-weight: normal;
}

p.column {
    width: 33.333%;
    padding-right: 5%;
    box-sizing: border-box;
}

p.column img {
    width: 70% !important;
    margin-top: 20px;
}


.donations_copy p {
    font-family: 'Futura-PT-Book';
    font-weight: normal;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: .2px;
}

header.mobile_header {
    background: black;
    height: 100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000;
    display: none;
}

/* ul.mobile_menu {
    display: none;
} */

.location img {
    width: 28px;
    height: 28px;
    padding: 0px 2.5px;
}

.location {
    padding: 25px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.sub-menu .subtitle {
    font-size: 20px;
}

li.main-item.item {
    width: 25%;
    margin-bottom: 6vh;
}

li.bottom-item.item {
    width: 33.333%;
    margin-top: 15px;
}

/* start of 404 page styles  */
.page-404 {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.page-404 .template_section {
    height: 55%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    padding: 5em 0;
    float: none;
    align-items: center;
    grid-gap: 2em;
}

.page-404 .faqs_top {
    float: none;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    width: 100%;
    max-width: 500px;
}

.page-404 .faqs_top p {
    margin-bottom: 0;
    padding: 1.5em 0;
    width: auto;
    font-size: 0.75em;
    line-height: 1.2;
}

.page-404 .faqs {
    margin: 0;
    width: auto;
}

.page-404 .faq_title {
    text-align: left;
    float: none;
    margin-bottom: 0;
}

.page-404 footer#site-footer{
    height: 45%;
}

.oops {
    font-size: 2em;
    line-height: 1.3;
}

.spilled-beer {
    width: 100%;
    margin: 0 auto;
}

.spilled-beer img {
    display: block;
    width: 100%;
}


button.age-gate-submit-yes {
    color: white !important;
}

button.age-gate-submit-no {
    color: white !important;
}

.formswift-button {
	display: none;
}

a.customize-unpreviewable {
	cursor: pointer;
}
/* end of 404 page styles */

.mb-30 {
    margin-bottom: 30px;
}

@media all and (min-width: 1400px) {
    .taproom_buildingc_info {
        gap: 0 0.75%;
    }
    .taproom_half,
    .buildingc_half {
        width: 49.6%;
    }
    .gamenight_logo {
        width: 33.33%;
    }
}

@media all and (max-width: 1100px) {
    .spec_left {
        display: none;
    }

    .event-img-left {
        display: block;
        width: 100%;
    }

    .event-single {
        flex-direction: column;
    }

    .spec_right {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .inquiry_top {
        padding-right: 0;
    }
}


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

    .event-img-left {
        max-height: 400px;
    }

    button.hamburger.hamburger--squeeze {
        justify-content: flex-end;
    }

    .top_background_default.mobile-only {
        display: block;
    }

    .top_background_default.desktop-only {
        background-image: none;
        background: none;
        min-height: 0;
        background-size: 0;
        margin-bottom: 25vh;
    }

    .top_background_default.desktop-only .logo {
        display: none;
    }

    .top_background_default.desktop-only .rent_top {
        padding-top: 0;
    }

    .top_background_default.desktop-only .rent_top_right div.button {
        color: black;
    }

    .home_hero {
        left: 0;
        top: 100px;
    }

    .classic_event_logo {
        padding: 0px 0px;
    }

    .gamenight_logos {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .rent_top {
        padding-top: 30vh;
        width: 100%;
        padding-right: 0px;
        box-sizing: border-box;
        padding-bottom: 100px;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 30px;
    }

    .rent_top_left {
        width: 100%;
        color: white;
        padding-right: 0px;
        background: #000;
        padding: 2em;
    }

    .rent_top_right {
        padding-left: 0px;
        width: 100%;
        color: white;
    }

    .beer_spec_sheet.active {
        z-index: 10000000000;
        opacity: 1;
        left: 0px;
        padding-left: 0px;
    }

    .spirit_spec_info {
        padding: 0;
        width: 70%;
        height: auto;
    }

    .logo img {
        height: 60px;
    }

    .top__background_copy {
        font-family: 'FuturaBT';
        color: white;
        text-align: center;
        padding-right: 0px;
        padding-top: 25vh;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -1.19px;
    }

    .inquiry_top {
        padding-top: 40vh;
    }

    .donations_top {
        padding-top: 30vh;
        width: 100%;
        padding-right: 0px;
        box-sizing: border-box;
        padding-bottom: 100px;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        flex-wrap: wrap;
    }

    .inquiry_content {
        margin-top: 100px;
        width: 90%;
        color: black;
        padding-left: 0px;
        box-sizing: border-box;
    }

    .donations_top_right {
        box-sizing: border-box;
        padding-left: 50px;
        width: 90%;
        color: black;
        padding-left: 0px;
        float: left;
        margin-top: 40px;
    }

    .vertical_button_holder {
        width: 100% !important;
        float: left;
        padding-left: 50px;
    }

    .donations_top_right img {
        display: none;
    }

    .form {
        width: 90%;
        margin-top: 50px;
    }

    .gfield {
        width: 100% !important;
    }

    .third,
    .half {
        width: 100vw;
        height: 75vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: .12px;
        font-family: 'futura-pt-condensed';
        font-weight: 700;
        color: black;
    }

    .copy_section_about {
        padding: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 200px;
        text-align: center;
        font-family: 'FuturaBT';
        font-size: 19px;
        line-height: 25px;
        color: #828385;
        flex-direction: column;
    }

    header.mobile_header {
        display: block;
    }

    .mobile_top_nav_center img {
        width: 40px;
        height: 40px;
    }

    .mobile_top_nav {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-around;
        height: 100%;
    }

    .mobile_top_nav_left,
    .mobile_top_nav_center,
    .mobile_top_nav_right {
        height: 50%;
        width: 33.333%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile_top_nav_right {
        justify-content: flex-end;
        padding: 15px;
        box-sizing: border-box;
        align-items: center;
    }

    .mobile_location img {
        height: 20px;
        width: 20px;
        margin: 0px 5px;
    }

    .mobile_social,
    .mobile_location {
        height: 100%;
    }

    .mobile_top_nav_left img {
        height: 20px;
        width: 20px;
        margin: 0px 5px;
    }

    .mobile_top_nav_left {
        align-items: center;
        justify-content: flex-start;
        padding: 15px;
        box-sizing: border-box;
    }

    .mobile_top_nav_center {
        padding-top: 5px;
    }

    .hamburger-inner::before {
        top: -8px;
    }

    .hamburger-inner::after {
        bottom: -8px;
    }

    .mobile_top_nav_right {
        justify-content: flex-end;
        padding: 20px 15px 10px;
        box-sizing: border-box;
        align-items: center;
    }

    .hamburger-box {
        width: 30px;
        height: 20px;
        display: inline-block;
        position: relative;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 30px;
        height: 1px;
        background-color: white;
        border-radius: 0px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease;
    }

    .hamburger {
        padding: 0px 5px 0px;
    }

    .mobile_social a {
        display: block;
        width: 50%;
        height: 100%;
    }

    .mobile_social,
    .mobile_location {
        height: 100%;
        display: flex;
    }

    .spec_right {
        height: unset;
    }

    .spirit_spec_sheet,
    .beer_spec_sheet {
        padding-left: 0;
    }

    .spec_sheet_close {
        top: 3vh;
    }

    .spec_info {
        box-sizing: border-box;
        padding: 0% 10% 10%;
        height: 100%;
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        display: flex;
        position: relative;
        z-index: 1;
    }

    .spec_mark {
        width: 65px;
        height: 65px;
    }

    .spec_can img {
        width: 80%;
        transform: scale(1);
    }

    .spec_can.beer {
        margin-top: 30px;
    }

    .spec_can.beer img {
        width: 65%;
    }

    .spec_can {
        box-sizing: border-box;
        padding: 0% 5% 0%;
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        /* flex-direction: column; */
    }

    .slidedown_copy {
        width: 100%;
    }

    .buildingc_map {
        width: 100%;
        float: left;
        padding-right: 15%;
        box-sizing: border-box;
    }

    .footer_store_center {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0px;
        box-sizing: border-box;
    }

    .footer_half {
        font-family: 'FuturaBT';
        font-size: 14px;
        line-height: 16.8px;
        letter-spacing: .2px;
        color: white;
        width: 100%;
        margin-bottom: 15px;
    }

    .footer_form button {
        margin-top: 10px;
    }

    .footer_store {
        /* display: flex; */
        /* width: 50%; */
        background-size: cover;
        background-position: 50%;
        /* vertical-align: top; */
        flex: 100%;
    }

    .order_info {
        width: 100%;
    }

    .about_us_title {
        width: 100%;
        margin: 0 auto;
        padding: 0 10%;
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: .4px;
        font-family: 'Futura-PT-Book';
    }

    .about_us_copy {
        margin: 0 auto;
        padding: 0 10%;
        font-family: futura-pt, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .3px;
    }

    .about_us_section {
        color: white;
        background-position: top center;
        height: unset;
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .game_night_middle_section,
    .donations_middle_section {
        flex-direction: column;
    }

    .about_us_center {
        width: 100%;
        padding: 20% 0;
    }

    .about_us_bkgImg {
        width: 100%;
        padding-bottom: 100%;
    }

    .top_background_default {
        background-position: 50%;
        background-size: cover;
        height: 40vh;
        width: 100%;
        float: left;
        position: relative;
    }

    .logo {
        width: 100%;
        margin: 45px 0px 0px;
        position: absolute;
        left: 0px;
        right: 0;
        box-sizing: border-box;
        padding-left: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about_us_middle_left,
    .game_night_middle_left,
    .two_col_left,
    .donations_middle_left,
    .donations_middle_right,
    .about_us_middle_right,
    .taproom_middle_right,
    .game_night_middle_right {
        width: 100%;
        padding: 20vw 10vw;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        color: #676767;
    }

    .taproom_middle_right {
        min-height: 550px;
        padding: 0 10vw;
    }

    .about_us_middle_image,
    .about_us_bkgImg,
    .taproom_middle_image {
        display: none;
    }

    .two_col_image {
        width: 100%!important;
        width: 50%;
        height: 550px;
    }

    .about_us_middle_section,
    .two_col_section {
        width: 100%;
        min-height: 50vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    ul.mobile_menu {
        display: flex;
        width: 100%;
        padding: 5vw 10vw 25vh;
        box-sizing: border-box;
        height: 100%;
        background: black;
        z-index: 1000;
        position: absolute;
        top: -100vh;
        height: calc(100vh - 100px);
        left: 0;
        transition: all 500ms;
        -webkit-transition: all 500ms;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .mobile_top_nav {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-around;
        height: 100%;
        z-index: 100000000;
        background: black;
        position: relative;
    }

    .person {
        width: 50%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(50vw - 30px);
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        cursor: pointer;
        overflow: hidden;
    }

    .fullwidth_tabs {
        gap: 0;
        padding: 4px;
    }

    .fullwidth_tabs.donations {
        flex-direction: column;
    }

    .beer_tabs {
        height: auto;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }

    .tab {
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        font-size: 25px;
        line-height: 60px;
        color: white;
        transition: all 250ms;
        -webkit-transition: all 250ms;
        letter-spacing: .80px;
        background: #676767;
        display: table-cell;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 4px solid white;
        box-sizing: border-box;
    }
    .beer_tabs .tab:nth-child(even) {
        grid-column: 1;
    }
    .beer_tabs .tab:nth-child(odd):not(:first-of-type) {
        grid-column: 2;
    }
    .beer_tabs .tab:nth-of-type(2),
    .beer_tabs .tab:nth-of-type(3) {
        grid-row: 2;
    }
    .beer_tabs .tab:nth-of-type(4),
    .beer_tabs .tab:nth-of-type(5) {
        grid-row: 3;
    }
    .beer_tabs .tab:nth-of-type(6),
    .beer_tabs .tab:nth-of-type(7) {
        grid-row: 4;
    }

    .core_beer,
    .seasonal_beer,
    .core_spirit {
        width: calc(50% - 0px);
        height: calc(50vw - 22.5px);
        position: relative;
        overflow: hidden;
        cursor: pointer;
        /* float: left; */
    }

    .classic_title {
        font-family: 'FuturaBT';
        text-transform: uppercase;
        color: white;
        font-size: 38px;
        line-height: 48px;
        letter-spacing: 1.8px;
    }

    .classic_event {
        background-size: cover;
        background-position: center;
        width: 100%;
        float: left;
        height: 33.333vw;
    }

    .footer_store {
        /* display: flex; */
        /* width: 50%; */
        background-size: cover;
        background-position: 50%;
        /* vertical-align: top; */
        flex: 100%;
        height: 50vh;
    }

    .buildingc_right {
        width: 100%;
        float: left;
        margin-top: 50px;
    }

    .virtual_tour {
        width: 100% !important;
        /* height: 70vw!important; */
        margin-top: 50px;
    }

    .taproom_half {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .commitment_holder {
        min-height: 40vh;
        width: 100%;
        float: left;
        padding: 15% 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        background-position: 50%;
        background-size: 110%;
        background-size: cover;
        background-position: center;
    }

    header#site-header {
        background: black;
        color: white;
        width: 90px;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        display: none;
    }

    .content_section {
        padding-left: 0px;
        width: 100vw;
        float: left;
        display: block;
        box-sizing: border-box;
    }

    .core_beers_slider_left.secondary-carousel.flickity-enabled.is-draggable {
        display: none;
    }

    .core_beers_slider_right {
        width: 100%;
        position: relative;
        height: 100%;
    }

    .taproom_buildingc_info {
        width: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        height: auto;
        min-height: auto;
        flex-wrap: wrap;
    }

    .taproom_half {
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 75px 0px;
    }

    .taproom_copy {
        color: black;
        width: 90%;
        font-family: 'FuturaBT';
        font-size: 34.5px;
        line-height: 41px;
        text-align: center;
        margin: 50px 0px;
        display: none;
    }

    .taproom_title {
        width: 90%;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: .8px;
        text-transform: uppercase;
        font-family: 'FuturaBT';
        color: black;
        text-align: center;
        /* margin-bottom: 30px; */
        margin-bottom: 15px;
    }

    .buildingc_half {
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 50px 0px;
    }

    .vertical_button_holder {
        width: 100% !important;
        float: left;
        padding-left: 0px;
    }

    ul.mobile_menu.active {
        top: 100px;
    }

    .type {
        width: 100%;
    }

    .beer_big_info {
        text-transform: uppercase;
        font-size: 17px;
        line-height: 22.6px;
        letter-spacing: -.2px;
        color: #676767;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .order_online_section {
        padding: 75px 10% 50px;
        background-size: cover;
        background-repeat: repeat;
        background-position: top;
        color: white;
        box-sizing: border-box;
        width: 100%;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .order_info {
        width: 100%;
        overflow: auto;
    }

    .background_order {
        position: absolute;
        top: 0;
        left: 0;
        width: 230%;
        z-index: -1;
    }

    .classic_event {
        background-size: cover;
        background-position: center;
        width: 100%;
        float: left;
        height: 100vw;
    }

    .spec_right {
        position: relative;
        width: 100%;
        height: 100vh;
        /* display: block; */
        align-items: center;
        justify-content: center;
        flex-direction: column;
        overflow: scroll;
    }

    .footer_store {
        /* display: flex; */
        /* width: 50%; */
        background-size: cover;
        background-position: 50%;
        /* vertical-align: top; */
        flex: 100%;
        height: 50vh;
        /* display: none; */
    }

    .buildingc_half {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-position: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .taproom_half {
        width: 100%;
        height: 50%;
        background-size: cover;
        background-position: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .menu-main-menu-container {
        overflow: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        /* transform: rotate(90deg); */
        /* height: 300px; */
        writing-mode: unset;
        width: 100%;
    }

    .mobile_nav_parent_links {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        height: 44%;
    }

    .content_section {
        padding-left: 0px;
        width: 100vw;
        float: left;
        display: block;
        box-sizing: border-box;
        padding-top: 53px;
    }

    .home_hero_tagline h2 {
        font-family: 'FuturaBT';
        color: white;
        line-height: 45px;
        font-size: 38px;
        text-align: center;
        width: 70%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    ul#menu-main-menu-1 {
        display: flex;
    }

    li.menu-item a {
        color: white;
        text-decoration: none;
    }

    li.menu-item {
        margin: 0px 10px;
        font-size: 14px;
        letter-spacing: 2.2px;
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        color: white;
    }

    .menu-main-menu-container {
        overflow: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        /* transform: rotate(90deg); */
        /* height: 300px; */
        writing-mode: unset;
        width: 100%;
    }

    ul#menu-main-menu-1 {
        display: flex;
        list-style: none;
        align-items: center;
        justify-content: center;
    }

    .mobile_nav_parent_links {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        height: 50%;
    }

    .about_us_middle_right {
        width: 100%;
        padding: 20vw 10vw;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        color: #676767;
        min-height: 50vh;
    }

    .home_hero_tagline h2 {
        font-family: 'FuturaBT';
        color: white;
        line-height: 45px;
        font-size: 38px;
        text-align: center;
        width: 70%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    form.age-gate-form {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        border: 1px solid white;
        width: 80%;
        height: 350px;
        align-items: center;
        justify-content: center;
    }

    .menu-item.current-menu-item a {
        color: #D1C296;
    }

    .faqs_slideout {
        position: relative;
        color: white;
        z-index: 10;
        padding: 15vh 5% 15vh;
        /* height: 100vh; */
        width: 100%;
        box-sizing: border-box;
        background-size: cover;
        background-position: center;
        left: 0;
        top: 0;
        overflow: scroll;
        transition: all 250ms;
        -webkit-transition: all 250ms;
    }

    #calendar {
        max-width: 900px;
        margin: 0px auto !important;
        padding: 5vw;
        width: 100% !important;
    }

    .faqs {
        font-family: 'futura-pt';
        font-size: 21px;
        line-height: 27px;
        letter-spacing: .03px;
        font-weight: 700;
        margin-top: 125px;
        color: black;
        width: 100%;
        margin: 125px auto;
    }

    .page-404 {
        height: auto;
    }

    .page-404 .template_section {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .page-404 .faqs_top {
        margin: 0 auto;
        text-align: center;
    }

    .spilled-beer {
        max-width: 500px;
    }

    .vegas-content {
        padding: 0 10px!important;
    }

    body .gform_wrapper .top_label div.ginput_container {
        gap: 30px!important;
    }
}


@media all and (max-width: 500px) {

    ul.mobile_menu.active {
        top: 50px;
    }

    .about_us_copy, 
    .about_us_title {
        padding: 0 5%;
    }

    .top_background_default.desktop-only {
        margin-bottom: 0vh;
    }

    .faqs_top {
        color: white;
        width: 90%;
        margin-left: 5%;
        padding-top: 5vh;
        padding-bottom: 5vh;
        float: left;
    }

    .faqs {
        font-family: 'futura-pt';
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .03px;
        font-weight: 700;
        margin-top: 125px;
        color: black;
        width: 100%;
        margin: 125px auto;
    }

    .answer {
        font-size: 17px;
        line-height: 23px;
        font-weight: 500;
        display: none;
        margin-bottom: 40px;
    }

    .spec_can {
        box-sizing: border-box;
        padding: 0% 5% 0%;
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        /* flex-direction: column; */
    }

    .spec_right {
        position: relative;
        top: 3px;
        width: 100%;
        /* height: auto !important; */
        /* display: block; */
        align-items: center;
        justify-content: center;
        flex-direction: column;
        overflow: scroll;
        /* float: left; */
    }

    .spec_sheet_close {
        left: 6vw;
    }

    .third {
        width: 100vw;
        height: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: .12px;
        font-family: 'futura-pt-condensed';
        font-weight: 700;
        color: black;
    }

    .copy_section_about {
        padding: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 200px;
        text-align: center;
        font-family: 'FuturaBT';
        font-size: 16px;
        line-height: 22px;
        color: #828385;
        flex-direction: column;
    }

    .about_us_middle_image {
        display: none;
    }

    .taproom_hours {
        font-size: 21px;
    }

    .slidedown_copy {
        font-family: 'futura-pt-book', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 18px;
        letter-spacing: 1.2px;
        width: 80%;
        line-height: 160%;
        color: #676767;
        text-align: center;
        margin: auto;
    }

    .form_holder {
        margin: 0 auto;
        width: 90%;
        margin-bottom: 100px;
    }

    .jump_in_wave {
        height: 28vw;
        margin-top: -17vw;
        float: left;
        width: 100%;
        margin-bottom: -30vw;
        z-index: 100;
        position: relative;
    }

    .content_section {
        padding-left: 0px;
        width: 100vw;
        float: left;
        display: block;
        box-sizing: border-box;
        padding-top: 0px;
    }

    .right_items {

        display: none;
    }

    .buildingc_title {
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 700;
        font-style: normal;
        color: white;
        text-decoration: none;
        font-size: 74px;
        line-height: 75px;
        letter-spacing: .4px;
        text-transform: uppercase;
    }

    .giving_copy_holder {
        padding: 30px;
        width: 90%;
        box-sizing: border-box;
        background: #f7f7f7;
        /* margin: auto; */
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 1.2px;
        font-family: 'futura-pt-book', sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #676767;
        text-transform: uppercase;
    }

    .buildingc_map {
        width: 100%;
        float: left;
        padding-right: 0%;
        box-sizing: border-box;
    }

    .classic_event {
        background-size: auto 120%;
        background-position: center;
        width: 100%;
        float: left;
        height: 75vw;
    }

    .classic_event:hover {
        background-size: auto 110%;
    }

    .footer_store_button {
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 700;
        font-style: normal;
        color: white;
        letter-spacing: 3px;
        font-size: 31px;
        line-height: 44px;
        border: 2px solid;
        padding: 10px 20px;
        width: 250px;
        text-align: center;
        margin: 10px 0px;
        background-color: black !important;
        transition: all 400ms;
        -webkit-transition: all 400ms;
    }

    .footer_store_button:hover {
        background: white;
        color: black;
    }

    span.abv {
        font-family: 'Futura-PT-Book';
        margin-left: 0px;
        font-size: 16px;
        line-height: 20.6px;
        width: 100%;
        float: left;
    }

    .beer_small {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

    .on_tap_section {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        padding: 50px 10%;
        box-sizing: border-box;
        flex-wrap: wrap;
    }

    .on_tap_left {
        width: 100%;
    }

    .on_tap_right {
        width: 100%;
        margin-top: 60px;
    }

    .core_beer,
    .seasonal_beer,
    .core_spirit {
        width: calc(50% - 0px);
        height: calc(50vw - 0px);
        position: relative;
        overflow: hidden;
        cursor: pointer;
        /* float: left; */
    }

    .spec_can img,
    .spec_can.beer img {
        width: 100%;
    }

    .donations_top_right ul {
        padding-left: 20px;
        box-sizing: border-box;
    }

    .inquiry_content p {
        margin-top: 15px;
        width: 100%;
        float: left;
        font-family: 'futura-pt';
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .03px;
    }

    .donations_top_right p {
        margin-top: 15px;
        width: 100%;
        float: left;
        font-family: 'futura-pt';
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .03px;
    }

    .donations_top_right ul {
        margin-top: 15px;
        width: 100%;
        float: left;
        font-family: 'futura-pt';
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .03px;
    }


    .beer_spec_sheet.active {
        z-index: 1000000000000;
        opacity: 1;
    }

    .event_logo {
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .spec_info_event {
        box-sizing: border-box;
        padding: 0% 5%;
        height: 100%;
        width: 100%;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        display: flex;
        position: relative;
        z-index: 1;
    }

    .classic_event_logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .classic_event_logo img {
        max-height: 80%;
    }

    .our_people_section_title {
        margin-top: 150px;
        text-align: center;
        width: 100%;
        font-size: 43.5px;
        line-height: 52px;
        letter-spacing: .8px;
        font-family: 'futurabt';
        width: 100%;
        color: black;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0px 5%;
        box-sizing: border-box;
    }

    .our_people_section_title p {
        width: 100%;
    }

    .person {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(100vw - 30px);
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .mark {
        padding: 30px 10px 0px;
    }

    .hamburger {
        padding: 5px 10px;
    }

    .location {
        padding: 25px 15px 15px;
    }

    .social {
        padding: 25px 10px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .social a {
        padding-bottom: 10px;
    }

    .mega_menu_holder {
        width: 100vw;
        height: 100vh;
        padding-left: 90px;
        position: fixed;
        background-size: cover;
        background-position: center;
        top: 0;
        left: -110%;
        box-sizing: border-box;
        z-index: 50;
        padding: 45px 20px 45px 15px;
        box-sizing: border-box;
        padding-left: 45px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        transition: all 500ms;
        -webkit-transition: all 500ms;
    }

    .close {
        width: 100%;
        padding-right: 0px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    li.main-item.item {
        width: 50%;
        margin-bottom: 2.5vh;
    }

    .subtitle {
        font-family: 'Futura-PT-Book';
        font-weight: normal;
        font-style: normal;
        font-size: 15px;
        line-height: unset;
        letter-spacing: 0px;
        color: white;
        text-decoration: none;
    }

    .title {
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 700;
        font-style: normal;
        color: white;
        text-decoration: none;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: .4px;
        text-transform: uppercase;
    }

    li.bottom-item.item {
        width: 100%;
        margin-top: 15px;
    }

    .logo_menu {
        width: 130px;
    }

    .logo {
        width: 100%;
        margin: 100px 0px 0px;
        position: absolute;
        left: 0px;
        right: 0;
        box-sizing: border-box;
        padding-left: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo img {
        width: 180px;
    }

    .about_us_section {
        color: white;
        background-position: top center;
        height: unset;
        display: flex;
        /* align-items: center;
        justify-content: flex-start; */
        width: 100%;
        /* float: left; */
        box-sizing: border-box;
    }

    .about_us_middle_left,
    .two_col_left {
        width: 100%;
        padding: 20vw 5vw;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        color: #676767;
    }

    .about_us_middle_right {
        width: 100%;
        padding: 20vw 5vw;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        color: #676767;
        min-height: 50vh;
    }

    .home_hero_tagline h2 {
        font-family: 'FuturaBT';
        color: white;
        line-height: 45px;
        font-size: 38px;
        text-align: center;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .top_background_default {
        background-position: 50%;
        background-size: cover;
        height: auto;
        width: 100%;
        float: left;
    }

    .core_beers_slider_left {
        width: 40%;
        position: relative;
        height: 100%;
        display: none;
    }

    .core_beers_slider_right {
        width: 100%;
        position: relative;
        height: 100%;
    }

    .flickity-prev-next-button.previous {
        left: 2.5%;
        background: transparent;
        color: white;
        width: 40px;
        height: 40px;
    }

    .flickity-prev-next-button.next {
        right: 2.5%;
        background: transparent;
        color: white;
        width: 40px;
        height: 40px;
    }

    .core_beer_slider_can {
        width: 100%;
        position: relative;
        z-index: 10;
    }

    .slider_mark {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 12%;
        left: 5%;
        z-index: 5;
    }

    h1.age-gate-heading.age-gate-logo {
        box-sizing: border-box;
        width: 100%;
        padding: 25px;
        text-align: center;
        border-bottom: 1px solid white;
        display: block;
        height: 250px;
    }

    h1.age-gate-heading.age-gate-logo img {
        height: 90%;
        max-width: 100%;
    }

    p.age-gate-challenge {
        font-size: 16px;
        line-height: 21px;
    }

    .vegas-content {
        padding-right: 0px !important;
        box-sizing: border-box;
    }

    .home_hero {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-position: center;
        float: left;
        position: relative;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0px;
        z-index: 3;
    }

    .mobile_top_nav_right {
        justify-content: flex-end;
        padding: 15px 15px 10px;
        box-sizing: border-box;
        align-items: center;
    }

    .mobile_nav_parent_links {
        display: none;
        width: 100%;
        align-items: center;
        justify-content: center;
        height: 50%;
    }

    header.mobile_header {
        background: black;
        height: 50px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000000;
        /* display: none; */
    }

    .mobile_top_nav_left,
    .mobile_top_nav_center,
    .mobile_top_nav_right {
        height: 90%;
    }

    .mobile_top_nav_left {
        justify-content: flex-start;
    }

    .home_hero_tagline h2 {
        font-family: 'FuturaBT';
        color: white;
        line-height: 45px;
        font-size: 38px;
        text-align: center;
        width: 90%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    ul.mobile_menu {
        display: flex;
        width: 100%;
        padding: 5vw 10vw 25vh;
        box-sizing: border-box;
        height: 100%;
        background: black;
        z-index: 1000;
        position: absolute;
        top: -100vh;
        height: calc(100vh - 50px);
        left: 0;
        transition: all 500ms;
        -webkit-transition: all 500ms;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .faqs_top p {
        font-size: 18px;
        line-height: 24px;
        width: 100%;
        font-family: 'futura-pt';
        margin-bottom: 50px;
    }

    .find_holder_right {
        width: 100%;
    }

    .find_holder_right iframe {
        width: 100% !important;
        height: 500px !important;
    }

    .buildingc_half {
        width: 100%;
        height: 60vh;
        background-size: cover;
        background-position: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .donations_top .vertical_button_holder {
        width: 100% !important;
        float: left;
        padding-left: 30px;
        padding-right: 30px;
    }

    .core_beer_slider_can img {
        width: 130%;
    }

    .inquiry_content {
        margin-top: 40px;
        width: 90%;
        color: black;
        padding-right: 0px;
        padding-left: 0px;
        float: left;
        box-sizing: border-box;
    }

    .fc-toolbar-chunk {
        width: auto !important;
        float: left;
        display: inline-block;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        padding: 10px 0px;
    }

    .fc .fc-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .fc .fc-view-harness {
        flex-grow: 1;
        position: relative;
        height: 80vh !important;
    }

    .page-404 .template_section {
        padding: 5em 2em;
        height: auto;
    }

    .page-404 footer#site-footer {
        height: auto;
    }

    .oops {
        font-size: 1.75em;
        line-height: 1.1;
    }

    .spilled-beer {
        max-width: 300px;
        margin: 0;
    }

    .inquiry_top {
        padding-left: 30px;
        padding-top: 30vh;
    }
}

@media all and (max-width: 400px) {
    .tab {
        font-size: 17px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1230px) {
    .classic_event {
        width: 50%;
        height: 45vw
    }
}