/** Shopify CDN: Minification failed

Line 911:31 Expected identifier but found whitespace
Line 1020:27 Expected identifier but found whitespace
Line 1261:26 Expected identifier but found whitespace
Line 1367:2 Unexpected "}"
Line 1915:2 Unexpected "}"
Line 2291:2 Expected identifier but found "*"

**/
#rc_autodeliver_options .rc_select {
  font-size: 85%;
  padding: 2px;
}

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

@font-face {
  font-family: 'Sentinel';
  src: url('Sentinel-BlackItalic.eot');
  src: url('Sentinel-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-BlackItalic.woff2') format('woff2'),
    url('Sentinel-BlackItalic.woff') format('woff'),
    url('Sentinel-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-Regular.eot');
  src: url('DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-Regular.woff2') format('woff2'),
    url('DINNextLTPro-Regular.woff') format('woff'),
    url('DINNextLTPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sentinel';
  src: url('Sentinel-Medium.eot');
  src: url('Sentinel-Medium.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-Medium.woff2') format('woff2'),
    url('Sentinel-Medium.woff') format('woff'),
    url('Sentinel-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro Condensed';
  src: url('DINNextLTPro-LightCondensed.eot');
  src: url('DINNextLTPro-LightCondensed.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-LightCondensed.woff2') format('woff2'),
    url('DINNextLTPro-LightCondensed.woff') format('woff'),
    url('DINNextLTPro-LightCondensed.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-Bold.eot');
  src: url('DINNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-Bold.woff2') format('woff2'),
    url('DINNextLTPro-Bold.woff') format('woff'),
    url('DINNextLTPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-MediumCond.eot');
  src: url('DINNextLTPro-MediumCond.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-MediumCond.woff2') format('woff2'),
    url('DINNextLTPro-MediumCond.woff') format('woff'),
    url('DINNextLTPro-MediumCond.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-Light.eot');
  src: url('DINNextLTPro-Light.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-Light.woff2') format('woff2'),
    url('DINNextLTPro-Light.woff') format('woff'),
    url('DINNextLTPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-Bold_1.eot');
  src: url('DINNextLTPro-Bold_1.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-Bold_1.woff2') format('woff2'),
    url('DINNextLTPro-Bold_1.woff') format('woff'),
    url('DINNextLTPro-Bold_1.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Sentinel';
  src: url('Sentinel-SemiboldItalic.eot');
  src: url('Sentinel-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-SemiboldItalic.woff2') format('woff2'),
    url('Sentinel-SemiboldItalic.woff') format('woff'),
    url('Sentinel-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-Heavy.eot');
  src: url('DINNextLTPro-Heavy.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-Heavy.woff2') format('woff2'),
    url('DINNextLTPro-Heavy.woff') format('woff'),
    url('DINNextLTPro-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Sentinel';
  src: url('Sentinel-Medium_1.eot');
  src: url('Sentinel-Medium_1.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-Medium_1.woff2') format('woff2'),
    url('Sentinel-Medium_1.woff') format('woff'),
    url('Sentinel-Medium_1.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

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

@font-face {
  font-family: 'Sentinel';
  src: url('Sentinel-Semibold.eot');
  src: url('Sentinel-Semibold.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-Semibold.woff2') format('woff2'),
    url('Sentinel-Semibold.woff') format('woff'),
    url('Sentinel-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro Condensed';
  src: url('DINNextLTPro-Condensed.eot');
  src: url('DINNextLTPro-Condensed.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-Condensed.woff2') format('woff2'),
    url('DINNextLTPro-Condensed.woff') format('woff'),
    url('DINNextLTPro-Condensed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-Medium.eot');
  src: url('DINNextLTPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-Medium.woff2') format('woff2'),
    url('DINNextLTPro-Medium.woff') format('woff'),
    url('DINNextLTPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Sentinel Book';
  src: url('Sentinel-Book.eot');
  src: url('Sentinel-Book.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-Book.woff2') format('woff2'),
    url('Sentinel-Book.woff') format('woff'),
    url('Sentinel-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-MediumCond_1.eot');
  src: url('DINNextLTPro-MediumCond_1.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-MediumCond_1.woff2') format('woff2'),
    url('DINNextLTPro-MediumCond_1.woff') format('woff'),
    url('DINNextLTPro-MediumCond_1.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro Condensed';
  src: url('DINNextLTPro-BoldCondensed.eot');
  src: url('DINNextLTPro-BoldCondensed.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-BoldCondensed.woff2') format('woff2'),
    url('DINNextLTPro-BoldCondensed.woff') format('woff'),
    url('DINNextLTPro-BoldCondensed.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Next LT Pro Condensed';
  src: url('DINNextLTPro-HeavyCondensed.eot');
  src: url('DINNextLTPro-HeavyCondensed.eot?#iefix') format('embedded-opentype'),
    url('DINNextLTPro-HeavyCondensed.woff2') format('woff2'),
    url('DINNextLTPro-HeavyCondensed.woff') format('woff'),
    url('DINNextLTPro-HeavyCondensed.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

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

@font-face {
  font-family: 'Sentinel';
  src: url('Sentinel-MediumItalic.eot');
  src: url('Sentinel-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-MediumItalic.woff2') format('woff2'),
    url('Sentinel-MediumItalic.woff') format('woff'),
    url('Sentinel-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Sentinel Book';
  src: url('Sentinel-BookItalic.eot');
  src: url('Sentinel-BookItalic.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-BookItalic.woff2') format('woff2'),
    url('Sentinel-BookItalic.woff') format('woff'),
    url('Sentinel-BookItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Sentinel';
  src: url('Sentinel-LightItalic.eot');
  src: url('Sentinel-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-LightItalic.woff2') format('woff2'),
    url('Sentinel-LightItalic.woff') format('woff'),
    url('Sentinel-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Sentinel';
  src: url('Sentinel-Light.eot');
  src: url('Sentinel-Light.eot?#iefix') format('embedded-opentype'),
    url('Sentinel-Light.woff2') format('woff2'),
    url('Sentinel-Light.woff') format('woff'),
    url('Sentinel-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}


html,
body {
    margin: 0;
    padding: 0
}

html {
    font-size: 62.5%
}

body {
    background-color: #f5f3f0;
    color: #1b1b1b;
    font-family: "DIN Next LT Pro Condensed";
    font-size: 1.6rem;
    font-weight: 400
}

body.is-overflow-hidden {
    position: fixed;
    width: 100%
}

main {
    --header-height: 49px;
    --footer-height: 261px;
    min-height: calc(100vh - var(--header-height) - var(--footer-height))
}

@media(min-width: 768px) {
    main {
        --footer-height: 102px
    }
}

a,
a:hover,
a:focus,
a:visited {
    color: currentColor;
    text-decoration: none
}
  
.is-hidden {
    display: none
}

.site-footer {
    background-color: #1b1b1b;
    color: #f5f3f0;
    font-size: 14px;
    padding: 28px 0px 128px 0px;
    text-align: center
}

.site-footer-header {
  	padding: 0px 0px 56px 0px;
  	font-size: 18px;
}
  
.site-footer-header-head {
  	font-size: 24px;
  	margin-bottom: 4px;
  	font-weight: 400;
}
  
.site-footer-header-items {
  	margin-top: 0px;
	padding-top: 0px;
  	font-weight: 200;
}
  
.site-footer__list {
    margin-bottom: 3rem
}

.site-footer__item {
    display: inline-block
}

.site-footer__item:not(:last-child) {
    margin-right: 1rem
}

.site-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 56px;
    padding: 0 30px;
	border-bottom: 1px solid;
}

@media(max-width: 1023px) {
    .site-header {
        display: none !important
    }
}

.site-header__container {
    display: flex;
    flex-direction: row;
    width: 100%
}

.site-header__logo {
    flex: 1;
  	margin-bottom: 2px;
}

.site-header__logo>a {
    display: inline-block;
    height: 100%
}

.site-header__logo>a>svg {
  	width: 285px;
    height: 100%;
    vertical-align: middle
}

.site-header__nav {
    text-align: right
}

.site-header__item {
    cursor: pointer;
    display: inline-block;
    position: relative
}

.site-header__item::before {
    background-color: #1b1b1b;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    width: 100%
}

.site-header__item:hover::before,
.site-header__item:focus::before {
    transform: scaleX(1);
    transform-origin: left
}

.site-header__item.is-active::before {
    transform: scaleX(1)
}

.site-header__item:not(:last-child) {
    margin-right: 27px
}

.site-header__btn:hover,
.site-header__btn:focus {
    color: #1b1b1b;
    opacity: 1
}

.site-burger--header {
    align-items: center;
    background-color: transparent;
    color: #1b1b1b;
    display: flex;
    height: 56px;
    /*left: 0;
    position: fixed;
    top: 0; */
    width: 100%;
    z-index: 10
}

@media(min-width: 1024px) {
    .site-burger--header {
        display: none !important
    }
}

.site-burger--header button,
.site-burger button {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    transition: opacity .3s ease-in-out
}

.site-burger--header button:hover,
.site-burger button:hover,
.site-burger--header button:focus,
.site-burger button:focus {
    opacity: .5;
    outline: none
}

.site-burger__item {
    color: #1b1b1b
}

.site-burger {
    background-color: #f5f3f0;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: translateX(100%);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    width: 100vw;
    will-change: transform, opacity;
    z-index: 20
}

@media(min-width: 1024px) {
    .site-burger {
        display: none !important
    }
}

.site-burger.is-visible {
    opacity: 1;
    transform: translateX(0)
}

.site-burger__nav {
    display: block;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
  	overflow-x: auto
}
ul#mobile-bottom-nav { padding-bottom: 100px; }
.site-burger__btn {
    font-family: "DIN Next LT Pro Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    cursor: pointer;
    font-size: 3em;
    line-height: 1.3em;
    transition: color .3s ease-in-out
}

.site-burger__item:hover .site-burger__btn,
.site-burger__item:focus .site-burger__btn {
    opacity: .75
}
  .site-burger__nav ul.top-burger__nav { padding-bottom: 150px; }
.container {
    padding-left: 2rem;
    padding-right: 2rem
}

h1,
h2,
h3,
h4,
h5 {
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

p {
    margin: 0
}

.sans {
    font-family: "DIN Next LT Pro Condensed"
}

.serif {
    font-family: "Sentinel"
}

.regular {
    font-weight: 400
}

.semi {
    font-weight: 600
}

.bold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

.heading--xs {
    font-size: .875em;
    line-height: 1.71
}

.heading--m {
    font-size: 2.25em;
    line-height: 1.6
}

.heading--l {
    font-size: 2.5em;
    line-height: 1.4
}

.heading--xl {
    font-size: 3.75em;
    line-height: 1
}

.text {
    font-family: "Sentinel";
    font-size: 1em;
    font-weight: 400;
    text-align: left
}

.text ul,
.text ol,
.text p {
    font-family: Sentinel, Georgia, Cambria, Palatino, "Times New Roman", Times, serif;
    font-weight: 400;
    line-height: 1.375;
    margin-bottom: 2em
}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
    font-family: "DIN Next LT Pro Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 600
}

.text a {
    text-decoration: underline
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0
}

a,
a:active,
a:focus,
a:focus-within,
a:visited,
a:hover {
    color: inherit;
    text-decoration: none
}

.link {
    display: inline-block
}

.btn {
    background-color: #1b1b1b;
    border: 1px solid #1b1b1b;
    color: #f5f3f0;
    cursor: pointer;
    display: inline-block;
    font-family: "DIN Next LT Pro Condensed";
    font-size: 1.5em;
    line-height: 1em;
    outline: none;
    padding: 1rem 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease-in-out
}

.btn:hover:not(:disabled),
.btn:focus:not(:disabled) {
    background-color: #f5f3f0;
    border-color: #1b1b1b;
    color: #1b1b1b
}

.btn--outline {
    background-color: #f5f3f0;
    border-color: #1b1b1b;
    color: #1b1b1b
}

.btn--outline:hover:not(:disabled),
.btn--outline:focus:not(:disabled) {
    background-color: #1b1b1b;
    color: #f5f3f0
}

.btn:disabled,
.btn.disabled {
    cursor: not-allowed;
    opacity: .4
}
  
form.quick-add .btn:disabled {
    cursor: not-allowed;
    opacity: 1
}

.field {
    margin-bottom: 1em;
    position: relative
}

.field--inline {
    display: inline-block;
    margin-right: 1.5em
}

.field>select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #f5f3f0;
    border-bottom: 1px solid #1b1b1b;
    border-left: none;
    border-radius: 0;
    border-right: none;
    border-top: none;
    box-shadow: 0;
    box-sizing: border-box;
    color: #1b1b1b;
    display: block;
    font-family: "DIN Next LT Pro Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.3;
    margin: 0;
    max-width: 100%;
    padding: .6em 0;
    width: 100%
}

.field>select:focus {
    box-shadow: 0;
    outline: none
}

.field>select::-ms-expand {
    display: none
}

.field__select {
    background-image: url("dropdown.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: .65em auto, 100%;
    min-width: 12rem;
    text-transform: uppercase
}

.field__select option {
    font-weight: normal
}

input[type=number].field__input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    border-radius: 0
}

input[type=number].field__input::-webkit-inner-spin-button,
input[type=number].field__input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.field--number {
    border: none;
    display: inline-flex;
    position: relative
}

.field--number,
.field--number * {
    box-sizing: border-box
}

.field--number>.field__btn {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 0;
  	font-weight: bold;
    font-size: 20px;
}


.field--number>.field__input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #1b1b1b;
    font-size: 1em;
    font-weight: 600;
    padding: 1rem 2rem;
    text-align: center;
    width: 50px
}
  
  tbody.cart-table__body .field--number>.field__input {
    background: white;
    border-bottom: none;
    padding: 1rem 0rem;
    width: 40px;
    margin: 0 5px;
	}

.products-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.products-list__item {
    padding: 1rem;
    text-align: center;
    width: calc((100% / 1) - (1rem * 2))
}

@media(min-width: 576px) {
    .products-list__item {
        width: calc((100% / 2) - (1rem * 2))
    }
}

@media(min-width: 768px) {
    .products-list__item {
        width: calc((100% / 3) - (1rem * 2))
    }
}

@media(min-width: 1200px) {
    .products-list__item {
        width: calc((100% / 4) - (1rem * 2))
    }
}

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

.product-list__image {
    height: auto;
    width: 100%
}

.product-list__desc {
    margin: 1rem auto;
    width: 80%
}
  
.product-list__desc button {     
    font-size: 20px;
    font-weight: bold;
  	background: transparent;
  	border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid;
  	cursor: pointer;
    padding: 4px 0;
    display: block;
    margin: 0;
  }

.product-list__desc>.title {
    margin-bottom: 1em;
  	text-transform: none;
}

.product-single {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 20px 0
}

@media(min-width: 768px) {
    .product-single {
        flex-direction: row
    }
}

.product-single__item {
    width: 100%
}

@media(min-width: 768px) {
    .product-single__item {
        width: 50%
    }
}

@media(min-width: 768px) {
    .product-single__item:not(: last-child) {
        margin-right: 2rem
    }
}

.product-single__photos {
    margin-bottom: 3rem
}

.product-single__photos-featured {
    text-align: center
}

.product-single__photos-featured>img {
    height: 100%;
    width: 100%
}

.product-single__header,
.product-single__form,
.product-single__desc {
    margin-bottom: 3em
}

.product-single__thumbnails>li {
    display: inline-block;
    height: 100px;
    width: 100px
}

.product-single__thumbnail img {
  border: 2px solid transparent;
}

.product-single__thumbnail.active img{
  border-color: rgba(45,42,38,0.5);
}

.product-single__thumbnail,
.product-single__thumbnail>img {
    height: 100%;
    width: 100%
}

.product-recommendation__list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3rem;
}

.product-recommendation__list .product-list__desc {
  text-align: left;
}

.product-recommendation__list>.products-list__item {
    flex: 0 0 45%; 
    border: 2px solid rgba(45,42,38,0.5);
  	    margin-bottom: 3rem;
}
  .product-recommendation__list>.products-list__item:first-of-type { margin-right: 20px; }
  div.product-recommendations { margin-right: 20px; }
  div.product-recommendation__list img { max-width: 100px; }
  
  div.product-list__image-wrap { display: inline-block; vertical-align: middle; width: 34%; }
  div.product-list__desc { display: inline-block; vertical-align: middle; width: 64%; }
  div.product-recommendations h3.semi, div.product-recommendation h3.semi {
	font-size: 24px;
    line-height: 29px;
    margin-bottom: 30px;
}

.product-breadcrumb {
    font-size: 1.2em;
    font-weight: 600;
    margin: 20px 0;
    text-transform: uppercase
}

.navigation {
    margin: 6rem 0
}

@media(max-width: 767px) {
    .navigation {
        padding-top: 56px
    }
}

.navigation__list {
    margin: auto;
    max-width: 84rem;
    text-align: center
}

.navigation__item {
    display: block;
    font-size: 3em;
    font-weight: 600;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .navigation__item {
        display: inline-block;
        font-size: 3.75em
    }
}

@media(min-width: 768px) {
    .navigation__item:not(: last-child) {
        margin-bottom: auto;
        margin-right: 3rem
    }
}

.navigation__text {
    display: inline-block;
    position: relative;
  	padding: 0 10px;
}

.navigation__text::before {
    background-color: #1b1b1b;
    bottom: 5px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s ease-in-out;
    width: 100%;
    will-change: transform
}

.navigation__text:hover::before {
    transform: scaleX(1);
    transform-origin: left
}

.navigation__text.is-active::before {
    transform: scaleX(1)
}

.pagination {
    margin: 3rem 0;
    text-align: center
}

.pagination__item {
    display: inline-block;
    font-size: 1.2em;
    font-weight: 400;
    margin: 0 .5em
}

.pagination__item.is-active {
    font-weight: 600;
    text-decoration: underline
}

.cart__title {
    margin-top: 2.25em
}

@media(max-width: 767px) {
    .cart__title {
        padding-top: 0; margin-top: 0;
    }
}

@media(min-width: 768px) {
    .cart--mobile {
        display: none
    }
}

@media(max-width: 767px) {
    .cart--desktop {
        display: none
    }
}

.cart--empty {
    margin: 6rem 0
}

.cart-list {
    border-bottom: 1px solid #1b1b1b;
    display: block;
    margin: 3.75em auto
}

.cart-list__item {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    padding: 1em 0
}

.cart-list__img {
    flex: 2;
    margin-right: 1rem
}

.cart-list__img .product__img-link {
    height: 100%;
    width: 100%
}

.cart-list__img .product__img {
    height: 100%;
    width: 100%
}

.cart-list__info {
    flex: 5;
    margin-right: 1rem;
    margin-top: 1rem
}

.cart-list__price {
    flex: 1;
    margin-top: 1rem
}

.cart-table {
    border-collapse: collapse;
    display: table;
    margin: 6rem auto;
    table-layout: fixed;
    width: 100%
}

.cart-table__titles th {
    border-bottom: 1px solid #1b1b1b;
    font-size: 1em;
    font-weight: 600;
    padding: 1em;
    text-align: left;
    text-transform: uppercase
}

.cart-table__body {
    border-bottom: 1px solid #1b1b1b
}

.cart-table__row>td {
    padding: 30px 1em
}

.cart-table__row .row__wrapper {
    align-items: center;
    display: flex
}

.cart-table .row__item--small {
    flex: 1;
    margin-right: 2rem
}

.cart-table__row .row__item {
    flex: 2;
    padding-right: 2rem;
    position: relative
}

.cart-table__row .product__img-link,
.cart-table__row .product__img {
    height: 100%;
    width: 100%
}

.cart-table__row .close {
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: center;
    width: 14px;
    will-change: transform
}

.cart-table .close:hover {
    animation: rotate .3s 1 cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.cart-table__row .close>svg {
    height: 100%;
    width: 100%
}

.cart-table__row .pricing-info {
  text-align: right;
  margin-bottom: 4px;
}

.cart-table__row .original-price {
  text-decoration: line-through;
  color: #979797;
  padding-right: 10px;
}

.cart-table__row .discount-label {
  display: block;
  color: #93918F;
  text-align: right;
  white-space: nowrap;
}

@keyframes rotate {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    25% {
        transform: translateY(-50%) rotate(25deg)
    }
    50% {
        transform: translateY(-50%) rotate(-25deg)
    }
    100% {
        transform: translateY(-50%) rotate(0)
    }
}

.cart__footer {
    margin: 3.75em 0;
    text-align: right
}

.cart__subtotal {
    margin-bottom: 3.75em;
    text-transform: uppercase
}

.cart__subtotal-item:not(:last-child) {
    margin-right: 2.5em
}

.cart__additional-text {
    font-style: italic;
    margin-bottom: 1.875em
}

.cart__btns .btn:not(:last-child) {
    margin-right: 1rem
}

@media(max-width: 575px) {
    .cart__btns .btn:not(: last-child) {
        margin-bottom: 1rem;
        margin-right: 0
    }
}

@media(max-width: 575px) {
    .cart__btns a.btn {
        display: block
    }
}

@media(max-width: 575px) {
    .cart__btns button.btn {
        display: block;
        width: 100%
    }
}
  
/* April 2020 */
  
@media screen and (max-width: 767px) {
.cart-table__row>td {
    padding: 1.75em .5em;
}

.field--number>.field__input {
	padding: 1rem 1rem;
    width: 35px;
}

.cart-table__titles th {
	font-size: 16px;
    font-weight: normal;
    padding: 1em 0;
}

.cart__subtotal {
    margin-bottom: 1em;
}

.cart-table {
    margin: 2rem auto;	
}

tbody.cart-table__body tr.cart-table__row { font-size: 16px; }
}
  
  div#announcement-bar { 
    background-color: #FF9E00;
    color: #2D2A26;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
}
  div#announcement-bar a { text-decoration: underline; }
  div.cimg-container { height: 587px; background-size: cover; }
  div.cimg-container img { display: none; }
  .label-hidden {
    position: absolute;
    height: 0;
    width: 0;
    margin-bottom: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  div.site-footer__wrapper { max-width: 1080px; margin: 0 auto; }
  div.site-footer__wrapper div.left-wrap { display: inline-block; width: 50%; vertical-align: top; }
  div.site-footer__wrapper div.right-wrap { display: inline-block; width: 49%; }
  
  div.site-footer__wrapper div.left-wrap .site-footer__list {
    margin-bottom: 20px;
}
  
  div.site-footer__wrapper input#k_id_email {
    box-sizing: border-box;
    height: 40px;
    width: 219px;
    border: 1px solid #FAF9F8;
    background-color: #1b1b1b;
    color: #FFFFFF;
    font-family: Sentinel;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    padding-left: 10px;
    line-height: 19px;
    vertical-align: top;
  }
  div.site-footer__wrapper .klaviyo_submit_button { 
    background-color: #FAF9F8;
  	height: 40px;
    width: 100px;
	border: 1px solid #FAF9F8;
    color: #2D2A26;
    font-family: "DIN Next LT Pro Condensed";
    font-size: 24px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-left: -3px;
    padding-top: 8px;
}
  }
  div.site-footer__wrapper div.klaviyo_messages div.success_message {     
    padding-top: 10px;
    color: #f5f3f0;
    font-size: 14px;
    font-family: Sentinel;
  }
  nav.site-header__nav ul.child { display: none; }

  nav.site-header__nav li.site-header__item.submenu:focus ul.child li.site-header__item, nav.site-header__nav li.site-header__item.submenu:hover ul.child li.site-header__item { display: block; line-height: 24px;
    padding: 5px 10px; }
  
  li.site-header__item.submenu a svg { padding-bottom: 2px; }
  
  div#shopify-section-homepage-hero h1, div.collection h1 { 
  color: #2D2A26;
  text-transform: uppercase;
  font-size: 60px;
  letter-spacing: 0;
  line-height: 72px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 20px;
  }
  
  div.collection .product-breadcrumb { text-align: center; margin: 0 0 45px; }
  
  div.ship-option h3 {
    font-size: 24px;
    line-height: 29px;
}
  div.beer-count { 
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    font-family: DIN Next LT Pro Condensed;
  }
  
  div.beer-filter select { 
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    font-family: DIN Next LT Pro Condensed;
    background: transparent;
    border: none;
    border-bottom: 4px solid #2D2A26;
  	-webkit-appearance: none;
  	-webkit-border-radius: 0px;
  }
  
  select#CollectionTagFilter1, select#CollectionTagFilter2 { 
  	background: url(https://threesbrewing.com/assets/img/arrow-down.svg) no-repeat;
    background-position: right 0 top 44%;
        margin-right: 50px;
    min-width: 125px;
    width: 100%;
  }
  select#CollectionTagFilter1 { margin-right: 20px; }
  
  div.beer-filter select option { 
  	font-size: 24px;
    line-height: 29px;
    font-family: DIN Next LT Pro Condensed;
    text-transform: none;
    background-color: #f5f3f0;
  }
  
  div#shopify-section-beer-intro { 
  	padding: 50px 0;
    margin: 0 auto;
    display: table;
  }
  
  div#shopify-section-beer-intro div.left-tagline { margin-right: 75px; max-width: 430px; display: inline-block; vertical-align: middle; font-size: 24px;
    line-height: 29px; font-weight: bold; }
  div.ship-option { border-left: 1px solid #2D2A26; padding-left: 25px; margin-right: 75px; max-width: 340px; display: inline-block; vertical-align: middle; }
  div.ship-option:last-of-type { margin-right: 0; }
  div.beer-filter-container {
    border-top: 1px solid #2D2A26;
    padding-top: 50px;
}
  div.beer-filter-wrap { 
      display: inline-block;
  }
  div.beer-filter-wrap div.beer-filter { 
      display: inline-block;
      padding: 8px;
  }
  div.beer-count {
      max-width: 180px;
      float: right;
  }
  
  @media screen and (min-width: 1280px) and (max-width: 1439px) {
  div#shopify-section-beer-intro div.left-tagline, div.ship-option { margin-right: 25px; }
  }
  
  @media screen and (min-width: 900px) and (max-width: 1279px) {
    div#shopify-section-beer-intro div.left-tagline { max-width: 330px; }
    div#shopify-section-beer-intro div.left-tagline, div.ship-option { margin-right: 10px; }
  div.ship-option { padding-left: 10px; }
  }
  
  @media screen and (max-width: 1099px) { 
  div#shopify-section-beer-intro div.left-tagline {
    margin-right: 0;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
div.ship-option:first-of-type { border-left: none; }
  }
  
  @media screen and (max-width: 899px) {
  div#shopify-section-beer-intro { margin: 0 10px; }
div.ship-option {
    border-left: none;
    padding-left: 0;
    margin-right: 0;
    max-width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 20px;
}
div#shopify-section-beer-intro div.left-tagline { text-align: left; }
  }
  
  @media screen and (min-width: 1025px) and (max-width: 1440px) {
  	div.cimg-container { height: 330px;  background-size: contain !important; }
  }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
  	div.cimg-container { height: 330px;  background-size: contain !important; }
  }
  @media screen and (max-width: 640px) { 
    div.cimg-container { height: auto; background: none !important; background-size: unset; }
    div.cimg-container img { display: block; width: 100%; height: auto; }
    div#announcement-bar { font-size: 16px; line-height: 18px; padding: 7px; }
    div.beer-count { display: none; }
    div.beer-filter-wrap { width: 100%; }
    div.beer-filter-wrap div.beer-filter { max-width: 49%; display: inline; }
    div#shopify-section-homepage-hero h1, div.collection h1 { font-size: 40px; line-height: 48px; }
    div.beer-filter-wrap {
    max-width: 100%;
    display: block;
}
      div.beer-filter select { 
    font-size: 24px;
    line-height: 29px;
  }
  
  select#CollectionTagFilter1, select#CollectionTagFilter2 { margin-bottom: 20px; margin-right: 0; }
  }
  
  @media screen and (min-width: 801px) { 
  div.site-footer__wrapper div.right-wrap { border-left: 1px solid #FFFFFF; }
  }
  
  @media screen and (max-width: 800px) {
   	div.site-footer__wrapper div.left-wrap { display: block;  width: 100%; vertical-align: top; }
  	div.site-footer__wrapper div.right-wrap { display: block; width: 100%; margin-top: 35px; }
  }
  
  @media screen and (min-width: 768px) {
.product-single__item:not(:last-child) {
    margin-right: 2rem;
}
  }
  
  @media screen and (max-width: 400px) {
   	div.site-footer__wrapper div.right-wrap { max-width: 85%; margin-left: auto; margin-right: auto; }
    div.site-footer__wrapper input#k_id_email { width: 185px; vertical-align: top; }
    .site-footer__item { line-height: 35px; }
  }
    /* accounts + reviews */
  div.reviews-page {
  	margin: 60px auto 0;
    max-width: 640px;
  }
  div.reviews-page h1, h1.acct {
  	font-size: 60px;
    line-height: 72px;
    margin-bottom: 35px;
    text-align: center;
    font-family: DIN Next LT Pro Condensed;
  }
  
  h1.acct {  padding-bottom: 20px; margin-bottom: 0; }
  div.page-width.account { 
  	max-width: 640px;
    margin: 60px auto;
  }
  div.account .hide { display: none; }
  div.account .text-center { text-align: center; margin-top: 45px; }
  div.account label { display: block; font-family: Sentinel; color: #2D2A26; margin-bottom: 10px; }
  div.account input { width: 100%; max-width: 310px; }
  div.account div.half { display: inline-block; width: calc(48% - 25px); }
  div.account div.whole div.half:first-of-type { margin-right: 25px; }
  div.account div.whole:nth-of-type(2) { margin-top: 15px; }
  div.account div.half input, div.account div.whole input { font-family: Sentinel; color: #787063; font-size: 16px; padding: 8px; background-color: #f5f3f0; border: 1px solid; } 
  div.account input.btn, div.account a.btn { margin-bottom: 35px; background-color: transparent; color: #1b1b1b; font-family: "DIN Next LT Pro Condensed";
    font-size: 1.5em;
    line-height: 1em;
    text-decoration: none;
 }
  div.account input.btn:hover, div.account a.btn:hover  { background-color: #1b1b1b; color: #f5f3f0; }
  div.account a { 
  font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    color: #2D2A26;
    font-family: Sentinel;
  }
  div.account p { margin-bottom: 15px; }
  div.account h5 { 
    text-transform: none;
    font-family: Sentinel;
    margin-bottom: 20px;
  }
  div.account h2 { 
      font-family: Sentinel;
      text-transform: none;
      margin-bottom: 10px;
  }
  
  #RecoverPasswordForm div.half { width: 100%; }
  #RecoverPasswordForm div.half input { max-width: 100%; }
  #RecoverPasswordForm p { 
    font-family: Sentinel;
    text-transform: none;
    margin-bottom: 10px;
  }
  #HideRecoverPasswordLink { 
  font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    color: #2D2A26;
    font-family: serif;
    border: 0;
    background: transparent;
  }
  div#ReCharge.user-customer div.rc_header-settings.rc_title-bar h2 { 
font-size: 60px;
    line-height: 72px;
    text-align: center;
    font-family: DIN Next LT Pro Condensed;
	border-bottom: 1px solid #2D2A26;
	padding-bottom: 55px;
	margin-bottom: 0; 
}
div#ReCharge.user-customer div.rc_form__group.form__control  input { font-family: Sentinel; color: #787063; font-size: 16px; padding: 8px; background-color: #f5f3f0;
    border: 1px solid; width: 100%; max-width: 310px; }
div#ReCharge.user-customer div.rc_form__group.form__control  button.btn { margin-top: 35px; margin-bottom: 35px; background-color: transparent; color: #1b1b1b; }
div#ReCharge.user-customer div.rc_form__group.form__control  button.btn:hover { background-color: #1b1b1b; color: #f5f3f0; }
  div.rc_header-settings__description p { margin-top: 60px; font-family: Sentinel; }
  div.account.acct-area div.grid__item { margin-bottom: 35px; }
  div.account.acct-area div.grid__item h2, div.account.order div.grid h2, div.account.order div.grid h3 {
  color: #433E36;
  font-family: "DIN Next LT Pro Condensed";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 29px;
  text-transform: uppercase;
}
  div.account.acct-area div.grid__item p, div.account.order div.grid { font-family: Sentinel; }
  div.account.acct-area table, div.account.order table { font-family: Sentinel; width: 100%; border-spacing: 0; border-bottom: 1px solid #363636;  }
  div.account.acct-area table th, div.account.order table th { text-align: left; padding: 15px 10px; }
  div.account.acct-area table tr, div.account.acct-area table td, div.account.order table tr, div.account.order table td  { border-top: 1px solid #363636; padding: 15px 10px; border-left: 1px solid #363636; }
  div.account.acct-area table td:last-of-type, div.account.order table td:last-of-type { border-right: 1px solid #363636; }
    
  
  div.account.addresses div.address p { 
	font-family: Sentinel;
	font-size: 16px;
	line-height: 19px;
}
  div.account.addresses div.address p strong { 
    text-transform: uppercase;
    font-size: 24px;
    line-height: 29px;
    font-family: "DIN Next LT Pro Condensed";
}

div.account.addresses .btn { background-color: transparent; color: #1b1b1b;  }
div.account.addresses .btn:hover  { background-color: #1b1b1b; color: #f5f3f0; }
div.page-width.account.addresses { padding-bottom: 5px; }
div.page-width.account.addresses div.half input { font-family: Sentinel; color: #787063; font-size: 16px; padding: 8px; background-color: #f5f3f0; border: 1px solid; } 
div.account input.addr-full { max-width: 93% !important; }
div.account button.cancel { 
font-size: 16px;
  line-height: 19px;
  text-decoration: underline;
  color: #2D2A26;
  font-family: serif;
  border: 0;
  background: transparent;
}

div.account.order div.grid h3 { margin-top: 25px; }
button.address-edit-toggle { display: inline-block; }
form.address-delete-form { display: inline-block; margin-left: 10px; }
div.account.addresses div.address { margin-top: 20px; }
div.account.addresses h4 { font-size: 24px; line-height: 29px; margin-bottom: 20px; }
.addy { margin-top: 15px; }
.addy input { margin-bottom: 15px; }
div.account.addresses form h4 { margin-top: 30px; }
div.half.zip { margin-right: 25px; }
div.account.addresses select.state { 
    font-family: Sentinel;
    font-size: 16px;
    padding: 8px;
    background-color: #f5f3f0;
    width: 106%;
}
  	.account-header { border-bottom: 1px solid #2D2A26; padding-bottom: 25px; text-align: center; }
	.account-header p { font-family: Sentinel; padding-bottom: 15px; }
	.account-header p a { text-decoration: underline; }

  a.loox-star-sm { display: inline-block; margin-left: 20px; }
  h2.next-loox { display: inline-block; }
  div.collection-des {
    max-width: 860px;
    margin: 0 auto; 
    font-family: Sentinel, Georgia, Cambria, Palatino, "Times New Roman", Times, serif;
    font-weight: 400;
    line-height: 1.375;
    text-align: center;
  }
  /* corp form */
  div.ts-form.corp { 
  	max-width: 860px;
    margin: 60px auto;
  }
  div.ts-form.corp #tripleseat_embed_form_inline { font-family: Sentinel, serif; font-size: 24px; line-height: 29px; text-transform: uppercase; }
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_powered_by { display: none !important; }
  div.ts-form.corp  #tripleseat_embed_form_inline .tripleseat_field_section:nth-of-type(6),
  div.ts-form.corp  #tripleseat_embed_form_inline .tripleseat_field_section:nth-of-type(7),
  div.ts-form.corp  #tripleseat_embed_form_inline .tripleseat_field_section:nth-of-type(8),
  div.ts-form.corp  #tripleseat_embed_form_inline .tripleseat_field_section:nth-of-type(9),
  div.ts-form.corp  #tripleseat_embed_form_inline .tripleseat_field_section:nth-of-type(10)
  { display: none !important; }
  
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field_section { padding-bottom: 65px; }
  
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_submit { float: right; }
  div.ts-form.corp #tripleseat_embed_form_inline input#lead_submit {
  	background: transparent;
    border: 2px solid #2D2A26;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 29px;
    font-family: "DIN Next LT Pro Condensed";
    width: 200px;
    height: 50px;
  }
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field input {
      background: transparent;
      border-top: none;
      border-left: none;
      border-right: none;
      width: 100%;
  }
  div.ts-form.corp #tripleseat_embed_form_inline h2.row_contact_header,
  div.ts-form.corp #tripleseat_embed_form_inline h2.row_details_header,
  div.ts-form.corp #tripleseat_embed_form_inline span.required,
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_extension
  { display: none !important; }
  
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_first_name { width: 50%; margin-left: 0; margin-right: 0; padding-right: 20px; }
  
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_last_name
  { width: calc(50% - 20px); margin-left: 0; margin-right: 0; }
  
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_email_address, 
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_company,
  div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_phone_number
  { width: 100%; }
  
  @media screen and (max-width: 860px) { 
    div.ts-form.corp { padding: 0 20px; }
  }
  @media screen and (max-width: 400px) {
    div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_first_name { width: 100%; padding-right: 0; padding-bottom: 65px; }
    div.ts-form.corp #tripleseat_embed_form_inline .tripleseat_field.ts_last_name { width: 100%; }
  }
  /* loyalty */
  div.no-title {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  @media screen and (max-width: 768px) { 
  section.three-col-icons .columns .column .content .icon {
    width: 100px;
}
  }
  #loyaltylion .lion-copy-to-clipboard-button { background-color: #fff; color: #000; }
  #loyaltylion .lion-loyalty-panel-reward-item__fill { background-color: #fff; }
  #loyaltylion .lion-history-state-bubble--approved, .lion-history-table__bubble--approved {
    color: #000;
    background-color: #F5CF3E;
}
  #loyaltylion .lion-history-state-bubble--declined,
#loyaltylion .lion-history-state-bubble--void,
#loyaltylion .lion-history-state-bubble--pending,
.lion-history-table__bubble--declined,
.lion-history-table__bubble--void,
.lion-history-table__bubble--pending {
    color: #000;
    background-color: #fff;
}
  
  @media (min-width: 768px) {
#lion-loyalty-panel-custom-css .lion-loyalty-panel .lion-loyalty-panel-content .lion-loyalty-panel-page-rewards .lion-loyalty-panel-page-rewards__rewards-list .lion-loyalty-panel-reward-item {
    width: 50% !important;
}
  }
  
  #loyaltylion .lion-referral-email-form__label { text-shadow: none; color: #fff; }
#loyaltylion .lion-referral-email-form__input { 
	box-shadow: none;
    border: 1px solid #fff;
    border-top-color: #fff;
    border-bottom-color: #fff;
}
#loyaltylion .lion-referral-email-form__button:first-child {
    background-color: #fff;
    color: #000;
}
  
/* START Cart notes */
.cart-notes {
  display: block;
  margin-bottom: 3.75em;
}

.cart-notes label {
  font-size: 20px;
  display: block;
  margin-right: 260px;
}

#CartNote {
  margin: 0px; 
  width: 377px; 
  height: 117px; 
  display: inline-block;
  padding: 4px;
}

.cart-notes ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  font-family: "DIN Next LT Pro Condensed";
  font-size: 20px;
  font-weight: 200;
}

@media screen and (max-width: 575px) { 
  .cart-notes {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  textarea#CartNote {
    width: 90%;
  }
  
  .cart-notes label {
    text-align: left;
    margin-right: 0px;
  }
}
/* END Cart notes */
  
  div.whole.recoverpw {
    max-width: 80%;
    margin: 0 auto; 
  }
  
  a.site-header__btn.crt-trigger .cart-count {
    font-size: 10px;
    position: absolute;
    color: #fff;
    background-color: #000;
    border-radius: 7px;
    height: 18px;
    width: 14px;
    text-align: center;
    left: 17px;
    top: 0;
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
  }
  
  div.product-breadcrumb nav.breadcrumb span br { content: ' '; margin-left: 10px; }
  @media screen and (min-width: 1025px) {
  li.products-list__item div.overlay form { display: none; } 
  li.products-list__item div.overlay { display: inline-block; position: relative; }
  li.products-list__item:hover div.overlay { background-color: lightgrey; }
  li.products-list__item:hover div.overlay form {     
    display: block;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0); 
  }
  }
  @media screen and (max-width: 1024px) {
  li.products-list__item div.overlay form { display: block; } 
  }
    .tipjar-container {
    margin: 20px 0;
    width: 100%;
    background-color: #FFA300;
    color: #000;
    padding: 0;
    position: relative;
  }
  .tipjar-container p.headline {
  font-size: 21px;
  letter-spacing: 0;
  line-height: 25px;
  text-transform: uppercase;
    font-weight: bold;
  }

  .tip-badge { position: absolute; top: -10px; left: -10px;} 
  .tipjar-wrapper {
	    padding-left: 130px;
  }
  .tipjar-tips-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
  }
  #tipjar-amounts {
    background: transparent;
    border: none;
    border-bottom: 3px solid #000;
    font-size: 1.4em;
    font-weight: 400;
    padding: 1rem 1.25rem 0.5rem 0;
    text-align: center;
    color: #000;
    font-family: "DIN Next LT Pro Condensed";
    text-transform: uppercase;
    outline: none;
}
  }
  #tipjar-amounts:disabled {
    border-color: #cccccc;
  }
  .atipamount {
    direction: rtl; 
    outline-color: #1b1b1b;
  }
  #tipjar-btn {
    font-family: "Din-Condensed";
    font-size: 1.5em;
    line-height: 23px;
    text-align: center;
    background-color: #FF9E00;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    color: #f5f3f0;
    border: 1px solid #FF9E00;
    padding: 10px;
    outline: 0;
    -moz-outline-style: none;
    word-spacing: -1px;
    cursor: pointer;
    width: 120px;
  }
  #tipjar-btn:hover {
    background-color: #f5f3f0;
    border-color: #FF9E00;
    color: #FF9E00;
  }
  #tipjar-btn.not-active {
    font-size: 18px;
  }
  .not-active {
    pointer-events: none;
    cursor: default;
  }
  div.tj-wrap, img.tj { display: inline-block; vertical-align: middle; }
  div.tj-wrap { margin-left: 20px; width: calc(100% - 113px); }
  @media screen and (max-width: 690px) { .tipjar-wrapper { padding-left: 0; } }
  /* new cart 8-20 */
  div.cart__title { text-align: center; }
div#shopify-section-cart-table { 
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}
  a.del.serif { font-size: 11px; line-height: 14px; color: rgba(45,42,38,0.5); text-decoration: underline; }
  .cart__subtotal {
    margin-bottom: 40px;
    font-size: 30px;
    text-transform: none;
    line-height: 37px;
    font-weight: bold;
  }
  .cart__footer h3 { 	
    text-align: left;
    font-size: 24px;
    line-height: 19px;
    text-transform: none;
    font-weight: bold;
    border-bottom: #2D2A26 2px solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
  .cart__btns { margin-bottom: 10px; }
  .cart__btns .btn { width: 215px; padding: 1rem 0; font-weight: bold; }
  .cart__btns .btn.checkout { width: 217px; }
  div.cart-notes, div.cart__btns__wrap { display: inline-block; }
  div.cart-notes { float: left; }
  
  div.cart-notes textarea::placeholder {
  color: #757575;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}
  div.checkout-wrapper { margin-top: 60px; }
  .cart-table__row { border-bottom: 1px solid #2D2A26; }
  .cart-table__titles { border-bottom: 2px solid; }
  @media screen and (max-width: 650px) {
  div.cart-notes {
    float: none;
}
div.cart-notes, div.cart__btns__wrap {
    display: block;
}
textarea#CartNote, .cart-notes, .cart__btns .btn, .cart__btns .btn.checkout {
    width: 100%;
}
  }
div.tj-line1 p, div.tj-line1 select { display: inline-block; }
div.tj-line1 p { padding-right: 75px; }
@media screen and (max-width: 700px) { div.tj-line1 p { padding-right: 25px; } }
@media screen and (max-width: 620px) {
  div.tj-line1 p { padding-right: 0; } 
.tipjar-container p.headline { display: block; }
div.tj-line1 { margin-bottom: 10px; }
}
div.picker.picker--time div.picker__holder:before { content: "Select a time:"; }
div.picker.picker--time div.picker__frame { overflow: hidden; }
#storePickupApp .checkoutMethodContainer .picker__holder { padding: 10px 20px; }
#storePickupApp .checkoutMethodContainer .locations .location { float: left; }

@media screen and (max-width:450px) {
.container.cart { padding-left: 0.5rem; padding-right: 0.5rem; }
.cart-table__row .row__item { padding-right: 0.5rem; padding-left: 0.5rem; }
.cart-table__row>td { padding: 1em 0em; vertical-align: top; }
}

@media screen and (min-width: 620px) {
  div.tj-line1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
  }
}

/* beer finder */
div.beerfinder { text-align: center; max-width: 600px; margin: 0 auto; }
div.beerfinder h1 { font-size: 60px; line-height: 72px; }
div.beerfinder h2 { font-size: 50px; line-height: 62px; margin-bottom: 20px; }
div.beerfinder p, div.beerfinder div.editor div { font-family: "Sentinel", serif; text-align: left; font-weight: 100; margin-bottom: 20px; }
div.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
  	min-height: 450px;
}

div.iframe-wrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

	@media screen and (max-width: 950px) {
	.product-recommendation__list { display: block; }
	.product-recommendation__list>.products-list__item { width: 95%; }
	.product-recommendation__list>.products-list__item:first-of-type {
	    margin-right: 0;
	    margin-bottom: 20px;
	}
      div.product-recommendations h3.semi, div.product-recommendation h3.semi {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #3B3630;
}
	}
div.product-recommendation__list div.sans a { text-decoration: underline; font-size: 20px;
    font-weight: bold; }
div.rc_popup__block__footer { display: none !important; }
form#AddToCartForm .field--number>.field__input {    border-bottom: none; background: white; margin: 0 20px; font-size: 18px; }
a#readmore {text-decoration: none; opacity: 50%; }
@media screen and (max-width: 768px) {
form#AddToCartForm div.field { display: inline; }
form#AddToCartForm div.bwrap { display: inline; margin-left: 20px; }
  .product-single__header, .product-single__form { margin-bottom: 25px; }
  tbody.cart-table__body .field--number>.field__input {
    background: white;
    border: none;
    border-bottom: none;
    padding: 0;
    width: 24px;
    font-weight: normal;
    font-size: 11px;
    margin: 0 3px;
}
tbody.cart-table__body .field--number>.field__btn { font-size: 18px; }
}
@media screen and (max-width: 600px) {
div.cart__tips { margin-left: 5px;
    margin-right: 5px; }
	#tipjar-amounts { padding: 1rem 5px; }
  img.tj { display: inline-block; width: 100px; height: 100px; }
  div.tj-wrap {     
    max-width: 64%;
    margin-left: 0;
    padding-left: 5px; }
	.tipjar-container p.headline { display: inline-block; }
}
@media screen and (max-width: 450px) { 
div.cart__title h1.heading--xl { font-size: 40px;}

tr.cart-table__row td p.serif { font-family: "DIN Next LT Pro Condensed", sans-serif; }

tr.cart-table__row div.field--number { margin-top: -5px; }
  .cart__footer {
    margin: 20px 0; }

.cart__subtotal {
    margin-bottom: 20px; font-size: 25px; padding-right: 5px; }

.cart__footer h3, .tipjar-container p.headline {     font-size: 16px;
    line-height: 19px; }
}

@media screen and (max-width: 350px) { 
	.cart-table .row__item--small { margin-right: 0; }
  .cart-table__titles th { font-size: 13px; }
  .container.cart {
    padding-left: 5px;
    padding-right: 0;
}

tr.cart-table__row td:last-of-type { text-align: right; }
}
@media screen and (max-width: 1480px) { .product-recommendation__list>.products-list__item {     flex: 0 0 42%; } }

/* NEW NAVIGATION */
li.site-header__item { font-size: 20px; line-height: 24px; }

  nav.site-header__nav li.site-header__item.submenu:focus ul.child, nav.site-header__nav li.site-header__item.submenu:hover ul.child { display: block; }
  nav.site-header__nav li.site-header__item.submenu:focus ul.child, nav.site-header__nav li.site-header__item.submenu:hover ul.child { 
    position: absolute;
    top: 25px;
    max-width: 900px;
    background-color: #f5f3f0;
    min-width: 900px;
    left: -20px;
    right: 0;
    text-align: left;
    padding-top: 10px;
    z-index: 999;
}
.site-header__nav.left { text-align: left; }
.site-header__nav.right { margin-bottom: 3px; }
nav.site-header__nav li.site-header__item.submenu:hover ul.child li.site-header__item { display: inline-block; padding: 15px 20px; }
nav.site-header__nav li.site-header__item.submenu:hover ul.child li.site-header__item { margin-right: 45px; }
nav.site-header__nav li.site-header__item.submenu:hover ul.child li.site-header__item:nth-of-type(3),
nav.site-header__nav li.site-header__item.submenu:hover ul.child li.site-header__item:nth-of-type(6) { margin-right: 0; }
li.site-header__item.submenu ul.child a img { display: block; margin-bottom: 15px; }
div.shop-all-nav { padding: 15px 20px; background-color: #FAF9F8; }
div.shop-all-nav a { text-transform: uppercase; opacity: 50%; }
div.shop-all-nav a:hover { opacity: 1; }
@media screen and (max-width: 1260px) { 
  nav.site-header__nav.right ul#right-nav { margin-right: -20px; } 
.site-header__item:not(:last-child) {
    margin-right: 17px;
}
}
.site-header__logo { text-align: center; }
@media screen and (max-width: 1200px) {
nav.site-header__nav li.site-header__item.submenu:hover ul.child li.site-header__item {
    margin-right: 0;
}
nav.site-header__nav li.site-header__item.submenu:focus ul.child, nav.site-header__nav li.site-header__item.submenu:hover ul.child { max-width: 790px; min-width: 790px; }
}
@media screen and (max-width: 1090px) {
nav.site-header__nav li.site-header__item.submenu:hover ul.child li.site-header__item { padding: 15px 5px;}
nav.site-header__nav li.site-header__item.submenu:focus ul.child, nav.site-header__nav li.site-header__item.submenu:hover ul.child { max-width: 790px; min-width: 700px; }
}
/* mobile nav */
@media screen and (max-width: 1023px) {
  .site-header__logo { text-align: left; }
  .site-header__nav { margin-top: 5px; }
  nav.site-burger__nav li.site-header__item { display: block; padding: 25px 15px; border-bottom: 1px solid; }
  nav.site-burger__nav  ul li.site-header__item a { font-size: 40px; line-height: 48px; font-weight: bold; }
  nav.site-burger__nav ul.child li.site-header__item a { font-size: 20px; line-height: 24px; font-weight: normal; }
  nav.site-burger__nav li.submenu ul.child { display: none; }
  nav.site-burger__nav li.submenu ul.child.show { display: block; }
  nav.site-burger__nav ul div.shop-all-nav {
    padding: 0;
    background-color: inherit;
}
nav.site-burger__nav ul div.shop-all-nav a { font-size: 20px;
    line-height: 24px;
    font-weight: normal; }
nav.site-burger__nav ul.child li.site-header__item	{
    display: inline-block;
    border-bottom: none;
	    padding: 10px 5px;
	}
  li.site-header__item.submenu ul.child a img { width: 100%; height: auto; }
  .site-header__item:not(:last-child) {
    margin-right: 0;
}
  .site-header__item::before { background-color: transparent; }
    .site-burger--header .container.site-header__container {     	padding-left: 5px;
    padding-right: 5px;
}
ul#mobile-header-icons { margin-right: 10px; }
.site-header__logo>a>svg { max-width: 200px; }
}
@media screen and (min-width: 350px) and (max-width: 500px) {
nav.site-burger__nav ul.child li.site-header__item {
	    max-width: 46%;
	    vertical-align: top;
	}
}

@media screen and (min-width: 1024px) {
.site-header__nav.left { 
   padding-left: 20px;
}
}
@media screen and (min-width: 1366px) {
.site-header__nav.left { 
   padding-left: 60px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1500px) {
nav.site-header__nav li.site-header__item.submenu.mega-4 ul.child, 
nav.site-header__nav li.site-header__item.submenu.mega-3 ul.child { left: -250px; }
nav.site-header__nav li.site-header__item.submenu.mega-2 ul.child { left: -200px; }
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
nav.site-header__nav li.site-header__item.submenu.mega-1 ul.child { left: -100px; }
}
@media screen and (min-width: 1024px) {
.site-header__nav { flex: 2; }
}

@media screen and (max-width: 349px) {
	ul#mobile-header-icons li.site-header__item:first-of-type { margin-right: 5px; }
}
@media screen and (min-width: 350px) and (max-width: 1023px) {
	ul#mobile-header-icons li.site-header__item { margin-right: 10px; }
}
@media screen and (max-width: 1260px) {
.site-header__item:not(:last-child) {
    margin-right: 7px;
}
}
@media screen and (min-width: 500px) { 
  li.site-header__item.submenu ul.child a img { max-width: 217px; }
}

.no-products-available {
	padding-top: 40px;
  	text-align: center;
}

.cart-icon-header.empty .cart-count {
  opacity: 0 !important;
}

.cart-icon-header:focus {
  color: inherit;
}

/* Imported from theme.css */

@media only screen and (max-width: 749px) {
  .small--show {
    display: block !important; }
  .small--hide {
    display: none !important; }
  .small--text-left {
    text-align: left !important; }
  .small--text-right {
    text-align: right !important; }
  .small--text-center {
    text-align: center !important; } }

@media only screen and (min-width: 750px) {
  .medium-up--show {
    display: block !important; }
  .medium-up--hide {
    display: none !important; }
  .medium-up--text-left {
    text-align: left !important; }
  .medium-up--text-right {
    text-align: right !important; }
  .medium-up--text-center {
    text-align: center !important; } }

/*================ #Helper Classes ================*/
.clearfix {
  *zoom: 1; }
  .clearfix::after {
    content: '';
    display: table;
    clear: both; }

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.visually-hidden--inline {
  margin: 0;
  height: 1em; }

.visually-hidden--static {
  position: static !important; }

.js-focus-hidden:focus {
  outline: none; }

.no-js:not(html) {
  display: none; }
  .no-js .no-js:not(html) {
    display: block; }

.no-js .js {
  display: none; }

.hide {
  display: none !important; }

/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: var(--color-text);
  background-color: var(--color-bg);
  padding: 10px;
  opacity: 1;
  z-index: 10000;
  transition: none; }

.cart-popup-wrapper {
  display: block;
  position: fixed;
  width: 100%;
  background-color: var(--color-body);
  z-index: 9999;
  border: 1px solid var(--color-border);
  transform: translateY(0%);
  transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); }
  @media only screen and (min-width: 750px) {
    .cart-popup-wrapper {
      width: 23rem;
      right: 0; } }

.cart-popup-wrapper--hidden {
  display: none;
  transform: translateY(-100%); }

.cart-popup {
  padding: 0.2rem 1.5rem 1rem; }

.cart-popup__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid var(--color-border); }

.cart-popup__heading {
  flex-grow: 1;
  padding: 0.5rem 0rem;
  margin: 0;
  color: var(--color-body-text);
  line-height: 1.2em;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em);
  font-family: var(--font-stack-body);
  font-weight: var(--font-weight-body); }

.cart-popup__close {
  padding: 0.9rem;
  margin-right: -0.9rem;
  background-color: transparent;
  border: none;
  line-height: 0; }
  .cart-popup__close .icon-close {
    width: 1rem;
    height: 1rem;
    fill: currentColor; }
  .cart-popup__close:hover, .cart-popup__close:focus {
    color: var(--color-text-focus); }

.cart-popup-item {
  display: flex;
  margin: 1rem 0; }

.cart-popup-item__image-wrapper {
  position: relative;
  flex-basis: 18%;
  flex-shrink: 0;
  margin-right: 1rem;
  text-align: center; }

.cart-popup-item__image {
  display: block;
  margin: 0 auto;
  max-height: 95px; }

.cart-popup-item__description {
  display: flex;
  color: var(--color-body-text);
  flex-basis: 100%;
  justify-content: space-between;
  line-height: 1.2rem; }

.cart-popup-item__title {
  color: var(--color-text);
  font-size: calc(((var(--font-size-base) + 2) / (var(--font-size-base))) * 1em);
  font-family: var(--font-stack-header);
  font-weight: var(--font-weight-header);
  margin-bottom: 0; }

.product-details {
  margin-top: 0.25rem;
  font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em); }

.product-details__item {
  margin-bottom: 0.2rem;
  line-height: 1.5; }
  .product-details__item:last-child {
    margin-bottom: 0; }

.product-details__property-label {
  font-weight: var(--font-weight-body--bold); }

.cart-popup-item__quantity {
  flex-basis: 30%;
  flex-shrink: 0;
  margin-left: 1rem;
  text-align: right;
  font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em); }

.cart-popup__cta-link {
  width: 100%; }

.cart-popup__dismiss {
  margin-top: 0.5rem;
  text-align: center; }

.cart-popup__dismiss-button {
  font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em); }

.cart-sidebar {
  color: var(--color-text);
}

.cart-sidebar .cart-body h5 {
  margin: 0 0 17.5px;
  font-family: var(--font-stack-header);
  font-style: var(--font-style-header);
  line-height: 1.2;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-transform: none;
}

.cart-sidebar .remove-wrapper a {
  display: flex;
}