html {
  font-size: 62.5%;
}

body {
  margin: 0;
}

@font-face {
  font-family: sdfghjk;
  src: url(http://localhost/testsite/wp-content/themes/sassy/fonts/CakoBlack.otf);
  font-weight: normal;
}

@font-face {
  font-family: CakoBlack;
  src: url(https://www.coffeeandcoconuts.com/wp-content/themes/Coconuts/fonts/CakoBlack.otf);
  font-weight: normal;
}

@font-face {
  font-family: Cako;
  font-style: normal;
  src: url(https://www.coffeeandcoconuts.com/wp-content/themes/Coconuts/fonts/CakoRegular.ttf) format("truetype"), url(https://www.coffeeandcoconuts.com//wp-content/themes/Coconuts/fonts/CakoRegular.woff2) format("woff2"), url(https://www.coffeeandcoconuts.com//wp-content/themes/Coconuts/fonts/CakoRegular.woff) format("woff"), url(https://www.coffeeandcoconuts.com//wp-content/themes/Coconuts/fonts/CakoRegular.eot) format("eot");
}

/*********COLOR CODES********/
/***************BREAKPOINTS****************/
.marketing-content {
  display: none;
  border-radius: 20px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 1024px) {
  .marketing-content {
    min-height: 250px;
  }
}

.marketing-content.tasting-packages {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/07/tasting.png");
}

.marketing-content.tasting-packages .flex-container .button-container {
  border: 1px solid #976365;
  margin: 0 2em 3em 2em;
}

.marketing-content.tasting-packages .flex-container .button-container:hover {
  background-color: #976365;
}

.marketing-content.tasting-packages .flex-container .button-container a {
  color: #976365;
}

.marketing-content.airscape {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/07/airscape_4-scaled.jpg");
}

.marketing-content.totebag {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/07/tote.png");
}

.marketing-content.totebag .button-container {
  margin-top: 1em;
}

.marketing-content.breakfast {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/07/granolaBowl.png");
}

.marketing-content.breakfast .flex-container .button-container {
  border: 1px solid #976365;
  margin: 0 2em 1em 2em;
  padding: 0;
}

.marketing-content.breakfast .flex-container .button-container:hover {
  background-color: #976365;
}

.marketing-content.breakfast .flex-container .button-container a {
  color: #976365;
}

.marketing-content.gift-card {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/07/giftCard.png");
  cursor: pointer;
}

.marketing-content .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  height: 100%;
  width: 100%;
}

.marketing-content .flex-container .text-container h4 {
  font-weight: 300;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  color: white;
  margin: 1em 3em;
}

.marketing-content .flex-container .button-container {
  margin-bottom: 3em;
  padding: 1em 3em;
  background-color: white;
  border-radius: 20px;
  border: 1px solid #89a99e;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.marketing-content .flex-container .button-container:hover {
  background-color: #89a99e;
}

.marketing-content .flex-container .button-container:hover a {
  color: white;
}

.marketing-content .flex-container .button-container a {
  color: #707070;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
}

@media screen and (max-width: 768px) {
  .woocommerce-MyAccount-navigation {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
}

.woocommerce-MyAccount-navigation div.current {
  background-color: #89a99e !important;
  margin-right: 0 !important;
  margin-left: 8em !important;
}

@media screen and (max-width: 768px) {
  .woocommerce-MyAccount-navigation div.current {
    background-color: white !important;
  }
}

.woocommerce-MyAccount-navigation div.current .background-container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/06/Menu_str_1-25.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.woocommerce-MyAccount-navigation div.current .background-container a {
  color: white !important;
  font-weight: 600 !important;
}

@media screen and (max-width: 768px) {
  .woocommerce-MyAccount-navigation div.current .background-container a {
    color: #89a99e !important;
  }
}

.community-menu-container {
  width: 50%;
  float: left;
}

.community-menu-container h3 {
  padding-bottom: 1.5em;
}

.community-menu-container .community-menu {
  padding-left: 3em;
}

.community-menu-container .community-menu .community-menu-item {
  padding: 0.2em;
}

.community-menu-container .community-menu .community-menu-item .background-container {
  padding: 1em;
}

.community-menu-container .community-menu .community-menu-item.active .background-container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/06/kringeltjes-12.png");
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.community-menu-container .community-menu .community-menu-item a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  cursor: pointer;
}

.community-content-container {
  width: 50%;
  display: inline-block;
}

.community-content-container .community-content-block {
  display: none;
}

.community-content-container .community-content-block.active {
  display: block;
}

.address-popup {
  display: none;
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  height: 110%;
  z-index: 200;
  margin-top: -7em;
  padding-top: 5em;
}

.address-popup .edit-address-block {
  width: 45%;
  margin: auto;
  background: white;
  border-radius: 20px;
}

@media screen and (max-width: 480px) {
  .address-popup .edit-address-block {
    width: 90%;
  }
}

.address-popup .edit-address-block h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.address-popup .edit-address-block p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

.address-popup .edit-address-block h3 {
  display: inline-block;
  padding: 1.5em 2em 0.5em;
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  .address-popup .edit-address-block h3 {
    padding: 1.5em 1em 0.5em;
  }
}

.address-popup .edit-address-block h3.billing, .address-popup .edit-address-block h3.shipping {
  background-color: white;
  border-radius: 20px 20px 0 0;
}

.address-popup .edit-address-block .address-titles {
  background-color: rgba(137, 169, 158, 0.35);
  border-radius: 20px 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.address-popup .edit-address-block .address-titles .billing-title-container {
  width: 50%;
}

.address-popup .edit-address-block .address-titles .billing-title-container .billing {
  width: 84%;
  height: 76%;
}

.address-popup .edit-address-block .address-titles .shipping-title-container {
  width: 40%;
}

.address-popup .edit-address-block .address-titles .shipping-title-container.active {
  background-color: white;
  border-radius: 20px 0 0;
}

.address-popup .edit-address-block .address-titles .close-icon-container.active {
  background-color: white;
  border-radius: 0 20px 0 0;
}

.address-popup .edit-address-block .address-titles .close {
  font-weight: 300;
  padding: 0.5em 1em 0.5em 3em;
}

.address-popup .edit-address-block .address-titles .close:hover {
  font-weight: 600;
}

.address-popup .edit-address-block .address-titles .close svg {
  width: 27px;
}

.address-popup .edit-address-block #shipping-popup {
  display: none;
}

.address-popup .edit-address-block #billing-address-form, .address-popup .edit-address-block #shipping-address-form {
  padding: 0 2em 2em 2em;
}

.address-popup .edit-address-block #billing-address-form input, .address-popup .edit-address-block #billing-address-form select, .address-popup .edit-address-block #shipping-address-form input, .address-popup .edit-address-block #shipping-address-form select {
  border-radius: 20px;
  border: 1px solid #89a99e;
  color: #707070;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.3em 0.8em;
}

.address-popup .edit-address-block #billing-address-form .submit-button-container, .address-popup .edit-address-block #shipping-address-form .submit-button-container {
  text-align: right;
  padding-top: 1em;
}

.address-popup .edit-address-block #billing-address-form .submit-button-container input.button, .address-popup .edit-address-block #billing-address-form .submit-button-container input.button:hover, .address-popup .edit-address-block #shipping-address-form .submit-button-container input.button, .address-popup .edit-address-block #shipping-address-form .submit-button-container input.button:hover {
  background-color: #89a99e;
  color: white;
  border-radius: 20px;
  padding: 1em;
}

.address-popup .edit-address-block #billing_address_2_field, .address-popup .edit-address-block #billing_phone_field, .address-popup .edit-address-block #shipping_address_2_field, .address-popup .edit-address-block #shipping_phone_field {
  display: none;
}

.subscription-popup {
  display: none;
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  height: 110%;
  z-index: 200;
  margin-top: -7em;
  padding-top: 5em;
}

.subscription-popup .edit-subscription-block {
  width: 45%;
  margin: auto;
  background-color: white !important;
  border-radius: 20px;
  padding: 2em;
  text-align: center;
  background-color: #89a99e;
  color: white;
}

.subscription-popup .edit-subscription-block h3.sub-popup-text, .subscription-popup .edit-subscription-block p.sub-popup-text, .subscription-popup .edit-subscription-block p.sub-popup-note {
  color: #707070;
  margin: 0;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
}

.subscription-popup .edit-subscription-block h3.sub-popup-text {
  font-weight: 600;
}

.subscription-popup .edit-subscription-block p.sub-popup-text {
  font-weight: 300;
  width: 90%;
  padding-bottom: 5em;
}

.subscription-popup .edit-subscription-block p.sub-popup-note {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .subscription-popup .edit-subscription-block {
    width: 80%;
  }
}

.subscription-popup .edit-subscription-block .close-icon-container h3 {
  width: unset;
  float: right;
}

.subscription-popup .edit-subscription-block .close-icon-container h3 svg {
  width: 63%;
  margin-top: -1.5em;
}

.subscription-popup .edit-subscription-block #edit_subscription_previous, .subscription-popup .edit-subscription-block #edit_subscription_next {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-block;
  text-align: center;
  font-size: 2em;
  color: #707070;
  font-family: acumin-pro-wide, sans-serif;
  margin: 0;
  padding: 0 1em;
  cursor: pointer;
}

.subscription-popup .edit-subscription-block #edit_subscription_text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  font-size: 1.25em;
  color: #707070;
  font-family: acumin-pro-wide, sans-serif;
  margin: 0;
  font-weight: 300;
}

.subscription-popup .edit-subscription-block .multiple_subscription_edit_block {
  display: none;
}

.subscription-popup .edit-subscription-block .multiple_subscription_edit_block.edit_first_sub {
  display: block;
}

.subscription-popup .edit-subscription-block .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 768px) {
  .subscription-popup .edit-subscription-block .flex-box {
    width: 100%;
  }
}

.subscription-popup .edit-subscription-block h3 {
  color: white;
  margin-bottom: 1.5em;
  width: 90%;
  float: left;
}

.subscription-popup .edit-subscription-block .icon {
  width: 13px;
  display: inline-block;
  opacity: 0.65;
  cursor: pointer;
}

.subscription-popup .edit-subscription-block .inactive-subscription-container .next-shipment-container, .subscription-popup .edit-subscription-block .inactive-subscription-container a:not(.reactivate) {
  display: none;
}

.subscription-popup .edit-subscription-block .inactive-subscription-container .subscription-action-buttons .reactivate {
  background-color: #f39d68;
  color: white;
  border-radius: 20px;
  width: 80%;
  font-family: acumin-pro-wide, sans-serif;
  text-align: center;
  font-size: 1.35em;
  font-weight: 100;
}

.subscription-popup .edit-subscription-block .inactive-subscription-container .subscription-action-buttons .reactivate:hover {
  font-weight: 600;
}

.subscription-popup .edit-subscription-block .multiple_subscription_subscription_block {
  display: none;
}

.subscription-popup .edit-subscription-block .multiple_subscription_subscription_block.first_sub {
  display: block;
}

.subscription-popup .edit-subscription-block #multiple_subscription_previous, .subscription-popup .edit-subscription-block #multiple_subscription_next {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 49%;
  display: inline-block;
  text-align: center;
  font-size: 2em;
  font-family: acumin-pro-wide, sans-serif;
  margin: 0;
  padding-top: 0.6em;
  cursor: pointer;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container {
  height: 80%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
      grid-template-areas: "sub-info sub-image"
 "delivery sub-image";
  -webkit-column-gap: 1em;
          column-gap: 1em;
  row-gap: 1em;
  float: left;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container h4 {
  margin: 0;
  font-family: cakoBlack;
  font-size: 2.6em;
  color: white;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container p {
  margin: 0;
  color: white;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .active-subscription {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sub-info;
  -ms-flex-item-align: center;
      align-self: center;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .active-subscription-image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: sub-image;
  -ms-flex-item-align: center;
      align-self: center;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .next-shipment-container {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: delivery;
  -ms-flex-item-align: start;
      align-self: start;
  border: solid 1px white;
  padding: 0.5em 2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .next-shipment-container .next-shipment p {
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-size: 1.2em;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .next-shipment-container .next-shipment p.days {
  font-size: 1.5em;
  font-weight: 600;
}

.subscription-popup .edit-subscription-block .no-subscription-grid-container {
  padding-top: 3em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.8fr;
      grid-template-columns: 1fr 0.8fr;
      grid-template-areas: "sub-perks airscape-image"
 "learn-more airscape-image";
  -webkit-column-gap: 1em;
          column-gap: 1em;
  row-gap: 1em;
  float: left;
}

.subscription-popup .edit-subscription-block .no-subscription-grid-container .subscription-perks-container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sub-perks;
}

.subscription-popup .edit-subscription-block .no-subscription-grid-container .subscription-perks-container p {
  color: white;
}

.subscription-popup .edit-subscription-block .no-subscription-grid-container .airscape-image-container {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: airscape-image;
  padding: 0.5em;
}

.subscription-popup .edit-subscription-block .no-subscription-grid-container .button-container {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: learn-more;
  padding: 1em 2em;
  background-color: #f39d68;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -ms-flex-item-align: end;
      align-self: end;
  margin-bottom: 2em;
  border-radius: 20px;
}

.subscription-popup .edit-subscription-block .no-subscription-grid-container .button-container a {
  color: white;
  text-decoration: none;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container {
  width: 40%;
  margin-left: 30%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .subscription-popup .edit-subscription-block .next-shipment-grid-container {
    width: 60%;
  }
}

@media screen and (max-width: 768px) {
  .subscription-popup .edit-subscription-block .next-shipment-grid-container {
    width: 100%;
    margin-left: 0;
  }
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .active-subscription {
  text-align: left;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .active-subscription h4, .subscription-popup .edit-subscription-block .next-shipment-grid-container .active-subscription p {
  color: #707070;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .active-subscription p {
  font-size: 1.3em;
  font-weight: 100;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container p {
  font-family: acumin-pro-wide, sans-serif;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .next-shipment-container {
  border-color: #89a99e;
}

.subscription-popup .edit-subscription-block .next-shipment-grid-container .next-shipment-container p {
  color: #89a99e !important;
}

.subscription-popup .edit-subscription-block .next-shipmentsss-grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.subscription-popup .edit-subscription-block .next-shipmentsss-grid-container h4 {
  margin: 0;
  font-family: cakoBlack;
  font-size: 2.6em;
  color: #707070;
}

.subscription-popup .edit-subscription-block .next-shipmentsss-grid-container p {
  margin: 0;
  color: #707070;
}

.subscription-popup .edit-subscription-block .next-shipmentsss-grid-container .active-subscription {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.subscription-popup .edit-subscription-block .next-shipmentsss-grid-container .active-subscription-image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 20%;
}

.subscription-popup .edit-subscription-block .next-shipmentsss-grid-container .next-shipment-container {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  border: solid 1px #89a99e;
  padding: 0.5em 2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.subscription-popup .edit-subscription-block .next-shipmentsss-grid-container .next-shipment-container .next-shipment p {
  text-align: center;
  text-transform: uppercase;
  color: #89a99e;
  font-size: 1.2em;
}

.subscription-popup .edit-subscription-block .next-shipmentsss-grid-container .next-shipment-container .next-shipment p.days {
  font-size: 1.5em;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .subscription-popup .edit-subscription-block .details-box {
    width: 62%;
    margin-left: 20%;
  }
}

.subscription-popup .edit-subscription-block .subscription-action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 2em;
}

@media screen and (max-width: 1024px) {
  .subscription-popup .edit-subscription-block .subscription-action-buttons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.subscription-popup .edit-subscription-block .subscription-action-buttons a {
  color: #707070;
  font-weight: 300;
  font-size: 1.1em;
  font-family: acumin-pro-wide, sans-serif;
  cursor: pointer;
  width: 10em;
  margin: 0 0.5em;
  border-radius: 20px;
  margin-top: 0.5em;
}

.subscription-popup .edit-subscription-block .subscription-action-buttons a.cancel, .subscription-popup .edit-subscription-block .subscription-action-buttons a.suspend, .subscription-popup .edit-subscription-block .subscription-action-buttons a.change_address {
  background-color: white;
  border: 1px solid #89a99e;
}

.subscription-popup .edit-subscription-block .subscription-action-buttons a.cancel:hover, .subscription-popup .edit-subscription-block .subscription-action-buttons a.suspend:hover, .subscription-popup .edit-subscription-block .subscription-action-buttons a.change_address:hover {
  background-color: #89a99e;
  color: white;
}

.subscription-popup .edit-subscription-block .subscription-action-buttons a.subscription_renewal_early {
  border: 2px solid #89a99e;
  background-color: white;
  margin-right: 0;
}

.subscription-popup .edit-subscription-block .subscription-action-buttons a.subscription_renewal_early:hover {
  font-weight: 600;
  background-color: #89a99e;
  color: white;
}

.subscription-popup .edit-subscription-block .changeSubForm {
  padding-bottom: 5em;
}

.subscription-popup .edit-subscription-block .changeSubForm label {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.subscription-popup .edit-subscription-block .changeSubForm option, .subscription-popup .edit-subscription-block .changeSubForm select {
  font-weight: 300;
  font-size: 1em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.subscription-popup .edit-subscription-block .changeSubForm table {
  width: 100%;
  text-align: left;
}

.subscription-popup .edit-subscription-block .changeSubForm table tr td {
  padding: 0.3em 0.5em;
}

.subscription-popup .edit-subscription-block .changeSubForm table tr td select {
  width: 100%;
  border-radius: 20px;
  border-color: #89a99e;
  font-size: 1.2em;
}

.subscription-popup .edit-subscription-block .changeSubForm table tr td select:focus-visible {
  outline: unset;
}

.subscription-popup .edit-subscription-block .changeSubForm button {
  border: 0;
  background-color: #f39d68;
  color: white;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.5em 2em;
  cursor: pointer;
  margin-top: 1em;
  float: right;
  width: 16em;
  border-radius: 20px;
  font-size: 1.2em;
}

.subscription-popup .edit-subscription-block .changeSubForm button:hover {
  font-weight: 600;
}

.woocommerce-view-subscription .woocommerce {
  background-color: #ebece2;
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content {
  background-image: none;
  float: right;
  width: 68%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content {
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content {
    width: 80%;
    float: none;
    margin: auto;
  }
}

@media screen and (max-width: 480px) {
  .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content {
    width: 90%;
  }
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container {
  background-color: white;
  border-radius: 20px;
  padding: 2em;
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details h2, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container h2 {
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td.product-name a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td.order-number a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th.product-name a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th.order-number a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td.product-name a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td.order-number a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th.product-name a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th.order-number a {
  background-color: white;
  color: #707070;
  border: 0;
}

@media screen and (max-width: 768px) {
  .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td.order-actions, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th.order-actions, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td.order-actions, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th.order-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td.order-actions a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th.order-actions a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td.order-actions a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th.order-actions a {
  margin-right: 1em;
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th a {
  font-size: 1em;
  font-weight: 100;
  color: white;
  background-color: #89a99e;
  border: 1px solid #89a99e;
  border-radius: 20px;
}

@media screen and (max-width: 936px) {
  .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td a, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th a {
    margin-bottom: 0.5em;
  }
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td a:hover, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th a:hover, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td a:hover, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th a:hover {
  background-color: white;
  color: #707070;
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details td ul, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .subscription_details th ul, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container td ul, .woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container th ul {
  padding-left: 0;
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .view-subscription-tables-container {
  margin-bottom: 7em;
}

.woocommerce-view-subscription .woocommerce .account .woocommerce-MyAccount-content .woocommerce-customer-details {
  display: none;
}

.no-orders-block .text-container {
  text-align: center;
}

.no-orders-block .text-container h4 {
  font-weight: 300;
  font-size: 2em;
  font-family: cakoBlack;
  color: #89a99e;
  margin: 0.5em 0;
  text-decoration: none;
  text-transform: uppercase;
}

.no-orders-block .text-container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.no-orders-block .text-container a {
  text-decoration: none;
}

.no-orders-block .image-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.no-orders-block .image-flex-container .image-container {
  width: 20%;
}

/***********HEADER***********/
.header .hide_page_container {
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F3F6F5;
}

.header .hide_page_container .error-page {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 15em;
}

.header .hide_page_container .error-page .text-container {
  margin: auto;
}

@media screen and (min-width: 1024px) {
  .header .hide_page_container .error-page .text-container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  .header .hide_page_container .error-page .text-container {
    width: 80%;
  }
}

.header .hide_page_container .error-page .text-container h2 {
  font-size: 6em;
  font-family: cakoBlack;
  color: #89a99e;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding-top: 1em;
}

@media screen and (max-width: 480px) {
  .header .hide_page_container .error-page .text-container h2 {
    padding-top: 1.5em;
    font-size: 4em;
  }
}

.header .hide_page_container .error-page .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 480px) {
  .header .hide_page_container .error-page .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2em;
  }
}

.header .hide_page_container .error-page .flex-container .button-container {
  padding: 1em 3em;
  margin: 6em 2em;
  border-radius: 5px;
}

@media screen and (max-width: 480px) {
  .header .hide_page_container .error-page .flex-container .button-container {
    margin: auto;
    margin-top: 2em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.header .hide_page_container .error-page .flex-container .button-container#error-home {
  background-color: #89a99e;
}

.header .hide_page_container .error-page .flex-container .button-container#error-shop {
  background-color: #f39d68;
}

@media screen and (max-width: 480px) {
  .header .hide_page_container .error-page .flex-container .button-container#error-shop {
    margin-bottom: 5em;
  }
}

.header .hide_page_container .error-page .flex-container .button-container a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.35em;
  font-weight: 600;
  font-family: acumin-pro-wide, sans-serif;
  color: white;
  text-align: center;
}

.header .site-header__menu-container {
  position: fixed;
  width: 100%;
  z-index: 100;
}

.header .site-header__menu-container .site-header__desktop-menu {
  background-color: white;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation {
  border-bottom: 1px solid #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation .menu-primary-left-container, .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation .menu-primary-right-container {
  width: 100%;
  padding: 0;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation ul, .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li {
  list-style-type: none;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation #primary-left, .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation #primary-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-left: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation #primary-left, .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation #primary-right {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media screen and (min-width: 1024px) {
  .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation #primary-left, .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation #primary-right {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li {
  text-align: center;
  padding: 2rem 1.7rem;
}

@media screen and (min-width: 1024px) {
  .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    margin: -1em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li {
    padding: 1.5rem;
  }
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li.current_page_item {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/kringeltjes-17.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li.current_page_item.person-icon {
  background-position: right;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li.current_page_item a {
  font-weight: 600;
  color: #89a99e;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li a {
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  color: #707070;
  -webkit-transition: font-weight .4s, color .4s;
  transition: font-weight .4s, color .4s;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li a {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li a {
    font-size: 1.4rem;
  }
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li a:hover {
  font-weight: 600;
  color: #89a99e;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li.menu-icon svg {
  width: 25px;
}

@media screen and (min-width: 1024px) {
  .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li.radio-icon svg {
    margin-right: 55%;
  }
}

@media screen and (min-width: 1024px) {
  .header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li.person-icon svg {
    margin-left: 55%;
  }
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation li.cart-icon .cart-contents-count {
  background-color: #89a99e;
  color: white;
  border-radius: 40px;
  padding: 0px 8px 3px;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation .custom-logo-link {
  margin-bottom: -3.0rem;
  margin-left: 3%;
  margin-right: 3%;
  width: 210px;
}

.header .site-header__menu-container .site-header__desktop-menu .site-header__desktop-navigation .custom-logo-link img {
  position: relative;
  z-index: 100;
  height: 100%;
  width: 100%;
}

/*Mobile menu*/
.site-header__mobile-menu {
  display: none;
}

.site-header__mobile-menu .site-header__mobile-menu-container {
  border-bottom: 1px solid #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.5rem;
  background-color: white;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-hamburger {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-hamburger svg {
  width: 35%;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-logo {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  text-align: center;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-logo a img {
  width: 60%;
  margin-bottom: -1.5rem;
  z-index: 100;
  position: relative;
}

@media screen and (max-width: 936px) {
  .site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-logo a img {
    width: 30%;
    height: 30%;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-logo a img {
    width: 30%;
    height: 30%;
  }
}

@media screen and (max-width: 480px) {
  .site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-logo a img {
    width: 60%;
    height: 60%;
  }
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-cart {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  text-align: right;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-cart .menu-mobile-cart-container #mobile-cart {
  list-style-type: none;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-cart .menu-mobile-cart-container #mobile-cart .mobile-default-cart {
  display: none;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-cart .menu-mobile-cart-container #mobile-cart .cart-icon {
  margin-right: 1em;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-cart .menu-mobile-cart-container #mobile-cart .cart-icon a {
  text-decoration: none;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-cart .menu-mobile-cart-container #mobile-cart .cart-icon a .cart-contents-count {
  background-color: #89a99e;
  color: white;
  border-radius: 40px;
  padding: 0px 8px 3px;
  margin-left: -1.5em;
  font-size: 1.5em;
}

.site-header__mobile-menu .site-header__mobile-menu-container .site-header__mobile-cart svg {
  margin-right: 1rem;
}

.site-header__mobile-menu .menu-hamburger-container {
  background-color: white;
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center;
  width: 50%;
}

.site-header__mobile-menu .menu-hamburger-container #hamburger-menu {
  display: none;
  margin: 0;
  list-style-type: none;
  border: 1px solid rgba(112, 112, 112, 0.5);
  padding-bottom: 2rem;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.site-header__mobile-menu .menu-hamburger-container #hamburger-menu li {
  list-style-type: none;
  padding-top: 1.5rem;
}

.site-header__mobile-menu .menu-hamburger-container #hamburger-menu li.current_page_item a {
  font-weight: 600;
}

.site-header__mobile-menu .menu-hamburger-container #hamburger-menu li.mobile-menu-icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}

.site-header__mobile-menu .menu-hamburger-container #hamburger-menu li.mobile-menu-icon svg {
  width: 25px !important;
  height: 25px !important;
}

.site-header__mobile-menu .menu-hamburger-container #hamburger-menu li.instagram-icon, .site-header__mobile-menu .menu-hamburger-container #hamburger-menu li.radio-icon {
  padding-right: 1em;
}

.site-header__mobile-menu .menu-hamburger-container #hamburger-menu li a {
  font-size: 1.6rem;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  color: #707070;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  .site-header__desktop-menu {
    display: block !important;
  }
  .site-header__mobile-menu {
    display: none !important;
  }
}

@media screen and (max-width: 936px) {
  .site-header__desktop-menu {
    display: none !important;
  }
  .site-header__mobile-menu {
    display: block !important;
  }
}

#our-story__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/Ceintuurtheater.jpg");
}

#roastery__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeeHands-scaled.jpg");
}

/*********FOOTER*********/
.footer {
  width: 100%;
}

.footer .footer__container {
  background-color: #413F3F;
  padding: 0 8rem 4rem;
  text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer .footer__container {
    padding: 0 2rem 4rem;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .footer .footer__container {
    padding: 0 0 4rem;
  }
}

@media screen and (max-width: 480px) {
  .footer .footer__container {
    padding: 0;
  }
}

.footer .footer__container .custom-logo-link img {
  margin-top: -3rem;
  width: 10%;
  height: 10%;
  z-index: 35;
  position: relative;
}

@media screen and (max-width: 480px) {
  .footer .footer__container .custom-logo-link img {
    width: 25%;
    height: 25%;
  }
}

.footer .footer__container .footer__container-widgets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
}

.footer .footer__container .footer__container-widgets .footer-widget {
  width: 33.33%;
  margin-bottom: 4rem;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer .footer__container .footer__container-widgets .footer-widget {
    width: 49%;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .footer .footer__container .footer__container-widgets .footer-widget {
    width: 49%;
  }
}

@media screen and (max-width: 480px) {
  .footer .footer__container .footer__container-widgets .footer-widget {
    width: 100%;
  }
}

.footer .footer__container .footer__container-widgets .footer-widget #nav_menu-8 {
  padding-top: 0;
}

@media screen and (min-width: 1024px) {
  .footer .footer__container .footer__container-widgets .footer-widget #nav_menu-8 {
    padding-top: 4rem;
  }
}

.footer .footer__container .footer__container-widgets .footer-widget .footer-menu-title {
  color: #F3F6F5;
  font-size: 4rem;
  font-family: cakoBlack;
  margin: 1rem 0 1rem 0;
  padding-left: 8rem;
  text-transform: uppercase;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .footer .footer__container .footer__container-widgets .footer-widget .footer-menu-title {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 480px) {
  .footer .footer__container .footer__container-widgets .footer-widget .footer-menu-title {
    padding-left: 6.5rem;
  }
}

.footer .footer__container .footer__container-widgets .footer-widget ul {
  padding-left: 8rem;
  margin-bottom: 1rem;
  list-style-type: none;
}

@media screen and (max-width: 480px) {
  .footer .footer__container .footer__container-widgets .footer-widget ul {
    padding-left: 6.5rem;
  }
}

.footer .footer__container .footer__container-widgets .footer-widget ul li {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 1rem;
}

.footer .footer__container .footer__container-widgets .footer-widget ul li a {
  color: #F3F6F5;
  font-size: 1.4rem;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  padding-bottom: 1rem;
  word-break: break-all;
}

.footer .footer__container .policy-links {
  width: 40%;
  margin: auto;
  margin-bottom: 2em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer .footer__container .policy-links {
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__container .policy-links {
    width: 95%;
  }
}

.footer .footer__container .policy-links .policy-links__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.footer .footer__container .policy-links .policy-links__container .policy-link {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.footer .footer__container .policy-links .policy-links__container .policy-link a {
  color: white;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  text-decoration: none;
  cursor: pointer;
}

.footer .footer__container .policy-links .policy-links__container .policy-link#privacy-link {
  border-left: 1px solid white;
  border-right: 1px solid white;
}

/***********FRONT PAGE**********/
.front-page .site-header__usp-container {
  position: absolute !important;
}

.front-page .front-page__section, .front-page .front-page__container {
  height: 85vh;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .front-page .front-page__location-section, .front-page .front-page__shop-section, .front-page #front-page__location-container, .front-page #front-page__shop-container {
    height: auto;
  }
}

@media screen and (max-width: 480px) {
  .front-page .front-page__location-section, .front-page #front-page__location-container {
    height: auto;
  }
}

@media screen and (max-width: 480px) {
  .front-page .photo-header {
    height: 75vh;
  }
}

.front-page .photo-header #photo-header__container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/Coffeecoconuts_interior.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 10%;
  text-align: center;
}

.front-page .photo-header #photo-header__container .photo-header__logo {
  padding-top: 14rem;
}

@media screen and (max-width: 480px) {
  .front-page .photo-header #photo-header__container .photo-header__logo {
    padding-top: 15rem;
  }
}

.front-page .photo-header #photo-header__container .photo-header__logo img {
  width: 23%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .front-page .photo-header #photo-header__container .photo-header__logo img {
    width: 30%;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .front-page .photo-header #photo-header__container .photo-header__logo img {
    width: 40%;
  }
}

@media screen and (max-width: 480px) {
  .front-page .photo-header #photo-header__container .photo-header__logo img {
    width: 70%;
  }
}

.front-page .photo-header #photo-header__container .photo-header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 480px) {
  .front-page .photo-header #photo-header__container .photo-header__buttons {
    display: block;
  }
}

.front-page .photo-header #photo-header__container .photo-header__buttons .photo-header__button-container {
  background-color: white;
  border-radius: .6em;
  padding: 1.2em 3em;
  margin: 0 2rem;
}

@media screen and (max-width: 480px) {
  .front-page .photo-header #photo-header__container .photo-header__buttons .photo-header__button-container {
    width: 35%;
    margin: auto;
    margin-bottom: 2rem;
  }
}

.front-page .photo-header #photo-header__container .photo-header__buttons .photo-header__button-container .photo-header__button-text a {
  color: #26231e;
  font-size: 1.5rem;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
}

.front-page .front-page__shop-section, .front-page .front-page__location-section {
  background-color: #ebece2;
}

.front-page .front-page__shop-section #front-page__shop-container, .front-page .front-page__shop-section #front-page__location-container, .front-page .front-page__location-section #front-page__shop-container, .front-page .front-page__location-section #front-page__location-container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.front-page .front-page__shop-section {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 3em;
}

.front-page .front-page__shop-section #front-page__shop-container {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images {
  padding-top: 7em;
}

.front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-image {
  width: 20%;
  display: inline-block;
}

@media screen and (max-width: 480px) {
  .front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-image {
    width: 49% !important;
  }
  .front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-image.last {
    display: inline-block !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-image {
    width: 24%;
  }
}

@media screen and (max-width: 936px) {
  .front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-image {
    width: 32%;
  }
  .front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-image.last {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-image.first {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 1024px) {
  .front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-image.first {
    margin-left: 17%;
  }
}

.front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-link {
  width: 100%;
  text-align: center;
  margin-top: 3em;
}

.front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-link a {
  font-size: 10em;
  font-family: CakoBlack;
  text-transform: uppercase;
  color: #89a99e;
  text-decoration: none;
}

@media screen and (max-width: 480px) {
  .front-page .front-page__shop-section #front-page__shop-container .front-page__shop-container-images .front-page_shop-link a {
    font-size: 5em;
  }
}

.front-page .front-page__roastery-section #front-page__roastery-container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/CT_Roastery.png");
  background-size: cover;
  background-position: center 40%;
}

.front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container {
  padding: 27vh 3em 0 3em;
}

@media screen and (min-width: 1024px) {
  .front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container {
    padding: 27vh 3em 0 15em;
  }
}

@media screen and (max-width: 480px) {
  .front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container {
    padding-top: 40vh;
  }
}

.front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-title {
  font-size: 9em;
  font-family: CakoBlack;
  text-transform: uppercase;
  color: #c1d2d9;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 480px) {
  .front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-title {
    font-size: 4.2em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-title {
    font-size: 7em;
  }
}

.front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-text {
  width: 70%;
  font-size: 2em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 1024px) {
  .front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-text {
    width: 40%;
    text-shadow: none;
  }
}

@media screen and (max-width: 480px) {
  .front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-text {
    width: 100%;
  }
}

.front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-button-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #c1d2d9;
  border-radius: 0.8em;
  margin-top: 2em;
  padding: 1em 2em;
}

.front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-button-container a {
  text-decoration: none;
}

.front-page .front-page__roastery-section #front-page__roastery-container #front-page__roastery-text-container #front-page__roastery-button-container a #front-page__roastery-button {
  font-size: 1.7em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  color: #26231e;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .front-page .front-page__location-section #front-page__location-container {
    padding-bottom: 5em;
  }
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page_location-link {
  width: 100%;
  text-align: center;
  padding-top: 2em;
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page_location-link a {
  font-size: 10em;
  font-family: CakoBlack;
  text-transform: uppercase;
  color: #c0943d;
  text-decoration: none;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page_location-link a {
    font-size: 6em;
  }
}

@media screen and (max-width: 480px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page_location-link a {
    font-size: 5em;
  }
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    padding-top: 3em;
  }
}

@media screen and (max-width: 480px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container {
  width: 35%;
  height: 50vh;
  margin: 3em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container {
    width: 30%;
    margin: 1em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container {
    width: 80% !important;
  }
}

@media screen and (max-width: 936px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container {
    width: 40%;
    margin: 1em;
  }
}

@media screen and (max-width: 480px) {
  .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container {
    width: unset;
    height: 33vh;
    margin: 2em 4em;
  }
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container#zuidas {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/04/zuidas_tijdelijk.jpg");
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container#ceintuurbaan {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/04/outside.jpg");
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container {
  padding: 1.5em;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: inline-block;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container h3 {
  margin: 0;
  text-transform: uppercase;
  font-family: cakoBlack;
  font-size: 2.5em;
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container p, .front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container a {
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 100;
  font-size: 1.6em;
  text-transform: uppercase;
  margin: 0;
  text-decoration: none;
  color: white;
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container .location-buttons .button-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5em;
  margin-top: 1em;
  padding: 0.2em 2em;
  color: #26231e;
  display: inline-block;
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container .location-buttons .button-container.menu {
  background-color: #f39d68;
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container .location-buttons .button-container.view {
  background-color: #89a99e;
  margin-right: 1em;
}

.front-page .front-page__location-section #front-page__location-container #front-page__location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container .location-buttons .button-container a {
  font-size: 1.3em;
  color: white;
  font-weight: 600;
}

.front-page .front-page__our-story-section #front-page__our-story-container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/CT_400.png");
  background-size: cover;
  background-position: center 25%;
}

.front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container {
  padding: 7em 3em 0 3em;
}

@media screen and (min-width: 1024px) {
  .front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container {
    padding: 7em 3em 0 28em;
  }
}

.front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container #front-page__our-story-title {
  font-size: 9em;
  font-family: CakoBlack;
  text-transform: uppercase;
  color: #26231e;
  line-height: 0.8;
}

@media screen and (max-width: 480px) {
  .front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container #front-page__our-story-title {
    font-size: 5em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container #front-page__our-story-title {
    font-size: 7em;
  }
}

.front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container #front-page__our-story-text {
  width: 70%;
  font-size: 2em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  color: #26231e;
}

@media screen and (min-width: 1024px) {
  .front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container #front-page__our-story-text {
    width: 32%;
    text-shadow: none;
  }
}

@media screen and (max-width: 480px) {
  .front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container #front-page__our-story-text {
    width: 100%;
  }
}

.front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container #front-page__our-story-button-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #26231e;
  border-radius: 0.8em;
  margin-top: 2em;
  padding: 1em 2em;
}

.front-page .front-page__our-story-section #front-page__our-story-container #front-page__our-story-text-container #front-page__our-story-button-container #front-page__our-story-button a {
  font-size: 1.7em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  color: #ebece2;
  text-decoration: none;
}

/***********CART PAGE***************/
main.cart {
  padding-top: 85px;
  background-color: #ebece2;
}

@media screen and (max-width: 936px) {
  main.cart {
    padding-top: 77px;
  }
}

@media screen and (max-width: 768px) {
  main.cart {
    padding-top: 66px;
  }
}

main.cart .page_container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

main.cart .page_container .cart_free_shipping_banner {
  border-bottom: 1px solid #707070;
  background-color: white;
  padding-top: 1em;
}

main.cart .page_container .cart_free_shipping_banner .cart_free_shipping_text_container {
  border-top: 0;
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #707070;
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}

main.cart .page_container .cart-page .woocommerce {
  -ms-grid-columns: 2.5fr 1.5fr;
      grid-template-columns: 2.5fr 1.5fr;
      grid-template-areas: "cart-items cart-order-review";
  -webkit-column-gap: 4.5em;
          column-gap: 4.5em;
  row-gap: 1.5em;
  margin: 5em 15em 0em 15em;
  padding-bottom: 5em;
}

@media screen and (max-width: 1024px) {
  main.cart .page_container .cart-page .woocommerce {
    margin: 5em 5em 0;
  }
}

@media screen and (max-width: 936px) {
  main.cart .page_container .cart-page .woocommerce {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  main.cart .page_container .cart-page .woocommerce {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "cart-items"
 "cart-order-review";
  }
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: cart-items;
  background-color: white;
  border-radius: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2em;
}

@media screen and (max-width: 936px) {
  main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form {
    margin-bottom: 2em;
  }
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table {
  width: 100%;
  margin: auto;
  color: #707070;
  padding-top: 0;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  text-decoration: none;
  border: 0;
  border-spacing: 0 0.8em;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table thead tr th {
  font-weight: 600;
  padding-top: 1.5em;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table thead tr td {
  border: 0;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody {
  font-weight: 300;
  text-decoration: none;
  color: #707070;
}

@media screen and (max-width: 936px) {
  main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr {
    width: 100%;
    display: table-row;
  }
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 480px) {
  main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td {
    padding: 0;
  }
}

@media screen and (max-width: 936px) {
  main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td {
    text-align: left !important;
  }
  main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td::before {
    display: none;
  }
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-thumbnail {
  width: 15%;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-thumbnail img {
  width: unset;
  width: 100%;
}

@media screen and (max-width: 936px) {
  main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-thumbnail {
    display: none;
  }
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.actions {
  padding-top: 0;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-remove a {
  color: #f39d68 !important;
  font-weight: 100;
  font-size: 2em;
  text-align: right;
  width: 100%;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-remove a:hover {
  color: #f39d68 !important;
  background-color: transparent;
  font-weight: 600;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-name {
  padding-bottom: 0;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-name a {
  font-family: cakoBlack;
  text-decoration: none;
  color: #707070;
  font-size: 2em;
  margin-bottom: 1em;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-name .variation {
  margin-top: 0.4em;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-name .variation dt {
  display: none;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-name .variation dd {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  padding-right: 1em;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-name .variation p {
  margin-top: 0;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-quantity, main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-subtotal {
  padding: 0 0 0.5em 1em;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-quantity {
  width: 20%;
}

@media screen and (max-width: 480px) {
  main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-quantity {
    width: 100%;
  }
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .quantity .minus, main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .quantity .plus, main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .quantity .input-text {
  border: 0;
  background-color: transparent;
  font-size: 1em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .quantity .input-text {
  width: 22%;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .quantity input::-webkit-outer-spin-button,
main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .quantity input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .quantity .input-text:focus-visible {
  outline: 0;
  border: 0;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .shop_table tbody tr td .subscription-details {
  display: none;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .coupon {
  text-align: right;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  font-size: 1.5em;
  color: #707070;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .coupon #got-coupon {
  display: block;
  cursor: pointer;
  text-decoration: underline;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .coupon #coupon_code {
  width: 63%;
  border-radius: 20px;
  border: 1px solid #89a99e;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .coupon #coupon_code:focus-visible {
  outline: unset;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .coupon #coupon-fields {
  display: none;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .coupon #coupon-fields .coupon-fields-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .coupon #coupon-fields .coupon-fields-container .button {
  color: white;
  background-color: #89a99e;
  font-weight: 600;
  font-family: acumin-pro-wide, sans-serif;
  border-radius: 20px;
}

main.cart .page_container .cart-page .woocommerce .woocommerce-cart-form .update-cart {
  display: none;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: cart-order-review;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 20px;
  padding: 2em;
  background-color: #89a99e;
  color: white;
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals {
  width: 100%;
  float: none;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals h2 {
  font-size: 1.3em;
  padding-bottom: 0.5em;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .shop_table {
  padding: 0.5em 2.5em 0.5em 1.5em;
  text-decoration: none;
  border: 0;
}

@media screen and (max-width: 480px) {
  main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .shop_table {
    padding: 0;
  }
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .shop_table .order-total th, main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .shop_table .order-total td {
  border-top: 2px solid white;
  font-weight: 600;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .shop_table th {
  font-weight: 300;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .shop_table td .woocommerce-shipping-destination {
  display: none;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .shop_table td small {
  color: white;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-button {
  display: none;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout {
  margin: 0 2em;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
  background-color: #f39d68;
  font-size: 1em;
  font-weight: 400;
  font-family: acumin-pro-wide, sans-serif;
  text-transform: uppercase;
  color: white;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover {
  font-weight: 600;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .cart-page__usp-container {
  width: 100%;
  font-size: 1em;
  font-weight: 400;
  font-family: acumin-pro-wide, sans-serif;
  margin: 0 2em;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .cart-page__usp-container tr .usp-coffee-bean {
  padding-top: 0.7em;
  width: 4%;
  border: 0;
}

main.cart .page_container .cart-page .woocommerce .cart-collaterals .cart_totals .cart-page__usp-container tr .usp-text {
  padding: 0.5em;
  border: 0;
}

main.cart .page_container .cart-page .cart-empty {
  display: none;
}

main.cart .page_container .cart-page .return-to-shop {
  display: none;
}

main.cart .page_container .cart-page .empty-cart__notice h3 {
  color: #26231e;
  font-weight: 100;
  font-size: 2em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  text-decoration: none;
  text-align: center;
}

main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 80%;
  margin: auto;
}

main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart-flex-container a {
  width: 20%;
}

@media screen and (max-width: 480px) {
  main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart-flex-container a {
    width: 49% !important;
  }
  main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart-flex-container a.last {
    display: inline-block !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart-flex-container a {
    width: 24%;
  }
}

@media screen and (max-width: 936px) {
  main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart-flex-container a {
    width: 32%;
  }
  main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart-flex-container a.last {
    display: none;
  }
}

main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart_shop-link {
  width: 100%;
  text-align: center;
  margin-top: -3em;
}

main.cart .page_container .cart-page .empty-cart__container .empty-cart__container-images .empty-cart_shop-link a {
  font-size: 6em;
  font-family: CakoBlack;
  text-transform: uppercase;
  color: #89a99e;
  text-decoration: none;
}

/**********CHECKOUT PAGE**********/
main.checkout {
  padding-top: 85px;
  background-color: #ebece2;
}

main.checkout .page_container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

main.checkout .page_container .cart_free_shipping_banner {
  border-bottom: 1px solid #707070;
  background-color: white;
  padding-top: 1em;
}

main.checkout .page_container .cart_free_shipping_banner .cart_free_shipping_text_container {
  border-top: 0;
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #707070;
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login-toggle {
  border-bottom: 1px solid #707070;
  background-color: white;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login-toggle .woocommerce-info {
  border-top: 0;
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #707070;
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  text-align: center;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/07/Menu-19.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 1em;
  padding-right: 1em;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login-toggle .woocommerce-info::before {
  display: none;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login-toggle .woocommerce-info a {
  color: #707070;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login {
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #707070;
  background-color: white;
  border-radius: 20px;
  margin: 3em 11em 0em 11em;
  border: 0;
}

@media screen and (max-width: 1024px) {
  main.checkout .checkout-page .woocommerce .woocommerce-form-login {
    margin: 5em 5em 0;
  }
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login input {
  padding: 0.4em 0.4em 0.4em 1em;
  border-radius: 20px;
  border: 1px solid #89a99e;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #707070;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login input#password, main.checkout .checkout-page .woocommerce .woocommerce-form-login input#username {
  width: 94%;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login button {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  color: white;
  font-size: 1em !important;
  float: right;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login button a {
  text-decoration: none;
  color: white;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-login .lost_password a {
  color: #707070;
}

main.checkout .checkout-page .woocommerce .woocommerce-form-coupon-toggle {
  display: none;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.5fr 1.5fr;
      grid-template-columns: 2.5fr 1.5fr;
      grid-template-areas: "checkout-customer-details checkout-order-review";
  -webkit-column-gap: 4.5em;
          column-gap: 4.5em;
  row-gap: 1.5em;
  margin: 5em 15em 0em 15em;
  padding-bottom: 5em;
}

@media screen and (max-width: 1024px) {
  main.checkout .checkout-page .woocommerce .woocommerce-checkout {
    margin: 5em 5em 0;
  }
}

@media screen and (max-width: 936px) {
  main.checkout .checkout-page .woocommerce .woocommerce-checkout {
    display: block;
  }
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: checkout-customer-details;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border-radius: 20px;
  width: unset;
  padding: 2em;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 {
  width: 95%;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields {
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #707070;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row#shipping_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row#billing_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row#shipping_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row#shipping_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row#billing_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row#shipping_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row#shipping_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row#billing_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row#shipping_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row#shipping_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row#billing_country_field, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row#shipping_country_field {
  width: 102%;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row label {
  padding-left: 0.8em;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span select option, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span select option, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span select option, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span select option, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span select option, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span select option, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span select option, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span select option {
  padding: 0.4em 0.4em 0.4em 1em;
  border-radius: 20px;
  border: 1px solid #89a99e;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #707070;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span input#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span select option#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span input#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span select option#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span input#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span select option#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span input#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span select option#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span input#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span select option#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span input#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span select option#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span input#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span select option#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span input#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection#billing_address_2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span select option#billing_address_2 {
  display: none;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row span .select2-selection, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row span .select2-selection {
  padding-top: 0;
  padding-bottom: 0;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-account-fields label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-account-fields label {
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #707070;
  padding-left: 0.8em;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-account-fields span input, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-account-fields span input {
  padding: 0.4em 0.4em 0.4em 1em;
  border-radius: 20px;
  border: 1px solid #89a99e;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #707070;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-additional-fields #order_comments_field label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-additional-fields #order_comments_field textarea, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-additional-fields #order_comments_field label, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-additional-fields #order_comments_field textarea {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-1 .woocommerce-additional-fields #order_comments_field textarea, main.checkout .checkout-page .woocommerce .woocommerce-checkout #customer_details .col-2 .woocommerce-additional-fields #order_comments_field textarea {
  border: 1px solid #89a99e;
  border-radius: 20px;
  padding: 0 1em;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: checkout-order-review;
  background-color: #89a99e;
  color: white;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 20px;
  padding: 2em;
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
}

@media screen and (max-width: 936px) {
  main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review {
    margin-top: 2em;
  }
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  margin: 0;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .shop_table {
  border: 0;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .shop_table tbody .cart_item .product-name .variation {
  display: none;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .shop_table tbody .cart_item .product-total .subscription-price .subscription-details {
  display: none;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .shop_table tfoot .cart-subtotal th, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .shop_table tfoot .cart-subtotal td {
  border-top: 1px solid white;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .coupon {
  text-align: right;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  font-size: 1em;
  color: white;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .coupon #got-coupon {
  display: block;
  cursor: pointer;
  text-decoration: underline;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .coupon #coupon_code {
  width: 63%;
  border-radius: 3px;
  border: 1px solid #89a99e;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .coupon #coupon_code:focus-visible {
  outline: unset;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .coupon #coupon-fields {
  display: none;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .coupon #coupon-fields .coupon-fields-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review .coupon #coupon-fields .coupon-fields-container .button {
  color: #89a99e;
  background-color: white;
  font-weight: 600;
  font-family: acumin-pro-wide, sans-serif;
  border-radius: 3px;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment {
  background-color: #89a99e;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order button {
  background-color: #f39d68;
  font-weight: 300;
  font-size: 1.2em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  text-decoration: none;
  color: white;
  width: 50%;
}

@media screen and (max-width: 480px) {
  main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order button {
    width: 100%;
  }
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order button:hover {
  background-color: #f39d68;
  font-weight: 600;
  font-size: 1.2em;
  color: white;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper #privacy-policy, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .page-content {
  padding: 0;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions .text-container, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper #privacy-policy .text-container, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .page-content .text-container {
  padding: 0;
  width: 90%;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions .text-container h2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper #privacy-policy .text-container h2, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .page-content .text-container h2 {
  padding: 0;
  font-size: 1em;
}

main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions .text-container h3, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions .text-container p, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions .text-container ul, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions .text-container li, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper #privacy-policy .text-container h3, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper #privacy-policy .text-container p, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper #privacy-policy .text-container ul, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper #privacy-policy .text-container li, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .page-content .text-container h3, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .page-content .text-container p, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .page-content .text-container ul, main.checkout .checkout-page .woocommerce .woocommerce-checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper .page-content .text-container li {
  font-size: 1em;
}

.account {
  background-color: #ebece2;
  padding-bottom: 7em;
}

.account .page-container {
  padding-top: 85px;
  padding-top: 5em;
  padding-right: 10%;
}

@media screen and (max-width: 768px) {
  .account .page-container {
    padding-top: 6em;
    padding-right: 0;
  }
}

.account .page-container .woocommerce-MyAccount-navigation {
  float: left;
  width: 22%;
  margin-top: 14em;
  margin-left: 10%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .account .page-container .woocommerce-MyAccount-navigation {
    width: 30%;
    margin-left: 0%;
  }
}

@media screen and (max-width: 768px) {
  .account .page-container .woocommerce-MyAccount-navigation {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin: 0 0 2em 0;
    background-color: white;
  }
}

.account .page-container .woocommerce-MyAccount-navigation .account-menu__item {
  background-color: white;
  margin: 2em 5em 2em 2em;
  padding: 1em;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .account .page-container .woocommerce-MyAccount-navigation .account-menu__item {
    margin: 0 0 0 0 !important;
    width: 11em;
  }
}

.account .page-container .woocommerce-MyAccount-navigation .account-menu__item.hide {
  display: none;
}

.account .page-container .woocommerce-MyAccount-navigation .account-menu__item .background-container {
  padding: 0.5em;
}

.account .page-container .woocommerce-MyAccount-navigation .account-menu__item .background-container a {
  font-size: 1.7em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  color: #707070;
  text-decoration: none;
  cursor: pointer;
}

.account .page-container .woocommerce-MyAccount-content {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/05/half_wave_opacity-6.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 5em;
  width: 100%;
  float: unset;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container {
  display: inline-block;
  width: 65%;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

@media screen and (max-width: 768px) {
  .account .page-container .woocommerce-MyAccount-content .account-page__container {
    width: unset;
    margin: 0 3em;
  }
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__banner {
  padding: 1.5em;
  background-color: white;
  border-radius: 50px;
  margin-bottom: 1.5em;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
      grid-template-areas: "account all-orders all-orders"
 "last-order subscription marketing";
  -webkit-column-gap: 1.5em;
          column-gap: 1.5em;
  row-gap: 1.5em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-auto-rows: unset;
        grid-template-areas: "account last-order"
 "subscription marketing"
 "all-orders all-orders";
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-auto-rows: unset;
        grid-template-areas: "account last-order"
 "subscription marketing"
 "all-orders all-orders";
  }
}

@media screen and (max-width: 480px) {
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-auto-rows: unset;
        grid-template-areas: "account"
 "last-order"
 "subscription"
 "all-orders"
 "marketing";
  }
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #my-account {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: account;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #my-account .account-details h3 {
  width: 90%;
  float: left;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #my-account .account-details .icon {
  width: 13px;
  display: inline-block;
  opacity: 0.65;
  cursor: pointer;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #my-account .account-details .address {
  padding-left: 2em;
  padding-top: 2em;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #my-account .account-details .address a {
  color: #707070;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: all-orders;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history h3 {
  padding-bottom: 1em;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history h4 {
  font-weight: 300;
  font-size: 2em;
  font-family: cakoBlack;
  color: #89a99e;
  margin: 0.5em 0;
  text-decoration: none;
  text-transform: uppercase;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table {
  width: 100%;
  border-spacing: 0 0.8em;
  border: 0;
  border-radius: 0;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table tbody tr {
  background-color: rgba(137, 169, 158, 0.35);
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table tbody tr td {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table tbody tr td.woocommerce-orders-table__cell-order-items {
  padding: 1em;
  width: 42%;
}

@media screen and (max-width: 768px) {
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .woocommerce-orders-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 2em;
  }
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell {
    border-top: 0;
  }
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell:not(.woocommerce-orders-table__cell-order-actions) {
    text-align: left !important;
  }
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell::before {
    display: none;
  }
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-date, .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-total {
    width: 17%;
  }
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-items {
    width: 40%;
  }
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .invoice {
  display: none;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .view, .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history table .button {
  background-color: #89a99e;
  color: white;
  border-radius: 20px;
  font-family: acumin-pro-wide, sans-serif;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin-top: 1em;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history .flex-container .button-container {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history .flex-container .button-container a {
  text-decoration: none;
  color: white;
}

@media screen and (max-width: 480px) {
  .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history .flex-container .button-container {
    padding: 0.8em 1em;
  }
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history .no-orders-block .text-container {
  text-align: center;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history .no-orders-block .text-container a {
  text-decoration: none;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history .no-orders-block .image-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #order-history .no-orders-block .image-flex-container .image-container {
  width: 20%;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: last-order;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order h3 {
  margin-bottom: 1em;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order p {
  text-align: center;
  margin: 0;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .last-order-image-container {
  text-align: center;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .last-order-single-image {
  text-align: center;
  width: 100%;
  display: inline-block;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .last-order-single-image img {
  width: 30%;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .last-order-image {
  text-align: center;
  width: 30%;
  display: inline-block;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .order-date p {
  font-weight: 600;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .order-again {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 1em;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .order-again a {
  text-decoration: none;
  color: white;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .order-again a {
  padding: 0;
  background-color: transparent;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .no-orders-latest-order-block .no-order-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 2em 0 1em 0;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .no-orders-latest-order-block .no-order-images img {
  width: 70%;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .no-orders-latest-order-block .button-container {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #last-order .no-orders-latest-order-block .button-container a {
  text-decoration: none;
  color: white;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: subscription;
  background-color: #89a99e;
  color: white;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription h3 {
  color: white;
  margin-bottom: 1.5em;
  width: 90%;
  float: left;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .icon {
  width: 13px;
  display: inline-block;
  opacity: 0.65;
  cursor: pointer;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .inactive-subscription-container .next-shipment-container, .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .inactive-subscription-container a:not(.reactivate) {
  display: none;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .inactive-subscription-container .subscription-action-buttons .reactivate {
  background-color: #f39d68;
  color: white;
  border-radius: 20px;
  width: 80%;
  font-family: acumin-pro-wide, sans-serif;
  text-align: center;
  font-size: 1.35em;
  font-weight: 100;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .inactive-subscription-container .subscription-action-buttons .reactivate:hover {
  font-weight: 600;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .multiple_subscription_subscription_block {
  display: none;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .multiple_subscription_subscription_block.first_sub {
  display: block;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription #multiple_subscription_previous, .account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription #multiple_subscription_next {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 49%;
  display: inline-block;
  text-align: center;
  font-size: 2em;
  font-family: acumin-pro-wide, sans-serif;
  margin: 0;
  padding-top: 0.6em;
  cursor: pointer;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .next-shipment-grid-container {
  height: 80%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
      grid-template-areas: "sub-info sub-image"
 "delivery sub-image";
  -webkit-column-gap: 1em;
          column-gap: 1em;
  row-gap: 1em;
  float: left;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .next-shipment-grid-container h4 {
  margin: 0;
  font-family: cakoBlack;
  font-size: 2.6em;
  color: white;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .next-shipment-grid-container p {
  margin: 0;
  color: white;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .next-shipment-grid-container .active-subscription {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sub-info;
  -ms-flex-item-align: center;
      align-self: center;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .next-shipment-grid-container .active-subscription-image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: sub-image;
  -ms-flex-item-align: center;
      align-self: center;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .next-shipment-grid-container .next-shipment-container {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: delivery;
  -ms-flex-item-align: start;
      align-self: start;
  border: solid 1px white;
  padding: 0.5em 2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .next-shipment-grid-container .next-shipment-container .next-shipment p {
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-size: 1.2em;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .next-shipment-grid-container .next-shipment-container .next-shipment p.days {
  font-size: 1.5em;
  font-weight: 600;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .no-subscription-grid-container {
  padding-top: 3em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.8fr;
      grid-template-columns: 1fr 0.8fr;
      grid-template-areas: "sub-perks airscape-image"
 "learn-more airscape-image";
  -webkit-column-gap: 1em;
          column-gap: 1em;
  row-gap: 1em;
  float: left;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .no-subscription-grid-container .subscription-perks-container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sub-perks;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .no-subscription-grid-container .subscription-perks-container p {
  color: white;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .no-subscription-grid-container .airscape-image-container {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: airscape-image;
  padding: 0.5em;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .no-subscription-grid-container .button-container {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: learn-more;
  padding: 1em 2em;
  background-color: #f39d68;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -ms-flex-item-align: end;
      align-self: end;
  margin-bottom: 2em;
  border-radius: 20px;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #active-subscription .no-subscription-grid-container .button-container a {
  color: white;
  text-decoration: none;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #marketing-block {
  padding: 0;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: marketing;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #invite-a-friend {
  grid-area: friend;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks #community {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: community;
}

.account .page-container .woocommerce-MyAccount-content .account-page__container .account-page__blocks .account-page__block {
  background-color: white;
  border-radius: 20px;
  padding: 1.5em;
}

/***********SHOP***********/
/*USP banner*/
.site-header__usp-container {
  position: fixed;
  width: 100%;
  display: none;
  padding-top: 90px;
  z-index: 50;
}

@media screen and (min-width: 1024px) {
  .site-header__usp-container {
    display: block;
  }
}

.site-header__usp-container .site-header__usp-banner {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5%;
  border-bottom: 1px solid #707070;
}

@media screen and (min-width: 936px) and (max-width: 1282px) {
  .site-header__usp-container .site-header__usp-banner {
    padding: 1em 0;
  }
  .site-header__usp-container .site-header__usp-banner #usp-2 {
    display: none;
  }
}

.site-header__usp-container .site-header__usp-banner .site-header__usp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.site-header__usp-container .site-header__usp-banner .site-header__usp-item .site-header__usp-check {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/07/optie_vinkjes-02.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  margin-right: 0.5em;
}

.site-header__usp-container .site-header__usp-banner .site-header__usp-item .site-header__usp-text {
  color: #707070;
  font-weight: 300;
  font-size: 1.4rem;
  font-family: acumin-pro-wide, sans-serif;
}

/******Categories menu********/
.shop {
  background-color: #ebece2;
}

.shop #modal-background-container {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.25);
}

.shop .product:not(.product-type-variable-subscription) #why-subscribe-icon svg {
  display: none !important;
}

.shop #why-subscribe-icon svg {
  width: 7%;
  height: 9%;
  float: right;
  margin-bottom: -5em;
  padding-top: 1em;
  opacity: 0.7;
  cursor: pointer;
}

.shop .category-menu-container {
  position: fixed;
  width: 85%;
  background-color: white;
  padding: 0 8em 0 0;
  margin: 0 7em;
  padding-top: 133px;
  border-radius: 0 0 45px 7px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 40;
}

@media screen and (max-width: 1024px) {
  .shop .category-menu-container {
    position: absolute;
    width: 100%;
    padding: 100px 0 0 0;
    margin: 0;
    padding-bottom: 1em;
  }
}

@media screen and (max-width: 936px) {
  .shop .category-menu-container {
    padding: 85px 0 0 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .shop .category-menu-container {
    margin: 0 0 0 0;
  }
}

.shop .category-menu-container .category-menu {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 1em;
}

@media screen and (max-width: 480px) {
  .shop .category-menu-container .category-menu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .category-menu-container .category-menu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
}

@media screen and (max-width: 480px) {
  .shop .category-menu-container .category-menu .category-menu-item {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .category-menu-container .category-menu .category-menu-item {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

.shop .category-menu-container .category-menu .category-menu-item.active a {
  font-weight: 600;
}

.shop .category-menu-container .category-menu .category-menu-item a {
  color: #707070;
  font-weight: 300;
  font-size: 1.4rem;
  font-family: acumin-pro-wide, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  .shop .category-menu-container .category-menu .category-menu-item a {
    padding: 0 1em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .category-menu-container .category-menu .category-menu-item a {
    padding: 0 1em;
  }
}

.shop .page_container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/05/half_wave_opacity-6.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 20;
  background-attachment: fixed;
  padding-bottom: 7em;
  background-size: auto;
}

@media screen and (max-width: 480px) {
  .shop .page_container {
    background-size: contain;
  }
}

.shop .page_container .shop-page {
  width: 80%;
  margin: auto;
  padding-top: 20em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .shop .page_container .shop-page {
    width: 90%;
  }
}

.shop .page_container .shop-page #coffee-extra-title {
  text-align: center;
  font-family: cakoBlack;
  font-size: 4em;
  text-transform: uppercase;
  color: #89a99e;
  margin: 0.4em;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding: 0.4em 0;
}

.shop .page_container .shop-page .woocommerce .products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

@media screen and (max-width: 1024px) {
  .shop .page_container .shop-page .woocommerce .products {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.shop .page_container .shop-page .woocommerce .products li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 24%;
}

@media screen and (min-width: 1024px) {
  .shop .page_container .shop-page .woocommerce .products li {
    width: 28%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .shop .page_container .shop-page .woocommerce .products li {
    width: 32%;
  }
}

@media screen and (max-width: 936px) {
  .shop .page_container .shop-page .woocommerce .products li {
    width: 43%;
    margin: 0 3% 2.992em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .page_container .shop-page .woocommerce .products li {
    width: 70%;
  }
}

@media screen and (max-width: 480px) {
  .shop .page_container .shop-page .woocommerce .products li {
    width: 100%;
    margin-top: 2em !important;
  }
}

@media screen and (min-width: 1024px) {
  .shop .page_container .shop-page .woocommerce .products li:not(.last) {
    margin: 0 8% 2.992em 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .shop .page_container .shop-page .woocommerce .products li:not(.last) {
    margin: 0 2% 2.992em 0;
  }
}

@media screen and (max-width: 480px) {
  .shop .page_container .shop-page .woocommerce .products li:not(.last) {
    margin: 0;
  }
}

@media screen and (max-width: 480px) {
  .shop .page_container .shop-page .woocommerce .products li.product-type-variable-subscription a img {
    margin: 0;
    -webkit-transform: none;
            transform: none;
  }
}

.shop .page_container .shop-page .woocommerce .products li.product-type-variable-subscription .price {
  display: none;
}

.shop .page_container .shop-page .woocommerce .products li.product-type-variable-subscription .add-to-cart-modal .out-of-stock {
  display: none;
}

.shop .page_container .shop-page .woocommerce .products li.product-type-simple .product_type_simple {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 48%;
  background-color: rgba(243, 157, 104, 0.75);
  margin-left: 2%;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .page_container .shop-page .woocommerce .products li.product-type-simple .product_type_simple {
    width: 80%;
    margin-left: 0;
  }
}

.shop .page_container .shop-page .woocommerce .products li.product-type-simple .view_button {
  background-color: rgba(137, 169, 158, 0.4);
  width: 25%;
  text-align: center;
  text-transform: uppercase;
  -ms-flex-item-align: end;
      align-self: flex-end;
  float: left;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .page_container .shop-page .woocommerce .products li.product-type-simple .view_button {
    width: 80%;
  }
}

.shop .page_container .shop-page .woocommerce .products li.product-type-simple .added_to_cart {
  display: none;
}

.shop .page_container .shop-page .woocommerce .products li .woocommerce-loop-product__title {
  font-size: 5em;
  padding: 0;
  font-family: cakoBlack;
  color: #26231e;
}

.shop .page_container .shop-page .woocommerce .products li .coffee-origin-type, .shop .page_container .shop-page .woocommerce .products li .coffee-short-desc, .shop .page_container .shop-page .woocommerce .products li .price, .shop .page_container .shop-page .woocommerce .products li .add_to_cart_button, .shop .page_container .shop-page .woocommerce .products li p, .shop .page_container .shop-page .woocommerce .products li .view_button {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #26231e;
}

.shop .page_container .shop-page .woocommerce .products li .coffee-origin-type, .shop .page_container .shop-page .woocommerce .products li .price {
  font-weight: 600;
  margin-top: 0;
}

.shop .page_container .shop-page .woocommerce .products li .coffee-short-desc, .shop .page_container .shop-page .woocommerce .products li p {
  font-weight: 300;
}

.shop .page_container .shop-page .woocommerce .products li .coffee-flavor-table td {
  font-size: 1.2em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #26231e;
  text-transform: uppercase;
}

.shop .page_container .shop-page .woocommerce .products li .coffee-flavor-table td:first-of-type {
  padding-right: 1em;
}

.shop .page_container .shop-page .woocommerce .products li .coffee-flavor-table td img {
  width: 40%;
  margin: auto;
}

.shop .page_container .shop-page .woocommerce .products li .price .subscription-details {
  display: none;
}

.shop .page_container .shop-page .woocommerce .products li .add_to_cart_button {
  background-color: rgba(137, 169, 158, 0.4);
  width: 25%;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .page_container .shop-page .woocommerce .products li .add_to_cart_button {
    width: 80%;
  }
}

.shop .page_container .shop-page .woocommerce .products li .add_to_cart_button, .shop .page_container .shop-page .woocommerce .products li .custom-add-to-cart {
  text-align: center;
  text-transform: uppercase;
  float: left;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.shop .page_container .shop-page .woocommerce .products li .custom-add-to-cart {
  width: 50%;
  background-color: rgba(243, 157, 104, 0.75);
  margin-top: 1.5em;
  margin-left: 3%;
  border-radius: 3px;
  display: inline-block;
  padding: 0.618em 1em;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .page_container .shop-page .woocommerce .products li .custom-add-to-cart {
    width: 83%;
    margin-left: 0;
  }
}

.shop .page_container .shop-page .woocommerce .products li .custom-add-to-cart .custom-add-to-cart-text {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  color: #26231e;
  font-weight: 700;
  cursor: pointer;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal {
  left: 100%;
  display: block;
  -webkit-transition: all 0.5s;
  /* Safari */
  transition: all 0.5s;
  z-index: 200;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal.show {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in {
  background-color: white;
  width: 33%;
  margin: auto;
  left: 100%;
  float: right;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  /* Safari */
  transition: all 0.5s;
}

@media screen and (max-width: 1024px) {
  .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 2em;
  }
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in.show {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .close {
  color: #26231e;
  float: right;
  font-size: 2.5em;
  font-weight: bold;
  padding: 0.2em 0.4em;
  margin-top: 2em;
  margin-right: 1em;
}

@media screen and (max-width: 480px) {
  .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .close {
    margin-top: 3em;
  }
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .close:hover, .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .product_title {
  font-size: 4em;
  margin-top: 1.5em;
  margin-left: 0.7em;
  padding: 0;
  font-family: cakoBlack;
  color: #707070;
  padding-bottom: 0.3em;
  text-transform: uppercase;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content #why-subscribe-popup p {
  padding: 0;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 100;
  width: 100%;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .reset_variations {
  display: none;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .label {
  width: 100%;
  float: left;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .label label {
  margin-left: 2em;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value {
  width: 100%;
  float: left;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value select {
  display: none;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value .reset_variations {
  display: none !important;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value .variation-radios {
  width: 100%;
  float: left;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1em;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value .variation-radios .generatedRadios {
  border: #707070;
  border-style: solid;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  font-weight: 400;
  font-size: 0.8em;
  margin: 0.5em 2em;
  padding: 0.5em;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value .variation-radios .generatedRadios.selected {
  color: white;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value .variation-radios .generatedRadios.one-time {
  padding-top: 1em;
}

@media screen and (max-width: 1024px) {
  .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value .variation-radios .generatedRadios {
    border: 1px solid #707070;
  }
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .variations .value .variation-radios .generatedRadios input {
  display: none;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .need-help-link {
  margin: 0 2.8em 2em;
  text-align: right;
  text-decoration: underline;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .need-help-link a {
  cursor: pointer;
  font-size: 1.4em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .price_quantity_text_container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .price_quantity_text_container .price_text, .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .price_quantity_text_container .quantity_text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: 1.4em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 600;
  margin: 0 2em;
  text-transform: uppercase;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation .woocommerce-variation-price .price {
  display: block;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 100;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation .woocommerce-variation-price .price .subscription-details {
  display: none;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation, .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin: 1em 3em;
  border: #707070;
  border-style: solid;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation, .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart {
    border: 1px solid #707070;
  }
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity {
  width: 100%;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity .minus, .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity .plus {
  border: 0;
  background-color: white;
  font-size: 1.8em;
  color: #26231e;
}

@media screen and (max-width: 480px) {
  .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity .minus, .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity .plus {
    padding: 0;
  }
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity input {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 100;
  border: 0;
  outline: 0;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity input::-webkit-outer-spin-button,
.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .flex-container-price-quantity .woocommerce-variation-add-to-cart .quantity input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .add-to-cart-but button {
  border-style: solid;
  border-radius: 0;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2em;
  margin: 0.2em 2.5em;
  padding: 1em 0.5em;
  width: 88%;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .variations_form .single_variation_wrap .add-to-cart-but button {
    width: 91%;
  }
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .usp-container {
  margin: 1.5em 2em;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in .add-to-cart-slide-in-content .usp-container .usp-coffee-bean {
  padding-top: 0.6em;
  padding-right: 1em;
}

.shop .page_container .shop-page .woocommerce .products li .add-to-cart-modal .add-to-cart-slide-in p {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  padding: 3em;
}

.shop .page_container .shop-page #why-subscribe-popup {
  z-index: 250;
  background-color: rgba(0, 0, 0, 0.4);
}

.shop .page_container .shop-page #why-subscribe-popup .single_product_subscribe_popup_image img {
  width: 70%;
}

.shop .page_container .shop-page #need-help-popup {
  z-index: 250;
  background-color: rgba(0, 0, 0, 0.4);
}

.shop .page_container .shop-page #need-help-popup .need_help_popup {
  margin-top: 20em;
}

.shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text {
  width: 95%;
  padding-top: 0;
}

.shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text h4 {
  margin-top: 0;
  font-family: cakoBlack;
  font-size: 2.5em;
  text-align: center;
  color: #89a99e;
}

@media screen and (max-width: 480px) {
  .shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text h4 {
    padding-right: 1em;
  }
}

@media screen and (max-width: 480px) {
  .shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text p {
    padding-right: 1em;
  }
}

.shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text a {
  font-size: 1em !important;
}

.shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form label {
  display: block;
}

.shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form select {
  margin-top: 1em;
  width: 50%;
  border-radius: 20px;
  padding-left: 1em;
}

.shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form select:focus-visible {
  outline: none;
}

@media screen and (max-width: 480px) {
  .shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form select {
    width: 80%;
  }
}

.shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form select, .shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form option {
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.shop .page_container .shop-page #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form input {
  display: none;
}

/*********SINGLE PRODUCT PAGE*********/
.single-product main {
  padding-bottom: 2em;
}

.single-product-page {
  padding-top: 85px;
}

.single-product-page .single-product-page-container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/05/half_wave_opacity-6.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.single-product-page .single-product-page-container #need-help-popup {
  z-index: 250;
  background-color: rgba(0, 0, 0, 0.4);
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup {
  margin-top: 20em;
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text {
  width: 95%;
  padding-top: 0;
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text h4 {
  margin-top: 0;
  font-family: cakoBlack;
  font-size: 2.5em;
  text-align: center;
  color: #89a99e;
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text h4 {
    padding-right: 1em;
  }
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text p {
    padding-right: 1em;
  }
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text a {
  font-size: 1em !important;
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form label {
  display: block;
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form select {
  margin-top: 1em;
  width: 50%;
  border-radius: 20px;
  padding-left: 1em;
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form select:focus-visible {
  outline: none;
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form select {
    width: 80%;
  }
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form select, .single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form option {
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.single-product-page .single-product-page-container #need-help-popup .need_help_popup .need_help_popup_text #need-help-cups-form input {
  display: none;
}

.single-product-page .single-product-page-container #amount-recommendation-container {
  display: none;
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  height: 110%;
  z-index: 200;
  margin-top: -7em;
  padding-top: 5em;
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup {
  width: 45%;
  margin: auto;
  background: white;
  border-radius: 20px;
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup {
    width: 90%;
  }
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup .close {
  float: right;
  font-size: 1.5em;
  padding: 0.5em 1em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  cursor: pointer;
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms {
  padding: 3em 3em 0 3em;
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms {
    padding: 1em;
  }
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms label, .single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms option, .single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms select {
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms label {
  font-size: 1.35em;
  padding-right: 2em;
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms select {
  border: 1px solid #707070;
  border-radius: 20px;
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms select:focus-visible {
  outline: unset;
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup #amount-forms #amount-form-2 {
  padding-top: 3em;
}

.single-product-page .single-product-page-container #amount-recommendation-container #amount-recommendation-popup p {
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
  text-align: center;
  font-size: 1.35em;
  padding-bottom: 3em;
}

.single-product-page .single-product-page-container .back-to-shop-button-container {
  padding: 3em 0 0 23em;
}

@media screen and (max-width: 1024px) {
  .single-product-page .single-product-page-container .back-to-shop-button-container {
    padding: 3em 0 0 9em;
  }
}

@media screen and (max-width: 936px) {
  .single-product-page .single-product-page-container .back-to-shop-button-container {
    padding: 1em 0 0 9em;
  }
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container .back-to-shop-button-container {
    padding: 0.5em 0 0 3em;
  }
}

.single-product-page .single-product-page-container .back-to-shop-button-container .back-to-shop-button a, .single-product-page .single-product-page-container .back-to-shop-button-container .back-to-shop-button p {
  text-decoration: none;
  color: #707070;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-size: 1em;
  text-transform: uppercase;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container {
  background-color: white;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart {
  margin: 3em;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .flex-container {
  text-align: center;
  margin-bottom: 2em;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .price_quantity_text_container, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .flex-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .price_quantity_text_container .price_text, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .flex-container .price_text {
  margin-right: 5em;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .price_quantity_text_container .price_text, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .price_quantity_text_container .quantity_text, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .flex-container .price_text, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .flex-container .quantity_text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: 1.4em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 600;
  text-transform: uppercase;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .price_quantity_text_container .woocommerce-Price-amount, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .flex-container .woocommerce-Price-amount {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: 1.4em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  text-transform: uppercase;
  border: 1px solid #707070;
  margin-right: 5em;
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .price_quantity_text_container .woocommerce-Price-amount, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .flex-container .woocommerce-Price-amount {
    margin-right: 1em;
  }
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .price_quantity_text_container .quantity, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .flex-container .quantity {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity {
  border: 1px solid #707070;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity .minus, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity .plus {
  border: 0;
  background-color: white;
  font-size: 1.8em;
  color: #26231e;
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity .minus, .single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity .plus {
    padding: 0;
  }
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity input {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 100;
  border: 0;
  outline: 0;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity input::-webkit-outer-spin-button,
.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .quantity input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

.single-product-page .single-product-page-container .product-type-simple .variation-form-container form.cart .single_add_to_cart_button {
  opacity: 1;
  width: 100%;
  border-radius: 0px;
  padding: 1em;
  font-size: 1.5em;
  color: white;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.single-product-page .single-product-page-container .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 4em 0 25em;
}

@media screen and (max-width: 1024px) {
  .single-product-page .single-product-page-container .product {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1300px) {
  .single-product-page .single-product-page-container .product {
    margin: 0 4em 0 12em;
  }
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container .product.product_cat-merchandise, .single-product-page .single-product-page-container .product.product_cat-food, .single-product-page .single-product-page-container .product.product_cat-giftcards, .single-product-page .single-product-page-container .product.product_cat-tasting-packages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .single-product-page .single-product-page-container .product.product_cat-merchandise .summary, .single-product-page .single-product-page-container .product.product_cat-food .summary, .single-product-page .single-product-page-container .product.product_cat-giftcards .summary, .single-product-page .single-product-page-container .product.product_cat-tasting-packages .summary {
    width: 80%;
  }
  .single-product-page .single-product-page-container .product.product_cat-merchandise .woocommerce-product-gallery, .single-product-page .single-product-page-container .product.product_cat-food .woocommerce-product-gallery, .single-product-page .single-product-page-container .product.product_cat-giftcards .woocommerce-product-gallery, .single-product-page .single-product-page-container .product.product_cat-tasting-packages .woocommerce-product-gallery {
    width: 50%;
  }
}

.single-product-page .single-product-page-container .product .woocommerce-product-gallery {
  width: 30%;
}

@media screen and (min-width: 1023px) and (max-width: 1300px) {
  .single-product-page .single-product-page-container .product .woocommerce-product-gallery {
    width: 25%;
  }
}

.single-product-page .single-product-page-container .product .woocommerce-product-gallery .woocommerce-product-gallery__image {
  pointer-events: none;
}

.single-product-page .single-product-page-container .product .summary {
  width: 30%;
}

@media screen and (max-width: 1024px) {
  .single-product-page .single-product-page-container .product .summary {
    width: 62%;
    padding-bottom: 0;
  }
}

.single-product-page .single-product-page-container .product .summary .single-product-text-block .product_title {
  font-size: 6.5em;
  font-family: cakoBlack;
  margin: 0;
}

@media screen and (max-width: 480px) {
  .single-product-page .single-product-page-container .product .summary .single-product-text-block .product_title {
    font-size: 4em;
  }
}

.single-product-page .single-product-page-container .product .summary .single-product-text-block .price {
  display: none;
}

.single-product-page .single-product-page-container .product .summary .single-product-text-block .product-description {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 600;
  padding-right: 2em;
}

.single-product-page .single-product-page-container .product .summary .single-product-text-block .product-description .description {
  font-weight: 100;
}

.single-product-page .single-product-page-container .product .summary .single-product-text-block .product-description .coffee-origin-process-table .coffee-origin-title, .single-product-page .single-product-page-container .product .summary .single-product-text-block .product-description .coffee-origin-process-table .coffee-process-title {
  font-weight: 100;
  text-transform: uppercase;
  font-size: 0.8em;
  padding-top: 0.4em;
}

.single-product-page .single-product-page-container .product .summary .single-product-text-block .product-description .coffee-origin-process-table .coffee-origin, .single-product-page .single-product-page-container .product .summary .single-product-text-block .product-description .coffee-origin-process-table .coffee-process {
  padding-left: 2em;
}

.single-product-page .single-product-page-container .product .summary .single-product-text-block .product-description .coffee-origin-process-table td {
  vertical-align: top;
}

.single-product-page .single-product-page-container .product .variation-form-container {
  width: 40%;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

@media screen and (min-width: 1023px) and (max-width: 1300px) {
  .single-product-page .single-product-page-container .product .variation-form-container {
    width: 45%;
  }
}

@media screen and (max-width: 1024px) {
  .single-product-page .single-product-page-container .product .variation-form-container {
    width: 90%;
    margin: auto;
  }
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form {
  background-color: white;
  margin-bottom: 5em;
  padding: 2em 0;
}

@media screen and (max-width: 1024px) {
  .single-product-page .single-product-page-container .product .variation-form-container .variations_form {
    margin-top: 0;
  }
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form #why-subscribe-icon svg {
  width: 7%;
  height: 9%;
  float: right;
  margin-bottom: -5em;
  padding-top: 1em;
  opacity: 0.7;
  cursor: pointer;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 100;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tbody tr:not(:first-child) {
  padding-top: 1em;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr {
  width: 100%;
  float: left;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .label {
  width: 100%;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .label label {
  margin-left: 2em;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .value {
  width: 100%;
  float: left;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .value .reset_variations {
  display: none !important;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .value .generatedRadios {
  border: #707070;
  border-style: solid;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  font-weight: 400;
  font-size: 0.8em;
  margin: 0.5em 2em;
}

@media screen and (min-width: 1024px) {
  .single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .value .generatedRadios.one-time {
    padding-top: 1em;
  }
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .value .generatedRadios.selected {
  color: white;
}

@media screen and (max-width: 1024px) {
  .single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .value .generatedRadios {
    border: 1px solid #707070;
  }
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .variations tr .value .generatedRadios input {
  display: none;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .price_quantity_text_container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .price_quantity_text_container .price_text, .single-product-page .single-product-page-container .product .variation-form-container .variations_form .price_quantity_text_container .quantity_text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: 1.4em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 600;
  margin: 0 2em;
  text-transform: uppercase;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .need-help-link {
  margin: 0 2.8em 2em;
  text-align: right;
  text-decoration: underline;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .need-help-link a {
  cursor: pointer;
  font-size: 1.4em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation {
  display: block !important;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 100;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price .subscription-details {
  display: none;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation, .single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin: 0.5em 2.5em;
  border: #707070;
  border-style: solid;
  text-align: center;
  padding: 0.4em;
}

@media screen and (max-width: 1024px) {
  .single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation, .single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
    border: 1px solid #707070;
  }
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
  width: 100%;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .minus, .single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .plus {
  border: 0;
  background-color: white;
  font-size: 1.8em;
  color: #26231e;
}

@media screen and (max-width: 1024px) {
  .single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .minus, .single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .plus {
    padding: 0;
  }
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  color: #707070;
  font-weight: 100;
  border: 0;
  outline: 0;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input::-webkit-outer-spin-button,
.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .add-to-cart-but {
  margin: 1em 2.5em;
}

.single-product-page .single-product-page-container .product .variation-form-container .variations_form .add-to-cart-but button {
  opacity: 1;
  width: 100%;
  border-radius: 0px;
  padding: 1em;
  font-size: 1.5em;
  color: white;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.single-product-page .single-product-page-container .product_cat-tasting-packages .woocommerce-product-gallery__wrapper {
  text-align: -webkit-center;
}

.single-product-page .single-product-page-container .product_cat-tasting-packages .woocommerce-product-gallery__wrapper img {
  max-height: 100vh;
  width: auto;
}

/***********POPUP***********/
.single-product-page .modal {
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  /* Modal content */
}

.modal .single_product_subscribe_popup, .modal .need_help_popup {
  background-color: #fefefe;
  margin: auto;
  margin-top: 26em;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
  /* The Close Button */
}

@media screen and (max-width: 480px) {
  .modal .single_product_subscribe_popup, .modal .need_help_popup {
    margin-top: 10em;
  }
}

@media screen and (max-width: 936px) {
  .modal .single_product_subscribe_popup, .modal .need_help_popup {
    width: 80%;
  }
}

.modal .single_product_subscribe_popup .close, .modal .need_help_popup .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal .single_product_subscribe_popup .close:hover, .modal .single_product_subscribe_popup .close:focus, .modal .need_help_popup .close:hover, .modal .need_help_popup .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal .single_product_subscribe_popup .single_product_subscribe_popup_text, .modal .single_product_subscribe_popup .need_help_popup_text, .modal .need_help_popup .single_product_subscribe_popup_text, .modal .need_help_popup .need_help_popup_text {
  padding: 2em;
  display: inline-block;
  width: 60%;
}

.modal .single_product_subscribe_popup .single_product_subscribe_popup_text p, .modal .single_product_subscribe_popup .single_product_subscribe_popup_text a, .modal .single_product_subscribe_popup .single_product_subscribe_popup_text label, .modal .single_product_subscribe_popup .need_help_popup_text p, .modal .single_product_subscribe_popup .need_help_popup_text a, .modal .single_product_subscribe_popup .need_help_popup_text label, .modal .need_help_popup .single_product_subscribe_popup_text p, .modal .need_help_popup .single_product_subscribe_popup_text a, .modal .need_help_popup .single_product_subscribe_popup_text label, .modal .need_help_popup .need_help_popup_text p, .modal .need_help_popup .need_help_popup_text a, .modal .need_help_popup .need_help_popup_text label {
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.modal .single_product_subscribe_popup .single_product_subscribe_popup_image, .modal .need_help_popup .single_product_subscribe_popup_image {
  width: 23%;
  display: inline-block;
  text-align: center;
}

#locations__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/CT_400.png");
}

#locations #roastery, #locations #our-story, #locations #locations {
  background-color: #F3F6F5;
}

#locations .header-image__container {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#locations .page-content {
  margin-top: -26em;
}

#locations .page-content .page-title h1 {
  font-size: 5.5em;
  font-family: CakoBlack;
  text-align: center;
  color: #ebece2;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #locations .page-content .page-title h1 {
    font-size: 8em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #locations .page-content .page-title h1 {
    font-size: 10em;
  }
}

@media screen and (min-width: 1024px) {
  #locations .page-content .page-title h1 {
    font-size: 12em;
    padding-left: 3em;
  }
}

#locations .page-content .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  #locations .page-content .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#locations .page-content .flex-container .image-block__container {
  float: left;
  min-height: 1px;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  #locations .page-content .flex-container .image-block__container {
    width: 50%;
    margin-top: 14em;
    margin-bottom: 7em;
  }
  #locations .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
  #locations .page-content .flex-container .image-block__container .image-block img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #locations .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  #locations .page-content .flex-container .image-block__container {
    margin: 0;
    padding: 0 3em 7em 3em;
  }
  #locations .page-content .flex-container .image-block__container img {
    width: 100%;
  }
}

#locations .page-content .flex-container .text-block__container {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  #locations .page-content .flex-container .text-block__container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  #locations .page-content .flex-container .text-block__container {
    padding: 3em;
  }
}

#locations .page-content .flex-container .text-block__container .text-block {
  line-height: 1.7;
  padding: 2em 5em;
  background-color: #F3F6F5;
}

@media screen and (max-width: 480px) {
  #locations .page-content .flex-container .text-block__container .text-block {
    padding: 1em 2em;
  }
}

@media screen and (min-width: 1024px) {
  #locations .page-content .flex-container .text-block__container .text-block {
    margin-right: 13em;
  }
}

#locations .page-content .flex-container .text-block__container .text-block p {
  color: #707070;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

@media screen and (min-width: 1024px) {
  #locations .page-content .flex-container .text-block__container .text-block p {
    font-size: 1.7em;
  }
}

#locations #location-reservation-popup {
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  z-index: 200;
  /* Sit on top */
  display: block;
}

#locations #location-reservation-popup .reservation_popup {
  width: 50%;
  background-color: white;
  border-radius: 20px;
  padding: 3em;
  margin: auto;
  margin-top: 17em;
}

@media screen and (max-width: 936px) {
  #locations #location-reservation-popup .reservation_popup {
    width: 80%;
  }
}

#locations #location-reservation-popup .reservation_popup .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#locations #location-reservation-popup .reservation_popup .close:hover, #locations #location-reservation-popup .reservation_popup .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#locations #location-reservation-popup .reservation_popup p {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #707070;
}

#locations .page-title h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.7);
}

#locations .location-content {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

#locations .location-content .flex-container div.image-block__container {
  background-image: none;
}

@media screen and (max-width: 1024px) {
  #locations .location-content .flex-container div.image-block__container {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  #locations .location-content #locations__text-block {
    margin-right: 0;
  }
}

#locations .location-content .front-page__location-image-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 7em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #locations .location-content .front-page__location-image-flex-container {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    padding-top: 3em;
  }
}

@media screen and (max-width: 480px) {
  #locations .location-content .front-page__location-image-flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #locations .location-content .front-page__location-image-flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container {
  width: 25%;
  height: 55vh;
  margin: 3em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #locations .location-content .front-page__location-image-flex-container .front-page__location-image-container {
    width: 30%;
    margin: 1em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #locations .location-content .front-page__location-image-flex-container .front-page__location-image-container {
    width: 60% !important;
  }
}

@media screen and (max-width: 936px) {
  #locations .location-content .front-page__location-image-flex-container .front-page__location-image-container {
    width: 30%;
    margin: 1em;
  }
}

@media screen and (max-width: 480px) {
  #locations .location-content .front-page__location-image-flex-container .front-page__location-image-container {
    width: unset;
    height: 38vh;
    margin: 2em 4em;
  }
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container#zuidas {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/04/zuidas_tijdelijk.jpg");
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container#ceintuurbaan {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/04/outside.jpg");
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container#amstelveense {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/04/palborinas_-2.png");
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container {
  padding: 1.5em;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: inline-block;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container h3 {
  margin: 0;
  text-transform: uppercase;
  font-family: cakoBlack;
  font-size: 2.5em;
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container p, #locations .location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container a {
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 100;
  font-size: 1.6em;
  text-transform: uppercase;
  margin: 0;
  text-decoration: none;
  color: white;
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container a {
  cursor: pointer;
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container .button-container {
  background-color: #f39d68;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.8em;
  margin-top: 1em;
  padding: 0.2em 2em;
  color: #26231e;
  float: right;
}

#locations .location-content .front-page__location-image-flex-container .front-page__location-image-container .front-page__location-text-container .button-container a {
  font-size: 1.3em;
  color: #26231e;
}

#locations .flex-container {
  width: 80%;
  margin: auto;
}

#locations .flex-container#location-ceintuurbaan .image-block__container {
  margin: 0 0 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/04/outside.jpg");
}

#locations .flex-container#location-zuidas .image-block__container {
  margin: 0 0 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/04/zuidas_tijdelijk.jpg");
}

#locations .flex-container#location-utrechtse .image-block__container {
  margin: 0 0 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/04/palborinas_-2.png");
}

#locations .flex-container .info-block__container {
  width: 50%;
}

#locations .flex-container .info-block__container .info-block h3 {
  margin: 0;
  text-transform: uppercase;
  font-family: cakoBlack;
  font-size: 5.5em;
}

#locations .flex-container .info-block__container .info-block p, #locations .flex-container .info-block__container .info-block a {
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 100;
  font-size: 1.6em;
  text-transform: uppercase;
  margin: 0;
  text-decoration: none;
  color: white;
}

#roastery__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/CT_Roastery.png");
}

#roastery #roastery, #roastery #our-story, #roastery #locations {
  background-color: #F3F6F5;
}

#roastery .header-image__container {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#roastery .page-content {
  margin-top: -26em;
}

#roastery .page-content .page-title h1 {
  font-size: 5.5em;
  font-family: CakoBlack;
  text-align: center;
  color: #89a99e;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #roastery .page-content .page-title h1 {
    font-size: 8em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #roastery .page-content .page-title h1 {
    font-size: 10em;
  }
}

@media screen and (min-width: 1024px) {
  #roastery .page-content .page-title h1 {
    font-size: 12em;
    padding-left: 3em;
  }
}

#roastery .page-content .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  #roastery .page-content .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#roastery .page-content .flex-container .image-block__container {
  float: left;
  min-height: 1px;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  #roastery .page-content .flex-container .image-block__container {
    width: 50%;
    margin-top: 14em;
    margin-bottom: 7em;
  }
  #roastery .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
  #roastery .page-content .flex-container .image-block__container .image-block img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #roastery .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  #roastery .page-content .flex-container .image-block__container {
    margin: 0;
    padding: 0 3em 7em 3em;
  }
  #roastery .page-content .flex-container .image-block__container img {
    width: 100%;
  }
}

#roastery .page-content .flex-container .text-block__container {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  #roastery .page-content .flex-container .text-block__container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  #roastery .page-content .flex-container .text-block__container {
    padding: 3em;
  }
}

#roastery .page-content .flex-container .text-block__container .text-block {
  line-height: 1.7;
  padding: 2em 5em;
  background-color: #F3F6F5;
}

@media screen and (max-width: 480px) {
  #roastery .page-content .flex-container .text-block__container .text-block {
    padding: 1em 2em;
  }
}

@media screen and (min-width: 1024px) {
  #roastery .page-content .flex-container .text-block__container .text-block {
    margin-right: 13em;
  }
}

#roastery .page-content .flex-container .text-block__container .text-block p {
  color: #707070;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

@media screen and (min-width: 1024px) {
  #roastery .page-content .flex-container .text-block__container .text-block p {
    font-size: 1.7em;
  }
}

#roastery .page-title h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 1024px) {
  #roastery .page-title h1 {
    padding-left: 2em !important;
  }
}

#roastery .button-container {
  padding: 0.5em 3em;
  border-radius: 20px;
  background-color: #f39d68;
  margin-bottom: 3em;
  margin-right: 1em;
  float: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#roastery .button-container a {
  text-decoration: none;
  font-size: 1.35em;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: white;
  text-align: center;
}

#our-story__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/07/Our-story-header-scaled.jpg");
}

#our-story #roastery, #our-story #our-story, #our-story #locations {
  background-color: #F3F6F5;
}

#our-story .header-image__container {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#our-story .page-content {
  margin-top: -26em;
}

#our-story .page-content .page-title h1 {
  font-size: 5.5em;
  font-family: CakoBlack;
  text-align: center;
  color: #f39d68;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #our-story .page-content .page-title h1 {
    font-size: 8em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #our-story .page-content .page-title h1 {
    font-size: 10em;
  }
}

@media screen and (min-width: 1024px) {
  #our-story .page-content .page-title h1 {
    font-size: 12em;
    padding-left: 3em;
  }
}

#our-story .page-content .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  #our-story .page-content .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#our-story .page-content .flex-container .image-block__container {
  float: left;
  min-height: 1px;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  #our-story .page-content .flex-container .image-block__container {
    width: 50%;
    margin-top: 14em;
    margin-bottom: 7em;
  }
  #our-story .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
  #our-story .page-content .flex-container .image-block__container .image-block img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #our-story .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  #our-story .page-content .flex-container .image-block__container {
    margin: 0;
    padding: 0 3em 7em 3em;
  }
  #our-story .page-content .flex-container .image-block__container img {
    width: 100%;
  }
}

#our-story .page-content .flex-container .text-block__container {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  #our-story .page-content .flex-container .text-block__container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  #our-story .page-content .flex-container .text-block__container {
    padding: 3em;
  }
}

#our-story .page-content .flex-container .text-block__container .text-block {
  line-height: 1.7;
  padding: 2em 5em;
  background-color: #F3F6F5;
}

@media screen and (max-width: 480px) {
  #our-story .page-content .flex-container .text-block__container .text-block {
    padding: 1em 2em;
  }
}

@media screen and (min-width: 1024px) {
  #our-story .page-content .flex-container .text-block__container .text-block {
    margin-right: 13em;
  }
}

#our-story .page-content .flex-container .text-block__container .text-block p {
  color: #707070;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

@media screen and (min-width: 1024px) {
  #our-story .page-content .flex-container .text-block__container .text-block p {
    font-size: 1.7em;
  }
}

#our-story .header-image__container {
  background-position: center 80% !important;
}

@media screen and (max-width: 480px) {
  #our-story .header-image__container {
    background-position: 40% !important;
  }
}

#our-story h1 {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 1024px) {
  #our-story .image-block {
    padding-top: 5em;
  }
}

#our-story .button-container {
  padding: 0.5em 3em;
  border-radius: 20px;
  background-color: #f39d68;
  margin-bottom: 3em;
  margin-right: 1em;
  float: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#our-story .button-container a {
  text-decoration: none;
  font-size: 1.35em;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: white;
  text-align: center;
}

#wholesale__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2023/03/Fiction-CoffeeandCoconuts_YW-LOWRES_DSC6764-scaled.jpg");
  background-position: center 30%;
}

#wholesale-contact-popup {
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  z-index: 200;
  /* Sit on top */
}

#wholesale-contact-popup .wholesale_contact_popup {
  width: 50%;
  background-color: white;
  border-radius: 20px;
  padding: 3em;
  margin: auto;
  margin-top: 17em;
}

@media screen and (max-width: 936px) {
  #wholesale-contact-popup .wholesale_contact_popup {
    width: 80%;
  }
}

#wholesale-contact-popup .wholesale_contact_popup .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#wholesale-contact-popup .wholesale_contact_popup .close:hover, #wholesale-contact-popup .wholesale_contact_popup .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form {
  padding-bottom: 3em;
}

#wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text {
  width: 90%;
  margin: auto;
}

#wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text label, #wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text input, #wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text textarea {
  width: 100%;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  font-weight: 300;
}

#wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text label:focus-visible, #wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text input:focus-visible, #wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text textarea:focus-visible {
  outline: 0;
}

#wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text input {
  margin-bottom: 1em;
}

#wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text button {
  border: 0;
  background-color: #f39d68;
  color: white;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.5em 2em;
  cursor: pointer;
  margin-top: 1em;
  float: right;
  width: 16em;
  border-radius: 20px;
  font-size: 1.2em;
}

#wholesale-contact-popup .wholesale_contact_popup .wholesale_contact_form .contact-form__text button:hover {
  font-weight: 600;
}

#wholesale #roastery, #wholesale #our-story, #wholesale #locations {
  background-color: #F3F6F5;
}

#wholesale .header-image__container {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#wholesale .page-content {
  margin-top: -26em;
}

#wholesale .page-content .page-title h1 {
  font-size: 5.5em;
  font-family: CakoBlack;
  text-align: center;
  color: #e1edce;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #wholesale .page-content .page-title h1 {
    font-size: 8em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #wholesale .page-content .page-title h1 {
    font-size: 10em;
  }
}

@media screen and (min-width: 1024px) {
  #wholesale .page-content .page-title h1 {
    font-size: 12em;
    padding-left: 3em;
  }
}

#wholesale .page-content .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  #wholesale .page-content .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#wholesale .page-content .flex-container .image-block__container {
  float: left;
  min-height: 1px;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  #wholesale .page-content .flex-container .image-block__container {
    width: 50%;
    margin-top: 14em;
    margin-bottom: 7em;
  }
  #wholesale .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
  #wholesale .page-content .flex-container .image-block__container .image-block img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #wholesale .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  #wholesale .page-content .flex-container .image-block__container {
    margin: 0;
    padding: 0 3em 7em 3em;
  }
  #wholesale .page-content .flex-container .image-block__container img {
    width: 100%;
  }
}

#wholesale .page-content .flex-container .text-block__container {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  #wholesale .page-content .flex-container .text-block__container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  #wholesale .page-content .flex-container .text-block__container {
    padding: 3em;
  }
}

#wholesale .page-content .flex-container .text-block__container .text-block {
  line-height: 1.7;
  padding: 2em 5em;
  background-color: #F3F6F5;
}

@media screen and (max-width: 480px) {
  #wholesale .page-content .flex-container .text-block__container .text-block {
    padding: 1em 2em;
  }
}

@media screen and (min-width: 1024px) {
  #wholesale .page-content .flex-container .text-block__container .text-block {
    margin-right: 13em;
  }
}

#wholesale .page-content .flex-container .text-block__container .text-block p {
  color: #707070;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

@media screen and (min-width: 1024px) {
  #wholesale .page-content .flex-container .text-block__container .text-block p {
    font-size: 1.7em;
  }
}

#wholesale .page-title h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 1024px) {
  #wholesale .page-title h1 {
    padding-left: 2em !important;
  }
}

@media screen and (min-width: 1024px) {
  #wholesale .page-content .flex-container .image-block__container {
    margin-top: 17em;
  }
}

#wholesale .page-content .flex-container .text-block__container a {
  color: #707070;
  text-decoration: underline;
  cursor: pointer;
}

#subscriptions #subscriptions__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/CT_Airscape-scaled.jpg");
  background-position: bottom;
}

#subscriptions #roastery, #subscriptions #our-story, #subscriptions #locations {
  background-color: #F3F6F5;
}

#subscriptions .header-image__container {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#subscriptions .page-content {
  margin-top: -26em;
}

#subscriptions .page-content .page-title h1 {
  font-size: 5.5em;
  font-family: CakoBlack;
  text-align: center;
  color: white;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #subscriptions .page-content .page-title h1 {
    font-size: 8em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #subscriptions .page-content .page-title h1 {
    font-size: 10em;
  }
}

@media screen and (min-width: 1024px) {
  #subscriptions .page-content .page-title h1 {
    font-size: 12em;
    padding-left: 3em;
  }
}

#subscriptions .page-content .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  #subscriptions .page-content .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#subscriptions .page-content .flex-container .image-block__container {
  float: left;
  min-height: 1px;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  #subscriptions .page-content .flex-container .image-block__container {
    width: 50%;
    margin-top: 14em;
    margin-bottom: 7em;
  }
  #subscriptions .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
  #subscriptions .page-content .flex-container .image-block__container .image-block img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #subscriptions .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  #subscriptions .page-content .flex-container .image-block__container {
    margin: 0;
    padding: 0 3em 7em 3em;
  }
  #subscriptions .page-content .flex-container .image-block__container img {
    width: 100%;
  }
}

#subscriptions .page-content .flex-container .text-block__container {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  #subscriptions .page-content .flex-container .text-block__container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  #subscriptions .page-content .flex-container .text-block__container {
    padding: 3em;
  }
}

#subscriptions .page-content .flex-container .text-block__container .text-block {
  line-height: 1.7;
  padding: 2em 5em;
  background-color: #F3F6F5;
}

@media screen and (max-width: 480px) {
  #subscriptions .page-content .flex-container .text-block__container .text-block {
    padding: 1em 2em;
  }
}

@media screen and (min-width: 1024px) {
  #subscriptions .page-content .flex-container .text-block__container .text-block {
    margin-right: 13em;
  }
}

#subscriptions .page-content .flex-container .text-block__container .text-block p {
  color: #707070;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

@media screen and (min-width: 1024px) {
  #subscriptions .page-content .flex-container .text-block__container .text-block p {
    font-size: 1.7em;
  }
}

#subscriptions .page-title h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

#subscriptions .button-container {
  padding: 0.5em 3em;
  border-radius: 20px;
  background-color: #f39d68;
  margin-bottom: 3em;
  margin-right: 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#subscriptions .button-container a {
  text-decoration: none;
  font-size: 1.35em;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: white;
  text-align: center;
}

.orders .invoice {
  display: none !important;
}

.my-orders-page .my-orders-page__container {
  display: inline-block;
  width: 65%;
}

.my-orders-page .my-orders-page__container h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.my-orders-page .my-orders-page__container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

@media screen and (max-width: 768px) {
  .my-orders-page .my-orders-page__container {
    width: unset;
    margin: 0 3em;
  }
}

.my-orders-page .my-orders-page__container .my-orders-page__banner {
  padding: 1.5em;
  background-color: white;
  border-radius: 50px;
  margin-bottom: 1.5em;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "my-orders_history my-orders_history my-orders-last-order"
 "my-orders_history my-orders_history my-orders-account-details";
  -webkit-column-gap: 1.5em;
          column-gap: 1.5em;
  row-gap: 1.5em;
}

@media screen and (max-width: 936px) {
  .my-orders-page .my-orders-page__container .my-orders-page__blocks {
        grid-template-areas: "my-orders_history my-orders_history"
 "my-orders-last-order my-orders-account-details";
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 480px) {
  .my-orders-page .my-orders-page__container .my-orders-page__blocks {
        grid-template-areas: "my-orders_history"
 "my-orders-last-order"
 "my-orders-account-details";
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks .my-orders-page__block {
  background-color: white;
  border-radius: 20px;
  padding: 1.5em;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: my-orders_history;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders h3 {
  margin-bottom: 1em;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table {
  margin-bottom: 0.5em;
  width: 100%;
  border-spacing: 0 0.8em;
  border: 0;
  border-radius: 0;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table tbody tr {
  background-color: rgba(137, 169, 158, 0.35);
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table tbody tr td {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table tbody tr td.woocommerce-orders-table__cell-order-items {
  padding: 1em;
  width: 42%;
}

@media screen and (max-width: 768px) {
  .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 2em;
  }
  .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__row .woocommerce-orders-table__cell {
    border-top: 0;
  }
  .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__row .woocommerce-orders-table__cell:not(.woocommerce-orders-table__cell-order-actions) {
    text-align: left !important;
  }
  .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__row .woocommerce-orders-table__cell::before {
    display: none;
  }
  .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-date, .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-total {
    width: 17%;
  }
  .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-items {
    width: 40%;
  }
  .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__cell-order-number, .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__cell-order-status {
  padding: 0;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__cell-order-actions a.invoice, .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__cell-order-actions a.view, .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__cell-order-actions a.pay, .my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__cell-order-actions a.cancel {
  background-color: #89a99e;
  color: white;
  border-radius: 20px;
  font-family: acumin-pro-wide, sans-serif;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders table .woocommerce-orders-table__cell a {
  color: #707070;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders .woocommerce-pagination .button {
  background-color: white;
  border: 1px solid #89a99e;
  color: #707070;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 100;
  text-align: center;
  width: 7em;
  border-radius: 20px;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders .woocommerce-pagination .button:hover {
  background-color: #89a99e;
  color: white;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #all-orders .woocommerce-pagination .button.woocommerce-button--next {
  float: right;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: my-orders-last-order;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order h3 {
  margin-bottom: 1em;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order p {
  text-align: center;
  margin: 0;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .last-order-image-container {
  text-align: center;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .last-order-single-image {
  text-align: center;
  width: 100%;
  display: inline-block;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .last-order-single-image img {
  width: 30%;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .last-order-image {
  text-align: center;
  width: 30%;
  display: inline-block;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .order-date p {
  font-weight: 600;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .order-again {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 1em;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .order-again a {
  text-decoration: none;
  color: white;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .order-again a {
  padding: 0;
  background-color: transparent;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .no-orders-latest-order-block .no-order-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 2em 0 1em 0;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .no-orders-latest-order-block .no-order-images img {
  width: 70%;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .no-orders-latest-order-block .button-container {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #last-order .no-orders-latest-order-block .button-container a {
  text-decoration: none;
  color: white;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #my-account {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: my-orders-account-details;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #my-account .account-details h3 {
  width: 90%;
  float: left;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #my-account .account-details .icon {
  width: 13px;
  display: inline-block;
  opacity: 0.65;
  cursor: pointer;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #my-account .account-details .address {
  padding-left: 2em;
  padding-top: 2em;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #my-account .account-details .address a {
  color: #707070;
}

.my-orders-page .my-orders-page__container .my-orders-page__blocks #my-account h3 {
  margin-bottom: 1.5em;
}

.view-order-page .view-order-page__container {
  display: inline-block;
  width: 65%;
}

.view-order-page .view-order-page__container h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.view-order-page .view-order-page__container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

@media screen and (max-width: 768px) {
  .view-order-page .view-order-page__container {
    width: unset;
    margin: 0 3em;
  }
}

.view-order-page .view-order-page__container .view-order-page__banner {
  padding: 1.5em;
  background-color: white;
  border-radius: 50px;
  margin-bottom: 1.5em;
}

.view-order-page .view-order-page__container .view-order-page__blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "details details totals"
 "details details addresses";
  -webkit-column-gap: 1.5em;
          column-gap: 1.5em;
  row-gap: 1.5em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .view-order-page .view-order-page__container .view-order-page__blocks {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "details details"
 "totals addresses";
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .view-order-page .view-order-page__container .view-order-page__blocks {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "details details"
 "totals addresses";
  }
}

@media screen and (max-width: 480px) {
  .view-order-page .view-order-page__container .view-order-page__blocks {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "details"
 "totals"
 "addresses";
  }
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block {
  background-color: white;
  border-radius: 20px;
  padding: 1.5em;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: details;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details h2 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
  padding-bottom: 1em;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table {
  border: 0;
  width: 100%;
  border-spacing: 0 0.8em;
  border-radius: 0;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr {
  width: 30%;
  background-color: rgba(137, 169, 158, 0.35);
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td {
  border-top: 0;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td.product-image {
  width: 22%;
  padding-left: 3em;
  padding-right: 3em;
}

@media screen and (max-width: 480px) {
  .view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td.product-image {
    display: none;
  }
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td.product-name a, .view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td.product-name .product-quantity {
  font-family: cakoBlack;
  font-size: 2.2em;
  text-decoration: none;
  color: #707070;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td ul li:not(:first-child) {
  padding-left: 2em;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td ul.wc-item-meta {
  padding-left: 0;
  margin: 0;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td ul.wc-item-meta li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td ul.wc-item-meta .wc-item-meta-label {
  display: none;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table tbody tr td .woocommerce-Price-amount {
  font-size: 1.35em;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details .order-again {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details .order-again a {
  text-decoration: none;
  color: white;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details .order-again a {
  padding: 0;
  background-color: transparent;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details .mollie-instructions {
  display: none;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details table + header, .view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-details .woocommerce-order-details .woocommerce-MyAccount-subscriptions {
  display: none;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-totals {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: totals;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-totals h3 {
  margin-bottom: 1em;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-totals .label {
  font-weight: 600;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-totals .order-again {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  margin: auto;
  margin-top: 2em;
  text-align: center;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-totals .order-again a {
  text-decoration: none;
  color: white;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#order-totals .order-again a {
  padding: 0;
  background-color: transparent;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#address {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: addresses;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#address .woocommerce-column {
  float: unset;
  width: 100%;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#address .woocommerce-column.woocommerce-column--shipping-address {
  padding-top: 4em;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#address .woocommerce-column h2 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
  padding-bottom: 0.5em;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#address .woocommerce-column address {
  border: 0;
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

.view-order-page .view-order-page__container .view-order-page__blocks .view-order-page__block#address .woocommerce-column address p {
  font-size: 1em;
}

.invoices .view, .invoices .order-again {
  display: none !important;
}

.community .community-page .community-page__container {
  display: inline-block;
  width: 65%;
}

.community .community-page .community-page__container h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.community .community-page .community-page__container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

.community .community-page .community-page__container .community-page__banner {
  padding: 1.5em;
  background-color: white;
  border-radius: 50px;
  margin-bottom: 1.5em;
}

.community .community-page .community-page__container .community-page__blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
      grid-template-areas: "community community favorites"
 "com-details com-subscriptions com-marketing";
  -webkit-column-gap: 1.5em;
          column-gap: 1.5em;
  row-gap: 1.5em;
}

.community .community-page .community-page__container .community-page__blocks .community-page__block {
  background-color: white;
  border-radius: 20px;
  padding: 1.5em;
}

.community .community-page .community-page__container .community-page__blocks #community {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: community;
}

.community .community-page .community-page__container .community-page__blocks #favorites {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: favorites;
}

.community .community-page .community-page__container .community-page__blocks #com-account-details {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: com-details;
}

.community .community-page .community-page__container .community-page__blocks #com-account-details .account-details h3 {
  width: 90%;
  float: left;
}

.community .community-page .community-page__container .community-page__blocks #com-account-details .account-details .icon {
  width: 13px;
  display: inline-block;
  opacity: 0.65;
  cursor: pointer;
}

.community .community-page .community-page__container .community-page__blocks #com-account-details .account-details .address {
  padding-left: 2em;
  padding-top: 2em;
}

.community .community-page .community-page__container .community-page__blocks #com-account-details .account-details .address a {
  color: #707070;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: com-subscriptions;
  background-color: #89a99e;
  color: white;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions h3 {
  color: white;
  margin-bottom: 1.5em;
  width: 90%;
  float: left;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .icon {
  width: 13px;
  display: inline-block;
  opacity: 0.65;
  cursor: pointer;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .inactive-subscription-container .next-shipment-container, .community .community-page .community-page__container .community-page__blocks #com-subscriptions .inactive-subscription-container a:not(.reactivate) {
  display: none;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .inactive-subscription-container .subscription-action-buttons .reactivate {
  background-color: #f39d68;
  color: white;
  border-radius: 20px;
  width: 80%;
  font-family: acumin-pro-wide, sans-serif;
  text-align: center;
  font-size: 1.35em;
  font-weight: 100;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .inactive-subscription-container .subscription-action-buttons .reactivate:hover {
  font-weight: 600;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .multiple_subscription_subscription_block {
  display: none;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .multiple_subscription_subscription_block.first_sub {
  display: block;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions #multiple_subscription_previous, .community .community-page .community-page__container .community-page__blocks #com-subscriptions #multiple_subscription_next {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 49%;
  display: inline-block;
  text-align: center;
  font-size: 2em;
  font-family: acumin-pro-wide, sans-serif;
  margin: 0;
  padding-top: 0.6em;
  cursor: pointer;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .next-shipment-grid-container {
  height: 80%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
      grid-template-areas: "sub-info sub-image"
 "delivery sub-image";
  -webkit-column-gap: 1em;
          column-gap: 1em;
  row-gap: 1em;
  float: left;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .next-shipment-grid-container h4 {
  margin: 0;
  font-family: cakoBlack;
  font-size: 2.6em;
  color: white;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .next-shipment-grid-container p {
  margin: 0;
  color: white;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .next-shipment-grid-container .active-subscription {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sub-info;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .next-shipment-grid-container .active-subscription-image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: sub-image;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .next-shipment-grid-container .next-shipment-container {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: delivery;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  border: solid 1px white;
  padding: 0.5em 2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .next-shipment-grid-container .next-shipment-container .next-shipment p {
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-size: 1.2em;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .next-shipment-grid-container .next-shipment-container .next-shipment p.days {
  font-size: 1.5em;
  font-weight: 600;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .no-subscription-grid-container {
  padding-top: 3em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.8fr;
      grid-template-columns: 1fr 0.8fr;
      grid-template-areas: "sub-perks airscape-image"
 "learn-more airscape-image";
  -webkit-column-gap: 1em;
          column-gap: 1em;
  row-gap: 1em;
  float: left;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .no-subscription-grid-container .subscription-perks-container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sub-perks;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .no-subscription-grid-container .subscription-perks-container p {
  color: white;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .no-subscription-grid-container .airscape-image-container {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: airscape-image;
  padding: 0.5em;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .no-subscription-grid-container .button-container {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: learn-more;
  padding: 1em 2em;
  background-color: #f39d68;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  margin-bottom: 2em;
  border-radius: 20px;
}

.community .community-page .community-page__container .community-page__blocks #com-subscriptions .no-subscription-grid-container .button-container a {
  color: white;
  text-decoration: none;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
}

.community .community-page .community-page__container .community-page__blocks #com-marketing {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: com-marketing;
}

.wholesale-page__container h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.wholesale-page__container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

@media screen and (max-width: 768px) {
  .wholesale-page__container {
    padding: 0 3em;
  }
}

.wholesale-page__container .wholesale-page__blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
      grid-template-columns: 1fr 2fr;
      grid-template-areas: "wholesale-last-order wholesale-order-history"
 "wholesale-account-details wholesale-order-history";
  -webkit-column-gap: 1.5em;
          column-gap: 1.5em;
  row-gap: 1.5em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .wholesale-page__container .wholesale-page__blocks {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "wholesale-last-order wholesale-account-details"
 "wholesale-order-history wholesale-order-history";
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .wholesale-page__container .wholesale-page__blocks {
    width: 100%;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "wholesale-last-order wholesale-account-details"
 "wholesale-order-history wholesale-order-history";
  }
}

@media screen and (max-width: 480px) {
  .wholesale-page__container .wholesale-page__blocks {
    height: 100%;
    width: 100%;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "wholesale-last-order"
 "wholesale-order-history"
 "wholesale-account-details";
  }
}

.wholesale-page__container .wholesale-page__blocks .wholesale-page__block {
  background-color: white;
  border-radius: 20px;
  padding: 1.5em;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: wholesale-last-order;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order h3 {
  margin-bottom: 1em;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order p {
  text-align: center;
  margin: 0;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .last-order-image-container {
  text-align: center;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .last-order-single-image {
  text-align: center;
  width: 100%;
  display: inline-block;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .last-order-single-image img {
  width: 30%;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .last-order-image {
  text-align: center;
  width: 30%;
  display: inline-block;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .order-date p {
  font-weight: 600;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .order-again {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 1em;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .order-again a {
  text-decoration: none;
  color: white;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .order-again a {
  padding: 0;
  background-color: transparent;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .no-orders-latest-order-block .no-order-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 2em 0 1em 0;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .no-orders-latest-order-block .no-order-images img {
  width: 70%;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .no-orders-latest-order-block .button-container {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-last-order .no-orders-latest-order-block .button-container a {
  text-decoration: none;
  color: white;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: wholesale-order-history;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history h3.invoice {
  display: none;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history h4 {
  font-weight: 300;
  font-size: 2em;
  font-family: cakoBlack;
  color: #89a99e;
  margin: 0.5em 0;
  text-decoration: none;
  text-transform: uppercase;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table {
  width: 100%;
  border-spacing: 0 0.8em;
  border: 0;
  border-radius: 0;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table tbody tr {
  background-color: rgba(137, 169, 158, 0.35);
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table tbody tr td {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table tbody tr td.woocommerce-orders-table__cell-order-items {
  padding: 1em;
  width: 42%;
}

@media screen and (max-width: 768px) {
  .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 2em;
  }
  .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell {
    border-top: 0;
  }
  .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell:not(.woocommerce-orders-table__cell-order-actions) {
    text-align: left !important;
  }
  .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell::before {
    display: none;
  }
  .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-date, .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-total {
    width: 17%;
  }
  .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-items {
    width: 40%;
  }
  .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-date a {
  text-decoration: none;
  color: #707070;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions a.invoice, .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions a.view, .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions .order-again .button, .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions a {
  background-color: #89a99e;
  color: white;
  border-radius: 20px;
  font-family: acumin-pro-wide, sans-serif;
  font-size: 1em;
  width: 75%;
  text-align: center;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions a.invoice, .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions .order-again .button, .wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions a {
  margin-top: 0.5em;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions .order-again {
  margin: 0;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history table .woocommerce-orders-table__cell-order-actions .order-again .button {
  font-size: 0.75em !important;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history .woocommerce-message {
  border-top: 0;
  background-color: white;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  font-size: 1.2em;
  padding-left: 2em;
  margin-top: 1em;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history .woocommerce-message::before {
  display: none;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-order-history .woocommerce-message .woocommerce-Button {
  background-color: #f39d68;
  color: white;
  border-radius: 20px;
  padding: 1em;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-account-details {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: wholesale-account-details;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-account-details .account-details h3 {
  width: 90%;
  float: left;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-account-details .account-details .icon {
  width: 13px;
  display: inline-block;
  opacity: 0.65;
  cursor: pointer;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-account-details .account-details .address {
  padding-left: 2em;
  padding-top: 2em;
}

.wholesale-page__container .wholesale-page__blocks #wholesale-account-details .account-details .address a {
  color: #707070;
}

.account-form-page {
  background-color: #F3F6F5;
}

.account-form-page .account-form-page__container {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/05/half_wave_opacity-6.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 7em;
}

.account-form-page .account-form-page__container #customer_login {
  margin: 0 10%;
  width: unset;
}

.account-form-page .account-form-page__container .confirmation-container {
  background-color: white;
  border-radius: 20px !important;
  border: 0 !important;
  margin: 0 20%;
  padding: 2em;
}

@media screen and (max-width: 480px) {
  .account-form-page .account-form-page__container .confirmation-container {
    margin: 0 10%;
  }
}

.account-form-page .account-form-page__container .confirmation-container p {
  font-weight: 300;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  text-align: center;
}

.account-form-page form {
  background-color: white;
  border-radius: 20px !important;
  border: 0 !important;
}

.account-form-page form h2 {
  font-weight: 600;
  font-size: 1.6em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
  padding-bottom: 2em;
}

.account-form-page form p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

.account-form-page form p a {
  color: #707070;
}

.account-form-page form p label {
  padding-left: 1em;
}

.account-form-page form p input {
  padding: 0.5em 1em;
  border-radius: 20px;
  border: 1px solid #89a99e;
  font-weight: 300;
  font-size: 1em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.account-form-page form .form-row .woocommerce-form-login__rememberme {
  width: 100%;
  text-align: right;
}

.account-form-page form .form-row button, .account-form-page form .form-row button:hover {
  background-color: #89a99e;
  color: white;
  font-weight: 600;
  font-size: 1em;
  border-radius: 0;
  padding: 0.8em 3em;
  margin-top: 0.5em;
  margin-right: 0 !important;
  float: right !important;
}

.account-form-page form.lost_reset_password {
  padding: 2em;
  margin: 3em 15% 0;
}

@media screen and (max-width: 480px) {
  .account-form-page form.lost_reset_password {
    margin: 3em 5% 0;
  }
}

.checkout-page .woocommerce-order {
  width: 80%;
  margin: auto;
  padding-bottom: 8em;
}

@media screen and (min-width: 1024px) {
  .checkout-page .woocommerce-order {
    width: 65%;
  }
}

.checkout-page .woocommerce-order .woocommerce-thankyou-order-received, .checkout-page .woocommerce-order .woocommerce-thankyou-order-failed {
  font-size: 3em;
  font-family: cakoBlack;
  color: #89a99e;
  text-align: center;
}

.checkout-page .woocommerce-order .thankyou-page-block {
  background-color: white;
  border-radius: 20px;
  padding: 3em;
}

.checkout-page .woocommerce-order .thankyou-page-block ul, .checkout-page .woocommerce-order .thankyou-page-block p {
  font-size: 1.2em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details {
  margin-top: 3em;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details h2 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
  padding-bottom: 1em;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table {
  border: 0;
  width: 100%;
  border-spacing: 0 0.8em;
  border-radius: 0;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr {
  width: 30%;
  background-color: rgba(137, 169, 158, 0.35);
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td {
  font-size: 1.2em !important;
  border-top: 0;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td.product-image {
  width: 15%;
  padding-left: 3em;
  padding-right: 3em;
}

@media screen and (max-width: 936px) {
  .checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td.product-image {
    width: 25%;
    padding-left: 0;
    padding-right: 0;
  }
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td.product-name a, .checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td.product-name .product-quantity {
  font-family: cakoBlack;
  font-size: 2.2em;
  text-decoration: none;
  color: #707070;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td ul li:not(:first-child) {
  padding-left: 2em;
}

@media screen and (max-width: 936px) {
  .checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td ul li:not(:first-child) {
    padding-left: 0;
  }
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td ul.wc-item-meta {
  padding-left: 0;
  margin: 0;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td ul.wc-item-meta li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}

@media screen and (max-width: 936px) {
  .checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td ul.wc-item-meta li {
    display: block;
  }
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td ul.wc-item-meta li p {
  font-size: 1em;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td ul.wc-item-meta .wc-item-meta-label {
  display: none;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table tbody tr td .woocommerce-Price-amount {
  font-size: 1.35em;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details .order-again {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details .order-again a {
  text-decoration: none;
  color: white;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details .order-again a {
  padding: 0;
  background-color: transparent;
}

.checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details table + header, .checkout-page .woocommerce-order .thankyou-page-block .woocommerce-order-details .woocommerce-MyAccount-subscriptions {
  display: none;
}

.error {
  background-color: #F3F6F5;
}

.error .page_container {
  padding-top: 85px;
}

.error .page_container .error-page {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 60vh;
}

.error .page_container .error-page .text-container {
  margin: auto;
}

@media screen and (min-width: 1024px) {
  .error .page_container .error-page .text-container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  .error .page_container .error-page .text-container {
    width: 80%;
  }
}

.error .page_container .error-page .text-container h2 {
  font-size: 6em;
  font-family: cakoBlack;
  color: #89a99e;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding-top: 1em;
}

@media screen and (max-width: 480px) {
  .error .page_container .error-page .text-container h2 {
    padding-top: 1.5em;
    font-size: 4em;
  }
}

.error .page_container .error-page .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 480px) {
  .error .page_container .error-page .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2em;
  }
}

.error .page_container .error-page .flex-container .button-container {
  padding: 1em 3em;
  margin: 6em 2em;
  border-radius: 5px;
}

@media screen and (max-width: 480px) {
  .error .page_container .error-page .flex-container .button-container {
    margin: auto;
    margin-top: 2em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.error .page_container .error-page .flex-container .button-container#error-home {
  background-color: #89a99e;
}

.error .page_container .error-page .flex-container .button-container#error-shop {
  background-color: #f39d68;
}

@media screen and (max-width: 480px) {
  .error .page_container .error-page .flex-container .button-container#error-shop {
    margin-bottom: 5em;
  }
}

.error .page_container .error-page .flex-container .button-container a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.35em;
  font-weight: 600;
  font-family: acumin-pro-wide, sans-serif;
  color: white;
  text-align: center;
}

#terms-conditions, #shipping-policy, #privacy-policy {
  background-color: #F3F6F5;
  padding-top: 85px;
}

#terms-conditions .page-content, #shipping-policy .page-content, #privacy-policy .page-content {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/05/half_wave_opacity-6.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 3em;
}

#terms-conditions .page-content .text-container, #shipping-policy .page-content .text-container, #privacy-policy .page-content .text-container {
  width: 65%;
  background-color: white;
  border-radius: 20px;
  margin: auto;
  padding: 2em 5em;
}

#terms-conditions .page-content .text-container h2, #shipping-policy .page-content .text-container h2, #privacy-policy .page-content .text-container h2 {
  font-size: 4em;
  font-family: cakoBlack;
  color: #89a99e;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding-bottom: 1em;
}

#terms-conditions .page-content .text-container h3, #shipping-policy .page-content .text-container h3, #privacy-policy .page-content .text-container h3 {
  padding-top: 1.5em;
}

#terms-conditions .page-content .text-container h3, #shipping-policy .page-content .text-container h3, #privacy-policy .page-content .text-container h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

#terms-conditions .page-content .text-container p, #shipping-policy .page-content .text-container p, #privacy-policy .page-content .text-container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

#terms-conditions .page-content .text-container li, #shipping-policy .page-content .text-container li, #privacy-policy .page-content .text-container li {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

.roles-page {
  padding-top: 85px;
}

.roles-page .roles-page__content {
  text-align: center;
}

.roles-page .roles-page__content h1, .roles-page .roles-page__content h2 {
  font-family: CakoBlack;
  text-transform: uppercase;
  color: #89a99e;
}

.roles-page .roles-page__content h2 {
  font-size: 3.5em;
}

.roles-page .roles-page__content p {
  text-align: center;
}

.roles-page .roles-page__content hr {
  padding: 0;
}

.roles-page .roles-page__content label, .roles-page .roles-page__content option, .roles-page .roles-page__content input, .roles-page .roles-page__content select, .roles-page .roles-page__content p, .roles-page .roles-page__content h3 {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roles-page .roles-page__content #delete-role-select option {
  font-size: 1em;
}

.roles-page .roles-page__content #create-role h2 {
  margin-bottom: 0;
}

.roles-page .roles-page__content #create-role h3 {
  margin-top: 0;
}

.roles-page .roles-page__content section {
  padding: 2em 0 4em;
}

.roles-page .roles-page__content section#add-role-to-user, .roles-page .roles-page__content section#create-role {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/05/half_wave_opacity-6.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.roles-page .roles-page__content section form {
  width: 80%;
  margin: auto;
}

.roles-page .roles-page__content section form .user-email-input {
  text-align: center;
}

.roles-page .roles-page__content section form .option-box {
  padding: 2em 0;
  text-align: left;
}

.roles-page .roles-page__content section form .option-box .add-role-option, .roles-page .roles-page__content section form .option-box .remove-role-option {
  width: 24%;
  display: inline-block;
}

.roles-page .roles-page__content section form #add-role-email, .roles-page .roles-page__content section form #remove-role-email {
  width: 30%;
}

.roles-page .roles-page__content section form #create-role-system-name, .roles-page .roles-page__content section form #create-role-display-name {
  margin-bottom: 2em;
  width: 30%;
}

.roles-page .roles-page__content section form #delete-role-select {
  margin-bottom: 2em;
}

.roles-page .roles-page__content section form button {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  padding: 0.8em 2em;
  border-radius: 20px;
  border: 0;
  color: white;
  cursor: pointer;
  display: block;
  margin: auto;
}

#contact {
  background-color: #F3F6F5;
  padding-top: 85px;
}

#contact .page-content {
  width: 70%;
  margin: auto;
  padding-bottom: 3em;
}

#contact .page-content .page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 936px) {
  #contact .page-content .page-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#contact .page-content .page-container .image-container {
  width: 47%;
  margin: 3%;
  border-radius: 20px;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/11/CT-Coffee_Cocunuts-MDJ-december-2016-full-size-0242-copy-1024x688-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 936px) {
  #contact .page-content .page-container .image-container {
    width: 100%;
    margin: 0;
    height: 40vh;
  }
}

#contact .page-content .page-container .text-container {
  width: 47%;
  margin: 3%;
  background-color: white;
  border-radius: 20px;
  padding: 2em 5em;
}

@media screen and (max-width: 936px) {
  #contact .page-content .page-container .text-container {
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0;
  }
}

#contact .page-content .page-container .text-container h2 {
  font-size: 4em;
  font-family: cakoBlack;
  color: #89a99e;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding-bottom: 0.3em;
}

@media screen and (max-width: 936px) {
  #contact .page-content .page-container .text-container p {
    padding: 2em;
  }
}

#contact .page-content .page-container .text-container h3 {
  padding-top: 1.5em;
}

#contact .page-content .page-container .text-container h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

#contact .page-content .page-container .text-container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

#contact .page-content .page-container .text-container a {
  text-decoration: none;
  color: #707070;
}

#contact .page-content .page-container .text-container li {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

#faq {
  background-color: #F3F6F5;
  padding-top: 85px;
}

#faq .page-content {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/05/half_wave_opacity-6.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 3em;
}

#faq .page-content .text-container {
  width: 65%;
  background-color: white;
  border-radius: 20px;
  margin: auto;
  padding: 2em 5em;
}

#faq .page-content .text-container .faq-menu {
  text-align: center;
  display: none;
}

#faq .page-content .text-container .faq-menu .faq-menu-item {
  display: inline-block;
  /*padding: 0 2em 5em 2em;*/
}

#faq .page-content .text-container .faq-menu .faq-menu-item a {
  text-decoration: none;
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
}

#faq .page-content .text-container h2 {
  font-size: 4em;
  font-family: cakoBlack;
  color: #89a99e;
  text-decoration: none;
  text-align: center;
  margin: 0;
  /*padding-bottom: 1em;*/
}

#faq .page-content .text-container h3 {
  font-size: 2em;
  font-family: cakoBlack;
  color: #89a99e;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding: 2em;
}

#faq .page-content .text-container h4 {
  padding-top: 1.5em;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

#faq .page-content .text-container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

#faq .page-content .text-container li {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

#zuidas__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/11/thumbnail_image2.jpg");
}

#zuidas #roastery, #zuidas #our-story, #zuidas #locations {
  background-color: #F3F6F5;
}

#zuidas .header-image__container {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#zuidas .page-content {
  margin-top: -26em;
}

#zuidas .page-content .page-title h1 {
  font-size: 5.5em;
  font-family: CakoBlack;
  text-align: center;
  color: #a2b180;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #zuidas .page-content .page-title h1 {
    font-size: 8em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #zuidas .page-content .page-title h1 {
    font-size: 10em;
  }
}

@media screen and (min-width: 1024px) {
  #zuidas .page-content .page-title h1 {
    font-size: 12em;
    padding-left: 3em;
  }
}

#zuidas .page-content .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  #zuidas .page-content .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#zuidas .page-content .flex-container .image-block__container {
  float: left;
  min-height: 1px;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  #zuidas .page-content .flex-container .image-block__container {
    width: 50%;
    margin-top: 14em;
    margin-bottom: 7em;
  }
  #zuidas .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
  #zuidas .page-content .flex-container .image-block__container .image-block img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #zuidas .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  #zuidas .page-content .flex-container .image-block__container {
    margin: 0;
    padding: 0 3em 7em 3em;
  }
  #zuidas .page-content .flex-container .image-block__container img {
    width: 100%;
  }
}

#zuidas .page-content .flex-container .text-block__container {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  #zuidas .page-content .flex-container .text-block__container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  #zuidas .page-content .flex-container .text-block__container {
    padding: 3em;
  }
}

#zuidas .page-content .flex-container .text-block__container .text-block {
  line-height: 1.7;
  padding: 2em 5em;
  background-color: #F3F6F5;
}

@media screen and (max-width: 480px) {
  #zuidas .page-content .flex-container .text-block__container .text-block {
    padding: 1em 2em;
  }
}

@media screen and (min-width: 1024px) {
  #zuidas .page-content .flex-container .text-block__container .text-block {
    margin-right: 13em;
  }
}

#zuidas .page-content .flex-container .text-block__container .text-block p {
  color: #707070;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

@media screen and (min-width: 1024px) {
  #zuidas .page-content .flex-container .text-block__container .text-block p {
    font-size: 1.7em;
  }
}

#zuidas .page-title h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

#zuidas #shop-cta {
  padding: 0.5em 3em;
  border-radius: 20px;
  background-color: #f39d68;
  margin-bottom: 3em;
  margin-right: 1em;
  float: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#zuidas #shop-cta a {
  text-decoration: none;
  font-size: 1.35em;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: white;
  text-align: center;
}

#the-pijp__header-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/11/2022-11-23-18.png");
}

#the-pijp #roastery, #the-pijp #our-story, #the-pijp #locations {
  background-color: #F3F6F5;
}

#the-pijp .header-image__container {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#the-pijp .page-content {
  margin-top: -26em;
}

#the-pijp .page-content .page-title h1 {
  font-size: 5.5em;
  font-family: CakoBlack;
  text-align: center;
  color: #e1edce;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #the-pijp .page-content .page-title h1 {
    font-size: 8em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #the-pijp .page-content .page-title h1 {
    font-size: 10em;
  }
}

@media screen and (min-width: 1024px) {
  #the-pijp .page-content .page-title h1 {
    font-size: 12em;
    padding-left: 3em;
  }
}

#the-pijp .page-content .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  #the-pijp .page-content .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#the-pijp .page-content .flex-container .image-block__container {
  float: left;
  min-height: 1px;
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/03/coffeecoconuts_halfopacitywave.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  #the-pijp .page-content .flex-container .image-block__container {
    width: 50%;
    margin-top: 14em;
    margin-bottom: 7em;
  }
  #the-pijp .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
  #the-pijp .page-content .flex-container .image-block__container .image-block img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #the-pijp .page-content .flex-container .image-block__container .image-block {
    width: 80%;
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  #the-pijp .page-content .flex-container .image-block__container {
    margin: 0;
    padding: 0 3em 7em 3em;
  }
  #the-pijp .page-content .flex-container .image-block__container img {
    width: 100%;
  }
}

#the-pijp .page-content .flex-container .text-block__container {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  #the-pijp .page-content .flex-container .text-block__container {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  #the-pijp .page-content .flex-container .text-block__container {
    padding: 3em;
  }
}

#the-pijp .page-content .flex-container .text-block__container .text-block {
  line-height: 1.7;
  padding: 2em 5em;
  background-color: #F3F6F5;
}

@media screen and (max-width: 480px) {
  #the-pijp .page-content .flex-container .text-block__container .text-block {
    padding: 1em 2em;
  }
}

@media screen and (min-width: 1024px) {
  #the-pijp .page-content .flex-container .text-block__container .text-block {
    margin-right: 13em;
  }
}

#the-pijp .page-content .flex-container .text-block__container .text-block p {
  color: #707070;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

@media screen and (min-width: 1024px) {
  #the-pijp .page-content .flex-container .text-block__container .text-block p {
    font-size: 1.7em;
  }
}

#the-pijp .page-title h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

#the-pijp .button-container {
  padding: 0.5em 3em;
  border-radius: 20px;
  background-color: #f39d68;
  margin-bottom: 3em;
  margin-right: 1em;
  float: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#the-pijp .button-container a {
  text-decoration: none;
  font-size: 1.35em;
  font-weight: 300;
  font-family: acumin-pro-wide, sans-serif;
  color: white;
  text-align: center;
}

#location-test {
  background-color: #F3F6F5;
  padding-top: 85px;
}

#location-test .page-content {
  width: 70%;
  margin: auto;
  padding-bottom: 3em;
}

#location-test .page-content .page-container {
  display: block;
}

#location-test .page-content .page-container .locations-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#location-test .page-content .page-container .locations-flex-container .image-container {
  width: 47%;
  margin: 3%;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 936px) {
  #location-test .page-content .page-container .locations-flex-container .image-container {
    width: 100%;
    margin: 0;
    height: 40vh;
  }
}

#location-test .page-content .page-container .locations-flex-container .image-container#location-the-pijp-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/11/CoffeCoconuts_jackalexanderedge1-1024x1024-1.jpg");
}

#location-test .page-content .page-container .locations-flex-container .image-container#location-zuidas-image {
  background-image: url("https://www.coffeeandcoconuts.com/wp-content/uploads/2022/11/thumbnail_image2.jpg");
}

#location-test .page-content .page-container .locations-flex-container .text-container {
  width: 47%;
  margin: 3%;
  background-color: white;
  border-radius: 10px;
  padding: 2em 5em;
}

#location-test .page-content .page-container .locations-flex-container .text-container#text-container-the-pijp {
  text-align: left;
}

#location-test .page-content .page-container .locations-flex-container .text-container#text-container-zuidas {
  text-align: right;
}

@media screen and (max-width: 936px) {
  #location-test .page-content .page-container .locations-flex-container .text-container {
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0;
  }
}

#location-test .page-content .page-container .locations-flex-container .text-container h2 {
  font-size: 4.5em;
  font-family: cakoBlack;
  color: #707070;
  text-decoration: none;
  margin: 0;
  padding-bottom: 0.3em;
}

@media screen and (max-width: 936px) {
  #location-test .page-content .page-container .locations-flex-container .text-container p {
    padding: 2em;
  }
}

#location-test .page-content .page-container .locations-flex-container .text-container h3 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

#location-test .page-content .page-container .locations-flex-container .text-container h3 {
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0;
}

#location-test .page-content .page-container .locations-flex-container .text-container p {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

#location-test .page-content .page-container .locations-flex-container .text-container a {
  text-decoration: none;
  color: #707070;
  text-transform: uppercase;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-size: 1.35em;
}

#location-test .page-content .page-container .locations-flex-container .text-container li {
  font-weight: 300;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070;
  margin: 0.5em 0;
}

#location-test .page-content .page-container .locations-flex-container .text-container .location-buttons .button-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5em;
  margin-top: 1em;
  padding: 0.2em 2em;
  color: #26231e;
  display: inline-block;
}

#location-test .page-content .page-container .locations-flex-container .text-container .location-buttons .button-container.menu {
  background-color: #f39d68;
}

#location-test .page-content .page-container .locations-flex-container .text-container .location-buttons .button-container.view {
  background-color: #89a99e;
  margin-right: 1em;
}

#location-test .page-content .page-container .locations-flex-container .text-container .location-buttons .button-container a {
  font-size: 1.3em;
  color: white;
  font-weight: 600;
}

#coupon-page .coupon-page__content {
  padding-top: 10em;
}

@media screen and (max-width: 936px) {
  #coupon-page .coupon-page__content {
    padding-top: 8em;
  }
}

#coupon-page .coupon-page__content .coupon-page__section h2 {
  font-family: CakoBlack;
  color: #89a99e;
  font-size: 3em !important;
  text-align: center;
}

#coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form table {
  margin: auto;
}

#coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form table .label {
  text-align: right;
}

#coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form table label, #coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form table input {
  width: 50%;
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 300;
  font-style: normal;
}

#coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form table td.input {
  width: 50%;
}

#coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form table td.input input, #coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form table td.input select {
  width: 100%;
}

#coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form .submit-button-container {
  text-align: center;
  padding: 2em 0 4em;
}

#coupon-page .coupon-page__content .coupon-page__section #bulk-generate-coupon-form .submit-button-container button {
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  border-radius: 20px;
  color: white;
  border: 0;
  padding: 0.5em 4em;
  cursor: pointer;
}

#coupon-page .coupon-page__content .coupon-page__section .csv-lines {
  text-align: center;
  margin-bottom: 5em;
}

#coupon-page .coupon-page__content .coupon-page__section .csv-lines table {
  margin: auto;
  margin-bottom: 6em;
}

#coupon-page .coupon-page__content .coupon-page__section .csv-lines table th, #coupon-page .coupon-page__content .coupon-page__section .csv-lines table td {
  font-size: 1.5em;
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  margin: 0;
  padding: 0 1.5em;
}

#coupon-page .coupon-page__content .coupon-page__section .csv-lines table td {
  font-weight: 300;
}

#coupon-page .coupon-page__content .coupon-page__section .csv-lines a {
  margin-top: 2em;
  background-color: #89a99e;
  font-weight: 600;
  font-size: 1.35em;
  font-family: acumin-pro-wide, sans-serif;
  border-radius: 20px;
  color: white;
  border: 0;
  padding: 0.5em 4em;
  cursor: pointer;
  text-decoration: none;
}

.contact-form-page .contact-form-page__content {
  padding-top: 13em;
}

#our-story, #roastery, #locations, #wholesale, #zuidas, .site {
  background-color: #F3F6F5;
}

.theme-Coconuts .wpcc-container {
  display: block !important;
  background-color: #F3F6F5 !important;
  border: 1px solid #89a99e !important;
  border-radius: 20px;
  font-family: acumin-pro-wide, sans-serif;
  color: #707070 !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

@media screen and (max-width: 480px) {
  .theme-Coconuts .wpcc-container {
    text-align: center;
  }
}

.theme-Coconuts .wpcc-container .wpcc-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 2em;
}

@media screen and (max-width: 480px) {
  .theme-Coconuts .wpcc-container .wpcc-message {
    text-align: center;
  }
}

.theme-Coconuts .wpcc-container .wpcc-message a {
  color: #707070 !important;
}

.theme-Coconuts .wpcc-container .wpcc-compliance {
  display: inline-block;
}

@media screen and (max-width: 480px) {
  .theme-Coconuts .wpcc-container .wpcc-compliance {
    text-align: center;
  }
}

.theme-Coconuts .wpcc-container .wpcc-compliance .wpcc-btn {
  padding: 0.2em 2em;
}

.woocommerce-notices-wrapper {
  padding-top: 7em;
  border-bottom: 1px solid #f39d68;
  font-family: acumin-pro-wide, sans-serif;
  background-color: #F3F6F5;
}

.woocommerce-notices-wrapper .woocommerce-error {
  color: #707070;
  margin-bottom: 0;
  border-top: 0;
  background-color: transparent;
}

.cart-page .woocommerce-notices-wrapper, .checkout-page .woocommerce-notices-wrapper, .thankyou-page .woocommerce-notices-wrapper, .account .woocommerce-notices-wrapper, .single-product .woocommerce-notices-wrapper, .thankyou-page .woocommerce-notices-wrapper, .account .woocommerce-notices-wrapper {
  display: none;
}
.coffee-price-icons {
  display: flex !important;
  justify-content: space-between !important;
}
.coffee-price-icons .coffee-origin-type {
  margin-top: 1em !important;;
}
.coffee-icons {
  height: 35px;
  display:flex;
}

.coffee-icons img {
  height: 35px !important;
  width:auto !important;
  display: inline-block !important;
  padding-right: 1em !important;
}
/*# sourceMappingURL=style.css.map */