/*
Theme Name: TRU Colors
Theme URI: https://soldierunltd.com/
Author: Soldier Unlimited
Author URI: https://soldierunltd.com/
Description: A custom WordPress theme for TRU Colors
Version: 2021.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: trucolors

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

@font-face {
    font-family: 'Editorial New';
    src: url('fonts/EditorialNew-Light.woff') format('woff2'),
        url('fonts/EditorialNew-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('fonts/TitlingGothicFBCompressed-Medium.woff') format('woff2'),
        url('fonts/TitlingGothicFBCompressed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('fonts/TitlingGothicFBCompressed-Standard.woff') format('woff2'),
        url('fonts/TitlingGothicFBCompressed-Standard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB';
    src: url('fonts/TitlingGothicFB-Standard.woff') format('woff2'),
        url('fonts/TitlingGothicFB-Standard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*   variables  */
:root{
    --small-padding: 15px;
}

/* global things and spacings */
html {scroll-behavior: smooth;}
* { box-sizing: border-box; }
.group:after { content: ""; display: table; clear: both; }
.max-w {max-width:1300px;margin:0 auto;}
.max-w-med {max-width:1000px;margin:0 auto;}
.max-w-sm {max-width:700px;margin:0 auto;}
.h-pad {padding:0 15px;}
.h-pad {padding:0 var(--small-padding);}
section {padding:60px 0;position:relative;}
.sec-content {position:relative;}
img{display:block;}
section.first-sec {padding-top:60px;}
section.no-creep {margin-top: 62px;}
.break{width:100%;height:60px;background:#000;}
section.no-top-pad {padding-top:0;}
section.no-bot-pad {padding-bottom:0;}
.sec-anchor {position:absolute;top:0;}
main {overflow:hidden;}
.vert-contrast-screen {background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.665703781512605) 0%, rgba(0,0,0,0.14189425770308128) 91%, rgba(0,0,0,0) 100%);position:absolute;top:0;left:0;width:100%;height:100%;}
.bg-image {position:relative;}

/* global fonts */
body {font-family: 'Titling Gothic FB Compressed';font-weight:500;color:#fff;background:#000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
h1,h2,h3 {line-height:1;letter-spacing:0.03em;}
p {line-height:1.5;font-family: 'Editorial New';font-size:18px;}
p a {color:#fff;}
.bg-grey p a {color:#000;}
.col-text {text-align:center;padding:60px 0;}
.col-text h3 {font-size:48px;text-transform:uppercase;line-height:1;}
.sec-tag {text-transform: uppercase; font-weight: normal; color: #b79b67; font-size: 21px;margin-bottom:9px;}

/* global colors */
.bg-white {background-color:#fff;color:#000;}
.bg-grey {background-color:#e7e7e7;color:#000;}
.bg-dark {color:#fff;}

/* global links */
.button-cta,
body .gf-form-styling .gform_button,
html .pum-theme-20 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {margin-bottom:0;border:0;outline:0;background:#fff;color:#000;font-family: 'Titling Gothic FB Compressed';letter-spacing:0.03em;font-weight:normal;text-transform:uppercase;font-size:21px;height:40px;border:1px solid #fff;cursor:pointer;text-decoration:none;text-align:center;border-radius: 0;padding:10px;}
.button-outline {background:transparent;border:1px solid #000;color:#000;}
.button-cta:hover,
body .gf-form-styling .gform_button:hover,
html .pum-theme-20 .pum-content + .pum-close:hover, .pum-theme-lightbox .pum-content + .pum-close:hover {background:#000;color:#fff;}
.gform_button {padding-top:8px !important;}
.button-cta {display: inline-block; padding: 10px;min-width: 170px;}
.button-black-outline {border:1px solid #000;}
.button-black,
body .gf-form-styling.light-bg .gform_footer .button {border:1px solid #000;background:#000;color:#fff;}
.button-black:hover,
body .gf-form-styling.light-bg .gform_footer .button:hover {background:#fff;color:#000;}
.button-tan {background:#bd9a5f;color:#000;border:1px solid #bd9a5f;}
.button-tan:hover {background:#000;color:#fff;}
.button-cta.pad-right {margin-right:10px;}
.button-cta.pad-central {margin:0 5px;}
.button-outline {border:1px solid #000;}
.button-grey,.button-grey:hover {background-color:#e7e7e7;color:#808080;border:1px solid #e7e7e7;}
.bg-image-link {position:absolute;left:0;top:0;width:100%;height:100%;display:block;}

/* header */
header {padding-top:20px;width:100%;position:absolute;top: 0;}
#site-title {width:110px;z-index:3;position:relative;}
#site-title svg {fill:#eaeceb;}
#desktop-menu {display:none;}
#menu {display:flex;align-items:center;z-index: 2;}
#header-position {display:flex;justify-content:space-between;height:24px;}
#nav-things {display:flex;position: relative;margin-top:1px;}
#menu-desktop-menu {display:flex;}
#menu-desktop-menu li{display:flex;margin-right:22px;border-bottom:1px solid transparent;}
#menu-desktop-menu li a {color:#fff;text-decoration:none;text-transform:uppercase;font-weight:500;border-bottom:1px solid transparent;font-size:18px;letter-spacing:0.03em;}
#menu-desktop-menu li a:hover,
#menu-desktop-menu li.current-menu-item a {border-bottom:1px solid #fff;}
#menu-desktop-menu li:last-child{margin-right:0;}

/* hamburger menu */
#ham-trigger {width: 25px; height: 26px;display: flex; align-items: center; flex-flow: wrap;cursor:pointer;position:relative;z-index: 3;top: -2px;}
#ham-trigger.active {display:block;}
#ham-trigger.active .bar{background:#fff;}
#ham-menu {background:#0f0f0f;width:100%;height:100vh;position:fixed;left:100vw;transition: all 0.2s ease;z-index:2;padding-top:90px;top:0;}
#ham-menu.active {margin-left:-100%;left:100vw;opacity:1;}
body.menu-open {height:100vh;width:100vw;overflow:hidden;}
#ham-menu li {text-align: right;}
#ham-screen {position:fixed;left:100%;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:2;transition: opacity 0.2s ease;opacity:0;}
#ham-screen.active {left:0;opacity:1;}
#ham-menu #column-1 a {color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 500; border-bottom: 1px solid transparent; font-size: 18px; letter-spacing: 0.03em;}
#ham-menu .social-icons { display: flex; justify-content: flex-end; }
#ham-menu #column-1 a:hover {border-bottom:1px solid #fff;}
#ham-menu #column-1 li,
#ham-menu #column-2 li {margin-bottom:13px;}
#ham-menu #column-1 li:last-child,
#ham-menu #column-2 li:last-child {margin-bottom:0;}
#ham-menu #column-2 {margin-top:40px;}
#ham-menu #column-2 a { color: #b79b67; text-decoration: none; font-family: 'Editorial New';}
#ham-menu #column-2 a:hover {text-decoration:underline;}
.close-button.active .bar {width:120%;}
.close-button.active .bar-1{transform: rotate(45deg);top:50%;position:absolute;margin-top:-1px;margin-left:-2px;}
.close-button.active .bar-2{display:none;}
.close-button.active .bar-3{transform: rotate(-45deg);bottom:50%;position:absolute;margin-bottom:-1px;margin-left:-2px;}
.bar {width:100%;height:2px;background:#fff;border-radius:20px;}
#ham-menu .contact-box {margin-top: 30px; border-bottom: 0; padding-bottom: 0; text-align: right; margin-right: -6px;margin-left:0;width:auto;}

/* menu overrides */
.dark-nav #menu-desktop-menu li a {color:#000;}
.dark-nav #site-title svg {fill:#000;}
.dark-nav .bar {background:#000;}
.dark-nav #menu-desktop-menu li a:hover, 
.dark-nav #menu-desktop-menu li.current-menu-item a {border-bottom:1px solid #000;}


    /* transition this to .dark-nav approach above when you get a sec */
    .page-id-50 #site-title svg,
    .page-id-52 #site-title svg {fill:#000;}

    .page-id-50 #menu-desktop-menu li a,
    .page-id-52 #menu-desktop-menu li a {color:#000;}

    .page-id-50 #menu-desktop-menu li a:hover,
    .page-id-52 #menu-desktop-menu li a:hover {border-bottom:1px solid #000;}

    .page-id-50 .bar,
    .page-id-52 .bar {background:#000;}


/* home hero */
.tru-light-mark {width: 140px; margin: 0 auto;}
.coming-soon {font-family: 'Editorial New';margin-bottom:30px;font-size:18px;}
#home-hero .col-image{background-image:url('images/tru-can-trio.jpg');background-size:cover;background-position:center bottom;}

/* beer hero */
#beer-hero {background-image:url('images/beer-bg.jpg');background-size:cover;background-position:center bottom;background-repeat:no-repeat;padding-bottom:0;}
#beer-hero .tru-light-mark {width:80%;margin-bottom:30px;max-width:600px;}
#beer-hero h3 {margin: 0 auto;max-width:400px;}
#beer-hero .coming-soon {margin-top:30px;}
.availability {text-transform:uppercase;font-weight:normal;color:#b79b67;font-size:18px;padding-top:30px;}
.tru-light-can-trio {max-width:460px;margin:0 auto;}
.tru-light-can-trio img {width:100%;}
.circle-mark {display:inline;position:relative;}
.circle-mark svg {position:absolute;bottom: -58px; right: -54px;fill:#b79b67;width:100px;}

/* stay tru */
#stay-tru .col-image {position:relative;}
.can-overlay {width:70%;position:absolute;height:80%;top: 50%; left: 50%; transform: translate(-50%, -50%);}
.can-overlay img {height:100%;margin: 0 auto;}

/* beer stats */
.beer-stats {margin-top:100px;font-size:24px;}
.beer-stats .text {font-family: 'Editorial New';}
.beer-stats .break {width:100px;height:1px;margin:20px auto;background:#fff;}

/* ingredients */
#ingredients {text-align:center;padding:90px 0;}
#ingredients h2 {font-size:36px;text-transform:uppercase;}
.ingredient-list {padding-top:90px;max-width:240px;margin:0 auto;}
.ingredient-list .list-item {border-top:1px solid #c1a976;padding-top:60px;padding-bottom:90px;position:relative;}
.ingredient-list .list-item:last-child {border-bottom:1px solid #c1a976;padding-bottom:30px;}
.ingredient-list .list-item h3 {text-transform:uppercase;font-size:28px;margin-bottom:20px;}
.ingredient-list p {color:#bd9a5f;}
.ingredient-list .list-icon {position:absolute;width:60px;left:50%;margin-left:-30px;top:-30px;}
.ingredient-list .list-icon svg {fill:#c1a976;background-color:#fff;}
.icon-yeast,.icon-water {outline: 6px solid white;}

/* image slide */
.image-slide {width:100%;padding:120px 0;}
.image-port {width: 80%;height:0;padding-top:100%;}
.image-land {width: 100%;height:0;padding-top:60%;}
.carousel-image {width:100%;display:flex;align-items:center;}
.carousel-land {height:100%;}
.carousel-image .image {margin:0 auto;}

/* news ticker */
.news-ticker {width:100%;display:flex;justify-content:space-between;text-transform:uppercase;font-size:21px;align-items: center;padding:20px 0;}
.news-ticker .title {letter-spacing:0.03em;font-size:24px;}
.news-item {font-weight:normal;}
.news-item span {color:#b79b67;}
.news-ticker-wrap {padding:0;}

/* solo photo */
.solo-photo img {margin:0 auto;max-width:900px;width:100%;}
.solo-photo {padding-bottom:100px;}
.solo-photo .circle-mark {width: 100%; max-width: 900px; display: block; margin: 0 auto;}
.solo-photo .circle-mark svg {bottom:-30px;left:-30px;}

/* quote carousel */
.quote-carousel .quote-item {width:100%;padding-top:60px;padding-bottom:60px;}
.quote-carousel .quote-item h2 {text-transform:uppercase;font-size:36px;font-weight:500;letter-spacing:0.03em;margin-bottom:20px;text-indent: -13px;}
.quote-carousel .quote-item.no-sub h2 {margin-bottom:0;}
.quote-carousel .quote-item.center-just {text-align:center;}
.quote-carousel .quote-item.light-bg {color:#000;}
.quote-carousel .quote-item.light-bg span {color:#b89c67;}
.quote-carousel .quote-item .sub-quote {text-transform: uppercase; line-height: 1.3; font-weight: normal; padding-left: 15%;font-size:18px;letter-spacing:0.03em;}
.flickity-page-dots li {position:relative;}
.flickity-page-dots li:after {font-size:21px;color:#b79b67;}
.flickity-page-dots li:nth-child(1):after {content:"1";}
.flickity-page-dots li:nth-child(2):after {content:"2";}
.flickity-page-dots li:nth-child(3):after {content:"3";}
.flickity-page-dots li:nth-child(4):after {content:"4";}
.flickity-page-dots li:nth-child(5):after {content:"5";}
.flickity-page-dots li:nth-child(6):after {content:"6";}
.quote-carousel .flickity-page-dots .dot { opacity: 1; margin: 0 0 0 15px; background: transparent; border-bottom: 1px solid transparent; border-radius: 0; height: 23px; }
.quote-carousel .flickity-page-dots .dot.is-selected{border-bottom: 1px solid #b79b67;}
.quote-carousel .flickity-page-dots { width: auto;right: 0; }
.quote-carousel .h-pad {position:relative;}
.social-tag {position:absolute;left:0;margin-top:5px;}
.social-tag a,.job-meta{color:#b79b67;text-decoration:none;font-family: 'Aventa Variable';text-transform:uppercase;font-size:14px;letter-spacing:0.2em;}
.social-tag a:hover {border-bottom:1px solid #b79b67;}

/* double grid */
.double-grid {padding:0;overflow: hidden;}
.double-grid .col-image {width:100%;height:0; padding-top:80%;background-repeat:no-repeat;}
.double-grid .title {display:block;text-transform:uppercase;font-size:21px;font-weight:normal;margin-bottom:7px;line-height:1.3;}
.double-grid h2 {font-size: 36px; text-transform: uppercase;}
.double-grid h2 a {text-decoration:none;color:#b79b67;}
.double-grid h2 a:hover {text-decoration:underline;}
.double-grid h2 + p {margin-top:20px;}
.double-grid a:first-of-type {margin-top:30px;}
.double-grid a {margin-top:13px;margin-right:13px;}
.double-grid .email-header {text-transform:uppercase;font-family: 'Titling Gothic FB Compressed'; font-weight:normal;font-size:28px;color:#b79b67;}
.col-image {position:relative;}
.mobile-reverse .profile-row {display:flex;flex-flow:column-reverse;}
.double-grid .text-wrap {width:100%;}
.double-grid .col-text + .col-text {padding-top:0;margin-top:-40px;}
.double-grid .spacer {color:transparent;display:none;}

.single-col .col-text{width:100%;justify-content:center;}
.single-col .col-left .col-pad {padding-left:var(--small-padding) !important;padding-right:var(--small-padding);}
.single-col .col-left.col-text .h-pad {justify-content:center !important;}
.single-col .text-wrap {max-width:600px;}
.single-col .border-top {border-top:1px solid #000;}

/* featured event */
.featured-event .col-text {padding:100px 0;text-align:left;position:relative;}

/* single event */
.single-event .featured-event {padding-top:45%;}
.event-meta {text-align:center;}
.event-meta h1 {font-size:36px;text-transform:uppercase;}
.event-meta p {margin-top:20px;}
.share {margin-top:60px;}
.share h3 {text-transform:uppercase;font-size:24px;}
.share .social-icons .icon svg,.share .social-icons .icon svg path {fill:#000;}
.share .social-icons {justify-content:center;margin-top:20px;margin-left:0;}
.share .social-icons .icon {margin:0 5px;}

/* event grid */
.upcoming-events h2 {font-size:36px;text-transform:uppercase;}
.event-item {margin-top:60px;}
.event-thumb {width:100%;height:0;padding-top:75%;margin-bottom:20px;}
.event-item .button-cta:first-of-type {margin-top:20px;}
.event-item .button-cta {margin-top:13px;margin-right:10px;}
.event-item .title,
.single-event .title {font-size:18px;text-transform:uppercase;color:#b79b67;line-height:1.3;display:block;margin-bottom:7px;font-weight:normal;}
.event-item h3 {text-transform:uppercase;font-size:32px;}
.event-item .title + h3 {}
.grid-nav {margin-top:60px;border-top:1px solid #000;padding-top:60px;font-weight: normal;}
.grid-nav .next,.grid-nav .prev {float:right;text-transform:uppercase;color:#000;font-size:18px;text-decoration:none;}
.grid-nav .next:hover,.grid-nav .prev:hover {color:#b79b67;}
.grid-nav .next svg,.grid-nav .prev svg {width:15px;}
.grid-nav .prev {float:left;}

.pager .page-count {position:absolute;width:150px;left:50%;margin-left:-75px;text-align:center;font-size:18px;text-transform:uppercase;}

/* profiles */
.full-bleed-profiles {padding:0;}
.profile-item {position:relative;background-position:center top;background-size:cover;width:100%;height:0;padding-top:115%;border-bottom:6px solid #fff;}
.profile-item:last-child {border-bottom:0;}
.profile-item .profile-content {position:absolute;bottom:20px;width:100%;color:#fff;text-align:center;}
.profile-content .role {color:#fff;margin-bottom:10px;}
.profile-content .name {text-transform:uppercase;font-size:36px;}
.profile-content .quote {margin-top:10px;}
.grid .profile-grad {position:absolute;left:-1px;top:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.55) 80%, rgba(0,0,0,0.70) 100%);height:calc(100% + 1px);width:calc(100% + 3px);}
.profile-item .content-width {width:100%;margin:0 auto;max-width:400px;}
.full-bleed-profiles .profile-grad {position:absolute;left:-1px;top:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.55) 80%, rgba(0,0,0,0.70) 100%);height:calc(100% + 1px);width:calc(100% + 1px);}



/* video block */
.video-block {padding:0;}
.video__remove { position: absolute; top: 50%; right: 15px; display: none; z-index: 1; width: 50px; height: 50px; margin-top: -25px; outline: 0; border: 0; padding: 0; background: transparent; fill: #fff; cursor:pointer;}
.video-block {height: 0;padding-top: 56.25%;position:relative;}
.video-block .wrapper {position: absolute;top: 0;height: 100%;max-width: none;width:100%;}
.video__container {min-height:0;height: 100% !important;}
.video__poster {position: absolute; top: 0; left: 0; width: 100%; height: 100%;outline:0;border:0;cursor:pointer;}
.video__add:before {margin-bottom:0;}
.video__wrapper { position: absolute; top: 0; left: 0; bottom: 0; display: none; width: 100%; height: 100%; padding: 0; overflow: hidden; }
.video__iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.video__poster svg { width: 60px; position: absolute; top: 50%; left: 50%; margin-left:-30px;margin-top:-30px;fill:#fff;}
.video-block .video__remove .cls-5,
.video-block .video__poster .cls-3 {stroke-width: 2px;stroke: #fff;}
.video-block .video__poster .cls-3 {fill-opacity:0.25;}
.video-block .video__poster:hover .cls-3 {fill-opacity:1;}
.video-block .video__poster:hover .cls-4 {fill:#000;}
.video-block .video__remove .cls-5 {fill-opacity:0.25;}
.video-block .video__remove:hover .cls-5 {fill-opacity:1;}
.video-block .video__remove:hover .cls-6 {fill:#000;}
.video-block:hover .video__remove,
.video-block iframe:focus .video__remove {display:block;}
.iframe-container{position: relative;width: 100%;padding-bottom: 56.25%;height: 0;}
.iframe-container iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.iframe-container iframe:focus {display:none;}
.video-block .hideit {visibility:hidden;}

/* html5 self hosted video embed */

.video-row .bucket-cont {padding-top: 56.25%;}

.video {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.video-cover {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: #444;z-index: 1;cursor: pointer;}
.close {position: absolute;top: 10px;right: 10px;z-index: -1 !important;}
.hide-it {animation: coverhide 0.4s forwards;}
.show-it {animation: covershow 0.4s forwards;}
.video-row {position:absolute;top:0;left:0;width:100%;height:100%;}

@keyframes coverhide {
  0% {
    opacity: 1;
    z-index: 1;
  }
  99% {
    opacity: 0;
    z-index: 0;
  }
  100% {
    z-index: -1;
  }
}

@keyframes covershow {
  0% {
    opacity: 0;
    z-index: -1;
  }
  1% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    z-index: 1;
    opacity: 1;
  }
}

.full-bleed-image {width:100%;position:relative;padding:0;}
.full-bleed-image img {width:100%;height:auto;}
.full-bleed-image .caption {position:absolute;bottom:20px;right:0;text-transform: uppercase; font-weight: normal; font-size:21px;}
.full-bleed-image .caption span {color: #b79b67;}

/* insta grid */
#insta-grid {padding:120px 0;text-align:center;background-repeat:no-repeat;}
#insta-grid h2 {font-size:36px;text-transform:uppercase;color:#fff;font-family: 'Titling Gothic FB Compressed';font-weight:500;margin-bottom:60px;}
#insta-grid h2 a {color:#fff;text-decoration:none;}
#insta-grid h2 a:hover {border-bottom:1px solid #fff;}
#insta-grid .button-cta {margin-top: 30px;}
.insta-grid-item {width:100%;height:0;padding-top:100%;position:relative;}
.insta-grid-item a {position:absolute;width:100%;height:100%;left:0;top:0;display:block;}

/* gallery slides */
.gallery-slides {margin-left:-1px;}
.gallery-slides .gallery-item {background-color:transparent;border-left:1px solid #fff;background-repeat:no-repeat;}
.gallery-slides.images-gaps .gallery-item {border-left:8px solid #fff;border-right:8px solid #fff;}
.gallery-slides .gallery-item-land {width:80%;height:0;padding-top:50%;}
.gallery-slides .gallery-item-port {width:40%;height:0;padding-top:50%;}
body .flickity-prev-next-button.previous {left: 3px; top: 50%; width: 30px; height: 30px; transform: none; border-radius: 0; background: #000; color: #fff;margin-top:-15px;}
body .flickity-prev-next-button.next {right: 3px; left: auto; top: 50%; width: 30px; height: 30px; transform: none; border-radius: 0; background: #000; color: #fff;margin-top:-15px;}

/* team header */
.team-hero .col-text{padding-bottom:100px;padding-top:180px;}

/* team grid */
.team-grid {padding-top:20px;padding-bottom:0;}
.name-position {width:50%;border:1px solid #000 !important;}
.team-grid .profile-item {padding-top:80%;background:#666;background-size:cover;background-position:center top;border-bottom:0;}
.team-grid .profile-item .profile-content {bottom:20px;}
.team-grid .profile-item h2 {font-size:24px;}
.team-grid .profile-content .role {margin-bottom:5px;}
.team-grid .profile-content .role p {line-height:1.15;}
.team-grid .profile-item .profile-content {text-align:left;}
.team-grid .image-quote {width:100%;display:flex;flex-flow:column;}
.team-grid .image-quote.reverse {flex-flow:column-reverse;}
.team-grid .image-quote .image {width:100%;height:0;padding-top:70%;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.team-grid .image-quote .quote {width:100%;text-transform:uppercase;font-size: 24px;text-align:center;padding:60px 0;}
.team-grid .image-quote .quote h3 {line-height:1.2;}
.team-grid .image-quote .quote p + h3 {margin-top:30px;}
.team-grid .image-quote .quote h3 + .button-cta {margin-top:30px;}
.team-grid .search-on .not-searchable {display:none;width:0;height:0;}
.team-grid .team-video {width:100%;}
.team-grid .break {height:30px;}
.team-grid .quote p {text-transform:none;}
.team-grid .two-thirds-quote.one-cell {width:50%;padding-top:57%;height:0;}
.team-grid .two-thirds-quote .quote {width:100%;position:absolute;position: absolute; top: 50%; transform: translateY(-50%);height:100%;}
.accordion-container{ width:100%; height:auto; margin:0 auto;} 
.accord1 {border: 1px solid #bd9a5f;}
.accord1 li{ list-style:none; } 
.accord1 li .filter-box {position: relative; padding: 13px 30px 8px 10px; background: #000; text-align: left; cursor: pointer; color: #bd9a5f; text-transform: uppercase; font-family: 'Titling Gothic FB Compressed'; font-weight: normal; font-size: 16px; height: 40px; letter-spacing: 0.03em;} 
.accord1 li .filter-box span {color:#fff;}
.accord1 .filter-box .chev-toggle {position:absolute;right:8px;top:12px;width:19px;}
.accord1 .filter-box.filter-open .chev-toggle {transform: rotate(180deg);}
.accord-content{ color: #fff; font-size:16px;display:none;padding:0 10px 10px 10px;}
.accord-content button {display:block;border-radius:0;background:#000;outline:0;margin-bottom:0;border:0;color:#fff;font-family: 'Titling Gothic FB Compressed';letter-spacing:0.03em;text-transform:uppercase;margin-bottom: 10px;font-size:16px;padding:0;border-bottom:1px solid transparent;cursor:pointer;}
.accord-content button:last-child {margin-bottom:0;}
.accord-content button:hover {border-bottom:1px solid #fff;}
.quicksearch {border:0px solid #bd9a5f;background:#000;color:#fff; height:40px;width:100%;margin-bottom:20px;border-radius:0;outline:0;font-family: 'Titling Gothic FB Compressed';font-weight:normal;font-size:24px;text-transform:uppercase;padding:10px 0 8px 40px;letter-spacing: 0.03em;background-image:url(images/search-icon.svg);background-size:30px;background-repeat:no-repeat;background-position:0 5px;}
.quicksearch::placeholder {text-transform:uppercase;font-family: 'Titling Gothic FB Compressed';font-weight:normal;font-size:24px;letter-spacing: 0.03em;color:#bd9a5f;}
.team-grid .message-div {opacity:0;padding-top:20px;height:0;transition: all 0.2s ease;}
.team-grid .message-div.showit {opacity:1;height:50px;}
.team-grid .message-div .button--reset {text-decoration:underline;cursor:pointer;}

/* age gate */
.pum-container {padding-bottom:90px !important;padding-top:60px !important;}
.pum-container button {width:200px;outline:0;border:1px solid #fff;border-radius:0;}
.pum-container h2{color:#fff;letter-spacing:0.03em;font-size:48px;margin-top:30px;text-transform:uppercase;}
.pum-container p {margin-top:20px;margin-bottom:20px !important;color:#b79b67;font-size:18px;}
.tru-mark-pop {width: 200px;margin: 0 auto;}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {padding-right:0 !important;}
html .pum-theme-20 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {width:200px;border:1px solid #fff;top:auto;bottom:40px;left:50%;right:auto;margin-left:-100px;margin-top:20px !important;}
.pum-content {outline:0 !important;}


/* gravity form styling */
body .gf-form-styling {margin-top:20px;}
body .gf-form-styling .ginput_container input,
body .gf-form-styling .ginput_container textarea{background: transparent; border: 1px solid #fff !important;font-family: 'Editorial New';color:#fff;outline:0;font-size:16px !important; line-height: 1!important;padding:12px 12px 10px 12px !important;position:relative;}
body .gf-form-styling .ginput_container input::placeholder,
body .gf-form-styling .ginput_container textarea::placeholder {text-transform:uppercase;font-family: 'Titling Gothic FB Compressed';letter-spacing:0.03em;color:#fff;font-size:18px;display:block;padding-top:10px;line-height:normal;vertical-align:middle;line-height:1;position: absolute;left:12px;top:4px;}
body .gf-form-styling .ginput_container input:focus::placeholder,
body .gf-form-styling .ginput_container textarea:focus::placeholder {color:#ccc;}
body .gf-form-styling .gfield_date_month label,body .gf-form-styling .gfield_date_day label,body .gf-form-styling .gfield_date_year label {display:none;}
body .gf-form-styling  #field_1_3 {position:relative;border:1px solid #fff;}
body .gf-form-styling  #field_1_3 legend{position: absolute; text-transform: uppercase; left: 12px; top: 14px;font-family: 'Titling Gothic FB Compressed';letter-spacing:0.03em;font-weight:normal;font-size:18px;}
body .gf-form-styling  #field_1_3 input::placeholder {text-align:center;width:40px;left:50%;margin-left:-20px;color:#ccc;}
body .gf-form-styling  #field_1_3 input {border:0 !important;text-align:center;min-width:0 !important;width:65px;}
body .gf-form-styling #field_1_3 #input_1_3_2 {width:40px;}
body .gf-form-styling #field_1_3 #input_1_3_1 {width:40px;}
body .gf-form-styling .gfield_required_text {display:none;}
body .gf-form-styling .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {width: 33.333%;max-width:none;margin-left:0; text-align: center;}
body .gf-form-styling #input_1_3 {margin-left: 117px;width: calc(100% - 117px);}
body .gf-form-styling #input_1_3 div {position:relative;}
body .gf-form-styling #input_1_3 div:after {content:"";position:absolute;left:0;top:11px;width:1px;height:20px;background:#ccc;transform: rotate(5deg);}
body .gf-form-styling .gform_validation_errors {display:none;}
body .gf-form-styling .gfield_error {position:relative;margin-bottom:24px !important;}
body .gf-form-styling .gfield_validation_message {position: absolute; bottom: -22px; padding: 0; border: 0; text-align: left; background: transparent; left: 0; color: #ff6b6b;font-family: 'Editorial New' !important;line-height:1.3;font-size:14px;text-transform:none;}
body .gf-form-styling #gform_2 .gfield_validation_message {color:#ff0000;}
body .gf-form-styling .gform_wrapper .gfield_error label {color:#fff !important;}
body .gf-form-styling .gform_wrapper .gfield_error .gfield_repeater_cell label, 
body .gf-form-styling .gform_wrapper .gfield_error label, 
body .gf-form-styling .gform_wrapper .gfield_error legend,
body .gf-form-styling .gform_wrapper [aria-invalid=true]+label, 
body .gf-form-styling .gform_wrapper label+[aria-invalid=true] {color:#fff;}
body .job-modal .gf-form-styling .gform_wrapper .gfield_error legend {color:#000;}
body .gf-form-styling #validation_message_1_4 span {display:none;}
body .gf-form-styling #field_1_5 {text-align:left;text-transform:uppercase;font-weight:normal;margin-left:-5px;}
body .gf-form-styling #field_1_5 label {padding-left:5px;letter-spacing:0.03em;}
body .gf-form-styling .gform_wrapper.gravity-theme .ginput_complex span {margin-bottom:0;}
body .gf-form-styling #field_1_5 a{color:#b79b67;}
body .gf-form-styling .gform_button:hover {background:#000;color:#fff;}
body .gf-form-styling .gform_wrapper.gravity-theme .gform_fields{grid-row-gap:24px;}
body .gf-form-styling .gform_wrapper.gravity-theme .gform_footer, 
body .gf-form-styling .gform_wrapper.gravity-theme .gform_page_footer {margin-top: 24px;padding-bottom:0;}
body .gf-form-styling .gform_confirmation_message {text-transform: uppercase; font-weight: normal; font-size: 24px; color: #b79b67; margin-top: 60px;line-height: 1.3;letter-spacing: 0.03em;}
body .gf-form-styling .gform_button {margin-bottom: 0 !important; line-height: 1 !important; height: 40px !important;padding-top: 11px !important;min-width:180px;}
body #mailing-list-form .gform_footer  {text-align:center;}
body img.gform_ajax_spinner {position:absolute;width:20px;right:8px;bottom:12px;}
body #mailing-list-pos img.gform_ajax_spinner {left:calc(50% + 72px);}
body .gform_wrapper.gravity-theme .gfield.gfield--width-full {text-align:left;}
body .gform_wrapper.gravity-theme .gfield_label {text-transform: uppercase; font-weight: normal; text-align: left;}
body .gform_wrapper.gravity-theme .gform_fileupload_rules {font-weight:normal;text-transform:uppercase;font-size:12px;}
body .job-modal .gf-form-styling .gfield_validation_message {color:#ff0000;}


#tru-ticker {padding:24px 0 20px;border-bottom:2px solid #fff;display:flex;}
.tru-mark {width:135px;margin:0 15px;}
.flickity-viewport {width: 100%;}

/* contact hero */
#contact-hero {background-image:url('images/beer-bg.jpg');background-size:cover;background-position:center bottom;background-repeat:no-repeat;}
.headline-image  {text-align:center;}
.headline-image h2 {margin-bottom:30px;text-transform:uppercase;font-size:48px;}
.headline-image img {width:100%;}

/* text hero */
.text-hero {padding-bottom:0;}
.text-hero h1 {max-width:625px;margin:0 auto;}
.text-hero h1{font-size:48px;text-transform:uppercase;color:#fff;}
.text-hero.bg-grey h1 {color:#000;}
.text-hero h2{font-size:24px;text-transform:uppercase;margin-top:60px;}
.text-hero h1 span,
.text-hero p span {color:#b79b67;}
.text-hero .coming-soon {margin-top:15px;}
.text-hero h1 + .coming-soon {margin-top:50px;}
.text-hero .coming-soon a.plain-link {color:#fff;text-decoration:none;}
.text-hero .coming-soon a.plain-link:hover {text-decoration:underline;}
.text-hero h1 + .coming-soon .button-cta {margin-top:13px;}

/* contact form */
#contact-form {max-width:800px;margin:60px auto;position:relative;}
.form-intro {max-width:500px;margin:0 auto;}
body .gf-form-styling.light-bg .ginput_container input,
body .gf-form-styling.light-bg .ginput_container textarea{border: 1px solid #000 !important;color:#000;}
body .job-modal .gf-form-styling.light-bg .ginput_container input, 
body .job-modal .gf-form-styling.light-bg .ginput_container textarea {background:#f1f1f1;}
body .bg-dark .gf-form-styling.light-bg .ginput_container input,
body .bg-dark .gf-form-styling.light-bg .ginput_container textarea{border: 1px solid #fff !important;color:#fff;}
body .gf-form-styling.light-bg .ginput_container textarea {line-height:1.5 !important;}
body .gf-form-styling.light-bg .ginput_container input::placeholder,
body .gf-form-styling.light-bg .ginput_container textarea::placeholder {color:#a8a9ab;}
body .gf-form-styling.light-bg {margin-top:50px;}
body .gf-form-styling .gform_footer {text-align:right;margin-top:6px !important;}
body .gf-form-styling.light-bg .gform_footer .button {background:#000;color:#fff;}
body .bg-dark .gf-form-styling.light-bg .gform_footer .button {background:#fff;color:#000;border:1px solid #fff;}
body .bg-dark .gf-form-styling.light-bg .gform_footer .button:hover {background:transparent;border:1px solid #fff;color:#fff;}
body #contact-form.gf-form-styling .gform_footer {margin-top: -4px !important; padding-top: 0 !important;}
body .grecaptcha-badge {z-index:-1 !important;opacity:0;}

body .gform_wrapper.gravity-theme .gfield {text-align:left;}
body .job-modal #field_4_8{margin-top:30px;}
body .gform_wrapper .gfield_required { color: #000000;font-size: 17px; padding-left: 1px; }
body .job-modal .gf-form-styling .gform_wrapper .gfield_error label {color:#000 !important;}
body .gform_wrapper.gravity-theme .instruction {display:none;}
body #field_4_17 {margin-top:30px;padding-top:60px;border-top:1px solid #000;}
body .gfield-choice-input {margin-left:0;}
body .gform_wrapper.gravity-theme .gfield_checkbox label {font-size:16px;font-weight: normal;}
body .gchoice {margin-bottom:17px;}
body .ginput_container_checkbox {margin-top:20px;margin-bottom:0;}
body .gf-form-styling #gform_3 .gform_footer {text-align:left;margin-top:0 !important;padding-top: 0;}
body .ginput_container_checkbox + .gfield_validation_message {bottom: -15px;}
body #gform_3 #field_3_8 {margin-top:30px;}
body #gform_3 #field_3_11 {margin-top:30px;}


/* single column text */

.single-text-col h1{font-size: 48px;text-transform: uppercase;}
.single-text-col h2{font-size: 24px;text-transform: uppercase;margin-top:40px;}
.single-text-col .text-col {margin-top:60px;}
.single-text-col .text-col p span {font-family: 'Editorial New';}
.single-text-col .text-col p.modified {margin-top:40px;}
.single-text-col .text-col p,
.single-text-col .text-col ul,
.single-text-col .text-col ol {margin-top:20px;font-family: 'Aventa Light';font-size:14px;line-height:1.5;}
.single-text-col .text-col ul li,
.single-text-col .text-col ol li {margin-bottom:15px;list-style:outside;margin-left:18px;}
.single-text-col .text-col ol li {list-style:outside decimal;margin-left:12px;}
.single-text-col .text-col ul li:last-child,
.single-text-col .text-col ol li:last-child {margin-bottom:0;}
.single-text-col .text-col p strong,
.single-text-col .text-col ul strong,
.single-text-col .text-col ol strong {font-family: 'Aventa Variable';}
.single-text-col .text-col p em,
.single-text-col .text-col ul em,
.single-text-col .text-col ol em {font-style:italic;}
.single-text-col .text-col p a,
.single-text-col .text-col ul a,
.single-text-col .text-col ol a {color:#000;text-decoration:underline;}

/* job listings */
.dept-wrap {border-top:1px solid #000;padding: 60px 0;}
.dept-wrap:last-child {border-bottom:1px solid #000;}
.job-listings h3 {font-size:48px;text-transform:uppercase;}
.job-listings h4 {text-transform:uppercase;font-size:24px;font-family: 'Titling Gothic FB Compressed';font-weight:normal;}
.job-opening {padding-top:50px;}
.job-meta {margin-top:7px;font-size:12px;line-height:1.3;}
.job-listings a {text-decoration: none;display:inline-block;}
.job-listings a h4 {color:#000;display:inline-block;border-bottom:1px solid transparent;}
.job-listings a:hover h4 {border-bottom:1px solid #000;}

/* single listing */
.single-career .job-meta {margin-top:0;margin-bottom:15px;}
.job-long-desc {text-align:left;}
.job-long-desc h3{text-align:left;text-transform:uppercase;font-size:24px;font-weight: normal;}
.job-long-desc p,.job-long-desc ul,.job-long-desc ol{text-align:left;margin-top:20px;}
.job-long-desc h3 + p,.job-long-desc h3 + ul {margin-top:20px;}
.job-long-desc p + h3,.job-long-desc ul + h3, .job-long-desc ol + h3 {margin-top:60px;}
.job-long-desc ul {font-family: 'Aventa Light'; font-size: 14px; line-height: 1.5;}
.job-long-desc ul li, .job-long-desc ol li {margin-bottom: 15px;list-style: outside;margin-left: 18px;}
.single-career .col-right {margin-top:60px;}
.text-hero .job-long-desc {margin-top:70px;}

/* job modal */
.job-modal {width:100%;position:fixed;height:100vh;overflow:scroll;left:100%;background-color:#e7e7e7;top:0;transition: all 0.2s ease;z-index:4;}
.job-modal.active {margin-left:-100%;}
.job-modal #ham-trigger {right:var(--small-padding);position:absolute;top:15px;width:38px;height:38px;border-radius:100%;border:1px solid #000;margin-right: -4px;}
.job-modal.active #ham-trigger:hover {background:#000;}
.job-modal.active #ham-trigger:hover .bar {background:#fff;}
.job-modal.active #ham-trigger {position:fixed;background:#fff;}
.job-modal #ham-trigger.active .bar {background-color: #000;width:80%;}
.job-modal .h-pad {position:relative;}
.job-modal .headline-image h2 {font-size:32px;margin-top: 15px;}
.job-modal .bar-wrap {margin-left: 6px;}
.job-modal #contact-form {margin-top:40px;}
.job-modal .form-intro {max-width:none;}
.job-modal .headline-image {max-width:800px;margin:0 auto;}

/* footer */
footer {font-size:18px;}
#footer-mark {padding-top: 30px;border-top: 2px solid #fff;padding-bottom:30px;}
#legal-copy-align {padding-bottom:30px;font-size:16px;text-align:center;}
#legal-copy-align {font-family: 'Editorial New';}
#legal-copy-align a {color:#b79b67;text-decoration:none;}
#legal-copy-align a:hover {text-decoration:underline;}
#footer-nav {padding:60px 0;font-family: 'Editorial New';text-align:center;width:100%;}
#footer-nav a {color:#fff;text-decoration:none;}
#footer-nav a:hover {color:#cccccc;}
#footer-nav li,
.legal-links li {padding-bottom:15px;}
#footer-nav li:last-child {padding-bottom:0;}
.legal-links li:last-child {padding-bottom:30px;}
#copyright {border-top:2px solid #fff;}
.contact-box{border-bottom:1px solid #fff;text-align:center;width:200px;padding-bottom:30px;margin:0 auto 30px;}
.contact-box:last-child {border-bottom:0;padding-bottom:0;margin-bottom:0;}
.contact-box h3 {text-transform:uppercase;font-size:24px;margin-bottom:15px;letter-spacing:0.03em;}
#contact-follow-pos {padding:60px 0;}
.social-icons {display:flex;justify-content: center;}
.social-icons .icon {height:22px;display:inline-block;margin:0 5px;width:32px;display:flex;justify-content:center;}
.social-icons .icon svg {height:100%;fill:#fff;}
.social-icons .icon a:hover svg,.social-icons .icon a:hover path {fill:#ccc;}
.social-icons .icon-tw,.social-icons .icon-yt {height:20px;margin-top:2px !important;}
.icon a {display:block;}
.icon a {width:12px;}
.icon-in a {width:22px;}
.icon-tw a {width:24px;}
.icon-yt a {width:28px;}
.icon-pn a {width:22px;margin-left:-2px;}
footer p a {text-decoration:none;}
footer p a:hover {color:#cccccc;}
#mailing-list-pos {padding-top:60px;text-align:center;position:relative;}
#mailing-list-pos h2 {font-size:36px;text-transform:uppercase;}
#mailing-list-pos h2 span {color:#b79b67;}
#mailing-list-pos p {margin-top:15px;}
#footer-social-icons {margin-left:-13px;}




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

    /* insta grid */
    #insta-grid-wrap {display:flex;flex-flow:wrap;}
    .insta-grid-item {width:50%;padding-top:50%;}

}

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

    /* team grid */
    .team-grid .profile-item {padding-top:75%;}

}

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

    /* hamburger menu */
    #ham-menu {width:210px;}
    #ham-menu.active {margin-left:-210px;}
    #ham-menu:after { content: ""; position: absolute; left: 210px; width: 1000px; height: 100vh; background: #0f0f0f; display: block; top: 0; }

    /* team grid */
    .team-grid .profile-item {padding-top:65%;}

}

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

    /* variables */
    :root{
        --small-padding: 15px;
    }

    /* global spacings */
    .h-pad {padding:0 20px;}
    .h-pad {padding:0 var(--small-padding);}

    /* header */
    #site-title {width:120px;}
    #menu {margin-top:4px;}

    /* text hero */
    .text-hero h1{font-size:60px;}

    /* double grid */
    .double-grid h2 {font-size: 48px;}
    .upcoming-events h2 {font-size:48px;}
    .event-meta h1 {font-size:48px;}

    /* quote carousel */
    .quote-carousel .quote-item .sub-quote {padding-left:25%;font-size:21px;}

    /* profiles */
    .profile-item .profile-content {bottom:40px;}

    /* team grid */
    .team-grid .profile-item {padding-top:57%;}
    .team-grid .image-quote .image {padding-top:60%;}
	
	/* event grid */
	.event-item h3 {font-size:36px;}
    
    /* form styles */
    body .gfield_checkbox {columns:2;}

}

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

    /* team grid */
    .sort-container {display:flex;flex-flow:row-reverse;position:relative;justify-content: flex-end;}
    .accordion-container {position:absolute;right:0;width:50%;z-index: 1; background: #000;}
    .quicksearch {margin-top:0; padding-right:25px;width:50%;}

    /* event grid */
    .event-grid {display:flex;flex-flow:wrap;width:calc(100% + var(--small-padding))}
    .event-item {width:50%;padding-right: var(--small-padding);}

}

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

    /* variables */
    :root{
        --small-padding: 30px;
    }

    /* global spacings */
    .h-pad {padding:0 30px;}
    .h-pad {padding:0 var(--small-padding);}

    /* hamburger menu */
    #desktop-menu {display:block;padding-right:22px;}
    #menu-desktop-menu li{display:flex;margin-right:22px;}

    /* image slide */
    .carousel-image {width:80%;}

    /* news ticker */
    .news-ticker {font-size:24px;}
    .news-ticker .title {font-size:28px;}

    /* double grid */
    .double-grid h2 {font-size: 48px;}

    /* quote carousel */
    .quote-carousel .quote-item h2 {text-indent: -17px; font-size: 48px;margin-left: -13px;}
    .quote-carousel .quote-item .sub-quote {padding-left:50%;font-size:24px;}

    /* insta grid */
    #insta-grid h2 {font-size:48px;}
    .insta-grid-item {width:25%;padding-top:25%;}

    /* double grid */
    .profile-row {display:flex;}
    .profile-row .col {width:50%;}
    .double-grid .col-text {display: flex; align-items: center; text-align: left;}
    .double-grid.text-text .col-text {align-items:flex-start;}
    .double-grid .col-image {padding-top: 40%; min-height: 500px; display: flex; align-items: stretch; height: auto;}
    .double-grid .col-left.col-text .h-pad {display:flex;justify-content:flex-end;width:100%;}
    .mobile-reverse .profile-row {display:flex;flex-flow:row;}
    .double-grid .col-text + .col-text {padding-top:60px;margin-top:0;}
    .double-grid .spacer {display:block}

    /* home hero */
    .tru-light-mark {margin-left:0;}
    #home-hero .col-image{background-size: calc(100% - 60px); background-position: right 30px bottom;background-image:url('images/tru-can-tall.jpg');}

    /* beer hero */
    #beer-hero .tru-light-mark {margin:0 auto 30px;}

    /* beer stats */
    .beer-stats .break {margin-left:0;}

    /* ingredients */
    #ingredients h2 {font-size:48px;}
    .ingredient-list {max-width: 900px;display: flex;flex-flow: wrap; }
    .ingredient-list .list-item{width:50%;}
    .ingredient-list .list-item {padding-left:20px;padding-right:20px;padding-bottom:60px;}
    .ingredient-list .list-item-2,
    .ingredient-list .list-item-4 {border-left:1px solid #c1a976;}
    .ingredient-list .list-item-3 {border-bottom:1px solid #c1a976;}

    /* gallery slides */
    .gallery-slides .gallery-item-land {width:60%;height:0;padding-top:40%;}
    .gallery-slides .gallery-item-port {width:30%;height:0;padding-top:40%;}
    .gallery-slides.images-gaps .gallery-item {border-left:15px solid #fff;border-right:15px solid #fff;}

    /* profiles */
    
    .profile-item {width:33.3333%;border-bottom:0;border-right:6px solid #fff;padding-top:65%;}
    .full-bleed-profiles .profile-item {width:100%;padding-top:110%;}
    .profile-item:last-child {border-right:0;}
    .profile-item .profile-content { bottom: 20px; }

    /* team grid */
    .team-grid .profile-item {padding-top:40%;border-right:0;}
    .team-grid .two-thirds-quote {padding-top:40%;height:0;}
    .team-grid .profile-item h2 {font-size:28px;}
    .team-grid .image-quote {display:flex;flex-flow:row;}
    .team-grid .image-quote.reverse {flex-flow:row-reverse;}
    .team-grid .image-quote .image {width: 66.6667%; padding-top: 0; display: flex; align-items: stretch; height: auto;min-height:400px;border-right:1px solid #000;}
    .team-grid .image-quote.reverse .image {border-right:0;border-left:1px #000;}
    .team-grid .image-quote .quote {width:33.3333%;font-size: 28px;display:flex;align-items:center;justify-content:center;}
    .team-grid .image-quote.reverse .quote {border-right:2px solid #000;}
    .team-grid .two-thirds-quote {width:66.6667%;}
    .team-grid .two-thirds-quote .quote {width:100%;}
    .team-grid .two-thirds-quote.one-cell {width:33.3333%;}
    .quicksearch {/*width:66.6667%;*/width:100%;}
    .accordion-container {width:33.333%;}

    /* video block */
    .video__poster svg {width:80px;margin-left:-40px;margin-top:-40px;}


    /* footer */
    #mailing-list-pos {text-align:left;width:calc(100% - 300px);max-width:50%;}
    #mailing-contact-wrap {display:flex;text-align:left;justify-content:space-between;}
    .contact-box {text-align:right;}
    .social-icons {justify-content: flex-end; margin-left:-13px;}
    .social-icons .icon {margin:0 0 0 10px;}
    .social-icons .icon-fb {margin-right:5px;}
    .social-icons .icon-tw,.social-icons .icon-yt {margin-top:1px;}
    #copyright { border-top: 0; width: 50%; float: right; margin-bottom: -90px; max-width:335px;margin-top:-120px;}
    #copyright .h-pad {padding-left:15px;}
    #footer-nav {padding: 0 0 60px 0; font-family: 'Editorial New'; text-align: right; width: 100%; right: 0; position: relative; z-index: 1; margin-top: -30px;}
    .legal-links li:last-child { padding-bottom: 70px; }
    #footer-mark {padding-bottom: 60px; width: 350px; clear: both; max-width:50%;border-top:2px solid transparent;}
    footer{position:relative;}
    footer:after {content:"";position:absolute;bottom:120px;width:100%;height:2px;background:#fff;}
    body .gf-form-styling .gform_confirmation_message {min-height:200px;}
    #legal-copy-align {text-align:right;}
    body #mailing-list-form .gform_footer  {text-align:left;}
    body #mailing-list-pos img.gform_ajax_spinner {left:172px;}
    #footer-social-icons {margin-left:0;}
    
    /* form styles */
    body .gfield_checkbox {columns:3;}


}

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

    /* hamburger menu */
    #desktop-menu {padding-right:30px;}
    #menu-desktop-menu li{margin-right:30px;}

    .full-bleed-profiles {display:flex;}
    .full-bleed-profiles .profile-item {width:33.3333%;padding-top:65%;}
    .full-bleed-profiles .profile-item p{height:108px;}

    /* job listings */
    .dept-wrap {display:flex;}
    .dept-side {width:50%; padding:0 30px;}
    .job-opening:first-child {padding-top:3px;}
    .dual-col-copy .job-long-desc {display:flex;}
    .dual-col-copy .job-long-desc .col {width:50%;}
    .dual-col-copy .job-long-desc .col-left {padding-right:30px;}
    .dual-col-copy .job-long-desc .col-right {padding-left:30px;margin-top:0;}
    
}

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

    /* home hero */
    #home-hero .col-image{background-image:url('images/tru-can-trio.jpg');}
    #home-hero .col-image {background-size: calc(100% - 60px);}
    .tru-light-mark {display:inline-block;margin-right:15px;}
    .coming-soon {display:inline-block;}

    /* image slide */
    .carousel-image {width:50%;}
    .image-port {width: 80%;height:0;padding-top:100%;}
    .image-land {width: 100%;height:0;padding-top:60%;}
    .carousel-land {width:80%;}

    /* quote carousel */
    .quote-carousel .quote-item h2 {font-size:70px;max-width:67%;text-indent: -24px;margin-left: -5px;}
    .quote-carousel .quote-item.no-sub h2 {max-width:100%;}
    .quote-carousel .quote-item.no-quotes h2 {margin-left:0;text-indent:0;}

    /* double grid */
    .double-grid .col-pad {padding:0 60px;}
    .double-grid .col-left .col-pad {padding-left:30px;}
    .double-grid .col-text .text-wrap {max-width:560px;}
    .double-grid.full-width .col-text .text-wrap{max-width:100%;}
    .port-overlay {width:40%;}

    /* ingredient list */
    .ingredient-list {max-width: 1200px;}
    .ingredient-list .list-item { width: 25%; }
    .ingredient-list .list-item-1, 
    .ingredient-list .list-item-2 {border-bottom:1px solid #c1a976;}
    .ingredient-list .list-item-3 {border-left:1px solid #c1a976;}

    /* profiles */
    .profile-item {padding-top:50%;}
    .full-bleed-profiles .profile-item {padding-top:55%;}
    .full-bleed-profiles .profile-item p {height:81px;}
    .profile-item .profile-content { /* bottom: 50px; */ }

    /* single column text */
    .single-text-col .text-col {max-width:66.6667%;}

}

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

    /* global spacings */
    section {padding:100px 0;}
    section.first-sec {padding-top:100px;}
    section.no-creep {margin-top: 82px;}
    .col-text {padding:100px 0;}

    /* home hero */
    header {padding-top:30px;}
    #home-hero h3 {font-size:60px;}

    /* image slide */
    .carousel-image {width:40%;}
    .carousel-land {width:60%;}

    /* double grid */
    .port-overlay {width:35%;}

    /* gallery slides */
    .gallery-slides .gallery-item-land {width:40%;height:0;padding-top:30%;}
    .gallery-slides .gallery-item-port {width:20%;height:0;padding-top:30%;}

    /* team grid */
    .team-grid .profile-item,
    .team-grid .two-thirds-quote {padding-top: 37%;}
    .full-bleed-profiles .profile-item {padding-top:45%;}

    /* job modal */
    .job-modal #ham-trigger {top:22px;}

    /* featured event */
    .featured-event .col-text {padding:150px 0;}



}

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

    /* home hero */
    #home-hero .col-image {background-position: right 30px bottom; background-size: calc(100% - 30px);}
    #home-hero {padding-top:125px;}

    /* hamburger menu */
    #ham-menu.active {margin-left: calc(-50vw + 440px);}

    /* job modal */
    .job-modal #ham-trigger {left: calc(50vw + 584px);}

}

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

    /* image slide */
    .carousel-image {width:30%;}
    .carousel-land {width:40%;}

    /* double grid */
    .double-grid .col-image {padding-top:35%;}


}

/* other global stylings */

/* Chrome, Safari, Edge, Opera no number input controls */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* Firefox no number input controls */
input[type=number] {-moz-appearance: textfield;}