@charset "UTF-8";


@font-face {
    font-family: 'AvenirLTProLight';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/AvenirLTPro-Light.woff2') format('woff2'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/AvenirLTPro-Light.woff') format('woff'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/AvenirLTPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-display: swap;
    font-family: 'Gotham Book';
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamBook.eot');
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamBook.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamBook.woff2') format('woff2'), url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamBook.woff') format('woff'), url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamBook.ttf') format('truetype');
}



@font-face {
    font-display: swap;
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: 300;
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamMedium.eot');
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamMedium.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamMedium.woff2') format('woff2'), url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamMedium.woff') format('woff'), url('/wp-content/themes/knox-dobson/public/assets/fonts/GothamMedium.ttf') format('truetype');
}


@font-face {
    font-family: 'NeueHaasDisplayRoman';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/NeueHaasDisplayRoman.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/NeueHaasDisplayRoman.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'NHaasGroteskDSPro';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/NHaasGroteskDSPro-55Rg.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/NHaasGroteskDSPro-55Rg.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'NeueHaasUnicaMedium';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/neue-haas-unica-medium.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/neue-haas-unica-medium.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Perandory-SemiCondensed';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/Perandory-SemiCondensed.eot');
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/Perandory-SemiCondensed.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/Perandory-SemiCondensed.woff2') format('woff2'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/Perandory-SemiCondensed.woff') format('woff'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/Perandory-SemiCondensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaWorld';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/HelveticaWorld.eot');
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/HelveticaWorld.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/HelveticaWorld.woff2') format('woff2'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/HelveticaWorld.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'SloopScript';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/SloopScript.eot');
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/SloopScript.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/SloopScript.woff2') format('woff2'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/SloopScript.woff') format('woff'),
        url('/wp-content/themes/knox-dobson/public/assets/fonts/SloopScript.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Inter24Light';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter24pt-Light.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter24pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'InterRegular';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter24pt-Regular.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter24pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter24ptMd';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter24pt-Medium.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter24pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Inter24SemiBold';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter24pt-SemiBold.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter24pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter28Light';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter28pt-Light.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/Inter28pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'OswaldMedium';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/Oswald-Medium.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/Oswald-Medium.woff') format('woff');
         url('/wp-content/themes/knox-dobson/public/assets/fonts/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisRegular';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/basisregular.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/basisregular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisMedium';
    src: url('/wp-content/themes/knox-dobson/public/assets/fonts/basismedium.woff2') format('woff2'),
         url('/wp-content/themes/knox-dobson/public/assets/fonts/basismedium.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}





*,
:after,
:before {
    box-sizing: border-box
}
html {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    visibility: visible;
        box-sizing: border-box;
    overflow-x: hidden
}

ol[class],
ul[class] {
    list-style: none;
    padding: 0
}

blockquote,
body,
dd,
dl,
figcaption,
figure,
li,
ol[class],
p,
ul[class] {
    margin: 0
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    color: #000;
	overflow: hidden;
    font-family: "AvenirLTProLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4
}

@media (min-width:768px) {
    body {
        font-size: 20px
    }
}

@media (min-width:1200px) {
    body {
        font-size: 22px
    }
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img {
    display: block;
    max-width: 100%
}

article>*+* {
    margin-top: 1em
}

button,
input,
select,
textarea {
    font: inherit
}

/* =========================================
   GLOBAL DESIGN TOKENS
========================================= */
:root {
  /* -------- Fonts -------- */
  --font-heading: "OswaldMedium", "Inter", arial, sans-serif;
  --font-body: "NeueHaasDisplayRoman", "BasisMedium", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* -------- Font Sizes (Fluid Scale) -------- */
  --fs-h1: clamp(2.75rem, 5vw, 4rem);
  --fs-h2: clamp(2.25rem, 4vw, 3rem);
  --fs-h3: clamp(1.875rem, 3vw, 2.5rem);
  --fs-h4: clamp(1.5rem, 2.5vw, 2rem);
  --fs-h5: clamp(1.25rem, 2vw, 1.5rem);
  --fs-h6: clamp(1.125rem, 1.75vw, 1.25rem);
  --fs-p: clamp(1.5rem, 1.25vw, 2em);

  /* -------- Line Heights -------- */
  --lh-heading: 1.15;
  --lh-body: 1.6;

  /* -------- Colors -------- */
  --color-heading: #251d36;
  --color-body: #000;
  --color-primary: #291f3e;
  --color-white: #fff;
  --color-dark: #000;
  --color-accent: #251d36;
  --color-background: #ffffff;
}

/* =========================================
   GLOBAL BASE STYLES
========================================= */
html {
  font-size: 100%;
}

body {
  font-family: var(--font-body);
  font-size: var(--fs-p);
  line-height: var(--lh-body);
  color: var(--color-body);
  background-color: var(--color-background);
  margin: 0;
}

/* =========================================
   HEADINGS
========================================= */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--color-heading);
  line-height: var(--lh-heading);
  font-weight: 300;
  margin: 0 0 0.5em;
}

h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
h4 { font-size: var(--fs-h4); }
h5 { font-size: var(--fs-h5); }
h6 { font-size: var(--fs-h6); }

/* =========================================
   PARAGRAPHS
========================================= */
p {
  font-family: var(--font-body);
  font-size: var(--fs-p);
  line-height: var(--lh-body);
  color: var(--color-body);
  margin: 0 0 1em;
}

/* =========================================
   OPTIONAL UTILITIES
========================================= */
.text-muted {
  color: var(--color-muted);
}

.text-accent {
  color: var(--color-accent);
}



@media (prefers-reduced-motion:reduce) {
    * {
        -webkit-animation-duration: .01ms !important;
        animation-duration: .01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        -webkit-transition-duration: .01ms !important;
        transition-duration: .01ms !important
    }
}

.grid--full {
    width: 100%
}

.grid--third {
    padding: 30px
}

.grid--fourth {
    -ms-flex-preferred-size: 100%;
    border-bottom: 1px solid #eee;
    flex-basis: 100%;
    padding: 30px
}

.grid--fourth:last-child {
    border-bottom: none
}

.grid--half,
.grid--two-third {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 30px
}

.grid--mobile-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media only (min-width:768px) {
    .grid--third {
        padding: 30px
    }
    .grid--fourth {
        padding: 60px
    }
    .grid--half,
    .grid--two-third {
        padding: 30px
    }
    .grid--half {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media only (min-width:1024px) {
    .grid--third {
        -ms-flex-order: initial;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .grid--fourth,
    .grid--third {
        -webkit-box-ordinal-group: initial;
        border-left: 0;
        order: 0;
        padding: 30px
    }
    .grid--fourth {
        -ms-flex-order: initial;
        -ms-flex-preferred-size: 25%;
        border-bottom: none;
        flex-basis: 25%;
        max-width: 25%
    }
    .grid--two-third {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        order: 0;
        padding: 30px
    }
    .grid--half {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 30px
    }
    .grid--lead {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        border-left: 0;
        order: -1
    }
    .grid--last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        border-right: 0;
        order: 1
    }
}

.column--half,
.column--third,
.column--two-third {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.column--half {
    max-width: 100%
}

@media only (min-width:1024px) {
    .column--third {
        display: flex;
        flex-basis: 33.33333%;
        -ms-flex-flow: column;
        flex-flow: column;
        max-width: 33.33333%
    }
    .column--two-third {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .column--half {
        flex-basis: 50%;
        max-width: 50%
    }
    .column--first {
        border-right: 1px solid #eee
    }
}

.col-1-4 {
    grid-gap: 0 30px;
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width:1024px) {
    .col-1-4 {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (min-width:1200px) {
    .col-1-4 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1440px) {
    .col-1-4 {
        grid-template-columns: repeat(4, 1fr)
    }
}

.col-2 {
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width:1024px) {
    .col-2 {
        grid-gap: 0 100px;
        grid-template-columns: repeat(2,1fr);
    }
}

.container {
    margin: 0 auto;
    width: 95%
}

@media (min-width:1024px) {
    .container {
        width: 75%
    }
}





blockquote,
q {
    quotes: "" ""
}

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

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ol,
ul {
    margin: 0 0 20px;
    padding: 20px 0 0 25px
}

p+ol,
p+ul {
    padding: 0 0 0 25px
}

ul {
    list-style: circle
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

ol.numbered {
    list-style: none
}

ol.numbered li {
    counter-increment: bullets
}

ol.numbered li,
ol.numbered li:before {
    align-items: center;
    display: flex
}

ol.numbered li:before {
    -ms-flex-pack: center;
    content: counter(bullets);
    font-size: .75em;
    height: 2em;
    justify-content: center;
    width: 2em
}

img {
    height: auto;
    width: 100%;
    object-fit: cover
}

img,
svg:not(:root) {
    overflow: hidden
}



.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizeLegibility;
    font-weight: 300;
    }



h2.header__title {
font-family: "AvenirLTProLight", arial, sans-serif;
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:768px) {
    h2.header__title {
        font-size: 62px;
        margin-bottom: 30px;
        margin-top: 15px
    }
}

p:empty {
    display: none
}

cite,
dfn,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "AvenirLTProLight", courier monospace;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.6em;
    max-width: 100%;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: monaco consolas, Andale Mono, DejaVu Sans Mono, monospace;
    font-size: 1rem
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,
mark {
    text-decoration: none
}

big {
    font-size: 125%
}


table {
    margin: 0 0 1.5em;
    width: 100%
}





    .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 40px;
      background-color: #fff;
      border-bottom: 1px solid #eaeaea;
      position: sticky;
      top: 0;
      height: 90px;
      z-index: 100;
    }
	@media (max-width: 992px) {
    .header-left, .header-right {
        flex: 1;
        display: flex;
        align-items: center;
    }
    }

    .header-left {
        justify-content: flex-start;
    }

    .header-right {
        justify-content: flex-start;
    }

    .header-center {
        flex-shrink: 0;
    }

    .logo {
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }
    
@media (min-width: 892px) {
		.logo {
			      padding: 0 20px;
		}
	}
    
	@media (min-width: 1200px) {
		.logo {
			      padding: 0 100px;
		}
	}
	svg.site-logo {
		width: 250px;
	}

	.menu-icon {
		width: 35px;
	}
    .menu-toggle {
      background: none;
      border: none;
      cursor: pointer;
      font-size: 21px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 10px;
      padding: 0;
    }


    /* This container is now a direct child of the new flex groups */
    .main-nav {
      display: flex;
      list-style: none;
      height: 100%;
      align-items: center;
    }

    .main-nav li {
      margin: 0 15px;
      position: static;
      height: 100%;
      display: flex;
      align-items: center;
    }

    .main-nav a {
      text-decoration: none;
      color: #000;
      font-size: 15px;
      font-weight: 300;
      font-family: "Inter24ptMd", arial, sans-serif;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      padding: 0;
      display: inline-block;
    }

    .main-nav a:hover {
      color: #666;
    }

    .mega-menu-container {
      position: absolute;
      top: 55px;
      left: 0;
      width: 100%;
      background-color: #fff;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      z-index: 1000;
      padding: 40px;
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-15px);
      transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    }

    .main-nav li:hover .mega-menu-container {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .mega-menu-grid {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 20px;
    }

    .mega-menu-item {
      display: block;
      opacity: 0;
      transform: translateY(15px);
      transition: opacity 0.4s ease-out, transform 0.4s ease-out;
      text-align: center;
    }

    .main-nav li:hover .mega-menu-item {
      opacity: 1;
      transform: translateY(0);
    }

    .main-nav li:hover .mega-menu-item:nth-child(1) { transition-delay: 0.1s; }
    .main-nav li:hover .mega-menu-item:nth-child(2) { transition-delay: 0.2s; }
    .main-nav li:hover .mega-menu-item:nth-child(3) { transition-delay: 0.3s; }
    .main-nav li:hover .mega-menu-item:nth-child(4) { transition-delay: 0.4s; }
    .main-nav li:hover .mega-menu-item:nth-child(5) { transition-delay: 0.5s; }
    .main-nav li:hover .mega-menu-item:nth-child(6) { transition-delay: 0.51s; }
    .main-nav li:hover .mega-menu-item:nth-child(7) { transition-delay: 0.53s; }
    .mega-menu-image {
      width: 100%;
      height: 150px;
      object-fit: contain;
      margin-bottom: 15px;
      transition: opacity 0.3s ease;
    }

    .mega-menu-image:hover {
      opacity: 0.8;
    }

    .mega-menu-title {
      font-size: 17px;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 0px;
      margin-bottom: 10px;
    }

    .mega-menu-links {
      list-style: none;
    }

    .mega-menu-links li {
      margin: 8px 0;
    }

    .mega-menu-links a {
      text-decoration: none;
      color: #000;
      font-size: 14px;
      font-weight: 400;
      text-transform: none;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 0;
      transition: color 0.2s ease;
    }

    .mega-menu-links a:hover {
      color: #cc0000;
    }

    .right-nav {
      display: flex;
      align-items: center;
     
    }
@media (min-width: 992px) {
  .right-nav {
    display: none;
  }
  
}
    .icons {
      display: flex;
      justify-content: center;
      gap: 30px;
    }

 
    .article-label {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 1px;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .article-title {
      font-size: 24px;
      font-weight: 500;
      line-height: 1.3;
      margin-bottom: 10px;
    }

    .article-large .article-title {
      font-size: 28px;
    }

    .article-meta {
      display: flex;
      font-size: 12px;
      color: #666;
      margin-bottom: 10px;
    }

    .article-date, .article-type {
      margin-right: 15px;
    }

    .article-regular .article-image {
      height: 200px;
    }

    .mobile-nav-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: white;
      z-index: 1500;
      transform: translateX(-100%);
      visibility: hidden;
      transition: transform 0.4s ease-in-out, visibility 0s linear 0.4s;
      overflow: hidden;
      display: block;
    }

    .mobile-nav-overlay.active {
      transform: translateX(0);
      visibility: visible;
      transition: transform 0.4s ease-in-out;
    }

    .mobile-nav-container {
        display: flex;
        width: 200%;
        height: 100%;
        transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .mobile-nav-container.submenu-active {
        transform: translateX(-50%);
    }

    .mobile-nav-view {
        width: 50%;
        height: 100%;
        overflow-y: auto;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
    }

    .mobile-nav-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      border-bottom: 1px solid #eee;
      position: sticky;
      top: 0;
      background-color: white;
      z-index: 10;
      flex-shrink: 0;
    }

    .mobile-nav-header .logo {
        width: auto;
        max-width: 200px;
        height: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .mobile-nav-title {
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }

    .mobile-nav-main-view .mobile-nav-title {
        display: none;
    }

    .mobile-nav-header .mobile-nav-back,
    .mobile-nav-header .mobile-nav-close {
      background: none;
      border: none;
      cursor: pointer;
      padding: 5px;
      z-index: 1;
      flex-shrink: 0;
    }
    
    .mobile-nav-header .mobile-nav-close svg,
    .mobile-nav-header .mobile-nav-back svg {
        width: 24px;
        height: 24px;
    }

    .mobile-nav-main-view .mobile-nav-back {
      visibility: hidden;
    }

    .mobile-nav-submenu-view .mobile-nav-back {
        visibility: visible;
    }

    .mobile-nav-content {
      padding: 3em 30px;
      flex-grow: 1;
      background: #251d36;
    }

    .mobile-nav-menu {
      list-style: none;
    }

    .mobile-nav-main-view .mobile-nav-menu li {
      margin-bottom: 25px;
    }

    .mobile-nav-main-view .mobile-nav-menu a {
      text-decoration: none;
      color: #fff;
      font-size: 13px;
      font-weight:300;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .mobile-nav-main-view .mobile-nav-menu a svg {
      width: 16px;
      height: 16px;
    }

    .mobile-nav-footer {
      padding: 20px;
      border-top: 1px solid #eee;
      margin-top: auto;
      flex-shrink: 0;
    }

    .mobile-nav-footer a {
      display: block;
      color: #333;
      text-decoration: none;
      margin-bottom: 15px;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .mobile-social-links {
      display: flex;
      list-style: none;
      margin-top: 20px;
      padding: 0;
    }

    .mobile-social-links li {
      margin-right: 20px;
    }

    .mobile-social-links a {
      color: #666;
      font-size: 20px;
    }
    
    .social-icon {
      width: 24px;
      height: 24px;
      opacity: 0.6;
    }
    .social-icon:hover {
      opacity: 1;
    }

    .mobile-submenu-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 15px;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-submenu-item a {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .mobile-submenu-item-image {
        width: 100%;
        height: 198px;
        object-fit: contain;
        margin-bottom: 15px;
      
    }

    .mobile-submenu-item-title {
        font-size: 13px;
      text-transform: uppercase;
        font-weight: 300;
      letter-spacing: 2.5px;
        line-height: 1.3;
      text-align: center;
      font-family: "Avenir Next";
              margin-bottom: 15px;
      display: flex;
      justify-content: center;
      color: #fff;
    }

    .mobile-submenu-item {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    }

    .mobile-submenu-item.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 1024px) {
      .mega-menu-grid {
        grid-template-columns: repeat(34 1fr);
      }
      
      .mega-menu-item:nth-child(4),
      .mega-menu-item:nth-child(5) {
        display: none;
      }
    }

    @media (max-width: 992px) {
      .header {
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
      }
      
      .header-left, .header-right .main-nav {
        display: none;
        align-items: center;
      }

      .header-center {
        order: -1; /* Move logo to the left on mobile */
        padding: 0;
      }

      .header-right {
        flex: 0; /* Don't take up space */
      }
      

      .hero {
        flex-direction: column;
        height: auto;
        padding: 40px 20px;
        margin-bottom: 2em; /* Adjust margin */
      }
      

    }
    


    @media (min-width: 992px) {
	    .header-center {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		    }
	}







 
    li.btn-nav a {
      background: #251d36;
      border: 1px solid #251d36;
      height: 55px;
      color: #fff;
      display: flex;
      justify-content: center;
      text-align: center;
      align-content: center;
      align-items: center;
      width: 185px;
      border-radius: 4px;
      	  transition: all 500ms ease-in-out;
}
    li.btn-nav ahover {
	    background: transparent;
	    border: 1px solid #251d36;
	    transition: all 500ms ease-in-out;
	    color: #251d36;
    }

      .main-nav li:last-child {
        margin: 0;
      }








.modal {
    align-items: center;
    background-color: #eee;
    bottom: 0;
    display: flex;
    height: 0;
    justify-content: center;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    width: 0;
    z-index: 10
}

.modal.active {
    height: 100%;
    opacity: .99;
    top: 85px;
    transition: opacity .3s ease;
    visibility: visible;
    width: 100%;
    z-index: 999
}




.pum-theme-682 .pum-container,
.pum-theme-lightbox .pum-container {
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 35px !important
}

.pum-theme-682 .pum-content,
.pum-theme-lightbox .pum-content {
    margin: 0 auto;
    text-align: center
}

.pum-content {
    text-align: center
}

.popup-container p {
    font-size: 20px;
    line-height: 20px;
    margin: 0 auto 30px;
    max-width: 80%
}

.popup-container img {
    margin: 0 auto 30px
}

.pum-theme-682 .pum-content+.pum-close,
.pum-theme-lightbox .pum-content+.pum-close {
    height: 32px !important;
    text-shadow: none !important;
    width: 32px !important
}

.btn-popup {
    font-size: 18px
}

.pum-theme-682,
.pum-theme-lightbox {
    background-color: rgba(0, 0, 0, .3) !important
}

.linkdk:after {
    background: transparent !important
}


.button,
.button.wc-backward,
[type=reset],
[type=submit],
button,
html [type=button] {
    align-items: center;
    -webkit-appearance: button;
    border: 1px solid #fff;
    display: flex;
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    justify-content: center;
    letter-spacing: 1px;
    padding: 10px 45px;
    text-transform: uppercase;
    -webkit-transition: all .68s ease-in-out;
    transition: all .68s ease-in-out
}

.button.wc-backward:focus,
.button:focus,
[type=reset]:focus,
[type=submit]:focus,
button:focus,
html [type=button]:focus {
    outline: 0 none
}

.button.wc-backward:hover,
.button:hover,
[type=reset]:hover,
[type=submit]:hover,
button:hover,
html [type=button]:hover {
    cursor: pointer
}

@media (min-width:768px) {
    .button,
    .button.wc-backward,
    [type=reset],
    [type=submit],
    button,
    html [type=button] {
        font-size: 15px
    }
}

.button.disabled,
.button.wc-backward.disabled,
.button.wc-backward:disabled,
.button:disabled,
[type=reset].disabled,
[type=reset]:disabled,
[type=submit].disabled,
[type=submit]:disabled,
button.disabled,
button:disabled,
html [type=button].disabled,
html [type=button]:disabled {
    cursor: not-allowed
}


input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {

    background: #fff;
    border: 1px solid #979797;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    font-weight: 200;
    outline: none;
    padding: 17px 15px;
    width: 100%
}

@media (min-width:1024px) {
    input:not([type]),
    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 15px
    }
}

input:not([type])::-webkit-input-placeholder,
input[type=color]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: .8
}

input:not([type])::-moz-placeholder,
input[type=color]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: .8
}

input:not([type]):-ms-input-placeholder,
input[type=color]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: .8
}

input:not([type])::-ms-input-placeholder,
input[type=color]::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=datetime-local]::-ms-input-placeholder,
input[type=datetime]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=month]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=time]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
input[type=week]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    opacity: .8
}

input:not([type])::placeholder,
input[type=color]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=datetime]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
select::placeholder,
textarea::placeholder {
    opacity: .8
}

select:hover {
    cursor: pointer
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {

    border-radius: 0
}

textarea {
    max-height: 150px
}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button {
    display: none
}

input[type=date]::-webkit-calendar-picker-indicator {
    color: #2c3e50
}

input[type=date] {

    -moz-appearance: none;
    appearance: none;
    color: #95a5a6;
    display: inline-block !important;
    font-family: Helvetica, Arial, sans-serif;
    max-height: 49px;
    min-height: 49px;
    visibility: visible !important
}

input[type=date]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #95a5a6
}

label {
    cursor: pointer;
    font-size: 16px;
    font-weight: 200
}

.wpcf7-recaptcha {
    display: flex;
    margin-bottom: 20px;
    padding: 20px 0
}

.required {
    color: red
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-flex: 0;

    background: transparent;
    border: 2px solid #e2e2e2;
    cursor: pointer;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 16px;
    margin-right: 10px;
    position: relative;
    width: 16px
}

input[type=checkbox]:hover,
input[type=radio]:hover {
    background: transparent;
    border: 2px solid #a9a9a9
}

@media (min-width:768px) {
    input[type=checkbox]:hover,
    input[type=radio]:hover {
        background: #000
    }
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background: #000;
    border: 2px solid #c1c1c1
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: none
}

input[type=checkbox] {
    border-radius: 4px;
    height: 25px;
    width: 25px
}

input[type=checkbox]:before {
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    text-rendering: auto;
    color: #fff;
    content: "✓";
    display: none;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    left: 1px;
    position: absolute;
    top: -4px
}

input[type=checkbox]:checked:before {
    display: inline-block
}

input[type=radio] {
    border-radius: 50px
}


.footer-form {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 3em
}

@media (min-width:1024px) {
    .footer-form {
        grid-gap: 20px 40px;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 2em
    }
    .footer-form .message {
        grid-column: span 2
    }
}

.footer-form input:not([type]),
.footer-form input[type=color],
.footer-form input[type=datetime],
.footer-form input[type=email],
.footer-form input[type=month],
.footer-form input[type=number],
.footer-form input[type=tel],
.footer-form input[type=text],
.footer-form input[type=time],
.footer-form input[type=url],
.footer-form input[type=week],
.footer-form select,
.footer-form textarea,
input[type=password] {

    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0;
    outline: none;
    padding: 17px 15px;
    width: 100%
}

@media (min-width:1024px) {
    .footer-form input:not([type]),
    .footer-form input[type=color],
    .footer-form input[type=datetime],
    .footer-form input[type=email],
    .footer-form input[type=month],
    .footer-form input[type=number],
    .footer-form input[type=tel],
    .footer-form input[type=text],
    .footer-form input[type=time],
    .footer-form input[type=url],
    .footer-form input[type=week],
    .footer-form select,
    .footer-form textarea,
    input[type=password] {
        margin-bottom: 15px
    }
}


#wpcf7-f798-o1 {
    padding: 30px 30px 4em
}

:-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

::-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

:-ms-input-placeholder {
    opacity: 1;
    -ms-transition: opacity .5s;
    transition: opacity .5s
}

::-ms-input-placeholder {
    opacity: 1;
    -ms-transition: opacity .5s;
    transition: opacity .5s
}

::placeholder {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

:focus:-moz-placeholder {
    opacity: 0
}

:focus::-webkit-input-placeholder {
    opacity: 0
}

:focus::-moz-placeholder {
    opacity: 0
}

:focus:-ms-input-placeholder {
    opacity: 0
}

:focus::-ms-input-placeholder {
    opacity: 0
}

:focus::placeholder {
    opacity: 0
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    color: #251d36;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: center
}

.wpcf7 form .wpcf7-response-output {
    border: 0;
    margin: 30px 0;
    padding: 0;
    text-align: center
}

.wpcf7 .ajax-loader {
    display: none
}

.wpcf7-not-valid-tip {
    padding: 0 0 0 13px
}

a {
    background-color: transparent;
    color: inherit
}

a,
a:visited {
    text-decoration: none
}

a:active,
a:focus,
a:hover,
a:visited:active,
a:visited:focus,
a:visited:hover {
    outline: 0
}

a:link,
a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3);
    outline: 0
}

.link {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.link:not(.no-hover):hover:after {
    -webkit-transition: background .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: background .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: background .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: background .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s
}

.link:after {
    background: #fff;
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    opacity: .75;
    position: absolute;
    transition: background .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(1, 0, 0, 1) .1s;
    -webkit-transition: background .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(1, 0, 0, 1) .1s;
    transition: background .8s cubic-bezier(.19, 1, .22, 1), transform .5s cubic-bezier(1, 0, 0, 1) .1s;
    transition: background .8s cubic-bezier(.19, 1, .22, 1), transform .5s cubic-bezier(1, 0, 0, 1) .1s, -webkit-transform .5s cubic-bezier(1, 0, 0, 1) .1s;
    width: 100%
}

.link--clear:hover:after {
    transform: translateZ(0)
}

.link--clear:after {
    -webkit-transform: translate3d(-102%, 0, 0);
    transform: translate3d(-102%, 0, 0)
}

.link-u {
    border-bottom: 1px solid #000
}

#wpadminbar a {
    background-color: transparent;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.linkdk {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.linkdk:after {
    background: #000;
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    -webkit-transform: translate3d(-102%, 0, 0);
    transform: translate3d(-102%, 0, 0);
    -webkit-transition: background .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: background .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: background .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: background .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    width: 100%
}

.linkdk:not(.no-hover):hover:after {
    transform: translateZ(0);
    -webkit-transition: background .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .05s;
    transition: background .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .05s;
    transition: background .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .05s;
    transition: background .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .05s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .05s
}





/* old header mobile */
/*

.site-header .menu .menu-item {
font-family: "OswaldMedium", arial, sans-serif;
    display: flex;
    justify-content;
    align-content: center;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
	.site-header .menu .menu-item {
		font-size: 16px;
	}
}
@media (min-width:1200px) {
	.site-header .menu .menu-item {
		font-size: 16px;
	}
}



.header--mobile .main-navigation .menu .menu-item {
    font-size: 12px
}

.header--mobile .main-navigation .menu .sub-menu,
.header--mobile .mobile-secondary-navigation .menu .sub-menu {
    max-height: 0;
    opacity: 0;
    padding: 0 28px;
    -webkit-transition: opacity .5s, visibility 0s, max-height .5s;
    transition: opacity .5s, visibility 0s, max-height .5s;
    visibility: hidden
}

.header--mobile .main-navigation .menu .menu-item,
.header--mobile .mobile-secondary-navigation .menu .menu-item {
    margin-bottom: 20px
}

.header--mobile .main-navigation .menu .menu-item:last-child,
.header--mobile .mobile-secondary-navigation .menu .menu-item:last-child {
    margin-bottom: 0
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu,
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu {
    max-height: 500px;
    opacity: 1;
    -webkit-transition: opacity .5s, visibility 0s, max-height .7s;
    transition: opacity .5s, visibility 0s, max-height .7s;
    visibility: visible
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item,
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item {
    font-size: 15px;
    opacity: 0
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:first-child,
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:first-child {
    margin-top: 20px
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:first-of-type,
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:first-of-type {
    opacity: 1;
    -webkit-transition: opacity .5s .1s, visibility 0s, max-height .7s;
    transition: opacity .5s .1s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(2),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(2) {
    opacity: 1;
    -webkit-transition: opacity .5s .2s, visibility 0s, max-height .7s;
    transition: opacity .5s .2s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(3),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(3) {
    opacity: 1;
    -webkit-transition: opacity .5s .3s, visibility 0s, max-height .7s;
    transition: opacity .5s .3s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(4),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(4) {
    opacity: 1;
    -webkit-transition: opacity .5s .4s, visibility 0s, max-height .7s;
    transition: opacity .5s .4s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(5),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(5) {
    opacity: 1;
    -webkit-transition: opacity .5s .5s, visibility 0s, max-height .7s;
    transition: opacity .5s .5s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(6),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(6) {
    opacity: 1;
    -webkit-transition: opacity .5s .6s, visibility 0s, max-height .7s;
    transition: opacity .5s .6s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(7),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(7) {
    opacity: 1;
    -webkit-transition: opacity .5s .7s, visibility 0s, max-height .7s;
    transition: opacity .5s .7s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(8),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(8) {
    opacity: 1;
    -webkit-transition: opacity .5s .8s, visibility 0s, max-height .7s;
    transition: opacity .5s .8s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(9),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(9) {
    opacity: 1;
    transition: opacity .5s .9s, visibility 0s, max-height .7s
}

.header--mobile .main-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(10),
.header--mobile .mobile-secondary-navigation .menu .menu-item.active .sub-menu .sub-menu-item:nth-of-type(10) {
    opacity: 1;
    transition: opacity .5s 1s, visibility 0s, max-height .7s
}

.header--desktop .main-navigation {
    -ms-flex-pack: center;
    display: flex;
    justify-content: center;
    width: unset
}

.header--desktop .main-navigation .menu {
    color: #fff;
    font-size: 18px;
    display: flex;
    height: auto;
    margin: 0;
    padding: 0
}

.header--desktop .main-navigation li {
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .header--desktop .main-navigation li {
        padding: 10px 13px
    }
}

.header--desktop .main-navigation li>.sub-menu {
    -webkit-box-direction: normal;
    background-color: #e8e8e8;
    -webkit-box-shadow: 1px 3px 5px 0 hsla(0, 0%, 52%, .5);
    box-shadow: 1px 3px 5px 0 hsla(0, 0%, 52%, .5);
    display: none;
    flex-direction: column;
    margin-top: 10px;
    padding: 8px 20px;
    position: absolute;
    z-index: 1
}

.header--desktop .main-navigation li>.sub-menu .sub-menu-item {
    padding: 7.5px 0;
    white-space: nowrap
}

.header--desktop .main-navigation li:hover>.sub-menu,
.header--desktop .search-cart-social {
    display: flex
}

.header--desktop .search-cart-social {
    align-items: center;
    justify-content: center
}

.header--desktop .search-cart-social .search:hover {
    cursor: pointer
}

.header--desktop .search-cart-social .search #search-icon {
    height: 20px;
    width: 20px
}

.header--desktop .search-cart-social .menu {
    color: #fff;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:1024px) {
    .header--desktop .search-cart-social .menu {
        display: flex;
        align-items: center;
        min-width: 65px;
        align-items: center;
    }
}

.header--desktop .search-cart-social .menu li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: none;
    padding: 0 25px 0 0
}

.header--desktop .search-cart-social .menu li:first-child {
    display: none
}

@media (min-width:768px) {
    .header--desktop .search-cart-social .menu li:first-child {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.header--desktop .search-cart-social .menu li:last-child {
    padding: 0
}

.header--desktop .search-cart-social .menu li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.header--desktop .search-cart-social .menu li a:hover:after {
    display: none
}

.header--desktop .search-cart-social .menu li svg {
    height: 20px;
    width: 20px
}

.menu#cta-button-menu .btn>a {
    -ms-flex-pack: center;
font-family: "Inter24ptMd", arial, sans-serif;
    font-weight: 300;
    justify-content: center;
    padding: 20px 25px;
    text-transform: uppercase
}

.menu#cta-button-menu .btn>a,
.menu#cta-button-menu .btn>a:hover {
    -webkit-transition: all .5s ease-in-out
}

.menu--active {
    height: 100vh;
    overflow: hidden
}

@media (min-width:1024px) {
    .menu--active {
        overflow: unset
    }
}

.menu--active #cart-count {
    left: 52%
}

.menu--active .main-navigation .mobile-nav-overlay {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    z-index: 9
}

@media (min-width:1024px) {
    .menu--active .main-navigation .mobile-nav-overlay {
        display: none;
        height: 1px;
        opacity: 0;
        position: relative;
        width: 1px;
        z-index: -1
    }
}

.menu--active .main-navigation .primary-menu-wrap {
    position: fixed;
    width: 60%
}

@media (min-width:768px) and (max-width:1024px) {
    .menu--active .main-navigation .primary-menu-wrap {
        width: 40%
    }
}

@media (min-width:1024px) {
    .menu--active .main-navigation .primary-menu-wrap {
        top: 0;
        width: unset
    }
    .menu--active .main-navigation .primary-menu-wrap #primary-menu .content-width {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

#account-and-cart-menu {
    padding-left: 25px
}
*/



.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text:hover {
    clip: auto !important;
    background-color: #f2f2f2;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    color: #000;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 12px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.is-transitioning {
    display: block !important;
    visibility: visible !important
}

.scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: scroll
}

.noscroll {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes slideInFade {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    50% {
        opacity: .4
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFade {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    50% {
        opacity: .4
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutFade {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        opacity: .4
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-125px);
        transform: translateX(-125px)
    }
}

@keyframes slideOutFade {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        opacity: .4
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-125px);
        transform: translateX(-125px)
    }
}

@-webkit-keyframes pulse-black {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@keyframes pulse-black {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

.animate--fade.-is-visible {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(.55, .085, .68, .53);
    transition: opacity 1s cubic-bezier(.55, .085, .68, .53)
}

.animate--fade-alt {
    opacity: 0
}

.animate--fade-alt.-is-visible {
    opacity: .45;
    -webkit-transition: .5s cubic-bezier(.55, .085, .68, .53);
    transition: .5s cubic-bezier(.55, .085, .68, .53)
}

.animate--fade-text.-is-visible {
    opacity: 1;
    -webkit-transition: .8s cubic-bezier(.55, .085, .68, .53);
    transition: .8s cubic-bezier(.55, .085, .68, .53)
}

.animate--fade-slide {
    opacity: 0;
    -webkit-transform: translate(-50%, 100px);
    transform: translate(-50%, 100px)
}

.animate--fade-slide.-is-visible {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .7s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .7s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1), transform .7s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1), transform .7s cubic-bezier(.25, .46, .45, .94), -webkit-transform .7s cubic-bezier(.25, .46, .45, .94)
}

.animate--cover {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.animate--cover.-is-visible {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 2s cubic-bezier(.23, 1, .32, 1), -webkit-transform 5s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1), -webkit-transform 5s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1), transform 5s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1), transform 5s cubic-bezier(.23, 1, .32, 1), -webkit-transform 5s cubic-bezier(.23, 1, .32, 1)
}

.animate--fade-slow {
    opacity: 0
}

.animate--fade-slow.-is-visible {
    opacity: 1;
    -webkit-transition: 1.75s ease-out;
    transition: 1.75s ease-out
}

.animate--fade-up {
    opacity: 0
}

.animate--fade-up.-is-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 1s cubic-bezier(.55, .085, .68, .53) 0s, -webkit-transform 1s cubic-bezier(.25, .46, .45, .94) 0s;
    transition: opacity 1s cubic-bezier(.55, .085, .68, .53) 0s, -webkit-transform 1s cubic-bezier(.25, .46, .45, .94) 0s;
    transition: opacity 1s cubic-bezier(.55, .085, .68, .53) 0s, transform 1s cubic-bezier(.25, .46, .45, .94) 0s;
    transition: opacity 1s cubic-bezier(.55, .085, .68, .53) 0s, transform 1s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.25, .46, .45, .94) 0s
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.infinite-scroll.neverending .site-footer,
.infinite-scroll .posts-navigation,
.widget_search .search-submit {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.wp-caption,
embed,
iframe,
object {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
    text-align: center
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

:root {
    --swiper-theme-color: #000
}

.arrow--next,
.arrow--prev {
    background-color: transparent !important;
    border: 0 !important;
    cursor: pointer;
    height: 50px;
    line-height: 20px;
    min-width: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-indent: -9999em;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 50px;
    z-index: 999
}

.arrow--prev {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNzYpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjkzIiBmaWxsPSIjRkZGIiBjeD0iMjUiIGN5PSIyNC42MzMiIHJ4PSIyNSIgcnk9IjI0LjYzMyIvPjxnIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtMjUuMTE2IDE2LjE4OC04LjY4NyA4Ljc0MiA4LjY4NyA4Ljc0MyIvPjxwYXRoIGQ9Ik0xNi40MjkgMjQuOTNoMTcuNjE1Ii8+PC9nPjwvZz48L3N2Zz4=);
    background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNzYpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjkzIiBmaWxsPSIjRkZGIiBjeD0iMjUiIGN5PSIyNC42MzMiIHJ4PSIyNSIgcnk9IjI0LjYzMyIvPjxnIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtMjUuMTE2IDE2LjE4OC04LjY4NyA4Ljc0MiA4LjY4NyA4Ljc0MyIvPjxwYXRoIGQ9Ik0xNi40MjkgMjQuOTNoMTcuNjE1Ii8+PC9nPjwvZz48L3N2Zz4=);
    left: 0
}

.arrow--next,
.arrow--prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 50px;
    width: 50px
}

.arrow--next {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNzYpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjkzIiBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDI1IDI0LjYzMykiIGN4PSIyNSIgY3k9IjI0LjYzMyIgcng9IjI1IiByeT0iMjQuNjMzIi8+PGcgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0yNC44ODQgMzMuMDc5IDguNjg3LTguNzQzLTguNjg3LTguNzQzIi8+PHBhdGggZD0iTTMzLjU3MSAyNC4zMzZIMTUuOTU2Ii8+PC9nPjwvZz48L3N2Zz4=);
    background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNzYpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjkzIiBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDI1IDI0LjYzMykiIGN4PSIyNSIgY3k9IjI0LjYzMyIgcng9IjI1IiByeT0iMjQuNjMzIi8+PGcgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0yNC44ODQgMzMuMDc5IDguNjg3LTguNzQzLTguNjg3LTguNzQzIi8+PHBhdGggZD0iTTMzLjU3MSAyNC4zMzZIMTUuOTU2Ii8+PC9nPjwvZz48L3N2Zz4=);
    right: 0
}

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

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.flow {
    --flow-space: 1em
}

.flow>*+* {
    margin-top: var(1em)
}

.-hide-page-overflow {
    overflow: hidden
}

.container-width,
.content-width {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

@media (min-width:1024px) {
    .container-width {
        width: 90%
    }
}

.site-content .content-width,
.site-footer .content-width,
.site-header .content-width {
    padding: 0 20px
}

@media (min-width:420px) {
    .site-content .content-width,
    .site-footer .content-width,
    .site-header .content-width {
        padding: 0 30px
    }
}

@media (min-width:1200px) {
    .site-content .content-width,
    .site-footer .content-width,
    .site-header .content-width {
        padding: 0 60px
    }
}

.wp-block-columns {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.error404 .widget-area {
    padding-top: 1em
}

@media (min-width:915px) {
    .error404 .widget-area {
        padding-top: 6em
    }
}

.relative {
    position: relative
}

.block {
    display: block
}

.col-12 {
    width: 100%
}

.zn1 {
    z-index: -1
}

.z3 {
    z-index: 3
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.bottom-0 {
    bottom: 0
}

.right-0 {
    right: 0
}

.big-bg {
    background-position: center 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1024px) {
    .md-sticky {
        position: sticky
    }
    .md-hide {
        display: none !important
    }
}

.sm-show {
    display: none
}

@media (min-width:768px) {
    .sm-show {
        display: block
    }
}

.md-show {
    display: none
}

@media (min-width:1024px) {
    .md-show {
        display: block
    }
    .md-absolute {
        position: absolute
    }
    .md-h100 {
        height: 100vh
    }
}
/*
.site-header {
    -ms-flex-pack: center;
    background: #fff;
    justify-content: center;
    width: 100%
}

.site-header,
.site-header>.content-width {
    align-items: center;
    display: flex
}

.site-header>.content-width {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.site-header.header--mobile {
    border-bottom: 0;
    max-height: 0;
    opacity: 0;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    z-index: 1
}

.site-header.header--mobile,
.site-header.header--mobile.-is-open {
    -webkit-transition: opacity .5s, visibility 0s, max-height 0s;
    transition: opacity .5s, visibility 0s, max-height 0s
}

.site-header.header--mobile.-is-open {
    background: #251d36;
    display: block;
    height: 100vh;
    max-height: 100%;
    opacity: 1;
    visibility: visible;
    width: 100vw;
    z-index: 99999
}

.site-header.header--mobile .header--mobile-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.site-header.header--mobile .header--mobile-top .site-branding {
    padding: 16px 20px
}

@media (min-width:768px) {
    .site-header.header--mobile .header--mobile-top .site-branding {
        padding: 24px 30px
    }
}

.site-header.header--mobile .header--mobile-top .site-branding .logo {
    color: #fff;
    display: inline-block;
    line-height: 1;
    width: 170px
}

.site-header.header--mobile .header--mobile-top .site-branding .logo svg {
    width: 300px
}

.site-header.header--mobile .header--mobile-top .btn--close {
    height: 50px;
    line-height: 32px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 49px
}

.site-header.header--mobile .header--mobile-top .btn--close:after,
.site-header.header--mobile .header--mobile-top .btn--close:before {
    background-color: #fff;
    content: "";
    height: 30px;
    left: 25px;
    position: absolute;
    top: 16px;
    width: 2px
}

.site-header.header--mobile .header--mobile-top .btn--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header.header--mobile .header--mobile-top .btn--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header.header--mobile .main-navigation,
.site-header.header--mobile .mobile-secondary-navigation,
.site-header.header--mobile .social-navigation {
    color: #fff
}

.site-header.header--mobile .main-navigation .menu,
.site-header.header--mobile .mobile-secondary-navigation .menu,
.site-header.header--mobile .social-navigation .menu {
    -webkit-box-direction: normal;
    display: flex;
    flex-direction: column;
    padding: 32px 16px;
    border-top: 1px solid #ffffff6e;
}

.site-header.header--mobile .main-navigation .menu .btn,
.site-header.header--mobile .mobile-secondary-navigation .menu .btn,
.site-header.header--mobile .social-navigation .menu .btn {
    display: none
}

.site-header.header--mobile .social-navigation .menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    padding: 25px 16px
}

.site-header.header--mobile .social-navigation .menu .menu-item {
    margin-right: 15px
}

.site-header.header--mobile .social-navigation .menu .menu-item svg {
    height: 20px;
    width: 20px
}

.site-header.header--desktop {
    background: transparent;
    bottom: 0;
    box-sizing: border-box;
    height:115px;
    padding: 30px 0 16px;
    position: relative;
    top: 10px;
    z-index: 9;
    position: absolute;
}

.site-header.header--desktop .site-branding {
    align-items: center;
    display: flex
}

.site-header.header--desktop .site-branding .logo {
    color: #000;
    left: 0;
    filter: invert(1);
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 7px;
    width: 170px
}

@media (min-width:768px) {
    .site-header.header--desktop .site-branding .logo {
        text-align: center;
        width: 350px
    }
}

.site-header.header--desktop .site-branding .logo svg {
    width: 170px;
    	
}
@media (min-width:768px) {
	.site-header.header--desktop .site-branding .logo svg {

	}
}
.site-header.header--desktop .main-navigation {
    display: none
}

@media (min-width:1080px) {
    .site-header.header--desktop .main-navigation {
        display: block
    }
}

.site-header.header--desktop .search-cart-social {
    align-items: center;
    display: flex;
    padding: 16px 0 16px 16px
}

@media (min-width:1024px) {
    .site-header.header--desktop .search-cart-social {
        min-width: 327px
    }
}

.site-header.header--desktop .search-cart-social .order-online-btn {
    display: none;
    margin-right: 0;
    min-width: 130px
}

@media (min-width:768px) {
    .site-header.header--desktop .search-cart-social .order-online-btn {
        display: inline-block
    }
}

@media (min-width:1024px) {
    .site-header.header--desktop .search-cart-social .order-online-btn {
        margin-right: 25px;
        min-width: 160px
    }
}

.site-header.header--desktop .search-cart-social .search {
    display: none;
    padding: 0
}

@media (min-width:1024px) {
    .site-header.header--desktop .search-cart-social .search {
        display: flex
    }
}

.site-header.header--desktop .search-cart-social .search-divider {
    border-right: 1px solid #eee;
    content: "";
    display: none;
    height: 41px;
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width:1024px) {
    .site-header.header--desktop .search-cart-social .search-divider {
        display: block
    }
}

.site-header.header--desktop .search-cart-social .social-menu {
    display: none
}

@media (min-width:1024px) {
    .site-header.header--desktop .search-cart-social .social-menu {
        display: flex
    }
}

.hamburger>svg {fill:#fff;}

.site-header.header--desktop .search-cart-social .hamburger {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    padding: 10px 4px 10px 30px;
    position: relative
}

@media (min-width:768px) {
    .site-header.header--desktop .search-cart-social .hamburger {
        padding-left: 30px;
        padding-right: 20px
    }
}

@media (min-width:1080px) {
    .site-header.header--desktop .search-cart-social .hamburger {
        display: none
    }
}

body:not(.home) .site-header.header--desktop .search-cart-social .hamburger svg,
body:not(.home) .site-header.header--desktop .site-branding .logo svg {
    fill: #fff;
    filter: invert(1);
}

body:not(.home) .site-header .menu .menu-item {
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
}

body:not(.home) li svg {
    fill: #fff
}

body.page-template-page-stockist .site-header.header--desktop .site-branding .logo svg {
    fill: #251d36
}

body.page-template-page-stockist .site-header .menu .menu-item {
    color: #251d36;
    height: 50px;
    align-items: center;
    justify-content: center;
}

body.page-template-page-stockist .site-header .menu .menu-item:hover {
    color: #251d36;
    height: 50px;
    align-items: center;
    justify-content: center;
}

body.page-template-page-stockist li svg {
    fill: #251d36
}

body.page-template-page-stockist .btn--nav {
    background-color: #251d36;
    border: 1px solid #251d36;
    color: #fff
}

body.page-template-page-stockist .menu#cta-button-menu .btn>a {
    color: #fff;
}

body.page-template-page-stockist .site-header.header--desktop .search-cart-social .hamburger svg,
body.page-template-page-stockist body:not(.home) .site-header.header--desktop .site-branding .logo svg {
    fill: #251d36
}

body.page-template-page-stockist ul#mobile-main-menu li {
    color: #fff
}

.header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end;
    padding-left: 20px
}

.header__icon:not(.header__icon--summary),
.header__icon span {
    -ms-flex-pack: center;
    align-items: center;
    display: flex;
    justify-content: center
}

.header__icon .icon {
    fill: none;
    height: 20px;
    vertical-align: middle;
    width: 2rem
}

.header__icon span {
    height: 100%
}

old header */




.no-results .content-width,
.not-found .content-width {
    -webkit-box-direction: normal;
    align-items: center;
    display: flex;
    flex-direction: column
}

.no-results {
    padding: 4em 0
}

.section {
    border-bottom: 1px solid #eee;
    display: flex;
    flex-wrap: wrap
}

.container-i {
    margin: 0 auto;
    max-width: 80%;
    width: 80%
}

@media (min-width:1024px) {
    .container-i {
        max-width: 96%;
        width: 96%
    }
}

.container-md {
    margin: 0 auto;
    padding: 0 1%;
    width: 100%
}

@media (min-width:1024px) {
    .container-md {
        max-width: 85%;
    }
}


.container-nav-arrow {
    margin-left: auto;
    margin-right: auto;
    max-width: 92%;
    width: 92%
}

@media (min-width:1024px) {
    .container-nav-arrow {
        max-width: 96%;
        width: 96%
    }
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.border-bottom {
    border-bottom: 1px solid #eee
}

.header--module {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    min-height: 90px;
    width: 100%
}

.header--module h1 {
    font-size: 55px
}

@media (min-width:768px) {
    .header--module h1 {
        font-size: 62px
    }
}

.header--module h2 {
    font-size: 1.57;
    text-align: center
}

@media (min-width:1024px) {
    .header--module h2 {
        text-align: left
    }
}

.header--module .header__title {
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 1.5em;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 auto;
    padding: 25px 18px 13px;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:768px) {
    .header--module .header__title {
        font-size: 2.6em;
        letter-spacing: .6px;
        line-height: 1;
        margin: 0;
        padding: 20px 30px
    }
}

.header--module .header__description {
    display: none
}

@media (min-width:1024px) {
    .header--module .header__description {
        display: inline-block;
        font-size: 18px;
        line-height: 1.33;
        margin-bottom: 0;
        margin-left: 30px;
        width: 45%
    }
}

.header--module .subnav__aside {

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    padding: 0 20px 0 0
}

@media (min-width:1024px) {
    .header--module .subnav__aside {
        padding: 0 30px 0 60px
    }
}

.header--module .subnav__aside .btn--search {
    height: 27px;
    margin-left: 0;
    margin-right: 20px;
    width: 27px
}

@media (min-width:1024px) {
    .header--module .subnav__aside .btn--search {
        height: 17px;
        margin-left: 30px;
        margin-right: 0;
        width: 17px
    }
}

.header--module .subnav__aside .btn--cta {
    min-width: 10px;
    white-space: nowrap
}

@media (min-width:1024px) {
    .header--module .subnav__aside .btn--cta {
        min-width: 170px
    }
}

.site-content .content-container {
    margin: 0 auto;
    max-width: 85%;
    padding: 75px 0 50px
}

@media (min-width:1024px) {
    .site-content .content-container {
        max-width: 75%;
        padding: 75px 0
    }
}


.site-content .content-container h1 {
    font-family: "OswaldMedium", arial, sans-serif;
    font-size: 1.6em;
    letter-spacing: 1px;
    line-height: 1.221em;
    margin: 0 auto;
    max-width: 24em;
    padding: .5em 0;
    text-transform: uppercase
}

@media (min-width:1440px) {
    .site-content .content-container h1 {
        font-size: 1.65em;
        letter-spacing: 1.3px;
        line-height: 1.2em;
    }
}

.site-content .content-container .entry-content {
    margin-bottom: 3em
}

.site-content .content-container .entry-content a {
    border-bottom: 1px solid;
    padding-bottom: 2px
}


.content-container-med {
	margin: 0 auto;
	width: 100%;
	padding: 5em 70px 1em;
}
@media (min-width:992px) {
	.content-container-med {
		padding: 5em; 
		max-width: 80%;
	}

}
. page-id-2827 .site-content .content-container-small {
    margin: 0 auto;
	width: 100%;
    padding: 0 0 50px;
}


@media (min-width:992px) {
.page-id-2827 .site-content .content-container-small {
        padding: 75px 0
    }
}




@media (min-width:915px) {
    .site-content .content-container-small {
        max-width: 80%;
        padding: 75px 0
    }
}

@media (min-width:1024px) {
    .site-content .content-container-small {
        max-width: 70%
    }
}

@media (min-width:1920px) {
    .site-content .content-container-small {
        max-width: 65%
    }
}



.site-content .content-container-small h1 {
    color: #342553;
    font-size: 36px;
    margin: 0 auto;
    font-family: "OswaldMedium";
    padding: 0 1em 15px;
    text-transform: uppercase
}


@media (min-width:1024px) {
    .site-content .content-container-small h1 {
        max-width: 70%;
        
    }
}


@media (min-width:1340px) {
    .site-content .content-container-small h1 {
        font-size: 35.5px
        
    }
}

.site-content .content-container-small .entry-content {
    margin-bottom: 3em
}

.site-content .content-container-small .entry-content a {
    border-bottom: 1px solid;
    padding-bottom: 2px
}

.has-intro,
.has-intro body {
    overflow: hidden
}

.intro {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .4s ease-in-out .2s;
    z-index: 100
}

.intro h2 {
	font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 1.5em;
    letter-spacing: 1px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase
}

.intro p {
    padding: 0 35px;
    text-align: center;
}

html:not(.has-intro) .intro {
    display: none
}

.intro-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    opacity: 1;
    transition: opacity .25s ease-in-out
}

.intro-content h2 {
    font-family: 'OswaldMedium';
    font-size: 35px;
    letter-spacing: .0125em;
    letter-spacing: 1.5px;
    line-height: 1.222;
    text-transform: uppercase;
}
.page-loaded .intro-content {
    opacity: 1
}

.intro-content p {
    margin: 0 auto;
    max-width: 95%;
    padding: 15px 30px;
    font-size: 24px;
    text-align: center
}

@media (min-width:1024px) {
    .intro-content p {
        max-width: 60%
    }
}


.dark {
    background: #251d36;
    color: #fff
}

.big-animated-logo {
    height: 180px;
    margin-bottom: 20px;
    max-width: 235px;
    pointer-events: none;
    position: relative;
    width: 100%
}

.big-animated-logo img {
    height: 100%;
    position: absolute;
    width: 100%
}

.button,
.button:visited {
    border: 2px solid #000;
    font-size: 14px;
    letter-spacing: .0625em;
    text-transform: uppercase
}

.dark .button {
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin: 10px;
    min-width: 125px;
    padding: 15px 30px;
    text-align: center
}

.dark .button:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000
}

.home-main {
    background-position: 50%;
    background-size: cover;
    border-bottom: 50px solid #251d36;
    height: 700px;
    margin-bottom: 40px;
    margin-top: -90px;
    min-height: 74vh;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .home-main .home-main {
        height: calc(110vh - 268px);
        margin-top: -110px;
        min-height: 900px;
        -webkit-transition: opacity .6s ease;
        transition: opacity .6s ease;
        width: 100%
    }
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
[class^=swiper-button-] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.swiper-container {
    height: 700px;
    margin-bottom: 40px;
    margin-top: -90px;
    min-height: 74vh;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .swiper-container {
        height: calc(110vh - 268px);
        margin-top: -110px;
        min-height: 900px;
        -webkit-transition: opacity .6s ease;
        transition: opacity .6s ease;
        width: 100%
    }
}

.swiper-container.loading {
    opacity: 0;
    visibility: hidden
}

.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

.swiper-slide {
    background-position: 50%;
    background-size: cover
}

.swiper-slide .entity-img {
    display: none
}

.swiper-slide .content {
    bottom: 0;
    color: #fff;
    height: 50%;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 100%
}

@media (min-width:1024px) {
    .swiper-slide .content {
        top: 70%
    }
}

.swiper-slide .content h1 {
    font-size: calc(2.35rem + .56338vw - 2.11268px);
    font-weight: 700;
    line-height: 1em;
    margin: 0 auto 40px;
    text-transform: capitalize;
    width: 90%
}

@media (min-width:1024px) {
    .swiper-slide .content h1 {
        font-size: calc(3rem + .56338vw - 2.11268px);
        width: 39%
    }
}

.swiper-slide .content h3 {
    margin: 0 auto;
    width: 90%
}

@media (min-width:1024px) {
    .swiper-slide .content h3 {
        max-width: 50%
    }
}

.swiper-slide .content .title {
    font-size: 2.6em;
    font-weight: 700;
    margin-bottom: 30px
}

.swiper-slide .content .caption {
    display: block;
    font-size: 17px;
    line-height: 1.4;
    margin: 0 auto;
    max-width: 90%
}

@media (min-width:1024px) {
    .swiper-slide .content .caption {
        max-width: 70%
    }
}

[class^=swiper-button-] {
    opacity: 0;
    visibility: hidden;
    width: 44px
}

.swiper-button-prev {
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
}

.swiper-button-next {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #fff;
    height: 12px;
    margin: 0 9px;
    opacity: .4;
    position: relative;
    width: 12px
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
    border: 0 solid #fff;
    border-radius: 50%;
    content: "";
    height: 18px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    opacity: 1
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    border-width: 1px
}

.section-heading {
    box-sizing: border-box;
    font-size: calc(1rem + .37559vw - 1.40845px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.33333;
    margin: 5.5em auto;
    padding: 0 30px;
    text-align: center
}

@media (min-width:1024px) {
    .section-heading {
        max-width: 82%
    }
}

@media (min-width:1200px) {
    .section-heading {
        max-width: 60%
    }
}

.section-heading h2 {
    color: #251d36;
    font-family: "InterRegular", arial, sans-serif;
    font-size: 1.47em;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .section-heading h2 {
        letter-spacing: 1px;
        line-height: 1.05em;
        margin: 0 auto 10px;
        max-width: 90%
    }
}

@media (min-width:1200px) {
    .section-heading h2 {
        max-width: 80%
    }
}

.section-heading h4 {
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 1.19217em;
    letter-spacing: 2px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.section-heading p {
    font-size: 20px
}

@media (min-width:1024px) {
    .section-heading p {
        margin: 0 auto;
        max-width: 90%
    }
}

.section-container {
    box-sizing: border-box;
    font-size: calc(1rem + .37559vw - 1.40845px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.33333;
    margin: 0 auto 1em;
    padding: 0 30px;
    text-align: center
}

@media (min-width:1024px) {
    .section-container {
        max-width: 82%
    }
}

@media (min-width:1200px) {
    .section-container {
        max-width: 60%
    }
}

.section-container h2 {
    color: #251d36;
    font-family: "OswaldMedium", arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 24px;
}

@media (min-width:1024px) {
    .section-container h2 {
        margin: 0 auto 10px;
        max-width: 90%
    }
}

@media (min-width:1200px) {
    .section-container h2 {
        max-width: 80%
    }
}

.section-container h4 {
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 1.19217em;
    letter-spacing: 2px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.section-container p {
	 margin: 0 auto;
	 font-family: "NeueHaasDisplayRoman", arial, sans-serif;
	 font-weight: 300;
    padding: 1em 20px;
}

@media (min-width:1024px) {
    .section-container p {
        max-width: 90%
    }
}

section.instagram {
    margin: 0 auto 5em;
    max-width: 92%;
    width: 100%
}

@media (min-width:1024px) {
    section.instagram {
        max-width: 93%
    }
}

section.instagram h2 {
    color: #251d36;
    font-family: "OswaldMedium", arial, sans-serif;
    font-size: 2.3456rem;
    letter-spacing: 1.4px;
    margin: 1em auto 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

section.instagram h2 .white {
    color: #fff !important
}

section.instagram .grid {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 10px auto;
    max-width: 180px;
    text-align: center
}

section.instagram .grid svg {
    max-width: 30px;
    width: 30px
}

section.instagram .grid .social-title {
    margin-top: -7px
}

#sb_instagram .sbi_photo img {
    height: 100% !important
}

.feature-section-grid {
	display: grid;
	grid-template-columns: 1fr;
}
@media (min-width:768px) {
.feature-section-grid {
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
}
.feature-section {
    align-self: center;
    display: flex;
    flex-direction: column;
    min-height: 43.25vw;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .feature-section {
        flex-direction: row-reverse;
        text-align: left
    }
}

.feature-section__image-wrapper,
.feature-side {
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 1
}

.feature-section__image-wrapper {
    min-height: 100vw;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .feature-section__image-wrapper {
        min-height: 0
    }
}

.feature-section__image-link {
    border: 0;
    display: block;
    line-height: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    position: absolute
}

.feature-section__image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: all .4s ease-in-out;
    width: 100%
}

.feature-section[focus-within] .feature-section__image,
a:not([href=""]):hover .feature-section__image {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    transition: all .4s ease-in-out
}

.feature-section:focus-within .feature-section__image,
a:not([href=""]):hover .feature-section__image {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    transition: all .4s ease-in-out
}

.feature-side {
    -ms-flex-pack: center;
    align-items: center;
    background: #251d36;
    display: flex;
    justify-content: center;
    padding: calc(110px + 1.5vw) 7.5vw
}

@media (min-width:768px) {
    .feature-side {
        min-height: 50vw
    }
}

.feature-body-content {
    color: var(--color-white);
}
.feature-body-content p {
	color: var(--color-white);
    font-family: "NeueHaasDisplayRoman", arial, sans-serif;

	}

.feature-body-content h2 {
    font-family: "OswaldMedium", "AvenirLTProLight", arial, sans-serif;
    font-size:1.8em;
    color: var(--color-white);
    font-weight: 300;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: .3px;
}

@media (min-width:1200px) {
    .feature-body-content h2 {
        font-size: 40px;
        max-width: 80%;
    }
}

.feature-body-content h3 {
    font-family: "OswaldMedium", arial, sans-serif;
    font-size: 15px;
    text-align: center;
    color: var(--color-white);

    letter-spacing: 2px;
    line-height: 1.57;
    padding-bottom: 35px;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .feature-body-content h3 {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: left;
    }
}

@media (max-width:1024px) {
.feature-body-content .primary-button-light {
margin: 0 auto;
	}
}



.order-reverse {
    order: 2;
    text-align: center;
}

@media (min-width:768px) {
    .order-reverse {
        order: 1;
        text-align: left;
    }
}

section.cocktails {
    margin: 3.4em 0 5em
}

.head-cocktails {
    display: block;
    margin: 0 auto;
    max-width: 80%
}

@media (min-width:768px) {
    .head-cocktails {
        max-width: 50%
    }
}

@media (min-width:1024px) {
    .head-cocktails {
        margin: 0 auto;
        max-width: 390px
    }
}

@media (min-width:1200px) {
    .head-cocktails {
        margin: 0 auto 2.5em
    }
}

.cocktail-container {
    margin: 0 auto;
    max-width: 98%
}

@media (min-width:1024px) {
    .cocktail-container {
        max-width: 85%
    }
}

@media (min-width:1200px) {
    .cocktail-container {
        max-width: 89%
    }
}

.w-grid {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width:992px) {
    .w-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
}

@media (min-width:768px) {
    .w-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1300px) {
    .w-grid {
        grid-template-columns: repeat(5, 1fr);
    }
    .cocktail-wrapper {
        border-right: 2px solid #eee;
        padding: 10px;
    }
    .cocktail-wrapper:last-of-type {
        border-right: 2px solid transparent
    }

    padding: 10px 0 10px 10px;
}

section.lifestyle {
    margin-top: 5em
}
@media (min-width:1300px) {
.lifestyle .container {
	margin: 100px
}
}
.masonry--intro-header {
    margin: 0 auto;
    max-width: 95%;
    text-align: center;
    padding-bottom: 4em,;
}

@media (min-width:420px) {
    .masonry--intro-header {
        max-width: 84%
    }
}

@media (min-width:1024px) {
    .masonry--intro-header {
        max-width: 55%
    }
}

@media (min-width:1440px) {
    .masonry--intro-header {
        max-width: 45%
    }
}

.masonry--intro-header h2 {
    color: #251d36;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: capitalize;
}

@media (min-width:1024px) {
    .masonry--intro-header h2 {
        font-size: 1.82em
    }
}

.grid {
    -webkit-box-direction: normal;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.grid .content-section-left {
    margin-bottom: 60px;
}

@media (min-width: 992px) {

	.grid .content-section-left {
		max-width: 95%;
	}
}



.grid .content-section-left h2 {
    color: #291f3e; 
    font-size: 24px;;
    margin: 0 auto 60px;
    max-width: 90%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'BasisMedium';
}

@media (min-width:768px) {
    .grid .content-section-left h2 {
        text-align: left
    }
}

@media (min-width:1024px) {
    .grid .content-section-left h2 {
        font-size: 1.48em;

    }
}

@media (min-width:1640px) {
    .grid .content-section-left h2 {
        font-size: 1.82em
    }
}

.grid .content-section-left p {
    font-size: 16px;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width:768px) {
    .grid .content-section-left p {
        margin-bottom: 2em;
        margin-left: 60px;
        max-width: 80%;
        text-align: left
    }
}

.grid .content-section-middle h2 {
    color: #291f3e;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 1.1em;
    margin: 2em auto .8em;
    max-width: 95%;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .grid .content-section-middle h2 {
        margin-left: 0;
        text-align: left
    }
}

@media (min-width:1024px) {
    .grid .content-section-middle h2 {
        font-size: 1.48em;
        margin-bottom: 0;
        margin-left: 0;
        max-width: 92%
    }
}

@media (min-width:1640px) {
    .grid .content-section-middle h2 {
        font-size: 1.82em
    }
}

@media (min-width:1440px) {
    .grid .content-section-middle h2 {
        max-width: 600px
    }
}

.grid .content-section-middle p {
    font-size: 16px;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Gotham Book";
}

@media (min-width:768px) {
    .grid .content-section-middle p {
        font-size: 20px;
        margin: 1em 0 2em;
        text-align: left;
    }
}

.container .grid {
    margin-left: -30px;
    width: calc(100% + 60px)
}

.grid.h-pad {
    padding: 0 30px
}

.grid.v-pad {
    padding: 90px 0
}

.grid.top-pad {
    padding-top: 90px
}

.grid.bottom-pad {
    padding-bottom: 90px
}

.grid .row {
    -ms-flex-negative: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.grid .row .box {
    padding: 10px 30px;
    position: relative
}
@media (min-width:992px) {
	
	.grid .row .box {
		padding: 90px 30px;
	}
}


.grid .row .box.full-h-pad {
    padding-left: 100px;
    padding-right: 100px
}

.grid .row .box.container-h-pad {
    padding: 40px;
}

.grid .row .box.hv-pad {
    padding-bottom: 60px;
    padding-top: 60px
}

.grid .row .box.small-hv-pad {
    padding-bottom: 20px;
    padding-top: 20px
}

.row:first-child .grid .row .box:not(.header-box) {
    padding-top: 0
}

.row:last-child .grid .row .box {
    padding-bottom: 0
}

.grid .row .box.no-top-pad {
    padding-top: 0
}

.grid .row .box.no-bottom-pad {
    padding-bottom: 0
}

.grid .row .box.no-v-pad {
    padding-bottom: 0;
    padding-top: 0
}

@media only (max-width:1023px) {
    .grid .row .box.no-top-pad-max-sm {
        padding-top: 0
    }
}

@media (max-width:900px) {
    .grid .row .box.no-top-pad-xs {
        padding-top: 0
    }
}

.grid .row .text-box {
    max-width: 604px
}

.grid .row .text-max-width {
    max-width: 544px
}

.grid .row .wide-text-max-width {
    margin: 0 auto;
    max-width: 864px
}

.grid .row .approach-max-width {
    max-width: 336px
}

.grid .row .header-max-width {
    max-width: calc(var(--h1)*18)
}

.grid .row .no-v-pad {
    padding-bottom: 0;
    padding-top: 0
}

.grid .row .no-h-pad {
    padding-left: 0;
    padding-right: 0
}

.grid .row .no-pad {
    padding: 0
}

.mousehover .grid .row .box-100vh {
    height: 100vh
}

.no-mousehover .grid .row .box-100vh {
    height: calc(var(--vh)*100)
}

.grid .row .box-100vw {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: -30px;
    width: 100vw
}

.container .grid .row .box-100vw {
    margin-left: -70px
}

@media (max-width:900px) {
    .grid .row .box-100vw-mobile {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100vw
    }
    .container .grid .row .box-100vw-mobile {
        margin-left: -70px
    }
}

@media only (min-width:768px) {
    .grid .row .box-50vw {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: -70px;
        width: 50vw
    }
    .grid .row.half-centered-images .box-50vw {
        margin-left: -70px;
        margin-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) and (max-width:900px) {
    .grid .row.half-centered-images .box-50vw {
        margin-bottom: -120px;
        width: calc(100% + 30px)
    }
}

@media only (min-width:768px) {
    .grid .row.half-centered-images .box:not(.box-50vw) {
        left: 20px
    }
    .grid .row.centered-half-images .box-50vw {
        margin-left: 0;
        margin-right: -70px;
        padding-right: 0
    }
}

@media (min-width:768px) and (max-width:900px) {
    .grid .row.centered-half-images .box-50vw {
        margin-top: -120px;
        width: calc(100% + 30px)
    }
}

@media only (min-width:768px) {
    .grid .row.centered-half-images .box:not(.box-50vw) {
        right: 20px
    }
    .grid .row.two-50vw {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: center
    }
    .grid .row.two-50vw .box-50vw:first-child {
        margin-left: -70px;
        margin-right: 0
    }
    .grid .row.two-50vw .box-50vw:last-child {
        margin-right: -70px
    }
}

.grid .row .full-box {
    width: 100%
}

header .grid .fixed-full {
    bottom: 0;
    position: absolute;
    top: 0
}

.grid .text-row {
    margin: 0 auto;
    max-width: 812px
}

.grid .text-image+.text-image,
.grid .text-image+.two-text-images,
.grid .two-images:not(.one-hidden-xs)+.two-images,
.grid .two-text-images:not(.one-hidden-xs)+.text-image,
.grid .two-text-images:not(.one-hidden-xs)+.two-text-images,
.page-id-8 .grid .big-image+.big-image,
.page-id-8 .grid .big-image+.two-images,
.page-id-8 .grid .two-images+.big-image {
    margin-top: -120px
}

@media only (min-width:768px) {
    .grid .two-images.left-hidden+.two-images.right-hidden,
    .grid .two-images.right-hidden+.two-images.left-hidden {
        margin-top: -300px
    }
}

@media only (max-width:900px) {
    .grid .two-images .box:not(.hide-xs):last-child {
        margin-top: -120px
    }
}

.grid.thumbs .row+.row {
    margin-top: -50.4px
}

.grid .right-auto {
    margin-right: auto
}

.grid .left-auto {
    margin-left: auto
}

.grid .align-center {
    margin-left: auto;
    margin-right: auto
}

.grid .align-left {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.grid .align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.grid .justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.grid .align-items-center,
.grid .v-center {
    align-items: center
}

.grid .flex-box {
    align-items: center
}

.grid .align-vertical,
.grid .flex-box {
    -ms-flex-pack: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.grid .align-vertical {
    -webkit-box-direction: normal;
    flex-direction: column
}

.grid br {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 0;
    overflow: hidden;
    width: 0
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.max-width {
    max-width: var(--max-width)
}

@media only (min-width:1281px) {
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .pad-lg-1 {
        margin-left: 8.33333%
    }
    .pad-right-lg-1 {
        margin-right: 8.33333%
    }
    .pad-lg-2 {
        margin-left: 16.66667%
    }
    .pad-right-lg-2 {
        margin-right: 16.66667%
    }
    .pad-lg-3 {
        margin-left: 25%
    }
    .pad-right-lg-3 {
        margin-right: 25%
    }
    .pad-lg-4 {
        margin-left: 33.33333%
    }
    .pad-right-lg-4 {
        margin-right: 33.33333%
    }
    .pad-lg-5 {
        margin-left: 41.66667%
    }
    .pad-right-lg-5 {
        margin-right: 41.66667%
    }
    .pad-lg-6 {
        margin-left: 50%
    }
    .pad-right-lg-6 {
        margin-right: 50%
    }
    .pad-lg-7 {
        margin-left: 58.33333%
    }
    .pad-right-lg-7 {
        margin-right: 58.33333%
    }
    .pad-lg-8 {
        margin-left: 66.66667%
    }
    .pad-right-lg-8 {
        margin-right: 66.66667%
    }
    .pad-lg-9 {
        margin-left: 75%
    }
    .pad-right-lg-9 {
        margin-right: 75%
    }
    .pad-lg-10 {
        margin-left: 83.33333%
    }
    .pad-right-lg-10 {
        margin-right: 83.33333%
    }
    .pad-lg-11 {
        margin-left: 91.66667%
    }
    .pad-right-lg-11 {
        margin-right: 91.66667%
    }
}

@media only (min-width:1024px) and (max-width:1280px) {
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .pad-md-1 {
        margin-left: 8.33333%
    }
    .pad-right-md-1 {
        margin-right: 8.33333%
    }
    .pad-md-2 {
        margin-left: 16.66667%
    }
    .pad-right-md-2 {
        margin-right: 16.66667%
    }
    .pad-md-3 {
        margin-left: 25%
    }
    .pad-right-md-3 {
        margin-right: 25%
    }
    .pad-md-4 {
        margin-left: 33.33333%
    }
    .pad-right-md-4 {
        margin-right: 33.33333%
    }
    .pad-md-5 {
        margin-left: 41.66667%
    }
    .pad-right-md-5 {
        margin-right: 41.66667%
    }
    .pad-md-6 {
        margin-left: 50%
    }
    .pad-right-md-6 {
        margin-right: 50%
    }
    .pad-md-7 {
        margin-left: 58.33333%
    }
    .pad-right-md-7 {
        margin-right: 58.33333%
    }
    .pad-md-8 {
        margin-left: 66.66667%
    }
    .pad-right-md-8 {
        margin-right: 66.66667%
    }
    .pad-md-9 {
        margin-left: 75%
    }
    .pad-right-md-9 {
        margin-right: 75%
    }
    .pad-md-10 {
        margin-left: 83.33333%
    }
    .pad-right-md-10 {
        margin-right: 83.33333%
    }
    .pad-md-11 {
        margin-left: 91.66667%
    }
    .pad-right-md-11 {
        margin-right: 91.66667%
    }
}

@media only (min-width:768px) and (max-width:1023px) {
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .pad-sm-1 {
        margin-left: 8.33333%
    }
    .pad-sm-1-half {
        margin-left: 4.16667%
    }
    .pad-right-sm-1 {
        margin-right: 8.33333%
    }
    .pad-right-sm-1-half {
        margin-right: 4.16667%
    }
    .pad-sm-2 {
        margin-left: 16.66667%
    }
    .pad-sm-2-half {
        margin-left: 8.33333%
    }
    .pad-right-sm-2 {
        margin-right: 16.66667%
    }
    .pad-right-sm-2-half {
        margin-right: 8.33333%
    }
    .pad-sm-3 {
        margin-left: 25%
    }
    .pad-sm-3-half {
        margin-left: 12.5%
    }
    .pad-right-sm-3 {
        margin-right: 25%
    }
    .pad-right-sm-3-half {
        margin-right: 12.5%
    }
    .pad-sm-4 {
        margin-left: 33.33333%
    }
    .pad-sm-4-half {
        margin-left: 16.66667%
    }
    .pad-right-sm-4 {
        margin-right: 33.33333%
    }
    .pad-right-sm-4-half {
        margin-right: 16.66667%
    }
    .pad-sm-5 {
        margin-left: 41.66667%
    }
    .pad-sm-5-half {
        margin-left: 20.83333%
    }
    .pad-right-sm-5 {
        margin-right: 41.66667%
    }
    .pad-right-sm-5-half {
        margin-right: 20.83333%
    }
    .pad-sm-6 {
        margin-left: 50%
    }
    .pad-sm-6-half {
        margin-left: 25%
    }
    .pad-right-sm-6 {
        margin-right: 50%
    }
    .pad-right-sm-6-half {
        margin-right: 25%
    }
    .pad-sm-7 {
        margin-left: 58.33333%
    }
    .pad-sm-7-half {
        margin-left: 29.16667%
    }
    .pad-right-sm-7 {
        margin-right: 58.33333%
    }
    .pad-right-sm-7-half {
        margin-right: 29.16667%
    }
    .pad-sm-8 {
        margin-left: 66.66667%
    }
    .pad-sm-8-half {
        margin-left: 33.33333%
    }
    .pad-right-sm-8 {
        margin-right: 66.66667%
    }
    .pad-right-sm-8-half {
        margin-right: 33.33333%
    }
    .pad-sm-9 {
        margin-left: 75%
    }
    .pad-sm-9-half {
        margin-left: 37.5%
    }
    .pad-right-sm-9 {
        margin-right: 75%
    }
    .pad-right-sm-9-half {
        margin-right: 37.5%
    }
    .pad-sm-10 {
        margin-left: 83.33333%
    }
    .pad-sm-10-half {
        margin-left: 41.66667%
    }
    .pad-right-sm-10 {
        margin-right: 83.33333%
    }
    .pad-right-sm-10-half {
        margin-right: 41.66667%
    }
    .pad-sm-11 {
        margin-left: 91.66667%
    }
    .pad-sm-11-half {
        margin-left: 45.83333%
    }
    .pad-right-sm-11 {
        margin-right: 91.66667%
    }
    .pad-right-sm-11-half {
        margin-right: 45.83333%
    }
}

@media only (min-width:768px) {
    .hide-min-sm {
        display: none
    }
}

@media (max-width:900px) {
    .col-xs-1 {
        width: 8.33333%
    }
    .col-xs-2 {
        width: 16.66667%
    }
    .col-xs-3 {
        width: 25%
    }
    .col-xs-4 {
        width: 33.33333%
    }
    .col-xs-5 {
        width: 41.66667%
    }
    .col-xs-6 {
        width: 50%
    }
    .col-xs-7 {
        width: 58.33333%
    }
    .col-xs-8 {
        width: 66.66667%
    }
    .col-xs-9 {
        width: 75%
    }
    .col-xs-10 {
        width: 83.33333%
    }
    .col-xs-11 {
        width: 91.66667%
    }
    .col-xs-12 {
        width: 100%
    }
    .pad-xs-1 {
        margin-left: 8.33333%
    }
    .pad-right-xs-1 {
        margin-right: 8.33333%
    }
    .pad-xs-2 {
        margin-left: 16.66667%
    }
    .pad-right-xs-2 {
        margin-right: 16.66667%
    }
    .pad-xs-3 {
        margin-left: 25%
    }
    .pad-right-xs-3 {
        margin-right: 25%
    }
    .pad-xs-4 {
        margin-left: 33.33333%
    }
    .pad-right-xs-4 {
        margin-right: 33.33333%
    }
    .pad-xs-5 {
        margin-left: 41.66667%
    }
    .pad-right-xs-5 {
        margin-right: 41.66667%
    }
    .pad-xs-6 {
        margin-left: 50%
    }
    .pad-right-xs-6 {
        margin-right: 50%
    }
    .pad-xs-7 {
        margin-left: 58.33333%
    }
    .pad-right-xs-7 {
        margin-right: 58.33333%
    }
    .pad-xs-8 {
        margin-left: 66.66667%
    }
    .pad-right-xs-8 {
        margin-right: 66.66667%
    }
    .pad-xs-9 {
        margin-left: 75%
    }
    .pad-right-xs-9 {
        margin-right: 75%
    }
    .pad-xs-10 {
        margin-left: 83.33333%
    }
    .pad-right-xs-10 {
        margin-right: 83.33333%
    }
    .pad-xs-11 {
        margin-left: 91.66667%
    }
    .pad-right-xs-11 {
        margin-right: 91.66667%
    }
    .hide-xs {
        display: none
    }
}

.img-holder {
    display: block;
    overflow: hidden;
    position: relative
}

.img-holder img {
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.bar,
.img-holder,
.thumbs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.row canvas,
.thumb canvas {
    background: #000;
    display: block;
    height: auto;
    opacity: .1;
    width: 100%;
    z-index: 1
}

.box-100vh canvas {
    height: 100%
}

.no-bg canvas {
    opacity: 1
}

.row .img-holder img,
.row .img-holder video,
.thumb img,
.thumb video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.container {
    padding: 15px;
    position: relative;
    width: 100%
}

.has-link {
    cursor: pointer
}

.has-link * {
    pointer-events: none
}

.mousehover .min-100vh {
    min-height: 100vh
}

.no-mousehover .min-100vh {
    min-height: calc(var(--vh)*100)
}

@media only (min-width:768px) {
    .hide-mnin-sm {
        display: none
    }
}

.no-transition,
.resizing *,
.velocity-animating {
    -webkit-transition: none 0s linear !important;
    transition: none 0s linear !important
}

.hidden {
    display: none
}

.invisible {
    visibility: hidden
}

.zero-height {
    clear: both;
    height: 0;
    overflow: hidden
}

.transparent {
    opacity: 0;
    visibility: hidden
}

.zero-opacity {
    opacity: 0
}

.fixed {
    position: fixed;
    visibility: hidden
}

.no-overflow {
    overflow: hidden
}


@media only (max-width:900px) {
    h1+h2,
    h2+p,
    h3+p {
        margin-top: 8px
    }
}

.big-line-height {
    line-height: 1.5
}

.huge {
    font-size: 80px
}

.h3 {
    font-size: 30px
}

.button,
.button:visited {
    border: 1px solid #000;
    border-radius: 1px;
    display: inline-block;
    letter-spacing: .05em;
    padding: 11.42857px 24px 8px
}

.dark .button,
.dark .button:visited {
    border-color: #fff;
    color: #fff
}

.intro .button,
.intro .button:visited {
    margin: 15px 15px 0;
    width: 210px;
    text-align: center;
    padding: 20px;
}

img {
    width: 100%;
    object-fit: cover;
}

.repeating-bg[data-src],
img[data-large-src],
img[data-src] {
    opacity: 0
}

.mousehover .thumb:hover h3,
.underline-link {
    opacity: 1
}

.mousehover .thumb .img-holder {
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.mousehover .thumb:hover .img-holder {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
}

.fixed-bar {
    background: rgba(0, 0, 0, .001);
    left: 0;
    position: fixed;
    top: 0;
    transform: translateZ(0);
    transition: -webkit-transform .25s cubic-bezier(.23, 1, .32, 1);
    transition: transform .25s cubic-bezier(.23, 1, .32, 1);
    transition: transform .25s cubic-bezier(.23, 1, .32, 1), -webkit-transform .25s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

@media only (min-width:768px) {
    .menu-item-45 {
        margin-right: auto
    }
    .grid .row .logo-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }
    .grid .row .logo-box .logo {
        pointer-events: auto
    }
}

@media (min-width:900px) {
    .grid .row .menu-box {
        width: 100%
    }
}

@media (max-width:900px) {
    .grid .row .menu-box {
        background: #111;
        height: calc(var(--vh)*100);
        left: 0;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transition: opacity .25s ease-in-out .25s, visibility 0s linear .5s;
        transition: opacity .25s ease-in-out .25s, visibility 0s linear .5s;
        visibility: hidden
    }
    .grid .row .menu-box.show-mobile-menu {
        opacity: 1;
        -webkit-transition: opacity .25s ease-in-out 0s, visibility 0s linear 0s;
        transition: opacity .25s ease-in-out 0s, visibility 0s linear 0s;
        visibility: visible
    }
}

@media (min-width:900px) {
  /*  .container .story-grid {
        margin-left: -60px;
        width: calc(100% + 120px)
    }
    */
    
    .story-box {
        width: calc(45% - 100px)
    }
    .story-box .text-max-width {
        margin: 50px 0
    }
    .story-h1 {
        margin-top: 50px;
        position: relative;
        width: calc(100% + 200px);
        z-index: 1
    }
    .story-box-left .img-holder {
        margin-left: -100px;
        width: calc(100% + 100px)
    }
    .story-box-center .img-holder:first-child {
        width: calc(100% + 240px)
    }
    .story-box-right {
        margin-right: calc(-50% + 200px)
    }
    .story-box-right .img-holder {
        margin-top: calc((100% + 200px)*var(--top-ratio) + 100px)
    }
}

@media (max-width:900px) {
    .story-box .text-max-width {
        margin: 20px 0 30px
    }
    .grid .row .story-box-center,
    .grid .row .story-box-right {
        margin-top: -70px;
        padding-top: 0
    }
}

.full-width-feature .background {
    background-position: 73% 50%;
    background-size: cover;
    height: 55vh;
    min-height: 700px;
    width: 100%
}

@media (min-width:1200px) {
    .full-width-feature .background {
        height: 50vw;
        min-height: 900px
    }
}

.full-width-feature h2 {
    color: #fff;
    font-family: "OswaldMedium", arial, sans-serif;
    font-size: 40px;;
    line-height: 1.1em;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .full-width-feature h2 {
        font-size: 45px;
    }
}

.box-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-flex-pack: center;
    align-items: flex-start;
    background-color: #333;
    color: #fff;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-size: 1.2rem;
    justify-content: center;
    padding: .5rem;
    text-align: center
}

.box-flex-center {
    align-items: center
}

.box-flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.box-flex-top-right {

    justify-content: flex-end
}

.box-flex-center-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    justify-content: flex-start
}

.box-flex-bottom-right {
    -webkit-box-align: end;
    -ms-flex-align: end;

    align-items: flex-end;
    justify-content: flex-end
}

.box-caption {
    color: #fff;
    font-size: 1.25rem;
    margin: 4.5em 35px;
    padding: .5rem;
    position: absolute;
    word-break: break-word
}

@media (min-width:1024px) {
    .box-caption p {
        margin: 1em auto;
        max-width: 75%
    }
}

@media (min-width:1440px) {
    .box-caption p {
        max-width: 65%
    }
}

.box-caption:hover {
    color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.align-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-center {
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.button-light {
    background: #fff;
    border-radius: 4px;
    color: #000;
    padding: 15px 65px;
    text-decoration: none
}

.story-features {
    margin: 0 auto;
    max-width: 85%;
    padding: 75px 0 50px
}

@media (min-width:1024px) {
    .story-features {
        max-width: 65%;
        padding: 75px 0
    }
}

@media (min-width:1200px) {
    .story-features {
        max-width: 75%
    }
}

.signature {
    margin: 0 auto;
    max-width: 200px;
    text-align: center
}

[dir=ltr] .story-feature-grid {
    padding-left: 2.5em
}

[dir=ltr] .story-feature-grid,
[dir=rtl] .story-feature-grid {
    padding-right: 2.5em
}

[dir=rtl] .story-feature-grid {
    padding-left: 2.5em
}

.story-feature-grid {
    grid-gap: 5px;
    -webkit-box-flex: 1;
    display: grid;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    min-width: 100%
}

@media (min-width:768px) {
    .story-feature-grid {
        grid-gap: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1200px) {
    .story-feature-grid {
        grid-gap: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.gatsby-image-wrapper {
    height: 500px;
    margin: 6px;
    overflow: hidden;
    position: relative
}

.gatsby-image-wrapper img {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page-template-page-stockist .site-content .bg-page .content-width {
    max-width: 85%;
    padding: 6.5em 0 0
}

.page-template-page-stockist .stockist-container {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    margin-bottom: -2em;
    padding-bottom: 3em;
    padding-top: 30px
}

.wcsl-store-locator,
.wcsl-store-locator .wcsl-listing {
    float: none !important
}

.wcsl-store-locator .fc-form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 10px;
    padding: 0
}

.wcsl-store-locator .place_title:before {
    display: none
}

.wcsl-store-locator .fc-form-group input.fc-btn-submit {
    height: 50px
}

.wcsl-store-locator .wcsl-filter-form input[type=text],
.wcsl-store-locator .wcsl-filter-form select {
    border: 2px solid #000;
    height: 50px !important
}

.wcsl-store-locator .wcsl-filter-form {
    border: none !important;
    padding: 0 !important
}

.wcsl-store-locator .wcsl-filter-form #wsl_miles {
    font-size: 16px !important
}

.wcsl-store-locator .wcsl-current-location {
    margin-left: -30px !important;
    margin-top: 18px !important
}

.wcsl-store-locator .wcsl-loc-input {
    border: 0 solid #000;
    position: relative
}

.wcsl-store-locator .fc-form-group label {
    font-size: 12px !important
}

.wcsl-store-locator .wcsl-map a.place_title {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase
}

.wcsl-store-locator .wcsl-listing {
    border: none !important
}

.wcsl-store-locator .wcsl-listing ul.wcsl-items li.wcsl-item {
    border-bottom: 2px solid #000 !important;
    font-size: 17px;
    padding: 10px 0 15px !important
}

.wcsl-store-locator .wcsl-listing ul.wcsl-items li.wcsl-item .place_title {
    font-size: 1.2em !important;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media (min-width:915px) {
    .wcsl-filter-form div.fc-form-group:last-child {
        max-width: 230px
    }
}

.gm-style {
    font-size: 13px !important;
    font-weight: 300 !important
}

.gm-style .gm-style-iw-c {
    border-radius: 0 !important
}

.site-footer {
    background: #251d36;
    position: relative;
    z-index: 1
}

.site-footer .content-width {
    margin: 0 auto;
    max-width: 90%;
    padding: 0
}

@media (min-width:1024px) {
    .site-footer .content-width {
        max-width: 95%
    }
}

.site-footer .footer-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    padding-top: 1.875rem
}

.site-footer .footer-top h1,
.site-footer .footer-top h2 {
    font-size: 38px;
    line-height: 1.1em
}

.site-footer .footer-top .column {
    color: #fff;
    position: relative;
    width: 100%
}

.site-footer .footer-top .column:first-of-type,
.site-footer .footer-top .column:nth-child(2) {
    margin-bottom: 30px
}

@media (min-width:1024px) {
    .site-footer .footer-top .column:nth-child(2) {
        margin-bottom: 40px
    }
    .site-footer .footer-top .column {
        padding: 1%;
        width: 33.333332%
    }
}

.site-footer .footer-top .column p {
    font-size: 12px;
    margin-bottom: 0;
    color: #fff;
}

@media (min-width:768px) {
    .site-footer .footer-top .column p {
        font-size: 12px;
        line-height: 2em
    }
}

.site-footer .footer-top .column img {
    margin: 20px auto 0;
    max-width: 175px
}

@media (min-width:1024px) {
    .site-footer .footer-top .column img {
        margin: 0
    }
}

.site-footer .footer-top .column .footer-contact-info {
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 9px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .site-footer .footer-top .column .footer-contact-info {
        margin-bottom: 20px;
        text-align: right
    }
}

.site-footer .footer-top .social-menu {
    display: table;
    margin: 30px auto 0;
    text-align: center
}

@media (min-width:1024px) {
    .site-footer .footer-top .social-menu {
        display: block;
        margin: 30px 0;
        text-align: left
    }
}

.site-footer .footer-top .social-menu .menu {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: flex-start
}

.site-footer .footer-top .social-menu .menu .menu-item {
    padding: 0 10px 0 0
}

.site-footer .footer-top .social-menu .menu .menu-item svg {
    height: 25px;
    width: 25px
}

.site-footer .footer-top .footer-menu {
font-family: "Inter24ptMd", arial, sans-serif;
    margin-bottom: 30px;
    margin-top: 30px
}

.site-footer .footer-top .footer-menu .menu {
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
    font-size: .89em;
    line-height: 1.5em
}

@media (min-width:1024px) {
    .site-footer .footer-top .footer-menu .menu {
        font-size: 11px;
        line-height: 1.9em
    }
}

.site-footer .footer-top .footer-menu .menu .link-u {
    border-color: #fff;
    border-bottom: none;
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 2.3em;
    text-decoration: none;
    text-transform: uppercase
}

.site-footer .footer-top .footer-menu .menu .btn--footer {
    bottom: -60px;
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

@media (min-width:768px) {
    .site-footer .footer-top .footer-menu .menu .btn--footer {
        width: 300px
    }
}

@media (min-width:1024px) {
    .site-footer .footer-top .footer-menu .menu .btn--footer {
        bottom: -50px;
        left: 15px;
        width: 275px
    }
}

.site-footer .footer-top .footer-menu ul>li {
    border-bottom: none;
    font-size: 10px;
    letter-spacing: 3px;
    line-height: 2.3em;
    text-decoration: none;
    text-transform: uppercase
}

.site-footer .footer-top .widget_mailchimpsf_widget {
    margin-bottom: 15px
}

.site-footer .footer-top .widget_mailchimpsf_widget h1 {
    margin: 0 0 10px
}

.site-footer .footer-top .widget_mailchimpsf_widget #mc_subheader {
    margin: 0 0 15px
}
.mc_header_email {
	display: none;
}

.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside {
    display: flex
}

.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_merge_var,
.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_signup_submit {
    display: inline-block
}


.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_signup_submit {
    height: 60px;
    
}


.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_merge_var {
    width: 100%
}

.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_merge_var input[type=text] {
    border: 1px solid #fff;
    height: 60px
}

.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_signup_submit {
    margin-left: 10px
}

.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_signup_submit input[type=submit] {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 11px;
    height: 60px;
    padding: 10px 30px
}

@media (min-width:1024px) {
    .site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_signup_submit input[type=submit] {
        padding: 10px 45px
    }
}

.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside .mc_signup_submit input[type=submit]:hover {
    background: #b0afbe;
    border: 1px solid #b0afbe;
    color: #fff
}

.site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside #mc_message {
    font-size: 11px;
    position: absolute;
    top: 137px
}

@media (min-width:1024px) {
    .site-footer .footer-top .widget_mailchimpsf_widget .mc_form_inside #mc_message {
        top: 158px
    }
}

.site-footer .footer-top .privacy-statement {
    font-size: .7em
}

.site-footer .footer-bottom {
    border-top: 1px solid #fff;
    font-size: 13px;
    padding: .9375rem 0
}

@media (min-width:1024px) {
    .site-footer .footer-bottom {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: flex;
        padding: 1.25rem 0 1.875rem
    }
}

.site-footer .footer-bottom .item_nav_menu .menu {
    display: flex;
    line-height: 1em;
    margin-bottom: 20px;
    text-align: center
}

.site-footer .footer-bottom .item_nav_menu .menu .menu-item {
    border-right: 1px solid #fff;
    margin: 0;
    padding: 0 .625rem
}

.site-footer .footer-bottom .item_nav_menu .menu .menu-item:first-child {
    margin-left: 0;
    padding-left: 0
}

.site-footer .footer-bottom .item_nav_menu .menu .menu-item:last-child {
    border: 0;
    margin-right: 0;
    padding-right: 0
}

.site-footer .footer-bottom .item_nav_menu .menu .menu-item a {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.3px;
    text-transform: uppercase
}

.site-footer .footer-bottom .footer-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: #fff;
    flex-grow: 1;
    text-align: center
}

@media (min-width:1024px) {
    .site-footer .footer-bottom .footer-text {
        text-align: right
    }
}

.site-footer .footer-bottom .footer-text a,
.site-footer .footer-bottom .footer-text p {
    font-size: .9rem;
    letter-spacing: .4px;
    line-height: 1.48em
}

@media (min-width:1024px) {
    .site-footer .footer-bottom .footer-text a,
    .site-footer .footer-bottom .footer-text p {
        line-height: 1.5em
    }
}

.site-footer .footer-bottom .footer-text a {
    border-bottom: 1px solid #fff;
    padding-bottom: 2px
}

.page-template-page-contact .content-area {
    padding-bottom: 4em
}

@media (min-width:1200px) {
    .page-template-page-contact .content-area .header__title {
        margin: 0 auto;
        max-width: 80%;
        padding-top: 1em
    }
}

.page-template-page-contact .content-area .content-width {
    display: flex
}

@media (min-width:1200px) {
    .page-template-page-contact .content-area .content-width {
        max-width: 80%
    }
}

.page-template-page-contact .content-area .entry-content {
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width:1024px) {
    .page-template-page-contact .content-area .entry-content {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.page-template-page-contact .wpcf7 {
    border-right: none;
    grid-column: 1/-1;
    margin-right: 0;
    padding-bottom: 4em;
    padding-right: 0
}

@media (min-width:1024px) {
    .page-template-page-contact .wpcf7 {
        border-right: 1px solid #eee;
        grid-column: 1/3;
        margin-right: 60px;
        padding-right: 60px
    }
}

.page-template-page-contact .wpcf7 .wpcf7-form label {
    display: none
}

.page-template-page-contact .wpcf7 .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 20px;
    position: relative
}

.page-template-page-contact .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=date],
.page-template-page-contact .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=email],
.page-template-page-contact .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=num],
.page-template-page-contact .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=tel],
.page-template-page-contact .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=text],
.page-template-page-contact .wpcf7 .wpcf7-form .wpcf7-form-control-wrap select {
    height: 58px
}

.page-template-page-contact .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea {
    height: 205px
}


@media (min-width:768px) {
    .page-template-page-contact .wpcf7 .wpcf7-form .how-heard:after,
    .page-template-page-contact .wpcf7 .wpcf7-form .inquiry-type:after {
        height: 8px;
        width: 16px
    }
}

.page-template-page-contact .wpcf7 .wpcf7-form .inline-form-els {
    -webkit-box-direction: normal;
    -ms-flex-pack: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}



.page-template-page-contact .contact-page-aside {
    font-size: 18px;
    grid-column: 1/-1;
    line-height: 1.33
}

@media (min-width:1024px) {
    .page-template-page-contact .contact-page-aside {
        grid-column: 3/4
    }
}

.page-template-page-contact .contact-page-aside h2 {
    border-bottom: none;
    padding-bottom: 0
}

.page-template-page-contact .contact-page-aside p {
    margin-bottom: 20px
}

.page-template-page-contact .contact-page-aside a {
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 1px
}

.section-content .page .section {
    border-bottom: none
}

img.back-arrow-contact {
    max-width: 30px
}

@media (min-width:1024px) {
    img.back-arrow-contact {
        max-width: 50px
    }
}

.page-template-page-inquiries .content-area {
    padding-bottom: 4em
}

@media (min-width:1200px) {
    .page-template-page-inquiries .content-area .header__title {
        margin: 0 auto;
        max-width: 80%;
        padding-top: 1em
    }
}

.page-template-page-inquiries .content-area .content-width {
    display: flex
}

@media (min-width:1200px) {
    .page-template-page-inquiries .content-area .content-width {
        max-width: 80%
    }
}

.page-template-page-inquiries .wpcf7 {
    border-right: none;
    grid-column: 1/-1;
    margin-right: 0;
    padding-right: 0
}

.page-template-page-inquiries .wpcf7 .wpcf7-form label {
    display: none
}

.page-template-page-inquiries .wpcf7 .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 0;
    position: relative
}

.page-template-page-inquiries .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=date],
.page-template-page-inquiries .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=email],
.page-template-page-inquiries .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=num],
.page-template-page-inquiries .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=tel],
.page-template-page-inquiries .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=text],
.page-template-page-inquiries .wpcf7 .wpcf7-form .wpcf7-form-control-wrap select {
    color: #373737;
    height: 58px
}

.page-template-page-inquiries .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea {
    height: 205px
}

.page-template-page-inquiries .wpcf7 .wpcf7-form .how-heard:after,
.page-template-page-inquiries .wpcf7 .wpcf7-form .inquiry-type:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDEuMDIyIDEuMDA1LjVsMTAuNDc0IDkuOTk2TDIxLjk1My41bC41NDcuNTIyTDExLjQ3OSAxMS41eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
    background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDEuMDIyIDEuMDA1LjVsMTAuNDc0IDkuOTk2TDIxLjk1My41bC41NDcuNTIyTDExLjQ3OSAxMS41eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px
}

@media (min-width:768px) {
    .page-template-page-inquiries .wpcf7 .wpcf7-form .how-heard:after,
    .page-template-page-inquiries .wpcf7 .wpcf7-form .inquiry-type:after {
        height: 8px;
        width: 16px
    }
}

.page-template-page-inquiries .wpcf7 .wpcf7-form .inline-form-els {
    -webkit-box-direction: normal;
    -ms-flex-pack: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:915px) {
    .page-template-page-inquiries .wpcf7 .wpcf7-form .inline-form-els {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between
    }
}

.page-template-page-inquiries .wpcf7 .wpcf7-form .inline-form-els>span {
    width: 100%
}

.page-template-page-inquiries .wpcf7 .wpcf7-form .inline-form-els>span:first-of-type {
    margin-bottom: 20px;
    margin-right: 0
}

@media (min-width:915px) {
    .page-template-page-inquiries .wpcf7 .wpcf7-form .inline-form-els>span:first-of-type {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.page-template-page-inquiries .wpcf7 .wpcf7-form .newsletter-disclaimer {
    color: #afafaf;
    display: block;
    font-size: 12px;
    margin-top: 10px
}

.page-template-page-inquiries .wpcf7 .wpcf7-form button,
.page-template-page-inquiries .wpcf7 .wpcf7-form input[type=button],
.page-template-page-inquiries .wpcf7 .wpcf7-form input[type=reset],
.page-template-page-inquiries .wpcf7 .wpcf7-form input[type=submit] {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 42px;
    line-height: 1px;
    margin: 0 auto;
    padding: 30px 10px;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    width: 100%
}

.page-template-page-inquiries .wpcf7 .wpcf7-form button:hover,
.page-template-page-inquiries .wpcf7 .wpcf7-form input[type=button]:hover,
.page-template-page-inquiries .wpcf7 .wpcf7-form input[type=reset]:hover,
.page-template-page-inquiries .wpcf7 .wpcf7-form input[type=submit]:hover {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

@media (min-width:1024px) {
    .page-template-page-inquiries .wpcf7 .wpcf7-form button,
    .page-template-page-inquiries .wpcf7 .wpcf7-form input[type=button],
    .page-template-page-inquiries .wpcf7 .wpcf7-form input[type=reset],
    .page-template-page-inquiries .wpcf7 .wpcf7-form input[type=submit] {
        width: 365px
    }
}

.page-template-page-inquiries .contact-page-aside {
    font-size: 18px;
    grid-column: 1/-1;
    line-height: 1.33
}

@media (min-width:1024px) {
    .page-template-page-inquiries .contact-page-aside {
        grid-column: 3/4
    }
}

.page-template-page-inquiries .contact-page-aside h2 {
    border-bottom: none;
    padding-bottom: 0
}

.page-template-page-inquiries .contact-page-aside p {
    margin-bottom: 20px
}

.page-template-page-inquiries .contact-page-aside a {
    display: inline-block;
    margin-bottom: 10px
}

.site-content .bg-page .content-width {
    max-width: 85%;
    padding: 55px 0
}

@media (min-width:1024px) {
    .site-content .bg-page .content-width {
        max-width: 75%
    }
}

.site-content .bg-page .content-width h2 {
    font-family: "Oswald",arial, sans-serif;
    font-weight: 600;
    line-height: .9em;
    text-transform: uppercase
}


.bg-page .page-header {
    align-items: center;
    height: 600px;
    justify-content: center;
    margin-top: -86px;
    z-index: 9;
    min-height: 600px;
    position: relative
}

.bg-page .page-header .background-img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

.bg-page .page-header .page-title {
    color: #fff;
    font-family: 'OswaldMedium', arial, sans-serif;
    font-size: 28px;
    left: 50%;
    letter-spacing: .4px;
    line-height: 1.015625em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2
}

@media (min-width:1200px) {
    .bg-page .page-header .page-title {
        font-size: 30px;
        letter-spacing: 1px;
    }
}

@media (min-width:1640px) {
    .bg-page .page-header .page-title {
        font-size: 3vw
    }
}

.bg-page h2 {
    font-family: 'OswaldMedium', arial, sans-serif;
    font-size: 2em;
    letter-spacing: .03em;
    line-height: 1.4em;
    padding-bottom: 10px;
    text-transform: uppercase
}

.bg-page p,
.bg-page ul {
    font-size: 19px;
    letter-spacing: .01em;
    
}

.hard-rock {
    background: #000 !important
}

.hrh-container {
    margin: 0 auto;
    width: 100%
}

@media (min-width:1024px) {
    .hrh-container {
        max-width: 70%
    }
}

.cocktails-page .main .content-width {
    padding: 6em 0 2em 
}

.features-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 40px 0 30px
}

.features-section p {
    font-size: .9em;
    line-height: 28px;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width:1024px) {
    .features-section p {
        text-align: left
    }
}

.features-section h2 {
    font-size: .9em;
    line-height: 1.15em;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .features-section h2 {
        font-size: 25px
    }
}

@media (min-width:1024px) {
    .features-section h2 {
        font-size: 30px;
        text-align: left
    }
}

.feature-column-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.feature-column-content h2 {
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 1.272em;
    line-height: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1.9px;
}

section.section--home-fullwidth {
    margin: 4em auto 6em;
    text-align: center;
    width: 80%
}

@media (min-width:1024px) {
    section.section--home-fullwidth {
        margin: 6em auto
    }
}

section.section--home-fullwidth h3 {
    font-size: 30px;
    letter-spacing: 2.5px;
    margin: 0 auto 30px;
    max-width: 830px;
    text-transform: uppercase
}

section.section--home-fullwidth p {
    font-size: 23px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

.offset-feature {
    height: 41vw
}

.offset-feature,
.offset-feature-l {
    min-height: 395px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%
}

.offset-feature-l {
    height: 40vw
}

.col-r {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:1024px) {
    .col-r {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

/* TASTING NOTES */

.tasting__notes {
    width: 100%;
    margin: 0 auto;
    padding: 4em 20px;
}

@media (min-width:1024px) {
    .tasting__notes {
    
        max-width: 80%
    }
}
@media (min-width:1300px) {
    .tasting__notes {
    
        max-width: 75%
    }
}
.tasting-notes-page {
	padding-bottom: 4em;
}
.tasting-notes-intro {
    margin-top: 3em
}

.tasting-notes-cocktail {
    display: flex;
    position: relative
}

@media (min-width:1024px) {
    .tasting-notes-cocktail {
        margin: 0 auto;
        max-width: 95%
    }
}

.c-flex-container {
    -webkit-box-flex: 1;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 0;
    width: 100%;
    z-index: 10
}

@media (min-width:420px) {
    .c-flex-container {
        flex-direction: column
    }
}

@media (min-width:1024px) {
    .c-flex-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.c-flex-container .c-flex-center {
    -webkit-box-flex: 1;
    align-items: center;
    background: #fdfdfd;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    position: relative
}

@media (min-width:1024px) {
    .reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.cocktail-image-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.cocktail-image-wrapper img {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.cocktail-image-wrapper .image-sizing {
    padding-bottom: 105.5%;
    width: 100%
}

.cocktail-image-wrapper picture>source {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.block-green {
    background: #f2ecdf
}

.block-green,
.block-green .css-11w0igf {
    -webkit-box-flex: 1;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.block-green .css-11w0igf {
    -webkit-box-direction: normal;
    -ms-flex-item-align: center;
    align-items: center;
    align-self: center;
    flex-direction: column;
    position: relative
}

.block-green .css-7ojvyn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    outline: 0;
    padding: 4rem
}

@media (min-width:1024px) {
    .block-green .css-7ojvyn {
        padding: 1rem
    }
}

.block-green .css-18d0wu {
    max-width: 70%
}

.block-green .c-flex-contain,
.block-green .css-18d0wu {
    -webkit-box-direction: normal;
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.block-green .c-flex-contain {
    max-width: 28rem;
    padding-bottom: 40px;
    padding-top: 40px
}

.block-green .c-flex-contain .content {
    -webkit-box-direction: normal;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem
}

.block-green .c-flex-contain .content h2 {
    color: #000;
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 1.56em;
    letter-spacing: .03em;
    line-height: 1.4em;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .block-green .c-flex-contain .content h2 {
        font-size: 1.72em;
        line-height: 1.1em
    }
}

.block-green .c-flex-contain .content p {
    color: #000;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: center
}

.block-green .c-flex-contain .content .css-1v4xfz0 {
    -webkit-box-flex: 1;
    align-items: center;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    justify-content: center;
    padding-bottom: 5rem;
    width: 100%
}

@media (min-width:1440px) {
    .block-green .c-flex-contain .content .css-1v4xfz0 {
        padding-bottom: 0
    }
}

.block-green .c-flex-contain .content .css-jp9skh {
    margin-bottom: 3rem
}

.block-green .c-flex-contain .primary-button-light {
    background: #291f3e;
    border: 1px solid #291f3e;
    color: #fff;
    text-align: center
}

.block-green .c-flex-contain .primary-button-light:hover {
    background: transparent;
    color: #fff
}

.block-purple {
    background: #818193
}

.block-purple,
.block-purple .css-11w0igf {
    -webkit-box-flex: 1;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.block-purple .css-11w0igf {
    -webkit-box-direction: normal;
    -ms-flex-item-align: center;
    align-items: center;
    align-self: center;
    flex-direction: column;
    position: relative
}

.block-purple .css-7ojvyn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    outline: 0;
    padding: 4rem
}

@media (min-width:1024px) {
    .block-purple .css-7ojvyn {
        padding: 1rem
    }
}

.block-purple .css-18d0wu {
    max-width: 70%
}

.block-purple .c-flex-contain,
.block-purple .css-18d0wu {
    -webkit-box-direction: normal;
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.block-purple .c-flex-contain {
    max-width: 28rem;
    padding-bottom: 40px;
    padding-top: 40px
}

.block-purple .c-flex-contain .content {
    -webkit-box-direction: normal;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem
}

.block-purple .c-flex-contain .content h2 {
    color: #fff;
font-family: "OswaldMedium", arial, sans-serif;
    font-size: 2em;
    letter-spacing: .03em;
    line-height: 1.4em;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}



.block-purple .c-flex-contain .content p {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: center
}

.block-purple .c-flex-contain .content .css-1v4xfz0 {
    -webkit-box-flex: 1;
    align-items: center;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    justify-content: center;
    padding-bottom: 5rem;
    width: 100%
}

@media (min-width:1440px) {
    .block-purple .c-flex-contain .content .css-1v4xfz0 {
        padding-bottom: 0
    }
}

.block-purple .c-flex-contain .content .css-jp9skh {
    margin-bottom: 3rem
}

.block-purple .c-flex-contain .primary-button-light {
    text-align: center;
    font-size: 20px;
}

.page-template-page-wholesale .content-area {
    padding-bottom: 4em
}

@media (min-width:1200px) {
    .page-template-page-wholesale .content-area .header__title {
        margin: 0 auto;
        max-width: 80%;
        padding-top: 1em
    }
}

.page-template-page-wholesale .content-area .content-width {
    display: flex
}

@media (min-width:1200px) {
    .page-template-page-wholesale .content-area .content-width {
        max-width: 80%
    }
}

.page-template-page-wholesale .wpcf7 {
    border-right: none;
    grid-column: 1/-1;
    margin-right: 0;
    padding-right: 0
}

.page-template-page-wholesale .wpcf7 .wpcf7-form label {
    display: none
}

.page-template-page-wholesale .wpcf7 .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 0;
    position: relative
}

.page-template-page-wholesale .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=date],
.page-template-page-wholesale .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=email],
.page-template-page-wholesale .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=num],
.page-template-page-wholesale .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=tel],
.page-template-page-wholesale .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type=text],
.page-template-page-wholesale .wpcf7 .wpcf7-form .wpcf7-form-control-wrap select {
    color: #373737;
    height: 58px
}

.page-template-page-wholesale .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea {
    height: 205px
}

.page-template-page-wholesale .wpcf7 .wpcf7-form .how-heard:after,
.page-template-page-wholesale .wpcf7 .wpcf7-form .inquiry-type:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDEuMDIyIDEuMDA1LjVsMTAuNDc0IDkuOTk2TDIxLjk1My41bC41NDcuNTIyTDExLjQ3OSAxMS41eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
    background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDEuMDIyIDEuMDA1LjVsMTAuNDc0IDkuOTk2TDIxLjk1My41bC41NDcuNTIyTDExLjQ3OSAxMS41eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px
}

@media (min-width:768px) {
    .page-template-page-wholesale .wpcf7 .wpcf7-form .how-heard:after,
    .page-template-page-wholesale .wpcf7 .wpcf7-form .inquiry-type:after {
        height: 8px;
        width: 16px
    }
}

.page-template-page-wholesale .wpcf7 .wpcf7-form .inline-form-els {
    -webkit-box-direction: normal;
    -ms-flex-pack: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:915px) {
    .page-template-page-wholesale .wpcf7 .wpcf7-form .inline-form-els {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between
    }
}

.page-template-page-wholesale .wpcf7 .wpcf7-form .inline-form-els>span {
    width: 100%
}

.page-template-page-wholesale .wpcf7 .wpcf7-form .inline-form-els>span:first-of-type {
    margin-bottom: 20px;
    margin-right: 0
}

@media (min-width:915px) {
    .page-template-page-wholesale .wpcf7 .wpcf7-form .inline-form-els>span:first-of-type {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.page-template-page-wholesale .wpcf7 .wpcf7-form .newsletter-disclaimer {
    color: #afafaf;
    display: block;
    font-size: 12px;
    margin-top: 10px
}

.page-template-page-wholesale .wpcf7 .wpcf7-form button,
.page-template-page-wholesale .wpcf7 .wpcf7-form input[type=button],
.page-template-page-wholesale .wpcf7 .wpcf7-form input[type=reset],
.page-template-page-wholesale .wpcf7 .wpcf7-form input[type=submit] {
    background-color: #251d36;
    border: 1px solid #251d36;
    color: #fff;
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 42px;
    line-height: 1px;
    margin: 0 auto;
    padding: 30px 10px;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 100%
}

.page-template-page-wholesale .wpcf7 .wpcf7-form button:hover,
.page-template-page-wholesale .wpcf7 .wpcf7-form input[type=button]:hover,
.page-template-page-wholesale .wpcf7 .wpcf7-form input[type=reset]:hover,
.page-template-page-wholesale .wpcf7 .wpcf7-form input[type=submit]:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media (min-width:1024px) {
    .page-template-page-wholesale .wpcf7 .wpcf7-form button,
    .page-template-page-wholesale .wpcf7 .wpcf7-form input[type=button],
    .page-template-page-wholesale .wpcf7 .wpcf7-form input[type=reset],
    .page-template-page-wholesale .wpcf7 .wpcf7-form input[type=submit] {
        width: 365px
    }
}

.page-template-page-wholesale .contact-page-aside {
    font-size: 18px;
    grid-column: 1/-1;
    line-height: 1.33
}

@media (min-width:1024px) {
    .page-template-page-wholesale .contact-page-aside {
        grid-column: 3/4
    }
}

.page-template-page-wholesale .contact-page-aside h2 {
    border-bottom: none;
    padding-bottom: 0
}

.page-template-page-wholesale .contact-page-aside p {
    margin-bottom: 20px
}

.page-template-page-wholesale .contact-page-aside a {
    display: inline-block;
    margin-bottom: 10px
}

.page-template-page-inquiries .footer-form {
    margin-top: 4em
}

.awards {
    background-color: #251d36;
    margin: 0 auto;
    padding: 4em 20px 20px 20px;
}

.awards h2 {
    color: #fff;
    font-family: "Oswald", arial, sans-serif;
    line-height: 1.25em;
    font-weight:600;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
}

.awards .container {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
	padding: 4em 30px 7em;
    text-align: center
}

@media (min-width:1024px) {
    .awards .container {
        grid-template-columns: repeat(3, 1fr);
        max-width: 87%;
        padding: 4em 0 5em;
        gap: 0 40px;
    }
}

@media (min-width:1200px) {
    .awards .container {
        grid-template-columns: repeat(4, 1fr);
        max-width: 85%;
    }
}

.awards .container .item {
    padding: 0 0 25px;
}

.awards .container .item img {
    margin: 0 auto 10px;
    max-width: 175px;
}

.awards .container h5,
.awards .container h6 {
    font-family: "OswaldMedium", arial, sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 1.15em;
    padding: 0 0 10px;
    text-transform: uppercase;
}


.awards .container h7 {
    color: #c9ac75;
    font-family: "InterRegular", arial, sans-serif;
    font-size: 11px;
    line-height: 1;
    margin: 0 auto;
    max-width: 80%;
    display: block;
    line-height: 1.5;
}
.general-page .container-md {
    padding: 3em 30px;
}
.general-page .container-md p {

}

.general-page .container-md ul>li {
    margin-bottom: 5px;
    list-style: circle;
    margin-left: 40px;

}
.general-page .container-md h2 {
	text-transform: uppercase;
    letter-spacing: 0;
    font-size: 30px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    margin: 25px 0 5px;
    font-family: 'OswaldMedium', arial, sans-serif;
}

.general-page .content-area {
    padding-bottom: 4em
}

@media (min-width:1200px) {
    .general-page .content-area .header__title {
        margin: 0 auto;
        max-width: 80%;
        padding-top: 1em
    }
}

.general-page .content-area .content-width {
    display: flex
}

@media (min-width:1200px) {
    .general-page .content-area .content-width {
        max-width: 80%
    }
}

.general-page .content-area h2,
.general-page .content-area h3 {
    border-bottom: 1px solid #000;
    display: inline-block;
    font-family: LHF Hensler, arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    padding-bottom: 3px;
    text-transform: uppercase
}

.sticky-bg-wrap {
    height: 100%;
    position: relative;
    width: 100%
}

.sticky-bg-wrap .page-content {
    background-color: #fff;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .sticky-bg-wrap .page-content {
        margin-top: 27rem;
        max-width: 1300px
    }
}

@media (min-width:1200px) {
    .sticky-bg-wrap .page-content {
        max-width: 1190px
    }
}

@media (min-width:1440px) {
    .sticky-bg-wrap .page-content {
        max-width: 1440px
    }
}

@media (min-width:1600px) {
    .sticky-bg-wrap .page-content {
        max-width: 1600px
    }
}

.sticky-bg-wrap .page-content .page {
    padding: 4rem 0 0
}

@media (min-width:1024px) {
    .sticky-bg-wrap .page-content .page {
        padding-left: 0;
        padding-right: 0
    }
}

.sticky-bg-wrap .page-content .page .content-width {
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width:1024px) {
    .sticky-bg-wrap .page-content .page .content-width {
        padding-left: 0;
        padding-right: 0
    }
}

.sticky-bg-wrap .page-content .page h2 {
    font-size: 40px;
    letter-spacing: .5px;
    line-height: 42px;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .sticky-bg-wrap .page-content .page h2 {
        font-size: 45px
    }
}

.sticky-bg-wrap .page-content .page p {
    font-size: 20px;
    margin-bottom: 20px
}

.newsletter-main {
    background: #f5f5f5;
    display: block;
    margin: 0 auto;
    max-width: 826px;
    position: relative;
    width: calc(100% - 35px);
    z-index: 2;
}

@media (min-width:767px) {
    .newsletter-main {
        display: flex;
    }
}
@media (min-width:767px) {
    .newsletter-main {
        width: 700px;
    }
}


@media (min-width:1200px) {
    .newsletter-main {
           max-width: 1000px;
    }
}

.newsletter-main .content img {
	width: 160px;
}

.newsletter-main .content {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 2em 18px;
    position: relative;
    text-align: center;
    width: 100%;
}

@media (min-width:767px) {
    .newsletter-main .content {
        padding: 5em 40px;
        width: 55%; 
        text-align: left; 
    }
}

.pum-theme-681,
.pum-theme-default-theme {
    background: rgba(0, 0, 0, .16) !important;
}

.newsletter-main .image-modal {
    background-image: url(https://www.knoxanddobson.com/wp-content/uploads/2023/12/holiday-kd.jpg);
    background-position: 50% 25%;
    background-size: cover;
    height: 170px;
    width: 100%;
}

@media (min-width:768px) {
    .newsletter-main .image-modal {
        background-position: 50%;
        background-size: cover;
        height: 551px;
        width: 65%; /* Adjusted from 50% to 65% */
    }
}

.newsletter-main .image img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

@media (min-width: 767px) {
    .newsletter-main .image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        max-width: 100%; /* Ensures image fills container */
    }
}

@media (min-width: 992px) {
    .newsletter-main .image img {
        max-width: 500px;
    }
}

img.newsletter_modal_logo {
    width: 100%;
    max-width: 200px !important;
}

@media (min-width: 767px) {
    img.newsletter_modal_logo {
        width: 300px;
    }
}

img.main-modal {
    width: 100%;
    height: 300px;
}

@media (min-width: 767px) {
    img.main-modal {
        width: 100%;
    }
}

.newsletter-main .content h2 {
    font-family: "OswaldMedium", arial, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #251d36;
}

.modal-subscribe .content-modal h2 {
    font-family: "OswaldMedium", arial, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #251d36;
}

.contact-page #wpforms-3211.wpforms-block-784052ea-0a3e-408e-a87e-2f4c3fff1b0e {
	width: 100%;
	padding: 0;
	margin: 4em auto;
	}
	
	.contact-page .wpforms-container .wpforms-form * {
		width: 100%;
		}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
.wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
.wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
.wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    border: 1px solid #251d36 !important;
    background: #251d36 !important;
    color: #fff !important;
    width: 100% !important;
    text-transform: uppercase !important;
    letter-spacing: .35px !important;
    border-radius: 0 !important;
    height: 55px !important;
}

div.wpforms-container-full input[type=submit]:hover,
div.wpforms-container-full input[type=submit]:active,
div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full button[type=submit]:active,
div.wpforms-container-full .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-page-button:active,
.wp-core-ui div.wpforms-container-full input[type=submit]:hover,
.wp-core-ui div.wpforms-container-full input[type=submit]:active,
.wp-core-ui div.wpforms-container-full button[type=submit]:hover,
.wp-core-ui div.wpforms-container-full button[type=submit]:active,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:hover,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
    border: 1px solid #251d36 !important;
    background: #eee !important;
    color: #251d36 !important;
    width: 100% !important;
    text-transform: uppercase !important;
    letter-spacing: .35px !important;
    border-radius: 0 !important;
    height: 55px !important;
}

.pum-container .pum-content>:first-child {
    margin-top: 0;
    background: #fff;
    color: #251d36;
}

.modal-btn {
    background: #fff;
    border: 1px solid #fff;
    color: #251d36;
    padding: 10px;
    display: block;
    max-width: 250px;
    margin: 0 auto;
    border-radius: 2px;
}

.btn-modal {
    background: #fff;
    border: 1px solid #fff;
    color: #251d36;
    padding: 10px;
    display: block;
    max-width: 250px;
    margin: 0 auto;
    border-radius: 2px;
}

.newsletter-main .content p {
    color: #251d36;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 auto 2em;
    max-width: 93%
}

@media (min-width:768px) {
    .newsletter-main .content p {
        font-size: 18px;
    }
}

.newsletter-main img {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 auto 1em;
    width: 100%
}

@media (min-width:768px) {
    .newsletter-main img {
        width: 100%
    }
}

.modal-submit {
    background-color: #251d36;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Gotham Book';
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .91px !important;
    line-height: 1;
    margin-top: .5em;
    max-height: 55px !important;
    min-height: 55px !important;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100% !important
}

.newsletter-fields input[type=email],
.newsletter-fields input[type=text] {
    background: #fff !important;
    border: 1px solid #cacaca !important;
    border-radius: 0 !important;
    display: inline-block !important;
    font-size: 12px;
    height: 60px;
    letter-spacing: .3px;
    margin: 0;
    padding: .9em !important
}

.newsletter-fields input[type=email]::-webkit-input-placeholder {
    color: #000;
    font-size: 16px;
    letter-spacing: .3px;
    text-transform: capitalize
}

.newsletter-fields input[type=email]::-moz-placeholder {
    color: #000;
    font-size: 16px;
    letter-spacing: .3px;
    text-transform: capitalize
}

.newsletter-fields input[type=email]::-ms-input-placeholder {
    color: #000;
    font-size: 16px;
    letter-spacing: .3px;
    text-transform: capitalize
}

.newsletter-fields input[type=email]::-webkit-input-placeholder,
.newsletter-fields input[type=text]::-webkit-input-placeholder {
    color: #000;
    font-size: 16px;
    letter-spacing: .5px;
    text-transform: capitalize
}

.newsletter-fields input[type=email]::-moz-placeholder,
.newsletter-fields input[type=text]::-moz-placeholder {
    color: #000;
    font-size: 16px;
    letter-spacing: .5px;
    text-transform: capitalize
}

.newsletter-fields input[type=email]:-ms-input-placeholder,
.newsletter-fields input[type=text]:-ms-input-placeholder {
    color: #000;
    font-size: 16px;
    letter-spacing: .5px;
    text-transform: capitalize
}

.newsletter-fields input[type=email]::-ms-input-placeholder,
.newsletter-fields input[type=text]::-ms-input-placeholder {
    color: #000;
    font-size: 16px;
    letter-spacing: .5px;
    text-transform: capitalize
}

.newsletter-fields input[type=email]::placeholder,
.newsletter-fields input[type=text]::placeholder {
    color: #000;
    font-size: 16px;
    letter-spacing: .5px;
    text-transform: capitalize
}

p.yikes-easy-mc-success-message {
    color: #3a6908 !important
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    background: #251d36;
    border: 1px solid #251d36;
    color: #fff;
    padding: 18px !important;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
    border: 1px solid #251d36;
    color: #251d36;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pum-theme-681,
.pum-theme-default-theme {
    background: rgba(0, 0, 0, .6) !important
}

.pum-theme-681 .pum-container,
.pum-theme-default-theme .pum-container {
    background: none !important;
    border: 1px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important
}

html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    cursor: auto
}

.pum-theme-681 .pum-content+.pum-close,
.pum-theme-default-theme .pum-content+.pum-close {
    background: none !important;
    bottom: auto;
    color: #000 !important;
    font-style: inherit;
    line-height: 36px;
    padding: 8px;
    right: 20px !important;
    top: 0 !important
}

@media (min-width:768px) {
    .pum-theme-681 .pum-content+.pum-close,
    .pum-theme-default-theme .pum-content+.pum-close {
        right: 40px !important
    }
}

.pum-theme-681 .pum-content+.pum-close,
.pum-theme-default-theme .pum-content+.pum-close:before {
    background-image: url(https://www.knoxanddobson.com/wp-content/uploads/2022/06/close.svg) !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: block;
    height: 50px !important;
    text-shadow: none !important
}

.pum-theme-681 .pum-content+.pum-close,
.pum-theme-default-theme .pum-content+.pum-close {
    color: transparent !important;
    text-indent: -9999999px
}

.error404 .content-area .error-404 {
    margin-top: -87px;
    overflow: hidden
}

.error404 .content-area .error-404 .page-header {
    -webkit-box-direction: normal;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 60vh;
    justify-content: center;
    position: relative;
    text-align: center
}

.error404 .content-area .error-404 .page-header h1,
.error404 .content-area .error-404 .page-header h2 {
    color: #fff;
    font-family: "Inter28Light", arial, sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.error404 .content-area .error-404 .page-header h3 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: capitalize
}

.error404 .content-area .error-404 .page-header .bg-img {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}


.pum-container.pum-responsive img {
    height: 100%;
}

@media (min-width: 767px) {
    .pum-container.pum-responsive img {
        max-width: 35vw !important;
        height: 100% !important;
    }
}

.section-awards {
    width: 100%;
    max-width: 95%;
    margin: 3em auto 9em;
}

@media (min-width: 767px) {
    .section-awards {
        max-width: 85%;
    }
}

@media (min-width: 992px) {
    .section-awards {
        max-width: 80%;
    }
}

@media (min-width: 1100px) {
    .section-awards {
        max-width: 75%;
    }
}

.award-grid {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
}

.award-grid {
    flex-direction: row;
    gap: 50px;
}

.awards-head {
    margin: 0 auto 2em;
    display: flex;
    width: 100%;
    justify-content: center;
    max-width: 600px;
}

.awards-head img {
    width: 400px;
    justify-content: center;
    display: flex;
    margin: 4em 0 0;
}

.shop-button {
    margin: 2em auto;
    width: 100%;
    max-width: 500px;
}

.award-grid img {
    width: 100%;
    object-fiter: cover;
    margin: 0 auto;
    height: 100%;
    max-width: 80%;
}

/* Ensure the image is in the first column */

.modal-image {
    grid-column: 1 !important;
    max-width: 100% !important;
    /* Ensure the image does not overflow */
    height: auto !important;
}

/* Ensure the text content is in the second column */

.content-modal {
    grid-column: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

a.wp-block-button {
    background-color: #222049;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px;
    display: block;
    max-width: 250px;
    margin: 20px auto;
    border-radius: 12px;
}

.page-id-55 .menu-item {
    color: #251d36
}

.page-template-page-wholesale .menu#cta-button-menu .btn>a,
.page-template-page-tasting-notes .menu#cta-button-menu .btn>a,
.page-template-page-about .menu#cta-button-menu .btn>a,
.page-template-page-cocktails .menu#cta-button-menu .btn>a,
.page-template-page-general .menu#cta-button-menu .btn>a,
.page-template-page-inquiries .menu#cta-button-menu .btn>a {
    color: #251d36;
}

.pum-theme-681 .pum-content+.pum-close,
.pum-theme-default-theme .pum-content+.pum-close {
    position: absolute;
    height: 20px !important;
    width: 20px !important;
    right: 73px !important;
    padding: 0 !important;
    color: #000 !important;
    font-family: inherit;
    font-weight: 400;
    font-size: 17px !important;
    font-style: inherit;
    line-height: 36px;
    border: 1px none #ffffff;
    border-radius: 0px;
    top: 20px !important;
}


.about--features {
	width: 100%;
	margin: 4em auto;
	padding: 0 30px;
}

@media (min-width: 992px) {
	.about--features {
		max-width: 80%;
	}
}


.about--feature-grid {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 15px;
}
@media (min-width: 992px) {
	.about--feature-grid {
		grid-template-columns: repeat(3,1fr);
		grid-gap: 15px;
	}
}



.about--feature-grid img {
	width: 100%;
	height: 200px;
}


@media (min-width: 992px) {
.about--feature-grid img {
	width: 100%;
	height:25vw;
	min-height: 400px;
}
}

/*--------------------------------------------
 Slider
---------------------------------------------*/

section.swiper-section {
	margin: -6em 0 5em;
}
.swipe-container {
  width: 100%;
  height: 100%;
  max-height: 600px;
  min-height: 600px;
}


@media (min-width: 992px) {
   .swipe-container {
       min-height: 850px;
       height: 850px;
    }
}


.slides {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
    text-transform: capitalize !important;
}
.slide-image {
  position: absolute;
  width: 100%;
  height: 600px;
  background-position: 50% 50%;
  background-size: cover;
    text-transform: capitalize !important;
}
@media (min-width: 992px) {
.slide-image {
       min-height: 850px;
       height: 850px;
    }
}


.slide-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}


h2.slide-title {
	position: absolute;
	bottom: 3em;
	left: 5em;
	color: #fff;
	font-size: 2em;
    font-family: 'NeueHaasDisplayRoman', 'NHaasGroteskDSPro', sans-serif;
    z-index: 444;
	text-transform: capitalize;
}



.slide-title {
  font-size: 2rem;
  line-height: 1;
  max-width: 50%;
  white-space: normal;
  word-break: break-word;
  color: #FFF;
  z-index: 100;
  font-family: 'NeueHaasDisplayRoman', 'NHaasGroteskDSPro', sans-serif;
  text-transform: capitalize !important;
  font-weight: normal;
}
@media (min-width: 45em) {
  .slide-title {
    font-size: 4em;
    max-width: none;
  }
}
.slide-title span {
  white-space: pre;
  display: inline-block;
  opacity: 0;
  text-transform: capitalize !important;
}

.slideshow {
  position: relative;
}
.slideshow-pagination {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  transition: 0.3s opacity;
  z-index: 10;
}
.slideshow-pagination-item {
  display: flex;
  align-items: center;
}
.slideshow-pagination-item .pagination-number {
  opacity: 0.5;
}
.slideshow-pagination-item:hover, .slideshow-pagination-item:focus {
  cursor: pointer;
}
.slideshow-pagination-item:last-of-type .pagination-separator {
  width: 0;
}
.slideshow-pagination-item.active .pagination-number {
  opacity: 1;
}
.slideshow-pagination-item.active .pagination-separator {
  width: 10vw;
}
.slideshow-navigation-button {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 2rem;
  z-index: 1000;
  transition: all 0.3s ease;
  color: #FFF;
}
.slideshow-navigation-button:hover, .slideshow-navigation-button:focus {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.slideshow-navigation-button.prev {
  left: 0;
}
.slideshow-navigation-button.next {
  right: 0;
}

.pagination-number {
  font-size: 1.8rem;
  color: #FFF;
  font-family: 'NeueHaasDisplayRoman', 'NHaasGroteskDSPro', sans-serif;
  padding: 0 0.5rem;
}

.pagination-separator {
  display: none;
  position: relative;
  width: 40px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
  transition: all 0.3s ease;
}
@media (min-width: 45em) {
  .pagination-separator {
    display: block;
  }
}
.pagination-separator-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transform-origin: 0 0;
}





/* Homepage Slideshow */

.global .swiper-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1;
}

.global .swiper-slide img {
  width: 100%;
  height: 100%;
  transition: transform 500ms ease-in-out;
  opacity: 1;
  object-fit: cover;
  z-index: 1;
  position: relative;
}

.global .swiper-slide video {
  height: 100%;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  z-index: 1; /* Media sits below the overlay */
}

/* Ensure the parent container has proper positioning */
.global .swiper-slide {
  position: relative; /* Make it a positioning context */
}

/* Add an overlay for images and videos via the parent container */
.global .swiper-slide::after {
  content: ""; /* Required for pseudo-elements */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
  z-index: 2; /* Overlay appears above the media */
  pointer-events: none; /* Allow interaction with the video or links */
}


/* Heading styles */
.global .heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}

.global .heading h2 {
  position: absolute;
  bottom: 1em;
  left: 5%;
  font-size: 50px;
  line-height: 1.1;
  font-weight: 300;
  color: white;
  width: 100%;
  max-width: none;
  z-index: 3;
  letter-spacing: -1px;
  pointer-events: all;
}

@media (min-width: 1024px) {
  .global .heading h2 {
    max-width: 65%;
  }
}

/* Slider content styles */
.global .slider-content {
  position: absolute;
  bottom: 10%;
  z-index: 3; /* Ensure it’s above the overlay */
  color: #fff;
  left: 6%;
  width: 100%;
  max-width: 80%;
  padding-bottom: 5em;
}

@media (min-width: 992px) {
  .global .slider-content {
    bottom: 5%;
    z-index: 3;
    left: 5%;
    max-width: 35%;
    padding-bottom: 5em;
  }
}

.global .slider-content h1 {
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: -0.3px;
}

.global .slider-content h2 {
  font-size: 25px;
  line-height: 1.1;
  letter-spacing: -0.3px;
  padding-bottom: 20px;
}

.global .btn-primary-slide {
  height: 65px;
  display: flex;
  border-radius: 9px;
  text-align: center;
  background: #002237;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  max-width: 300px;
	transition: all 500ms ease-in-out;
}


.global .btn-primary-slide:hover {
	background: #fff;
	color: #002237;
	transition: all 500ms ease-in-out;
}
.img_overlay {
    position: relative;
    overflow: hidden;
}
.img_overlay:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.btn-wrapper {
	z-index: 4;
}

[dir=ltr] .btn-primary-arrow {
    margin-left: 1.5rem
}

[dir=ltr] .btn-primary-arrow,
[dir=rtl] .btn-primary-arrow {
    margin-right: 1.5rem
}

[dir=rtl] .btn-primary-arrow {
    margin-left: 1.5rem
}

.btn-primary-arrow {

    align-items: center;
    align-self: stretch;
    background: #251d36;
    border: 1px solid #251d36;
    border-radius: .4rem;
    color: #fff !important;
    cursor: -webkit-grab;
    cursor: grab;
    display: flex;
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 11px;
    font-weight: 300;
    height: 4.13rem;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 1.2;
    margin: 0 ;
    max-width: 80%;
    padding: 1.5rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    user-select: none
}

.btn-primary-arrow:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    transition: all .4s ease-in-out
}

@media (min-width:1024px) {
    .btn-primary-arrow {
        max-width: 265px
    }
}

@media (min-width:1440px) {
    .btn-primary-arrow {
        max-width: 320px;
        padding: 0;
        gap: 10px;
    }
}

/* TASTING NOTES */
.cocktail-section {
  padding: 20px;
}

@media (min-width: 1024px) {
  .cocktail-section {
    padding: 95px;
  }
}


@media (min-width: 1440px) {
  .cocktail-section {
    padding: 150px 175px;
  }
}

.cocktail-row {
  width: 100%;
}

.bg-dark {
  background-color: #818192;
  color: #fff;
}

.bg-light {
  background-color: #f1eee7;
  color: #215d36;
}

/* Text color overrides for title + notes based on bg */
.bg-dark .cocktail-title,
.bg-dark .cocktail-notes {
  color: #fff;
  font-size: 38px;
}

.bg-light .cocktail-title,
.bg-light .cocktail-notes {
  color: #251d36;
  letter-spacing: 0;
  font-size: 40px;
}
.bg-light .cocktail-notes, .bg-dark .cocktail-notes {
  font-size: 22px;
  line-height: 1.33;
}



/* Tasting Notes 2025 */
.tastingnotes-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: column; /* mobile-first default */
}

.cocktail-content,
.cocktail-image {
  flex: 1 1 50%;
}

.cocktail-image img {
  width: 100%;
  height: 100%;
  min-height: 500px;
  display: block;
}
@media (min-width: 992px) {
  .cocktail-image img {
    min-height:500px;
  }
}
@media (min-width: 1300px) {
  .cocktail-image img {
    min-height: 600px;
  }
}

/* Desktop direction override */
@media (min-width: 992px) {
  .tastingnotes-container.row-normal {
    flex-direction: row;
  }
  .tastingnotes-container.row-reverse {
    flex-direction: row-reverse;
  }
}

.cocktail-content {
  padding: 6em 50px;
  text-align: center;
}

@media (min-width: 1300px) {
	.cocktail-content {
		padding: 6em 7em;
	}
}

.cocktail-title {
  font-family: "OswaldMedium", arial, sans-serif;
  font-size: 2em;
  letter-spacing: 0.03em;
  line-height: 1.4em;
  padding-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

.cocktail-notes {
  line-height: 1.6em;
  text-align: center;
  max-width: 600px;
  margin: 0 auto 40px;
}

.cocktail-button {
  margin: 0 auto;
  background: #fff;
  border: 1px solid #fff;
  color: #251d36;
  font-size: 25px;
  font-family: "OswaldMedium", arial, sans-serif;
  letter-spacing: 1px;
  display: flex;
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 400px;
  border-radius: 4px;
  height: 63px;
  min-width: 325px;
  transition: all 600ms ease-in-out;
}

.cocktail-button:hover {
  border: 1px solid #251d36;
  background: #251d36;
  color: #fff;
}

/* Mobile Styles */
@media screen and (max-width: 991px) {
  .cocktail-image,
  .cocktail-content {
    flex: 1 1 100%;
    text-align: center;
  }
}



/* Container row */
.cocktailsfeatures-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 auto;
}

/* Image + content base styles */
.cocktailsfeatures-image,
.cocktailsfeatures-content {
  width: 100%;
  text-align: center;
}

/* Responsive image */
.cocktailsfeatures-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 450px;
  display: block;
}

@media (min-width: 992px) {
  .cocktailsfeatures-container {
    flex-direction: row;
    align-items: center;
    margin: 0 0 3em;
  }

  /* Image 65%, content 35% */
  .cocktailsfeatures-image {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .cocktailsfeatures-content {
    flex: 0 0 35%;
    max-width: 35%;
    text-align: left;
    padding: 4em 3em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  /* Optional row reverse support */
  .cocktailsfeatures-container.row-reverse {
    flex-direction: row-reverse;
  }

  .cocktailsfeatures-container.row-normal {
    flex-direction: row;
  }
}

@media (min-width: 1300px) {
  .cocktailsfeatures-content {
    padding: 6em 7em;
  }

  .cocktailsfeatures-image img {
    height: 100%;
  }
}

/* Text content styles */
.cocktailsfeatures-title {
  font-family: "OswaldMedium", arial, sans-serif;
  font-size: 2em;
  letter-spacing: 0.03em;
  line-height: 1.4em;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.cocktailsfeatures-notes {
  line-height: 1.6em;
  max-width: 500px;
  margin-bottom: 40px;
}

/* CTA Button */
.cocktailsfeatures-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    min-width: 300px;
    height: 60px;
    background: #251d36;
    border: 1px solid #fff;
    color: #fff;
    font-family: "OswaldMedium", arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    transition: all 600ms ease-in-out;
}
.cocktailsfeatures-button:hover {
  border: 1px solid #251d36;
  background: #251d36;
  color: #fff;
}

/* Mobile fallback */
@media (max-width: 991px) {
    .cocktailsfeatures-content {
        padding: 3em 2em 6em;
        align-items: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }


  .cocktailsfeatures-notes,
  .cocktailsfeatures-title {
    text-align: center;
  }
}

.cocktailsfeatures-row {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* HOMEPAGE SLIDE */
.splide {
  padding: 0;
  font-family: arial;
  margin-top: -6em;
}

.splide:not(.is-active) {
  visibility: visible;
}

.splide__wrapper {
  position: relative;
}

.splide__track {
  margin-bottom: 2rem;
}

/* Default mobile styles */
.splide__slide,
.splide__img,
.img_overlay {
  min-height: 700px;
  height: auto;
  width: 100%;
  position: relative;
  margin-bottom: 3rem;
}

.splide__slide {
  width: 100%;
  position: relative;
  height: 700px;
}

.splide__slide[class*=-active] .splide__text {
  opacity: 1;
}

.splide__slide[class*=-active] .splide__text.text1 {
  transition-delay: 0.5s;
}

.splide__slide[class*=-active] .splide__text.text2 {
  transition-delay: 0.75s;
}

@media (min-width: 992px) {
  .splide__slide[class*=-active] .splide__text.text2 {
    max-width: 65%;
    height: 56vw;
  }

  .splide__slide,
  .splide__img,
  .img_overlay {
    height: 56vw; /* Increased from 43vw */
    min-height: unset;
  }

  .img_overlay:before {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .splide__texts {
    bottom: 5.65rem;
  }
}

.splide__img {
  width: 100%;
}

.splide__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.splide__texts {
  position: absolute;
  top: 42%;
  padding: 36px;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.splide__text {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: linear;
  font-weight: 300;
  color: #fff;
  z-index: 1;
}

.splide__text.text1 {
  font-size: 35px;
  font-family: "OswaldMedium";
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 4;
}

@media (min-width: 1224px) {
  .splide__text.text1 {
    font-size: 40px;
  }
}

.splide__text.text2 {
  font-size: 1.36rem;
  margin-bottom: 1em;
  z-index: 4;
}

.img_overlay {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.img_overlay:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.21);
  z-index: 2;
}

.btn-wrapper {
  z-index: 4;
}

[dir=ltr] .btn-primary-arrow {
  margin-left: 1.5rem;
}

[dir=ltr] .btn-primary-arrow,
[dir=rtl] .btn-primary-arrow {
  margin-right: 1.5rem;
}

[dir=rtl] .btn-primary-arrow {
  margin-left: 1.5rem;
}

.btn-primary-arrow {
  align-items: center;
  align-self: stretch;
  background: #251d36;
  border: 1px solid #251d36;
  border-radius: 0.4rem;
  color: #fff !important;
  cursor: grab;
  display: flex;
    font-family: 'OswaldMedium', arial, sans-serif;
  font-size: 11px;
  font-weight: 300;
  height: 4.13rem;
  justify-content: center;
  letter-spacing: 0.8px;
  line-height: 1.2;
  margin: 0;
  max-width: 80%;
  padding: 1.5rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  user-select: none;
}

.btn-primary-arrow:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
  transition: all 0.4s ease-in-out;
}

@media screen and (min-width: 1024px) {
  .btn-primary-arrow {
    max-width: 265px;
  }
}

@media screen and (min-width: 1440px) {
  .btn-primary-arrow {
    max-width: 320px;
    padding: 0;
    gap: 10px;
  }
}

/* HOME COCKTAIL AWARDS */

.cocktails-line {
  padding: 60px 0 5em;
}

@media (min-width: 992px) {
.cocktails-line {
  padding: 60px 0 8em;
}

}
.cocktails-line .container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

@media (min-width: 650px) {
  .cocktails-line .container {
    max-width: 98%;
    padding: 0 30px;
  }
}

@media (min-width: 992px) {
  .cocktails-line .container {
    max-width: 96%;
    padding: 0 20px;
  }
}

.cocktails-grid {
  display: grid;
  margin: 0 auto;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (min-width: 850px) {
  .cocktails-grid {
	    gap: 20px;
	
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1100px) {
  .cocktails-grid {
    grid-template-columns: repeat(7, 1fr);
  }
}

.cocktail-item {
  text-align: center;
}

.cocktail-item img {
 	width: 100%;
  height: auto;
  display: block;
 padding: 20px;
  margin: 0 auto 20px;
}
@media (min-width: 767px) {
.cocktail-item img {
  padding: 0;
  max-width:80%;
  }
}
@media (min-width: 992px) {
.cocktail-item img {
  max-width:60%;
  }
}
@media (min-width: 1100px) {
.cocktail-item img {
  max-width:65%;
  }
}


.cocktail-btn {
    align-items: center;
    background-color: #251d36;
    color: #fff;
    width: 100%;
    padding: 12px 24px;
    max-width 300px;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    height: 55px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 600;
}
.cocktail-btn .arrow-icon {
  margin-left: 10px;
  transition: transform 0.3s ease-in-out;
}

.cocktail-btn:hover {
  background-color: #1e182c;
}

.cocktail-btn:hover .arrow-icon {
  transform: translateX(4px);
}



/* Instagram */

.instagram-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
	background: #f8f8f8;
}

.instagram-container h2 {
    color: #251d36;
    font-family: "OswaldMedium", arial, sans-serif;
    font-size: 40px;
    letter-spacing: .5px;
    border-bottom: 1px solid #111;
    padding-bottom: 3px;
    display: flex;
    margin: 1.3em auto 10px;
	flex-direction: row;
	justify-content: center;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.ig-grid {
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	margin: 0 auto;
	padding-bottom: 10px;
	flex-direction: row;
	gap: 10px;
}
.ig-icon svg {
	width: 20px;
	height: 20px;
}

.ig-title {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: "Oswald";
}

.ig-title h3 {
	font-size: 20px;
}

.instagram-feed {
  width: 100%;
  padding: 30px;
  margin: 0 auto 2em;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 992px) {
  .instagram-feed {
    grid-template-columns: repeat(4, 1fr);
    padding: 50px;
  }
}

@media (min-width: 1200px) {
  .instagram-feed {
    grid-template-columns: repeat(6, 1fr);
    padding: 55px;
  }
}

/* INDIVIDUAL ITEM */
.instagram-item {
  position: relative;
  overflow: hidden;
}

.instagram-item img {
  width: 100%;
  height: 225px;
  transition: transform 0.4s ease;
  display: block;
}
@media (min-width: 992px) {
	
	.instagram-item img {
	height: 225px;	
	}
	
}
.instagram-item:hover img {
  transform: scale(1.1);
}

/* ARROW ICON */
.instagram-arrow {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px; /* rounded square */
}

.instagram-arrow svg {
  width: 20px;
  height: 20px;
  stroke: #fff; /* arrow stays white */
}

/* SHOW ON HOVER */
.instagram-item:hover .instagram-arrow {
  opacity: 1;
  transform: translateY(0);
  background: #000; /* black square background */
}

/* FEATURED HEADER GENERAL PAGE */

  .featured-showcase {
    overflow-x: hidden;
    padding-bottom: 3em;
  }

  /* featured-head Section */
  .featured-head-section {
    position: relative;
    height: 60vh;
    min-height: 760px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .featured-head-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
    transform: scale(1.05);
    animation: fadeIn 1.5s ease forwards;
  }

  /* Gradient overlay */
  .featured-head-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 2;
    opacity: 0;
    animation: fadeIn 1.5s ease forwards;
  }

  .featured-head-content {
    position: relative;
    z-index: 3;
    color: #fff;
    text-align: center;
    padding: 10px;
    max-width: 90%;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1.5s ease forwards;
    animation-delay: 0.5s;
  }

  .featured-head-title {
        font-size: 3rem;
        text-transform: uppercase;
        font-weight: 700;
    letter-spacing: 3px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0;
  }



  /* Animations */
  @keyframes fadeIn {
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Responsive Adjustments */
  @media (min-width: 992px) {
    .featured-head-title {
        font-size: 3rem;
        text-transform: uppercase;
        font-weight: 700;
    }
    .featured-head-description {
      font-size: 1.1rem;
    }
  }









/* HOMEPAGE SLIDER

.kd-hero-slider {
  width: 100vw;
  height: 100%;
  min-height: 900px;
  max-height: 900px;
  margin-top: -100px;
  position: relative;
}

.kd-swiper {
  width: 100%;
  height: 100%;
  min-height: 900px;
  max-height: 900px;
}

.kd-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 900px;
}

.kd-slide-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
    min-height: 900px;
  max-height: 900px;
  width: 100%;
  object-fit: cover;
  z-index: -2;
}

.kd-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 900px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.24), transparent 60%);
  z-index: -1;
}

@media (min-width: 1100px) {
	.kd-swiper, .kd-slide-image, .kd-slide-overlay {

	}
}

.kd-slide-content {
  padding: 1rem;
  z-index: 1;
  margin-left: 2rem;
  text-align: left;
  width: 90%;
}

@media (min-width: 1024px) {
  .kd-slide-content {
    max-width: 68%;
    margin-top: 3em;
    padding: 3.5em;
  }
}

.kd-slide-title {
  margin: 1rem 0;
  font-size: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}

.kd-slide-text {
  margin: 0.5rem 0;
  font-size: 22px;
  font-weight: 300;
  color: #fff;
}

.kd-slide-button {
  width: 300px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 1.5rem;
  font-weight: 500;
  cursor: pointer;
  background: transparent;
  color: inherit;
}

.kd-slide-button a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #251d36;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 100%;
  height: 65px;
  gap: 12px;
  border: 2px solid transparent;
  transition: background-color 0.6s ease, color 0.6s ease, border-color 0.6s ease;
  border-radius: 4px;
}

.kd-slide-button a svg {
  width: 24px;
  height: auto;
  max-height: 16px;
  fill: currentColor;
  transition: transform 0.6s ease, color 0.6s ease;
}

.kd-slide-button a:hover {
  background: #fff;
  color: #251d36;
  border-color: #251d36;
}

.kd-slide-button a:hover svg {
  transform: translateX(8px);
  color: #251d36;
}


@media (min-width: 992px) {
  .kd-slide-title,
  .kd-slide-text {
    max-width: 60%;
  }
}

.kd-text-wrapper {
  overflow: hidden;
}


.kd-anim-fade {
  animation: kd-fade-down 1s ease-out 150ms backwards;
}

.kd-anim-fade-delayed {
  animation: kd-fade-down 1.2s ease-out 350ms backwards;
}

@keyframes kd-fade-down {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kd-swiper-pagination {
  bottom: 20px;
}
*/


/* MODAL */


#pum-3188 {
  display: flex !important;
  justify-content: center;
  align-items: center;
}


/* INTERIOR COCKTAIL LINEUP AWARDS */

    .cocktail-showcase {
      color: #333;
      background-color: #f0f0f0;
      overflow-x: hidden;
    }

    /* Hero Section */
    .hero-section {
      position: relative;
      height: 80vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
    }
    .hero-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
    }

    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      z-index: 2;
    }

    .hero-content {
      position: relative;
      z-index: 3;
      padding: 20px;
    }
    .hero-content h2 {
	    font-weight: 300;
		margin: 0 auto;
	    letter-spacing: 1px;
	    text-transform: uppercase;
		padding-bottom: 20px;
    }
@media (min-width: 992px) {
	.hero-content h2 {
		font-size: 35px;
	}

}


	.hero-content h3 {
		font-size: 23px;
		margin: 0 auto;
		padding: 30px;
		letter-spacing: 0;
		display: flex;
		justify-content: center;
			    font-family: "Avenir Next";
		text-transform: capitalize;
		font-weight: 300;
	    letter-spacing: .4px;
	}

@media (min-width: 992px) {

	.hero-content h3 {
		font-size: 28px;
		padding: 20px;
		max-width: 50%;
	}

}
@media (min-width: 1200px) {

	.hero-content h2 {
		max-width: 60%;
	}

}

.title-divider {
      width: 40px;
      height: 2px;
      background-color: #333;
      margin: 1.5rem 0;
    }
   /* Fade in animation */
    .fade-in-up {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .fade-in-up.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .fade-in-up.delay-1 { transition-delay: 0.15s; }
    .fade-in-up.delay-2 { transition-delay: 0.3s; }
    .fade-in-up.delay-3 { transition-delay: 0.45s; }
    .fade-in-up.delay-4 { transition-delay: 0.6s; }


        /* Main container wrapper */
        .cocktail-award-wrapper {
            padding: 4rem 1rem;
            text-align: center;
        }

        /* Content container */
        
        .content-cocktails-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 30px;
        }
		@media (min-width: 992px) {
			.content-cocktails-container {
				max-width: 90%;
			}
		}
		@media (min-width: 1300px) {
			.content-cocktails-container {
				max-width: 80%;
			}
		}
			
        /* Main title */
		.main-title {
		    font-family: 'OswaldMedium', sans-serif;
		    letter-spacing: 0.05em;
		    margin: 0 auto 1em;
		    padding-bottom: 20px;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s forwards;
            animation-delay: var(--delay, 0s);
            
        }

		@media (min-width: 1200px) {
				.main-title {
				max-width: 60%;
			}
		}

        /* hr-separator line */
        .hr-separator {
            width: 4rem;
            height: 2px;
            background-color: #2d3748;
            margin: 0 auto 2rem auto;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s forwards;
            animation-delay: var(--delay, 0s);
        }

        /* cocktail--line-description paragraph */
        .cocktail--line-description {
            max-width: 42rem;
            margin: 0 auto 4rem auto;
            line-height: 1.625;
            font-size: 1rem;
            color: #4a5568;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s forwards;
            animation-delay: var(--delay, 0s);
        }

        /* Cocktail grid layout */
        .cocktail--awards-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Default: 2 columns on mobile */
            gap: 20px;
            margin-bottom: 4rem;
        }

        /* Individual cocktail item */
        .cocktail-bottle {
            display: flex;
            flex-direction: column;
            align-items: center;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s forwards;
            animation-delay: var(--delay, 0s);
        }


	.cocktail-bottle h3 {
		text-transform: uppercase;
		font-weight: 300;
		margin: 0 auto;
		text-align: center;
		font-size: 26px;
	}

		@media (min-width: 992px) {
				.main-title h3{
				font-size: 25px;
			}
		}
		@media (min-width: 1200px) {
				.main-title h3{
				font-size: 22px;
			}
		}


        /* Fade-in animation */
        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .cocktail-bottle img {
            margin-bottom: 1rem;

        }

        @media (min-width: 1200px) {
        .cocktail-bottle img {
            max-width: 117px;
            height: 205px;
        }
	        }

        /* "Our Cocktails" button */
        .action-button {
            display: inline-block;
            border: 1px solid #2d3748;
            padding: 0.95rem 2rem;
            background: #2d3748;
            color: #fff;
            width: 300px;
            font-weight: 500;
            letter-spacing: 0.05em;
            text-decoration: none;
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s forwards;
            animation-delay: var(--delay, 0s);
        }

        .action-button:hover {
            background-color: transparent;
            color: #2d3748;
            border: 1px solid #2d3748;
            transition: all 500ms ease-in-out;
        }

        /* Responsive Breakpoints */
        @media (min-width: 992px) {
            .cocktail--awards-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (min-width: 1200px) {
            .cocktail--awards-grid {
                grid-template-columns: repeat(6, 1fr);
            }
        }
        
        
        
        
#popmake-3188 {
    position: absolute !important;
    transform: none !important;
}

.cocktails-page {
	background: #fff;
}


.content_section{
	margin: 7em auto 3em;
	padding: 15px;
	width: 100%;
}

@media (min-width: 992px) {
.content_section {
	max-width: 80%;
	}
}

.content_section h1 {
    font-family: 'OswaldMedium', arial, sans-serif;
    font-size: 39px;
    letter-spacing: .4px;
    line-height: 1.015625em;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
}


.block_editor_content, .content_intro_block{
	margin: 7em auto;
	padding: 15px;
	width: 100%;
}

@media (min-width: 992px) {
.block_editor_content, .content_intro_block {
	max-width: 80%;
	}
}
.block_editor_content h1, .content_intro_block h1 {
	text-transform: uppercase;
	color: #000;
}



/*WP FORMS */


.general-page .wpforms-container-full * {
	width: unset;
}
div.wpforms-container-full .wpforms-form textarea {
	width: 100%;
}
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select {
	height: 60px;
}


.wp-core-ui div.wpforms-container-full textarea {
	height: 150px;
}

h1.wp-block-heading {
	color: #251d36;
	border-bottom: .3px solid #251d36;
	display: flex;
	justify-content: center;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 30px;
}


/* ABOUT COCKTAIL SHOWCASE */

/* === Cocktail Showcase Grid === */
.cocktail-grid-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  justify-items: center;
  align-items: start;
  width: 100%;
  margin: 6rem auto;
  padding: 0 2rem 3em;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

@media (min-width: 992px) {
  .cocktail-grid-section {
    grid-template-columns: repeat(3, 1fr);
    max-width: 80%;
  }
}

@media (min-width: 1100px) {
  .cocktail-grid-section {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* Cocktail item */
.cocktail-grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cocktail-grid-item img {
  max-width: 150px;
  height: auto;
  margin-bottom: 1rem;
}

.cocktail-grid-item h3 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0.5rem 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}


/* Header section */
.cocktail-grid-header {
  text-align: center;
  margin-bottom: 2rem;
}

.cocktail-grid-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.cocktail-grid-separator {
  width: 60px;
  height: 3px;
  background: #000;
  margin: 0.5rem auto 0;
}

/* Showcase button */
.cocktail-grid-button {
  grid-column: 1 / -1;
  justify-self: center;
  margin-top: 2rem;
  background: #2c3644;
  color: #fff;
  font-weight: 400;
  width: 270px;
  letter-spacing: 3px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  text-transform: uppercase;
  font-family: "OswaldMedium";
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.2s ease-in-out;
}

.cocktail-grid-button:hover {
  background: #000;
}

.cocktail-grid-header-inner {
	margin: 5em auto;
	padding: 0 20px;
	width: 100%;
}




@media (min-width: 992px) {
.cocktail-grid-header-inner {
max-width: 80%; 
 }
}
.cocktail-grid-header-inner h2 {
	text-transform: uppercase;
	letter-spacing: 0;
	max-width: 80%;
	margin: 0 auto;
}


/* === Hero Section === */
.cocktail-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.cocktail-hero-inner {
  position: relative;
  width: 100%;
  height: 75vh; /* adjustable depending on design */
  display: flex;
  align-items: center;
  justify-content: center;
}

.cocktail-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* Dark gradient overlay */
.cocktail-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 2;
}

/* Content on top */
.cocktail-hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #fff;
  padding: 0 1rem;
}

.cocktail-hero-heading {
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.cocktail-hero-subheading {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 auto;
    font-weight: 300;
    font-family: "Avenir Next";
}
/* Responsive adjustments */
@media (min-width: 768px) {
  .cocktail-hero-heading {
    font-size: 2.5rem;
  }
  .cocktail-hero-subheading {
    font-size: 1.4rem;
   
  }
}

@media (min-width: 1100px) {
  .cocktail-hero-inner {
    height: 85vh;
  }
  .cocktail-hero-heading {
    font-size: 3rem;
  }
  .cocktail-hero-subheading {
    font-size: 1.6rem;
  }
}

.cocktail-hero-content h3 {
	max-width: 70%;
}

/* Subscribe Confirm */

.subscribe_announcement h3 {
	    font-family: 'OswaldMedium', arial, sans-serif;
    font-size: 2em;
    letter-spacing: .03em;
    line-height: 1.4em;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.subscribe_announcement h2 {
	    font-family: 'OswaldMedium', arial, sans-serif;
    font-size: 2.2em;
    letter-spacing: .03em;
    line-height: 1.4em;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.subscribe_announcement p {
	text-align: center;
	    font-size: 26px;
    letter-spacing: .01em;
}

.btn_purple a {
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 500ms ease-in-out;
	text-align: center;
	    font-size: 18px
    letter-spacing: .01em;
}


.btn_purple a:hover {
	color: #fff;
		transition: all 500ms ease-in-out;
}


/* BLAZE SLIDER HOME */

  .slideshow-section { width: 100%; background: #000; }
  .blaze-slider { position: relative; }
  
	.blaze-slider .slide {
	  position: relative;
	  color: #fff;
	  overflow: hidden;
	  }
	  
	  
	.blaze-slider .slide::after {
	  content: "";
	  position: absolute;
	  inset: 0;
	  background: linear-gradient(to top, rgba(0,0,0,.285) 0%, rgba(0,0,0,0) 100%);
	  z-index: 0; 
	  pointer-events: none; 
	}
	
	  .blaze-slider .slide img {
	    width: 100%;
	    height:950px;
	    object-fit: cover;
	    display: block;
	  }

  .slide-content {
    position: absolute; 
    inset: auto 0 0 0;
    color: #fff;
    max-width: 87%;
    z-index: 1;
  }

  .slide-content h1 {
    font-size:45px;
    font-weight: 400;
    letter-spacing: .5px;
    color: #fff;
    line-height: 1;
    font-family: "OswaldMedium", arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 12px;
    max-width: 650px;
  }

  .slide-content h2 {
    font-size: 25px;
    font-family: "Avenir Next", arial, sans-serif;
    line-height: 1.26;
        color: #fff;
    max-width: 600px;
    margin: 35px 0;
    opacity: 1;
  }
  .slide-content h3,  .slide-content h4 {
    font-size: 35px;
    color: #fff;
  }

  .slideshow-controls {
    position: absolute;
    right: 60px;
    bottom: 80px;
    z-index: 2;
    display: flex;
    gap: 2px;
  }

  .slideshow-controls .blaze-prev,
  .slideshow-controls .blaze-next {
    background: #241b38;
    border: 0;
    padding: 15px;
    cursor: pointer;
    transition: background-color .2s ease;
    display: grid;
    place-items: center;
  }

  .slideshow-controls .blaze-prev:hover,
  .slideshow-controls .blaze-next:hover {
    background: #483d5f;
  }
  
  .slide-wrapper {
	  position: absolute;
	  bottom: 7.7vw;
	  left: 7%;
	  width: 100%;
  }

  @media (max-width: 992px) {
    .blaze-slider .slide img {
    height: 700px;
    }

    .slide-content { padding: 30px 20px 2.5em; }
    .slide-content p { font-size: 26px; }

    .slideshow-controls {
	    right: 40px; 
	    bottom: 60px;
	    }
    .slideshow-controls .blaze-prev,
    .slideshow-controls .blaze-next {
	    padding: 10px;
	    }
  }

  /* Buttons wrapper */
  .c-buttons {
    display: flex;
    margin-top: 30px;
    gap: 25px;
    flex-direction: row;
  }

  /* Base slide button */
  .slide-btn {
    background: #241b38;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 65px;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 15px;
    width: 255px;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Schibsted Grotesk', sans-serif;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #241b38;
    transition: all 0.3s ease;
  }

  /* Arrow effect for selected buttons */
  .slide-btn.btn-arrow::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    background: no-repeat center / contain
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.1 25.8'><g><line fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-miterlimit='10' x1='0' y1='12.9' x2='34' y2='12.9'/><polyline fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-miterlimit='10' points='22.2,1.1 34,12.9 22.2,24.7'/></g></svg>");
    opacity: 0;
    transform: translateX(-6px);
    transition: all 0.3s ease;
  }

  .slide-btn.btn-arrow:hover::after {
    opacity: 1;
    transform: translateX(0);
  }









/* LW Mega Menu 

    body.no-scroll {
        overflow: hidden;
    }

    .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 40px;
      background-color: #fff;
      border-bottom: 1px solid #eaeaea;
      position: sticky;
      top: 0;
      height: 90px;
      z-index: 100;
    }

    .header-left, .header-right {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .header-left {
        justify-content: flex-start;
    }

    .header-right {
        justify-content: flex-end;
    }

    .header-center {
        flex-shrink: 0;
    }

    .logo {
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }
    
@media (min-width: 892px) {
		.logo {
			 padding: 0 20px;
		}
	}
    
	@media (min-width: 1200px) {
		.logo {
		padding: 0 100px;
		}
	}
	svg.site-logo {
		width: 250px;
	}

	.menu-icon {
		width: 35px;
	}
    .menu-toggle {
      background: none;
      border: none;
      cursor: pointer;
      font-size: 24px;
      display: flex;
      align-items: center;
      padding-right: 0;
      justify-content: center;
      margin-left: 5px;
    }

@media (min-width: 992px) {
	.menu-toggle {
		display: none;
	}
    .main-nav {
      display: flex;
      list-style: none;
      height: 100%;
      align-items: center;
    }

    .main-nav li {
      margin: 0 15px;
      position: static;
      height: 100%;
      display: flex;
      align-items: center;
    }

    .main-nav a {
      text-decoration: none;
      color: #000;
      font-size:14px;
      font-family: "Avenir Next", 'Avenir', arial;
      font-weight: 600;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      padding: 0;
      display: inline-block;
      transition: all 500ms ease-in-out;
    }

    .main-nav a:hover {
      color: #251d36;
       transition: all 500ms ease-in-out;
    }

    .mega-menu-container {
      position: absolute;
      top: 55px;
      left: 0;
      width: 100%;
      background-color: #fff;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      z-index: 1000;
      padding: 40px;
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-15px);
      transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    }

    .main-nav li:hover .mega-menu-container {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .mega-menu-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 20px;
    }

    .mega-menu-item {
      display: block;
      opacity: 0;
      transform: translateY(15px);
      transition: opacity 0.4s ease-out, transform 0.4s ease-out;
      text-align: center;
       transition: all 500 ease-in-out;
        
    }

    .main-nav li:hover .mega-menu-item {
      opacity: 1;
      transform: translateY(0);
    }

    .main-nav li:hover .mega-menu-item:nth-child(1) { transition-delay: 0.1s; }
    .main-nav li:hover .mega-menu-item:nth-child(2) { transition-delay: 0.2s; }
    .main-nav li:hover .mega-menu-item:nth-child(3) { transition-delay: 0.3s; }
    .main-nav li:hover .mega-menu-item:nth-child(4) { transition-delay: 0.4s; }
    .main-nav li:hover .mega-menu-item:nth-child(5) { transition-delay: 0.5s; }

    .mega-menu-image {
      width: 100%;
      height: 150px;
      object-fit: contain;
      margin-bottom: 15px;
      transition: opacity 0.3s ease;
    }

    .mega-menu-image:hover {
      opacity: 0.8;
    }

    .mega-menu-title {
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 10px;
      color: #000;
    }

    .mega-menu-links {
      list-style: none;
    }

    .mega-menu-links li {
      margin: 8px 0;
    }

    .mega-menu-links a {
      text-decoration: none;
      color: #000;
      font-size: 14px;
      font-weight: 400;
      text-transform: none;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 0;
      transition: color 0.2s ease;
    }

    .mega-menu-links a:hover {
      color: #cc0000;
    }
    

    .right-nav {
      display: flex;
      align-items: center;
     
    }

    .search-icon {
      cursor: pointer;
      margin-right: 15px;
    }
    .icons {
      display: flex;
      justify-content: center;
      gap: 30px;
    }

 
    .article-label {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 1px;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .article-title {
      font-size: 24px;
      font-weight: 500;
      line-height: 1.3;
      margin-bottom: 10px;
    }

    .article-large .article-title {
      font-size: 28px;
    }

    .article-meta {
      display: flex;
      font-size: 12px;
      color: #666;
      margin-bottom: 10px;
    }

    .article-date, .article-type {
      margin-right: 15px;
    }

    .article-regular .article-image {
      height: 200px;
    }

    .mobile-nav-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: white;
      z-index: 1500;
      transform: translateX(-100%);
      visibility: hidden;
      transition: transform 0.4s ease-in-out, visibility 0s linear 0.4s;
      overflow: hidden;
      display: block;
    }

    .mobile-nav-overlay.active {
      transform: translateX(0);
      visibility: visible;
      transition: transform 0.4s ease-in-out;
    }

    .mobile-nav-container {
        display: flex;
        width: 200%;
        height: 100%;
        transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .mobile-nav-container.submenu-active {
        transform: translateX(-50%);
    }

    .mobile-nav-view {
        width: 50%;
        height: 100%;
        background: #fff;
        overflow-y: auto;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
    }

    .mobile-nav-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      border-bottom: 1px solid #eee;
      position: sticky;
      top: 0;
      background-color: white;
      z-index: 10;
      flex-shrink: 0;
    }

    .mobile-nav-header .logo {
        width: auto;
        max-width: 200px;
        height: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .mobile-nav-title {
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }

    .mobile-nav-main-view .mobile-nav-title {
        display: none;
    }

    .mobile-nav-header .mobile-nav-back,
    .mobile-nav-header .mobile-nav-close {
      background: none;
      border: none;
      cursor: pointer;
      padding: 5px;
      z-index: 1;
      flex-shrink: 0;
    }
    
    .mobile-nav-header .mobile-nav-close svg,
    .mobile-nav-header .mobile-nav-back svg {
        width: 24px;
        height: 24px;
    }

    .mobile-nav-main-view .mobile-nav-back {
      visibility: hidden;
    }

    .mobile-nav-submenu-view .mobile-nav-back {
        visibility: visible;
    }

    .mobile-nav-content {
      padding: 4em 20px;
      flex-grow: 1;
    }

    .mobile-nav-menu {
      list-style: none;
    }

    .mobile-nav-main-view .mobile-nav-menu li {
    margin-bottom: 25px;
    justify-content: flex-start;
    text-align: center;
    display: flex;
    }

    .mobile-nav-main-view .mobile-nav-menu a {
      text-decoration: none;
      color: #251d36;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .mobile-nav-main-view .mobile-nav-menu a svg {
      width: 16px;
      height: 16px;
    }

    .mobile-nav-footer {
      padding: 4em 30px;
      border-top: 1px solid #fff;
      margin-top: auto;
       background: #251d36;
      flex-shrink: 0;
    }

    .mobile-nav-footer a {
      display: block;
      color: #fff;
      text-decoration: none;
      margin-bottom: 15px;
      font-size: 14px;
      letter-spacing: 3px;
      font-weight: 500;
      text-transform: uppercase;
    }

    .mobile-social-links {
      display: flex;
      list-style: none;
      margin-top: 20px;
      padding: 0;
    }

    .mobile-social-links li {
      margin-right: 20px;
    }

    .mobile-social-links a {
      color: #fff;
      font-size: 20px;
    }
    
    .social-icon {
      width: 24px;
      height: 24px;
      opacity: 0.6;
    }
    .social-icon:hover {
      opacity: 1;
    }

    .mobile-submenu-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-submenu-item a {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .mobile-submenu-item-image {
        width: 100%;
        height: 198px;
        object-fit: contain;
        margin-bottom: 10px;
      
    }

    .mobile-submenu-item-title {
        font-size: 18px;
      text-transform: uppercase;
        font-weight: 600;
      letter-spacing: 1px;
        line-height: 1.3;
      text-align: center;
      font-family: "Avenir Next";
      display: flex;
      justify-content: center;
    }

    .mobile-submenu-item {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    }

    .mobile-submenu-item.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 1024px) {
      .mega-menu-grid {
        grid-template-columns: repeat(3, 1fr);
      }
      
      .mega-menu-item:nth-child(4),
      .mega-menu-item:nth-child(5) {
        display: none;
      }
    }
    
    
    .mega-menu-item:hover {
        opacity: .4;
         transition: all 500 ease-in-out;
    }

    @media (max-width: 992px) {
      .header {
        padding: 0 40px;
        display: flex;
        justify-content: space-between;
      }
      
      .header-left, .header-right .main-nav {
        display: none;
        align-items: center;
      }

      .header-center {
        order: -1; 
        padding: 0;
      }

      .header-right {
        flex: 0; 
      }
     
      .hero {
        flex-direction: column;
        height: auto;
        padding: 40px 20px;
        margin-bottom: 2em; 
      }
      
      .hero-title {
        margin-bottom: 30px;
        font-size: 36px;
      }
      
      .content {
        padding: 20px;
        grid-gap: 20px;
        grid-template-columns: 1fr;
      }
      
      .article-large {
        grid-column: auto;
        grid-row: auto;
      }
      
      .article-large .article-image {
        height: 300px;
      }
    }
 
    li.btn-nav a {
      background: #251d36;
      border: 1px solid #251d36;
      height: 55px;
      color: #fff;
      display: flex;
      justify-content: center;
      text-align: center;
      align-content: center;
      align-items: center;
      width: 185px;
	  transition: all 500ms ease-in-out;
      border-radius: 4px;
    }
    
    li.btn-nav ahover {
	    background: transparent;
	    border: 1px solid #251d36;
	    transition: all 500ms ease-in-out;
	    color: #251d36;
    }
    
    
    header>.main-nav {
	    list-style: none;
	    }
   
    
/* CUSTOM BLAZE FONT STYLES */
    
.cocktail-official {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
  color: #fff;
  font-size: 4rem;
  line-height: 1.1;
}

.cocktail-official .part-one {
  font-family: 'Perandory-SemiCondensed', serif;
  text-transform: uppercase;
  font-size: 3rem;
  letter-spacing: 0.05em;
}


@media (min-width: 1200px) {
		
	.cocktail-official .part-one {
	  font-size: 4.5rem;
	
	}


}


.cocktail-official .part-two {
  font-family: 'SloopScript';
  font-size: 4rem;
  text-transform: capitalize;
  font-style: normal;
  font-weight: normal;
}

@media (min-width: 1200px) {
		
	.cocktail-official .part-two {
	  font-size: 5.5rem;
	}

}

.slide-subhead {
  font-family: 'HelveticaWorld', sans-serif;
  font-size: 1.25rem;
  margin-top: 1rem;
  line-height: 1.5;
  max-width: 300px;
}


.blaze-slider .slide.no-overlay::after {
 content: none;
}

.slide-heading .slide-content h4 {
	text-transform: uppercase;
  font-family: 'HelveticaWorld', sans-serif;
  font-size: .8rem;
  margin-top: 1rem;
  line-height: 1.5;
  font-weight: 500;
  
}
	
	
	
	
	
	
.age-gate__submit {
background: #fff;
color: #251d36 !important;
width: 260px;
align-items: center;
display: flex;
justify-content: center;
height: 60px;
color: #FFF !important;
text-transform: uppercase;
}
/* Force the close button to show */
.pum .pum-close,
.pum .popmake-close {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

.pum-theme-681 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
color: #fff !important;
}

/* Style and position the close button */
.pum .pum-close,
.pum .popmake-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    color: #000 !important; /* Make X black */
    font-size: 28px !important;
    font-weight: bold !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

/* Add hover effect for better UX */
.pum .pum-close:hover,
.pum .popmake-close:hover {
    color: #333 !important;
    transform: scale(1.1);
}

button.age-gate-submit-yes, button.age-gate__submit--yes {
background: #fff;
transition: all 500ms ease-in-out;

}



button.age-gate__submit--yes:hover {
background: transparent;
border: 1px solid #fff;
transition: all 500ms ease-in-out;
color: #fff !important;
}



button.age-gate__submit--no,
border: 1px solid #251d36 !important;
transition: all 500ms ease-in-out;
background: #0d0a15;
    color: #fff !important;
}


button.age-gate__submit--no:hover,
background: #0d0a15 !important
border: 1px solid #0d0a15 !important;
transition: all 500ms ease-in-out;
color: #fff;
}

	
	
.wp-block-button>a {
    background-color: transparent;
    border: 0;
    padding: 0
}

.wp-block-button:hover>a {
    color: inherit
}

button {
    background: none;
    border: none
}

.btn {
    cursor: pointer;
    font-size: 15px;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none
}

@media (min-width:768px) {
    .btn {
        font-size: 15px
    }
}

.btn:hover {
    cursor: pointer;
    text-decoration: none
}

.btn>a,
.btn>a:hover {
    border-bottom: none;
    text-decoration: none
}

.btn--cta {
    align-items: center;
    border: 1px solid #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 15px;
    justify-content: center;
    line-height: 1.2;
    min-width: 170px;
    padding: 22px 15px;
    text-align: center;
    -webkit-transition: all .68s ease-in-out;
    transition: all .68s ease-in-out;
    width: auto
}

@media (min-width:768px) {
    .btn--cta {
        min-width: 185px
    }
}

.btn--cta:visited {
    color: #000
}

.btn--cta:hover,
.btn--dark {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    -webkit-transition: all .68s ease-in-out;
    transition: all .68s ease-in-out
}

.btn--dark {
    display: inline-block;
    min-width: 270px;
    padding: 18px 45px
}

.btn--dark:visited {
    color: #fff
}

.btn--dark:hover {
    background: transparent;
    color: #000;
    cursor: pointer;
    -webkit-transition: all .68s ease-in-out;
    transition: all .68s ease-in-out
}

.btn--nav {
    background: #251d36;
    border: 1px solid #fff;
    border-radius: 12px;
    color: #fff;
    display: inline-block;
	font-family: "Inter24ptMd", arial, sans-serif;
    max-width: 140px;
    min-width: 140px;
    padding: 18px 45px;
    text-transform: uppercase;
    transition: all .4s ease-in-out
}

.btn--nav:visited {
    color: #000
}

.btn--nav:hover {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    transition: all .4s ease-in-out
}

body:not(.home) .btn--nav {
    background-color: #fff;
    border: 1px solid #fff;
    color: #251d36
}

body:not(.home) .header--desktop .search-cart-social .menu li:last-child {
    color: #251d36: border: 1px solid:#251d36;
    transition: all 500ms ease-in-out;
}

.btn--share {
    align-items: center;

    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    display: flex;
    font-style: normal;
    font-weight: 600;
    height: auto;
    letter-spacing: .08em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: normal;
    width: auto
}

@media (min-width:1024px) {
    .btn--share {
        margin-right: 10px
    }
}

.btn--share svg {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.btn--share.btn--small svg {
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    width: 16px
}

.btn--small {
    font-size: .75em;
    line-height: 1;
    padding: 8px 10px
}

.btn--more {
    border: 1px solid grey;
    color: #000;
    display: block;
    font-size: 17px;
    margin: 0 auto;
    padding: 16px;
    text-align: center;
    transition: all .4s ease-in-out;
    width: 85%
}

@media (min-width:768px) {
    .btn--more {
        min-width: 150px
    }
}

.btn--more:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff !important;
    -webkit-transition: all .68s ease-in-out;
    transition: all .68s ease-in-out
}



.btn--footer {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    display: inline-block;
    min-width: 150px
}

.btn--footer,
.btn--footer:hover {
    -webkit-transition: all .68s ease-in-out;
    transition: all .68s ease-in-out
}

.btn--footer:hover {
    background: transparent;
    color: #fff !important
}

.btn--close {
    cursor: pointer;
    height: 20px;
    padding: 0;
    position: absolute;
    right: -30px;
    top: 20px;
    width: 20px
}

@media (min-width:768px) {
    .btn--close {
        line-height: 1;
        position: absolute;
        right: 28px;
        top: 35px
    }
}

.primary-button-light {
    background-color: #fff;
    border-radius: 5px;
    color: #251d36 !important;
    font-family: "OswaldMedium", arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    text-align: center;
    height: 60px;
    align-items: center;
    max-width: 300px;
    font-size: 16px;
}
.primary-button-white:hover {
    background: transparent;
    color: #fff !important
}

.primary-button-light,
.primary-button-white:hover {
    border: 1px solid #fff;
    -webkit-transition: all .68s ease-in-out;
    transition: all .68s ease-in-out
}

.primary-button-light {
    background-color: #fff;
    border-radius: 5px;

    color: #251d36 !important;
    font-family: "OswaldMedium", arial, sans-serif;
    font-size: .75em;
    letter-spacing: 1px;
    padding: 18px 90px;
    text-transform: uppercase
}

.primary-button-light:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #251d36 !important;
    -webkit-transition: all .68s ease-in-out;
    transition: all .68s ease-in-out
}

.primary-button-dark {
    background-color: #251d36;
    border: 1px solid #251d36;
    border-radius: 5px;
    color: #fff;
    font-family: "OswaldMedium", arial, sans-serif;
    font-size: .75em;
    letter-spacing: 1px;
    max-width: 100%;
    padding: 18px 30px;
    text-align: center;
    text-transform: uppercase
}

.primary-button-dark,
.primary-button-dark:hover {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

.primary-button-dark:hover {
    background: transparent;
    border: 1px solid #251d36;
    color: #251d36
}

@media (min-width:1024px) {
    .primary-button-dark {
        max-width: 280px
    }
}

[dir=ltr] .btn-arrow {
    margin-left: 1.5rem
}

[dir=ltr] .btn-arrow,
[dir=rtl] .btn-arrow {
    margin-right: 1.5rem
}

[dir=rtl] .btn-arrow {
    margin-left: 1.5rem
}

.btn-arrow {
    -ms-flex-pack: center;
    -ms-flex-item-align: stretch;
    align-items: center;
    align-self: stretch;
    background: #251d36;
    border: 1px solid #251d36;
    border-radius: .4rem;
    color: #fff !important;
    cursor: -webkit-grab;
    cursor: grab;
    display: flex;
font-family: "Inter24ptMd", arial, sans-serif;
    font-size: 11px;
    font-weight: 300;
    height: 4.13rem;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 80%;
    padding: 1.5rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .25s ease 0s;
    user-select: none
}

.btn-arrow:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    transition: all .4s ease-in-out
}

@media (min-width:1024px) {
    .btn-arrow {
        max-width: 265px
    }
}

@media (min-width:1440px) {
    .btn-arrow {
        max-width: 320px;
        padding: 0;
        gap: 10px;
    }
}

[dir=ltr] .button__icon {
    margin-left: .5rem
}

[dir=rtl] .button__icon {
    margin-right: .5rem
}

.button__icon {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.arrow-b,
.button__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.arrow-b {
    color: #fff;
    display: inline-block;
    font-size: 22px;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    width: 1em
}




/* awards */
    
    .awards__section {
        background: #291f3e;
    }
    
    .awards_section_heading {
	    margin: 0 auto;
	    padding: 2em 0 1em;
	    display: flex;
	    justify-content: center;
	    text-align: center;
    }
    
    .awards__container {
        width: 100%;
        padding: 5em 20px;
        margin: 0 auto;
    }
    @media (min-width: 767px) {
    .awards__container {
       max-width: 90%;
       }
    }
    
    
    @media (min-width: 1200px) {
    .awards__container {
       max-width: 85%;
       }
    }
    
    
    .awards__grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 30px;
    }
    
    @media (min-width: 767px) {
      .awards__grid {
        grid-template-columns: repeat(3,1fr);
          grid-gap: 30px;
       }
    }
    @media (min-width: 992px) {
      .awards__grid {
        grid-template-columns: repeat(4,1fr);
          grid-gap: 60px 30px;
       }
    }
    
    @media (min-width: 1100px) {
      .awards__grid {
        grid-template-columns: repeat(5,1fr);
        grid-gap: 60px 30px;
       }
    }
    @media (min-width: 1200px) {
      .awards__grid {
        grid-template-columns: repeat(6,1fr);
        grid-gap: 60px 30px;
       }
    }
    .award-card {
	  display: flex;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	    color: #fff;
    }
    
    .award-card img {
	    width: 100%;
	    margin: 0 auto;
	    max-width: 85%;
    }
    
    
    .award-card h4 {
	    color: #fff;
	    text-transform: uppercase;
	   font-size: 24px;
		padding: 10px 0 0;
    }
    
    .award-card h5 {
	    text-transform: uppercase;
	    font-size: 22px;
	    color: #fff;
    }   
    
    .award-card p {
	    color: #fff;
	    font-size: 16px;
    }
    
    
    /* age gate */
    
    p.age-gate__challenge {
        color: #fff !important;
        text-transform: uppercase;
    }
    .age-gate__submit--no {
        background: #000;
        color: #fff !important;
    }
    
    .age-gate-subheadline, .age-gate__subheadline {
        font-family: arial;
        color: #fff !important;
    }