@import "theme_colors_and_fonts.css";
/* + + + + + VARIABLES + + + + + */
:root {
  --dark-green: #245148;
  --green: #157D64;
  --greenish: #D6E031;
  --yellow: #FBFCEA;
  --black: #000000;
  --white: #ffffff;
  --heading: "Barlow Condensed", sans-serif;
  --body: "Poppins", sans-serif;
  --extramargin: calc((100vw - 75rem) / 2);
}
/* + + + + + SASS VARS + + + + + */
/* + + + + + MIXINS + + + + + */
/* .................................................. */
/* ~~~ GLOBAL ~~~ */
/* .................................................. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ HEADINGS ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1 {
  font-family: var(--heading);
  font-size: var(--wp--preset--font-size--xxl);
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0.2em;
}
h2 {
  font-family: var(--heading);
  font-size: var(--wp--preset--font-size--xl);
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}
h3 {
  font-family: var(--body);
  font-size: var(--wp--preset--font-size--md);
  font-weight: 600;
  line-height: 1em;
  text-transform: capitalize;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ LAYOUT ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#masthead .site-branding .floating-logo {
  border: 1px solid var(--greenish);
  border-top: 0;
}
:root :where(.is-layout-flex) {
  gap: var(--wp--preset--spacing--md);
}
.entry-content > *:not(.alignfull):not([data-align="full"]) {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wp--preset--spacing--sm);
  padding-right: var(--wp--preset--spacing--sm);
}
.wp-block-group.alignfull .wp-block-columns {
  padding-top: 0;
  padding-bottom: 0;
}
.wp-block-group .wp-block-media-text, .wp-block-group .wp-block-group, .wp-block-group .wp-block-columns, .wp-block-columns .wp-block-group, .wp-block-columns .wp-block-columns, .wp-block-columns.wp-block-media-text {
  padding: 0;
  margin: 0;
}
/* --> STRETCH ACTUALLY STRETCHES <---------- */
.wp-block-columns .is-vertically-aligned-stretch {
  align-items: stretch;
  /* make sure container intends to stretch children */
}
.wp-block-columns .is-vertically-aligned-stretch.wp-block-column {
  display: flex;
  flex-direction: column;
}
.wp-block-column.is-vertically-aligned-stretch > .wp-block-group.has-background {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* .................................................. */
/* ~~~ BLOCKS ~~~ */
/* .................................................. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ HEADINGS ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.is-style-billboard {
  font-family: var(--heading);
  font-weight: 700;
  text-transform: uppercase;
}
.is-style-heading-duo {
  font-family: var(--body);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 600;
  line-height: 1.2em;
  text-transform: capitalize;
  margin-top: 0;
}
.is-style-heading-duo strong {
  font-family: var(--heading);
  font-size: var(--wp--preset--font-size--xxl);
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}
.is-style-block-heading {
  background-color: var(--dark-green);
  color: var(--greenish);
  font-size: var(--wp--preset--font-size--sm);
  font-family: var(--body);
  font-weight: 600;
  line-height: 1.3em;
  margin-top: clamp(-5rem, 8vw, -9rem) !important;
  margin-left: 1rem !important;
  text-transform: capitalize;
  padding: var(--wp--preset--spacing--sm);
  width: fit-content;
}
.is-style-heading-with-separator {
  display: flex;
  align-items: center;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}
.is-style-heading-with-separator::before, .is-style-heading-with-separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid var(--white);
  margin: 0 0.75em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ PARAGRAPH ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.is-style-subheading {
  font-weight: 700;
  letter-spacing: 1.19px;
  text-transform: uppercase;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ BUTTONS ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wp-block-buttons .wp-block-button__link {
  border-radius: 0.4rem;
  font-family: var(--heading);
  font-size: 1.4em;
  line-height: 1em;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
}
/* --> Button Band <---------- */
.is-style-btn-band {
  display: flex;
  align-items: center;
}
.is-style-btn-band::before, .is-style-btn-band::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid var(--dark-green);
  margin: 0 0.25rem;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ BUTTON ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.is-style-no-border-radius .wp-block-button__link {
  border-radius: 0.4rem;
  font-family: var(--heading);
  font-size: 1.4em;
  line-height: 1em;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  border-radius: 0 !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ GROUP ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* --> BOOKMARK <---------- */
.is-style-bookmark {
  clip-path: polygon(100% 0, 100% 99%, 50% 80%, 0% 100%, 0 48%, 0% 0%);
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem 1rem 5rem 1rem;
}
.is-style-bookmark figure {
  aspect-ratio: 1;
  object-fit: contain;
  height: 7rem;
  margin: 0;
}
.is-style-bookmark figure img {
  height: 100%;
}
/* --> Rounded Corners <---------- */
.is-style-rounded {
  border-radius: 1rem;
}
/* ~~~~~~~~~~~ MEDIA TEXT ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* * * MEDIA TEXT * * */
.wp-block-media-text {
  gap: var(--wp--preset--spacing--lg);
}
.wp-block-media-text.alignfull > .wp-block-media-text__content {
  margin-right: var(--extramargin);
  margin-left: calc(var(--wp--preset--spacing--md) * 2);
  padding: 0;
}
.wp-block-media-text.alignfull.has-media-on-the-right > .wp-block-media-text__content {
  margin-left: var(--extramargin);
  margin-right: calc(var(--wp--preset--spacing--md) * 2);
  padding: 0;
}
/* ~~~~~~~~~~~ COLUMNS ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wp-block-group .is-style-vertical-separator, .wp-block-columns .is-style-vertical-separator {
  padding-left: var(--wp--preset--spacing--md);
  border-left: 1px solid var(--black);
}
.wp-block-group.has-dark-green-background-color .wp-block-columns .is-style-vertical-separator, .wp-block-columns.has-dark-green-background-color .wp-block-columns .is-style-vertical-separator {
  border-color: var(--white);
}
.wp-block-group.has-greenish-background-color .wp-block-columns .is-style-vertical-separator, .wp-block-columns.has-greenish-background-color .wp-block-columns .is-style-vertical-separator {
  border-color: var(--black);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ LISTS ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wp-block-list {
  padding-left: 1rem;
}
.wp-block-list li {
  padding: 0.5rem 0;
  font-weight: 400;
}
.is-style-two-column {
  columns: 2;
  column-gap: var(--wp--preset--spacing--lg);
}
/* .................................................. */
/* ~~~ SEPARATOR ~~~ */
/* .................................................. */
.wp-block-separator {
  border-width: 1px;
}
/* ~~~~~~~~~~~ IMAGES ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wp-block-image.alignwide {
  padding: 0 !important;
}
/* ~~~~~~~~~~~ VIDEO ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wp-block-embed .wp-block-embed__wrapper {
  aspect-ratio: 1.7777777778;
}
.wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
}
/* .................................................. */
/* ~~~ GETWID ~~~ */
/* .................................................. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ ACCORDION ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-links {
  margin: 0 !important;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-links li.wp-block-getwid-tabs__nav-link {
  border-radius: 0.4375rem;
  border: none;
  font-size: var(--wp--preset--font-size--lg);
  padding: 0 2rem;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-links li.wp-block-getwid-tabs__nav-link[aria-expanded="false"] {
  background-color: var(--greenish);
  width: fit-content;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-links li.wp-block-getwid-tabs__nav-link[aria-expanded="true"] {
  background-color: var(--white);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-links li.wp-block-getwid-tabs__nav-link a {
  color: var(--dark-green);
  font-family: var(--heading);
  padding: 0 !important;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content {
  border: none;
  border-left: 1px solid var(--white);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content a {
  color: var(--white);
  text-decoration-color: var(--greenish);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ IMAGE STACK BLOCK ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.image-stack {
  display: grid;
  gap: 0;
  position: relative;
  height: 100%;
  /* --> Two image layouts <---------- */
  /* --> Three image layouts <---------- */
}
.image-stack img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid;
  box-sizing: border-box;
}
.image-stack.border-green img {
  border-color: var(--dark-green);
}
.image-stack.border-white img {
  border-color: var(--white);
}
.image-stack.border-lightgreen img {
  border-color: var(--green);
}
.image-stack.border-greenish img {
  border-color: var(--greenish);
}
.image-stack.border-yellow img {
  border-color: var(--yellow);
}
.image-stack--two {
  /* --> Square + Wide <---------- */
  /* --> Square + Square <---------- */
  /* --> Square + Tall <---------- */
  /* --> Wide + Wide <---------- */
  /* --> Tall + Wide <---------- */
}
.image-stack--two.image-stack--v1 {
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.image-stack--two.image-stack--v1 .image-stack__item--1 {
  aspect-ratio: 1.0178041543;
  grid-column: 1 / 6;
  grid-row: 1 / 6;
}
.image-stack--two.image-stack--v1 .image-stack__item--2 {
  align-self: end;
  aspect-ratio: 1.4982578397;
  grid-column: 3 / 8;
  grid-row: 4 / 8;
}
.image-stack--two.image-stack--v2 {
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.image-stack--two.image-stack--v2 .image-stack__item--1 {
  aspect-ratio: 1;
  grid-column: 1 / 8;
  grid-row: 1 / 8;
}
.image-stack--two.image-stack--v2 .image-stack__item--2 {
  aspect-ratio: 1;
  grid-column: 5 / 9;
  grid-row: 5 / 9;
}
.image-stack--two.image-stack--v3 {
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.image-stack--two.image-stack--v3 .image-stack__item--1 {
  aspect-ratio: 1.1;
  align-self: end;
  grid-column: 1 / 6;
  grid-row: 3 / 9;
  z-index: 1;
}
.image-stack--two.image-stack--v3 .image-stack__item--2 {
  aspect-ratio: 0.6943462898;
  grid-column: 4 / 9;
  grid-row: 1 / 8;
}
.image-stack--two.image-stack--v4 {
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.image-stack--two.image-stack--v4 .image-stack__item--1 {
  aspect-ratio: 1.5714285714;
  grid-column: 1 / 7;
  grid-row: 5 / 10;
  z-index: 1;
}
.image-stack--two.image-stack--v4 .image-stack__item--2 {
  aspect-ratio: 1.5714285714;
  grid-column: 3 / 9;
  grid-row: 1 / 8;
}
.image-stack--two.image-stack--v5 {
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.image-stack--two.image-stack--v5 .image-stack__item--1 {
  aspect-ratio: 1.4475806452;
  grid-column: 3 / 9;
  grid-row: 1 / 5;
  z-index: 1;
}
.image-stack--two.image-stack--v5 .image-stack__item--2 {
  align-self: end;
  aspect-ratio: 0.7506053269;
  grid-column: 1 / 6;
  grid-row: 2 / 9;
}
.image-stack--three {
  /* --> Stack <---------- */
  /* --> Overlap <---------- */
}
.image-stack--three.image-stack--v3\.1 {
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.image-stack--three.image-stack--v3\.1 .image-stack__item--1 {
  aspect-ratio: 1.3976261128;
  grid-column: 2 / 8;
  grid-row: 1 / 5;
}
.image-stack--three.image-stack--v3\.1 .image-stack__item--2 {
  align-self: center;
  aspect-ratio: 1.5;
  grid-column: 1 / 5;
  grid-row: 3 / 6;
  z-index: 1;
}
.image-stack--three.image-stack--v3\.1 .image-stack__item--3 {
  aspect-ratio: 1.3333333333;
  grid-column: 4 / 8;
  grid-row: 4 / 8;
  align-self: end;
}
.image-stack--three.image-stack--v3\.2 {
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.image-stack--three.image-stack--v3\.2 .image-stack__item--1 {
  aspect-ratio: 1.5543859649;
  grid-column: 1 / 7;
  grid-row: 1 / 5;
}
.image-stack--three.image-stack--v3\.2 .image-stack__item--2 {
  align-self: center;
  aspect-ratio: 1.5;
  grid-column: 5 / 9;
  grid-row: 3 / 6;
  z-index: 1;
}
.image-stack--three.image-stack--v3\.2 .image-stack__item--3 {
  aspect-ratio: 1.3333333333;
  grid-column: 2 / 5;
  grid-row: 4 / 7;
  align-self: end;
  z-index: 0;
}
/* .................................................. */
/* ~~~ CONTACT FORMS ~~~ */
/* .................................................. */
body .gform_wrapper .gform_body .gform_fields .gsection {
  border-bottom: 0;
}
body .gform_wrapper .gform_body .gform_fields .gsection .gsection_title {
  color: var(--green);
  font-size: var(--wp--preset--font-size--lg);
  margin-bottom: 0;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
  font-weight: 600;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input {
  box-shadow: none;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
  color: var(--green);
}
body .gform_wrapper .gform_footer {
  justify-content: center;
}
body .gform_wrapper .gform_footer input[type=submit] {
  font-size: var(--wp--preset--font-size--sm) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--xl) !important;
}
body .gform_wrapper.gform_confirmation_wrapper {
  background-color: var(--dark-green);
  color: #fff;
  padding: var(--wp--preset--spacing--lg);
  text-align: center;
}
body .gform_wrapper.gform_confirmation_wrapper h2 {
  margin-bottom: 0;
  color: var(--greenish);
}
body .gform_wrapper.gform_confirmation_wrapper p {
  font-size: var(--wp--preset--font-size--md);
  margin-top: 0;
}
/* .................................................. */
/* ~~~ WOO ~~~ */
/* .................................................. */
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
  background-color: var(--dark-green) !important;
  mask-image: url("https://cuf.jeffreyscottagency.com/wp-content/uploads/2025/10/cart-shopping-solid-full.svg") !important;
}
.wc-block-grid__products {
  margin: 0 auto !important;
  gap: var(--wp--preset--spacing--sm);
}
.wc-block-grid__products .wc-block-grid__product {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  justify-content: space-between;
  max-width: calc(25% - clamp(1rem, 1vw, 1.5rem)) !important;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-link {
  text-decoration: none;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
  font-size: var(--wp--preset--font-size--md);
}
.wc-block-grid__products .wp-block-button.wc-block-grid__product-add-to-cart a {
  border-radius: 0.4rem;
  font-family: var(--heading);
  font-size: 1.4em;
  line-height: 1em;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  background-color: var(--dark-green);
  color: var(--greenish);
  font-size: var(--wp--preset--spacing--sm);
}
.wc-block-grid__products .woocommerce-Price-amount.amount {
  font-size: var(--wp--preset--font-size--sm);
}
#post-364 .ywcds_form_container {
  background-color: var(--dark-green);
  margin-top: var(--wp--preset--spacing--xl);
}
#post-364 .ywcds_form_container .ywcds_amount_field label {
  font-family: var(--heading);
  font-size: var(--wp--preset--font-size--lg);
  font-weight: 700;
  color: var(--white);
  text-transform: uppercase;
}
#post-364 .ywcds_form_container .ywcds_submit_widget {
  border-radius: 0;
}
.wc-block-cart__submit-button {
  border-radius: 0.4rem;
  font-family: var(--heading);
  font-size: 1.4em;
  line-height: 1em;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  background-color: var(--dark-green);
  color: var(--greenish);
  font-size: var(--wp--preset--spacing--sm);
}
.single-product main {
  margin: auto;
  max-width: 75rem;
  margin-top: var(--wp--preset--spacing--xxl);
}
.single-product .product.type-product:not(li) {
  display: grid;
  grid-template-areas: "image product" "tabs related";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--wp--preset--spacing--lg);
  width: 100%;
  max-width: 100%;
}
.single-product .product.type-product:not(li) .woocommerce-product-gallery, .single-product .product.type-product:not(li) .summary, .single-product .product.type-product:not(li) .woocommerce-tabs, .single-product .product.type-product:not(li) .related {
  min-width: 0;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  float: none !important;
  width: auto !important;
  display: block;
}
.single-product .product.type-product:not(li) .woocommerce-product-gallery {
  grid-area: image;
}
.single-product .product.type-product:not(li) .woocommerce-product-gallery img {
  width: 100%;
  height: 100%;
}
.single-product .product.type-product:not(li) .woocommerce-product-details__short-description {
  margin-bottom: 2rem;
}
.single-product .product.type-product:not(li) button[type="submit"] {
  border-radius: 0.4rem;
  font-family: var(--heading);
  font-size: 1.4em;
  line-height: 1em;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  background-color: var(--dark-green);
  color: var(--greenish);
  border: 2px solid var(--dark-green);
  transition: all 300ms ease;
}
.single-product .product.type-product:not(li) button[type="submit"]:hover {
  background-color: var(--greenish);
  border: 2px solid var(--dark-green);
  color: var(--dark-green);
}
.single-product .product.type-product:not(li) input[name="quantity"] {
  border-radius: 0.4rem;
  font-family: var(--heading);
  font-size: 1.4em;
  line-height: 1em;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  border: 2px solid var(--dark-green);
  padding: 0.4rem 0 !important;
}
.single-product .product.type-product:not(li) .summary.entry-summary {
  grid-area: product;
  width: 100%;
}
.single-product .product.type-product:not(li) .summary.entry-summary h1 {
  font-size: var(--wp--preset--spacing--lg);
  color: var(--dark-green);
}
.single-product .product.type-product:not(li) .summary.entry-summary .price {
  color: var(--green);
  font-weight: 800;
}
.single-product .product.type-product:not(li) .woocommerce-tabs {
  grid-area: tabs;
}
.single-product .product.type-product:not(li) .woocommerce-tabs .tabs.wc-tabs {
  padding: 0 0 0 0.3em;
}
.single-product .product.type-product:not(li) .woocommerce-tabs .tabs.wc-tabs::before {
  border-color: var(--greenish);
  border-width: 2px;
}
.single-product .product.type-product:not(li) .woocommerce-tabs .tabs.wc-tabs li {
  border-radius: 0.4375rem !important;
  border: none;
  font-family: var(--heading);
  font-size: var(--wp--preset--font-size--md);
  padding: 0 2rem;
  background-color: var(--white);
  color: var(--dark-green);
  width: fit-content !important;
  margin-right: var(--wp--preset--spacing--sm);
}
.single-product .product.type-product:not(li) .woocommerce-tabs .tabs.wc-tabs li a {
  padding: 0 !important;
}
.single-product .product.type-product:not(li) .woocommerce-tabs .tabs.wc-tabs li.active {
  background-color: var(--greenish);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  border: 2px solid var(--greenish);
  transition: all 300ms ease;
}
.single-product .product.type-product:not(li) .woocommerce-tabs .tabs.wc-tabs li:hover {
  background-color: var(--dark-green);
  color: var(--greenish) !important;
  border: 2px solid var(--greenish);
}
.single-product .product.type-product:not(li) .woocommerce-tabs .tabs.wc-tabs li::before, .single-product .product.type-product:not(li) .woocommerce-tabs .tabs.wc-tabs li::after {
  content: none;
}
.single-product .product.type-product:not(li) .woocommerce-tabs h2 {
  display: none;
}
.single-product .product.type-product:not(li) .related {
  grid-area: related;
}
.single-product .product.type-product:not(li) .related h2 {
  color: var(--dark-green);
  font-size: var(--wp--preset--spacing--md);
  margin-top: 0;
}
.single-product .product.type-product:not(li) .related .products {
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--wp--preset--font-size--xs);
}
.single-product .product.type-product:not(li) .related .products::before {
  content: none;
}
.single-product .product.type-product:not(li) .related .products li.product {
  flex-basis: 22%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.single-product .product.type-product:not(li) .related .products li.product img {
  max-height: 5rem;
  margin: auto;
}
.single-product .product.type-product:not(li) .related .products li.product h2 {
  font-size: var(--wp--preset--font-size--xs);
  font-family: var(--body);
}
.single-product .product.type-product:not(li) .related .products li.product a.add_to_cart_button, .single-product .product.type-product:not(li) .related .products li.product a.button {
  border-radius: 0.4rem;
  font-family: var(--heading);
  font-size: 1.4em;
  line-height: 1em;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  background-color: var(--dark-green);
  color: var(--greenish);
  border: 2px solid var(--dark-green);
  font-size: var(--wp--preset--font-size--xs);
  padding: 0.5rem 0.5rem;
  transition: all 300ms ease;
  text-align: center;
}
.single-product .product.type-product:not(li) .related .products li.product a.add_to_cart_button:hover, .single-product .product.type-product:not(li) .related .products li.product a.button:hover {
  background-color: var(--greenish);
  border: 2px solid var(--dark-green);
  color: var(--dark-green);
}
.wc-block-product-template__responsive.columns-3 {
  grid-template-columns: repeat(auto-fill, minmax(max(250px, calc(33.33333% - .83333em)), 1fr)) !important;
}
.wc-block-product-template__responsive.columns-2 {
  grid-template-columns: repeat(auto-fill, minmax(max(250px, calc(50% - .625em)), 1fr)) !important;
}
/* .................................................. */
/* ~~~ RESPONSIVE ~~~ */
/* .................................................. */
@media (max-width: 1140px) {
  :root {
    --extramargin: var(--wp--preset--spacing--med);
  }
  .entry-content > *:not(.alignfull) {
    margin-left: var(--wp--preset--spacing--lg);
    margin-right: var(--wp--preset--spacing--lg);
    width: auto;
  }
  .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content, .wp-block-media-text.has-media-on-the-left > .wp-block-media-text__content {
    padding-left: var(--extramargin) !important;
    padding-right: var(--extramargin) !important;
  }
}
@media (max-width: 850px) {
  .single-product .product.type-product:not(li) {
    grid-template-areas: "image" "product" "tabs" "related";
    grid-template-columns: 1fr;
    padding: var(--wp--preset--spacing--sm);
  }
  .single-product .product.type-product:not(li) img {
    max-width: 15rem;
  }
  #masthead .site-branding .floating-logo {
    max-width: 9rem;
  }
}
@media screen and (max-width: 781px) {
  .wp-block-group .is-style-vertical-separator, .wp-block-columns .is-style-vertical-separator {
    border-left: none;
    border-top: 1px solid;
    padding-left: 0;
    padding-top: var(--wp--preset--spacing--md);
  }
  .is-style-bookmark {
    max-width: 20rem;
    min-width: 10rem;
  }
  #mission {
    grid-template-columns: repeat(auto-fill, minmax(min(8rem, 100%), 1fr)) !important;
  }
  #mission .is-style-bookmark:last-of-type {
    grid-column: 1 / 3;
    justify-self: center;
  }
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
    gap: var(--wp--preset--spacing--md);
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content, .wp-block-media-text.alignfull.has-media-on-the-right > .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
    margin: 0 !important;
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-style-pop-out-image {
    flex-direction: column;
  }
  .wp-block-media-text.is-style-pop-out-image .wp-block-media-text__content {
    margin-left: 0 !important;
    padding: var(--wp--preset--spacing--md) !important;
  }
  .wp-block-media-text.is-style-pop-out-image .wp-block-media-text__media {
    margin-left: 0 !important;
  }
  .wp-block-media-text.is-style-pop-out-image.has-media-on-the-right {
    flex-direction: column-reverse;
  }
  .wc-block-grid__products .wc-block-grid__product {
    max-width: 100% !important;
  }
  .is-style-block-heading {
    margin-top: var(--wp--preset--spacing--sm) !important;
  }
}
@media screen and (max-width: 598px) {
  #masthead .site-branding .floating-logo {
    max-width: 6rem;
    padding: var(--wp--preset--spacing--sm);
  }
  .is-style-btn-band {
    flex-direction: column;
  }
  .is-style-btn-band::before, .is-style-btn-band::after {
    width: 100%;
  }
  .has-layout-vertical-left.wp-block-getwid-tabs {
    flex-direction: column;
  }
  .has-layout-vertical-left.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-links {
    max-width: 40%;
  }
  .has-layout-vertical-left.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link {
    border-top-right-radius: 0.4375rem !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .has-layout-vertical-left.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content {
    border-top: 1px solid var(--white);
    border-left: 0 !important;
  }
  .is-style-block-heading {
    margin-left: 0 !important;
    text-wrap: balance;
  }
  .is-style-two-column {
    column-count: 1;
  }
}
