/*
 Theme Name:   Storefront-AD
 Theme URI:    http://www.afterdarkdistillery.com.dream.website/storefront-AD/
 Description:  Storefront-AD Child Theme
 Author:       Jay
 Author URI:   http://tankfive.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  storefrontchild
*/
/* Background Cover image */
body, html {
  background: url(/wp-content/uploads/2021/08/monasheemountains-01-3.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Background page overlay */
#page {
  position: fixed;
  /* Sit on top of the page content */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-color: rgb(54 104 150 / 85%);  */
  background-image: linear-gradient(180deg, rgba(54, 104, 150, 0.85) 0%, rgba(54, 104, 150, 0.85) 30%, rgba(54, 104, 150, 0.95) 55%);
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
}

/* FONTS */
@font-face {
  font-family: RusticBold;
  src: url('/wp-content/themes/storefront-AD/fonts/Burford Rustic Book Bold.woff');
  font-weight: normal;
}

@font-face {
  font-family: RusticLight;
  src: url('/wp-content/themes/storefront-AD/fonts/Burford Rustic Book Light.woff');
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'RusticLight', serif;
  /*font-family: 'Merriweather', serif;*/
  /*font-family: 'Playfair Display', serif;*/
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #96b1ca;
}

body h1 {
  text-shadow: 0 0.05rem 0.1rem rgb(0 0 0 / 20%);
  text-align: left;
}

body, .secondary-navigation a {
  color: #070d13;
}

/* Breakpoints */
/* HOME PAGE */
.post-17 {
  margin-top: 0;
}

.page-id-17 p {
  font-size: 1.6rem;
}

@media (max-width: 576px) {
  body h1, .alpha {
    font-size: 2rem;
    line-height: normal;
    letter-spacing: -1px;
  }
}

@media (min-width: 768px) {
  body h1, .alpha {
    font-size: 3.2rem;
    line-height: normal;
    letter-spacing: -1px;
  }
}

@media (min-width: 992px) {
  body h1, .alpha {
    font-size: 4rem;
    line-height: normal;
    letter-spacing: -1px;
    text-align: center;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .site-branding .site-title a {
    font-family: "RusticLight", sans-serif;
    line-height: 1.2rem;
  }
  .site-branding .site-title {
    margin-left: 20px;
  }
.beta {
  line-height: 1.2rem;
}

  .footer-widgets {
    padding: 20px;
  }
  .page-id-558 p {
    font-size: unset;
}
  .woocommerce-breadcrumb, .storefront-breadcrumb {
    margin-bottom: 0 !important;
    margin: 0;
    padding: 0;
  }
  .feature-container, .has-text-align-right {
    display: none;
  }
  .col-footer {
    padding: 2.5rem !important;
    font-size: 1.3rem !important;
  }
  /* HOME PAGE */
  body h1 {
    font-size: 2.2rem;
    letter-spacing: -1px;
    text-align: left;
  }

  .page-id-17 h1 {
    font-size: 2.2rem;
    text-align: left;
  }

  p {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    text-transform: none;
    line-height: 1rem;
  }

  .page-id-17 p {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    text-transform: none;
    line-height: 1rem;
  }

  .container .row {
    padding-bottom: 10px;
  }

  .main-navigation ul li a {
    padding: .1em 0;
    display: block;
  }
}

p {
  /*font-family: 'Barlow', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Merriweather Sans', sans-serif;*/
  font-style: normal;
  font-weight: 100;
  font-size: 1.2rem;
  text-transform: none;
}

/* Header */
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
  margin-bottom: .1em;
}

.site-description {
  display: none !important;
}

.order_details {
  background-color: #e0e0e0;
}

.order_details:before, .order_details:after {
  background: -webkit-linear-gradient(transparent 0, transparent 0), -webkit-linear-gradient(135deg, #e0e0e0 33.33%, transparent 33.33%), -webkit-linear-gradient(45deg, #e0e0e0 33.33%, transparent 33.33%);
}

@media (min-width: 768px) {
  .site-header {
    padding-top: .1em;
    padding-bottom: 0;
  }

  /*.site-header .col-full, .header-widget-region .col-full {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2.617924em;
    box-sizing: content-box;
  }*/
  .storefront-breadcrumb {
    margin: 4em 0 0 0;
  }

}
@media (max-width: 768px) {
.storefront-breadcrumb {
  margin: -1.8em 0 0 0;
}
}

.storefront-breadcrumb {
  padding: .1em;
  background-color: #c1c1c1;
  height: 28px;
  border-bottom: 1px dotted black;
}


.header-widget-region .wp-block-columns {
  display: flex;
  margin-bottom: .1em;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.storefront-primary-navigation {}

@media (min-width: 768px) {
  .woocommerce-active .site-header .main-navigation {
    float: left;
    margin-left: 20%;
    margin-right: 20%;
    clear: both;
  }
}

.woocommerce-products-header {
  display: none;
}


/* Feature images */
.page-id-517 .col-full, .page-id-558 .col-full {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.page-id-517 h1 {
  text-align: center;
}

/* INTRO */
.page-id-558 .col-full {
  max-width: 100%;
  padding: 0;
}
@media (max-width: 782px) {
  .feature-heading h1 {
    font-size: 2rem;
    text-align: center;
  }
  .feature-BG1 {
    background-size: unset;
  }
  .page-id-558 .header-widget-region {
    display: none;
}
}
  @media (min-width: 782px) {
    .feature-heading h1 {
      font-size: 3rem;
      text-align: center;
    }
    .feature-BG1 {
      background-size: 100%;
    }
}
.feature-container-home {
  position: relative;
  height: 100vh;
  width: 100%;
  min-height: 400px;
  border-bottom: #162737 30px solid;
}

.feature-container {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 400px;
  max-height: 400px;
  border-bottom: #162737 30px solid;
}
.feature-heading h1 {
line-height: 2rem;
}

.feature-BG1 {
  background-image: url(/wp-content/uploads/2022/04/28X6285-1024x683.jpg);
  min-height: 399px;
  background-repeat: no-repeat;
  /* background-position: bottom; */
  border-bottom: 15px solid #000000;
  /* top: -60px; */
  position: absolute;
  background-color: transparent;
  height: 100%;
  width: 100%;
}

.detail {
  background-image: url(/wp-content/uploads/2022/05/Scroll-copy.png);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center top;
  height: 100%;
  width: 100%;
  z-index: 99;
}

.title-borders {
  border-top: #606468 dotted;
  border-bottom: #606468 dotted;
}

.feature-heading {
  min-height: 200px;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 7% 20% 0 20%;
  z-index: 99;
}
.feature-text span {
  display: none;
}

.feature-text-home:after {
  padding: 10px 0 40px 0;
  /* line-height: 8rem; */
  color: #979797;
  vertical-align: middle;
  content: "We are an authentic craft distillery nestled in the Highlands of picturesque Sicamous, BC.";
}
.feature-text:before {
  padding: 10px 0 40px 0;
  line-height: 4rem;
  color: #979797;
  vertical-align: middle;
  content: "Join us in beautiful Sicamous!";
}
.page-id-558 p {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5rem;
  text-transform: none;
}


/* HOME PAGE */
.page-id-558 h4 {
  font-weight: 600;
  font-size: 2rem;
  text-transform: none;
}

.page-id-558 .storefront-full-width-content .content-area {
  padding: 5% 20% 5% 20%;
}

.page-id-558 .site-main {
  margin-bottom: 2.617924em;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
  padding: 50px;
}

div.arrow {
  width: 6vmin;
  height: 6vmin;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(135deg);

  &::before {
    content: '';
    width: 100%;
    height: 100%;
    border-width: .8vmin .8vmin 0 0;
    border-style: solid;
    border-color: #fafafa;
    transition: .2s ease;
    display: block;
    transform-origin: 100% 0;
  }

  &:after {
    content: '';
    float: left;
    position: relative;
    top: -100%;
    width: 100%;
    height: 100%;
    border-width: 0 .8vmin 0 0;
    border-style: solid;
    border-color: #fafafa;
    transform-origin: 100% 0;
    transition: .2s ease;
  }

  &:hover::after {
    transform: rotate(45deg);
    border-color: orange;
    height: 120%;
  }

  &:hover::before {
    border-color: orange;
    transform: scale(.8);
  }
}

.map {
  background-color: black;
  border: 0 5px 0 5px solid;
}

.tiled-gallery__item {
  justify-content: center;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  flex-grow: 1;
  border: 10px solid;
}

/* Where to Buy section */
/* Table */
/* Links */
.editor-styles-wrapper a, .wp-block-freeform.block-library-rich-text__tinymce a {
  color: #000000;
}

/* POSTS */
/* Columns */
@media (min-width: 782px) {
  .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child), .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child) {
    margin-right: 0;
  }

  /* Remove Date stamp */
  .hentry .entry-header .posted-on, .hentry .entry-header .post-author, .hentry .entry-header .post-comments, .hentry .entry-header .byline {
    display: none;
  }

  /* Remove options button */
  .hentry .entry-content .wp-block-button, .editor-styles-wrapper .wp-block-button {
    display: none;
  }

  /* Product Images */
  .wp-block-image:not(.is-style-rounded) img {
    border-radius: inherit;
  }

  .wp-block-image img {
    max-width: 100%;
  }

  /* product title size */
  @media (min-width: 782px) {
    ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a:not(.has-font-size), ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size) {
      font-size: 1.2rem;
      line-height: 1rem;
      text-align: center;
    }

    .wp-block-image figcaption {
      display: none;
    }

    /* END POSTS */
    /* PRODUCTS */
    @media (min-width: 768px) {
      .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        padding-left: 15%;
      }

      .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
        width: 30%;
        float: left;
        margin-right: 0;
      }

      .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
        list-style: none;
        margin-bottom: 0;
        cursor: pointer;
      }

      .single-product div.product, .storefront-full-width-content .content-area {
        /*background-color: #f2e9d9;*/
        padding: 5%;
      }
    }

    @media (min-width: 768px) {
      .page-id-17 .storefront-full-width-content .content-area {
        background-color: transparent;
        padding: 5%;
      }
    }

    ul.products, .wc-block-grid__products {
      margin-left: 0;
      clear: both;
      margin-bottom: 2.617924em;
      border-bottom: 1px dotted black;
    }

    ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
      text-align: left;
    }

    .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, .editor-styles-wrapper .wc-block-grid__product-title, .wc-block-grid__product-title {
      font-family: 'RusticLight';
      line-height: 1.2em;
      font-weight: 700;
    }

    ul.products li. .woocommerce-tabs ul.tabs {
      border-top: none;
    }

    .woocommerce-tabs ul.tabs li {
      border-bottom: 1px dotted black;
    }

    .woocommerce-tabs ul.tabs a {
      color: #000;
    }

    .woocommerce-tabs {
      overflow: hidden;
      /*padding: 1em 0 1em 15%;*/
      background-color: none;
      margin-bottom: 2.617924em;
      border-bottom: 1px dotted black;
      border-top: 1px dotted black;
    }

    .products .outofstock .button {
      display: none;
    }

    .productHero {
      position: relative;
      text-align: center;
      margin: auto !important;
      width: 50%;
    }

    .productHero img {
      display: inline-block;
    }

    .productHeroOverlay {
      position: absolute;
      bottom: 0;
      background: rgb(0, 0, 0);
      background: rgba(0, 0, 0, 0.5);
      /* Black see-through */
      color: #f1f1f1;
      margin: auto;
      width: 100%;
      height: 100%;
      /*transition: .5s ease;
  opacity:0;*/
      color: white;
      font-size: 20px;
      padding: 20px;
      text-align: center;
    }

    /* product container */
    ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
      margin-bottom: 1rem !important;
    }

    /* Combined product and category images*/
    ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img, ul.products li.product.product-category img, ul.products .wc-block-grid__product.product-category img, .wc-block-grid__products li.product.product-category img, .wc-block-grid__products .wc-block-grid__product.product-category img {
      /*display: block;
    margin: 0 auto .1rem;*/
      /*background-color: #fff8e8; /* add background image and overlay? */
      /*padding: 12px;*/
    }

    /*.product img {*/
    .product img, .entry-content .wp-block-image img, ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img, ul.products li.product.product-category img, ul.products .wc-block-grid__product.product-category img, .wc-block-grid__products li.product.product-category img, .wc-block-grid__products .wc-block-grid__product.product-category img {
      height: auto;
      max-height: 400px;
      width: auto;
      display: block;
      /*border: 12px solid #fff8e8;
    border-radius: 6px;*/
      padding: 20px !important;
      margin: 0 auto 0.5rem !important;
      background-image: url(/wp-content/uploads/2021/08/frame-03.png);
      background-size: 100% 98%;
      background-repeat: no-repeat;
    }

    .nav-menu {
      /*font-family: 'Merriweather', serif;*/
      font-size: 1.2rem;
      font-weight: 800;
      text-transform: uppercase;
      line-height: .9em;
    }

    .site-content {
      /*background-color: #234462;*/
      background-image: linear-gradient(180deg, rgba(54, 104, 150, 0) 0%, rgba(54, 104, 150, 20) 10%, rgb(255 255 255 / 35%) 80%, rgba(54, 104, 150, 0) 100%)
    }
  }

  element.style {}

  .header-widget-region {
    position: relative;
    z-index: 99;
  }

  .site-content, .header-widget-region {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  *, :after, :before {
    box-sizing: border-box;
  }

  * {
    box-sizing: border-box;
  }

  body {
    text-shadow: none !important;
    -webkit-box-shadow: inset 0px 0px 80px 20px rgba(0, 0, 0, 0.2) !important;
    box-shadow: inset 0px 0px 80px 20px rgba(0, 0, 0, 0.2) !important;
  }

  /* SEARCH */
  .site-header .site-search {
    display: none;
  }

  .wp-block-search .wp-block-search__input {
    flex-grow: 1;
    min-width: 3em;
    border: 1px solid #949494;
    background-color: rgb(255 255 255 / 20%);
  }

  @media (min-width: 768px) {
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
      padding: 1.618em .3em;
    }
    .woocommerce-breadcrumb {
      margin-bottom: 2.617924em;
    }
  }

  /* SHOP */
  .storefront-full-width-content .woocommerce-tabs .panel {
    float: left;
  }

  button, input, select, textarea {
    border-radius: 5px;
  }

  body, button, input, textarea {
    /*line-height: 1.168;*/
  }

  button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
    border-radius: 6px;
    width: 100%;
  }

  /* Checkout */
  #payment .payment_methods>li:not(.woocommerce-notice):hover {
    background-color: transparent;
    border: #f2f2f2 solid 1px;
    border-radius: 10px;
    margin: -1px;
  }

  /* coupon code */
  .woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #688db1 !important;
  }

  .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    margin-bottom: 0;
    background-color: #0f834d;
    margin-left: 0;
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: .6180469716em solid rgba(0, 0, 0, .15);
    padding: 1em 2em 1em 3.5em;
    position: relative;
    list-style: none outside;
  }

  /* G Pay */
  .wc-square-wallet-button-black {
    background-color: #2e4c6b;
  }

  #wc-square-digital-wallet {
    width: 100%;
    max-width: 100%;
  }

  .wc-square-wallet-buttons {
    width: 100%;
  }

  /* CART */
  table.cart {
    background-color: rgb(238 238 238 / 62%);
    border: #162737 solid 1px;
    border-radius: 5px;
    margin: -1px;
  }

  /* cart tables */
  .woocommerce-cart-form table.cart td.product-remove, table.cart td.actions {
    /*border-top-color: #234462;
    background-color: #eeeeee;*/
  }

  /* proceed to checkout button */
  .woocommerce-cart-form .cart_item button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #686868;
    margin: 15px 0 15px 0;
    border: black solid 1px;
    border-radius: 5px;
  }

  /* apply coupon */
  .checkout_coupon .cart_item button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    margin: 0;
  }

  .cart_item button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
    background-color: #acb78c;
    border-color: #1a1a1a;
    color: #ffffff;
  }

  .woocommerce-cart-form table.cart td.actions {
    background-color: #b4bf92;
    border-radius: 0 0 5px 5px;
    padding-right: 15px;
  }

  /* coupon code */
  .woocommerce-cart-form table.cart td.actions .coupon {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    display: inline-block;
    float: left;
    margin-left: 15px;
  }

  .shop_table td {
    border-top: 1px dotted black !important;
  }

  /* orders */
  #order_review .shop_table {
    margin-bottom: 2.617924em;
    border: #4e6b85 solid 1px;
  }

  .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header {
    text-align: center;
    padding: 0 0 1em;
    /*border-bottom: 3px solid black;*/
  }

  .storefront-sorting {
    margin-bottom: 2.617924em;
    border-bottom: 1px dotted black;
    border-top: 1px dotted black;
  }

  .woocommerce-loop-product__title, .woocommerce-loop-category__title {
    font-size: 1.4rem !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2rem;
    margin-left: 1.3rem;
    margin-bottom: 0.5rem !important;
  }

  /* product price */
  ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price {
    display: block;
    color: #43454b;
    font-weight: 400;
    margin-bottom: 1rem;
    text-align: center;
  }

  .woocommerce-result-count {
    font-size: 1rem;
  }

  .products .add_to_cart_button {
    border-radius: 6px;
    background: transparent;
    border: solid 1px black;
    width: 100%;
    display: none;
  }

  button, input[type=button], input[type=reset], input[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart {
    /*display: none;*/
  }

  button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
    border-radius: 6px;
  }

  ul {
    font-size: large;
  }

  .stock.in-stock {
    display: none;
  }

  table:not(.has-background) th {
    background-color: transparent;
  }

  table:not(.has-background) tbody td {
    background-color: transparent;
  }

  table:not(.has-background) th {
    background-color: transparent;
  }

  table:not(.has-background) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
    background-color: transparent;
  }

  /* CUSTOM Containers */
  /*.col-full {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 8em 0 8em;
    box-sizing: content-box;
  }*/

  /* col-footer replaces col-full in footer instance */
  @media (min-width: 768px) {}

  .col-footer {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    box-sizing: content-box;
  }

  @media (max-width: 576px) {
  }

  /* EVENTS / TOURS */
  /* Responsive Video https://avexdesigns.com/blog/responsive-youtube-embed
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
  /*works: https://www.ostraining.com/blog/coding/responsive-videos/ */
  .video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
  }

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

  /* Responsive Video END */
  .page-id-19 #content .col-full {
    /*width: 100%;*/
    max-width: 100%;
    padding: 0;
  }

  /*.page-id-19 #content .container {
    width: 100%;
    padding: 20px;
    border-bottom: 20px solid #294866;
    text-align: center;
}
.videobg {
  background-color: black;
}*/
  /*
 * Globals for Bootstrap Cover Page
 */
  /* Custom default button */
  .btn-secondary,
  .btn-secondary:hover,
  .btn-secondary:focus {
    color: #333;
    text-shadow: none;
    /* Prevent inheritance from `body` */
  }

  /*
 * Base structure
 */
  body {
    text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  }

  .col-BG {
    background-image: linear-gradient(180deg, rgba(54, 104, 150, 0) 0%, rgba(54, 104, 150, 0) 10%, rgb(255 255 255 / 59%) 45%);
    background-size: 100%;
  }

  .cover-container2 {
    max-width: 100%;
    background-image: linear-gradient(180deg, rgba(54, 104, 150, 0) 0%, rgba(54, 104, 150, 0) 10%, rgb(255 255 255 / 59%) 45%);
  }

  .cover-container3 {
    max-width: 100%;
    background-image: url(https://afterdarkdistillery.com/wp-content/uploads/2021/10/stars_3x.png);
  }

  /* Age Verification */
  .age-gate-heading {
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
  }

  /*
 * Header
 */
  /* MOBILE */
  .main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
    color: #4e5e70;
    text-decoration: none;
  }

  /* ? */
  .site-branding .site-title {
    font-family: "RusticLight", sans-serif;
    padding-left: 20px !important;
  }
  .site-branding {
    padding-left: 20px !important;
  }

  .site-branding button, .site-branding input, .site-branding textarea {
    font-family: "RusticLight", sans-serif !important;
  }

  .site-title button, .site-title input, .site-title textarea {
    font-family: "RusticLight", sans-serif !important;
  }

  /**/
  @media screen and (min-width: 768px) {
    #masthead .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
      padding: 0 .1em .1em .5em !important;
    }

    .site-branding .site-title {
      font-family: "RusticLight", sans-serif;
      font-size: 1.4em;
      letter-spacing: -1px;
      margin: 0;
      margin-top: .5em;
    }
  }

  #masthead {
    background-color: rgb(22 39 55);
    border-top: solid 32px #000;
    border-bottom: 3px solid #696969;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4) !important;
    clear: both;
  }

  /* Sticky NAV */
  #masthead {
    position: fixed;
    top: 0;
    width: 100%;
  }

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

    /*resizing the logo image */
    #masthead .custom-logo-link img {
      width: auto;
      height: 40px;
    }

    /* menu dropdown*/
    .main-navigation ul li, .secondary-navigation ul li {
      position: relative;
      display: inline-block;
      text-align: left;
      font-size: large;
    }

    /*positioning the main-navigation */
    #masthead .main-navigation {
      text-align: left;
      position: fixed;
      top: 3em;
      /*right: 300px;*/
      padding: 0;
      width: auto;
      line-height: normal;
      /* center vertically */
      margin: 0 0 0 25%;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    /*positioning the logo*/
    #masthead .custom-logo-link {
      position: fixed;
      top: 0;
      margin: 0;
      padding: 0;
    }

    /*adjusting default margins and paddings*/
    #masthead .site-header-cart .cart-contents {
      padding: .3em 0;
    }

    #masthead .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
      padding: 1em 1em;
    }



    /*positioning the cart-menu */
    #masthead .site-header-cart {
      width: 14% !important;
      position: fixed !important;
      top: 0;
      right: 2%;
      padding: 0;
      font-size: large;
    }
  }

  #order_review {
    background-color: transparent;
  }

  #payment .payment_methods>li:not(.woocommerce-notice) {
    background-color: transparent;
  }

  #payment .payment_methods>li .payment_box, #payment .place-order {
    background-color: transparent;
  }

  /*applying the position fixed on the masterhead */
  #masthead {
    position: fixed;
    top: 0;
    width: 100%;
  }

  /*removing the site search*/
  #masthead .site-search {
    display: none;
  }

  /* END StickyNAV */
  .nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
  }

  .nav-masthead .nav-link:hover,
  .nav-masthead .nav-link:focus {
    border-bottom-color: rgba(255, 255, 255, .25);
  }

  .nav-masthead .nav-link+.nav-link {
    margin-left: 1rem;
  }

  .nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
  }

  /* Parallax */
  @import "compass/css3"

  * {
    box-sizing: border-box;
  }

  .parallax {
    perspective: 100px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    margin-left: -1200px;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    img {
      display: block;
      position: absolute;
      bottom: 0;
    }
  }

  .parallax__cover {
    background: transparent;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    z-index: 2;
  }

  $parallax__layers: 3;

  @for $i from 0 through $parallax__layers {
    $x: ($parallax__layers - $i) / 2;

    .parallax__layer__#{$i} {
      transform: translateZ(-100 * $x#{px}) scale($x + 1);
    }
  }

  /* Footer */
  .footer-container {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 450px;
  }

  .wp-block-social-link {
    float: left;
  }

  .widget {
    margin: 0 2rem 0;
    float: left;
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
  }

  .widget a {
    text-decoration: none;
  }

  .footer-container .row>* {
    width: unset;
  }

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

  /* address TEST*/
  .address:after {
    font-size: 1.3rem;
    color: #979797;
    display: table-cell;
    content: "After Dark Distillery";
  }

  .footer-BG1 {
    background-image: url(/wp-content/uploads/2022/04/HighlandShine_BG_monashee4a.png);
    min-height: 399px;
    background-repeat: no-repeat;
    background-size: 1200px;
    background-position: bottom;
    border-bottom: 15px solid #000000;
    top: -60px;
    position: absolute;
    background-color: transparent;
    height: 100%;
    width: 100%;
  }

  .footer-BG2 {
    background-color: transparent;
    background-image: url(/wp-content/uploads/2021/08/monashee_groundfooter.png);
    min-height: 200px;
    background-repeat: repeat-x;
    background-position: bottom;
    border-bottom: 15px solid #000;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
  }

  .footer-padding {
    padding: 0 2rem 0 2rem;
  }

  .footer-widgets {
    padding-top: 0;
    float: left;
  }

  .footer-widgets.col-4 .block {
    width: unset;
    float: left;
    margin-right: 4.347826087%;
  }

  .footer-widget-1, .footer-widget-2 {
    /*border-bottom: 15px solid #000;*/
    color: #43454b;
    font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    font-weight: 700;
    font-size: 1.3rem;
  }

  .footer-widget-3 {
    float: left;
  }

  .footer-widget-4 {
    float: right;
  }

  .site-info {
    display: none;
    padding: 2.617924em;
    font-size: 1rem;
    font-weight: 400;
    border-top: dimgrey dotted 1px;
  }

  .widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
    padding-left: 0;
  }

  .site-footer {
    padding: 1.618em 0 0;
    text-decoration: none;
  }

  .site-footer a:not(.button):not(.components-button) {
    color: #234462;
    text-decoration: none;
  }

  .site-footer a:not(.button):not(.components-button):hover {
    color: #696969;
  }

.site-footer, .footer-widgets {
    font-size: 1.3rem;
  }

  .site-footer a {
    text-decoration: none;
  }

  .widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
    padding-left: 0;
  }

  .widget_nav_menu ul li::before {
    content: none;
  }