:root { --body-font-family: 'Roboto', sans-serif; --header-font-family: 'Roboto Condensed', sans-serif; --full-width: 100%; --body-width: 1280px; --narrow-column-width: 800px; --gold: #dfa02f; --apple:#b42d34; --chocolate:#323530; --evergreen:#14573c; --lime:#99c53c; --teal:#00af9a; --orange:#c74f2c; --navy:#1c2946; --apricot-hover:#cc6b2d; --apricot:#ff6c0e; --tan:#c8bb76; --green:#1d8b68; --steelblue:#1a4963; --coffee:#696458; --cream:#d7ddc2; --tealish:#a8d2c3; --sky:#77c7cf; --porter:#000000; --stout:#171410; --milk:#ffffff; --pavement:#000; } * {margin:0;padding:0;border:0;} body,html {overflow-x:hidden;} div {position:relative;} section ul,.content ul {margin-left:1.3em;} ::-webkit-inner-spin-button { display: none; } input[type="date"] {font-family:var(--body-font-family);} html {scroll-behavior: smooth;font-size: 62.5%;font-weight:300;} body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family:var(--body-font-family);margin:0;padding:0;font-size:1.6em;} .grecaptcha-badge {display:none;} .page-id-2 h2 {font-size: 1.2em;margin-bottom: 0;} .page-id-2 b {font-size:0.8em;} header {display:none !important;transition:0.5s; display:-ms-grid;display:grid;-ms-grid-columns:114px 1fr;grid-template-columns:114px auto;height:200px;position:fixed;width:100%;z-index:104;background-image: url(/img/menu-gradient2.webp);background-repeat-x: repeat;} header.desktop-header {display:none !important;} header.mobile-header {display:none !important;} header.sidenav-open {background-image:none;} header.small-header {height:60px;background:var(--apricot)} header img {transition: all 500ms ease;transition-property: width, margin,opacity;-ms-grid-column:1;grid-column:1/2;margin-left:20px;margin-top:9px;width:180px;} header.small-header img {margin-top:5px;width:63px;margin-left:9px;z-index:99;} header .logo-b {position:absolute;opacity:1;} header .logo-w {position:absolute;opacity:0} header.small-header .logo-b {opacity:0;} header.small-header .logo-w {opacity:1;} header ul {transition:0.5s;width:calc(100% - 200px);-ms-grid-column:2;grid-column:2/3;-ms-grid-column-align:end;justify-self:end;-ms-grid-row-align:center;align-self: center;float:right;list-style-type: none;margin: 0;padding: 0;overflow: hidden;} header li {float: right;} header li a {color: var(--milk);text-transform:uppercase;font-weight:500;font-size:1.5em;letter-spacing:0.08em;text-align: center;padding: 16px;text-decoration: none;} header.big-header ul {height:116px;} header.big-header li {display:grid;} header li a {transition:all 1s ease-in-out; color:#333;padding: 42px 16px;font-size:1.7em;max-height:28px !important;font-family:'Roboto Condensed',sans-serif;font-weight:700;} /* header.desktop-header #contact-icon {margin-right:0;} */ header.small-header li a {color:#fff;padding: 12px 16px 13px;} header li a.active {color:var(--teal);} header.small-header li a.active {color:var(--porter);} header ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;} header li a {display:inline-block;} header li a:hover {color:var(--teal) !important;} header.small-header li a:hover {color:var(--porter) !important;} header.small-header li.dropdown:hover a {color:var(--porter) !important;} header.small-header li.dropdown:hover a.noline {color:var(--milk) !important;} header.small-header li.dropdown:hover a.noline:hover {color:var(--porter) !important;} header li a:before, header li a:before{transition: width .35s ease-in-out 0s;width:0;content: "";display: block;margin: auto;position: relative;background: var(--apricot);height: 3px;left: 0;right: 0;bottom: -1.4em;} header li:hover a:before, .big-header li a.active:before{width:100%;} header li a.noline:before {width:0 !important;} header li a.search-link, header li a.checkout-link, header li a.contact-link, header #contact-icon, header #cart-icon {font-size:1.5em;margin: 0;padding: 42px 8px;} header.small-header li a.search-link, header.small-header li a.checkout-link, header.small-header li a.contact-link, header.small-header #contact-icon, header.small-header #cart-icon {font-size:1.5em;margin: 0;padding: 16px 8px;} header li a.search-link {margin-right:30px;} header li .dropdown a.active:hover, .dropdown:hover a.active {color:var(--cream);} header li.dropdown {display: inline-block;} header .dropdown .dropdown-content {width:0;transition:all 2s ease-in-out 1s;margin-top:-16px;font-size:0.65em;display: none;position: absolute;background-color: var(--teal);max-width:200px;z-index: 1;} header.small-header .dropdown .dropdown-content {margin-top:0px;background-color: var(--apricot);} header .dropdown-content a {color: var(--milk);padding:15px 5px;text-decoration: none;display: block;text-align: center;} header .dropdown-content a:hover {color: var(--cream) !important;} header .dropdown:hover .dropdown-content {width:100% !important;display: block;} .dropdown-content .rule {background-color:var(--milk);width:50px;height:1px;margin:0 auto;} @media all and (max-width: 1080px) { header.mobile-header {display:block !important;} header.desktop-header {display:none !important;} header.mobile-header .hamburger--squeeze:not(.is-active) {padding-top:0;} header.mobile-header .hamburger--squeeze.is-active #contact-icon {display:none;} } @media all and (min-width: 1080px) { header.mobile-header {display:none !important;} header.desktop-header {display:block !important;} } header.mobile-header.hide-this {display:none !important;} header.desktop-header.hide-this {display:none !important;} /* header.small-header .snipcart-checkout.grayed-out-cart{display:none !important;} */ header.mobile-header #search-icon , header.mobile-header #contact-icon, header.mobile-header #cart-icon {text-decoration:none;font-size:1.5em;margin-right:0.3em;color:var(--milk);} header.mobile-header #search-icon {margin-right:0.7em;} header.mobile-header #contact-icon {margin-right:0.5em;} /* .page-menu-color-black header #search-icon,.page-menu-color-black header #contact-icon,.page-menu-color-black header #cart-icon {color:var(--porter);} */ /* header.small-header #search-icon, header.small-header #contact-icon, header.small-header #cart-icon {transition:color 0.5s ease;} */ header .hamburger {text-decoration:none;display:block;margin-right:299px !important;position:fixed;right:-300px;} header .hamburger span {font-size: 20px;margin-top: -2px;display: block;float: right;margin-left: 6px;} header #search-icon , header #contact-icon, header #cart-icon {display:inline-block;left:0;} @media screen and (max-width: 650px) { header li a {font-size:1.3rem;padding:8px;} header img {width:60px;} header {height:57px;grid-template-columns:95px auto;} } @media screen and (max-width: 414px) { header li a {font-size:1.295rem;padding:8px;} } @media screen and (max-width: 375px) { header li a {font-size:1.2rem;padding:6px;} } @media screen and (max-width: 360px) { header li a {font-size:1.1rem;padding:6px;} } @media screen and (max-width: 320px) { header li a {font-size:1rem;padding:4px;} } .hamburger {padding: 15px 15px;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; } .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {background-color: var(--milk); } .hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; } .hamburger-inner {display: block;top: 50%;margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color:var(--milk);border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; } .page-menu-color-black .hamburger-inner, .page-menu-color-black .hamburger-inner::before, .page-menu-color-black .hamburger-inner::after {background-color:var(--porter);} header.small-header .hamburger-inner, header.small-header .hamburger-inner::before, header.small-header .hamburger-inner::after {transition:background-color 0.5s ease;background-color:var(--milk);} .hamburger-inner::before, .hamburger-inner::after {content: "";display: block; } .hamburger-inner::before {top: -10px; } .hamburger-inner::after {bottom: -10px; } .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); } .pretty .state label:before {border-color: var(--milk) !important;} .form-type-checkboxes .pretty {margin-top:10px;display:block;} .full-width {display:block;width:100%;max-width:100%;} .fadein{-webkit-animation: fadein 7s;-moz-animation: fadein 7s;-ms-animation: fadein 7s;-o-animation: fadein 7s;animation: fadein 7s;} @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .fadeout{-webkit-animation: fadeout 20s;-moz-animation: fadeout 10s;-ms-animation: fadeout 10s;-o-animation: fadeout 10s;animation: fadeout 10s;} @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Firefox < 16 */ @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Internet Explorer */ @-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Opera < 12.1 */ @-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .hero-image {display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;} .hero-image img {-ms-grid-column:1;grid-column:1/2;-ms-grid-row:1;grid-row:1/2;} .hero-image .hero-text {-ms-grid-column:1;grid-column:1/2;-ms-grid-row:1;grid-row:1/2;z-index:2;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center;color:var(--milk);text-align:center;text-shadow:1px 2px 1px rgba(0,0,0,0.6);} .hero-image .hero-text h1 {font-size:5.6em;text-transform: uppercase;} .hero-image .hero-text h3 {font-size:2.5em;text-transform: uppercase;} .food-trucks {background:var(--stout);padding-bottom:3.5em;color:var(--milk);} .food-trucks .days-container {width:1121px;overflow:hidden;margin:0 auto;} .food-trucks-grid {display:-ms-grid;display:grid;-ms-grid-columns:160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px;grid-template-columns:160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px;width:4480px;margin:0 auto;} .food-truck-day {border-left:1px solid var(--teal);padding:15px;font-size:0.9em;min-height:250px;} .food-trucks-grid > div:nth-of-type(1){-ms-grid-row: 1;-ms-grid-column: 1;} .food-trucks-grid > div:nth-of-type(2){-ms-grid-row: 1;-ms-grid-column: 2;} .food-trucks-grid > div:nth-of-type(3){-ms-grid-row: 1;-ms-grid-column: 3;} .food-trucks-grid > div:nth-of-type(4){-ms-grid-row: 1;-ms-grid-column: 4;} .food-trucks-grid > div:nth-of-type(5){-ms-grid-row: 1;-ms-grid-column: 5;} .food-trucks-grid > div:nth-of-type(6){-ms-grid-row: 1;-ms-grid-column: 6;} .food-trucks-grid > div:nth-of-type(7){-ms-grid-row: 1;-ms-grid-column: 7;} .food-trucks .slide-left:hover {cursor:pointer;} .food-trucks .slide-right:hover {cursor:pointer;} .food-truck-day.days0 {color:var(--teal);} /* .food-truck-day.days0 {border-left:0;} */ .food-truck-day h4 {margin-top:1em;text-transform: uppercase;font-weight: 300;font-size:1em;} .food-truck-day h5 {font-weight: 700;font-size:2em;margin-bottom:0.5rem;} .food-trucks h2 {text-align:center;padding:2.5rem 0;font-size:2em;text-transform:uppercase;} footer {background:var(--teal);padding:3em 0;margin-top:3em;} .page-id-1 footer {margin-top:0;} footer section {margin:0 auto;max-width:1260px;display:-ms-grid;display:grid;-ms-grid-columns:225px 1fr 1fr 1fr 1fr;grid-template-columns:225px 1fr 1fr 1fr 1fr;color:var(--milk);} footer .mobile-logo {text-align:center;display:none;margin-top:3em;} footer section h3 {text-transform:uppercase;font-size: 1.4em;letter-spacing:0.08em;} footer section a {text-decoration:none;color:var(--milk);} footer a i {font-size:2.5em;margin-right:0.2em;line-height:1em;} footer a:hover i {color:var(--chocolate);} footer .social {width:12em;text-align:center;} footer .social a {display:block;margin-top:0.3em;} footer .social button {padding:0.5em;width:11em;} footer .social a:hover i {color:var(--chocolate);} footer section .logo {-ms-grid-column:1;} footer section .logo img {max-width:170px;} footer section .address {-ms-grid-column:2;} footer section .hours {-ms-grid-column:3;} footer section .social {-ms-grid-column:4;} .beer-list-grid {display:-ms-grid;display:grid;-ms-grid-columns:150px 490px;grid-template-columns:150px auto;width:640px;margin:0 auto;} .beer-list-grid .divider {-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;} .beer-image {display: grid;align-items: end;justify-items: center;margin-right:15px;margin-left:15px;} .beer-image img {-ms-grid-column:1;max-height:235px;} .mobile-beer-image {display:none;} .beer-text {-ms-grid-column:2;align-self: end;-ms-grid-row-align:end;overflow:auto;} .beer-list-grid .divider {border-top:1px solid #333;margin-top:2em;margin-bottom:2em;width:100%;} .beer-navigation {margin:3em 0;color:#000;font-size:1.5em;font-weight:300;text-align:center;} .beer-navigation a {text-decoration:none;color:#000;} .beer-navigation .active {font-weight:900;} .beer-navigation a:hover {color:var(--gold);} .content .contact {max-width:1120px;width:80%; margin:1em 10%;} .news-page .news-item span.date {text-transform:uppercase;font-size:0.8em;font-weight:100;display:block;} .news-page {width:calc(100% - 30px);padding:0 15px;max-width:var(--narrow-column-width);margin:1em auto;} .news-page .news-item a {text-decoration:none;color:var(--teal);font-weight:500;} .news-page .news-item a:hover {color:var(--gold);} .news-page .news-item {margin:2em 0;font-size:1.2em;} #contact-form {background:var(--teal);color:var(--milk);height:100%;width:100%;position:fixed;top:-3000px;left:0;z-index:100;overflow:auto;} .contact-grid {display:-ms-grid;display:grid;-ms-grid-columns: 600px 200px;grid-template-columns:auto 25%;width:800px;margin:0 auto;} .contact-grid .form-fields {-ms-grid-column:1;margin-right:15px;-ms-grid-row:2;} .contact-grid .form-type-checkboxes {-ms-grid-column:2;-ms-grid-row:2;} .contact-grid h2 {-ms-grid-column-span: 2;-ms-grid-column:1;grid-column:1/3;margin:80px 0 10px;-ms-grid-row:1;} #contact-form h2.title-contact {text-transform: uppercase;font-size: 1.2em;} #contact-form-close {text-decoration:none;color:var(--milk);font-size:28px;margin:30px;font-weight:900;position: absolute;right:0;z-index:9999;} #full-contact-form {overflow:auto;margin-bottom:3em;} .form-control{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family:var(--body-font-family);display: block;width: calc(100% - 32px);height: 34px;padding: 6px 18px 6px 12px;font-size: 14px;line-height: 1.42857143;background-color: var(--milk);background-image: none;border: 1px solid #000;} #form_preferred_location {width:100%;height:47px} .form-group {margin-bottom: 15px;} .city-field {width:45%;margin-right:5%;float:left;} .state-field {width:20%;margin-right:5%;float:left;} .zip-field {width:25%;float:left;} .keg-field {width:25%;float:left;} .org-type-field {width:45%;float:left;margin-right:5%;} .donation-preference-field {width:45%;float:left;margin-right:5%;} #form_preferred_greenhouse_day,#form_preferred_day,#form_event_day,#form_procure_day {height:31px;} .contact-menu-form input, .contact-menu-form select, .contact-menu-form textarea {border-radius: 0;border: 1px solid #333;color: #000;} .contact-menu-form input, .contact-menu-form select, .contact-menu-form textarea {border-radius: 0;border: 1px solid #333;color: #000;} .contact-menu-form select, .calendar-filter-locations select {border-radius:0;-webkit-appearance: none;-webkit-border-radius: 0;} .calendar-filter-locations select {width:200px;position:relative;top:-3px;display:inline-block;} .calendar-filter-locations strong {display:inline-block;font-size:1.5em;margin-right:0.5em;} .calendar-filter-locations {width:415px;margin:0 auto;} .contact-menu-form button {background-color:var(--apricot);color:var(--milk);} .contact-menu-form button:hover {color:var(--milk);background-color:var(--gold)} .keg-text {width:20%;margin-right:5%;float:left;} .pref-text {width:20%;margin-right:5%;float:left;} .pref-guests-field {width:10%;margin-right:5%;float:left;} .pref-day-field,.event-day-field,.procure-day-field {width:30%;margin-right:5%;float:left;} .pref-time-field {width:25%;margin-right:5%;float:left;} .pref-guests-field select,.pref-time-field select,.keg-field select,.donation-preference-field select,.org-type-field select,.kenmore-event-type-field select,.pref-location-field select {width:100%;height:48px;} .pref-text {margin-top:12px;} .keg-text {margin-top:12px;} .pref-time-field {margin-right:0;} #form_message, #form_kenmore_event_message {height:8em;} .checkbox-style span {margin-left:10px;} .checkbox-style {margin-top:5px;} .contact-menu-open-private-events:hover {text-decoration:underline;} button {z-index: 1;font-size: inherit;font-family: inherit;color: #000;padding: 0.5em 1em;outline: none;border: none;background-color: var(--milk);} button:hover {cursor: pointer;animation: jelly 0.4s;background-color:var(--gold);} @keyframes jelly { 0%,100% {transform: scale(1, 1);} 25% {transform: scale(0.98, 1.02);} 50% {transform: scale(1.02, 0.98);} 75% {transform: scale(0.99, 1.01);} } .beer-categories {width:100%;text-align:center;margin:2em auto;z-index:2;} .beer-categories[data-display='laptop']{margin:2em auto 10em;} .beer-content {position:relative;width: 1144px;margin: 0 auto;} .original.beer-content #beer-detail {display:none;} #beer-detail {display:-ms-grid;display:grid;grid-template-columns:min-content auto;position:absolute;width:611px;left:162px;top:-25px;height:279px;justify-self:bottom;z-index:2;font-size:1em;opacity:0;visibility:hidden;transition: opacity 0.2s;} #beer-detail .beer-description-info.long-description {font-size:0.975em;} #beer-detail .beer-description-info.somewhat-long-description {font-size:0.95em;} #beer-detail .beer-description-info.really-long-description {font-size:0.90em;} #beer-detail .beer-description-info.super-really-long-description {font-size:0.85em;} #beer-detail.active {opacity:1;visibility:visible;} #beer-detail #beer-detail-close {position:absolute;font-weight:700;display:none;visibility: hidden;text-decoration:none;} #beer-detail .beer-intro {grid-column:1/3;-ms-grid-column:1;-ms-grid-column-span:2;align-self:center;} #beer-detail .beer-text .beer-title-info, #beer-detail .beer-text .beer-description-info {padding-right:20px;} div.beer-status {font-size:12px;line-height:13px;text-align:left;font-weight:500;display:inline-block;text-transform:uppercase;overflow:hidden;background-position: 0px -25px;height: 25px;background-repeat: no-repeat;padding-left: 26px;margin-top:0;padding-top:0;margin-bottom:2em;} div#cat-ballard.beer-status {background-image:url(/img/ontap-icon-small2.png);margin-right:2em;} div#cat-kenmore.beer-status {background-image:url(/img/ontap-icon-small2.png);margin-right:2em;} div#cat-capitol-hill.beer-status {background-image:url(/img/ontap-icon-small2.png);margin-right:2em;} div#cat-fermenting.beer-status {background-image:url(/img/fermenting-icon-small2.png);} div#category-link.beer-status {margin-left:2em;} div#category-link.beer-status,div#category-link-clear.beer-status {padding-left:0;} div#category-link-clear.beer-status {color:var(--apple);} div.beer-status:hover,div.beer-status.active {background-position:0 0;cursor:pointer;} div.beer-status.inactive {opacity:0.5;} .modal-category-label {padding-bottom:0.5em;} .food-trucks {position:relative;} .food-trucks .slide-left {position:absolute;text-align:center;width:100%;left:-580px;top:170px;font-size:30px;font-weight:900;} .food-trucks .slide-right {position:absolute;text-align:center;width:100%;right:-580px;top:170px;font-size:30px;font-weight:900;} @media screen and (max-width: 1160px) { .hero-image .hero-text h1 {font-size:4.6em;} .hero-image .hero-text h3 {font-size:2.05em;} .beer-content {width:778px;} #beer-detail {width:440px;top:-46px;} } footer .logo h3 {margin-top:2em;} @media screen and (max-width: 1270px) { footer section {margin:0 15px;width:100%;grid-template-columns:1fr 1fr 1fr 1fr;} footer section .logo {grid-column:1/2;grid-row:1/2;text-align:center;width:80%;} footer section .logo img {display:none;} footer section .logo h3 {margin-top:0;} footer section .social {grid-column:1/2;grid-row:1/2;text-align:center;width:80%;margin-top:9em;} footer section .address1 {grid-column:2/3;grid-row:1/2;} footer section .address2 {grid-column:3/4;grid-row:1/2;} footer section .address3 {grid-column:4/5;grid-row:1/2;} } @media screen and (max-width: 950px) { footer section {margin:0 15px 0 30px;width:calc(100% - 45px);grid-template-columns:1fr 1fr 1fr;} footer section .logo {grid-column:1/2;grid-row:1/2;text-align:left;width:100%;} footer section .social-duplicate1 {display:block !important;grid-column:2/3;grid-row:1/2;text-align:left;width:100%;} footer section .social-duplicate2 {display:block !important;grid-column:3/4;grid-row:1/2;text-align:left;width:100%;} footer section .logo h3 {margin-top:0;} footer section .social {display:none;} footer section .address1 {margin-top:2em;grid-column:1/2;grid-row:2/3;} footer section .address2 {margin-top:2em;grid-column:2/3;grid-row:2/3;} footer section .address3 {margin-top:2em;grid-column:3/4;grid-row:2/3;} } @media screen and (max-width: 650px) { footer section {margin:0 15px 0 30px;width:calc(100% - 45px);grid-template-columns:1fr 1fr;} footer section .social-duplicate2 {display:none !important;} footer section .logo h3 {margin-top:0;} footer section .social {display:none;} footer section .address1 {margin-top:2em;grid-column:1/2;grid-row:2/3;} footer section .address2 {margin-top:2em;grid-column:1/2;grid-row:3/4;} footer section .address3 {margin-top:2em;grid-column:2/3;grid-row:2/3;} } @media screen and (max-width: 500px) { footer section {margin:0 15px 0 30px;width:calc(100% - 45px);grid-template-columns:1fr;font-size:1.5em;} footer section .social-duplicate1 {display:none !important;} footer section .social-duplicate2 {display:none !important;} footer section .logo h3 {margin-top:0;} footer section .social {display:none;} footer section .address1 {margin-top:2em;grid-column:1/2;grid-row:1/2;text-align:center;} footer section .address2 {margin-top:2em;grid-column:1/2;grid-row:3/4;text-align:center;} footer section .address3 {margin-top:2em;grid-column:1/2;grid-row:2/3;text-align:center;} footer section .social {display:block !important;margin-top:2em;grid-column:1/2;grid-row:5/6;text-align:center;width:100%;} footer section .logo {margin-top:2em;grid-column:1/2;grid-row:4/5;text-align:center;} } @media screen and (max-width: 1190px) { .food-trucks .days-container {width:641px;} .food-trucks .slide-left {left:-335px;} .food-trucks .slide-right {right:-335px;} } @media screen and (max-width: 860px) { .contact-grid {-ms-grid-columns: 450px 150px;width:600px;} .pref-text {width:90%;margin-top:-5px;} .keg-text {width:90%;margin-top:-5px;} .hero-image .hero-text h1 {font-size:3.5em;} .hero-image .hero-text h3 {font-size:1.55em;} } @media screen and (max-width: 800px) { .beer-content {width:517px;} #beer-detail {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--milk);grid-template-columns:100%;} #beer-detail>div {align-self:center;} #beer-detail .beer-image {padding-left:20px;} .mobile-beer-image {display:block;} .desktop-beer-image {display:none;} #beer-detail .beer-text {padding:20px;margin:0 auto;display:grid;grid-template-columns:40% auto;width:100%;max-width:500px;} #beer-detail .beer-text .beer-title-info {align-self:center;font-size:1.3em;} #beer-detail .beer-text .beer-description-info {grid-column:1/3;padding-top:1em;font-size:1.1em;} #beer-detail #beer-detail-close {display:block;visibility: visible;color:var(--coffee);font-size:1.4em;z-index:9999;} } @media screen and (max-width: 650px) { .hero-image .hero-text h1 {font-size:2.7em;} .hero-image .hero-text h3 {font-size:1.19em;} .contact-grid {-ms-grid-columns: 300px 150px;width:450px;grid-template-columns: auto 33%;} .pref-guests-field {width:15%;} .pref-day-field,.event-day-field,.procure-day-field {width:40%;} .pref-time-field {width:35%;} .contact-grid .form-type-checkboxes {font-size:0.9em;} .beer-list-grid {-ms-grid-columns:100px 220px;grid-template-columns:100px auto;width:320px;} .beer-image img {max-width:80px;} .template-beers-on-tap .beer-image {padding-left:0;justify-self:center;} .template-beers-on-tap .beer-image img {max-width:80px;} .beer-navigation {margin:2em 0 0;font-size:1.1em;} } @media screen and (max-width: 690px) { .food-trucks .days-container {width:321px;} .food-trucks .slide-left {left:-185px;} .food-trucks .slide-right {right:-185px;} } @media screen and (max-width: 540px) { .hero-image .hero-text h1 {font-size:1.7em;} .hero-image .hero-text h3 {font-size:0.75em;} .contact-grid {-ms-grid-columns: 1fr;grid-template-columns: auto;width:90%;margin-left:4%;} .contact-grid h2 {-ms-grid-column:1;grid-column:1/2;-ms-grid-row:1;} .contact-grid .form-fields {-ms-grid-column:1;margin-right:0;grid-column:1/2;-ms-grid-row:3;grid-row:3/4;} .contact-grid .form-type-checkboxes {-ms-grid-column:1;-ms-grid-row:2;grid-column:1/2;grid-row:2/3;margin-bottom:15px;} .beer-content {width: 309px;} .modal .modal-body {max-width:100%;} input, input:active, input:focus, input:focus-within, input:hover, input:visited,textarea {font-size: 16px!important;} #beer-detail .beer-text {max-width:400px;} } @media screen and (max-width: 414px) { #beer-detail .beer-text {max-width:375px;} #beer-detail .beer-text .beer-title-info {font-size:1em;} #beer-detail .beer-text .beer-description-info {font-size:1em;} #beer-detail .beer-text {padding:10px 20px 0 20px;} .template-image-section img {max-width:150% !important;width:150% !important;margin-left:-35% !important;} } @media screen and (max-width: 375px) { #beer-detail .beer-text {max-width:340px;} } @media screen and (max-width: 360px) { #beer-detail .beer-text {max-width:300px;} } @media screen and (max-width: 320px) { #beer-detail .beer-text {max-width:285px;} footer {padding:3em 1em;} } input#form_preferred_greenhouse_day,input#form_preferred_day,input#form_event_day,input#form_procure_day {position: relative;width: 100%; height: 46px;color: black;font-size:14px;text-align:center;} input:before {position: absolute;top: 14px; left: 10px;content: attr(data-date);display: inline-block;color: black;} input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {display: none;} input::-webkit-calendar-picker-indicator {position: absolute;top: 14px;right: 0;color: black;opacity: 1;} #show_booked_times {margin-top:0;text-align:center;} .beer-grid-container {overflow: auto;} #beer-grid.grid {margin:0;position: relative;height: 100%;list-style: none;-webkit-transition: width 0.2s,height 0.2s;transition: width 0.2s,height 0.2s;} #beer-grid.grid li {position: absolute;z-index: 1;font-weight: bold;cursor: pointer;-webkit-transition: top 0.2s,left 0.2s,width 0.2s,height 0.2s,font-size 0.2s,line-height 0.2s;transition: top 0.2s,left 0.2s,width 0.2s,height 0.2s,font-size 0.2s,line-height 0.2s;} #beer-grid.grid li .inner {position: absolute;background: var(--milk);border: 1px solid var(--milk);padding:3px;top: 1px;bottom: 1px;left: 1px;right: 1px;-webkit-transition: background 3s;transition: background 3s;font-weight: 700;font-family:'Open Sans Condensed','Roboto Condensed',sans-serif;} #beer-grid.grid li .inner span {display:block;font-weight:300;font-size:0.59em;} #beer-grid.grid li .inner.cat-fermenting {background-image:url(/img/fermenter-icon2.png);background-repeat:no-repeat;background-position:30px 30px;} #beer-grid.grid li .inner.cat-fermenting.status-active {opacity:1.5;background-image:url(/img/fermenter-icon2.png);background-repeat:no-repeat;background-position:30px 30px;} #beer-grid.grid li .inner.cat-ballard {background-image:url(/img/beer-icon2.png);background-repeat:no-repeat;background-position:30px 30px;} #beer-grid.grid li .inner.cat-ballard.status-active {opacity:1.5;background-image:url(/img/beer-icon2.png);background-repeat:no-repeat;background-position:30px 30px;} #beer-grid.grid li .inner.cat-kenmore {background-image:url(/img/beer-icon2.png);background-repeat:no-repeat;background-position:30px 30px;} #beer-grid.grid li .inner.cat-kenmore.status-active {opacity:1.5;background-image:url(/img/beer-icon2.png);background-repeat:no-repeat;background-position:30px 30px;} #beer-grid.grid li .inner.status-not-hover {opacity:0.5;} #beer-grid.grid:not(.category-active, .status-active) li .inner {opacity:1;} /* default */ #beer-grid.grid.category-active:not(.status-active) li .inner.category-active, #beer-grid.grid.status-active:not(.category-active) li .inner.status-active {opacity:1;} /* Single Choice matches*/ #beer-grid.grid.category-active:not(.status-active) li .inner:not(.category-active), #beer-grid.grid.status-active:not(.category-active) li .inner:not(.status-active) {opacity:0.15;} /* Single Choice non-matches */ #beer-grid.grid.category-active.status-active li .inner.category-active:not(.status-active), #beer-grid.grid.category-active.status-active li .inner.status-active:not(.category-active) {opacity:0.15;} /* Two Choices only matches one*/ #beer-grid.grid.category-active.status-active li .inner:not(.category-active):not(.status-active) {opacity:0.15;} /* Two Choices matches none */ #beer-grid.grid li.active .inner {opacity:1;border:1px solid #000;box-shadow:#000 0 0 1px 1px} #beer-grid.grid li .inner.status-active.category-active {opacity:1;} #beer-grid.grid li.changed .inner {background: #ffff66;-webkit-transition: none;transition: none;} #beer-grid.grid li.ui-draggable-dragging {-webkit-transition: none;transition: none;} #beer-grid.grid li.position-highlight {-webkit-transition: none;transition: none;} #beer-grid.grid li.position-highlight .inner {border: none;background: #ccc;} #beer-grid li .inner:hover {border:1px solid #000;cursor:pointer;} #beer-grid li .inner.c-f9ca37 {background:#f9ca37;} #beer-grid li .inner.c-f1ad00 {background:#f1ad00;} #beer-grid li .inner.c-fb5b00 {background:#fb5b00;} #beer-grid li .inner.c-e16900 {background:#e16900;} #beer-grid li .inner.c-bf4000 {background:#bf4000;color:var(--milk);} #beer-grid li .inner.c-af3900 {background:#af3900;color:var(--milk);} #beer-grid li .inner.c-240102 {background:#240102;color:var(--milk);} #beer-grid li .inner.c-240102:hover {border:1px solid #fc5600;} #beer-grid li .inner.c-f4b900 {background:#f4b900;} #beer-grid li .inner.c-efa700 {background:#efa700;} #beer-grid li .inner.c-ed9100 {background:#ed9100;} #beer-grid li .inner.c-8d0e00 {background:#8d0e00;color:var(--milk);} #beer-grid li .inner.c-4c0000 {background:#4c0000;color:var(--milk);} #beer-grid li .inner.c-550000 {background:#550000;color:var(--milk);} #beer-grid li .inner.c-f39c00 {background:#f39c00;} #beer-grid li .inner.c-0e0201 {background:#0e0201;color:var(--milk);} #beer-grid li .inner.c-0e0201:hover {border:1px solid #fc5600;} #beer-grid li .inner.c-c44000 {background:#c44000;color:var(--milk);} #beer-grid li .inner.c-db9b42 {background:#db9b42;} #beer-grid li .inner.c-dc6800 {background:#dc6800;color:var(--milk);} #beer-grid li .inner.c-fc5600 {background:#fc5600;color:var(--milk);} #beer-grid li .inner.c-ffffff {background:#ffffff;} #beer-grid li .inner.c-ffffff:hover {border:1px solid #ffffff;} .blocker {z-index:100 !important;} .modal {border-radius:0;} .modal img {max-width:100%;} .food-truck-text {padding:15px 0;} .food-truck-tweets .tweet span.date {display:block;text-transform:uppercase;font-size:0.7em;font-weight:100;} .food-truck-day:hover {cursor:pointer;} .food-truck-day:hover img {opacity:0.7;} .food-truck-website {float:right;text-decoration: none;color: var(--apricot);text-transform: uppercase;margin-top: 8px;} .food-truck-tweets .tweet {padding:15px 0;} .food-truck-tweets .tweet div {padding-top:15px;} .food-truck-tweets .tweet img:first-child:before {display:block;} .food-truck-tweets .tweet {border-top:1px solid var(--chocolate);clear:left;} .food-truck-tweets .tweet img {width:75px !important;height:auto;float:left;padding-right:3px;} .food-truck-tweets .tweet img:first-child {clear:left;} .food-truck-tweets a {text-decoration:none;color:var(--apricot);} #modal-beer-categories .modal-body {text-align:left;} #modal-beer-categories .modal-body a {display:inline-block;text-decoration:none;color:#000;padding:3px;} #modal-beer-categories .modal-body a:hover {background:var(--gold);} #modal-beer-categories .modal-body h3 {font-size:1.4em;text-align:center;} #modal-beer-categories .modal-body .modal-categories {list-style: none;columns: 2 auto;margin:0 0 5px 0;} @media screen and (max-width: 650px) { #modal-beer-categories .modal-body .modal-categories {columns: none;} } #modal-beer-categories .modal-body .modal-categories a {text-align: left;margin:0.25em 0;display:block;} #category-count {position:absolute;} #modal-beer-categories .modal-body .modal-categories a.beer-category.disabled {color:#F00;text-decoration: line-through; } #modal-beer-categories .modal-body .modal-categories a.beer-category.inactive {color:#CCC;cursor: default;} .home-beer-bg {height:100vh;min-height:-webkit-fill-available;margin-top:0;z-index:-1;position:fixed;overflow: hidden;width: 100%;max-width: 100%;} .home-beer-bg img {width:100%;} .home-header-text {height:100vh;padding:26vh 0 0 8vw;} .home-header-text h1 {font-size:5.9vw;width:26vw;} .home-header-text hr {border-bottom:1vw solid black;width:14vw;margin-top:1vw;text-align:left;} @media screen and (max-width: 480px) { .home-header-text {margin-top:26vh;} .home-header-text h1 {font-size:3em;width:250px;} #section-552 {margin:-80px auto;} } .molecule {width:1px;height:1px;} .molecule .tip {display:none;position:absolute;background:var(--milk);padding:0.3em 0.75em 0.2em 0.75em;line-height:1em;font-weight:500;text-transform:uppercase;border:2px solid var(--teal);} .molecule.active .tip {display:block;} .atom {border-radius:2vw;width:2.01vw;height:2vw;display:block;position:absolute;background:#eee;} .bond {display:block;width:5vw;height:0.1vw;background:#eee;position:absolute;} .water {top:5vw;left:3vw;position:relative;} .water .bond.b-1 {transform: rotate(38deg);left:1vw;top: 2.8vw;} .water .bond.b-2 {transform: rotate(-38deg);left:6vw;top: 2.8vw;} .water.molecule.aos-animate .atom.hydrogen {background-color:var(--teal);} .water .atom.hydrogen.h-1 {left:0;transition-delay:2s;} .water .atom.hydrogen.h-2 {left:10vw;transition-delay:2.1s;} .water.molecule.aos-animate .atom.oxygen {background-color:var(--orange);} .water .atom.oxygen.o-1 {left:5vw;top:3.5vw;transition-delay:2.2s;} .water .tip {left:9vw;top:3vw;} .water.bigbackground {position:fixed;left:200%;zoom:3;opacity:0.3;z-index:-1;animation:water-animation 100s;} @keyframes water-animation{ 0% {left: 200%;transform:rotate(180deg);} 100% {left: -100%;transform:rotate(0deg);} } .geraniol {top:15vw;position:relative;} .geraniol .bond.b-1 {transform: rotate(90deg);left:10vw;top: 3vw;width:2vw;} .geraniol .bond.b-2 {left: 10.88vw;top: 4.4vw;transform: rotate(29deg);width: 2vw;} .geraniol .bond.b-3 {width: 3vw;transform: rotate(-39deg);left: 12.3vw;top: 3.95vw;} .geraniol .bond.b-4 {left: 10.88vw;top: 4.7vw;transform: rotate(29deg);width:1.8vw;} .geraniol .bond.b-5 {left: 9.1vw;top: 4.4vw;transform: rotate(-29deg);width: 2vw;} .geraniol .bond.b-6 {width:2vw;transform: rotate(90deg);left: 8.25vw;top: 5.9vw;} .geraniol .bond.b-7 {left:9.1vw;top:7.4vw;transform: rotate(29deg);width:2.1vw;} .geraniol .bond.b-8 {transform: rotate(90deg);left: 8.5vw;top:10.4vw;width:5vw;} .geraniol .bond.b-9 {transform: rotate(90deg);left: 8.8vw;top:10.4vw;width:5vw;} .geraniol .bond.b-10 {left: 11vw;top: 13.3vw;transform: rotate(29deg);width: 2vw;} .geraniol .bond.b-11 {left: 9.25vw;top:13.3vw;transform: rotate(-29deg);width: 2vw;} .geraniol.molecule.aos-animate .atom.CH3 {background-color:var(--navy);} .geraniol.molecule.aos-animate .atom.OH {background-color:var(--gold);} .geraniol .atom.CH3.ch3-1 {left:10vw;top:0.1vw;transition-delay:2.5s;} .geraniol .atom.CH3.ch3-2 {left: 7.6vw;top:13.4vw;transition-delay:3s;} .geraniol .atom.CH3.ch3-3 {left:12.7vw;top:13.4vw;transition-delay:2s;} .geraniol .atom.OH.oh-1 {left:14vw;top:2vw;transition-delay:1s;} .geraniol .tip {left:12vw;top:10.2vw;} .geraniol.bigbackground {top:10vw;position:fixed;left:-100%;zoom:3;opacity:0.3;z-index:-1;animation-timing-function: linear;animation:geraniol-animation 320s;animation-iteration-count: infinite;} @keyframes geraniol-animation{ 0% {left: -10vw;top:-10vh;transform:rotate(0deg);} 100% {left: 400%;top:100vh;transform:rotate(180deg);} } .ethanol {left:7vw;top:41vw;position:relative;} .ethanol .bond.b-1 {transform: rotate(0deg);left:1vw;top: 2.8vw;} .ethanol .bond.b-2 {transform: rotate(0deg);left:6vw;top: 2.8vw;} .ethanol .bond.b-3 {transform: rotate(0deg);left:1vw;top: 2.8vw;} .ethanol .bond.b-4 {transform: rotate(0deg);left:10vw;top: 2.8vw;} .ethanol .bond.b-5 {transform: rotate(90deg);left:1.5vw;top:-0.2vw;} .ethanol .bond.b-6 {transform: rotate(90deg);left:5.5vw;top:-0.2vw;} .ethanol .bond.b-7 {transform: rotate(90deg);left:1.5vw;top: 4.8vw;} .ethanol .bond.b-8 {transform: rotate(90deg);left:5.5vw;top: 2.8vw;} .ethanol.molecule.aos-animate .atom.hydrogen {background-color:var(--teal);} .ethanol.molecule.aos-animate .atom.oxygen {background-color:var(--orange);} .ethanol.molecule.aos-animate .atom.carbon {background-color:var(--lime);} .ethanol .atom.hydrogen.h-1 {left:-1vw;top:1.8vw;transition-delay:2.9s;} .ethanol .atom.hydrogen.h-2 {left:15vw;top:1.8vw;transition-delay:1.9s;} .ethanol .atom.hydrogen.h-3 {left:3vw;top:-2.8vw;transition-delay:2.5s;} .ethanol .atom.hydrogen.h-4 {left:7vw;top:-2.8vw;transition-delay:2s;} .ethanol .atom.hydrogen.h-5 {left:3vw;top:6.8vw;transition-delay:2.7s;} .ethanol .atom.hydrogen.h-6 {left:7vw;top:4.8vw;transition-delay:1.6s;} .ethanol .atom.oxygen.o-1 {left:11vw;top:1.8vw;transition-delay:2s;} .ethanol .atom.carbon.c-1 {left:3vw;top:1.8vw;transition-delay:1.5s;} .ethanol .atom.carbon.c-2 {left:7vw;top:1.8vw;transition-delay:1s;} .ethanol .tip {left:-4vw;top:-1vw;} .ethanol.bigbackground {top:10vw;position:fixed;left:200%;zoom:3;opacity:0.3;z-index:-1;animation-timing-function: linear;animation:ethanol-animation 320s;animation-iteration-count: infinite;} @keyframes ethanol-animation{ 0% {left: -10vw;top:-10vh;transform:rotate(0deg);} 100% {left: 400%;top:100vh;transform:rotate(360deg);} } .myrcene {top:56vw;left:-9vw;position:relative;} .myrcene .bond.b-1 {transform: rotate(90deg);left:10.05vw;top: 3vw;width:2vw;} .myrcene .bond.b-2 {left: 10.88vw;top: 4.48vw;transform: rotate(29deg);width: 2.5vw;} .myrcene .bond.b-3 {width: 3vw;transform: rotate(-90deg);left:11.98vw;top: 6.6vw;} .myrcene .bond.b-12 {width: 3vw;transform: rotate(-90deg);left:11.7vw;top: 6.6vw;} .myrcene .bond.b-4 {left: 9.78vw;top:3vw;transform:rotate(90deg);width:2.1vw;} .myrcene .bond.b-5 {left: 9.1vw;top: 4.4vw;transform: rotate(-29deg);width: 2vw;} .myrcene .bond.b-6 {width:2vw;transform: rotate(90deg);left: 8.25vw;top: 5.9vw;} .myrcene .bond.b-7 {left:9.1vw;top:7.4vw;transform: rotate(29deg);width:2.1vw;} .myrcene .bond.b-8 {transform: rotate(90deg);left: 8.5vw;top:10.4vw;width:5vw;} .myrcene .bond.b-9 {transform: rotate(90deg);left: 8.8vw;top:10.4vw;width:5vw;} .myrcene .bond.b-10 {left: 11vw;top: 13.3vw;transform: rotate(29deg);width: 2vw;} .myrcene .bond.b-11 {left: 9.25vw;top:13.3vw;transform: rotate(-29deg);width: 2vw;} .myrcene.molecule.aos-animate .atom.CH3 {background-color:var(--navy);} .myrcene.molecule.aos-animate .atom.CH2 {background-color:var(--apple);} .myrcene .atom.CH3.ch3-1 {left:12.7vw;top:13.4vw;transition-delay:2s;} .myrcene .atom.CH3.ch3-2 {left: 7.6vw;top:13.4vw;transition-delay:1.8s;} .myrcene .atom.CH2.ch2-1 {left:12.2vw;top:7.8vw;transition-delay:1.6s;} .myrcene .atom.CH2.ch2-2 {left:10vw;top:0.1vw;transition-delay:1s;} .myrcene .tip {left:8.5vw;top:9.7vw;} .myrcene.bigbackground {top:10vw;position:fixed;left:-100%;zoom:3;opacity:0.3;z-index:-1;animation-timing-function: linear;animation:myrcene-animation 320s;animation-iteration-count: infinite;} @keyframes myrcene-animation{ 0% {left: -10vw;top:-10vh;transform:rotate(0deg);} 100% {left: 400%;top:100vh;transform:rotate(300deg);} } @media screen and (max-width: 1600px) {.water {zoom:1.1;}.geraniol{zoom:1.1}.ethanol{zoom:1.1}.myrcene{zoom:1.1}} @media screen and (max-width: 1400px) {.water {zoom:1.2;}.geraniol{zoom:1.2}.ethanol{zoom:1.2}.myrcene{zoom:1.2}} @media screen and (max-width: 1200px) {.water {zoom:1.3;}.geraniol{zoom:1.3}.ethanol{zoom:1.3}.myrcene{zoom:1.3}} @media screen and (max-width: 1000px) {.water {zoom:1.4;}.geraniol{zoom:1.4}.ethanol{zoom:1.4}.myrcene{zoom:1.4}} @media screen and (max-width: 800px) {.water {zoom:1.5;}.geraniol{zoom:1.5}.ethanol{zoom:1.5}.myrcene{zoom:1.5}} @media screen and (min-width: 641px) { .atom {transition:0.1s background-color;} .bond {transition:0.1s background-color;transition-delay:1s;} .molecule.aos-animate .bond {background-color:var(--teal);} } @media screen and (max-width: 640px) { .atom, .bond {background-color:#eee !important;} } .home-image-text-grouping {display:grid;grid-template-columns:20vw 21vw 25vw 16vw 9vw 9vw;grid-template-rows:18vw 6vw 6vw auto 6vw 6vw auto;} .home-image-text-grouping img:first-child {grid-column:3/5;grid-row:1/3;width:100%;} .home-image-text-grouping img:nth-child(2) {grid-column:4/6;grid-row:2/4;width:100%;} .home-image-text-grouping div.copy {grid-column:2/4;grid-row:4/5;color:var(--porter);padding:0 4vw 0 0;font-size:2rem;line-height:3.5rem;} .home-image-text-grouping div.copy h2 {color:var(--apricot);font-size:4rem;margin-bottom:2rem;line-height:5rem;} .home-image-text-grouping div.content {grid-row:7/8;grid-column:1/7;} /* .hero-image, .content section:first-child {padding-top:113px !important;} */ .page-id-1 section.food-trucks {padding-top:0 !important;} .page-id-2 section#beer-detail {padding-top:0 !important;} .page-id-2 .hero-image,.page-id-302 .hero-image {background-image:url(/img/bw-small-tile2.png);background-repeat:repeat-x;background-position:bottom center;padding-bottom:92px;} @media screen and (max-width: 1024px) { .page-id-2 .hero-image,.page-id-302 .hero-image {background-image:url(/img/bw-smaller-tile.png);background-repeat:repeat-x;background-position:bottom center;padding-bottom:46px;} } @media screen and (max-width: 768px) { .page-id-2 .hero-image,.page-id-302 .hero-image {background-image:url(/img/bw-tiny-tile.png);background-repeat:repeat-x;background-position:bottom center;padding-bottom:23px;} } footer button {color:var(--teal);} footer button:hover {background:var(--chocolate);} table.striped{width:100%;margin:0 auto;} table.striped td{padding:7px; border:0;} table.striped tr{background: var(--milk);} table.striped tr:nth-child(odd){background: var(--milk);} table.striped tr:nth-child(even){background: var(--tealish);} .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:2;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center} .blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em} .blocker.behind{background-color:transparent} #home-popup.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:550px;box-sizing:border-box;width:100%;background:var(--milk);padding:15px;text-align:left} #home-popup.modal a {color:var(--teal);} #search-popup.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:550px;box-sizing:border-box;width:100%;background:var(--milk);padding:15px;text-align:left} #search-popup.modal a {color:var(--teal);} .modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')} .modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:var(--milk);height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} #home-popup.modal img {width:100%;max-width:800px;margin-bottom:1em;} #home-popup.modal p {margin-bottom:1em;font-size:1.2em;} #search-input form {margin:0;padding:0;} #search-input input {height:2em;border:2px solid var(--porter);width:calc(100% - 8px);margin: 1em 0;padding: 2px 4px;display: block;line-height: 100%;font-size: 1em;} #search-input input:focus {outline:none;} #search-input .button {border:0;background-color:var(--apricot);color:var(--milk);width:5em;} #search-input .button:hover {cursor:pointer} .sidenav {margin-top:0;text-align:center;height:calc(100% - 200px);width: 0;position: fixed;z-index: 103;top:0;right:0;padding-top:100px;padding-bottom:200px;background-color: var(--apricot);overflow-x: hidden;transition: 0.5s;} .sidenav ul li a {padding: 6px 15px 6px 15px;text-decoration: none;font-size: 42px;font-weight:700;color: var(--milk);display: block;transition: 0.3s;text-transform: uppercase;font-family:var(--header-font-family);} .sidenav ul li ul li a {padding: 2px 15px 8px 15px;text-decoration: none;text-transform:none;font-weight:400;font-size: 24px;color: var(--milk);display: block;transition: 0.3s;font-family:var(--header-font-family);} .sidenav a:hover {color: var(--cream);} @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } @media screen and (max-width:1024px){ section[data-section-count="1"] {padding-top:60px;} .hero-image, .content section:first-child {padding-top:60px !important;} } .template-image-section h2 {font-size: 5.6em;text-transform: uppercase;} @media screen and (max-width:80em) { .template-image-section h2 {font-size: 4.6em;} } @media screen and (max-width:64em) { .template-image-section h2 {font-size: 3.5em;} } @media screen and (max-width:50em) { .template-image-section h2 {font-size: 2.5em;} } @media screen and (max-width:25em) { .template-image-section h2 {font-size: 1.7em;} } #section-546 {max-width:800px;width:100%;padding: 0 15px;} #section-546 .desktop-only {display:block;} #section-546 .mobile-only {display:none;} #section-546 td {width:25%;} @media screen and (max-width:48em) { #section-546 .mobile-only {display:block;} #section-546 .desktop-only {display:none;} #section-546 table.striped {width:calc(100% - 30px);margin-left:0;} } /* custom section items */ .template-accordion-section summary {border-top:1px solid #000;font-weight:900;} .template-accordion-section .detail-text {font-weight:300;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text, .template-text-image-image-section.variation-two-circle-images-right-aligned-text {position:relative;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text {direction: ltr;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .molecule .atom, .template-text-image-image-section.variation-two-circle-images-right-aligned-text .molecule .atom {background-color:#eee!important;transition-delay:0s;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .molecule .bond, .template-text-image-image-section.variation-two-circle-images-right-aligned-text .molecule .bond {background-color:#eee!important;transition-delay:0s;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .water {top:25vw;left:43vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .geraniol {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .ethanol {top:25vw;left:45vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .myrcene {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .water {top:26vw;left:12vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .geraniol {top:18vw;left:5vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .ethanol {top:24vw;left:10vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .myrcene {top:18vw;left:10vw;} /* NEED TO FINISH these below */ /* below are all the media queries where circles and/or molecules change size */ @media screen and (max-width: 1600px) { .template-text-image-image-section.variation-two-circle-images-left-aligned-text .water {top:25vw;left:43vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .geraniol {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .ethanol {top:25vw;left:45vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .myrcene {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .water {top:26vw;left:12vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .geraniol {top:18vw;left:5vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .ethanol {top:24vw;left:10vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .myrcene {top:18vw;left:10vw;} } @media screen and (max-width: 1400px) { .template-text-image-image-section.variation-two-circle-images-left-aligned-text .water {top:25vw;left:43vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .geraniol {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .ethanol {top:25vw;left:45vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .myrcene {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .water {top:26vw;left:12vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .geraniol {top:18vw;left:5vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .ethanol {top:24vw;left:10vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .myrcene {top:18vw;left:10vw;} } @media screen and (max-width: 1279px) { .template-text-image-image-section.variation-two-circle-images-left-aligned-text .water {top:25vw;left:43vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .geraniol {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .ethanol {top:25vw;left:45vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .myrcene {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .water {top:26vw;left:12vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .geraniol {top:18vw;left:5vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .ethanol {top:24vw;left:10vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .myrcene {top:18vw;left:10vw;} } @media screen and (max-width: 1200px) { .template-text-image-image-section.variation-two-circle-images-left-aligned-text .water {top:25vw;left:43vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .geraniol {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .ethanol {top:25vw;left:45vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .myrcene {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .water {top:26vw;left:12vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .geraniol {top:18vw;left:5vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .ethanol {top:24vw;left:10vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .myrcene {top:18vw;left:10vw;} } @media screen and (max-width: 1023px) { .template-text-image-image-section.variation-two-circle-images-left-aligned-text .water {top:25vw;left:43vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .geraniol {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .ethanol {top:25vw;left:45vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .myrcene {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .water {top:26vw;left:12vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .geraniol {top:18vw;left:5vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .ethanol {top:24vw;left:10vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .myrcene {top:18vw;left:10vw;} } @media screen and (max-width: 1000px) { .template-text-image-image-section.variation-two-circle-images-left-aligned-text .water {top:25vw;left:43vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .geraniol {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .ethanol {top:25vw;left:45vw;} .template-text-image-image-section.variation-two-circle-images-left-aligned-text .myrcene {top:14vw;left:38vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .water {top:26vw;left:12vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .geraniol {top:18vw;left:5vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .ethanol {top:24vw;left:10vw;} .template-text-image-image-section.variation-two-circle-images-right-aligned-text .myrcene {top:18vw;left:10vw;} } @media screen and (max-width: 800px) { .template-text-image-image-section.variation-two-circle-images-left-aligned-text .molecule {display:none;} } .blocker-nav{z-index:100;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow: auto;padding: 20px;box-sizing: border-box;background-color: #000;background-color: rgba(0,0,0,0.75);text-align: center;} @media screen and (max-width: 800px) { /* tablet and laptops */ #beer-detail {max-width: 500px; display: inline-block; vertical-align: middle; width: 80%; border-radius: 8px; box-shadow: 0 0 10px #000; z-index: 105; margin-top:80px !important; margin: 0 auto; padding: 15px 30px 10px 0px; max-height: 100%; /* overflow: scroll; */ height: 625px; position: fixed; margin-top: 16px; } #beer-detail .beer-text .beer-description-info {overflow:auto;height:450px;} .blocker-modal{z-index:100;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow: auto;padding: 20px;box-sizing: border-box;background-color: #000;background-color: rgba(0,0,0,0.75);text-align: center;} #beer-detail-close { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==); background-position: center center; text-indent: -9999px; position: absolute; right: -12.5px; top: -12.5px; display: block; background-size: contain; background-repeat: no-repeat; height: 30px; width: 30px; } #beer-detail .beer-image { padding-left: 0; } } @media screen and (max-height: 568px) and (max-width: 800px) { /* tablet and laptops */ #beer-detail {height:528px;} #beer-detail .beer-text .beer-description-info {height:250px;} } @media screen and (max-height: 736px) and (max-width: 800px) { /* tablet and laptops */ #beer-detail {height:690px;} #beer-detail .beer-text .beer-description-info {height:515px;} } @media screen and (height:480px) and (width: 320px) { /* iphone 4 */ #beer-detail {height:439px;} #beer-detail .beer-text .beer-description-info {height:280px;} } @media screen and (height:640px) and (width: 380px) { /* galaxy S5 */ #beer-detail {height:596px;} #beer-detail .beer-text .beer-description-info {height:430px;} } @media screen and (height:731px) and (width: 411px) { /* pixel 2 */ #beer-detail {height:686px;} #beer-detail .beer-text .beer-description-info {height:515px;} } @media screen and (height:823px) and (width: 411px) { /* pixel 2 xl */ #beer-detail {height:777px;} #beer-detail .beer-text .beer-description-info {height:607px;} } @media screen and (height:568px) and (width: 320px) { /* iphone 5 */ #beer-detail {height:524px;} #beer-detail .beer-text .beer-description-info {height:367px;} } @media screen and (height:667px) and (width: 375px) { /* iphone 6/7/8 */ #beer-detail {height:624px;} #beer-detail .beer-text .beer-description-info {height:457px;} } @media screen and (height:736px) and (width: 414px) { /* iphone 6/7/8 plus */ #beer-detail {height:685px;} #beer-detail .beer-text .beer-description-info {height:516px;} } @media screen and (height:812px) and (width: 375px) { /* iphone x */ #beer-detail {height:767px;} #beer-detail .beer-text .beer-description-info {height:596px;} } @media screen and (height:1024px) and (width: 768px) { /* ipad */ #beer-detail {height:970px;max-width:610px} #beer-detail .beer-text .beer-description-info {height:690px;} } .template-news h1 {line-height:100%;color:var(--apricot)} _:-ms-lang(x), .template-accordion-section summary { border-top:0; } _:-ms-lang(x), .template-accordion-section details { margin-bottom:1em; } _:-ms-lang(x), .template-accordion-section summary:before {display:none;} select {background-image: url(/img/triangle.png) !important;background-position: calc(100% - 3px) 50%;background-repeat: no-repeat;background-size: 18px 22px;} #beer-grid .initial-opacity {opacity:0.55;} #beer-grid .cat-ballard.initial-opacity {opacity:1;} #beer-grid .cat-kenmore.initial-opacity {opacity:1;} #beer-grid .cat-fermenting.initial-opacity {opacity:1;} .pagination-button {margin-right:2px;display:inline-grid;background: var(--teal);color: var(--milk);border-radius:50%;width:29px;height:30px;text-decoration: none;padding-right: 1px;align-items:center;justify-items:center;} .pagination-button:hover,.pagination-button.active {background:var(--apricot)} .pagination {display:flex;} .pagination-button.odd {margin-top:5px;} .template-google-calendar {max-width:100%;margin:0;} .template-google-calendar .grid {grid-template-columns:25% 2.5% 45% 2.5% 25%;max-width:var(--body-width);padding-top:2em;margin: 0 auto;} .template-google-calendar .grid .calendar {grid-column:1 / 2;} .template-google-calendar .grid .upcoming {grid-column:3 / 4;} .template-google-calendar .grid .past {grid-column:5 / 6;} .template-google-calendar h2{letter-spacing: 0.05em;max-width:var(--body-width);margin: 0 auto;text-align:center;width: 100%;border-bottom: 1px solid #ccc;text-transform: uppercase;padding-bottom: 1rem;} .template-google-calendar h3 {margin-bottom:0;font-size:1.1em;letter-spacing:0.05em;text-transform:uppercase;border-bottom: 1px solid #ccc;padding-bottom: 1.9em;} .template-google-calendar .google-calendar-wrap {margin-top:-16px;} .template-google-calendar .jsCalendar thead .jsCalendar-title-name {font-size:1em;letter-spacing:0.05em;text-transform:uppercase;width: calc(100% - 72px);padding: 0 !important;} .template-google-calendar .jsCalendar thead .jsCalendar-nav-left, .jsCalendar thead .jsCalendar-nav-right {border-radius: 7px!important;height: 15px!important;line-height: 15px!important;width: 15px!important;background:#000;} .template-google-calendar .jsCalendar-nav-right:after{color:var(--milk);} .template-google-calendar .jsCalendar.clean-theme thead .jsCalendar-nav-right:hover {background:#ccc !important;} .template-google-calendar .jsCalendar-nav-left:after{color:var(--milk);} .template-google-calendar .jsCalendar.clean-theme thead .jsCalendar-nav-left:hover {background:#ccc !important;} .template-google-calendar .jsCalendar tbody td.jsCalendar-selected {cursor:pointer;color:#00f;background:transparent !important;font-weight:700 !important;} .template-google-calendar .google-calendar-wrap .jsCalendar tbody td, .template-google-calendar .google-calendar-wrap .jsCalendar thead .jsCalendar-week-days th {border:1px solid transparent !important;height:32px;width:32px;line-height:32px;} .template-google-calendar .jsCalendar.clean-theme tbody td.jsCalendar-current {background-color:var(--milk) !important;border-bottom: 1px solid transparent !important;} .template-google-calendar .upcoming .event img {display:block;width:101px;height:auto;} .template-google-calendar .google-calendar-wrap .jsCalendar thead .jsCalendar-week-days th {padding-top:2em;} .template-google-calendar .jsCalendar-title-row {border-bottom:1px solid #ccc;} .template-google-calendar .jsCalendar-title-row th {padding-bottom:1.5em;} .template-google-calendar .jsCalendar.clean-theme tbody td {border:1px solid transparent !important;} .template-google-calendar .jsCalendar.clean-theme tbody td:hover {border:1px solid #ccc !important;} .template-google-calendar .upcoming .event {display:grid;grid-template-columns:181px 1fr 15px} .template-google-calendar .upcoming .event img {width:170px;} .template-google-calendar .event h5 {font-size:1em;margin-top:-0.35em;margin-bottom:0;letter-spacing: 0.05em;text-transform: uppercase;padding-bottom:0;} .template-google-calendar .event h6 {font-size:0.9em;} .template-google-calendar .event p {margin:0;font-size: 0.9em;} .template-google-calendar .event {border-bottom:1px solid #ccc;padding:1em 0;} .template-google-calendar .upcoming-under-cal a {color: var(--apricot);text-decoration: none;font-weight:bold;text-transform:uppercase;} .template-google-calendar .upcoming-under-cal {text-align:center;margin-right:42px;margin-top:20px;display:none;} @media screen and (max-width: 1200px) { .template-google-calendar .grid {grid-template-columns:20px 290px 20px calc(100% - 360px);max-width:var(--body-width);padding-top:2em;margin: 0 auto;} .template-google-calendar .grid .past {display:none;} .template-google-calendar .grid .calendar{grid-column:2 / 3;} .template-google-calendar .grid .upcoming {grid-column:4 / 5;} } @media screen and (max-width: 768px) { .template-google-calendar .grid {grid-template-columns:20px calc(100% - 40px) 20px;max-width:var(--body-width);padding-top:2em;margin: 0 auto;} .template-google-calendar .grid .past {display:none;} .template-google-calendar .grid .calendar{grid-column:2 / 3;grid-row:1;} .template-google-calendar .grid .upcoming {grid-column:2 / 3;grid-row:2;} .jsCalendar.clean-theme table {margin:0 auto;} } @media screen and (max-width: 414px) { .form-type-checkboxes .geraniol {display:none;} } .template-google-calendar .jsCalendar thead .jsCalendar-nav-left, .jsCalendar thead .jsCalendar-nav-right {background:var(--teal);} .template-google-calendar .jsCalendar tbody td.jsCalendar-selected {color:var(--apricot);} .template-google-calendar h2 {color:var(--apricot);} .template-google-calendar h3 a {color:var(--apricot);text-decoration:none;} .template-google-calendar .event-info a {color:var(--apricot);} .template-google-calendar .event-info a:hover {color:var(--apple);} .pretty input:checked~.state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {background-color:var(--apricot) !important;} .template-text-image-image-section a {color:var(--apricot);} .template-text-image-image-section a:hover {color:var(--apple);} .form-type-checkboxes .geraniol {top: 15px;left: -6vw;height: 18vw;} .form-type-checkboxes .geraniol .bond {background-color:#eee;} .form-type-checkboxes .geraniol .atom {background-color:#eee !important;} .use-donation-request h4 {font-size: 0.8em;text-transform: uppercase;color: var(--steelblue);margin-bottom: 0.7em;} .snip-layout select {background-image:none !important;} .snipcart-customfield-element select {width:100px !important;} div[data-for="company"] {display:none;} .snip-layout .snip-product__thumbnail {text-align: center;} .beers-on-tap-container {max-width:800px;width:100%;margin:0 auto;} .beers-on-tap-text a {color: var(--teal);} .beers-on-tap-text a:hover {color: var(--gold);} .beer-on-tap-detail {padding:20px;display:-ms-grid;display:grid;grid-template-columns:150px auto;margin-top:2em;margin-bottom:1em;} .beer-on-tap-detail .beer-text .beer-description-info {line-height:1.3;} .beers-on-tap-container .beer-bookmark {width:60px;padding:4px;} .beers-on-tap-container .beer-bookmarks {text-align:center;padding:10px;margin-top:2em;} @media screen and (max-width: 800px) { .beers-on-tap-container .beer-bookmark {width:30px;padding:2px;} .beers-on-tap-container {margin-top:0px;} .beer-on-tap-detail {grid-template-columns:100%;} .beer-on-tap-detail>div {align-self:center;} .beer-on-tap-detail .beer-image {padding-left:0;justify-self:center;} .beer-on-tap-detail .beer-text {margin:0 auto;display:grid;grid-template-columns:40% auto;} .beer-on-tap-detail .beer-text .beer-title-info {align-self:center;font-size:1em;} .beer-on-tap-detail .beer-text .beer-description-info {grid-column:1/3;padding-top:1em;font-size:1.1em;} } #contact-form form input[type=file]{color:#333;display: block;width: calc(100% - 1.5em);margin-bottom: 1em;height: 2.2em;padding: 0 1em 0.3em 0.5em;background:#fefefe;border:1px solid #000;font-size:1em;border-radius:0 !important;} #contact-form .file-upload-wrapper {color:#333;height: 40px;border:1px solid #000;position: relative;width: 100%;border-radius:0 !important;} #contact-form .file-upload-wrapper:after {content: attr(data-text);font-size:0.9em;position: absolute;top: 0;left: 0;background: var(--milk);padding: 10px 15px;display: block;width: calc(100% - 40px);pointer-events: none;z-index: 20;height: 20px;line-height: 20px;color: #777;font-weight: 300;border-radius:0 !important;} #contact-form .file-upload-wrapper:before {content: 'Upload';position: absolute;top: 0;right: 0;display: inline-block;height: 40px;background: #333;color: var(--milk);font-weight: 700;z-index: 25;font-size:0.7em;line-height: 40px;padding: 0 15px;text-transform: uppercase;pointer-events: none;border-radius:0 !important;} #contact-form .file-upload-wrapper input {opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;height: 20px;margin: 0;padding: 0;display: block;cursor: pointer;width: 100%;border-radius:0 !important;} #contact-form .file-upload-wrapper.error:before {background:red;} #contact-form .file-upload-wrapper.success:before {background:var(--lime);} .template-online-reservation-section .booked {background:#ccc;margin-right:10px;} .template-online-reservation-section .booked:hover {background:#ccc;animation:none;cursor:auto;} .template-online-reservation-section .open {background:var(--teal);margin-right:10px;} .template-online-reservation-section .open:hover {background:var(--lime);} .template-online-reservation-section .charities .item {float:left;width:calc(20% - 3em);padding-right:3em;margin-top:3em;text-align:center;} .template-online-reservation-section .charities .item img {max-width:100%;width:100%;} .template-online-reservation-section .charities .item h3 {font-size:0.8em;} .template-online-reservation-section h2 {line-height:1.1em !important;color:var(--teal)} #form_preferred_greenhouse_day {width:200px !important;border:1px solid black;-webkit-appearance:none;border-radius:0;} @media screen and (max-width: 850px) { .template-online-reservation-section .snipcart-add-item,.template-online-reservation-section .booked {width:40%;margin-bottom:0.5em;} .template-online-reservation-section .charities .item {width:calc(20% - 1em);padding-right:1em;} .template-online-reservation-section .charities .item h3{display:none;} .template-online-reservation-section {margin:40px auto !important;} } @media screen and (max-width: 600px) { .template-online-reservation-section .charities .item {width:calc(50% - 1em);padding-right:1em;} .template-online-reservation-section .snipcart-add-item,.template-online-reservation-section .booked {width:100%;margin-bottom:0.5em;} #form_preferred_greenhouse_day {color:var(--milk) !important;width:100% !important;} #form_preferred_greenhouse_day,#form_preferred_day,#form_event_day,#form_procure_day {color:var(--milk) !important;-webkit-appearance:none;} } a[title=button]{display:inline-block;line-height:1em;padding: 0.5em 1em;text-decoration:none;color:var(--milk) !important;font-weight: 700;background-color:var(--teal) !important;} a:hover[title=button]{animation:jelly 0.4s;color:var(--milk) !important;line-height:1em;background-color:var(--green) !important;} a[title*=button]{display:inline-block;line-height:1em;padding: 0.5em 1em;text-decoration:none;color:var(--milk) !important;font-weight: 700;background-color:var(--teal) !important;} a:hover[title*=button]{animation:jelly 0.4s;color:var(--milk) !important;line-height:1em;background-color:var(--green) !important;} a[title=teal-button]{display:inline-block;line-height:1em;padding: 0.5em 1em;text-decoration:none;color:var(--milk) !important;font-weight: 700;background-color:var(--teal) !important;} a:hover[title=teal-button]{animation:jelly 0.4s;color:var(--milk) !important;line-height:1em;background-color:var(--green) !important;} a[title*=teal-button]{display:inline-block;line-height:1em;padding: 0.5em 1em;text-decoration:none;color:var(--milk) !important;font-weight: 700;background-color:var(--teal) !important;} a:hover[title*=teal-button]{animation:jelly 0.4s;color:var(--milk) !important;line-height:1em;background-color:var(--green) !important;} a[title=apricot-button]{display:inline-block;line-height:1em;padding: 0.5em 1em;text-decoration:none;color:var(--milk) !important;font-weight: 700;background-color:var(--apricot) !important;} a:hover[title=apricot-button]{animation:jelly 0.4s;color:var(--milk) !important;line-height:1em;background-color:var(--orange) !important;} a[title*=apricot-button]{display:inline-block;line-height:1em;padding: 0.5em 1em;text-decoration:none;color:var(--milk) !important;font-weight: 700;background-color:var(--apricot) !important;} a:hover[title*=apricot-button]{animation:jelly 0.4s;color:var(--milk) !important;line-height:1em;background-color:var(--orange) !important;} a[title=orange-button]{display:inline-block;line-height:1em;padding: 0.5em 1em;text-decoration:none;color:var(--milk) !important;font-weight: 700;background-color:var(--apricot) !important;} a:hover[title=orange-button]{animation:jelly 0.4s;color:var(--milk) !important;line-height:1em;background-color:var(--orange) !important;} a[title*=orange-button]{display:inline-block;line-height:1em;padding: 0.5em 1em;text-decoration:none;color:var(--milk) !important;font-weight: 700;background-color:var(--apricot) !important;} a:hover[title*=orange-button]{animation:jelly 0.4s;color:var(--milk) !important;line-height:1em;background-color:var(--orange) !important;} @media screen and (max-width: 440px) { #cat-fermenting {display:none;} } @media screen and (max-width: 414px) { .calendar-filter-locations {width:100%;text-align:center;} .calendar-filter-locations strong {display:block;margin-bottom:0.5em;} .template-google-calendar .upcoming .event {grid-template-columns:1fr;} .template-google-calendar .upcoming .event img {width:80%;margin-bottom:1em;} .sidenav {padding-top:0px;padding-bottom:0;height:100%;display: grid;align-items: center;} } @media screen and (max-width: 375px) { .sidenav ul li a {font-size:36px;} } @media screen and (width: 375px) and (height:812px) { .sidenav ul li a {font-size:45px;} .sidenav {padding-top:50px;} } footer .logo button {width:9em;} @media screen and (max-width: 650px) { footer .logo h3 {margin-top:0;} footer .logo img {display:none;} footer .mobile-logo {display:block;} footer .logo button {width:11em;} } #age-gate {display:none;} #age-gate button { font-size: 3em; margin: 0.5em 0.5em 0 0; color: var(--milk); background: var(--teal); } @media screen and (max-width: 650px) { #age-gate button { font-size: 5.9vw; } } #age-gate button#age-gate-yes { background: var(--apricot); } #age-gate button#age-gate-no { background: var(--apricot); } html.age-gate-enabled, html.age-gate-enabled body {overflow:hidden;} html.age-gate-enabled .home-header-text, html.age-gate-enabled .hamburger {display:none;} html.age-gate-enabled .home-header-text#age-gate {display:block;} #juicy-age-gate {width:100%;text-align:center;margin-left:300px;} #juicy-age-gate img {max-height:90vh;margin-top:5vh;} #age-gate-header {font-size:5em;} @media screen and (max-width: 500px) { #juicy-age-gate {margin-left:0;} #juicy-age-gate img {max-height:40vh;} #age-gate-header {font-size:2.8em;} #age-gate.nope.home-header-text h1{width:100%;} } .age-gate-enabled #main-nav {display:none !important;} .age-gate-enabled .hamburger {display:none !important;}