/*
Theme Name:   Inunity Child
Author:       Brett Donald
Template:     inunity
Version:      1.0.0
*/

:root {
	--clr-navy: #1c4094;
	--clr-orange: #f68d1e;
	--clr-teal: #339199;
	--clr-teal-mid: #bae4e8;
	--clr-teal-light: #e0f3f5;
	--clr-teal-lighter: #f2f7f8;
}
body {
  font-family: "Lato", Arial, sans-serif;
}
a, .entry a {
  color: var(--clr-teal);
  text-decoration: none;
  border-bottom: 1px dashed var(--clr-teal);
}
a:hover, .entry a:hover {
  color: var(--clr-orange);
  border-bottom: 1px solid var(--clr-orange);
}
a.wp-block-button__link, .entry a.wp-block-button__link {
  border-bottom: 0;
}
a.wp-block-button__link:hover, .entry a.wp-block-button__link:hover {
  color: white;
  background: #333;
}

a:has(>img), a:has(>img):hover, .entry a:has(>img), .entry a:has(>img):hover,
header a, header a:hover, footer a, footer a:hover, .magic-grid a, .magic-grid a:hover, .post-nav a, .post-nav a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  border-bottom: 0;
}
.entry ol, .entry ul {
  margin: 0 0 15px 10px;
  padding-left: 20px;
}
.content-wrap {
  max-width: 960px;
}
.entry-header, .entry-footer, .entry > :not(.alignfull) {
  max-width: 800px;
}
.site-title a img {
  max-height: 120px;
}
.page-title, .entry-author, #header-bottom {
  display: none;
}
@media (min-width: 1024px) {
  #header {
    padding: 0;
    overflow: auto;
  }
  #header-middle {
    background-color: white;
  }
  #header-bottom {
    display: initial;
    height: auto;
    padding: 20px 40px;
    z-index: -1;
  }
  #header-bottom img {
    max-width: 80%;
  }
}
.content-wrap-inner {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (max-width: 479px) {
  .content-wrap-inner {
    margin: 0;
  }
}
@media (max-width: 719px) {
  .toggle-search {
    top: 0;
  }
}
.nav-menu.mobile > div > ul > li:last-child {
  margin-bottom: inherit;
}
#footer {
  padding-top: 0;
  padding-bottom: 0;
}
#footer-ads {
  display: none;
}
footer #menu-menu-2 {
  display: flex;
}
footer #menu-menu-2 li a {
  padding: 0;
}
footer #menu-menu-2 li a:before {
  content: ' — ';
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  margin-right: 0;
  width: auto;
}
footer #menu-menu-2 li:first-child a:before {
  display: none !important;
}
.recaptcha-message {
  font-size: 0.8em;
}
.grecaptcha-badge {
  visibility: hidden;
}

/* calendar formatting */
.category-calendar table {
	white-space: nowrap;
	margin-bottom: 1em;
}
.category-calendar table th, .category-calendar table td {
	padding: 4px 10px;	
}
.category-calendar table td {
	text-align: left;
}
.category-calendar .wp-block-table figcaption {
	text-align: right;
	font-size: 14px;
}
/* button styles */
.wp-block-button__link, .themeform input[type="button"], .themeform input[type="reset"], .themeform input[type="submit"], .themeform button[type="button"], .themeform button[type="reset"], .themeform button[type="submit"] {
	border-radius: 3px;
	padding: 0.5em 1em;
	background: var(--clr-teal);
	font-size: 16px;
	font-weight: 600;
}
.entry .wp-block-buttons {
  margin-top: 32px;
  margin-bottom: 32px;
}
.entry .wp-block-button {
  margin-top: 0;
  margin-bottom: 0;
}
.entry .wp-block-button a {
	text-decoration: none;
}
.entry .wp-block-button a:has(i) {
	display: flex;
	align-items: center;
	gap: 1em;
}
/*
.wpcf7-form label, .wpcf7-form .label {
	display: block;
  margin-bottom: 0.5em;	
  line-height: 1.3;
}
*/
/*
.themeform select, select {
  appearance: none;
  padding-right: 2em;
  background-image: url(chevron.svg);
  background-repeat: none;
  background-position: right center; 
}
*/
.themeform input, .themeform select, select, .themeform textarea, .themeform button, .themeform label, .themeform .label, #billing_state_field {
  font-size: 14px;
}
.themeform label, .themeform .label {
	display: block;
  line-height: 1.3;
  margin-bottom: 0.75em;	
  font-weight: inherit;
  color: #333;
}
.themeform input[type="checkbox"]:checked + .wpcf7-list-item-label, .themeform input[type="radio"]:checked + .wpcf7-list-item-label {
  color: black;
  font-weight: 600;
}
.themeform input[type="date"] {
  appearance: auto;
}
.themeform input[type="search"], .themeform input[type="text"], 
.themeform input[type="password"], .themeform input[type="email"], 
.themeform input[type="url"], .themeform input[type="tel"],
.themeform input[type="number"], .themeform input[type="date"], 
.themeform select, .themeform textarea, .woocommerce .quantity .qty, select {
  background: #fff;
  border: 1px solid #e5e5e5;
  color: #333;
  display: initial;
  max-width: 100%;
  outline: none;
  padding: 7px 8px;
  font-weight: 600;
  border-radius: 3px;
}
.themeform input[type="search"]:focus, .themeform input[type="text"]:focus, 
.themeform input[type="password"]:focus, .themeform input[type="email"]:focus, 
.themeform input[type="url"]:focus, .themeform input[type="tel"]:focus,
.themeform input[type="number"]:focus, .themeform input[type="date"]:focus
.themeform select:focus, .themeform textarea:focus, .woocommerce .quantity .qty:focus {
  border-color: #ddd;
  color: black;
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.themeform select, select {
  appearance: none;
  padding-right: 2em;
  background-image: url('data:image/svg+xml,\00003csvg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\00003cpath fill="%23aaa" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z">\00003c/path>\00003c/svg>');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: right center;
}
.themeform hr {
  height: 0;
  width: auto;
  margin: 1em 0;
  border-bottom: 1px dashed var(--clr-teal);
}
.themeform button.lightbox-trigger {
  box-sizing: content-box;
  padding: 1px 1px 3px;
}
.wpcf7-form-control-wrap, .article.category-registration textarea {
  display: block;
}
.wpcf7-form-control-wrap {
  margin-top: 2px;
}
.entry-footer {
  margin-bottom: 0;
}
.same-line {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5em;
}
article.category-registration .entry-meta, article.category-calendar .entry-meta {
  display: none;
}
article:has(.apply-teal-background), .page-id-2 .content-wrap-inner {
  background: var(--clr-teal-light);
}
article:has(.apply-teal-background) .post-nav, .wp-block-details {
  background: var(--clr-teal-mid);
}
article:has(.apply-teal-background) .submit-form {
  display: flex;
  align-items: center;
}
article:has(.apply-teal-background) input[type="submit"] {
  margin-top: 1rem;
  font-size: 1.5em;
  background: var(--clr-teal);
}
.wp-block-details {
  padding: 0.5em 1em;
  border-radius: 3px;
}
.wp-block-details summary {
  font-weight: 400;
}
.wpcf7-form-control-wrap:has(.disclaimers) {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.wpcf7-form-control.disclaimers .wpcf7-list-item {
	display: flex;
	gap: 0.5em;
	margin-bottom: 5px;
}
.wpcf7-form-control.disclaimers .wpcf7-list-item>*:first-child {
  flex-shrink: 0;
}
.themeform .wpcf7-form-control.disclaimers input[type="checkbox"]:checked + .wpcf7-list-item-label {
  font-weight: inherit;
}
.wpcf7-radio label {
  margin-bottom: 0;
}

/* CONTACT FORM 7 MESSAGES */

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0 1em;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 1em;
}
.wpcf7 form.init .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  border: 0;
}
.wpcf7 form.sent .wpcf7-response-output::before {
  content: ' ';
  background-image: url(/wp-content/themes/inunity-child/img/icon-ok.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2em;
  height: 2em;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {
  border: 0;
}
.wpcf7 form.failed .wpcf7-response-output::before, .wpcf7 form.aborted .wpcf7-response-output::before, .wpcf7 form.spam .wpcf7-response-output::before {
  content: ' ';
  background-image: url(/wp-content/themes/inunity-child/img/icon-error.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2em;
  height: 2em;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border: 0;
}
.wpcf7 form.invalid .wpcf7-response-output::before, .wpcf7 form.unaccepted .wpcf7-response-output::before {
  content: ' ';
  background-image: url(/wp-content/themes/inunity-child/img/icon-warn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2em;
  height: 2em;
}
.wpcf7-not-valid-tip {
  color: var(--clr-orange);
}

/* WOOCOMMERCE */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  background: var(--clr-teal-light);
  color: #333;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  background: var(--clr-teal-mid);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
  background: var(--clr-teal);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
  background: var(--clr-teal);
}
.woocommerce-shop .content, .woocommerce.single-product .content, .woocommerce.tax-product_cat .content {
  padding: 10px;
}
.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
  gap: 10px;
}
@media (min-width: 500px) {
  .woocommerce-shop .content, .woocommerce.single-product .content, .woocommerce.tax-product_cat .content {
    padding: 2em;
  }
  .woocommerce ul.products {
    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
    gap: 2em;
  }
}
.woocommerce ul.products li.product {
  width: auto;
  margin: 0;
  float: none;
  background: white;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 1px 0 rgba(0,0,0,0.04), 0 16px 16px rgba(0,0,0,0.02);
  transition: 0.35s;
}
@media (min-width: 500px) {
  .woocommerce ul.products li.product {
    padding: 1em;
  }
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 1px 0 rgba(0,0,0,0.04), 0 16px 16px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: auto;
    margin: 0;
    float: none;
  }
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: auto;
  float: none;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
  display: none;
}
.woocommerce div.product {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: max(1em, 5vw);
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: none;
  width: auto;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--clr-orange);
}
.woocommerce ul.products li.product .price {
  font-size: inherit;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 1.5em;
  font-weight: bold;
  margin: 1em 0;
}
.woocommerce div.product form.cart .variations select {
  min-width: auto;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: var(--clr-teal-light);
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  background: var(--clr-teal-mid);
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: var(--clr-teal-mid);
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 0;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .sku_wrapper, .woocommerce-terms-and-conditions-wrapper {
  display: none;
}
/*
.woocommerce.single-product div#wc-stripe-payment-request-wrapper, .woocommerce.single-product p#wc-stripe-payment-request-button-separator {
  display: none !important;
}
*/
.woocommerce ul.products li.product a img {
  aspect-ratio: 1/1;
  object-fit: contain;
}
.woocommerce div.product .product_title {
  font-size: 1.5em;
  font-weight: bold;
}
.woocommerce div.product div.images img {
  max-height: 80vh;
  object-fit: contain;
}
.woocommerce a.added_to_cart {
  margin-left: 1em;
}
.woocommerce div.product form.cart .variations {
  width: auto;
}
.woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td {
  padding-right: 1em;
}
.woocommerce div.product .stock:not(.out-of-stock) {
  color: blue;
}
.woocommerce .quantity .qty {
  font-size: 1em;
}
.woocommerce-product-details__short-description p {
  margin: 1em 0;
}
.woocommerce-tabs, .woocommerce .upsells {
  grid-column: 1 / span 2;
}
.woocommerce-mini-cart__buttons {
  margin-top: 1em;
}
#billing_state_field .select2-container .select2-selection--single {
  height: auto;
}
#billing_state_field .select2-container--default .select2-selection--single {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}
#billing_state_field .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: bold;
}
#billing_state_field .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background: var(--clr-teal);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  border: 2px solid var(--clr-teal);
  background-color: var(--clr-teal-lighter);
  display: flex;
  gap: 1em;
  align-items: center;
  padding-left: 2em;
}
.woocommerce-info {
  border-color: #1e85be;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  position: initial;
  top: initial;
  left: initial;
  font-size: 1.5em;
}
.woocommerce-message::before {
  color: var(--clr-teal);
}
.woocommerce-error>li, .woocommerce-info>li, .woocommerce-message>li {
  display: contents;
  /*
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  width: 100%;
  */
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
  float: none;
  order: 2;
}
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after {
  display: static;
  order: 1;
  flex: 1;
}
.woocommerce .upsells h2 {
  font-weight: 700;
  margin-bottom: 1em;
}

.woocommerce-shop .main-inner, .tax-product_cat .main-inner {
  flex-direction: column;
}

.product-category-select {
  text-align: center;
  margin: 1em;
}

.product-category-select>div {
  display: inline-flex;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
}

.product-category-select>div>a {
  font-weight: 700;
  background: white;
  padding: 0.5em;
  color: black;
  border: 0;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 500px) {
  .product-category-select>div>a {
    padding: 0.5em 1em;
  }
}

@media (max-width: 499.999px) {
  .product-category-select>div>a:first-child {
    flex-grow: 1;
    flex-basis: 3em;
  }
}

.product-category-select>div>a:not(:first-child) {
  border-left: 1px solid #e5e5e5;
}

.product-category-select>div>a.active {
  background: black;
  color: white;
}

.product-category-select>div>a:not(.active):hover {
  background: var(--clr-teal-light);
}

/* WOOCOMMERCE MENU CART */

@media (min-width: 1024px) {
  .nav-menu:not(.mobile) .wpmenucartli {
    padding: 10px 30px;
  }
}
.woocommerce-cart ul li, .woocommerce-checkout ul li {
  list-style: none;
}

/* REGISTRATION FORM */

.add-to-cart a {
  position: relative;
}
.add-to-cart a::after {
  font: var(--fa-font-solid);
  content: "\f00c";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: green;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
  opacity: 0;
  transition: 300ms;  
}
.add-to-cart a.ticked::after {
  opacity: 1;
}
.health-fund-details {
  max-height: 0;
  transition: 400ms ease-in-out;
  overflow: hidden;
}
.health-fund-details.expanded {
  max-height: 9em;
}
@media (min-width: 370px) {
  .health-fund-details.expanded {
    max-height: 4em;
  }
}

/* ABOUT PAGE */

.page-id-455 .wp-block-details {
  background: none;
  padding: 0;
  border-radius: 0;
}
.page-id-455 .wp-block-details summary {
  background: var(--clr-teal-mid);
  border-radius: 3px;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  transition: 250ms;
}
.page-id-455 .wp-block-details summary:hover {
  background: var(--clr-teal-light);
}
.page-id-455 .classes-table tr.alt {
  background: inherit;
}
.page-id-455 .classes-table tr:first-child td {
  font-weight: bold;
  background: #f6f6f6;
}
.page-id-455 .classes-table td>img {
  vertical-align: middle;
}

/* RESOURCES PAGE */

.post-306 .entry li a {
  text-decoration: none;
}
.post-306 .entry li a:hover {
  color: var(--clr-orange);
}

/* OVERRIDES */

.type-portfolio-title {margin: 0;}
.mt0, .entry .mt0 {margin-top: 0;}
.mt1, .entry .mt1 {margin-top: 1em;}
.mb0, .entry .mb0 {margin-bottom: 0;}
.mb1, .entry .mb1 {margin-bottom: 1em;}
.hidden, body .hidden {
  display: none;
}