@charset "UTF-8";
/*!
Theme Name: Crooked Pop
Theme URI: https://www.drinkcrookedpop.com/
Author: Victory Creative Inc
Author URI: https://createvictory.com/
Description: Custom wordpress theme for Crooked Pop
Version: 1.0

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

crooked-pop 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

--------------------------------------------------------------*/
/*
Font: 		Comicon
Style: 		Bold
URL: 		https://youworkforthem.com/font/T16497/comicon
Foundry: 	Sean Thorenson
Foundry: 	https://youworkforthem.com/designer/1342/sean-thorenson
Copyright:
Version: 	17
Created:	September 14, 2023
License: 	https://www.youworkforthem.com/font-license
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted
			from using the WebFonts(s) listed without a purchased license.
			All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
  font-family: "ComiconBold";
  src: url("../fonts/comicon-bold.woff2") format("woff2"), url("../fonts/comicon-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/**
* @license
* MyFonts Webfont Build ID 632079
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license from one of MyFonts official sites.
* http://www.fonts.com
* http://www.myfonts.com
* http://www.linotype.com
*
*/
@font-face {
  font-family: "AvenirNextProBold";
  src: url("../fonts/AvenirNextProBold/font.woff2") format("woff2"), url("../fonts/AvenirNextProBold/font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextProHeavy";
  src: url("../fonts/AvenirNextProHeavy/font.woff2") format("woff2"), url("../fonts/AvenirNextProHeavy/font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextProHeavyItalic";
  src: url("../fonts/AvenirNextProHeavyItalic/font.woff2") format("woff2"), url("../fonts/AvenirNextProHeavyItalic/font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextProMedium";
  src: url("../fonts/AvenirNextProMedium/font.woff2") format("woff2"), url("../fonts/AvenirNextProMedium/font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
Colby Fonts
*/
@font-face {
  font-family: "Colby Bold";
  src: url("../fonts/Colby-StBld.woff2") format("woff2"), url("../fonts/Colby-StBld.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Colby Bold Italic";
  src: url("../fonts/Colby-StBldIt.woff2") format("woff2"), url("../fonts/Colby-StBldIt.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Colby Black";
  src: url("../fonts/Colby-StBlk.woff2") format("woff2"), url("../fonts/Colby-StBlk.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Colby Black Italic";
  src: url("../fonts/Colby-StBlkIt.woff2") format("woff2"), url("../fonts/Colby-StBlkIt.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* 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.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* 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: bolder;
}

/**
 * 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.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
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.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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;
}

/**
 * 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] {
  -webkit-appearance: textfield;
  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;
}

/* Box sizing
--------------------------------------------- */
/* 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/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #002241;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

p {
  font-size: 1.5625vw;
  margin-bottom: 1.7708333333vw;
}
p strong {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
}
@media all and (max-width: 767px) {
  p {
    font-size: 3.9113428944vw;
    margin-bottom: 4.4328552803vw;
  }
}

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%;
}

/* Elements
--------------------------------------------- */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes wiggle {
  0% {
    transform: translateX(1%) rotate(6deg);
  }
  25% {
    transform: translateX(-1%) rotate(-6deg);
  }
  50% {
    transform: translateX(1%) rotate(6deg);
  }
  75% {
    transform: translateX(-1%) rotate(-6deg);
  }
  100% {
    transform: translateX(1%) rotate(6deg);
  }
}
@keyframes big-wiggle {
  0% {
    transform: translateX(1%) rotate(-16deg);
    transform-orign: center;
  }
  25% {
    transform: translateX(-1%) rotate(-10deg);
    transform-orign: center;
  }
  50% {
    transform: translateX(1%) rotate(-16deg);
    transform-orign: center;
  }
  75% {
    transform: translateX(-1%) rotate(-10deg);
    transform-orign: center;
  }
  100% {
    transform: translateX(1%) rotate(-16deg);
    transform-orign: center;
  }
}
@keyframes slide-in {
  0% {
    transform: translateX(110%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
body {
  background: #002241;
  color: #ffffff;
}
@media all and (max-width: 767px) {
  body {
    background: #002241;
  }
}

#page {
  background: #f9c7d9 url("../images/bg-half-tone.png") no-repeat left top/38.021vw auto;
  color: #002241;
}
@media all and (max-width: 767px) {
  #page {
    background: #f9c7d9 url("../images/bg-half-tone.png") no-repeat left top/64% auto;
  }
}

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

ul,
ol {
  font-size: 1.5625vw;
  margin-left: 1.7708333333vw;
  margin-bottom: 1.7708333333vw;
}
@media all and (max-width: 767px) {
  ul,
  ol {
    font-size: 3.9113428944vw;
    margin-left: 4.4328552803vw;
    margin-bottom: 4.4328552803vw;
  }
}

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%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
  color: #002241;
}
a:visited {
  color: #002241;
}
a:hover, a:focus, a:active {
  color: #002241;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
a,
a:hover,
button,
button:hover,
.btn,
.btn:hover,
.btn.btn-secondary,
.btn.btn-secondary:hover,
input[type=button],
input[type=reset],
input[type=submit],
div[role=button],
div.swiper-slide {
  cursor: url("../images/crooked-pointer.png") 24 24, pointer !important;
}

#footer-menu a,
#footer-menu button,
#footer-menu .btn,
#footer-menu input[type=button],
#footer-menu input[type=reset],
#footer-menu input[type=submit],
#legal-menu a,
#legal-menu button,
#legal-menu .btn,
#legal-menu input[type=button],
#legal-menu input[type=reset],
#legal-menu input[type=submit] {
  cursor: pointer !important;
}

#footer-menu a:hover,
#legal-menu a:hover {
  text-decoration: underline;
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce ul.products li.product .button,
.woocommerce button.button.alt,
input[type=button],
input[type=reset],
input[type=submit] {
  background: #fff;
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw;
  box-shadow: -0.052vw 0.052vw 0em #002241, -0.104vw 0.104vw 0em #002241, -0.156vw 0.156vw 0em #002241, -0.208vw 0.208vw 0em #002241, -0.26vw 0.26vw 0em #002241, -0.313vw 0.313vw 0em #002241, -0.365vw 0.365vw 0em #002241, -0.417vw 0.417vw 0em #002241, -0.469vw 0.469vw 0em #002241, -0.521vw 0.521vw 0em #002241, -0.573vw 0.573vw 0em #002241, -0.625vw 0.625vw 0em #002241, -0.677vw 0.677vw 0em #002241, -0.729vw 0.729vw 0em #002241, -0.781vw 0.781vw 0em #002241, -0.833vw 0.833vw 0em #002241;
  color: #002241;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.6666666667vw;
  height: 4.5833333333vw;
  line-height: 1;
  margin-top: 0.0520833333vw;
  padding-top: 0;
  padding-left: 1.7708333333vw;
  padding-right: 1.7708333333vw;
  padding-bottom: 0;
  position: relative;
  text-transform: uppercase;
  transform: translate(0.833vw, -0.833vw);
  transition: all 0.2s linear;
  white-space: nowrap;
}
.woocommerce button.button:active, .woocommerce button.button:hover, .woocommerce button.button:focus,
.woocommerce a.button:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus,
.woocommerce button.button.alt:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
input[type=button]:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:hover,
input[type=submit]:focus {
  border-color: #002241;
  background: #fff;
  box-shadow: none;
  color: #002241;
  transform: translate(0, 0);
}
.woocommerce button.button:focus-visible,
.woocommerce a.button:focus-visible,
.woocommerce ul.products li.product .button:focus-visible,
.woocommerce button.button.alt:focus-visible,
input[type=button]:focus-visible,
input[type=reset]:focus-visible,
input[type=submit]:focus-visible {
  outline-style: dashed !important;
  outline-color: #fff !important;
}
.woocommerce button.button.disabled, .woocommerce button.button.disabled:hover,
.woocommerce a.button.disabled,
.woocommerce a.button.disabled:hover,
.woocommerce ul.products li.product .button.disabled,
.woocommerce ul.products li.product .button.disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
input[type=button].disabled,
input[type=button].disabled:hover,
input[type=reset].disabled,
input[type=reset].disabled:hover,
input[type=submit].disabled,
input[type=submit].disabled:hover {
  background: #fff;
  color: #002241;
}
@media all and (max-width: 767px) {
  .woocommerce button.button,
  .woocommerce a.button,
  .woocommerce ul.products li.product .button,
  .woocommerce button.button.alt,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw;
    font-size: 3.1290743155vw;
    height: 8.3441981747vw;
    padding-left: 3.1290743155vw;
    padding-right: 3.1290743155vw;
  }
}

.btn.btn-primary {
  background: #fff;
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw;
  box-shadow: -0.052vw 0.052vw 0em #002241, -0.104vw 0.104vw 0em #002241, -0.156vw 0.156vw 0em #002241, -0.208vw 0.208vw 0em #002241, -0.26vw 0.26vw 0em #002241, -0.313vw 0.313vw 0em #002241, -0.365vw 0.365vw 0em #002241, -0.417vw 0.417vw 0em #002241, -0.469vw 0.469vw 0em #002241, -0.521vw 0.521vw 0em #002241, -0.573vw 0.573vw 0em #002241, -0.625vw 0.625vw 0em #002241, -0.677vw 0.677vw 0em #002241, -0.729vw 0.729vw 0em #002241, -0.781vw 0.781vw 0em #002241, -0.833vw 0.833vw 0em #002241;
  color: #002241;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.6666666667vw;
  height: 4.5833333333vw;
  line-height: 1;
  margin-top: 0.0520833333vw;
  padding-top: 0;
  padding-left: 1.7708333333vw;
  padding-right: 1.7708333333vw;
  padding-bottom: 0;
  position: relative;
  text-transform: uppercase;
  transform: translate(0.833vw, -0.833vw);
  transition: all 0.2s linear;
}
.btn.btn-primary:active, .btn.btn-primary:hover, .btn.btn-primary:focus {
  border-color: #002241;
  background: #fff;
  box-shadow: none;
  color: #002241;
  transform: translate(0, 0);
}
.btn.btn-primary:focus-visible {
  outline-width: 2px;
  outline-style: dashed !important;
  outline-color: #fff !important;
  box-shadow: none;
}
.btn.btn-primary:first-child {
  position: relative;
  z-index: 2;
}
@media all and (max-width: 767px) {
  .btn.btn-primary {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw;
    font-size: 3.1290743155vw;
    height: 8.3441981747vw;
    padding-left: 3.1290743155vw;
    padding-right: 3.1290743155vw;
  }
}
.btn.btn-secondary {
  background: #fff;
  border: 8px solid #f9c7d9;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw;
  box-shadow: -0.052vw 0.052vw 0em #f9c7d9, -0.104vw 0.104vw 0em #f9c7d9, -0.156vw 0.156vw 0em #f9c7d9, -0.208vw 0.208vw 0em #f9c7d9, -0.26vw 0.26vw 0em #f9c7d9, -0.313vw 0.313vw 0em #f9c7d9, -0.365vw 0.365vw 0em #f9c7d9, -0.417vw 0.417vw 0em #f9c7d9, -0.469vw 0.469vw 0em #f9c7d9, -0.521vw 0.521vw 0em #f9c7d9, -0.573vw 0.573vw 0em #f9c7d9, -0.625vw 0.625vw 0em #f9c7d9, -0.677vw 0.677vw 0em #f9c7d9, -0.729vw 0.729vw 0em #f9c7d9, -0.781vw 0.781vw 0em #f9c7d9, -0.833vw 0.833vw 0em #f9c7d9;
  color: #002241;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.6666666667vw;
  height: 4.5833333333vw;
  line-height: 1;
  margin-top: 0.0520833333vw;
  padding-top: 0;
  padding-left: 1.7708333333vw;
  padding-right: 1.7708333333vw;
  padding-bottom: 0;
  position: relative;
  text-transform: uppercase;
  transform: translate(0.833vw, -0.833vw);
  transition: all 0.2s linear;
}
.btn.btn-secondary:active, .btn.btn-secondary:hover, .btn.btn-secondary:focus {
  border-color: #002241;
  background: #fff;
  box-shadow: none;
  color: #002241;
  transform: translate(0, 0);
}
.btn.btn-secondary:focus-visible {
  outline-width: 2px;
  outline-style: dashed !important;
  outline-color: #fff !important;
  box-shadow: none;
}
.btn.btn-secondary:first-child {
  position: relative;
  z-index: 2;
}
@media all and (max-width: 767px) {
  .btn.btn-secondary {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw;
    font-size: 3.1290743155vw;
    height: 8.3441981747vw;
    padding-left: 3.1290743155vw;
    padding-right: 3.1290743155vw;
  }
}

.gform_wrapper.gravity-theme .gfield_description {
  border-radius: 5px !important;
  font-size: 1.5625vw !important;
  padding: 16px 20px !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
  padding: 16px 20px !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors h2 {
  font-family: inherit !important;
  font-size: 1.5625vw !important;
  line-height: 1.3 !important;
  margin-bottom: 0 !important;
  text-transform: none !important;
  width: auto !important;
}
@media all and (max-width: 767px) {
  .gform_wrapper.gravity-theme .gfield_description {
    font-size: 2.8683181226vw !important;
    padding: 16px !important;
  }
  .gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 16px !important;
  }
  .gform_wrapper.gravity-theme .gform_validation_errors h2 {
    font-size: 2.8683181226vw !important;
  }
}

label,
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
  font-size: 1.5104166667vw !important;
  vertical-align: middle;
}
@media all and (max-width: 767px) {
  label,
  .gform_wrapper.gravity-theme .gfield_checkbox label,
  .gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 3.1290743155vw !important;
  }
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
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],
textarea {
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw !important;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.5625vw !important;
  height: 3.90625vw !important;
  margin-bottom: 1.5625vw !important;
}
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=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 {
  border-color: #002241;
  box-shadow: none;
  outline: none;
}
input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=url]:focus-visible,
input[type=password]:focus-visible,
input[type=search]:focus-visible,
input[type=number]:focus-visible,
input[type=range]:focus-visible,
input[type=date]:focus-visible,
input[type=month]:focus-visible,
input[type=week]:focus-visible,
input[type=time]:focus-visible,
input[type=datetime]:focus-visible,
input[type=datetime-local]:focus-visible,
input[type=color]:focus-visible,
textarea:focus-visible {
  outline-width: 2px;
  outline-style: dashed !important;
  outline-color: #fff !important;
}
@media all and (max-width: 767px) {
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  input[type=search],
  input[type=number],
  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],
  textarea {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw !important;
    font-size: 3.1290743155vw !important;
    height: 8.3441981747vw !important;
  }
}
@media all and (max-width: 481px) {
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  input[type=search],
  input[type=number],
  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],
  textarea {
    border-width: 1.0395010395vw;
    border-radius: 1.6632016632vw !important;
    font-size: 4.158004158vw !important;
    height: 9.9792099792vw !important;
  }
}

form:not(.yotpo-review-form) input[type=text],
form:not(.yotpo-review-form) input[type=email],
form:not(.yotpo-review-form) input[type=url],
form:not(.yotpo-review-form) input[type=password],
form:not(.yotpo-review-form) input[type=search],
form:not(.yotpo-review-form) input[type=number],
form:not(.yotpo-review-form) input[type=range],
form:not(.yotpo-review-form) input[type=date],
form:not(.yotpo-review-form) input[type=month],
form:not(.yotpo-review-form) input[type=week],
form:not(.yotpo-review-form) input[type=time],
form:not(.yotpo-review-form) input[type=datetime],
form:not(.yotpo-review-form) input[type=datetime-local],
form:not(.yotpo-review-form) input[type=color],
form:not(.yotpo-review-form) textarea {
  padding-left: 1.7708333333vw !important;
  padding-right: 1.7708333333vw !important;
}
@media all and (max-width: 767px) {
  form:not(.yotpo-review-form) input[type=text],
  form:not(.yotpo-review-form) input[type=email],
  form:not(.yotpo-review-form) input[type=url],
  form:not(.yotpo-review-form) input[type=password],
  form:not(.yotpo-review-form) input[type=search],
  form:not(.yotpo-review-form) input[type=number],
  form:not(.yotpo-review-form) input[type=range],
  form:not(.yotpo-review-form) input[type=date],
  form:not(.yotpo-review-form) input[type=month],
  form:not(.yotpo-review-form) input[type=week],
  form:not(.yotpo-review-form) input[type=time],
  form:not(.yotpo-review-form) input[type=datetime],
  form:not(.yotpo-review-form) input[type=datetime-local],
  form:not(.yotpo-review-form) input[type=color],
  form:not(.yotpo-review-form) textarea {
    padding-left: 3.1290743155vw !important;
    padding-right: 3.1290743155vw !important;
  }
}

.select {
  background: #fff url("../images/select-arrow.png") no-repeat right 1.042vw center/1.667vw auto;
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw !important;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.5625vw !important;
  height: 3.90625vw !important;
  margin-bottom: 1.5625vw !important;
  padding: 0;
}
.select:focus-visible {
  outline-style: dashed !important;
  outline-color: #fff !important;
}
@media all and (max-width: 767px) {
  .select {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw !important;
    height: 8.3441981747vw !important;
  }
}

select {
  appearance: none;
  background: transparent;
  border: none;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.5625vw !important;
  width: 100%;
  height: 100%;
  padding-left: 1.7708333333vw !important;
  padding-right: 1.7708333333vw !important;
}
select:focus-visible {
  border-radius: 0.5208333333vw !important;
  outline-style: dashed !important;
  outline-color: #fff !important;
  outline-offset: 0.4166666667vw;
  outline-width: 2px;
}
@media all and (max-width: 767px) {
  select {
    font-size: 3.1290743155vw !important;
    padding-left: 3.1290743155vw !important;
    padding-right: 3.1290743155vw !important;
  }
}

textarea {
  width: 100%;
  height: 20.8333333333vw !important;
}
@media all and (max-width: 767px) {
  textarea {
    height: 32.5945241199vw !important;
  }
}

input[type=checkbox] {
  appearance: none;
  background: #fff;
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  height: 2.4479166667vw;
  width: 2.4479166667vw;
  vertical-align: middle;
  margin-right: 1.4583333333vw;
}
input[type=checkbox]:checked {
  background: #fff url("../images/check-arrow.png") no-repeat center/1.302vw auto;
}
input[type=checkbox]:focus-visible {
  outline-width: 2px;
  outline-style: dashed !important;
  outline-color: #d21e6e !important;
  outline-offset: 0;
}
@media all and (max-width: 767px) {
  input[type=checkbox] {
    border-width: 1.0430247718vw;
    height: 4.6936114733vw;
    width: 4.6936114733vw;
  }
}

form#gform_1,
form#gform_2 {
  padding-right: 28.3854166667vw;
  position: relative;
}
form#gform_1 input[type=text]:focus-visible,
form#gform_1 input[type=email]:focus-visible,
form#gform_1 textarea:focus-visible,
form#gform_1 input[type=submit]:focus-visible,
form#gform_2 input[type=text]:focus-visible,
form#gform_2 input[type=email]:focus-visible,
form#gform_2 textarea:focus-visible,
form#gform_2 input[type=submit]:focus-visible {
  outline-color: #d21e6e !important;
  outline-width: 2px;
}
form#gform_1 .gfield_validation_message,
form#gform_2 .gfield_validation_message {
  margin-bottom: 10px;
}
@media all and (max-width: 767px) {
  form#gform_1,
  form#gform_2 {
    padding-right: 0;
  }
}

.gchoice {
  margin-bottom: 1.5625vw;
}

.gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 0 !important;
}

.gform_button {
  margin-top: 1.5625vw !important;
}

.gform_confirmation_message {
  background: #002241;
  border-radius: 1.875vw;
  color: #ffffff;
  padding: 4.1666666667vw;
  text-align: center;
}
.gform_confirmation_message p {
  color: #ffffff;
}
.gform_confirmation_message p:last-child {
  margin: 0;
}
@media all and (max-width: 767px) {
  .gform_confirmation_message {
    border-radius: 2.3468057366vw;
    padding: 5.2151238592vw;
  }
}

.gform_validation_errors .gform-icon {
  display: none !important;
}

.form-flavors {
  position: absolute;
  top: 0;
  right: -3.6458333333vw;
}
.form-flavors .gfield_checkbox .gchoice input[type=checkbox] {
  vertical-align: bottom;
}
.form-flavors .gfield_checkbox .gchoice.gchoice_1_10_1 label:before, .form-flavors .gfield_checkbox .gchoice.gchoice_2_10_1 label:before {
  content: "";
  background: #d21e6e url("../images/crooked-pop-cherry-lime-8-pack.png") no-repeat left center/84% auto;
  border-radius: 1.5625vw;
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  display: block;
  height: 13.6979166667vw;
  margin-bottom: 1.40625vw;
  width: 24.6875vw;
  transform: translateX(-4.063vw);
}
.form-flavors .gfield_checkbox .gchoice.gchoice_1_10_2 label:before, .form-flavors .gfield_checkbox .gchoice.gchoice_2_10_2 label:before {
  content: "";
  background: #fc8106 url("../images/crooked-pop-orange-cream-8-pack.png") no-repeat left center/84% auto;
  border-radius: 1.5625vw;
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  display: block;
  height: 13.6979166667vw;
  margin-bottom: 1.40625vw;
  width: 24.6875vw;
  transform: translateX(-4.063vw);
}
.form-flavors .gfield_checkbox .gchoice.gchoice_1_10_3 label:before, .form-flavors .gfield_checkbox .gchoice.gchoice_2_10_3 label:before {
  content: "";
  background: #883a96 url("../images/crooked-pop-blackberry-8-pack.png") no-repeat left center/84% auto;
  border-radius: 1.5625vw;
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  display: block;
  height: 13.6979166667vw;
  margin-bottom: 1.40625vw;
  width: 24.6875vw;
  transform: translateX(-4.063vw);
}
@media all and (max-width: 767px) {
  .form-flavors {
    position: static;
  }
  .form-flavors .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
  }
  .form-flavors .gfield_checkbox .gchoice.gchoice_1_10_1 label:before, .form-flavors .gfield_checkbox .gchoice.gchoice_2_10_1 label:before {
    border-radius: 3.9113428944vw;
    border-width: 1.0430247718vw;
    height: 21.2516297262vw;
    margin-bottom: 3.520208605vw;
    width: 31.2907431551vw;
    transform: translateX(-7vw);
  }
  .form-flavors .gfield_checkbox .gchoice.gchoice_1_10_2 label:before, .form-flavors .gfield_checkbox .gchoice.gchoice_2_10_2 label:before {
    border-radius: 3.9113428944vw;
    border-width: 1.0430247718vw;
    height: 21.2516297262vw;
    margin-bottom: 3.520208605vw;
    width: 31.2907431551vw;
    transform: translateX(-7vw);
  }
  .form-flavors .gfield_checkbox .gchoice.gchoice_1_10_3 label:before, .form-flavors .gfield_checkbox .gchoice.gchoice_2_10_3 label:before {
    border-radius: 3.9113428944vw;
    border-width: 1.0430247718vw;
    height: 21.2516297262vw;
    margin-bottom: 3.520208605vw;
    width: 31.2907431551vw;
    transform: translateX(-7vw);
  }
}

form .wc-block-components-button:not(.is-link),
form .wc-block-components-button:not(.is-link):disabled {
  background: #002241;
  border: 4px solid #002241;
  color: #ffffff;
  height: 3.8em;
}
form .wc-block-components-button:not(.is-link) .wc-block-components-button__text,
form .wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text {
  opacity: 1;
}
form .wc-block-components-button:not(.is-link):hover, form .wc-block-components-button:not(.is-link):focus,
form .wc-block-components-button:not(.is-link):disabled:hover,
form .wc-block-components-button:not(.is-link):disabled:focus {
  background: #ffffff;
  color: #002241;
}
form .wc-blocks-components-select .wc-blocks-components-select__container {
  height: auto !important;
}
form .wc-blocks-components-select .wc-blocks-components-select__label {
  left: 0.5625em;
}
form .wc-blocks-components-select .wc-blocks-components-select__select {
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw !important;
  font-size: 1rem !important;
  line-height: 1.21;
  height: auto !important;
  padding: 1.5em 0.5em 0.5em !important;
}
form .wc-blocks-components-select .wc-blocks-components-select__select:focus {
  border-width: 0.4166666667vw;
}
form .wc-block-components-form .wc-block-components-text-input.has-error input[type=email],
form .wc-block-components-form .wc-block-components-text-input.has-error input[type=number],
form .wc-block-components-form .wc-block-components-text-input.has-error input[type=password],
form .wc-block-components-form .wc-block-components-text-input.has-error input[type=tel],
form .wc-block-components-form .wc-block-components-text-input.has-error input[type=text],
form .wc-block-components-form .wc-block-components-text-input.has-error input[type=url],
form .wc-block-components-text-input.has-error input[type=email],
form .wc-block-components-text-input.has-error input[type=number],
form .wc-block-components-text-input.has-error input[type=password],
form .wc-block-components-text-input.has-error input[type=tel],
form .wc-block-components-text-input.has-error input[type=text],
form .wc-block-components-text-input.has-error input[type=url] {
  border-color: #cc1818;
}
form .wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
form .wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
form .wc-block-components-form .wc-block-components-text-input.is-active input[type=password],
form .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
form .wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
form .wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
form .wc-block-components-text-input.is-active input[type=email],
form .wc-block-components-text-input.is-active input[type=number],
form .wc-block-components-text-input.is-active input[type=password],
form .wc-block-components-text-input.is-active input[type=tel],
form .wc-block-components-text-input.is-active input[type=text],
form .wc-block-components-text-input.is-active input[type=url] {
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw !important;
}
form .wc-block-components-form .wc-block-components-text-input.is-active label,
form .wc-block-components-text-input.is-active label {
  top: 0 !important;
}
form .wc-block-components-form .wc-block-components-text-input label,
form .wc-block-components-text-input label {
  font-size: 1.2em !important;
  top: 1.75em !important;
}
form .wc-block-components-form .wc-block-components-text-input input[type=email],
form .wc-block-components-form .wc-block-components-text-input input[type=number],
form .wc-block-components-form .wc-block-components-text-input input[type=password],
form .wc-block-components-form .wc-block-components-text-input input[type=tel],
form .wc-block-components-form .wc-block-components-text-input input[type=text],
form .wc-block-components-form .wc-block-components-text-input input[type=url],
form .wc-block-components-text-input input[type=email],
form .wc-block-components-text-input input[type=number],
form .wc-block-components-text-input input[type=password],
form .wc-block-components-text-input input[type=tel],
form .wc-block-components-text-input input[type=text],
form .wc-block-components-text-input input[type=url] {
  border: 8px solid #002241;
  border-width: 0.4166666667vw !important;
  border-radius: 0.8333333333vw !important;
  font-size: 1em !important;
  height: auto !important;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Header
--------------------------------------------- */
#tongue-stage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 6;
  pointer-events: none;
}
#tongue-stage #tongue {
  background: url("../images/crooked-tea-tongue.png") no-repeat center/100% auto;
  display: block;
  width: 160px;
  height: 181px;
  position: absolute;
  animation: top 7.522s linear 0s infinite alternate, left 6.45s linear 0s infinite alternate, rotate 1.5s linear 0s infinite alternate;
}
@keyframes left {
  from {
    left: 0;
  }
  to {
    left: calc(100% - 160px);
  }
}
@keyframes top {
  from {
    top: 0;
  }
  to {
    top: calc(100% - 181px);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(16deg);
  }
}

#masthead {
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 111;
  padding-bottom: 0.6770833333vw;
}
#masthead.scrolly .container-fluid {
  background: #002241;
  padding-top: 0.9375vw;
  padding-bottom: 0.625vw;
}
#masthead.scrolly nav {
  padding-top: 1.40625vw;
}
#masthead.scrolly .logo {
  filter: drop-shadow(2px 2px 0 white) drop-shadow(-2px 2px 0 white) drop-shadow(2px -2px 0 white) drop-shadow(-2px -2px 0 white);
  transform: scale(0.5);
}
@media all and (min-width: 768px) {
  #masthead.scrolly #primary-menu li {
    font-size: 1.25vw;
  }
  #masthead.scrolly #primary-menu li a {
    color: #ffffff;
  }
  #masthead.scrolly #primary-menu li.cart a {
    color: #ffffff;
  }
  #masthead.scrolly #primary-menu li.cart a .count {
    color: #ffffff;
  }
}
#masthead .container-fluid {
  background: rgba(0, 34, 65, 0);
  margin-block: 0 -0.885vw;
  padding-block: 0 0.885vw;
  mask-image: linear-gradient(transparent 0, black 0%, black calc(100% - 0.8vw), transparent calc(100% - 0.8vw)), url("../images/newsletter-bottom.png");
  mask-repeat: no-repeat;
  mask-position: top, bottom;
  mask-size: 100%, 100%;
}
@media all and (max-width: 767px) {
  #masthead .container-fluid {
    margin-block: 0 -1.885vw;
    padding-block: 0 1.885vw;
    mask-image: linear-gradient(transparent 0, black 0%, black calc(100% - 1.885vw), transparent calc(100% - 1.885vw)), url("../images/newsletter-bottom.png");
    mask-size: 100%, 200% 1.885vw;
  }
}
#masthead .container-fluid {
  padding-top: 3.4375vw;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 3.125vw;
  transition: background 0.2s linear, padding 0.2s linear;
}
#masthead .logo {
  width: 23.125vw;
  height: auto;
  transform: scale(1);
  transition: transform 0.2s linear;
}
#masthead #primary-menu {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  margin-top: 0.5208333333vw;
  padding: 0;
  width: 100%;
}
#masthead #primary-menu li {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.5625vw;
  margin: 0;
}
#masthead #primary-menu li a {
  color: #002241;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 0.417vw;
}
#masthead #primary-menu li a:hover {
  color: #d21e6e;
}
#masthead #primary-menu li:last-child {
  margin-left: auto;
}
#masthead #social-menu {
  display: none;
}
#masthead button.menu-button {
  display: none;
}
#masthead .menu-store-locator {
  display: none;
}
@media all and (min-width: 768px) {
  #masthead #primary-menu li.align-left {
    margin-right: auto;
  }
  #masthead #primary-menu li.align-right {
    margin-left: auto;
  }
  #masthead #primary-menu li.align-left-m {
    margin-left: 2.0833333333vw;
    margin-right: auto;
  }
  #masthead #primary-menu li.align-right-m {
    margin-left: auto;
    margin-right: 2.0833333333vw;
  }
  #masthead #primary-menu li:last-child {
    margin-left: 0;
  }
  #masthead #primary-menu li.cart a .count {
    display: inline-block;
    color: #002241;
    font-size: 1.25vw;
    font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
    height: 1.3541666667vw;
    width: 1.3541666667vw;
    background-clip: initial;
    -webkit-text-stroke-color: initial;
    -webkit-text-stroke-width: initial;
    -webkit-background-clip: initial;
    transition: color 0.2s linear;
  }
  #masthead #primary-menu .sub-menu {
    display: none;
  }
  #masthead nav {
    position: absolute;
    padding-top: 3.4375vw;
    padding-left: 15vw;
    padding-right: 15vw;
    padding-bottom: 6.25vw;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 5;
    pointer-events: none;
    transition: padding 0.2s linear;
  }
  #masthead nav .menu {
    pointer-events: auto;
  }
}
@media all and (max-width: 767px) {
  #masthead.scrolly .logo {
    filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);
    width: 45.6323337679vw;
    transform: scale(1);
  }
  #masthead.scrolly .container-fluid {
    padding-top: 7.8226857888vw;
    padding-bottom: 8.3441981747vw;
  }
  #masthead.scrolly nav {
    padding-top: 7.8226857888vw;
  }
  #masthead.scrolly .cart-menu #cart-menu li .count {
    color: #ffffff;
  }
  #masthead .container-fluid {
    padding-top: 7.8226857888vw;
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 8.3441981747vw;
    position: relative;
    z-index: 7;
  }
  #masthead nav {
    background: url("../images/bg-half-tone.png") no-repeat left top, url("../images/bg-half-tone-bottom.png") no-repeat right bottom;
    background-color: #f9c7d9;
    background-size: 64% auto, 64% auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 5;
    overflow: hidden;
  }
  #masthead .logo {
    width: 45.6323337679vw;
    position: relative;
    z-index: 6;
  }
  #masthead #primary-menu {
    flex-direction: column;
    margin-top: 39.1134289439vw;
    margin-bottom: 7.8226857888vw;
    width: auto;
  }
  #masthead #primary-menu li {
    font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
    font-size: 6.258148631vw;
    margin: 0;
    margin-bottom: 4.4328552803vw;
  }
  #masthead #primary-menu li a {
    color: #002241;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 1.3vw;
  }
  #masthead #primary-menu li:last-child {
    margin-left: 0;
  }
  #masthead #primary-menu li.cart {
    display: none;
  }
  #masthead #primary-menu .sub-menu {
    box-shadow: none;
    padding-top: 5.2151238592vw;
    position: static;
    width: 100%;
  }
  #masthead #primary-menu .sub-menu li {
    font-size: 4.6936114733vw;
  }
  #masthead #primary-menu .sub-menu li:last-child {
    margin-bottom: 1.3037809648vw;
  }
  #masthead #primary-menu .sub-menu a {
    width: 100%;
  }
  #masthead #social-menu {
    margin-bottom: 8.3441981747vw;
    position: static;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  #masthead #social-menu li {
    margin: 0;
    margin-left: 1.3037809648vw;
    margin-right: 1.3037809648vw;
  }
  #masthead #social-menu li.icon-fb a {
    background: #ffffff url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 18 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-0.605469,-0.125)"><path d="M17.17,18.688L12.336,18.688L12.336,33.125L5.891,33.125L5.891,18.688L0.605,18.688L0.605,12.758L5.891,12.758L5.891,8.182C5.891,3.025 8.984,0.125 13.69,0.125C15.945,0.125 18.33,0.576 18.33,0.576L18.33,5.668L15.688,5.668C13.109,5.668 12.336,7.215 12.336,8.891L12.336,12.758L18.072,12.758L17.17,18.688Z" style="fill:rgb(0,33,65);fill-rule:nonzero;"/></g></svg>') no-repeat center/auto 55%;
  }
  #masthead #social-menu li.icon-in a {
    background: #ffffff url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-0.337891,-0.16211)"><path d="M17,8.215C21.676,8.215 25.535,12.074 25.535,16.75C25.535,21.5 21.676,25.285 17,25.285C12.25,25.285 8.465,21.5 8.465,16.75C8.465,12.074 12.25,8.215 17,8.215ZM17,22.316C20.043,22.316 22.492,19.867 22.492,16.75C22.492,13.707 20.043,11.258 17,11.258C13.883,11.258 11.434,13.707 11.434,16.75C11.434,19.867 13.957,22.316 17,22.316ZM27.836,7.918C27.836,6.805 26.945,5.914 25.832,5.914C24.719,5.914 23.828,6.805 23.828,7.918C23.828,9.031 24.719,9.922 25.832,9.922C26.945,9.922 27.836,9.031 27.836,7.918ZM33.477,9.922C33.625,12.668 33.625,20.906 33.477,23.652C33.328,26.324 32.734,28.625 30.805,30.629C28.875,32.559 26.5,33.152 23.828,33.301C21.082,33.449 12.844,33.449 10.098,33.301C7.426,33.152 5.125,32.559 3.121,30.629C1.191,28.625 0.598,26.324 0.449,23.652C0.301,20.906 0.301,12.668 0.449,9.922C0.598,7.25 1.191,4.875 3.121,2.945C5.125,1.016 7.426,0.422 10.098,0.273C12.844,0.125 21.082,0.125 23.828,0.273C26.5,0.422 28.875,1.016 30.805,2.945C32.734,4.875 33.328,7.25 33.477,9.922ZM29.914,26.547C30.805,24.395 30.582,19.199 30.582,16.75C30.582,14.375 30.805,9.18 29.914,6.953C29.32,5.543 28.207,4.355 26.797,3.836C24.57,2.945 19.375,3.168 17,3.168C14.551,3.168 9.355,2.945 7.203,3.836C5.719,4.43 4.605,5.543 4.012,6.953C3.121,9.18 3.344,14.375 3.344,16.75C3.344,19.199 3.121,24.395 4.012,26.547C4.605,28.031 5.719,29.145 7.203,29.738C9.355,30.629 14.551,30.406 17,30.406C19.375,30.406 24.57,30.629 26.797,29.738C28.207,29.145 29.395,28.031 29.914,26.547Z" style="fill:rgb(0,33,65);fill-rule:nonzero;"/></g></svg>') no-repeat center/55% auto;
  }
  #masthead #social-menu li.icon-tt a {
    background: #ffffff url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 30 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-2.125,-0.25)"><path d="M31.875,14.195C28.887,14.262 26.098,13.332 23.707,11.605L23.707,23.492C23.707,31.793 14.676,36.973 7.504,32.856C0.332,28.672 0.332,18.313 7.504,14.129C9.563,12.934 12.02,12.469 14.41,12.801L14.41,18.777C10.758,17.582 7.238,20.836 8.035,24.555C8.898,28.273 13.414,29.734 16.27,27.145C17.266,26.215 17.863,24.887 17.863,23.492L17.863,0.25L23.707,0.25C23.707,0.781 23.707,1.246 23.84,1.777C24.238,3.969 25.5,5.895 27.426,7.09C28.688,7.953 30.281,8.418 31.875,8.418L31.875,14.195Z" style="fill:rgb(0,33,65);fill-rule:nonzero;"/></g></svg>') no-repeat center/55% auto;
  }
  #masthead #social-menu li.icon a {
    display: block;
    height: 7.8226857888vw;
    width: 7.8226857888vw;
    overflow: hidden;
    border-radius: 7.8226857888vw;
    font-size: 0;
    text-indent: 105%;
  }
  #masthead .menu-store-locator {
    display: block;
    position: absolute;
    right: 6.258148631vw;
    top: 8.0834419817vw;
    width: 6.518904824vw;
    height: 5.2151238592vw;
    z-index: 6;
  }
  #masthead .cart-menu {
    display: block;
    position: absolute;
    right: 6.258148631vw;
    top: 8.0834419817vw;
    width: auto;
    height: 5.2151238592vw;
    z-index: 6;
  }
  #masthead .cart-menu #cart-menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #masthead .cart-menu #cart-menu li {
    font-size: 6.258148631vw;
    line-height: 1.25;
  }
  #masthead .cart-menu #cart-menu li:first-child {
    display: none;
  }
  #masthead .cart-menu #cart-menu li a {
    background: #002241;
    background-clip: text;
    color: #ffffff;
    text-decoration: none;
    -webkit-text-stroke-color: transparent;
    -webkit-text-stroke-width: 1.6vw;
    -webkit-background-clip: text;
    padding: 0 1.3vw;
    display: inline-block;
    height: 30px;
  }
  #masthead .cart-menu #cart-menu li .count {
    color: #002241;
    font-size: 4.1720990874vw;
    background-clip: initial;
    -webkit-text-stroke-color: initial;
    -webkit-text-stroke-width: initial;
    -webkit-background-clip: initial;
    transition: color 0.2s linear;
  }
  #masthead button.menu-button {
    background: #002241;
    border-radius: 1.3037809648vw !important;
    border: 8px solid #002241;
    border-width: 1.0430247718vw !important;
    box-shadow: -0.052vw 0.052vw 0em #002241, -0.104vw 0.104vw 0em #002241, -0.156vw 0.156vw 0em #002241, -0.208vw 0.208vw 0em #002241, -0.26vw 0.26vw 0em #002241, -0.313vw 0.313vw 0em #002241, -0.365vw 0.365vw 0em #002241, -0.417vw 0.417vw 0em #002241, -0.469vw 0.469vw 0em #002241, -0.521vw 0.521vw 0em #002241, -0.573vw 0.573vw 0em #002241, -0.625vw 0.625vw 0em #002241, -0.677vw 0.677vw 0em #002241, -0.729vw 0.729vw 0em #002241, -0.781vw 0.781vw 0em #002241, -0.833vw 0.833vw 0em #002241;
    display: block;
    height: 5.6062581486vw;
    width: 7.3011734029vw;
    padding: 0;
    position: absolute;
    left: 6.258148631vw;
    top: 9.778357236vw;
    z-index: 6;
    transform: translate(0.833vw, -0.833vw);
    transform-origin: center;
  }
  #masthead button.menu-button .stripe {
    background-color: #fff;
    display: block;
    width: 100%;
    height: 0.6518904824vw;
    margin: 0;
    position: absolute;
    left: 0;
  }
  #masthead button.menu-button .stripe.stripe-1 {
    top: 0;
    transform: rotate(0deg);
    transition: all 0.2s linear;
  }
  #masthead button.menu-button .stripe.stripe-2 {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.2s linear;
  }
  #masthead button.menu-button .stripe.stripe-3 {
    bottom: 0;
    transform: rotate(0deg);
    transition: all 0.2s linear;
  }
}

@media all and (max-width: 767px) {
  .menu-active {
    overflow: hidden;
  }
  .menu-active #masthead .container-fluid {
    background: #002241;
  }
  .menu-active #masthead nav {
    height: 100vh;
    overflow-y: auto;
  }
  .menu-active #masthead .cart-menu #cart-menu li .count {
    color: #ffffff;
  }
  .menu-active #masthead .logo {
    filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);
  }
  .menu-active #masthead button.menu-button {
    box-shadow: none;
    transform: translate(0, 0) !important;
  }
  .menu-active #masthead button.menu-button .stripe.stripe-1 {
    top: 1.4341590613vw;
    transform: rotate(42deg);
  }
  .menu-active #masthead button.menu-button .stripe.stripe-2 {
    opacity: 0;
  }
  .menu-active #masthead button.menu-button .stripe.stripe-3 {
    bottom: 1.4341590613vw;
    transform: rotate(-42deg);
  }
}
/* Footer
--------------------------------------------- */
.site-footer {
  background: url("../images/footer-top.png") no-repeat left top/100% auto;
  padding-top: 0.6770833333vw;
  margin-top: -0.7291666667vw;
}
.site-footer .container-fluid {
  background: #002241;
  padding-top: 4.4791666667vw;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 2.6041666667vw;
}
.site-footer .container-fluid .row .col {
  position: relative;
}
.site-footer .container-bottom {
  border-top: 2px solid #ffffff;
  padding-top: 2.6041666667vw;
  padding-bottom: 5.7291666667vw;
}
.site-footer .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.site-footer .menu li {
  font-size: 0.9895833333vw;
}
.site-footer .menu li a {
  color: #ffffff;
  text-decoration: none;
}
.site-footer #footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer #footer-menu li {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 0.8333333333vw;
  margin-right: 3.125vw;
  text-transform: uppercase;
}
.site-footer #footer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer #footer-menu ul li {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  text-transform: none;
  margin-right: 0;
}
.site-footer .form-wrap {
  text-align: right;
  padding-bottom: 2.7083333333vw;
}
.site-footer .form-wrap form {
  align-items: flex-end;
  display: flex;
}
.site-footer .form-wrap input[type=text] {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.5625vw !important;
  height: 3.90625vw !important;
  width: 18.9583333333vw;
  padding-left: 1.7708333333vw !important;
  padding-right: 1.7708333333vw !important;
  margin-bottom: -0.4166666667vw !important;
  margin-right: 0.8333333333vw;
}
.site-footer .form-wrap input[type=text]:focus-visible {
  outline-style: dashed !important;
  outline-color: #fff !important;
}
.site-footer #social-menu {
  justify-content: flex-end;
}
.site-footer #social-menu li {
  margin: 0;
  margin-left: 0.5729166667vw;
  margin-right: 0.5729166667vw;
}
.site-footer #social-menu li.icon-fb a {
  background: #ffffff url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 18 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-0.605469,-0.125)"><path d="M17.17,18.688L12.336,18.688L12.336,33.125L5.891,33.125L5.891,18.688L0.605,18.688L0.605,12.758L5.891,12.758L5.891,8.182C5.891,3.025 8.984,0.125 13.69,0.125C15.945,0.125 18.33,0.576 18.33,0.576L18.33,5.668L15.688,5.668C13.109,5.668 12.336,7.215 12.336,8.891L12.336,12.758L18.072,12.758L17.17,18.688Z" style="fill:rgb(0,33,65);fill-rule:nonzero;"/></g></svg>') no-repeat center/auto 55%;
}
.site-footer #social-menu li.icon-in a {
  background: #ffffff url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-0.337891,-0.16211)"><path d="M17,8.215C21.676,8.215 25.535,12.074 25.535,16.75C25.535,21.5 21.676,25.285 17,25.285C12.25,25.285 8.465,21.5 8.465,16.75C8.465,12.074 12.25,8.215 17,8.215ZM17,22.316C20.043,22.316 22.492,19.867 22.492,16.75C22.492,13.707 20.043,11.258 17,11.258C13.883,11.258 11.434,13.707 11.434,16.75C11.434,19.867 13.957,22.316 17,22.316ZM27.836,7.918C27.836,6.805 26.945,5.914 25.832,5.914C24.719,5.914 23.828,6.805 23.828,7.918C23.828,9.031 24.719,9.922 25.832,9.922C26.945,9.922 27.836,9.031 27.836,7.918ZM33.477,9.922C33.625,12.668 33.625,20.906 33.477,23.652C33.328,26.324 32.734,28.625 30.805,30.629C28.875,32.559 26.5,33.152 23.828,33.301C21.082,33.449 12.844,33.449 10.098,33.301C7.426,33.152 5.125,32.559 3.121,30.629C1.191,28.625 0.598,26.324 0.449,23.652C0.301,20.906 0.301,12.668 0.449,9.922C0.598,7.25 1.191,4.875 3.121,2.945C5.125,1.016 7.426,0.422 10.098,0.273C12.844,0.125 21.082,0.125 23.828,0.273C26.5,0.422 28.875,1.016 30.805,2.945C32.734,4.875 33.328,7.25 33.477,9.922ZM29.914,26.547C30.805,24.395 30.582,19.199 30.582,16.75C30.582,14.375 30.805,9.18 29.914,6.953C29.32,5.543 28.207,4.355 26.797,3.836C24.57,2.945 19.375,3.168 17,3.168C14.551,3.168 9.355,2.945 7.203,3.836C5.719,4.43 4.605,5.543 4.012,6.953C3.121,9.18 3.344,14.375 3.344,16.75C3.344,19.199 3.121,24.395 4.012,26.547C4.605,28.031 5.719,29.145 7.203,29.738C9.355,30.629 14.551,30.406 17,30.406C19.375,30.406 24.57,30.629 26.797,29.738C28.207,29.145 29.395,28.031 29.914,26.547Z" style="fill:rgb(0,33,65);fill-rule:nonzero;"/></g></svg>') no-repeat center/55% auto;
}
.site-footer #social-menu li.icon-tt a {
  background: #ffffff url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 30 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-2.125,-0.25)"><path d="M31.875,14.195C28.887,14.262 26.098,13.332 23.707,11.605L23.707,23.492C23.707,31.793 14.676,36.973 7.504,32.856C0.332,28.672 0.332,18.313 7.504,14.129C9.563,12.934 12.02,12.469 14.41,12.801L14.41,18.777C10.758,17.582 7.238,20.836 8.035,24.555C8.898,28.273 13.414,29.734 16.27,27.145C17.266,26.215 17.863,24.887 17.863,23.492L17.863,0.25L23.707,0.25C23.707,0.781 23.707,1.246 23.84,1.777C24.238,3.969 25.5,5.895 27.426,7.09C28.688,7.953 30.281,8.418 31.875,8.418L31.875,14.195Z" style="fill:rgb(0,33,65);fill-rule:nonzero;"/></g></svg>') no-repeat center/55% auto;
}
.site-footer #social-menu li.icon a {
  display: block;
  height: 2.2916666667vw;
  width: 2.2916666667vw;
  overflow: hidden;
  border-radius: 1.5625vw;
  font-size: 0;
  text-indent: 105%;
}
.site-footer .col-copy {
  color: #ffffff;
  font-size: 0.8333333333vw;
}
.site-footer .col-legal .menu {
  justify-content: flex-end;
  margin-right: -0.8333333333vw;
}
.site-footer .col-legal .menu li {
  border-left: 2px solid #ffffff;
  font-size: 0.8333333333vw;
  text-transform: uppercase;
  padding-left: 0.8333333333vw;
  padding-right: 0.8333333333vw;
}
.site-footer .col-legal .menu li:first-child {
  border: none;
}
.site-footer .col-disclaimer {
  color: #f9c7d9;
  font-size: 0.8333333333vw;
  padding-top: 1.875vw;
  text-align: center;
}
@media all and (max-width: 767px) {
  .site-footer {
    background: url("../images/footer-top.png") no-repeat left top/200% auto;
    padding-top: 1.3037809648vw;
    margin-top: -1.4341590613vw;
  }
  .site-footer .container-fluid {
    padding-top: 6.258148631vw;
    padding-left: 18.2529335072vw;
    padding-right: 18.2529335072vw;
    padding-bottom: 6.258148631vw;
  }
  .site-footer .container-bottom {
    border: none;
    margin-top: -1px;
    padding-top: 0;
    padding-bottom: 14.3415906128vw;
  }
  .site-footer .menu li {
    font-size: 4.1720990874vw;
  }
  .site-footer .col-copy {
    text-align: center;
    font-size: 2.6075619296vw;
  }
  .site-footer .col-disclaimer {
    font-size: 2.6075619296vw;
    padding-left: 5.2151238592vw;
    padding-right: 5.2151238592vw;
  }
  .site-footer .col-legal .menu {
    justify-content: center;
    margin-right: 0;
    margin-bottom: 5.2151238592vw;
  }
  .site-footer .col-legal .menu li {
    font-size: 2.8683181226vw;
    line-height: 1;
    padding-left: 3.1290743155vw;
    padding-right: 3.1290743155vw;
    margin-bottom: 3.1290743155vw;
    white-space: nowrap;
  }
  .site-footer #footer-menu {
    flex-direction: column;
    text-align: center;
  }
  .site-footer #footer-menu li {
    font-size: 3.259452412vw;
    font-weight: bold;
    margin-bottom: 6.258148631vw;
  }
  .site-footer #footer-menu ul li {
    font-size: 2.8683181226vw;
    margin-bottom: 1.3037809648vw;
  }
  .site-footer .form-wrap {
    text-align: center;
    margin-bottom: 6.518904824vw;
  }
  .site-footer .form-wrap form {
    flex-direction: column;
    align-items: center;
  }
  .site-footer .form-wrap input[type=text] {
    font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
    font-size: 3.9113428944vw !important;
    height: 8.3441981747vw !important;
    width: 48.7614080834vw;
    padding-left: 3.1290743155vw !important;
    padding-right: 3.1290743155vw !important;
    margin-bottom: 2.0860495437vw !important;
    margin-right: 0;
  }
  .site-footer #social-menu {
    margin-bottom: 3.1290743155vw;
    position: static;
    width: 100%;
    justify-content: center;
  }
  .site-footer #social-menu li {
    margin: 0;
    margin-left: 1.3037809648vw;
    margin-right: 1.3037809648vw;
  }
  .site-footer #social-menu li.icon a {
    display: block;
    height: 7.8226857888vw;
    width: 7.8226857888vw;
    overflow: hidden;
    border-radius: 7.8226857888vw;
    font-size: 0;
    text-indent: 105%;
  }
}

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul#primary-menu {
  pointer-events: none;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation li.menu-item {
  pointer-events: auto;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.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;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-container {
  max-width: 100vw;
  padding-left: 29.5833333333vw;
  padding-right: 29.5833333333vw;
}
.page-container h1 {
  font-size: 1.875vw;
}
.page-container p {
  font-size: 1.25vw;
}
@media all and (max-width: 767px) {
  .page-container {
    max-width: 100%;
    padding-left: 10.4302477184vw;
    padding-right: 10.4302477184vw;
    text-align: center;
  }
  .page-container h1 {
    font-size: 4.6936114733vw;
  }
  .page-container p {
    font-size: 3.1290743155vw;
  }
}

.age-gate-wrapper,
.age-gate__wrapper {
  padding: 0;
  margin: 0;
}
@media all and (max-width: 767px) {
  .age-gate-wrapper,
  .age-gate__wrapper {
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
  }
}

.age-gate-background-color,
.age-gate__background-color {
  background: #f9c7d9 url("../images/bg-half-tone.png") no-repeat left top/38.021vw auto;
  color: #002241;
}
@media all and (max-width: 767px) {
  .age-gate-background-color,
  .age-gate__background-color {
    background: #f9c7d9 url("../images/bg-half-tone.png") no-repeat left top/64% auto;
  }
}

.age-gate {
  border: 6px solid #002241;
  border-radius: 0.8333333333vw;
  margin: auto;
  max-width: fit-content;
  max-height: fit-content;
  padding-top: 3.125vw;
  padding-left: 3.6458333333vw;
  padding-right: 3.6458333333vw;
  padding-bottom: 1.25vw;
  text-align: center;
  width: 100%;
}
.age-gate form {
  height: auto;
}
.age-gate .age-gate-heading {
  margin-bottom: 2.0833333333vw;
}
.age-gate .age-gate-heading img {
  width: 31.7708333333vw;
}
.age-gate .age-gate-subheadline {
  clear: both;
  color: #002241;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 2.7083333333vw;
  margin-bottom: 2.0833333333vw;
}
@media all and (max-width: 767px) {
  .age-gate {
    border: 4px solid #002241;
    border-radius: 2.0860495437vw;
    padding-top: 7.8226857888vw;
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 3.1290743155vw;
  }
  .age-gate .age-gate-heading img {
    width: 75.6192959583vw;
  }
  .age-gate .age-gate-subheadline {
    font-size: 5.2151238592vw;
    margin-bottom: 5.2151238592vw;
  }
}

.age-gate-challenge {
  margin: 0;
}

.age-gate-buttons,
.age-gate__buttons {
  margin-bottom: 2.0833333333vw;
}
.age-gate-buttons button,
.age-gate__buttons button {
  background: #fff;
  border: 6px solid #002241 !important;
  border-radius: 0.8333333333vw !important;
  box-shadow: -1px 1px 0em #002241, -2px 2px 0em #002241, -3px 3px 0em #00225F, -4px 4px 0em #002241, -5px 5px 0em #002241, -6px 6px 0em #002241, -7px 7px 0em #002241, -8px 8px 0em #002241;
  color: #002241;
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif !important;
  font-size: 2.5vw !important;
  height: 4.5833333333vw !important;
  line-height: 1;
  margin-top: 0.0520833333vw;
  padding-top: 1.0416666667vw !important;
  padding-left: 1.7708333333vw !important;
  padding-right: 1.7708333333vw !important;
  padding-bottom: 0.5208333333vw !important;
  text-transform: uppercase;
  width: 16.3020833333vw;
}
.age-gate-buttons button:active, .age-gate-buttons button:hover, .age-gate-buttons button:focus,
.age-gate__buttons button:active,
.age-gate__buttons button:hover,
.age-gate__buttons button:focus {
  border-color: #002241;
  background: #fff;
  box-shadow: none;
  color: #002241;
  transform: translate(0, 0);
}
.age-gate-buttons button:first-child,
.age-gate__buttons button:first-child {
  position: relative;
  z-index: 2;
}
@media all and (max-width: 767px) {
  .age-gate-buttons,
  .age-gate__buttons {
    margin-bottom: 5.2151238592vw;
  }
  .age-gate-buttons button,
  .age-gate__buttons button {
    border: 4px solid #002241 !important;
    border-radius: 2.0860495437vw !important;
    font-family: "Colby Black", Trebuchet MS, Arial, sans-serif !important;
    font-size: 6.258148631vw !important;
    height: 11.4732724902vw !important;
    margin-top: 0.1303780965vw;
    padding-top: 2.6075619296vw !important;
    padding-left: 4.4328552803vw !important;
    padding-right: 4.4328552803vw !important;
    width: 40.8083441982vw;
  }
}

.age-gate-additional-information p {
  color: #002241;
  font-size: 1.1979166667vw;
  margin: 0;
}
@media all and (max-width: 767px) {
  .age-gate-additional-information p {
    font-size: 3.6505867014vw;
  }
}

#page-hero .container-fluid {
  padding: 0;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 3.125vw;
}
#page-hero .row {
  margin: 0;
  padding: 0;
}
#page-hero .col {
  text-align: center;
  padding: 0;
}
#page-hero h1 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 5.46875vw;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}
@media all and (max-width: 767px) {
  #page-hero h1 {
    font-size: 11.0821382008vw;
  }
  #page-hero .container-fluid {
    padding: 0;
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 7.8226857888vw;
  }
}

#page-content {
  background: url("../images/real-tea-top.png") no-repeat left top/100% auto;
  margin-top: -0.6770833333vw;
  padding-top: 0.625vw;
  margin-bottom: -0.8854166667vw;
}
#page-content .container-fluid {
  background: #ffffff;
  padding-top: 3.125vw;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 3.125vw;
}
#page-content .row {
  margin: 0;
  padding: 0;
}
#page-content .col {
  padding: 0;
}
#page-content p {
  font-size: 1.5625vw;
  margin-bottom: 1.7708333333vw;
}
@media all and (max-width: 767px) {
  #page-content {
    background: url("../images/real-tea-top.png") no-repeat left top/200% auto;
    margin-top: -1.4341590613vw;
    padding-top: 1.3037809648vw;
  }
  #page-content .container-fluid {
    padding: 0;
    padding-top: 7.8226857888vw;
    padding-left: 6.258148631vw;
    padding-right: 3.6505867014vw;
    padding-bottom: 7.8226857888vw;
  }
  #page-content p {
    font-size: 3.9113428944vw;
    margin-bottom: 4.4328552803vw;
  }
}

section.error-404 #page-content p {
  margin-bottom: 3.125vw;
}
@media all and (max-width: 767px) {
  section.error-404 #page-content p {
    margin-bottom: 6.258148631vw;
  }
}

.page-template-page-about #page-hero h1.entry-title {
  max-width: 80%;
  margin: auto;
  margin-bottom: 4rem;
}
.page-template-page-about #page-hero h1.entry-title u {
  text-decoration: none;
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow-y: visible;
  padding-bottom: 40px;
}
@media all and (max-width: 767px) {
  .page-template-page-about #page-hero h1.entry-title u {
    padding-bottom: 25px;
  }
}
.page-template-page-about #page-hero p {
  font-size: 1.875vw;
}
@media all and (max-width: 767px) {
  .page-template-page-about #page-hero p {
    font-size: 4.1720990874vw;
  }
}
.page-template-page-about #about-crooked-pop {
  background: url("../images/real-tea-top.png") no-repeat left top/100% auto;
  overflow: hidden;
  margin-top: -0.6770833333vw;
  padding-top: 0.625vw;
  margin-bottom: -0.8854166667vw;
  position: relative;
  z-index: 3;
  overflow: visible;
}
.page-template-page-about #about-crooked-pop .container-fluid {
  background: #ffffff;
  padding-top: 6.7708333333vw;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 6.25vw;
}
.page-template-page-about #about-crooked-pop .container-fluid .overlap-up-row {
  margin-top: -8.5416666667vw;
}
@media all and (max-width: 767px) {
  .page-template-page-about #about-crooked-pop .container-fluid .overlap-up-row {
    margin-top: -9.9087353325vw;
  }
}
@media all and (min-width: 768px) {
  .page-template-page-about #about-crooked-pop .container-fluid .overlap-up-col {
    margin-top: -15.625vw;
  }
}
.page-template-page-about #about-crooked-pop .container-fluid .row {
  background: transparent;
}
.page-template-page-about #about-crooked-pop .container-fluid .col p, .page-template-page-about #about-crooked-pop .container-fluid .col-12 p {
  font-size: 1.875vw;
}
.page-template-page-about #about-crooked-pop .container-fluid .col p strong, .page-template-page-about #about-crooked-pop .container-fluid .col-12 p strong {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  color: #883a96;
}
@media all and (max-width: 767px) {
  .page-template-page-about #about-crooked-pop .container-fluid .col p, .page-template-page-about #about-crooked-pop .container-fluid .col-12 p {
    font-size: 4.1720990874vw;
  }
}
.page-template-page-about #about-crooked-pop h2 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 4.4791666667vw;
  text-transform: uppercase;
  text-align: center;
}
@media all and (max-width: 767px) {
  .page-template-page-about #about-crooked-pop h2 {
    font-size: 8.3441981747vw;
  }
}

/* Global
--------------------------------------------- */
@media all and (min-width: 768px) {
  main#primary {
    padding-top: 3.125vw;
  }
}
#global-rtb {
  background: url("../images/hands-top.png") no-repeat left top/100% auto;
  overflow: hidden;
  margin-top: -0.6770833333vw;
  margin-bottom: -0.6770833333vw;
  padding-top: 0.625vw;
  position: relative;
  z-index: 3;
}
#global-rtb .container-fluid {
  background: url("../images/hands-bottom.png") no-repeat left bottom/100% auto;
  padding: 0;
  padding-bottom: 0.625vw;
}
#global-rtb .row {
  margin: 0;
  padding: 0;
}
#global-rtb .col {
  padding: 0;
}
#global-rtb .reasons-wrap {
  width: 357.0833333333vw;
  transform: translateX(0);
  animation: marquee 14s linear infinite;
  animation-play-state: running;
  display: flex;
}
#global-rtb .reasons {
  background: #ffffff;
  display: flex;
  width: 50%;
}
#global-rtb .reasons .reason {
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-size: 2.0833333333vw;
  white-space: nowrap;
  padding-left: 3.6458333333vw;
  padding-right: 3.6458333333vw;
}
#global-rtb .reasons .reason img {
  width: auto;
  height: 6.0416666667vw;
  margin: 1.6666666667vw;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@media all and (max-width: 767px) {
  #global-rtb {
    background: url("../images/hands-top.png") no-repeat left top/200% auto;
    margin-top: -1.6949152542vw;
    margin-bottom: -1.6949152542vw;
    padding-top: 1.1734028683vw;
  }
  #global-rtb .container-fluid {
    background: url("../images/hands-bottom.png") no-repeat left bottom/200% auto;
    padding-bottom: 1.1734028683vw;
  }
  #global-rtb .reasons-wrap {
    width: 634.6805736636vw;
  }
  #global-rtb .reasons .reason {
    font-size: 3.6505867014vw;
    padding-left: 5.7366362451vw;
    padding-right: 5.7366362451vw;
  }
  #global-rtb .reasons .reason img {
    height: 10.4302477184vw;
    margin: 2.6075619296vw;
  }
}

#newsletter-section {
  container-type: inline-size;
  padding-top: 0.8854166667vw;
}
#newsletter-section div:has(+ .mask-box) {
  padding-block-end: 0.8854166667vw;
}
#newsletter-section .mask-box + div {
  align-items: start;
  padding-block-start: 0.8854166667vw;
}

#newsletter-section .container-fluid {
  margin-block: -0.885vw -0.885vw;
  padding-block: 0.885vw 0.885vw;
  mask-image: url("../images/newsletter-top.png"), linear-gradient(transparent 0.885vw, black 0%, black calc(100% - 0.885vw), transparent calc(100% - 0.885vw)), url("../images/newsletter-bottom.png");
  mask-repeat: no-repeat;
  mask-position: top, top, bottom;
  mask-size: 100%, 100%, 100%;
}
@media all and (max-width: 767px) {
  #newsletter-section .container-fluid {
    mask-size: 200%, 100%, 200%;
  }
}

#newsletter-section {
  position: relative;
  z-index: 3;
}
#newsletter-section .container-fluid {
  background: url("../images/bg-half-tone.png") no-repeat left top, url("../images/bg-half-tone-bottom.png") no-repeat right bottom;
  background-color: #f9c7d9;
  background-size: 38.021vw auto, 38.021vw auto;
  max-width: 100vw;
  padding-top: 7.8125vw;
  padding-left: 21.09375vw;
  padding-right: 21.09375vw;
  padding-bottom: 7.8125vw;
}
#newsletter-section .container-fluid .row {
  margin: 0;
  padding: 0;
}
#newsletter-section .container-fluid .row .col {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
#newsletter-section .container-fluid .row .col .disclaimer {
  text-align: center;
}
#newsletter-section .container-fluid .row .col .disclaimer p {
  font-size: 0.7291666667vw;
}
#newsletter-section h2 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 5.46875vw;
  line-height: 1;
  margin: 0;
  margin-bottom: 1.5625vw;
  text-transform: uppercase;
}
#newsletter-section p {
  color: #002241;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.6145833333vw;
  margin: 0;
  margin-bottom: 1.5625vw;
}
@media all and (max-width: 767px) {
  #newsletter-section .container-fluid {
    max-width: 100%;
    padding-top: 8.3441981747vw;
    padding-left: 16.9491525424vw;
    padding-right: 16.9491525424vw;
    padding-bottom: 5.2151238592vw;
  }
  #newsletter-section h2 {
    font-size: 11.0821382008vw;
    margin: 0;
    margin-bottom: 6.258148631vw;
  }
  #newsletter-section p {
    font-size: 3.9113428944vw;
    margin: 0;
    margin-left: 1.3037809648vw;
    margin-right: 1.3037809648vw;
    margin-bottom: 3.1290743155vw;
  }
}

.klaviyo-form form > .needsclick {
  min-height: 12.5vw !important;
}
.klaviyo-form div[component="[object Object]"] {
  display: block !important;
  flex: none !important;
}
.klaviyo-form h2 {
  margin-bottom: 1.5625vw;
}
.klaviyo-form h2, .klaviyo-form h2 span {
  font-size: 1.6666666667vw !important;
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif !important;
}
.klaviyo-form p {
  margin-bottom: 1.5625vw;
}
.klaviyo-form p span {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif !important;
  font-size: 1.5625vw !important;
}
.klaviyo-form img {
  margin-bottom: 1.5625vw;
  width: 7.8125vw !important;
}
.klaviyo-form div[data-testid=form-row] {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center;
}
.klaviyo-form div[data-testid=form-component] {
  padding: 0 !important;
}
.klaviyo-form input[type=email] {
  border: 8px solid #002241 !important;
  border-width: 0.4166666667vw !important;
  border-radius: 0.8333333333vw !important;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.5625vw !important;
  height: 3.90625vw !important;
  width: 38.5416666667vw !important;
  padding-left: 1.7708333333vw !important;
  padding-right: 1.7708333333vw !important;
  margin-bottom: 1.5625vw !important;
}
.klaviyo-form input[type=email]:focus-visible {
  outline-style: dashed !important;
  outline-color: #fff !important;
}
.klaviyo-form input[type=email]::-webkit-input-placeholder {
  font-weight: normal !important;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif !important;
  font-size: 1.5625vw !important;
  color: #666 !important;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.klaviyo-form input[type=email]::-moz-placeholder {
  font-weight: normal !important;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif !important;
  font-size: 1.5625vw !important;
  color: #666 !important;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.klaviyo-form input[type=email]:-ms-input-placeholder {
  font-weight: normal !important;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif !important;
  font-size: 1.5625vw !important;
  color: #666 !important;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.klaviyo-form input[type=email]:-moz-placeholder {
  font-weight: normal !important;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif !important;
  font-size: 1.5625vw !important;
  color: #666 !important;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.klaviyo-form button[type=button] {
  border: 8px solid #002241 !important;
  border-width: 0.4166666667vw !important;
  border-radius: 0.8333333333vw !important;
  box-shadow: -0.052vw 0.052vw 0em #002241, -0.104vw 0.104vw 0em #002241, -0.156vw 0.156vw 0em #002241, -0.208vw 0.208vw 0em #002241, -0.26vw 0.26vw 0em #002241, -0.313vw 0.313vw 0em #002241, -0.365vw 0.365vw 0em #002241, -0.417vw 0.417vw 0em #002241, -0.469vw 0.469vw 0em #002241, -0.521vw 0.521vw 0em #002241, -0.573vw 0.573vw 0em #002241, -0.625vw 0.625vw 0em #002241, -0.677vw 0.677vw 0em #002241, -0.729vw 0.729vw 0em #002241, -0.781vw 0.781vw 0em #002241, -0.833vw 0.833vw 0em #002241;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif !important;
  font-size: 1.6666666667vw !important;
  height: 4.5833333333vw !important;
  line-height: 1;
  margin-top: 0.0520833333vw;
  padding-top: 0.5208333333vw !important;
  padding-left: 1.7708333333vw !important;
  padding-right: 1.7708333333vw !important;
  padding-bottom: 0.5208333333vw !important;
  position: relative;
  transform: translate(0.833vw, -0.833vw);
  transition: all 0.2s linear;
}
.klaviyo-form button[type=button]:hover, .klaviyo-form button[type=button]:focus {
  background: #fff;
  box-shadow: none;
  color: #002241;
  transform: translate(0, 0);
}
.klaviyo-form button[type=button]:focus-visible {
  outline-style: dashed !important;
  outline-color: #fff !important;
}
@media all and (max-width: 767px) {
  .klaviyo-form .klaviyo-form form > .needsclick {
    min-height: 26.075619296vw !important;
  }
  .klaviyo-form .klaviyo-form h2 {
    margin-bottom: 2.6075619296vw;
  }
  .klaviyo-form .klaviyo-form h2, .klaviyo-form .klaviyo-form h2 span {
    font-size: 4.1720990874vw !important;
    font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif !important;
  }
  .klaviyo-form .klaviyo-form p {
    margin-bottom: 2.6075619296vw;
  }
  .klaviyo-form .klaviyo-form p span {
    font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif !important;
    font-size: 3.6505867014vw !important;
  }
  .klaviyo-form .klaviyo-form img {
    margin-bottom: 3.9113428944vw;
    width: 19.556714472vw !important;
  }
  .klaviyo-form input[type=email] {
    border: 8px solid #002241 !important;
    border-width: 1.0430247718vw !important;
    border-radius: 1.5645371578vw !important;
    font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
    font-size: 3.9113428944vw !important;
    height: 8.3441981747vw !important;
    width: 67.2750977836vw !important;
    padding-left: 3.1290743155vw !important;
    padding-right: 3.1290743155vw !important;
    margin-bottom: 3.1290743155vw !important;
  }
  .klaviyo-form input[type=email]:focus-visible {
    outline-style: dashed !important;
    outline-color: #fff !important;
    outline-width: 1px;
  }
  .klaviyo-form input[type=email]::-webkit-input-placeholder {
    font-size: 3.9113428944vw !important;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  .klaviyo-form input[type=email]::-moz-placeholder {
    font-size: 3.9113428944vw !important;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  .klaviyo-form input[type=email]:-ms-input-placeholder {
    font-size: 3.9113428944vw !important;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  .klaviyo-form input[type=email]:-moz-placeholder {
    font-size: 3.9113428944vw !important;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  .klaviyo-form button[type=button] {
    border: 8px solid #002241 !important;
    border-width: 1.0430247718vw !important;
    border-radius: 1.5645371578vw !important;
    font-size: 3.1290743155vw !important;
    height: 8.3441981747vw !important;
    padding-left: 4.4328552803vw !important;
    padding-right: 4.4328552803vw !important;
  }
}

#global-instagram {
  background: #d21e6e;
}
#global-instagram .container-fluid {
  padding: 0;
  padding-top: 2.6041666667vw;
  padding-bottom: 3.125vw;
  overflow: hidden;
}
#global-instagram .row {
  margin: 0;
  padding: 0;
}
#global-instagram .row-instagram {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-top: 6.25vw;
  padding-bottom: 7.2916666667vw;
  width: 400%;
  animation: marquee 22s linear infinite;
  animation-play-state: running;
}
#global-instagram .col-instagram-feed {
  padding: 0;
  display: flex;
  align-items: center;
  text-align: center;
  width: 200vw;
}
#global-instagram .instagram-post {
  padding: 0;
  transform-origin: center;
}
#global-instagram .instagram-post:nth-child(odd) {
  transform: scale(1.1) rotate(-16deg);
}
#global-instagram .instagram-post:nth-child(even) {
  transform: scale(1.1) rotate(14deg);
}
#global-instagram .instagram-post a {
  display: block;
  color: #ffffff;
}
#global-instagram .instagram-post a:hover .instagram-post-content, #global-instagram .instagram-post a:focus .instagram-post-content {
  opacity: 1;
  pointer-events: initial;
}
#global-instagram .instagram-post .instagram-post-content {
  background: rgba(0, 0, 0, 0.7);
  display: block;
  position: absolute;
  left: 1.875vw;
  top: 1.875vw;
  width: calc(100% - 3.75vw);
  height: calc(100% - 3.75vw);
  opacity: 0;
  transition: opacity 0.3s linear;
  pointer-events: none;
}
#global-instagram .instagram-post .instagram-post-content .insta-row {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#global-instagram .instagram-post .instagram-post-content .count {
  font-size: 1.0416666667vw;
}
#global-instagram .instagram-post .instagram-post-content .count svg {
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5208333333vw;
  width: 3.125vw;
}
#global-instagram .instagram-post .instagram-post-content .caption {
  font-size: 1.0416666667vw;
  padding-left: 2.0833333333vw;
  padding-right: 2.0833333333vw;
}
#global-instagram .instagram-post-image {
  background: #fff;
  mask-image: url("../images/insta-frame.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  padding: 1.875vw;
  width: 25.5208333333vw;
  height: 25.5208333333vw;
  max-width: initial;
  object-fit: cover;
  object-position: center;
}
#global-instagram .row-text {
  text-align: center;
}
#global-instagram .row-text a {
  color: #ffffff;
}
#global-instagram .col {
  padding: 0;
  text-align: center;
}
#global-instagram h2 {
  color: #ffffff;
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 2.3958333333vw;
  margin: 0;
}
#global-instagram p {
  color: #ffffff;
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 2.3958333333vw;
  margin: 0;
}
@media all and (max-width: 767px) {
  #global-instagram .container-fluid {
    padding-top: 6.518904824vw;
    padding-bottom: 7.8226857888vw;
  }
  #global-instagram .row-instagram {
    padding-top: 13.037809648vw;
    padding-bottom: 15.6453715776vw;
    width: 800%;
  }
  #global-instagram .col-instagram-feed {
    width: 400%;
  }
  #global-instagram .instagram-post {
    width: 50%;
  }
  #global-instagram .instagram-post .instagram-post-content {
    left: 4.6936114733vw;
    top: 4.6936114733vw;
    width: calc(100% - 9.387vw);
    height: calc(100% - 9.387vw);
  }
  #global-instagram .instagram-post .instagram-post-content .count {
    font-size: 2.3468057366vw;
  }
  #global-instagram .instagram-post .instagram-post-content .count svg {
    margin-bottom: 1.3037809648vw;
    width: 5.2151238592vw;
  }
  #global-instagram .instagram-post .instagram-post-content .caption {
    font-size: 2.3468057366vw;
    padding-left: 4.6936114733vw;
    padding-right: 4.6936114733vw;
  }
  #global-instagram .instagram-post-image {
    padding: 4.6936114733vw;
    max-width: 50.3259452412vw;
    max-height: 50.3259452412vw;
    width: 100%;
    height: 100%;
  }
  #global-instagram .row-text {
    text-align: center;
    padding-left: 22.9465449804vw;
    padding-right: 22.9465449804vw;
  }
  #global-instagram h2 {
    font-size: 4.1720990874vw;
  }
  #global-instagram p {
    font-size: 4.1720990874vw;
  }
}

/* FAQ
--------------------------------------------- */
.page-template-page-faq #page-hero .container-fluid {
  padding-top: 3.4375vw;
}
.page-template-page-faq #page-hero h1 {
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
}
@media all and (max-width: 767px) {
  .page-template-page-faq #page-hero {
    padding-top: 4.4328552803vw;
  }
}
.page-template-page-faq #global-instagram {
  background: url("../images/instagram-top.png") no-repeat left top/100% auto;
  overflow: hidden;
  margin-top: -0.6770833333vw;
  padding-top: 0.625vw;
  margin-bottom: -0.8854166667vw;
}
.page-template-page-faq #global-instagram .container-fluid {
  background: #d21e6e;
}
@media all and (max-width: 767px) {
  .page-template-page-faq #global-instagram {
    background: url("../images/instagram-top.png") no-repeat left top/200% auto;
    margin-top: -1.4341590613vw;
    padding-top: 1.3037809648vw;
  }
}

#faq-content .container-fluid {
  padding: 0;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 7.8125vw;
}
#faq-content .row {
  margin: 0;
}
#faq-content .row:last-child .col {
  margin-bottom: 0;
}
#faq-content .col {
  background: #ffffff;
  border-radius: 1.0416666667vw;
  margin-bottom: 5.2083333333vw;
  padding: 0;
  overflow: hidden;
}
#faq-content h2 {
  background: #000000;
  color: #ffffff;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.8229166667vw;
  margin: 0;
  padding-top: 1.0416666667vw;
  padding-right: 3.125vw;
  padding-left: 3.125vw;
  padding-bottom: 1.0416666667vw;
}
#faq-content h3 {
  color: #002241;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.5625vw;
}
#faq-content ul {
  margin-left: 0;
}
#faq-content .accordion {
  border-radius: 0;
  padding-right: 3.125vw;
  padding-left: 3.125vw;
}
#faq-content .accordion .accordion-item {
  border-radius: 0;
  border: none;
  border-top: 3px solid #000000;
  border-width: 0.15625vw;
}
#faq-content .accordion .accordion-item:first-child {
  border-top: none;
}
#faq-content .accordion-button {
  background: none;
  color: #002241;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.5625vw;
  line-height: 1.2;
  padding-top: 2.0833333333vw;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2.0833333333vw;
  text-transform: none;
  box-shadow: none;
  transform: none;
  height: auto;
}
#faq-content .accordion-button span {
  padding-right: 0.5208333333vw;
}
#faq-content .accordion-button:after {
  background: url("../images/faq-arrow.png") no-repeat center/100% auto;
  width: 2.8645833333vw;
  height: 1.3541666667vw;
}
#faq-content .accordion-body {
  padding-left: 0;
  padding-right: 0;
}
#faq-content p {
  color: #002241;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
}
@media all and (max-width: 767px) {
  #faq-content .container-fluid {
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 13.037809648vw;
  }
  #faq-content .col {
    border-radius: 2.6075619296vw;
    margin-bottom: 13.037809648vw;
  }
  #faq-content h2 {
    font-size: 4.5632333768vw;
    padding-top: 3.1290743155vw;
    padding-right: 7.8226857888vw;
    padding-left: 7.8226857888vw;
    padding-bottom: 2.6075619296vw;
  }
  #faq-content h3 {
    font-size: 3.9113428944vw;
  }
  #faq-content .accordion {
    padding-right: 7.8226857888vw;
    padding-left: 7.8226857888vw;
  }
  #faq-content .accordion .accordion-item {
    border-width: 0.3911342894vw;
  }
  #faq-content .accordion-button {
    font-size: 3.9113428944vw;
    padding-top: 5.2151238592vw;
    padding-bottom: 5.2151238592vw;
    line-height: 1.3;
  }
  #faq-content .accordion-button span {
    padding-right: 2.6075619296vw;
  }
  #faq-content .accordion-button:after {
    width: 7.1707953064vw;
    height: 3.3898305085vw;
  }
}

/* Home
--------------------------------------------- */
body.home main#primary {
  padding-top: 0px;
}

#home-hero {
  background: url("../images/bg-half-tone-bottom.png") no-repeat right bottom/38.021vw auto;
}
#home-hero .hpf:hover {
  cursor: url("../images/crooked-pointer.png") 24 24, pointer;
}
@media all and (max-width: 767px) {
  #home-hero .hpf {
    overflow: hidden;
  }
}
#home-hero.non-home-hero h1 {
  display: flex;
  flex-direction: column;
  margin-bottom: 6.25vw;
}
#home-hero.non-home-hero h1 span.patmcafee-name {
  display: block;
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 2.65625vw;
  font-style: italic;
  margin-top: 1.5625vw;
  margin-bottom: 0.5208333333vw;
}
#home-hero.non-home-hero h1 a {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-style: italic;
  font-size: 1.1979166667vw;
}
#home-hero.non-home-hero .row .col-img {
  position: relative;
}
#home-hero.non-home-hero .row .col-img img {
  position: absolute;
  bottom: -9.375vw;
  left: -10.9375vw;
  max-width: initial;
  width: 47.0833333333vw;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slide-in;
  animation-name: slide-in;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@media all and (max-width: 767px) {
  #home-hero.non-home-hero h1 span {
    font-size: 3.9113428944vw;
  }
  #home-hero.non-home-hero h1 a {
    font-size: 2.0860495437vw;
  }
  #home-hero.non-home-hero .row .col-img {
    max-width: 40%;
  }
  #home-hero.non-home-hero .row .col-img img {
    bottom: -13.037809648vw;
    left: -15.6453715776vw;
    width: 57.3663624511vw;
  }
}
#home-hero > .container-fluid {
  padding: 0;
  padding-left: 15vw;
  padding-right: 15vw;
}
#home-hero .row {
  margin: 0;
  padding: 0;
}
#home-hero .row .col {
  padding: 0;
}
#home-hero h1 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 4.375vw;
  line-height: 1;
  margin: 0;
  margin-bottom: 2.8125vw;
}
#home-hero .hpf-lemon-no-bullshit {
  padding-top: 1.5625vw;
}
#home-hero .row .col-img {
  padding-top: 0.7291666667vw;
}
#home-hero .row .col-img .lemon-tongue-dance {
  position: relative;
  margin-left: -2.6041666667vw;
}
#home-hero .row .col-img .lemon-tongue-dance .lemon-tongue-text {
  position: absolute;
  bottom: 3.5416666667vw;
  right: 2.6041666667vw;
  width: 11.6666666667vw;
}
#home-hero .row .col-img .lemon-tongue-dance .lemon-tongue-image {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  width: 31.09375vw;
  position: relative;
  left: 0vw;
}
#home-hero .row .col-img .lemon-tongue-dance img {
  display: block;
}
@media all and (max-width: 767px) {
  #home-hero > .container-fluid {
    padding: 0px;
    padding-top: 0px;
  }
  #home-hero h1 {
    font-size: 7.8226857888vw;
    margin-bottom: 4.4328552803vw;
  }
  #home-hero .hpf-lemon-no-bullshit > .container-fluid {
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 13.037809648vw;
  }
  #home-hero .hpf-lemon-no-bullshit .row .col-img {
    padding-top: 1.8252933507vw;
  }
  #home-hero .hpf-lemon-no-bullshit .row .col-img .lemon-tongue-dance {
    position: relative;
    margin-top: -1.3037809648vw;
    margin-left: -19.556714472vw;
  }
  #home-hero .hpf-lemon-no-bullshit .row .col-img .lemon-tongue-dance .lemon-tongue-text {
    position: absolute;
    top: auto;
    right: auto;
    left: 0vw;
    bottom: 0vw;
    width: 19.556714472vw;
  }
  #home-hero .hpf-lemon-no-bullshit .row .col-img .lemon-tongue-dance .lemon-tongue-image {
    width: 67.7966101695vw;
    position: static;
  }
  #home-hero .hpf-lemon-no-bullshit .row .col-img .lemon-tongue-dance img {
    display: block;
  }
}

#home-products {
  position: relative;
}
#home-products .bg video {
  display: block;
  height: auto;
  width: 100%;
}
#home-products .container-fluid {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#home-products .col {
  padding-top: 4.6875vw;
  padding-bottom: 3.3333333333vw;
  text-align: center;
}
#home-products .can-img {
  margin-bottom: 5.2083333333vw;
}
#home-products .can-img img {
  margin-left: auto;
  margin-right: auto;
  width: 30.3125vw;
  -webkit-filter: drop-shadow(-14.323vw 3.646vw 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(-14.323vw 3.646vw 5px rgba(0, 0, 0, 0.5));
}
@media all and (max-width: 767px) {
  #home-products .container-fluid {
    height: 100%;
  }
  #home-products .row {
    height: 100%;
  }
  #home-products .col {
    padding-top: 1.3037809648vw;
    padding-bottom: 4.9543676662vw;
    position: relative;
  }
  #home-products .col .btn {
    position: absolute;
    bottom: 7.8226857888vw;
    left: 50%;
    transform: translateX(-50%);
  }
}

#home-real-tea {
  background: url("../images/real-tea-top.png") no-repeat left top/100% auto;
  overflow: hidden;
  margin-top: -0.6770833333vw;
  padding-top: 0.625vw;
  margin-bottom: -0.8854166667vw;
  position: relative;
  z-index: 3;
}
#home-real-tea .container-fluid {
  background: #ffffff;
  padding-top: 6.7708333333vw;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 6.25vw;
}
#home-real-tea .row {
  margin: 0;
  padding: 0;
}
#home-real-tea .col {
  padding: 0;
  position: relative;
  text-align: center;
}
#home-real-tea h2 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 7.2395833333vw;
  line-height: 1;
  margin: 0;
  margin-bottom: 4.6875vw;
  text-transform: uppercase;
}
#home-real-tea h2 .slash {
  display: inline-block;
  position: relative;
}
#home-real-tea h2 .slash .slash-line {
  display: block;
  position: absolute;
  top: 36%;
  transform: translateY(-36%);
  left: -2.1875vw;
  max-width: 35.3125vw;
  height: 3.3333333333vw;
  width: 120%;
  overflow: hidden;
}
#home-real-tea h2 .slash .slash-line .slash-line-in {
  display: block;
  background: url("../images/slash-line.png") no-repeat left top/100% auto;
  position: absolute;
  top: 36%;
  transform: translateY(-36%);
  left: 0;
  width: 35.3125vw;
  height: 3.3333333333vw;
}
#home-real-tea h2 .slash .rude {
  color: #ED1C24;
  display: block;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-size: 5vw;
  text-transform: uppercase;
  position: absolute;
  right: -1.25vw;
  bottom: -1.25vw;
  transform: rotate(-6deg);
}
#home-real-tea h2 .slash .rude .rude-in {
  display: block;
}
#home-real-tea .text {
  margin-bottom: 3.6458333333vw;
  padding-left: 13.3333333333vw;
  padding-right: 13.3333333333vw;
}
#home-real-tea p {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 2.0833333333vw;
  margin: 0;
}
#home-real-tea .lemon-tongue-pencil {
  width: 30.625vw;
  height: 28.9583333333vw;
  position: absolute;
  left: -12.0833333333vw;
  bottom: -10.9375vw;
}
#home-real-tea .lemon-tongue-pencil img {
  transform: rotate(-16deg);
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: big-wiggle;
  animation-name: big-wiggle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  display: block;
  width: 100%;
  height: auto;
}
#home-real-tea .usda-logo {
  position: absolute;
  bottom: -1.4583333333vw;
  right: 4.3229166667vw;
  width: 10.78125vw;
  height: 10.78125vw;
}
#home-real-tea .usda-logo img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
#home-real-tea .btn.btn-primary:focus-visible {
  outline-color: #d21e6e !important;
}
@media all and (max-width: 767px) {
  #home-real-tea {
    background: url("../images/real-tea-top.png") no-repeat left top/200% auto;
    margin-top: -1.4341590613vw;
    padding-top: 1.3037809648vw;
  }
  #home-real-tea .container-fluid {
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 13.037809648vw;
  }
  #home-real-tea h2 {
    font-size: 9.3872229465vw;
  }
  #home-real-tea h2 .slash .slash-line {
    left: -2.3468057366vw;
    max-width: 44.5893089961vw;
    height: 4.0417209909vw;
    width: 109%;
  }
  #home-real-tea h2 .slash .slash-line .slash-line-in {
    width: 44.5893089961vw;
    height: 4.0417209909vw;
  }
  #home-real-tea p {
    font-size: 3.9113428944vw;
  }
  #home-real-tea .text {
    margin-bottom: 5.2151238592vw;
    padding-left: 11.7340286832vw;
    padding-right: 11.7340286832vw;
  }
  #home-real-tea .lemon-tongue-pencil {
    left: -2.0860495437vw;
    bottom: -17.4706649283vw;
  }
  #home-real-tea .usda-logo {
    position: absolute;
    bottom: -7.3011734029vw;
    right: 3.1290743155vw;
    width: 15.6453715776vw;
    height: 15.6453715776vw;
  }
}

.hpf {
  overflow: hidden;
  position: relative; /* helps with proper stacking context */
}

.slam-word {
  display: inline-block;
  transform-origin: center;
  animation: slam 1s cubic-bezier(0.25, 1.25, 0.5, 1.5) forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

@keyframes slam {
  0% {
    transform: scale(3) translateY(-100px);
    opacity: 0;
  }
  70% {
    transform: scale(1.1) translateY(0);
    opacity: 1;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
/* Tampa Bay Buccaneers 19oz Cans */
#home-hero.bg-tb-bucs {
  background: url("../images/tb-bucs/crooked-tea-hpf-bucs-bg-large.jpg") no-repeat center center;
  background-size: cover;
}
@media all and (max-width: 767px) {
  #home-hero.bg-tb-bucs {
    background-position: 36% 50%;
  }
}

#home-hero .swiper-slide-active .hpf-tb-bucs .can-hands img.can-hand-left {
  animation: handLeft 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}
#home-hero .swiper-slide-active .hpf-tb-bucs .can-hands img.can-hand-right {
  animation: handRight 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}

#home-hero .hpf-tb-bucs {
  padding-top: 7.2916666667vw;
  height: 100%;
}
#home-hero .hpf-tb-bucs .container-fluid,
#home-hero .hpf-tb-bucs .row {
  height: 100%;
}
#home-hero .hpf-tb-bucs p {
  color: white;
  margin-top: 2.6041666667vw;
  margin-bottom: 3.6458333333vw;
  max-width: 340px;
}
#home-hero .hpf-tb-bucs .btn.btn-primary {
  border-color: #b41632;
  box-shadow: -0.052vw 0.052vw 0em #b41632, -0.104vw 0.104vw 0em #b41632, -0.156vw 0.156vw 0em #b41632, -0.208vw 0.208vw 0em #b41632, -0.26vw 0.26vw 0em #b41632, -0.313vw 0.313vw 0em #b41632, -0.365vw 0.365vw 0em #b41632, -0.417vw 0.417vw 0em #b41632, -0.469vw 0.469vw 0em #b41632, -0.521vw 0.521vw 0em #b41632, -0.573vw 0.573vw 0em #b41632, -0.625vw 0.625vw 0em #b41632, -0.677vw 0.677vw 0em #b41632, -0.729vw 0.729vw 0em #b41632, -0.781vw 0.781vw 0em #b41632, -0.833vw 0.833vw 0em #b41632;
}
#home-hero .hpf-tb-bucs .btn.btn-primary:active, #home-hero .hpf-tb-bucs .btn.btn-primary:hover, #home-hero .hpf-tb-bucs .btn.btn-primary:focus {
  border-color: #b41632;
  background: #fff;
  box-shadow: none;
  color: #b41632;
  transform: translate(0, 0);
}
#home-hero .hpf-tb-bucs .can-hands {
  position: relative;
  width: 100%;
  height: 100%;
}
#home-hero .hpf-tb-bucs .can-hands img.can-hand {
  height: 650px;
  width: auto;
  position: absolute;
  bottom: 85px;
}
@media all and (max-width: 767px) {
  #home-hero .hpf-tb-bucs .can-hands img.can-hand {
    height: 250px;
    bottom: 30px;
  }
}
#home-hero .hpf-tb-bucs .can-hands img.can-hand-left {
  left: -130px;
  opacity: 0;
}
@media all and (max-width: 767px) {
  #home-hero .hpf-tb-bucs .can-hands img.can-hand-left {
    left: -85px;
  }
}
#home-hero .hpf-tb-bucs .can-hands img.can-hand-right {
  right: -130px;
  opacity: 0;
}
@media all and (max-width: 767px) {
  #home-hero .hpf-tb-bucs .can-hands img.can-hand-right {
    left: 70px;
    max-width: 230px;
  }
}

@keyframes handLeft {
  from {
    opacity: 0;
    transform: rotate(-60deg) scale(0.95) translateX(-250px);
  }
  80% {
    opacity: 1;
    transform: rotate(0deg) scale(1) translateX(0);
  }
  90% {
    opacity: 1;
    transform: rotate(0deg) scale(1) translateX(20px);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1) translateX(0);
  }
}
@keyframes handRight {
  from {
    opacity: 0;
    transform: rotate(60deg) scale(0.95) translateX(250px);
  }
  80% {
    opacity: 1;
    transform: rotate(0deg) scale(1) translateX(0);
  }
  90% {
    opacity: 1;
    transform: rotate(0deg) scale(1) translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1) translateX(0);
  }
}
/* Trae Young Polaroids */
#home-hero.bg-trae-young {
  background-color: #efefef;
  background: url("../images/hpfs/crooked-tea-trae-young-bg-overlay.png") repeat-x center top #efefef;
}

#home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-1, #home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-2, #home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-3, #home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-4, #home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-5 {
  animation: cardToss 0.5s ease-out forwards;
}
#home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-1 {
  animation-delay: 0.2s;
}
#home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-2 {
  animation-delay: 0s;
}
#home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-3 {
  animation-delay: 0.05s;
}
#home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-4 {
  animation-delay: 0.1s;
}
#home-hero .swiper-slide-active .hpf-trae-young .polaroids .polaroid.trae-polaroid-5 {
  animation-delay: 0.15s;
}

#home-hero .hpf-trae-young {
  padding-top: 4.1666666667vw;
  height: 100%;
}
#home-hero .hpf-trae-young .container-fluid,
#home-hero .hpf-trae-young .row {
  height: 100%;
}
#home-hero .hpf-trae-young h1 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 4.0104166667vw;
  text-transform: none;
}
#home-hero .hpf-trae-young p {
  margin-top: 2.6041666667vw;
  margin-bottom: 3.6458333333vw;
  max-width: 340px;
}
#home-hero .hpf-trae-young .polaroids {
  position: relative;
  width: 100%;
  height: 100%;
}
#home-hero .hpf-trae-young .polaroids .polaroid {
  position: absolute;
  width: 50%;
}
#home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-1, #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-2, #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-3, #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-4, #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-5 {
  opacity: 0;
  transform-origin: 1200px -100%;
}
#home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-1 {
  left: 22%;
  top: 13%;
}
#home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-2 {
  left: 0;
  top: -3%;
}
#home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-3 {
  right: 10px;
  top: -6%;
}
#home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-4 {
  right: 10px;
  top: 32%;
}
#home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-5 {
  left: 0;
  top: 40%;
}
@media all and (max-width: 767px) {
  #home-hero .hpf-trae-young {
    padding-top: 10.4302477184vw;
  }
  #home-hero .hpf-trae-young h1 {
    font-size: 9.1264667536vw;
  }
  #home-hero .hpf-trae-young p {
    font-size: 3.520208605vw;
    margin-top: 3.9113428944vw;
    margin-bottom: 3.9113428944vw;
  }
  #home-hero .hpf-trae-young .polaroids .polaroid {
    width: 80%;
  }
  #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-1 {
    left: 1%;
    top: 16%;
  }
  #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-2 {
    left: -19%;
    top: -6%;
  }
  #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-3 {
    right: -23%;
    top: -10%;
  }
  #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-4 {
    right: -10%;
    top: 45%;
  }
  #home-hero .hpf-trae-young .polaroids .polaroid.trae-polaroid-5 {
    left: -30%;
    top: 56%;
  }
}

@keyframes cardToss {
  from {
    opacity: 1;
    transform: rotate(-60deg) scale(2);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
/* Rondé Barber */
#home-hero .swiper-slide-active .hpf-ronde-barber .col-img .btn.btn-primary {
  animation: fadeFromLeft 0.5s ease-in forwards;
}
#home-hero .swiper-slide-active .hpf-ronde-barber .col-img img.ronde {
  animation: fadeFromRight 0.5s ease-out forwards;
}
#home-hero .swiper-slide-active .hpf-ronde-barber .stylized-text .text-ronde,
#home-hero .swiper-slide-active .hpf-ronde-barber .stylized-text .text-partner {
  animation: fadeFromLeft 0.5s ease-out forwards;
}
#home-hero .swiper-slide-active .hpf-ronde-barber .stylized-text .btn.btn-primary {
  animation: fadeFromLeft 0.5s ease-in forwards;
}
#home-hero .swiper-slide-active .hpf-ronde-barber .stylized-text .text-ronde {
  animation-delay: 0.7s;
}
#home-hero .swiper-slide-active .hpf-ronde-barber .stylized-text .text-partner {
  animation-delay: 1s;
}
#home-hero .swiper-slide-active .hpf-ronde-barber .stylized-text .btn.btn-primary {
  animation-delay: 0s;
}

#home-hero .hpf-ronde-barber .container-fluid {
  padding-bottom: 0px;
}
#home-hero .hpf-ronde-barber .col-img {
  z-index: 5;
}
#home-hero .hpf-ronde-barber .col-img .btn.btn-primary {
  position: absolute;
  bottom: 60px;
  left: 20px;
}
#home-hero .hpf-ronde-barber .col-img img.ronde {
  position: absolute;
  bottom: 0px;
  width: 87%;
  left: 0px;
}
#home-hero .hpf-ronde-barber .stylized-text {
  position: relative;
  width: 100%;
  aspect-ratio: 550/724;
  overflow: visible;
  transform: scale(0.85);
  transform-origin: top left;
}
#home-hero .hpf-ronde-barber .stylized-text .text-ronde,
#home-hero .hpf-ronde-barber .stylized-text .text-partner {
  position: absolute;
  max-width: 100%;
  height: auto;
  opacity: 0;
  transform-origin: -300px 100%;
}
#home-hero .hpf-ronde-barber .stylized-text .btn.btn-primary {
  position: absolute;
  max-width: 100%;
  white-space: nowrap;
  opacity: 0;
  transform-origin: -300px 100%;
}
#home-hero .hpf-ronde-barber .stylized-text .text-ronde {
  top: 3%;
  left: -2%;
  width: 94%;
}
#home-hero .hpf-ronde-barber .stylized-text .text-partner {
  top: 41%;
  left: 27%;
  width: 57%;
}
#home-hero .hpf-ronde-barber .stylized-text .btn.btn-primary {
  top: 87%;
  left: 65%;
}
@media all and (max-width: 767px) {
  #home-hero .hpf-ronde-barber {
    max-height: 400px;
  }
  #home-hero .hpf-ronde-barber .col {
    flex: 0 0 auto;
    width: 100%;
  }
  #home-hero .hpf-ronde-barber .col-img img.ronde {
    position: absolute;
    bottom: -60px;
    left: 10%;
    width: 500px;
    max-width: 500px;
  }
  #home-hero .hpf-ronde-barber .col-img .btn.btn-primary {
    left: unset;
    bottom: 7%;
    right: 4%;
  }
  #home-hero .hpf-ronde-barber .stylized-text .text-ronde {
    left: 10%;
    width: 74%;
    top: 0%;
  }
  #home-hero .hpf-ronde-barber .stylized-text .text-partner {
    left: 0%;
    top: unset;
    bottom: 16%;
    width: 47%;
  }
  #home-hero .hpf-ronde-barber .stylized-text .btn.btn-primary {
    left: 85%;
    top: 32%;
  }
}

@keyframes fadeFromLeft {
  from {
    opacity: 0;
    transform: translateX(-60%) rotate(-10deg) scale(0.95);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
@keyframes fadeFromRight {
  from {
    opacity: 0;
    transform: translateX(100%) rotate(20deg) scale(1.15);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
/* Brandon Graham's Strip Sack Pack */
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-brandon,
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-grahams,
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-strip,
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-sack,
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-pack {
  animation: wheelFadeIn 0.4s ease-out forwards;
}
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .btn.btn-primary {
  animation: wheelFadeIn 0.4s ease-in forwards;
}
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-grahams {
  animation-delay: 0.1s;
}
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-strip {
  animation-delay: 0.3s;
}
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-sack {
  animation-delay: 0.4s;
}
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .text-pack {
  animation-delay: 0.5s;
}
#home-hero .swiper-slide-active .hpf-brandon-graham-strip-sack-pack .stylized-text .btn.btn-primary {
  animation-delay: 0.7s;
}

#home-hero .hpf-brandon-graham-strip-sack-pack {
  overflow-x: hidden;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .container-fluid {
  padding-bottom: 0px;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text {
  position: relative;
  width: 100%;
  aspect-ratio: 550/724;
  overflow: visible;
  transform: scale(0.85);
  transform-origin: top left;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-brandon,
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-grahams,
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-strip,
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-sack,
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-pack {
  position: absolute;
  max-width: 100%;
  height: auto;
  opacity: 0;
  transform-origin: -300px 100%;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .btn.btn-primary {
  position: absolute;
  max-width: 100%;
  white-space: nowrap;
  opacity: 0;
  transform-origin: -300px 100%;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-brandon {
  top: 0%;
  left: -18%;
  width: 56%;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-grahams {
  top: 0.8%;
  left: 15%;
  width: 64%;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-strip {
  top: 14%;
  left: -29%;
  width: 107%;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-sack {
  top: 32%;
  left: 11%;
  width: 100%;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-pack {
  top: 59%;
  left: 11%;
  width: 99%;
}
#home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .btn.btn-primary {
  top: 87%;
  left: 65%;
}
@media all and (max-width: 767px) {
  #home-hero .hpf-brandon-graham-strip-sack-pack {
    height: 100%;
  }
  #home-hero .hpf-brandon-graham-strip-sack-pack .col-img img {
    width: 80vw;
    position: absolute;
    bottom: -60px;
    left: -13vw;
  }
  #home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-sack {
    left: 1%;
  }
  #home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .text-pack {
    left: -9%;
  }
  #home-hero .hpf-brandon-graham-strip-sack-pack .stylized-text .btn.btn-primary {
    left: 35%;
  }
}

@keyframes wheelFadeIn {
  from {
    opacity: 0;
    transform: rotate(60deg) scale(0.95);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
/* Products
--------------------------------------------- */
.page-template-page-products #page-content .col {
  text-align: center;
}

#products-landing-page {
  background: #ffffff;
  margin-bottom: -2.0833333333vw;
}
#products-landing-page .container-fluid {
  padding-top: 0vw;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  padding-bottom: 6.25vw;
}
#products-landing-page .product-wrap {
  border-radius: 1.875vw;
  padding-bottom: 2.6041666667vw;
  overflow: hidden;
}
#products-landing-page .product-wrap h2 {
  max-width: 70%;
  margin: auto;
}
#products-landing-page .product-image {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  #products-landing-page {
    margin-bottom: -5.2151238592vw;
  }
  #products-landing-page .product-wrap {
    border-radius: 4.6936114733vw;
    padding-bottom: 7.3011734029vw;
  }
}

#products-flavors {
  margin-bottom: -0.8854166667vw;
  position: relative;
}
#products-flavors .bg video {
  display: block;
  height: auto;
  width: 100%;
}
#products-flavors .container-fluid {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#products-flavors .row {
  align-items: flex-end;
}
#products-flavors .col {
  padding-top: 4.6875vw;
  padding-bottom: 3.3333333333vw;
  text-align: center;
}
#products-flavors .can-img {
  margin-bottom: 5.2083333333vw;
}
#products-flavors .can-img img {
  margin-left: auto;
  margin-right: auto;
  width: 30.3125vw;
  -webkit-filter: drop-shadow(-14.323vw 3.646vw 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(-14.323vw 3.646vw 5px rgba(0, 0, 0, 0.5));
}
#products-flavors .here {
  color: #002241;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.6666666667vw;
  text-transform: uppercase;
  margin-top: -1.0416666667vw;
}
#products-flavors .here .arrow {
  width: 3.6458333333vw;
  height: 3.59375vw;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.0416666667vw;
  transform: scale(1);
  animation: pulse 2s infinite;
}
@media all and (max-width: 767px) {
  #products-flavors {
    margin-bottom: -1.4341590613vw;
  }
  #products-flavors .container-fluid {
    height: 100%;
  }
  #products-flavors .row {
    height: 100%;
  }
  #products-flavors .col {
    padding-top: 1.3037809648vw;
    padding-bottom: 4.9543676662vw;
    position: relative;
  }
  #products-flavors .col .btn {
    position: absolute;
    bottom: 7.8226857888vw;
    left: 50%;
    transform: translateX(-50%);
  }
  #products-flavors .here {
    font-size: 3.1290743155vw;
    margin-top: -13.037809648vw;
  }
  #products-flavors .here .arrow {
    width: 4.5632333768vw;
    height: 4.4328552803vw;
    margin-bottom: 1.3037809648vw;
  }
}

#product-gallery .container-fluid {
  padding: 0;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 3.125vw;
}
#product-gallery .row {
  margin: 0;
  padding: 0;
}
#product-gallery .col-auto {
  padding-left: 2.5vw;
  width: 24.1666666667vw;
}
#product-gallery .col-auto .swiper-slide {
  margin-top: 2.5vw;
}
#product-gallery .swiper-slide {
  box-sizing: border-box;
}
#product-gallery .swiper-slide:hover {
  cursor: pointer;
}
#product-gallery .swiper-slide img {
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  border-radius: 1.875vw;
  display: block;
  width: 100%;
  height: auto;
}
#product-gallery .swiper-button-next,
#product-gallery .swiper-button-prev {
  height: 2.6041666667vw;
  width: 2.6041666667vw;
}
#product-gallery .swiper-button-next:before,
#product-gallery .swiper-button-prev:before {
  background: #002241;
  border-radius: 0 0.417vw 0.417vw 0;
  content: "";
  display: block;
  width: 100%;
  height: 0.4166666667vw;
  position: absolute;
  top: 0;
  left: 0;
}
#product-gallery .swiper-button-next:after,
#product-gallery .swiper-button-prev:after {
  background: #002241;
  border-radius: 0 0 0.417vw 0.417vw;
  content: "";
  display: block;
  width: 0.4166666667vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#product-gallery .swiper-button-next {
  transform: rotate(135deg);
  right: 2.6041666667vw;
}
#product-gallery .swiper-button-prev {
  transform: rotate(-45deg);
  left: 2.6041666667vw;
}
#product-gallery .swiper-pagination {
  bottom: 1.25vw;
}
#product-gallery .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 1;
  height: 0.9375vw;
  width: 0.9375vw;
  margin-left: 0.5208333333vw;
  margin-right: 0.5208333333vw;
}
#product-gallery .swiper-pagination-bullet-active {
  background: #002241;
}
#product-gallery .mySwiper2 {
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  border-radius: 1.875vw;
  width: 100% !important;
}
#product-gallery .mySwiper2 .swiper-slide {
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden;
  width: 100% !important;
}
#product-gallery .mySwiper2 .swiper-slide img {
  border: none;
  border-radius: 0;
  height: 100%;
  object-fit: cover;
  width: 100% !important;
}
#product-gallery .mySwiper {
  margin-top: -2.5vw;
}
#product-gallery .mySwiper .swiper-wrapper {
  flex-direction: column;
  height: auto;
}
#product-gallery .mySwiper .swiper-slide-thumb-active {
  display: none;
}
@media all and (max-width: 787px) {
  #product-gallery .container-fluid {
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 5.2151238592vw;
  }
  #product-gallery .mySwiper {
    display: none;
  }
  #product-gallery .swiper-slide img {
    border-width: 1.0430247718vw;
    border-radius: 4.6936114733vw;
  }
  #product-gallery .mySwiper2 {
    border-width: 1.0430247718vw;
    border-radius: 4.6936114733vw;
  }
  #product-gallery .swiper-button-next,
  #product-gallery .swiper-button-prev {
    height: 6.518904824vw;
    width: 6.518904824vw;
    display: none;
  }
  #product-gallery .swiper-button-next:before,
  #product-gallery .swiper-button-prev:before {
    border-radius: 0 1.043vw 1.043vw 0;
    height: 1.0430247718vw;
  }
  #product-gallery .swiper-button-next:after,
  #product-gallery .swiper-button-prev:after {
    border-radius: 0 0 1.043vw 1.043vw;
    width: 1.0430247718vw;
  }
  #product-gallery .swiper-pagination {
    bottom: 3.1290743155vw;
  }
  #product-gallery .swiper-pagination-bullet {
    height: 1.8252933507vw;
    width: 1.8252933507vw;
    margin-left: 1.0430247718vw;
    margin-right: 1.0430247718vw;
  }
}

#product-details .container-fluid {
  padding: 0;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 3.125vw;
}
#product-details .row {
  margin: 0;
  padding: 0;
}
#product-details h1 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 4.0625vw;
  line-height: 1;
  margin: 0;
  margin-bottom: 1.5625vw;
  text-transform: uppercase;
}
#product-details .stars {
  font-size: 1.5625vw;
  margin-bottom: 1.5625vw;
}
#product-details .stars .ps-0 {
  padding-left: 0 !important;
}
#product-details .stars .ps-0 a {
  color: #002241;
}
#product-details .post-ratings {
  display: flex;
  align-items: center;
}
#product-details .post-ratings,
#product-details .post-ratings-loading,
#product-details .post-ratings-image {
  background: url("../images/star-off.svg") no-repeat center/100% auto;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  overflow: hidden;
  margin: 0;
  padding-top: 2.0833333333vw;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-details .post-ratings[src*="rating_on.gif"],
#product-details .post-ratings-loading[src*="rating_on.gif"],
#product-details .post-ratings-image[src*="rating_on.gif"] {
  background: url("../images/star-on.svg") no-repeat center/100% auto;
  text-indent: 105%;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-details .post-ratings[src*="rating_half.gif"],
#product-details .post-ratings-loading[src*="rating_half.gif"],
#product-details .post-ratings-image[src*="rating_half.gif"] {
  background: url("../images/star-half.svg") no-repeat center/100% auto;
  text-indent: 105%;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-details .post-ratings[src*="rating_off.gif"],
#product-details .post-ratings-loading[src*="rating_off.gif"],
#product-details .post-ratings-image[src*="rating_off.gif"] {
  background: url("../images/star-off.svg") no-repeat center/100% auto;
  text-indent: 105%;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-details .post-ratings[src*="rating_over.gif"],
#product-details .post-ratings-loading[src*="rating_over.gif"],
#product-details .post-ratings-image[src*="rating_over.gif"] {
  background: url("../images/star-over.svg") no-repeat center/100% auto;
  text-indent: 105%;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-details p {
  font-size: 1.5625vw;
}
#product-details p strong {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
}
#product-details .row-title .col-btn {
  text-align: right;
}
#product-details .row-nutrition {
  position: relative;
}
#product-details .row-nutrition .col-text {
  max-width: 40.1041666667vw;
}
#product-details .row-nutrition .nutrition-facts {
  position: absolute;
  right: 0;
  top: 0;
  width: 26.7708333333vw;
}
#product-details .row-nutrition .nutrition-facts img {
  display: block;
  height: auto;
  width: 100%;
}
@media all and (max-width: 787px) {
  #product-details .container-fluid {
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 5.2151238592vw;
  }
  #product-details h1 {
    font-size: 7.3011734029vw;
    margin-bottom: 2.6075619296vw;
  }
  #product-details p {
    font-size: 3.9113428944vw;
  }
  #product-details .stars {
    font-size: 3.1290743155vw;
    margin-bottom: 0;
  }
  #product-details .post-ratings,
  #product-details .post-ratings-loading,
  #product-details .post-ratings-image {
    width: 4.6936114733vw;
    height: 4.6936114733vw;
    padding-top: 4.6936114733vw;
  }
  #product-details .row-title {
    padding-bottom: 3.9113428944vw;
  }
  #product-details .row-nutrition .col-text {
    max-width: 100%;
  }
  #product-details .row-nutrition .nutrition-facts {
    margin-top: 5.2151238592vw;
    margin-bottom: 7.3011734029vw;
    padding-left: 4.4328552803vw;
    padding-right: 4.4328552803vw;
    position: static;
    width: 100%;
  }
}

#product-review {
  scroll-margin-top: 13.5416666667vw;
}
#product-review .container-fluid {
  padding-top: 1.0416666667vw;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 4.6875vw;
}
#product-review .row {
  margin: 0;
  padding: 0;
}
#product-review .col {
  padding: 0;
  text-align: center;
}
#product-review h2 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 3.3333333333vw;
  margin-bottom: 2.5vw;
  text-transform: uppercase;
}
#product-review h3 {
  font-size: 2.5vw;
  margin-bottom: 2.5vw;
}
#product-review .post-ratings-loading {
  text-align: center;
  font-size: 2.5vw;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
}
#product-review .post-ratings-loading img {
  margin-right: 0.5208333333vw !important;
}
#product-review .post-ratings img,
#product-review .post-ratings-loading img,
#product-review .post-ratings-image img {
  background: url("../images/star-off.svg") no-repeat center/100% auto;
  width: 3.9583333333vw;
  height: 3.9583333333vw;
  overflow: hidden;
  margin: 0;
  padding-top: 3.9583333333vw;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-review .post-ratings img[src*="rating_on.gif"],
#product-review .post-ratings-loading img[src*="rating_on.gif"],
#product-review .post-ratings-image img[src*="rating_on.gif"] {
  background: url("../images/star-on.svg") no-repeat center/100% auto;
  text-indent: 105%;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-review .post-ratings img[src*="rating_half.gif"],
#product-review .post-ratings-loading img[src*="rating_half.gif"],
#product-review .post-ratings-image img[src*="rating_half.gif"] {
  background: url("../images/star-half.svg") no-repeat center/100% auto;
  text-indent: 105%;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-review .post-ratings img[src*="rating_off.gif"],
#product-review .post-ratings-loading img[src*="rating_off.gif"],
#product-review .post-ratings-image img[src*="rating_off.gif"] {
  background: url("../images/star-off.svg") no-repeat center/100% auto;
  text-indent: 105%;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-review .post-ratings img[src*="rating_over.gif"],
#product-review .post-ratings-loading img[src*="rating_over.gif"],
#product-review .post-ratings-image img[src*="rating_over.gif"] {
  background: url("../images/star-over.svg") no-repeat center/100% auto;
  text-indent: 105%;
  filter: drop-shadow(-0.052vw 0.052vw 0px #002241) drop-shadow(-0.104vw 0.104vw 0px #002241);
}
#product-review .post-ratings span,
#product-review .post-ratings-loading span,
#product-review .post-ratings-image span {
  display: block;
  padding-top: 2.5vw;
  font-size: 2.5vw;
  line-height: 1;
}
@media all and (max-width: 767px) {
  #product-review {
    scroll-margin-top: 32.5945241199vw;
  }
  #product-review .container-fluid {
    padding-top: 2.6075619296vw;
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 7.8226857888vw;
  }
  #product-review h2 {
    font-size: 7.0404172099vw;
    margin-bottom: 3.9113428944vw;
  }
  #product-review h3 {
    font-size: 4.6936114733vw;
    margin-bottom: 3.9113428944vw;
  }
  #product-review .post-ratings img,
  #product-review .post-ratings-loading img,
  #product-review .post-ratings-image img {
    width: 9.1264667536vw;
    height: 9.1264667536vw;
    padding-top: 9.1264667536vw;
  }
  #product-review .post-ratings span,
  #product-review .post-ratings-loading span,
  #product-review .post-ratings-image span {
    padding-top: 3.9113428944vw;
    font-size: 4.6936114733vw;
  }
}

/* Store Locator
--------------------------------------------- */
#store-locator-hero {
  overflow: hidden;
}
#store-locator-hero.store-locator-lp h1 {
  margin-bottom: 0;
}
#store-locator-hero.store-locator-lp .col-img {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slide-in;
  animation-name: slide-in;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#store-locator-hero.store-locator-lp .col-img img {
  display: block;
  transform: translate(7.5vw, 0vw) scale(1);
  width: 14.5833333333vw;
}
#store-locator-hero .container-fluid {
  padding: 0;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 8.3333333333vw;
}
#store-locator-hero .row {
  margin: 0;
  padding: 0;
}
#store-locator-hero .col-img {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slide-in;
  animation-name: slide-in;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#store-locator-hero .col-img img {
  display: block;
  transform: translate(7.5vw, 3.333vw) scale(1.2);
}
#store-locator-hero h1 {
  font-size: 7.34375vw;
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  margin: 0;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 1;
}
#store-locator-hero .klaviyo-form {
  width: 27.0833333333vw;
}
#store-locator-hero .klaviyo-form div[data-testid=form-row] {
  align-items: flex-start !important;
  text-align: left;
}
#store-locator-hero .klaviyo-form div[data-testid=form-row] h2,
#store-locator-hero .klaviyo-form div[data-testid=form-row] p {
  text-align: left !important;
}
#store-locator-hero .klaviyo-form div[data-testid=form-component] {
  margin: 0 !important;
}
#store-locator-hero .klaviyo-form input[type=email] {
  width: 27.0833333333vw !important;
}
@media all and (max-width: 767px) {
  #store-locator-hero .container-fluid {
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 11.7340286832vw;
  }
  #store-locator-hero h1 {
    font-size: 11.0821382008vw;
    margin-bottom: 4.4328552803vw;
  }
  #store-locator-hero .klaviyo-form {
    width: 41.7209908735vw;
  }
  #store-locator-hero .klaviyo-form input[type=email] {
    width: 41.7209908735vw !important;
  }
  #store-locator-hero.store-locator-lp h1 {
    margin-bottom: 0;
  }
  #store-locator-hero.store-locator-lp .col-img img {
    display: block;
    transform: translate(4.5vw, 0vw) scale(1);
    width: 18.2291666667vw;
  }
  #store-locator-hero .col-img img {
    display: block;
    transform: translate(-0.25vw, 25.223vw) scale(1.3);
  }
}

#store-locator-vip {
  background: url("../images/hands-top.png") no-repeat left top/100% auto;
  padding-top: 0.625vw;
}
#store-locator-vip #iframeContainer,
#store-locator-vip #viplocator {
  background: #ffffff;
  width: 100%;
}

#store-locator-form {
  background: url("../images/hands-top.png") no-repeat left top/100% auto;
  padding-top: 0.625vw;
  margin-bottom: -0.8854166667vw;
}
#store-locator-form .container-fluid {
  background: #ffffff;
  padding: 5vw;
  padding-left: 15vw;
  padding-right: 15vw;
  padding-bottom: 5.2083333333vw;
}
#store-locator-form h2 {
  font-size: 7.34375vw;
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  line-height: 1;
  margin-bottom: 2.6041666667vw;
  text-transform: uppercase;
  width: 38.0208333333vw;
}
#store-locator-form p {
  font-size: 2.0833333333vw;
}
@media all and (max-width: 767px) {
  #store-locator-form {
    background: url("../images/hands-top.png") no-repeat left top/200% auto;
    padding-top: 1.3037809648vw;
    margin-bottom: -1.5645371578vw;
  }
  #store-locator-form .container-fluid {
    padding: 7.8226857888vw;
    padding-left: 6.258148631vw;
    padding-right: 6.258148631vw;
    padding-bottom: 7.8226857888vw;
  }
  #store-locator-form h2 {
    font-size: 11.0821382008vw;
    margin-bottom: 3.1290743155vw;
    width: 62.5814863103vw;
  }
  #store-locator-form p {
    font-size: 2.6075619296vw;
  }
}

/* WooCommerce
--------------------------------------------- */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce-page ul.products li.product .button.add_to_cart_button {
  display: none;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
  border: 8px solid #d21e6e;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw;
  padding: 2em 2em 2em 3.5em;
  background-color: #ffffff;
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
  top: 2em;
}
@media all and (max-width: 767px) {
  .woocommerce .woocommerce-error,
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-message {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw;
  }
  .woocommerce .woocommerce-error .button,
  .woocommerce .woocommerce-info .button,
  .woocommerce .woocommerce-message .button {
    float: none;
    margin-top: 1em;
  }
}
.woocommerce .woocommerce-error {
  border-color: #b81c23;
}
.woocommerce .woocommerce-info {
  border-color: #002241;
}
.woocommerce .woocommerce-message {
  border-color: #d21e6e;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  color: #002241;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #002241;
}
.woocommerce .woocommerce-ordering select {
  border: 8px solid #002241;
  border-width: 0.4166666667vw !important;
  border-radius: 0.8333333333vw !important;
  height: 3.90625vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
  background-size: 16px;
  -webkit-background-size: 16px;
  background-position: calc(100% - 12px) 50%;
  -webkit-background-position: calc(100% - 12px) 50%;
}
.woocommerce div.product form.cart .variations select {
  border: 8px solid #002241;
  border-width: 0.4166666667vw !important;
  border-radius: 0.8333333333vw !important;
  height: 3.90625vw;
  margin-bottom: 1.0416666667vw;
}
.woocommerce div.product .product_meta {
  display: none;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 1.4583333333vw;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color: #002241;
  border-width: 0.4166666667vw;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: #f1f1f1;
  border-color: #002241;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 1.4583333333vw;
  padding-right: 1.4583333333vw;
  margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  border-color: #002241;
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-color: #002241;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  content: "";
  display: block;
  width: calc(100% + 1px);
  height: 10px;
  position: absolute;
  bottom: -10px;
  left: -1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #002241;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #002241;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus {
  color: #002241;
}
.woocommerce div.product .related.products {
  padding-top: 7.8125vw;
}
.woocommerce div.product .related.products > h2 {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 5.46875vw;
  line-height: 1;
  margin: 0;
  margin-bottom: 1.5625vw;
  text-transform: uppercase;
  text-align: center;
}
.woocommerce div.product .single_variation_wrap a {
  color: #002241 !important;
  display: inline-block;
  margin-bottom: 1.0416666667vw;
}
.woocommerce .quantity {
  margin-top: 0.78125vw !important;
}
.woocommerce .quantity .qty {
  margin-right: 1.0416666667vw;
  margin-bottom: 0 !important;
  width: 8.3333333333vw;
}
@media all and (max-width: 767px) {
  .woocommerce .woocommerce-ordering select {
    border: 8px solid #002241;
    border-width: 1.0430247718vw !important;
    border-radius: 2.0860495437vw !important;
    height: 8.3441981747vw !important;
    background-size: 16px;
    -webkit-background-size: 16px;
    background-position: calc(100% - 12px) 50%;
    -webkit-background-position: calc(100% - 12px) 50%;
  }
  .woocommerce div.product form.cart .variations select {
    border-width: 1.0430247718vw !important;
    border-radius: 2.0860495437vw !important;
    height: 8.3441981747vw !important;
    margin-bottom: 2.6075619296vw;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    font-size: 3.1290743155vw;
    padding-left: 3.1290743155vw;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border-width: 1.0430247718vw;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 2.6075619296vw;
    padding-right: 2.6075619296vw;
  }
  .woocommerce div.product .related.products {
    padding-top: 8.3441981747vw;
  }
  .woocommerce div.product .related.products > h2 {
    font-size: 11.0821382008vw;
    margin-bottom: 6.258148631vw;
  }
  .woocommerce div.product .single_variation_wrap a {
    margin-bottom: 2.6075619296vw;
  }
  .woocommerce .quantity {
    margin-top: 0.1303780965vw !important;
  }
  .woocommerce .quantity .qty {
    margin-right: 2.6075619296vw;
    width: 20.8604954368vw;
    height: auto;
    height: 8.3441981747vw !important;
  }
}

.pf-size-guide-modal h4 {
  font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
  font-size: 1.875vw;
}
.pf-size-guide-modal .pf-size-guide-modal__header h4 {
  font-size: 2.5vw;
}
.pf-size-guide-modal .pf-product-size-guide__tabs {
  box-shadow: inset 0 -0.417vw 0 0 #002241;
}
.pf-size-guide-modal .pf-product-size-guide__tabs .pf-product-size-guide__tab {
  background: #f1f1f1;
  border-color: #002241;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #002241;
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  position: relative;
}
.pf-size-guide-modal .pf-product-size-guide__tabs .pf-product-size-guide__tab.pf-product-size-guide__tab--active {
  background: #fff;
  padding-bottom: calc(12px + 0.417vw);
}
.pf-size-guide-modal .pf-product-size-guide__tabs .pf-product-size-guide__tab.pf-product-size-guide__tab--active:after {
  background: #fff;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
}
@media all and (max-width: 767px) {
  .pf-size-guide-modal h4 {
    font-family: "Colby Bold", Trebuchet MS, Arial, sans-serif;
    font-size: 4.6936114733vw;
  }
  .pf-size-guide-modal .pf-size-guide-modal__header h4 {
    font-size: 6.258148631vw;
  }
  .pf-size-guide-modal .pf-product-size-guide__tabs {
    box-shadow: inset 0 -1.043vw 0 0 #002241;
    font-size: 3.1290743155vw;
  }
  .pf-size-guide-modal .pf-product-size-guide__tabs .pf-product-size-guide__tab {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .pf-size-guide-modal .pf-product-size-guide__tabs .pf-product-size-guide__tab.pf-product-size-guide__tab--active {
    padding-bottom: calc(12px + 1.043vw);
  }
  .pf-size-guide-modal .pf-product-size-guide__tabs .pf-product-size-guide__tab.pf-product-size-guide__tab--active:after {
    display: none;
  }
}

#page-content .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p,
#page-content .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data {
  font-size: 1.4em;
}
#page-content .wc-block-components-totals-shipping .wc-block-components-totals-shipping-address-summary {
  font-size: 1.2em;
}
#page-content .wc-block-components-radio-control__option {
  font-size: 1.3em !important;
}

.woocommerce-cart .wc-block-components-product-details.wc-block-components-product-details {
  font-size: 1.2em;
}
.woocommerce-cart .wc-block-components-quantity-selector {
  border: 8px solid #002241;
  border-width: 0.4166666667vw;
  border-radius: 0.8333333333vw;
}
.woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  height: auto !important;
  margin: 0 !important;
  outline: none;
}
.woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus, .woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus-visible {
  outline: none !important;
}
@media all and (max-width: 767px) {
  .woocommerce-cart .wc-block-components-quantity-selector {
    border-width: 1.0430247718vw;
    border-radius: 1.5645371578vw;
  }
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block hr + h2.wp-block-heading {
  font-family: "Colby Black", Trebuchet MS, Arial, sans-serif;
  font-size: 5.46875vw;
  line-height: 1;
  margin: 0;
  margin-bottom: 1.5625vw;
  text-transform: uppercase;
  text-align: center;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products li a {
  text-decoration: none;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products li .wc-block-grid__product-title {
  font-family: "ComiconBold", Trebuchet MS, Arial, sans-serif;
  font-size: 1em;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products li .wp-block-button {
  display: none;
}
@media all and (max-width: 767px) {
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block hr + h2.wp-block-heading {
    font-size: 11.0821382008vw;
    margin-bottom: 6.258148631vw;
  }
}

.woocommerce-checkout .wc-block-components-product-details.wc-block-components-product-details {
  font-size: 1.2em;
}
.woocommerce-checkout .woopay-save-new-user-container .save-details-form.form-row .phone-input {
  padding-left: 86px !important;
}

.woocommerce-order-received .woocommerce td.product-name .wc-item-meta {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.woocommerce-order-received .woocommerce td.product-name .wc-item-meta li p {
  font-size: 1em !important;
  margin: 0 !important;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

body.single-products.yotpo-background-scroll-prevent .modal-backdrop.yotpo-review-form-modal .yotpo-modal .yotpo-modal-body {
  width: 100%;
  max-width: 570px;
  display: inline-block;
  overflow-y: auto;
  scrollbar-width: auto; /* or auto */
  scrollbar-color: #888 #f0f0f0; /* thumb and track */
}
body.single-products.yotpo-background-scroll-prevent .modal-backdrop.yotpo-review-form-modal .yotpo-modal .yotpo-modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}
body.single-products.yotpo-background-scroll-prevent .modal-backdrop.yotpo-review-form-modal .yotpo-modal .yotpo-modal-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
body.single-products.yotpo-background-scroll-prevent .yotpo-star-rating-wrapper .yotpo-star-rating-icons-wrapper {
  display: block;
}
body.single-products .yotpo-new-review-btn.empty-state {
  padding-left: 16px;
  padding-right: 16px;
}

#products-landing-page .stars {
  margin-bottom: 1.25rem;
}
#products-landing-page .stars .yotpo-star-ratings-widget-override-css {
  justify-content: center !important;
}
#products-landing-page .stars .yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-new-review {
  display: none !important;
}

/* 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;
}