/** Shopify CDN: Minification failed

Line 320:101 Unexpected "{"

**/
:root {
  --color-brand-blue: #0047BB;
  --color-brand-lightBlue: #9FDDED;
  --color-brand-aqua: #009B77;
  --color-brand-Daqua: #006E77;
  --color-brand-lightAqua: #AFECDC;
  --color-brand-Dgreen: #007A3D;
  --color-brand-green: #00843D;
  --color-brand-lightGreen: #93E6B4;
  --color-brand-cream: #F2E9DB;
  --color-brand-lightCream: #FFF8EC;
  --color-a11y-orange: #D2691E;
  --color-a11y-white: #FFFFFF;
  --color-a11y-black: #000000;
}

a.skip-link.screen-reader-text.btn {
  padding: 8px;
  font-size: 20px;
  position: absolute;
  top: -50px;
  left: -50px;
  z-index: 99;
  transition: all .5s ease;
}
a.skip-link.screen-reader-text.btn:focus {
  transition: all .5s ease;
  top: 0;
  left: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.has-submenu [aria-expanded="true"] + .jsMegaMenu {
  display: block !important;
}
.has-submenu [aria-expanded="false"] + .jsMegaMenu {
  display: none !important;
}
.site-nav li.mega-menu__linklist-item, .site-header__secondary-links li a.header__link-account {
  margin-right: 0;
}
.pdp-donate {
  background-color: var(--color-brand-lightCream) !important;
}
/* .site-header__secondary-links li:has(a.site-nav__link) {
  margin-right: 16px;
} */
/* .site-header__secondary-links ul.site-nav li details-modal.header__search summary.header__search-toggle {
  top: 17px;
  position: relative;
} */
.site-header__secondary-links {
  display: block !important;
}
.mega-menu .js-mega-menu-column.is-active {
  display: none;
}
.mega-menu.is-active .js-mega-menu-column.is-active {
  display: flex;
}
button.js-mega-menu-sub-toggle.is-active {
  font-weight: 900;
  border-bottom: 2px solid;
}
.sr-search-modal__content form.sr-search-modal__form {
  position: relative;
}
.sr-search-modal__input {
  width: 94%;
}
.sr-search-modal__content predictive-search.sr-search-modal__form button.sr-search-modal__close-button.js-search-modal-close {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
}
nav.site-header__secondary-links li:nth-child(2) {
  z-index: 1;
}
.hp-value-prop__item:focus .hp-value-prop__desc {
  opacity: 1;
}
.input-group {
  position: relative;
}
.input-group label.input-group__label {
  position: absolute;
  left: 31px;
  transform: translateY(0px);
  transition: all .2s;
  opacity: 0;
  visibility: hidden;
  font-family: futura-pt-condensed, sans-serif;
  font-size: 24px;
  background: var(--color-brand-blue);
  padding: 0 10px;
}
.input-group__field:focus::placeholder {
  opacity: 0;
  transition: all .2s;
}
#page-privacy-policy .container--sm ol, #page-privacy-policy .container--sm ul, .path-pages-accessibility-statemen .container--sm ul {
  list-style: auto;
  margin: revert;
  padding: revert;
}
.yotpo-action-button-widget button:focus {
  outline: 2px solid var(--color-a11y-black) !important;
}

@media only screen and (max-width: 1023px) {
  .site-header__secondary-links li:nth-child(1),
  .site-header__secondary-links li:nth-child(2),
  .site-header__secondary-links li:nth-child(3) {
    display: none;
  }
}

/* Color contrast issues */
.yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star, .yotpo .write-review .yotpo-header .yotpo-icon {
  color: var(--color-a11y-orange) !important;
}
.text-image-coco-section p.twocolumnsinnerpar, .why-coconuts-2up-slider-desc p, .sfs-stats__stat-group, .sfs-5050__text-wrapper, .sfs-fixed__text-column, .os-impact-column-right .h1, .os-impact-column-right p, .tlp-slider__slide-content, .tlp-slider__slide-content button, .yotpo-redemption-option-reward, .yotpo-redemption-option-cost, .yotpo-vip-tier-threshold, .multimedia-card__info {
  color: var(--color-brand-Dgreen) !important;
}
body .yotpo .yotpo-nav li {
  opacity: 1 !important;
}
.sfs-progress__away, .sfs-ecocart__location, .tlp-slider__heading {
  background: var(--color-brand-green) !important;
  color: var(--color-brand-lightCream) !important;
}
.hangover-subscription-how-it-works-icon {
  color: var(--color-brand-lightAqua) !important;
  background: var(--color-brand-Daqua) !important;
}
.yotpo-verified-buyer .y-label.yotpo-user-title {
  color: #AA5A1E !important;
}
.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon {
  color: var(--color-a11y-orange) !important;
}
button.pd-cp-btn:focus, a.pd-cp-btn:focus {
    background-color: var(--color-brand-blue)!important;
    color: var(--color-a11y-white) !important;
}
.pd-cookie-banner-window.cc-window {
  color: var(--color-brand-cream) !important;
  background-color: var(--color-brand-blue) !important;
}
.pd-cookie-banner-window.cc-window .cc-link:focus,
.pd-cookie-banner-window.cc-window .cc-link {
  opacity: 1;
  background: var(--color-brand-lightCream);
  color: var(--color-brand-green);
}
svg.os-impact-divider path {
  fill: #007A3D;
}
.btn-with-arrow.dark-green {
  color: var(--color-brand-Dgreen);
  border-color: var(--color-brand-Dgreen);
}
.btn-with-arrow.dark-green:hover {
  background-color: var(--color-brand-Dgreen);
}
.pd-cookie-banner-window.cc-window .cc-highlight .cc-btn.cc-btn-decision {
  color: var(--color-brand-blue);
}
.site-footer__copyright {
  opacity: 1 !important;
}
.shopify-section.hp-value-prop, .shopify-section.hp-value-prop .hp-value-prop__desc, #shopify-section-career .three-columns-wrapper {
  background-color: var(--color-brand-green) !important;
}
#shopify-section-career .three-columns-wrapper h2, #shopify-section-career .three-columns-wrapper .page-title, 
#shopify-section-career .three-column p, #shopify-section-career .three-column a {
  color: var(--color-brand-lightCream) !important;
}
.shopify-section.hp-value-prop, .shopify-section.hp-value-prop .hp-value-prop__heading, .shopify-section.hp-value-prop .hp-value-prop__desc, .shopify-section.hp-value-prop .btn-with-arrow.blue, #shopify-section-career .three-columns-wrapper {
  color: var(--color-brand-lightCream) !important;
}
#shopify-section-career .three-columns-wrapper svg path {
  fill: var(--color-brand-cream) !important;
}
#shopify-section-career .three-columns-wrapper .btn-text.green:before {
  background: var(--color-brand-lightCream) !important;
}
.shopify-section.hp-value-prop .btn-with-arrow.blue {
  border-color: var(--color-brand-lightCream) !important;
}
.shopify-section.hp-value-prop .btn-with-arrow.blue:hover {
  background-color: var(--color-brand-lightCream) !important;
  color: var(--color-brand-green) !important;
}
#our-story-impact .os-impact-column-right {
  background: var(--color-brand-cream) !important;
}
.variant-radios__wrapper--flavor .variant-radios__label-ttl {
  visibility: initial;
}
#shopify-section-why-coconuts-2up-slider .why-coconuts-2up-slider-info {
  background: var(--color-brand-cream) !important;
  color: var(--color-brand-Dgreen) !important;
}
#shopify-section-why-coconuts-2up-slider .slider-dots-vertical.alt ul.slick-dots li button {
  border-color: var(--color-brand-green) !important;
}
#shopify-section-why-coconuts-2up-slider .slider-dots-vertical.alt ul.slick-dots li.slick-active button {
  background-color: var(--color-brand-green) !important;
}
.tlp-map .tlp-map__modal {
  background-color: var(--color-brand-Dgreen) !important;
  color: var(--color-brand-cream);
}
.tlp-map .tlp-map__modal .close-btn svg path {
  stroke: var(--color-brand-Dgreen) !important;
}
.hblp-buybox__container fieldset {
  padding: 0;
}
.hblp-buybox__container legend {
  padding: 0 0 10px;
}
.variant-radios__wrapper--flavor .variant-radios__input:focus+.variant-radios__label .variant-radios__label-img {
  background-position-y: -76px;
}
.variant-radios__wrapper--flavor .variant-radios__input:focus+.variant-radios__label .variant-radios__label-ttl {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.playPauseButton {
  opacity: 0;
  transition: all .5s ease;
  width: 35px;
  height: 35px;
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 30px;
  background: var(--color-a11y-white);
  border: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.announcement-bar .playPauseButton {
    right: unset;
    top: 7px;
}
.playPauseButton svg {
  position: absolute;
  width: 25px;
  height: 25px;
  transition: all .5s ease;
}
.playPauseButton svg.play-icon, .has-PPBtn.ani-paused .playPauseButton .pause-icon {
  opacity: 0;
}
.has-PPBtn .playPauseButton {
  width: 25px;
  height: 25px;
  bottom: 10px;
  right: 10px;
}
.has-PPBtn .playPauseButton svg {
  width: 15px;
  height: 15px;
}
.has-PPBtn:hover .playPauseButton, .playPauseButton:focus, .has-PPBtn.ani-paused .playPauseButton .play-icon {
  opacity: 1;
}
.has-PPBtn.ani-paused img.rotate, .social-proof-scroll-text-content.ani-paused > div, .hp-hero__heading-wrap.has-PPBtn.ani-paused .hp-hero__icon-animated, .lsg-marquee__content.has-PPBtn.ani-paused .lsg-border {
  animation-play-state: paused;
}
.sfs-progress__animation:focus .static, .tlp-slider__video-modal[data-open="false"] {
  display: none;
}
.sfs-progress__animation:focus .animated, .tlp-slider__video-modal[data-open="true"] {
  display: block;
}
.hp-product-card--merch:focus-within .hp-product-card__img--first, .hp-product-card__media.ani-paused img[src*=".gif"] {
  opacity: 0 !important;
}
.hp-product-card__media.ani-paused .hp-product-card__img--hover, .hp-product-card--merch:focus-within .hp-product-card__img--hover, .hp-product-card__media.ani-paused img:not(img[src*=".gif"]) {
  opacity: 1 !important;
}
.hp-product-card:not(.hp-product-card--merch):focus-within .hp-product-card__img {
  transform: rotate(15deg) !important;
}
.btn-with-arrow:focus {
  color: var(--color-brand-blue);
  background-color: var(--color-a11y-white);
  transition: background-color .3s, color .3s;
}
.btn-with-arrow.blue:focus {
  color: var(--color-a11y-white);
  background-color: var(--color-brand-blue);
  transition: background-color .3s, color .3s;
}
.hangover-subscription-faq:focus-within, p[class*="customer_portal_login"]:focus-within, button.tlp-map__btn:focus svg, .close-btn:focus svg, .slick-arrow:focus, .slick-dots button:focus, li.slick-active button {
  outline: 2px solid var(--color-a11y-black) !important;
}
button.tlp-map__btn:focus svg, .close-btn:focus svg , .slick-arrow:focus, .slick-dots button:focus,  {
  border-radius: 50%;
}
.hangover-subscription-faq:focus-within .hangover-subscription-faq-heading, p[class*="customer_portal_login"]:focus-within a[class*="manage_subscriptions_btn"], button.tlp-map__btn:focus, .close-btn:focus {
  outline: none;
}
.yotpo-widget-referral-widget .yotpo-referral-widget-error-message, .yotpo-input-label {
  color: #f2fa47 !important;
}
.yotpo-input::placeholder {
  color: var(--color-a11y-black);
}
@media (min-width: 1024px) {
  .mega-menu__grid--products .mega-menu__image-wrap:focus img.mega-menu__image {
    transform: rotate(15deg);
  }
  .mega-menu__grid--products .mega-menu__image-wrap:focus .yotpo {
    opacity: 0;
  }
}
.ADBtn {
  position: absolute;
  right: 20px;
  top: 20px;
  background: #fff;
  padding: 0px 5px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}
.impact-video__video-wrapper:focus-within .ADBtn, .impact-video__video-wrapper:hover .ADBtn, .ADBtn[aria-pressed="true"] {
  opacity: 1;
  visibility: visible;
}
.ADBtn img {
  width: auto;
  height: 30px;
  opacity: .6;
}
.ADBtn[aria-pressed="true"] img {
  opacity: 1;;
}
.newsletter__submit:hover, .newsletter__submit:focus {
  background-color: var(--color-brand-lightBlue) !important;
  border-color: var(--color-brand-lightBlue) !important;
  color: var(--color-brand-blue) !important;
}
.sr-collection-block--2 .sr-collection-block__ttl {
  color: var(--color-brand-lightCream) !important;
}
.sr-collection-block--2 .sr-collection-block__ttl + svg path {
  fill: var(--color-brand-Dgreen) !important;
}
.pdp-combined-qty-atc {
  margin-top: 35px;
}
.pdp-qty-selector label {
  position: absolute;
  top: -35px;
}
 .cc-banner a {
  color: #000;
}
.isense-cc-submit-consent:focus, .cc-banner button:focus, .cc-banner a:focus {
  outline: 2px solid #000 !important;
}
body.header-template-alt .site-header:not(.scrolled) .header__search-toggle svg path {
  fill: #fff !important;
  stroke: #fff !important;
}
section.tlp-facts .tlp-facts__btns .tlp-facts__btn {
  text-transform: uppercase;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 304px;
  height: 50px;
  font-family: Futura Condensed PT, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
}
input[type="range"]:focus {
  outline: 2px solid #000 !important;
}
.yotpo-input-example {
  color: var(--color-a11y-white) !important;
}
input.hangover-subscription-build-product-input {
  display: block;
  opacity: 0;
  width: 0;
  height: 0;
}
input.hangover-subscription-build-product-input:checked+.hangover-subscription-build-product-label {
  border-color: var(--color-brand-lightBlue) !important;
}
input.hangover-subscription-build-product-input:focus+.hangover-subscription-build-product-label {
  outline: 4px solid var(--color-brand-blue) !important;
}
.lsg-community__slides {
  position: relative;
}
.lsg-community__slides button.flickity-button {
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  background: rgba(255, 255, 255, .6);
  opacity: 0;
  transition: all .5s ease;
}
.lsg-community__slides button.flickity-button.flickity-prev-next-button.next {
  right: 0;
}
.lsg-community__slides:focus-within button.flickity-button, .lsg-community__slides:hover button.flickity-button {
  opacity: 1;
  transition: all .5s ease;
}
.lsg-community__slides button.flickity-button:focus {
  outline: 2px solid #000;
}
.errors, .yotpo .write-review .yotpo-header .y-label .form-input-error, .yotpo .form-group .form-element .form-input-error {
  color: #D22D2D !important;
}
.joinNowBl label[for*="email_"] {
  transform: translate(17px, 32px);
  opacity: 0;
  color: var(--color-a11y-white) !important;
}
.joinNowBl, .joinNowBl label[for*="email_"], .joinNowBl input[name="email"].needsclick {
  transition: all .5s ease !important;
}
.joinNowBl:focus-within, .joinNowBl:hover, .joinNowBl input:not(:placeholder-shown) .joinNowBl label[for*="email_"] {
  transition: all .5s ease !important;
}
.joinNowBl:hover label[for*="email_"], .joinNowBl:focus-within label[for*="email_"] {
  transform: translate(0px, -10px);
  opacity: 1;
  transition: all .5s ease;
}
.joinNowBl input + .needsclick span:before {
  content: "Email Address";
  font-size: 14px;
}
.hblp-buybox .hblp-buybox__product-btns .hblp-buybox__product-btn:focus {
  outline: 1px solid #000 !important;
}
body.suffix-traceability-lp .section-mask {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.faq-page-filter-dropdown-display {
    border-radius: 24px;
}
nav.sr-collection-nav ul li {
  display: inline-flex;
}
.yotpo-slider .arrows-wrapper-right:focus-within:before {
  background-color: #230a59;
  transition: background-color .3s;
}
/* .carsolplayPauseButton {
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
}

.play-icon, .pause-icon {
  width: 24px;
  height: 24px;
}

.pause-icon {
  opacity: 1;
}

.play-icon {
  opacity: 0;
} */
.press-quotes-page {
  opacity: 1 !important;
  transition: border-bottom 0.3s ease, opacity 0.3s ease;
  border-bottom: 3px solid transparent;
}

/* .press-quotes-page[aria-selected="true"] {
  border-bottom: 3px solid;
} */
.multimedia-card__img--video {
  opacity: 1 !important;
}
input#strict-cookies-checkbox[disabled]+span {
  opacity: .5;
}
.sr-collection-nav__sort-select {
    opacity: 1 !important;
    position: static !important;
}