/*!
Theme Name: Jubileague Oro
Theme URI: http://underscores.me/
Author: Jubileague
Author URI: http://jubileague.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jubileague-oro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Jubileague Oro is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/
/* @import url("https://use.typekit.net/dbq6nqm.css"); */
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
div.__PrivateStripeElement[style] {
    overflow: hidden;
    padding: 2px !important;
    padding-left: 1px !important;
    padding-top: 1px !important;
  }
  
  html {
    --nav-width: 280px;
    --jubileague-black: rgba(17, 17, 17, 1);
    --jubileague-blue: #3858e9;
    /* #cfe938; */
    background: var(--jubileague-black);
    font-family: "canada-type-gibson", -apple-system, BlinkMacSystemFont, "Heiti SC", STHeiti, "Avenir Next", "Segoe UI", "Century Gothic", Roboto, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05rem;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow: hidden;
    zoom: 1;
  }
  
  * {
    /* transition: all 300ms ease-out; */
    /* transition: max-width 300ms ease-out;
      transition: opacity 300ms ease-out;
      transition: visibility 300ms ease-out;
      transition: left 300ms ease-out;
      transition: right 300ms ease-out;
      transition: top 300ms ease-out;
      transition: bottom 300ms ease-out;
      transition: color 300ms ease-out; */
  }
  
  *, *:before, *:after {
    position: relative;
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    /* transition: letter-spacing 0ms; */
  }
  
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  /**
   * Render body element
   */
  body {
    margin: 0 0 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100vw;
    min-width: 100vw;
    overflow-x: hidden;
    overflow-y: hidden;
    background-attachment: local;
    background-color: var(--jubileague-black);
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom right, #191919, black);
    background-image: -webkit-gradient(to bottom right, #191919, black);
    background-image: linear-gradient(to bottom right, #181818, black);
    /**
      * Ionicon settings
      */
    /**
      * Hidden menu toggle
      */
    /*
      * ********************************************************
      * Render the navigation and the side. 
      * Creates a full-height, left-mounted navigation menu
      * ********************************************************
      */
    /*
      * *******************************************************
      * Render the main element
      * *******************************************************
      */
  }
  
  body * {
    color: whitesmoke;
  }
  
  body ion-icon {
    pointer-events: none;
  }
  
  body > label {
    display: none;
  }
  
  @media only screen and (max-width: 1080px) {
    body > label {
      display: block;
      color: #ADADAD;
      font-size: 36px;
      position: fixed;
      z-index: 100;
      top: 0;
      left: 0;
      width: 44px;
      height: 44px;
      padding: 0;
      cursor: pointer;
      -webkit-touch-callout: none;
      user-select: none;
    }
    body > label > ion-icon {
      width: 20px;
      height: 20px;
      display: block;
      transition: opacity 300ms;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
  
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    body > label > ion-icon {
      margin: 12px 16px 12px calc(16px + env(safe-area-inset-bottom));
    }
  }
  
  @media only screen and (max-width: 1080px) and (orientation: portrait) {
    body > label > ion-icon {
      margin: 12px 16px 12px calc(16px + env(safe-area-inset-left));
    }
  }
  
  @media only screen and (max-width: 1080px) {
    body > label > ion-icon.open {
      opacity: 1;
      transition-delay: 150ms;
    }
    body > label > ion-icon.close {
      opacity: 0;
      transition-delay: 0ms;
      height: 24px;
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }
  
  body > input {
    display: none;
  }
  
  @media only screen and (max-width: 1080px) {
    body > input:checked + label > .open {
      opacity: 0;
      transition-delay: 0ms;
    }
    body > input:checked + label > .close {
      opacity: 1;
      transition-delay: 150ms;
    }
    body > input ~ nav {
      width: 100vw;
      background-color: transparent;
      height: 44px;
      overflow-y: hidden;
      transition: height 0ms;
      transition: background-color 0.3s 0.3s ease-in-out;
      pointer-events: none;
    }
    body > input:checked ~ nav {
      background-color: var(--jubileague-black);
      height: 100vh;
      overflow-y: scroll;
      transition: height 300ms;
      padding-bottom: calc(4rem + env(safe-area-inset-bottom));
      pointer-events: all;
    }
    body > input:checked ~ nav > section {
      opacity: 1;
      transition-delay: 0.3s;
    }
  }
  
  body > nav {
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;
    width: var(--nav-width);
    height: 100vh;
    display: grid;
    align-items: start;
    justify-content: stretch;
    grid-template-rows: auto auto auto auto auto auto;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    padding: 0px;
    row-gap: 0px;
    column-gap: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* Hide scrollbars but keep functionality for IE and Edge */
    scrollbar-width: none;
    /* Hide scrollbars but keep functionality for Firefox */
    background: var(--jubileague-black);
  }
  
  body > nav::-webkit-scrollbar {
    display: none;
    /* Hide scrollbars but keep functionality for Chrome, Safari and Opera  */
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav {
      height: 44px;
      background: transparent;
    }
  }
  
  body > nav > section {
    align-self: center;
    width: inherit;
    transition: opacity 300ms ease-out;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav > section {
      display: block;
    }
  }
  
  body > nav > section#brand {
    align-self: start;
    padding: 4em;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav > section#brand {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 44px;
      width: 176px;
      padding: 0;
      align-self: center;
      justify-self: center;
      margin: 0 auto;
      z-index: 40;
    }
  }
  
  body > nav > section#mainmenu {
    align-self: center;
    padding: 4em 4em 0em 4em;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav > section#mainmenu {
      text-align: center;
    }
  }
  
  body > nav > section#shoppingbag {
    align-self: start;
    padding: 0em 4em 4em 4em;
    pointer-events: all;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav > section#shoppingbag {
      padding: 0;
    }
  }
  
  body > nav > section#playerprofile {
    align-self: end;
    padding: 4em 4em;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav > section#playerprofile {
      text-align: center;
    }
  }
  
  body > nav > section#submenu {
    align-self: end;
    padding: 0 4em;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav > section#submenu {
      text-align: center;
    }
  }
  
  body > nav > section#socialmenu {
    padding: 0em 4em;
    height: 66px;
    align-self: flex-end;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav > section#socialmenu {
      text-align: center;
      justify-items: center;
      margin-bottom: env(safe-area-inset-bottom);
    }
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav > section {
      opacity: 0;
    }
    body > nav > section#mainmenu {
      padding-top: 52px;
      padding-bottom: 24px;
    }
    body > nav > section#shoppingbag {
      opacity: 1;
      position: fixed;
      top: 0;
      right: 0;
      width: 100px;
      align-items: end;
    }
    body > nav > section#shoppingbag [href="/bag"] {
      height: 24px;
      width: auto;
      padding: 0;
      display: block;
      text-align: right;
    }
  }
  
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    body > nav > section#shoppingbag [href="/bag"] {
      margin: 10px calc(1rem + 1.5*env(safe-area-inset-bottom)) 10px 0 !important;
    }
  }
  
  @media only screen and (max-width: 1080px) and (orientation: portrait) {
    body > nav > section#shoppingbag [href="/bag"] {
      margin: 10px calc(1rem + env(safe-area-inset-right)) 10px 0 !important;
    }
  }
  
  body > nav a {
    display: block;
    text-decoration: none;
    font-weight: 300;
    cursor: pointer !important;
    transition: color 300ms ease-in-out;
    position: relative;
  }
  
  body > nav a.home_link {
    padding: 0;
    height: 18px;
    background-image: url(/assets/branding/jubileague-wordmark-white.svg);
    background-repeat: no-repeat;
    background-size: 96%;
    background-position-y: center;
    background-position-x: 0;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav a.home_link {
      height: 12px;
      margin: 16px 0;
      background-size: 72%;
      background-position-x: center;
    }
  }
  
  body > nav a.player_link {
    padding: 1em 0;
    font-size: 0.8em;
    color: #ADADAD;
  }
  
  body > nav a.nav_link {
    padding: 1em 0;
    font-size: 1.2em;
    color: #ADADAD;
  }
  
  body > nav a.sub_link {
    padding: 0.5em 0;
    font-size: 0.75em;
    color: #635858;
  }
  
  body > nav a.menu-profile {
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #635858;
  }
  
  body > nav a.social_link {
    padding: 1em 0.75em 1em 0;
    display: inline-block;
    color: #635858;
  }
  
  body > nav a.social_link:last-child {
    padding-right: 0;
  }
  
  body > nav a:hover, body > nav a:active {
    color: whitesmoke;
  }
  
  body > nav a > ion-icon {
    font-size: 24px;
    vertical-align: text-bottom;
    color: inherit;
  }
  
  body > nav a > ion-icon ~ ion-badge {
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    min-width: 20px;
    display: block;
    position: absolute;
    top: 8px;
    left: 24px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    color: whitesmoke !important;
    background: #ad0300;
    font-size: 200;
    font-size: 12px;
  }
  
  @media only screen and (max-width: 1080px) {
    body > nav a > ion-icon ~ ion-badge {
      top: 2px;
      left: auto;
      right: 28px;
    }
  }
  
  body main {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    padding-left: var(--nav-width);
    padding-right: 0;
    line-height: 1.5;
    overflow-x: hidden;
    overflow-y: scroll;
    opacity: 1;
  }
  
  @media only screen and (max-width: 1080px) {
    body main {
      margin-left: 0;
      padding-left: 0;
    }
  }
  
  body main[paper] {
    background: whitesmoke;
  }
  
  body main[paper] * {
    color: var(--jubileague-black);
  }
  
  body main a,
  body main a:active,
  body main a:hover {
    text-decoration: none;
  }
  
  body main > article {
    /* min-width: 60%; */
    /* min-width: 400px; */
    margin: auto;
    padding-bottom: 100px;
  }
  
  body main > article.coverpage {
    padding-bottom: 0;
  }
  
  @media only screen and (max-width: 1080px) {
    body main > article {
      width: auto;
      margin-top: 44px;
    }
  }
  
  body main > article > header {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
  }
  
  @media only screen and (max-width: 1280px) {
    body main > article > header {
      grid-template-columns: 1fr auto;
      width: auto;
      padding-left: 0;
      padding-right: 0;
    }
  }
  
  @media only screen and (max-width: 1080px) {
    body main > article > header {
      padding-top: 0;
      padding-bottom: 0;
    }
  }
  
  body main > article > header > h1 {
    font-size: 2em;
    margin: 0;
    line-height: 0.8;
    font-size: 24px;
    font-weight: 400;
    align-self: center;
  }
  
  @media only screen and (max-width: 1080px) {
    body main > article > header > h1 {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 44px;
      min-width: 100%;
      line-height: 44px;
      text-align: center;
      font-size: 1em;
      background: var(--jubileague-black);
      color: whitesmoke;
      z-index: 50;
    }
    body main > article > header > h1 > a {
      color: whitesmoke !important;
    }
  }
  
  body main > article > header > ul {
    list-style: none;
    padding-top: 0px;
    margin: 0;
    border: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-self: center;
  }
  
  @media only screen and (max-width: 1080px) {
    body main > article > header > ul {
      border-bottom: rgba(240, 240, 240, 0.1) 1px;
      border-style: dashed;
      padding-top: 24px;
      padding-bottom: 24px;
      min-width: 100%;
    }
  }
  
  body main > article > header > ul li {
    margin-right: 2em;
  }
  
  body main > article > header > ul li:last-child {
    margin-right: 0;
  }
  
  body main > article > header > ul li > span.current {
    color: #404040;
  }
  
  body main > article > header > ul li > a {
    padding-bottom: 1rem;
  }
  
  body main > article > header > ul li > a:hover {
    border-bottom: 3px solid whitesmoke;
  }
  
  body main > article > header > span {
    justify-self: end;
    align-self: center;
  }
  
  body main > article > header > span > input {
    max-width: 120px;
    max-height: 36px;
  }
  
  body main > article > aside {
    text-align: center;
    margin-bottom: 72px;
  }
  
  body main > article > aside h2 {
    margin: 0 auto;
    font-weight: 600;
  }
  
  body main > article > div.byline {
    text-align: center;
    margin-bottom: 64px;
  }
  
  @media only screen and (max-width: 1080px) {
    body main > article > div.byline {
      margin-bottom: 48px;
    }
  }
  
  body main > article > div.byline h1 {
    margin-bottom: 0;
  }
  
  body main > article > div.byline h3 {
    font-size: small;
    font-weight: 400;
    padding: 4px 6px;
    margin-top: 0;
    background: #FAED25;
    display: inline-block;
  }
  
  body main > article > div.byline h3 a {
    color: var(--jubileague-black) !important;
    text-decoration: none;
  }
  
  body main > article > article.sticky {
    text-align: center;
    padding: 0 64px 72px;
  }
  
  @media only screen and (max-width: 1080px) {
    body main > article > article.sticky {
      padding: 0 24px 48px;
    }
  }
  
  body main > article > article.sticky > h2,
  body main > article > article.sticky > h3,
  body main > article > article.sticky > p {
    padding-left: 0;
    padding-right: 0;
  }
  
  body main > article > article.sticky > h2 *,
  body main > article > article.sticky > h3 *,
  body main > article > article.sticky > p * {
    text-decoration: none;
  }
  
  body main > article > article.sticky h3 {
    font-size: small;
    font-weight: 400;
    padding: 4px 6px;
    margin-top: 0;
    background: #FAED25;
    display: inline-block;
  }
  
  body main > article > article.sticky h3 a {
    color: var(--jubileague-black) !important;
  }
  
  body main > article > article.sticky h2 {
    margin-top: 0rem;
    font-size: 64px;
    margin-bottom: 1rem;
  }
  
  @media only screen and (max-width: 1080px) {
    body main > article > article.sticky h2 {
      font-size: 48px;
    }
  }
  
  body main > article > article.sticky h2 a {
    color: whitesmoke !important;
  }
  
  body main > article > article.sticky p {
    line-height: 1.5;
  }
  
  body main > article > section {
    padding: 0 64px;
    column-gap: 64px;
    -moz-column-gap: 64px;
    -webkit-column-gap: 64px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  @media only screen and (max-width: 1080px) {
    body main > article > section {
      padding: 0 24px;
      column-gap: 24px;
      -moz-column-gap: 24px;
      -webkit-column-gap: 24px;
      row-gap: 24px;
      -moz-row-gap: 24px;
      -webkit-row-gap: 24px;
    }
  }
  
  @media only screen and (max-width: 1680px) {
    body main > article > section {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  @media only screen and (max-width: 690px) {
    body main > article > section {
      grid-template-columns: 1fr;
    }
  }
  
  body main > article > section > article {
    text-align: center;
  }
  
  body main > article > section > article > h2 *,
  body main > article > section > article > h3 *,
  body main > article > section > article > p * {
    text-decoration: none;
  }
  
  body main > article > section > article h3 {
    font-size: small;
    font-weight: 400;
    padding: 4px 6px;
    margin-top: 0;
    background: #FAED25;
    display: inline-block;
  }
  
  body main > article > section > article h3 a {
    color: var(--jubileague-black) !important;
  }
  
  body main > article > section > article h2 {
    margin-top: 0rem;
  }
  
  body main > article > section > article h2 a {
    color: whitesmoke !important;
  }
  
  body main > article > section > article p {
    line-height: 1.5;
  }
  
  /**
   * ----------------------------------------------
   * WooCommerce: Products Archive
   * ---------------------------------------------- 
   */
  article.woo {
    display: grid;
    align-items: center;
    grid-template-areas: "header header" "title title" "description description" "notice notice" "result filter" "products products";
  }
  
  @media only screen and (max-width: 800px) {
    article.woo {
      grid-template-areas: "header" "title" "description" "filter" "notice" "result" "products";
    }
  }
  
  article.woo > header {
    grid-area: header;
  }
  
  article.woo > h1.page-title {
    grid-area: title;
    margin-left: 0;
    margin-bottom: 0.618em;
  }
  
  article.woo > div.page-description {
    grid-area: description;
    margin-left: 0;
    margin-bottom: 0.618em;
  }
  
  article.woo > div.woocommerce-notices-wrapper {
    grid-area: notice;
  }
  
  article.woo > p.woocommerce-result-count {
    grid-area: result;
    margin: 2em 0;
  }
  
  article.woo > form.woocommerce-ordering {
    grid-area: filter;
    margin: 2em 0;
    padding: 0 64px;
  }
  
  @media only screen and (max-width: 1080px) {
    article.woo > form.woocommerce-ordering {
      padding: 0 24px;
    }
  }
  
  article.woo > form.woocommerce-ordering > select.orderby {
    float: right;
  }
  
  @media only screen and (max-width: 800px) {
    article.woo > form.woocommerce-ordering > select.orderby {
      width: 100%;
    }
  }
  
  article.woo > ul.products {
    grid-area: products;
    list-style: none;
    display: grid;
    max-width: 100vw;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 4em;
    row-gap: 4em;
    margin: 0;
    padding: 0 64px;
  }
  
  @media only screen and (max-width: 1080px) {
    article.woo > ul.products {
      grid-template-columns: 1fr 1fr;
      column-gap: 24px;
      padding: 0 24px;
    }
    article.woo > ul.products > li {
      margin-bottom: 4em;
    }
    article.woo > ul.products > li h2 {
      margin-top: 1em;
    }
    article.woo > ul.products > li a {
      text-decoration: none;
    }
    article.woo > ul.products > li a img {
      width: 100%;
    }
    article.woo > ul.products > li a .price {
      display: block;
    }
  }
  
  article.woo > ul.products * {
    padding: 0;
  }
  
  /**
   * ----------------------------------------------
   * WooCommerce: Single Product
   * ---------------------------------------------- 
   */
  article.woo > div.product {
    display: grid;
    -ms-grid-column-gap: 0;
    column-gap: 0;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "gallery summary" "gallery tabs";
  }
  
  @media only screen and (max-width: 1780px) {
    article.woo > div.product {
      grid-template-columns: 3fr 2fr;
    }
  }
  
  @media only screen and (max-width: 1480px) {
    article.woo > div.product {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  @media only screen and (max-width: 1080px) {
    article.woo > div.product {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "gallery summary" "gallery tabs";
    }
  }
  
  @media only screen and (max-width: 800px) {
    article.woo > div.product {
      grid-template-columns: 1fr;
      grid-template-areas: "gallery" "summary" "tabs";
    }
  }
  
  article.woo > div.product > div.woocommerce-product-gallery {
    grid-area: gallery;
    margin-bottom: 0.618em;
    padding-left: 64px;
  }
  
  @media only screen and (max-width: 1080px) {
    article.woo > div.product > div.woocommerce-product-gallery {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
  
  article.woo > div.product > div.woocommerce-product-gallery figure {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  article.woo > div.product > div.woocommerce-product-gallery figure img {
    margin-top: 2em;
    min-width: 100%;
  }
  
  article.woo > div.product > div.summary {
    grid-area: summary;
    margin-left: 0;
  }
  
  article.woo > div.product > div.summary > * {
    padding-left: 64px;
    padding-right: 64px;
  }
  
  @media only screen and (max-width: 1080px) {
    article.woo > div.product > div.summary > * {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
  
  article.woo > div.product > div.summary h1.product_title {
    margin-bottom: 0.309em;
  }
  
  article.woo > div.product > div.woocommerce-tabs {
    grid-area: tabs;
    margin: 2em 0;
  }
  
  table.variations tbody tr {
    display: grid;
    grid-template-rows: 1fr;
  }
  
  table.variations tbody tr td.label {
    color: whitesmoke;
  }
  
  .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    background-color: #404040 !important;
    box-shadow: none !important;
    color: whitesmoke;
  }
  
  .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
  .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    /* border: 3px solid var(--jubileague-blue); */
    color: whitesmoke;
    background-color: var(--jubileague-blue) !important;
  }
  
  .single-product div.product form.cart input.qty {
    max-width: 50px;
    font-size: 1.5em;
    text-align: center;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    background-color: transparent;
  }
  
  .single-product div.product form.cart button.minus {
    font-size: 2em;
    padding: 0 0.25em 0 0;
    line-height: 0.25em;
    background-color: transparent;
    color: var(--jubileague-blue);
  }
  
  .single-product div.product form.cart button.plus {
    font-size: 2em;
    padding: 0 0 0 0.25em;
    line-height: 0.25em;
    background-color: transparent;
    color: var(--jubileague-blue);
  }
  
  .single-product div.product form.cart .quantity,
  .single-product div.product form.cart button.minus {
    float: left;
  }
  
  .single-product div.product form.cart button.single_add_to_cart_button {
    clear: both;
    display: block;
    margin: 3em 0;
  }
  
  .single-product div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr 9fr;
    grid-template-areas: "quantity_header quantity_header quantity_header quantity_header" "minus quantity plus none" "add_to_cart add_to_cart add_to_cart add_to_cart" "seperator seperator seperator seperator" "payment_request payment_request payment_request payment_request";
  }
  
  .single-product div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart div.quantity_header {
    grid-area: quantity_header;
  }
  
  .single-product div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart button.minus {
    grid-area: minus;
  }
  
  .single-product div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart div.quantity {
    grid-area: quantity;
  }
  
  .single-product div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart button.plus {
    grid-area: plus;
  }
  
  .single-product div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
    grid-area: add_to_cart;
  }
  
  .single-product div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart p#wcpay-payment-request-button-separator[style] {
    grid-area: seperator;
    display: none !important;
  }
  
  .single-product div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart div#wcpay-payment-request-wrapper {
    grid-area: payment_request;
  }
  
  .single-product div.product form.cart .single_variation_wrap > *:not(.woocommerce-variation-add-to-cart) {
    display: none !important;
  }
  
  /* Hide arrows/spinner from input number in Chrome, Safari, Edge, Opera */
  article .product input::-webkit-outer-spin-button,
  article .product input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Hide arrows/spinner from input number in Firefox */
  article .product input[type=number] {
    -moz-appearance: textfield;
  }
  
  /**
   * -------------------------------------------
   *  Layout
   * -------------------------------------------
   */
  h1 {
    font-size: 4em;
    font-weight: 600;
    margin: 0.618em 0 1em;
  }
  
  @media only screen and (max-width: 1080px) {
    h1 {
      font-size: 3em;
    }
  }
  
  h2 {
    font-weight: 400;
  }
  
  figure + h2 {
    margin-top: 0em;
  }
  
  p + h2 {
    margin-top: 3em;
  }
  
  /* Grouping content
       ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  
  /* Text-level semantics
       ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bold;
    font-weight: 500;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
       ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
  }
  
  /* Forms
       ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    /* font-family: inherit; */
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select {
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  a[role="button"]::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    /* padding: 0.35em 0.75em 0.625em; */
    padding: 0.1em 0rem;
    border: none;
    background: #191919;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *		`fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    background: var(--jubileague-black);
    padding: 1rem;
    margin-left: -1rem;
    margin-top: 0;
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type="search"] {
    outline-offset: -2px;
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  
  /* Interactive
       ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  
  /* Misc
       ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  
  /*--------------------------------------------------------------
  # Base
  --------------------------------------------------------------*/
  /* Typography
  --------------------------------------------- */
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    color: #404040;
    /* font-family: inherit; */
    /* font-size: 1rem; */
    line-height: 1.5;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    line-height: 1.1;
    padding-left: 64px;
    padding-right: 64px;
  }
  
  @media only screen and (max-width: 1080px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      padding-left: 25px;
      padding-right: 25px;
    }
  }
  
  p,
  ul,
  ol {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    max-width: 880px;
    padding-left: 64px;
    padding-right: 64px;
  }
  
  @media only screen and (max-width: 1080px) {
    p,
    ul,
    ol {
      padding-left: 25px;
      padding-right: 25px;
    }
  }
  
  dfn,
  cite,
  em,
  i {
    font-style: italic;
  }
  
  blockquote {
    margin: 0 1.5em;
  }
  
  address {
    margin: 0 0 1.5em;
  }
  
  pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
  }
  
  code,
  kbd,
  tt,
  var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  }
  
  abbr,
  acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
  }
  
  mark,
  ins {
    background: #fff9c0;
    text-decoration: none;
  }
  
  big {
    font-size: 125%;
  }
  
  table th {
    font-weight: 300;
  }
  
  table td {
    font-weight: 300;
  }
  
  /**
   * ---------------------------------------------
   * Elements
   * ---------------------------------------------
   */
  hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
  }
  
  ul,
  ol {
    margin: 0 0 1.5em 3em;
  }
  
  ul {
    list-style: disc;
  }
  
  ol {
    list-style: decimal;
  }
  
  li > ul,
  li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
  }
  
  dt {
    font-weight: 700;
  }
  
  dd {
    margin: 0 1.5em 1.5em;
  }
  
  /* Make sure embeds and iframes fit their containers. */
  embed,
  iframe,
  object {
    max-width: 100%;
  }
  
  iframe.apod {
    border: 0;
    margin-bottom: 3rem;
    height: 400px;
  }
  
  img {
    height: auto;
    max-width: 100%;
  }
  
  figure {
    margin: 1em 0;
  }
  
  table {
    margin: 0 0 1.5em;
    width: 100%;
  }
  
  /**
   * ---------------------------------------------
   * Links
   * ---------------------------------------------
   */
  /**
   * ---------------------------------------------
   * Forms
   * ---------------------------------------------
   */
  label {
    font-weight: 200;
  }
  
  button,
  a[role="button"],
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    border: 0px transparent;
    background-color: var(--jubileague-blue);
    border-radius: 4px;
    color: whitesmoke;
    line-height: 1;
    /* padding: 0.6em 1em; */
    /* background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; */
    color: #f9f9f9;
    /* font-size: 15px; */
    /* text-transform: uppercase; */
    align-items: center;
    cursor: pointer;
    display: flex;
    /* font-family: Avenir-Heavy, sans-serif; */
    font-stretch: normal;
    font-style: normal;
    height: 48px;
    justify-content: center;
    line-height: 1.5;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 2em;
    padding-right: 2em;
    text-align: center;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: initial;
    transition-property: all;
    -webkit-font-smoothing: antialiased;
  }
  
  button:hover,
  a[role="button"],
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    /* border-color: #ccc #bbb #aaa; */
    background-color: #068dff;
  }
  
  button:active,
  button:focus,
  a[role="button"]:active,
  a[role="button"]:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    /* border-color: #aaa #bbb #bbb; */
    background-color: #003b6c;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  select,
  textarea {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 3px;
    /* */
    padding: 3px;
    display: block;
    -webkit-backdrop-filter: blur(50px);
    background-color: #31343e;
    caret-color: var(--jubileague-blue);
    color: #f9f9f9;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 48px;
    line-height: 1.53;
    margin-top: 0px;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
    padding: 0.5rem 1rem;
    transition-duration: 0.1s;
    transition-timing-function: ease;
    transition-delay: initial;
    transition-property: all;
  }
  
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    /* color: #111; */
  }
  
  select {
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    box-shadow: none;
    outline: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
  }
  
  select::-ms-expand {
    display: none;
  }
  
  textarea {
    width: 100%;
  }
  
  /*--------------------------------------------------------------
  # Layouts
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Components
  --------------------------------------------------------------*/
  /* Navigation
  --------------------------------------------- */
  /* Small menu. */
  .site-main .comment-navigation,
  .site-main
  .posts-navigation,
  .site-main
  .post-navigation {
    margin: 0 0 1.5em;
  }
  
  .comment-navigation .nav-links,
  .posts-navigation .nav-links,
  .post-navigation .nav-links {
    display: flex;
  }
  
  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
    flex: 1 0 50%;
  }
  
  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
  }
  
  /* Posts and pages
  --------------------------------------------- */
  .sticky {
    display: block;
  }
  
  .updated:not(.published) {
    display: none;
  }
  
  .page-content,
  .entry-content,
  .entry-summary {
    margin: 0 0 0;
  }
  
  .page-links {
    clear: both;
    margin: 0 0 1.5em;
  }
  
  /* Comments
  --------------------------------------------- */
  .comment-content a {
    word-wrap: break-word;
  }
  
  .bypostauthor {
    display: block;
  }
  
  /* Widgets
  --------------------------------------------- */
  .widget {
    margin: 0 0 1.5em;
  }
  
  .widget select {
    max-width: 100%;
  }
  
  /* Media
  --------------------------------------------- */
  .page-content .wp-smiley,
  .entry-content .wp-smiley,
  .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  
  /* Make sure logo link wraps around logo image. */
  .custom-logo-link {
    display: inline-block;
  }
  
  /* Captions
  --------------------------------------------- */
  .wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
  }
  
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0;
  }
  
  .wp-caption-text {
    text-align: center;
  }
  
  /* Galleries
  --------------------------------------------- */
  .gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
  }
  
  .gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  
  .gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  
  .gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  
  .gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  
  .gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  
  .gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  
  .gallery-caption {
    display: block;
  }
  
  /*--------------------------------------------------------------
  # Plugins
  --------------------------------------------------------------*/
  /* Jetpack infinite scroll
  --------------------------------------------- */
  /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
  .infinite-scroll .posts-navigation,
  .infinite-scroll.neverending .site-footer {
    display: none;
  }
  
  /* Re-display the Theme Footer when Infinite Scroll has reached its end. */
  .infinity-end.neverending .site-footer {
    display: block;
  }
  
  /*--------------------------------------------------------------
  # Utilities
  --------------------------------------------------------------*/
  /* Accessibility
  --------------------------------------------- */
  /* Text meant only for screen readers. */
  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
  
  /* Do not show the outline on the skip link target. */
  #primary[tabindex="-1"]:focus {
    outline: 0;
  }
  
  /* Alignments
  --------------------------------------------- */
  .alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
  }
  
  .alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
  }
  
  .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
  }
  
  /* WOOCOMMERCE WOOCOMMERCE WOOCOMMERCE WOOCOMMERCE WOOCOMMERCE WOOCOMMERCE */
  body.woocommerce-page article h1 {
    margin-left: 0;
  }
  
  .woocommerce {
    padding: 0 64px;
  }
  
  @media only screen and (max-width: 1080px) {
    .woocommerce {
      padding: 0 24px;
    }
  }
  
  .woocommerce .woocommerce-error,
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-message {
    padding: 1em;
    border-top: 0;
    line-height: 1;
    border-radius: 4px 4px 0 0;
    margin: 0 auto;
  }
  
  .woocommerce .woocommerce-error *,
  .woocommerce .woocommerce-info *,
  .woocommerce .woocommerce-message * {
    line-height: 1rem !important;
  }
  
  .woocommerce .woocommerce-error::before,
  .woocommerce .woocommerce-info::before,
  .woocommerce .woocommerce-message::before {
    top: 1em;
    left: 1em;
  }
  
  .woocommerce .woocommerce-error a.button,
  .woocommerce .woocommerce-info a.button,
  .woocommerce .woocommerce-message a.button {
    font-weight: 200;
    border: none !important;
    padding: 0.5rem 0.618rem 0.618rem 0.618rem !important;
    font-size: 0.816rem !important;
    border-radius: 4px;
    position: absolute;
    top: 0.48rem;
    right: 0.48rem;
  }
  
  .woocommerce .woocommerce-error li:last-child,
  .woocommerce .woocommerce-info li:last-child,
  .woocommerce .woocommerce-message li:last-child {
    padding-bottom: 0;
  }
  
  .woocommerce .woocommerce-message {
    background-color: darkcyan;
  }
  
  .woocommerce .woocommerce-error::before {
    color: red;
  }
  
  @media (max-width: 540px) {
    .woocommerce .woocommerce-error,
    .woocommerce .woocommerce-info,
    .woocommerce .woocommerce-message {
      padding: 0.618em 0.618em 54px 2.618em;
    }
    .woocommerce .woocommerce-error *,
    .woocommerce .woocommerce-info *,
    .woocommerce .woocommerce-message * {
      line-height: 1.618rem;
    }
    .woocommerce .woocommerce-error a.button,
    .woocommerce .woocommerce-info a.button,
    .woocommerce .woocommerce-message a.button {
      position: absolute;
      top: unset;
      bottom: 0.618rem;
      right: 0.618rem;
    }
  }
  
  .woocommerce .woocommerce-info {
    background-color: transparent;
    text-align: center;
    padding: 1.618rem 0;
  }
  
  .woocommerce .woocommerce-info::before {
    content: none;
  }
  
  .woocommerce form input.qty {
    max-width: 50px;
    text-align: center;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
  }
  
  .woocommerce section.related.products {
    position: relative;
    clear: both;
    max-width: inherit;
    flex: 1 0 100%;
    margin-top: 44px;
  }
  
  .woocommerce section.related.products > h2 {
    text-align: left;
    padding-top: 24px;
    margin-bottom: 24px;
    border-top: 1px solid lightgray;
  }
  
  .woocommerce section.related.products > ul.products {
    margin: 0 auto;
  }
  
  .woocommerce section.related.products > ul.products li.product {
    display: grid;
  }
  
  .woocommerce section.related.products > ul.products li.product * {
    text-align: left;
  }
  
  .woocommerce section.related.products > ul.products li.product a.button.add_to_cart_button {
    display: none;
  }
  
  .woocommerce ul.products li.product .price {
    font-weight: 200;
  }
  
  .woocommerce-cart table.shop_table tr td[data-title="Shipping"]::before {
    content: "---" !important;
    text-align: right;
    float: right;
    font-weight: 200;
    min-width: 24px;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout {
    display: grid;
  }
  
  .woocommerce-checkout h3, .woocommerce-checkout p, .woocommerce-checkout th, .woocommerce-checkout td {
    padding-left: 0;
    padding-right: 0;
  }
  
  .woocommerce-checkout abbr.required {
    text-decoration: none;
    color: palevioletred;
  }
  
  .woocommerce-checkout div#payment {
    margin-top: 64px;
    border-top: 1px dotted #333333;
    padding-top: 64px;
  }
  
  .woocommerce-checkout div#payment .woocommerce-SavedPaymentMethods-new,
  .woocommerce-checkout div#payment .woocommerce-SavedPaymentMethods-saveNew {
    display: none !important;
  }
  
  .woocommerce-checkout div#payment ul.wc_payment_methods {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
  }
  
  .woocommerce-checkout div#payment ul.wc_payment_methods li.wc_payment_method > label {
    font-size: larger;
    text-transform: capitalize;
    font-weight: bold;
  }
  
  .woocommerce-cart .woocommerce,
  .woocommerce-checkout .woocommerce {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    /* The table containing the list of products and our custom elements */
    /* The element that contains the cart totals */
  }
  
  .woocommerce-cart .woocommerce .woocommerce-notices-wrapper,
  .woocommerce-checkout .woocommerce .woocommerce-notices-wrapper {
    flex: 1 0 100%;
  }
  
  .woocommerce-cart .woocommerce .cart-empty,
  .woocommerce-checkout .woocommerce .cart-empty {
    flex: 1 100%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .woocommerce-cart .woocommerce .return-to-shop,
  .woocommerce-checkout .woocommerce .return-to-shop {
    flex: 1 100%;
    text-align: center;
  }
  
  .woocommerce-cart .woocommerce .woocommerce-cart-form,
  .woocommerce-checkout .woocommerce .woocommerce-cart-form {
    width: 60%;
    margin-right: 10%;
    /* 100% at small screens; 70% on larger screens */
  }
  
  @media only screen and (max-width: 1080px) {
    .woocommerce-cart .woocommerce .woocommerce-cart-form,
    .woocommerce-checkout .woocommerce .woocommerce-cart-form {
      width: 100%;
      margin-right: 0;
    }
  }
  
  .woocommerce-cart .woocommerce div.cart-collaterals,
  .woocommerce-checkout .woocommerce div.cart-collaterals {
    width: 30%;
    /* 100% at small screens; 30% on larger screens */
    /* Some minor tweak to make sure the cart totals fill the space */
  }
  
  @media only screen and (max-width: 1080px) {
    .woocommerce-cart .woocommerce div.cart-collaterals,
    .woocommerce-checkout .woocommerce div.cart-collaterals {
      width: 100%;
    }
  }
  
  .woocommerce-cart .woocommerce div.cart-collaterals div.cart_totals,
  .woocommerce-checkout .woocommerce div.cart-collaterals div.cart_totals {
    width: 100%;
    padding: 0 0 72px;
  }
  
  .woocommerce-cart .woocommerce div.cart-collaterals div.cart_totals h2,
  .woocommerce-checkout .woocommerce div.cart-collaterals div.cart_totals h2 {
    padding-left: 0 !important;
  }
  
  .woocommerce-cart .woocommerce form p.form-row,
  .woocommerce-checkout .woocommerce form p.form-row {
    padding: 0;
  }
  
  .woocommerce-cart table.cart,
  .woocommerce-cart table.shop_table,
  .woocommerce-checkout table.cart,
  .woocommerce-checkout table.shop_table {
    width: 100%;
    table-layout: auto;
    border: none !important;
    position: relative;
    zoom: 1;
    border-spacing: 0px;
    border-collapse: separate;
  }
  
  .woocommerce-cart table.cart tbody,
  .woocommerce-cart table.shop_table tbody,
  .woocommerce-checkout table.cart tbody,
  .woocommerce-checkout table.shop_table tbody {
    border-top: 1px solid rgba(255, 255, 255, 0.95);
  }
  
  .woocommerce-cart table.cart tr,
  .woocommerce-cart table.shop_table tr,
  .woocommerce-checkout table.cart tr,
  .woocommerce-checkout table.shop_table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .woocommerce-cart table.cart tr td,
  .woocommerce-cart table.cart tr th,
  .woocommerce-cart table.shop_table tr td,
  .woocommerce-cart table.shop_table tr th,
  .woocommerce-checkout table.cart tr td,
  .woocommerce-checkout table.cart tr th,
  .woocommerce-checkout table.shop_table tr td,
  .woocommerce-checkout table.shop_table tr th {
    vertical-align: top;
    display: table-cell !important;
    table-layout: auto;
    padding-left: 1.618rem;
    padding-top: 1.618rem;
    padding-bottom: 1.618rem;
    background-color: transparent !important;
  }
  
  .woocommerce-cart table.cart tr td:first-child,
  .woocommerce-cart table.cart tr th:first-child,
  .woocommerce-cart table.shop_table tr td:first-child,
  .woocommerce-cart table.shop_table tr th:first-child,
  .woocommerce-checkout table.cart tr td:first-child,
  .woocommerce-checkout table.cart tr th:first-child,
  .woocommerce-checkout table.shop_table tr td:first-child,
  .woocommerce-checkout table.shop_table tr th:first-child {
    padding-left: 0;
    text-align: left;
  }
  
  .woocommerce-cart table.cart tr td:last-child,
  .woocommerce-cart table.cart tr th:last-child,
  .woocommerce-cart table.shop_table tr td:last-child,
  .woocommerce-cart table.shop_table tr th:last-child,
  .woocommerce-checkout table.cart tr td:last-child,
  .woocommerce-checkout table.cart tr th:last-child,
  .woocommerce-checkout table.shop_table tr td:last-child,
  .woocommerce-checkout table.shop_table tr th:last-child {
    padding-right: 0;
    text-align: right;
  }
  
  .woocommerce-cart table.cart tr td::before,
  .woocommerce-cart table.cart tr th::before,
  .woocommerce-cart table.shop_table tr td::before,
  .woocommerce-cart table.shop_table tr th::before,
  .woocommerce-checkout table.cart tr td::before,
  .woocommerce-checkout table.cart tr th::before,
  .woocommerce-checkout table.shop_table tr td::before,
  .woocommerce-checkout table.shop_table tr th::before {
    content: none !important;
  }
  
  .woocommerce-cart table.cart tr td.product-thumbnail,
  .woocommerce-cart table.cart tr th.product-thumbnail,
  .woocommerce-cart table.shop_table tr td.product-thumbnail,
  .woocommerce-cart table.shop_table tr th.product-thumbnail,
  .woocommerce-checkout table.cart tr td.product-thumbnail,
  .woocommerce-checkout table.cart tr th.product-thumbnail,
  .woocommerce-checkout table.shop_table tr td.product-thumbnail,
  .woocommerce-checkout table.shop_table tr th.product-thumbnail {
    width: 180px !important;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
  
  .woocommerce-cart table.cart tr td.product-thumbnail > a,
  .woocommerce-cart table.cart tr th.product-thumbnail > a,
  .woocommerce-cart table.shop_table tr td.product-thumbnail > a,
  .woocommerce-cart table.shop_table tr th.product-thumbnail > a,
  .woocommerce-checkout table.cart tr td.product-thumbnail > a,
  .woocommerce-checkout table.cart tr th.product-thumbnail > a,
  .woocommerce-checkout table.shop_table tr td.product-thumbnail > a,
  .woocommerce-checkout table.shop_table tr th.product-thumbnail > a {
    display: block;
  }
  
  @media (max-width: 400px) {
    .woocommerce-cart table.cart tr td.product-thumbnail,
    .woocommerce-cart table.cart tr th.product-thumbnail,
    .woocommerce-cart table.shop_table tr td.product-thumbnail,
    .woocommerce-cart table.shop_table tr th.product-thumbnail,
    .woocommerce-checkout table.cart tr td.product-thumbnail,
    .woocommerce-checkout table.cart tr th.product-thumbnail,
    .woocommerce-checkout table.shop_table tr td.product-thumbnail,
    .woocommerce-checkout table.shop_table tr th.product-thumbnail {
      width: 100px !important;
    }
  }
  
  .woocommerce-cart table.cart tr td.product-name,
  .woocommerce-cart table.cart tr th.product-name,
  .woocommerce-cart table.shop_table tr td.product-name,
  .woocommerce-cart table.shop_table tr th.product-name,
  .woocommerce-checkout table.cart tr td.product-name,
  .woocommerce-checkout table.cart tr th.product-name,
  .woocommerce-checkout table.shop_table tr td.product-name,
  .woocommerce-checkout table.shop_table tr th.product-name {
    text-align: left !important;
    position: relative;
  }
  
  @media (min-width: 500px) {
    .woocommerce-cart table.cart tr td.product-name .product-subtotal-float,
    .woocommerce-cart table.cart tr th.product-name .product-subtotal-float,
    .woocommerce-cart table.shop_table tr td.product-name .product-subtotal-float,
    .woocommerce-cart table.shop_table tr th.product-name .product-subtotal-float,
    .woocommerce-checkout table.cart tr td.product-name .product-subtotal-float,
    .woocommerce-checkout table.cart tr th.product-name .product-subtotal-float,
    .woocommerce-checkout table.shop_table tr td.product-name .product-subtotal-float,
    .woocommerce-checkout table.shop_table tr th.product-name .product-subtotal-float {
      width: 40%;
      float: right;
      text-align: right;
      display: inline-block;
    }
    .woocommerce-cart table.cart tr td.product-name .product-title-description,
    .woocommerce-cart table.cart tr th.product-name .product-title-description,
    .woocommerce-cart table.shop_table tr td.product-name .product-title-description,
    .woocommerce-cart table.shop_table tr th.product-name .product-title-description,
    .woocommerce-checkout table.cart tr td.product-name .product-title-description,
    .woocommerce-checkout table.cart tr th.product-name .product-title-description,
    .woocommerce-checkout table.shop_table tr td.product-name .product-title-description,
    .woocommerce-checkout table.shop_table tr th.product-name .product-title-description {
      width: 55%;
      float: left;
      display: inline-block;
    }
  }
  
  .woocommerce-cart table.cart tr td.product-name .product-title-description > a,
  .woocommerce-cart table.cart tr th.product-name .product-title-description > a,
  .woocommerce-cart table.shop_table tr td.product-name .product-title-description > a,
  .woocommerce-cart table.shop_table tr th.product-name .product-title-description > a,
  .woocommerce-checkout table.cart tr td.product-name .product-title-description > a,
  .woocommerce-checkout table.cart tr th.product-name .product-title-description > a,
  .woocommerce-checkout table.shop_table tr td.product-name .product-title-description > a,
  .woocommerce-checkout table.shop_table tr th.product-name .product-title-description > a {
    text-decoration: none;
  }
  
  .woocommerce-cart table.cart tr td.product-name .price-x-quantity,
  .woocommerce-cart table.cart tr th.product-name .price-x-quantity,
  .woocommerce-cart table.shop_table tr td.product-name .price-x-quantity,
  .woocommerce-cart table.shop_table tr th.product-name .price-x-quantity,
  .woocommerce-checkout table.cart tr td.product-name .price-x-quantity,
  .woocommerce-checkout table.cart tr th.product-name .price-x-quantity,
  .woocommerce-checkout table.shop_table tr td.product-name .price-x-quantity,
  .woocommerce-checkout table.shop_table tr th.product-name .price-x-quantity {
    margin-top: 0.618rem;
    color: silver;
    font-size: smaller;
    float: left;
    clear: both;
  }
  
  .woocommerce-cart table.cart tr td.product-name .price-x-quantity > span,
  .woocommerce-cart table.cart tr td.product-name .price-x-quantity > div,
  .woocommerce-cart table.cart tr th.product-name .price-x-quantity > span,
  .woocommerce-cart table.cart tr th.product-name .price-x-quantity > div,
  .woocommerce-cart table.shop_table tr td.product-name .price-x-quantity > span,
  .woocommerce-cart table.shop_table tr td.product-name .price-x-quantity > div,
  .woocommerce-cart table.shop_table tr th.product-name .price-x-quantity > span,
  .woocommerce-cart table.shop_table tr th.product-name .price-x-quantity > div,
  .woocommerce-checkout table.cart tr td.product-name .price-x-quantity > span,
  .woocommerce-checkout table.cart tr td.product-name .price-x-quantity > div,
  .woocommerce-checkout table.cart tr th.product-name .price-x-quantity > span,
  .woocommerce-checkout table.cart tr th.product-name .price-x-quantity > div,
  .woocommerce-checkout table.shop_table tr td.product-name .price-x-quantity > span,
  .woocommerce-checkout table.shop_table tr td.product-name .price-x-quantity > div,
  .woocommerce-checkout table.shop_table tr th.product-name .price-x-quantity > span,
  .woocommerce-checkout table.shop_table tr th.product-name .price-x-quantity > div {
    display: inline;
  }
  
  .woocommerce-cart table.cart tr td.product-name .remove-product-from-bag,
  .woocommerce-cart table.cart tr th.product-name .remove-product-from-bag,
  .woocommerce-cart table.shop_table tr td.product-name .remove-product-from-bag,
  .woocommerce-cart table.shop_table tr th.product-name .remove-product-from-bag,
  .woocommerce-checkout table.cart tr td.product-name .remove-product-from-bag,
  .woocommerce-checkout table.cart tr th.product-name .remove-product-from-bag,
  .woocommerce-checkout table.shop_table tr td.product-name .remove-product-from-bag,
  .woocommerce-checkout table.shop_table tr th.product-name .remove-product-from-bag {
    color: gray;
    font-weight: 100 !important;
    font-size: smaller;
    font-weight: 300 !important;
    margin-top: 1.618rem;
    float: left;
    clear: both;
  }
  
  .woocommerce-cart table.cart tr td.product-subtotal,
  .woocommerce-cart table.cart tr th.product-subtotal,
  .woocommerce-cart table.shop_table tr td.product-subtotal,
  .woocommerce-cart table.shop_table tr th.product-subtotal,
  .woocommerce-checkout table.cart tr td.product-subtotal,
  .woocommerce-checkout table.cart tr th.product-subtotal,
  .woocommerce-checkout table.shop_table tr td.product-subtotal,
  .woocommerce-checkout table.shop_table tr th.product-subtotal {
    text-align: right !important;
  }
  
  .woocommerce-cart table.cart tr td img,
  .woocommerce-cart table.cart tr th img,
  .woocommerce-cart table.shop_table tr td img,
  .woocommerce-cart table.shop_table tr th img,
  .woocommerce-checkout table.cart tr td img,
  .woocommerce-checkout table.cart tr th img,
  .woocommerce-checkout table.shop_table tr td img,
  .woocommerce-checkout table.shop_table tr th img {
    width: 100%;
  }
  
  .woocommerce-cart table.cart .button[name="apply_coupon"],
  .woocommerce-cart table.shop_table .button[name="apply_coupon"],
  .woocommerce-checkout table.cart .button[name="apply_coupon"],
  .woocommerce-checkout table.shop_table .button[name="apply_coupon"] {
    background-color: transparent;
    color: #13aff0;
  }
  
  .woocommerce-cart table.cart .button[name="apply_coupon"]:hover,
  .woocommerce-cart table.shop_table .button[name="apply_coupon"]:hover,
  .woocommerce-checkout table.cart .button[name="apply_coupon"]:hover,
  .woocommerce-checkout table.shop_table .button[name="apply_coupon"]:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #13aff0;
  }
  
  .woocommerce-cart table.cart .button[name="update_cart"],
  .woocommerce-cart table.shop_table .button[name="update_cart"],
  .woocommerce-checkout table.cart .button[name="update_cart"],
  .woocommerce-checkout table.shop_table .button[name="update_cart"] {
    display: none;
  }
  
  .woocommerce-cart table.cart .button[name="update_cart"]:hover,
  .woocommerce-cart table.shop_table .button[name="update_cart"]:hover,
  .woocommerce-checkout table.cart .button[name="update_cart"]:hover,
  .woocommerce-checkout table.shop_table .button[name="update_cart"]:hover {
    background-color: #e2e2e2;
    color: #13aff0;
    filter: brightness(115%);
  }
  
  .woocommerce-cart table.cart a.shipping-calculator-button,
  .woocommerce-cart table.shop_table a.shipping-calculator-button,
  .woocommerce-checkout table.cart a.shipping-calculator-button,
  .woocommerce-checkout table.shop_table a.shipping-calculator-button {
    display: none;
  }
  
  .woocommerce-cart .ElementsApp input.InputElement,
  .woocommerce-checkout .ElementsApp input.InputElement {
    font: 14px !important;
  }
  
  .woocommerce-cart .ElementsApp input.InputElement *,
  .woocommerce-checkout .ElementsApp input.InputElement * {
    font: 14px !important;
  }
  
  .woocommerce-cart ul.payment_methods li[class*=payment_method],
  .woocommerce-checkout ul.payment_methods li[class*=payment_method] {
    padding: 0;
    font-size: smaller;
  }
  
  .woocommerce-cart .payment_box,
  .woocommerce-checkout .payment_box {
    margin-bottom: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
  }
  
  .woocommerce-cart .payment_box::before,
  .woocommerce-checkout .payment_box::before {
    border-color: transparent !important;
  }
  
  .woocommerce-cart .woocommerce-privacy-policy-text p:first-child,
  .woocommerce-checkout .woocommerce-privacy-policy-text p:first-child {
    padding-top: 0;
    font-size: small;
    line-height: 1.5;
  }
  
  @media (max-width: 768px) {
    form.woocommerce-checkout #order_review_heading {
      text-align: center;
      padding: 1rem;
      background: slategray;
      position: absolute;
      left: -2.618rem;
      right: -2.618rem;
    }
    form.woocommerce-checkout .woocommerce-checkout-review-order {
      margin-top: 88px;
    }
  }
  
  @media (min-width: 768px) {
    form.woocommerce-checkout {
      max-width: 880px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 10%;
    }
    form.woocommerce-checkout .woocommerce-error,
    form.woocommerce-checkout .woocommerce-info,
    form.woocommerce-checkout .woocommerce-message {
      grid-column: span 2;
    }
    form.woocommerce-checkout #customer_details {
      padding-bottom: 88px;
      grid-row: span 3;
    }
    form.woocommerce-checkout #customer_details > div {
      width: 100%;
    }
    form.woocommerce-checkout #customer_details h3 {
      text-align: center;
    }
    form.woocommerce-checkout #customer_details textarea[name="order_comments"] {
      height: 150px;
    }
    form.woocommerce-checkout .woocommerce-checkout-review-order table th {
      font-weight: 300;
    }
    form.woocommerce-checkout .woocommerce-checkout-review-order table td[data-title="Shipping"] {
      text-align: left;
      font-weight: 200;
    }
    form.woocommerce-checkout .woocommerce-checkout-review-order table td[data-title="Shipping"] ul#shipping_method li {
      margin-bottom: 1rem;
      clear: both;
    }
    form.woocommerce-checkout .woocommerce-checkout-review-order table td[data-title="Shipping"] ul#shipping_method li label {
      display: inline-block;
      line-height: 1.2;
      width: calc(100% - 24px);
      float: right;
      text-align: right;
    }
    form.woocommerce-checkout .woocommerce-checkout-review-order table td[data-title="Shipping"] ul#shipping_method li label > span > bdi {
      display: block;
    }
    form.woocommerce-checkout .woocommerce-checkout-review-order table tr.order-total {
      font-size: larger;
    }
  }
  
  .woocommerce .woocommerce-order {
    max-width: 880px;
    margin: 0 auto;
  }
  
  .woocommerce .woocommerce-order ul.order_details {
    padding-left: 0;
  }
  
  .woocommerce .woocommerce-order ul.order_details li {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  @media (max-width: 768px) {
    .woocommerce .woocommerce-order ul.order_details li {
      float: none;
      border: none;
    }
  }
  
  .woocommerce .woocommerce-order section.woocommerce-customer-details address {
    line-height: 1.618rem;
  }
  
  .woocommerce .woocommerce-order section.woocommerce-customer-details address * {
    font-weight: 200;
  }
  
  .woocommerce .woocommerce-order section.woocommerce-customer-details address p {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .pf-size-guide-modal-wrapper {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal {
    background-color: rgba(255, 255, 255, 0.8) !important;
    max-height: 550px;
    backdrop-filter: saturate(100%) blur(30px);
    -webkit-backdrop-filter: saturate(100%) blur(30px);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal * {
    background: none !important;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__header > button.pf-size-guide-modal__close {
    position: relative;
    border: 0 !important;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__header > button.pf-size-guide-modal__close > img {
    display: none;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__header > button.pf-size-guide-modal__close:after {
    content: 'Close';
    line-height: 30px;
    font-size: 14px;
    font-weight: 200;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > ul.pf-product-size-guide__tabs {
    display: none;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > div > h4 {
    display: none;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > div > h4 + div {
    display: none;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > div > div.pf-size-guide-modal-measurements {
    display: none !important;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > div > div.pf-size-guide-modal-size-chart {
    display: block !important;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > div > div.pf-size-guide-modal-size-chart ul.pf-size-guide-modal-size-chart__tabs li.pf-size-guide-modal-size-chart__tab {
    border: 0px;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > div > div.pf-size-guide-modal-size-chart table.pf-size-guide-modal-size-chart__table {
    table-layout: auto !important;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > div > div.pf-size-guide-modal-size-chart table.pf-size-guide-modal-size-chart__table td {
    border-bottom: 1px solid #ccc;
  }
  
  .pf-size-guide-modal-wrapper .pf-size-guide-modal .pf-size-guide-modal__content > div > div.pf-size-guide-modal-size-chart table.pf-size-guide-modal-size-chart__table thead tr td {
    font-size: x-small;
  }
  
  /******************/
  /* Ajax Overlay   */
  /******************/
  div.blockOverlay {
    background-color: #1e1e1e !important;
    cursor: wait;
  }
  
  /******************/
  /* WP Block Cover */
  /******************/
  .wp-block-cover {
    background-position: top;
    padding: calc(env(safe-area-inset-left) + 1.618em);
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: inherit;
  }
  
  .wp-block-cover > .wp-block-cover__inner-container {
    align-self: flex-end;
  }
  
  .wp-block-cover > .wp-block-cover__inner-container > h1 {
    font-weight: 100;
    letter-spacing: 1pc;
  }
  
  .wp-block-button__link {
    border-radius: 8px;
  }
  
  /******************/
  /* Responsive iframe for Videos */
  /******************/
  .iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
  }
  
  .iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16         :9 */
    padding-top: 25px;
    height: 0;
  }
  
  .wp-block-embed__wrapper object,
  .wp-block-embed__wrapper embed,
  .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .statement {
    font-size: 64px !important;
    line-height: 1.3 !important;
  }
  
  @media only screen and (max-width: 960px) {
    .statement {
      font-size: 48px !important;
    }
  }
  
  @media (max-width: 600px) {
    .wp-block-spacer {
      height: 60px !important;
    }
    .wp-block-columns {
      max-width: 540px;
      margin: auto;
    }
    .wp-block-media-text {
      max-width: 540px;
      margin: auto;
    }
    .wp-block-media-text .wp-block-media-text__content {
      padding-right: 0;
      padding-left: 0;
      padding-top: 1.618rem;
      padding-bottom: 1.618rem;
    }
  }
  
  @media only screen and (min-width: 768px) {
    .wp-block-spacer {
      height: 90px !important;
    }
    .wp-block-columns {
      max-width: 720px;
      margin: auto;
    }
    .wp-block-media-text {
      max-width: 720px;
      margin: auto;
    }
  }
  
  @media only screen and (min-width: 992px) {
    .wp-block-spacer {
      height: 120px !important;
    }
    .wp-block-columns {
      max-width: 960px;
      margin: auto;
    }
    .wp-block-media-text {
      max-width: 960px;
      margin: auto;
    }
  }
  
  @media only screen and (min-width: 1200px) {
    .wp-block-columns {
      max-width: 1300px;
      margin: auto;
    }
    .wp-block-media-text {
      max-width: 1300px;
      margin: auto;
    }
  }