/*
 Theme Name:   Force of Nature 2.0
 Theme URI:    https://understrap.com
 Description:  Extends the Understrap Child Theme
 Author:       Lush Ventures and Digital Artisans
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

/* NOTES */

/* The major breakpoint is 775px.  This corresponds to Bootstrap's -sm.  All effort is made to use only this 1 breakpoint */

/* GLOBAL VARIABLES */

:root {

  /* text color for all fonts */
  --text-color: #414042;

  /*  button text color */
  --btn-text-color-fon: #ffffff;

  /* button background color */
  --btn-bg-color: #00426a;

  /* button hover background color */
  --btn-bg-color-hover: #03fbe7;

  /* button outline color */
  --btn-outline-color: #414042;

  --swiper-pagination-bullet-size: 1rem;

  /* gap between block and border */
  --border-gap: 3px;
  --border-gap-double: 6px;

  /* borders sitewide */
  --border-thickness: 2px;

  /* Shadows on videos */
  --shadow-thickness: 15px;
  --shadow-color: #AAEDE9;

  /* Dark background color */
  --dark-background: #414042;

  /* Mobile breakpoint */
  --mobile-breakpoint: 775px;

  /* Tab Background Color */
  --aqua-tab: #1cfbe9;

  /* Woo Text Color */
  --woo-text: #00426a;

  /* Colors in style guide  */
  --aqua-100: #2AD2C9;
  --aqua-50: #94E8E4;
  --aqua-40: #AAEDE9;
  --aqua-20: #D4F6F4;
  --aqua-10: #EAFAFA;
  --charcoal-gray-100: #414042;
  --navy-100: #00426A;
  --sage-green-100: #93BDB2;
  --sage-green-40: #D4E4E0;
  --sage-green-20: #E9F2F0;
  --light-gray-100: #D7D8D6;
  --light-gray-50: #EBEBEA;
  --bright-aqua-100: #03FCE7;
  --corporate-blue-100: #0076A8;
  --corporate-blue-70: #4C9FC2;
  --pale-yellow: #FFF1BB;
  --light-blue: #d5e8f0;
  --pink: #FBD1C7;
  --aqua: #00ffe7;
  --lt-gray: #edefee;
}

/* FONTS */

@font-face {
  font-family: Kapra-Neue;
  src: url('/wp-content/themes/force-of-nature/fonts/kapraneue.woff2') format('woff2'),
		url('/wp-content/themes/force-of-nature/fonts/kapraneue.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eye-Catching;
  src: url('/wp-content/themes/force-of-nature/fonts/eyecatching.woff2') format('woff2'),
    	url('/wp-content/themes/force-of-nature/fonts/eyecatching.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Museo-Sans;
  src: url('/wp-content/themes/force-of-nature/fonts/MuseoSansRounded100.woff2') format('woff2'),
  		url('/wp-content/themes/force-of-nature/fonts/MuseoSansRounded100.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Museo-Sans;
  src: url('/wp-content/themes/force-of-nature/fonts/MuseoSansRounded300.woff2') format('woff2'),
  		url('/wp-content/themes/force-of-nature/fonts/MuseoSansRounded300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Museo-Sans;
  src: url('/wp-content/themes/force-of-nature/fonts/MuseoSansRounded500.woff2') format('woff2'),
   	url('/wp-content/themes/force-of-nature/fonts/MuseoSansRounded500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Museo-Sans;
  src: url('/wp-content/themes/force-of-nature/fonts/MuseoSansRounded700.woff2') format('woff2'),
  		url('/wp-content/themes/force-of-nature/fonts/MuseoSansRounded700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.weight-100 {
  font-weight: 100 !important;
}

/* CONSISTENT PADDING AND GUTTERS */

body{
  max-width: 2600px;
}

@media screen and (max-width: 767px) {

  .container-fon,
  .product .summary.entry-summary{
    max-width: 100%;
    padding-left: 7%;
    /*31px 55px*/
    padding-right: 7%;
    /*25px 46px*/
    width: 100%;
  }

  .container-fon-1 {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {

  .container-fon,
  .container-fon-1 {
    max-width: 100%;
    padding-left: 68px;
    padding-right: 63px;
    width: 100%;
  }

  /* PDP */
  .iconic-woothumbs-all-images-wrap {
    padding-left: 68px;
  }

  .woocommerce .summary.entry-summary {
    padding-right: 63px;
  }
}

/* RESETS */

/* {
  outline: 1px solid red !important;
} */

main,
article {
  margin-bottom: 0 !important;
}

.wrapper {
  padding: 0;
}

.navbar-brand {
  /* hide title in navbar */
  display: none;
}

h1.entry-title {
  display: none;
}

h1,
h2,
h3,
h4 h5 {
  margin-bottom: 0;
}

.container-fluid {
  /* For edge-to-edge blocks */
  max-width: 2600px;
  /*padding-left: 0;
  padding-right: 0;*/
}

.text-color-secondary {
  color: var(--btn-bg-color) !important;
}

/* HEADINGS */

* {
  font-family: 'Museo-Sans', Arial, sans-serif;
}

.kapra,
.kapra-lg {
  color: var(--text-color);
  font-family: 'Kapra-Neue', Arial, sans-serif;
  font-size: 3.8rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.1rem;
  /* unsure */
  text-transform: uppercase;
}

.kapra-md {
  font-size: 2.5rem;
}

.kapra-xl {
  font-size: 8rem;
}

.kapra-height-fix {
  line-height: .5;
}

.museo-xl {
  font-size: 3.5rem !important;
}

.museo-lg,
.woocommerce h1 {
  color: var(--text-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 2.2rem;
  /* fits homepage Kits & BUnle section.  Other h2 seem to be smaller */
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 1.92rem;
  text-transform: none;
}

.museo,
.museo-md,
.single-post h2,
/* hack */
.single-post h2 b,
/* hack */
.single-post h2 strong
/* hack */
  {
  color: var(--text-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 200;
  line-height: 1.1;
  margin-bottom: .83rem;
  text-transform: none;
}

.museo-sm {
  color: var(--text-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 1.2;
  text-transform: none;
}

.eye,
.eye-lg {
  color: var(--text-color);
  font-family: 'Eye-Catching', Arial, sans-serif;
  font-size: 5rem; /*was 3.5rem*/
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.eye-md {
  font-size: 2rem;
}

.eye-xl {
  font-size: 8rem;
  margin-bottom: -1rem;
}

p,
body .text-fon,
li,
.single-post .entry-content{
  color: var(--text-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1.25rem;
  /* previously 1.1rem */
  font-weight: 200;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.single-post .entry-content span{
  font-weight: 200 !important;
}

.text-fon-color {
  color: var(--text-color);
}

.underline-fon {
  border-bottom: var(--border-thickness) solid var(--btn-bg-color);
}

.strong {
  font-size: 1.5rem;
  font-weight: 400;
}

.text-thinner {
  font-weight: 300;
}

.text-thinnest {
  font-weight: 200 !important;
}

main,
article {
  margin-bottom: 1.67rem;
}

.secondary,
a:link.secondary {
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  color: var(--text-color);
}

.legal,
a:link.legal {
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: .75rem;
  font-weight: 100;
}

.font-size-md {
  font-size: 3rem !important;
}

.font-size-reg {
  font-size: 2.5rem !important;
}

.text-aqua {
  color: var(--aqua);
}

.text-dark-blue,
.text-teal{
  color: #00426a;
}

.text-button-background {
  color: var(--btn-bg-color) !important;
}

.link-white,
.text-white {
  color: #fff !important;
}

.link-white:hover {
  color: var(--btn-bg-color-hover) !important;
}

/* CONTAINERS */

.container-lg {
  max-width: 1600px;
  margin: 0 auto;
}

.container-md {
  max-width: 1400px;
  margin: 0 auto;
}

.container-sm {
  max-width: 1200px;
  margin: 0 auto;
}



/* BACKGROUNDS */

.bg-pale-yellow {
  background-color: var(--pale-yellow);
}

.bg-light-blue {
  background-color: var(--light-blue);
}

.bg-pink {
  background-color: var(--pink);
}

.bg-aqua-light {
  background-color: var(--aqua-20);
}

.bg-aqua-lighter {
  background-color: var(--aqua-10);
}

.bg-teal {
  background-color: var(--aqua-40);
}

.bg-light-gray {
  background-color: var(--lt-gray);
}

.bg-gray {
  background-color: var(--light-gray-50);
}

@media screen and (min-width: 768px) {
  .bg-md-none {
    background-color: transparent;
  }
}

/* SHADOWS */

.shadow-aqua {
  box-shadow: 15px 15px #2AD2C9;
}

/* COMPONENTS */

/* Important that .btn-surround go around buttons */

.btn-surround,
.add-to-cart-container {
  border: 0.125rem solid transparent;
  display: inline-block;
  padding: 2px;
  text-decoration: none;
  background: var(--btn-bg-color);
  position: relative;
  text-transform: lowercase;
  z-index: 1;
}

.btn-surround-outline {
  border: 0.125rem solid var(--btn-outline-color);
}

.btn-surround:hover,
.btn-surround-active,
.add-to-cart-container:hover,
.btn:focus {
  border-color: var(--btn-outline-color);
  display: inline-block;
  text-decoration: none;
  background: transparent;
  box-shadow: none;
}

.add-to-cart-container {
  display: block;
  margin-bottom: 1rem;
  max-width: 175px;
  text-align: center;
  font-size: 1rem;
  width: 100%;
  /* display: inline-block;
  margin-bottom: 1rem; */
}

.button-fon,
.btn-fon,
.btn-primary,
a .button-fon,
a:link.btn-fon,
a:link.btn,
a:link.add_to_cart_button,
.btn-outline-primary,
a:link .btn-outline-primary,
.add_to_cart_button,
.sprw-review-form-button,
.woocommerce a.button,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button,
.btn-primary.disabled,
a.sprw-load-more-trigger,
.affwp-form input[type=submit],
table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--actions .button,
[for="wc-authorize-net-cim-credit-card-use-new-payment-method"]{
  background-color: var(--btn-bg-color);
  border: 1px solid transparent;
  border-radius: 0;
  color: var(--btn-text-color-fon);
  font-size: 1rem !important;
  font-weight: 600;
  padding: .25rem 2.4rem;
  /*.5rem 2.1rem */
  text-decoration: none !important;
  /* text-transform: lowercase !important; */
  text-transform: lowercase;
  transition: 0s;
}

/* Full width on archive pages */

ul .add_to_cart_button {
  width: 100%;
}

/* larger buttons for WooCommerce */
a:link.add_to_cart_button,
.add_to_cart_button,
.woocommerce a.button,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  padding: .5rem;
}

.single_add_to_cart_button {
  padding: .5rem 2rem !important;
}


.btn-fon-narrow {
  padding: 0.5rem 1.3rem !important;
}

.btn-full-width {
  padding: .5rem;
}

.btn-slim {
  padding: .15rem 0;
}

.btn-slim-1 {
  padding: .2rem .7rem;
}

.button-fon-white {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 0;
  color: var(--btn-bg-color);
  outline: 0.125rem solid #fff;
}

.btn-surround:hover .btn-fon,
.btn-fon:hover,
.btn-fon-active,
.btn-fon-active:hover,
.button-fon:hover,
.button-fon:active,
.btn-primary:hover,
a:link.btn-fon:hover,
a:link.add_to_cart_button:hover,
.btn-outline-primary:hover,
.btn-outline-primary:active,
.button-fon-white:hover,
.sprw-review-form-button:hover,
.sprw-template-three .sprw-review-form-button:hover,
.sprw-template-three .sprw-review-form-button:hover,
.woocommerce .sprw-template-three #review_form #respond .form-submit input:hover,
.sprw-template-three .qq-upload-button:hover,
.woocommerce a.button:hover,
.single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.affwp-form input[type=submit]:hover,
[for="wc-authorize-net-cim-credit-card-use-new-payment-method"]{
  background-color: var(--btn-bg-color-hover) !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
  color: var(--btn-bg-color) !important;
}


.button-fon-white:hover {
  border: 0.2rem solid transparent !important;
}

.btn-outline-primary:hover {
  border: 3px solid white;
  border-radius: 0;
}

@media screen and (max-width: 768px) {
  .btn-mobile-bottom-border {
    margin-bottom: -27px;
  }
}

.btn-always-bottom-border {
  margin-bottom: -75px;
}

.woocommerce div.product form.cart .button {
  float: none;
}

/*.single_add_to_cart_button,*/
.woocommerce button.button.alt {
  padding: .8rem 2rem;
  text-transform: lowercase;
}

a,
a:link a.link a.link img {
  color: var(--text-color);
  font-family: "Museo-Sans", Arial, sans-serif;
  /* font-size: 1.3331rem; */
  font-weight: 700;
  text-underline-offset: 5px;
}

a.link {
  font-size: 1.5rem;
}

.nav-link {
  font-weight: 400 !important;
  height: 100%;
}

.nav-link,
.offcanvas-body a:link.dropdown-item,
.nav-link:visited,
.nav-link:active {
  color: var(--text-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.1;
  /*padding: 0.5rem .7rem !important;*/
  text-transform: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: var(--text-color);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

a {
  color: var(--text-color);
  text-decoration: underline;
}

a:hover {
  color: var(--btn-bg-color-hover);
  cursor: pointer;
}

.link-offset-1 {
  text-underline-offset: 3px;
}

.nav-link:focus,
.nav-link:hover {
  height: 100%
}

.button-dark-fon {
  background-color: #ffffff;
  border: 0.125rem solid #414042;
  border-radius: 0;
  color: var(--btn-bg-color);
  font-size: 1rem;
  outline: 0.125rem solid transparent;
  padding: .625rem 2.5rem;
  text-transform: lowercase;
}

.button-dark-fon:hover {
  background-color: var(--btn-bg-color-hover);
  border-radius: 0;
  color: var(--btn-bg-color-fon);
  outline: 0.125rem solid #ffffff;
}

.button-rounded-md,
/* NEEDS WORK MAYBE USE PNG FILE */
.button-rounded-sm {
  background-color: var(--btn-bg-color);
  border: none;
  color: var(--btn-bg-color-hover);
  font-size: 1.5rem;
  padding: 0rem .6rem;
  border-radius: 50%;
}

.button-rounded-sm {
  /* NEEDS WORK MAYBE USE PNG FILE */
  font-size: 1rem;
  padding: 0rem .5rem;
}

.button-plus-minus,
.button-plus-minus-sm {
  background-color: var(--btn-bg-color);
  border: none;
  color: var(--btn-bg-color-hover);
  font-size: 1.5rem;
  padding: 0rem .4rem;
  border-radius: 50%;
}

.button-plus-minus-sm {
  font-size: 1rem;
  padding: 0rem .2rem;
}

.component-right-mobile-hide {
  float: right;
  margin: -35px 10% 0 0;
}

@media screen and (max-width: 775px) {
  .component-right-mobile-hide {
    display: none;
  }
}

/* TOPBAR */

#topbar {
  background-color: var(--btn-bg-color);
  color: #fff;
  font-size: 1rem;
  padding: .3rem 0;
  text-align: center;
}

/*.topbar-divider{
  margin: 0 10px;
  color: var( --btn-bg-color-hover );
  font-weight: 400;
}

.topbar-hover #tooltip{
  background-color: #fff;
  color: var( --text-color );
}*/

.topbar-tooltip .tooltip-inner {
  background-color: white;
  border: 1px solid var(--text-color);
  color: var(--text-color);
  font-size: .75rem;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: white;
}

/* SWIPER.JS */

.swiper {
  z-index: 0;
}

.swiper-button-next-plain,
.swiper-button-prev-plain,
.swiper-button-prev.swiper-button-disabled {
  color: #000000;
  opacity: 1;
}

.swiper-pagination-bullet {
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: var(--btn-bg-color-hover);
  border: 0.125rem solid #ffffff;
  outline: 0.125rem solid var(--btn-outline-color);
  transform: scale(1.25);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1rem;
  opacity: 1;
}

.swiper-button-next-gray,
.swiper-button-prev-gray {
  top: 20%;
  font-weight: 800;
  background-color: grey;
  border-radius: 50%;
  color: #fff;
  height: 44px;
  width: 44px;
  opacity: .6;
}

.swiper-button-next-gray:hover,
.swiper-button-prev-gray:hover {
  opacity: 1;
}

.swiper-button-next-blue,
.swiper-button-prev-blue {
  top: 20%;
  font-weight: 800;
  background-color: var(--btn-bg-color);
  border-radius: 50%;
  color: var(--btn-bg-color-hover) !important;
  height: 27px;
  width: 27px;
  opacity: 1;
}

.swiper-button-next-gray:hover,
.swiper-button-prev-gray:hover {
  opacity: 1;
}

/* MARGINS */

.m-normal {
  margin: 0 2rem;
}

.m-l-5 {
  margin-left: 5rem;
}

.m-tb-sm {
  margin-bottom: 2.5rem;
}

.mt-3rem {
  margin-top: 3rem;
}

.mt-6,
.mt-4rem {
  margin-top: 4rem;
}

.my-5rem {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.mx-5-percent {
  margin-left: 5%;
  margin-right: 5%;
}

.mb-5rem {
  margin-bottom: 5rem;
}

.mb-minus25 {
  margin-bottom: -25px;
}



/* BLOCK LAYOUT */

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.max-width-md {
  max-width: 500px;
  margin: 0 auto;
}

.fon-hero-box {
  display: inline-block;
  max-width: 500px;
  position: absolute;
  top: 16rem;
  /* was 12 */
}

.fon-hero-box-l {
  left: 2rem;
}

.fon-hero-box-r {
  right: 2rem;
}

.fon-hero-box-high {
  top: 2rem;
}

.show-on-mobile {
  display: none;
}

.show-on-desktop,
.desktop-only {
  display: block;
}

.border-decorative-y {
  border-bottom: var(--border-gap) solid #ffffff;
  border-top: var(--border-gap) solid #ffffff;
}

.border-decorative-y::before {
  border-top: var(--border-thickness) solid var(--text-color);
  content: '';
  display: block;
  margin-bottom: var(--border-gap);
}

.border-decorative-y::after {
  border-bottom: var(--border-thickness) solid var(--text-color);
  content: '';
  display: block;
  margin-top: var(--border-gap);
}

.border-decorative-top {
  background-color: #ffffff;
  border-top: var(--border-thickness) solid var(--text-color);
  height: var(--border-gap-double);
}

.border-decorative-bottom {
  background-color: #ffffff;
  border-bottom: var(--border-thickness) solid var(--text-color);
  height: var(--border-gap);
  margin-top: var(--border-gap);
  margin-bottom: var(--border-gap);
}

@media screen and (max-width: 775px) {

  .fon-hero-box {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 2rem 1rem;
    position: relative;
    text-align: center;
  }

  .fon-hero-box-l {
    left: 0;
  }

  .text-center-mobile {
    text-align: center;
  }

  .show-on-mobile {
    display: block;
  }

  .show-on-desktop,
  .desktop-only {
    display: none;
  }

  .mobile-border-bottom {
    background-color: #ffffff;
    border-bottom: var(--border-thickness) solid var(--text-color);
    display: block;
    height: var(--border-gap);
    margin-top: var(--border-gap);
    margin-bottom: var(--border-gap);
  }

  /* .block-fluid {
    margin-top: -470px;
  } */
}

.background-cover {
  background-position: left top;
  background-size: cover;
  height: 350px;
}

@media screen and (max-width: 992px) {

  .block-on-mobile {
    display: block;
    margin: 0 auto;
    max-width: 450px;
    padding: 1rem;
    position: relative !important;
    right: 0% !important;
    text-align: center;
    top: 0 !important;
    width: auto !important;
  }
}

@media screen and (min-width: 755px) {
  .background-cover {
    min-height: 650px;
  }

}

@media screen and (max-width: 450px) {
  .background-cover {
    background-position: -50px top;
  }
}

/* STICKY FOOTER BUTTONS AND LEAD CAPTURE FORM */

#sticky-footer-buttons-fon {
  position: fixed;
  bottom: 1.5rem;
  z-index: 1;
}

/* was @media screen and (max-width: 1300px) */

.mobile-device  #sticky-footer-buttons-fon {
    padding-right: 0;
  }

/* was @media screen and (min-width: 1300px) */

.desktop-device #sticky-footer-buttons-fon {
    position: fixed;
    bottom: 3.5rem;
    padding-left: 0;
    right: 28px;
    z-index: 1;
  }

.btn-offer-surround {
  background-color: transparent;
  border: 1px solid var(--text-color);
  padding: 3px;
  border-radius: 3rem;
}

.btn-offer {
  background-color: var(--aqua-100);
  border: 5px solid transparent;
  border-radius: 3rem;
  color: var(--btn-bg-color);
  font-family: "Museo-Sans";
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0 1rem;
}

.btn-offer:hover {
  background-color: var(--btn-bg-color-hover);
}

/* KLAVIYO */

form.klaviyo-form h1 span strong{
	font-family: 'Kapra-Neue', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

form.klaviyo-form p span{
	font-family: 'Museo-Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

#klaviyo-offcanvas-form:before {
  border-top: var(--border-thickness) solid var(--text-color);
  content: '';
  display: block;
  margin-bottom: var(--border-gap);
}

#klaviyo-offcanvas-form {
  height: 0px;
  /* Change by JS */
  max-height: 0;
  /*  change by JavaScript */
  width: 100% !important;
  position: fixed;
  z-index: 1000000;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transition: 2s;
  border-top: 5px solid white;
  padding: 0;
}

.open-klaviyo {
  height: auto !important;
  max-height: 500px !important;
}

#klaviyo-offcanvas-form .closebtn {
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 36px;
  text-decoration: none;
  line-height: .7;
  padding: 0 5px 5px 5px;
  border-radius: 50%;
  border: 2px solid #414042;
  margin-top: 5px;
}

.z-index-hidden {
  z-index: -1 !important;
}

.klaviyo-email {
  background-color: transparent;
  border: none;
}

.klaviyo-email-wrapper {
  border-bottom: 1px solid #fff;
  padding-bottom: 0px;
}

.klaviyo-email-wrapper-dk {
  border: none;
  /*
  border-bottom: 1px solid var(--btn-outline-color);
  padding-bottom: 10px;
  */
}

input.klaviyo-email,
input.klaviyo-email::placeholder {
  color: var(--btn-bg-color-hover);
  height: 100%;
  width: 100%;
}

input.klaviyo-email-dk
/* , input.klaviyo-email-dk::placeholder */{
  border-bottom: 1px solid var(--btn-outline-color);
  color: var(--text-color);
  height: 100%;
  width: 100%;
}

input.klaviyo-email:focus {
  font-weight: 800;
}

#klaviyo-consumer-dark .success_message {
  color: #fff;
  font-weight: 800;
}

/* NAV MENUS */

@media screen and (min-width: 992px) {
  .navbar {
    padding-top: 15px;
    padding-bottom: 0;
  }

  .cart-icon-lg span {
    right: 41px !important;
    top: 9px !important;
  }
}

:not(.offcanvas) .cart-icon-number {
  padding-top: 9px;
}

#main-nav {
  background-color: #fff;
}

#company-logo {
  max-width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -70px;
  top: 9px;
}

.offcanvas.show #company-logo {
  display: none;
}

.offcanvas.show #company-logo-slideout {
  padding-right: 9%;
}

#company-logo-slideout {
  margin: 0 auto;
  max-width: 250px;
  width: 63%;
}

#company-logo-md {
  margin-left: -4px;
  margin-top: 12px;
  max-width: 225px;
  width: 60%;
}

.swiper-pagination-bullet-active {
  background-color: var(--btn-bg-color-hover);
  border: 2px solid #ffffff;
  outline: 2px solid var(--btn-outline-color);
}

.nav-link,
.offcanvas-body a:link.dropdown-item,
.nav-link:visited,
.nav-link:active,
.offcanvas-body .dropdown-item,
.fon-link {
  color: var(--text-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.1;
  /* padding: 0.5rem 2rem;*/
  text-transform: none;
}

#main-nav .nav-link:hover,
.current-menu-item,
.login-icon span:hover,
.dropdown-menu li a span:hover,
a:hover,
a:link.sidebar-text:hover,
.nav-link:focus,
.nav-link:hover,
.fon-link:hover,
.blog .entry-title a:hover,
.entry-title a:hover {
  color: var(--btn-bg-color);
  font-weight: 900 !important;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: var(--aqua-tab);
  text-decoration-thickness: 3px;
}

.fon-link {
  cursor: pointer;
  padding: 0 !important;
  text-decoration: underline;
}

.fon-link::before {
  text-decoration: none;
}

.offcanvas-body .dropdown-menu,
.offcanvas-body .dropdown-item:hover {
  background-color: var(--aqua-10);
  border: none;
  left: -68px;
}

.offcanvas-body .dropdown-menu {
  width: 100vw;
}

.offcanvas-body .dropdown-menu.show ul {
  overflow: hidden;
}

.offcanvas-body .dropdown-menu.show li {
  display: inline;
  float: left;
}

.offcanvas-body .dropdown-menu li:first-child {
  margin-left: 68px;
}

.offcanvas-body .dropdown-item {
  align-items: center;
  clear: none;
  float: left;
  margin-right: .5rem;
  white-space: break-spaces;
}

.menu-item-icon {
  max-height: 120px;
  width: auto;
}

#menu-right img {
  width: 25px;
  height: auto;
}

#container-right-menu {
  position: absolute;
  right: 0;
}

.navbar-toggler:hover {
  background: transparent;
  border: 1px solid transparent;
  font-size: 1.25rem;
  font-weight: 800;
  outline: none;
  padding:
    /*.25rem .75rem */
  ;
}

.logged-in .login-icon .menu-item-icon,
.logged-in .login-icon-sm .menu-item-icon,
.logged-in .login-icon img{
  background-color: #03fbe7;
  margin-top: -4px;
}

.cart-icon-md {
  height: auto;
  width: 26px;
  position: relative;
  right: -20px;
  top: 3px;
}

.cart-icon a span {
  text-decoration: none;
}

.cfw-side-cart-open-trigger {
  text-decoration: none;
}

.cart-icon-number {
  font-size: 15px;
  position: absolute;
  top: 36px;
  padding-left: 3px;
}

.cart-icon-lg span {
  color: var(--text-color) !important;
  position: absolute;
  right: 48px;
  top: 25px;
}

/*@media screen and (min-width: 768px){
  .cart-icon-lg span{
    right: 39px;
    top: 18px;
  }
}*/

/*.cart-has-items .cart-icon a img {
  background-color: #03fbe7;
}

.cart-has-items .cart-icon-lg a:after{
  background-color: white;
  content: "";
  height: 10px;
  right: 32px;
  position: absolute;
  top: -5px;
  width: 25px;
  z-index: 0;
}
*/
/* MARGINS */

.m-normal {
  margin: 0 2rem;
}

.max-height-icon {
  max-height: 250px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-300 {
  max-width: 300px;
}

.max-width-250 {
  max-width: 250px;
}

/* For decorative borders when should be behind 'shop now' buttons */

.move-up {
  margin-top: -25px;
}

@media screen and (min-width: 768px) {
  .move-up {
    margin-top: 0;
  }
}

/* WOOCOMMERCE */

/* Wrapper around hero block at top of product detail page */

.hero-wrapper {
  /* margin: 0 5%; */
  max-width: 2000px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--text-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: 100;
  height: 90px;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
}

.woocommerce ul.products li.product .price {
  font-size: 1.7rem;
  font-weight: 300;
  color: var(--btn-bg-color);
  line-height: .9;
  margin-bottom: 1rem;
  /* .5rem */
}

.woo-product-excerpt {
  height: 102px;
  margin-top: 13px;
}

#woocommerce-wrapper .tab-content p,
#woocommerce-wrapper .tab-content ul li,
#accordion-product-facts p,
#accordion-product-facts ul li {
  color: var(--text-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

/* List Style Type changed to '+' */

#woocommerce-wrapper .tab-content ul,
#accordion-product-facts ul,
ul.plus-signs {
  list-style: none;
  margin-left: 14px;
  padding-left: 0;
  text-indent: -14px;
}

#woocommerce-wrapper .tab-content ul li:before,
#accordion-product-facts ul li:before,
ul.plus-signs li:before {
  color: var(--btn-bg-color);
  content: "+";
  font-weight: 800;
  margin-right: 15px;
}

#woocommerce-wrapper .tab-content ul li:before,
#accordion-product-facts ul li:before{
  margin-right: 5px !important;
}

#woocommerce-wrapper .tab-content ul li,
ul.plus-signs li {
  margin-bottom: 15px;
}

ul.plus-signs li{
  text-indent: -30px;
}

/* More Info element */

.product .summary .woocommerce-Price-amount {
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1.8rem;
  color: #004269;
  font-weight: 400;
}

/* Testimonials */

.testimonial-card {
  border: 5px solid #fff;
  background-color: #d4e4e0;
  font-size: 18px;
  outline: 1px solid var(--text-color);
  position: relative;
  margin-bottom: 53px;
}

.testimonial-card:after {
  position: absolute;
  bottom: -42px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='43'%3e%3cpath d='M56.9 5.94H1.92l20.25 32.68C23.87 41.36 26.8 43 30 43s6.13-1.64 7.83-4.38L58.08 5.94H56.9Z' style='fill:%23231f20'/%3e%3cpath d='M54.15.99H0l1.02 1.65 22 35.5c1.51 2.45 4.12 3.9 6.98 3.9s5.47-1.46 6.98-3.9l22-35.5L60 .99h-5.85Z' style='fill:white'/%3e%3cpath d='m5.35 0 21.81 35.45c.66 1.07 1.75 1.6 2.84 1.6s2.18-.53 2.84-1.6L54.65 0H5.35Z' style='fill:%23d4e4e0'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  width: 60px;
  height: 43px;
  left: calc(50% - 30px);
  content: '';
}


.swiper-slide-active .testimonial-card:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='43'%3e%3cpath d='M56.9 5.94H1.92l20.25 32.68C23.87 41.36 26.8 43 30 43s6.13-1.64 7.83-4.38L58.08 5.94H56.9Z' style='fill:%23231f20'/%3e%3cpath d='M54.15.99H0l1.02 1.65 22 35.5c1.51 2.45 4.12 3.9 6.98 3.9s5.47-1.46 6.98-3.9l22-35.5L60 .99h-5.85Z' style='fill:white'/%3e%3cpath d='m5.35 0 21.81 35.45c.66 1.07 1.75 1.6 2.84 1.6s2.18-.53 2.84-1.6L54.65 0H5.35Z' style='fill:%23aaede9'/%3e%3c/svg%3e");
}

.swiper.testimonialsSwiper {
  width: 100%;
  height: 100%;
  padding: 5px 0 10px 0;
}


.testimonial .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonialsSwiper .swiper-slide,
.businessTestimonialsSwiper .swiper-slide {
  max-width: 450px;
}

.testimonial.swiper-slide-active .testimonial-card {
  background-color: #aaede9;
}

.testimonialsSwiper .testimonial-card {
  position: relative;
}

.swiper-button-next,
.swiper-button-prev {
  color: #414042;
  margin: 0;
  top: calc(50% - var(--swiper-navigation-size)/2);
}

@media screen and (min-width: 769px) {

  .testimonialsSwiper .swiper-slide,
  .businessTestimonialsSwiper .swiper-slide {
    top: 0;
    transition-property: top;
    transition: .1s;
  }
}

.testimonialsSwiper .swiper-slide .swiper-button-next,
.testimonialsSwiper .swiper-slide .swiper-button-prev {
  display: none;
}

.businessTestimonialsSwiper .swiper-slide-next .swiper-button-prev,
.businessTestimonialsSwiper .swiper-slide-next .swiper-button-next,
.businessTestimonialsSwiper .swiper-slide-prev .swiper-button-prev,
.businessTestimonialsSwiper .swiper-slide-prev .swiper-button-next {
  display: none
}



.testimonialsSwiper .swiper-slide-active .swiper-button-next,
.testimonialsSwiper .swiper-slide-active .swiper-button-prev {
  display: flex;
}

@media screen and (max-width: 768px) {

  .testimonialsSwiper .swiper-slide,
  .businessTestimonialsSwiper .swiper-slide {
    width: 80vw;
    padding: 0 5px !important;
  }
}


/**
* logoSwiper (the-hype)
**/
section.hype {
  position: relative;
}

section.hype .control-wrapper {
  display: flex;
}

.hype .swiper-button-next,
.hype .swiper-button-prev {
  position: relative;
  top: unset;
  left: unset;
  height: auto;
  display: grid;
  align-items: center;
  justify-content: center;
  flex: none;
}

@media screen and (max-width: 775px) {
  section.hype .control-wrapper {
    flex-wrap: wrap;
  }

  .logoSwiper {
    order: 1;
    width: 100%;
  }

  .hype .swiper-button-next,
  .hype .swiper-button-prev {
    width: 90px;
  }

  .hype .swiper-button-prev {
    order: 2;
    margin-left: auto;
  }

  .hype .swiper-button-next {
    order: 3;
    margin-right: auto;
  }
}

.swiper-wrapper {
  transition-timing-function: linear !important;
}

.logoSwiper .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  position: relative;
}

.hype .swiper-button-next:after,
.hype .swiper-button-prev:after {
  font-size: 32px;
}

@media screen and (min-width: 776px) {

  .hype .swiper-button-next,
  .hype .swiper-button-prev {
    width: 166px;
  }

  .hype .swiper-button-next {
    justify-content: start;
  }

  .hype .swiper-button-next:after {
    margin-left: 60px;
  }

  .hype .swiper-button-prev {
    justify-content: end;
  }

  .hype .swiper-button-prev:after {
    margin-right: 60px;
  }
}

.businessLogoSwiper img {
  max-height: 40px;
}

/* Video Boxes */

.shadow-drop-right-aqua {
  box-shadow: var(--shadow-thicknessshadow-thickness) var(--shadow-thicknessshadow-thickness) var(--shadow-color);
}

/* SHOP ARCHIVE PAGES */

a:link.sidebar-text {
  font-weight: 200;
  text-decoration: none;
  line-height: 200%;
}

/* ACCORDION RESET */

.accordion-item {
  background-color: transparent;
  border: none;
}

#faqs .accordion-button {
  background-color: transparent;
  font-weight: 400;
  padding-bottom: 0;
}

.accordion-button:hover {
  cursor: pointer;
}

.accordion-body {
  padding: 1rem 0;
}

.accordion-button,
.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: var(--text-color);
}

#faqs .accordion-button,
#faqs .accordion-button:not(.collapsed) {
  border-bottom: 1px solid var(--text-color) !important;
}

#accordion-product-facts .accordion-item {
  border-bottom: 1px solid #d7d7d4 !important;
}

#accordion-product-facts .woocommerce-product-details__short-description {
  margin-top: -1rem;
}

.accordion-body .accordion-button:not(.collapsed),
.accordion-body .accordion-button.collapsed {
  border-bottom: none !important;
  padding-right: 0;
}

#faqs .accordion-body .accordion-button{
  padding: .8rem 0;
}

.accordion-button {
  box-shadow: none !important;
  margin: 1rem 0 0 0;
  padding: 0;
}

.accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

.costSwiper li {
  list-style-image: url('http://localhost:10033/wp-content/uploads/2022/09/arrow-right.png');
}

.accordion-button::after {
  background-image: url('/wp-content/uploads/2023/04/collapse-close.svg');
  background-size: 1rem;
  margin-bottom: auto;
  transition: none;
}

.accordion-button:not(.collapsed)::after {
  background-image: url('/wp-content/uploads/2023/04/collapse-open.svg');
  background-size: 1rem;
  transform: none;
}

.accordion-body .accordion-button::after {
  background-image: none;
  content: "+";
}

.accordion-body .accordion-button:not(.collapsed)::after {
  background-image: none;
  content: "-";
}

.accordion-header h2 {
  margin-right: 10px;
}

/* WOOCOMMERCE */

.woocommerce #main {
  margin-top: 1rem;
}

.woocommerce .summary.entry-summary {
  margin-top: 1rem;
}

.woocommerce h1.entry-title {
  display: block;
  color: #004269;
  margin-bottom: 0
    /*.5rem*/
  ;
}

a.woocommerce-review-link {
  /* same as .secondary */
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  margin-left: 10px;
  color: var(--text-color);
}

/* Fix for Bizarre Issue in WooCommerce Core */

.woocommerce div.product div.images.woocommerce-product-gallery {
  opacity: 100 !important;
}

.woocommerce ul.products .product a {
  color: var(--btn-text-color-fon);
}

.woo-excerpt {
  line-height: 1;
}

/* Quantity + and - buttons */

.woocommerce div.product form.cart div.quantity {
  float: none;
}

.single-product div.product form.cart .quantity {
  float: none;
  margin: 0;
  display: inline-block;
}

button.minus,
button.plus {
  background-color: transparent;
  border: none;
  color: var(--woo-text);
  margin: 0;
  outline: none;
  padding: 15px;
}

button.minus:hover,
button.plus:hover {
  background-color: var(--lt-gray);
  border: none;
  color: var(--woo-text);
  margin: 0;
  outline: none;
  padding: 15px;
}


/* TABS */

.nav-tabs .nav-link.active {
  background-color: var(--aqua-tab);
  color: var(--btn-bg-color);
  border: 0.2rem solid #fff;
  border-radius: 0;
  outline: 2px solid var(--woo-text);
}

li.nav-item {
  margin-bottom: 0;
}

.nav-tabs {
  border-bottom: 2px solid var(--woo-text);
  margin-top: 1.5rem;
  padding-bottom: 1px;
}

.nav-link {
  font-weight: 400 !important;
}

.tab-pane.container {
  /* margin: 1rem 0;*/
  padding: 0;
}

/* Hide Woo PDP tabs because using Content Blocks instead */

.woocommerce-tabs .wc-tabs,
.woocommerce-Tabs-panel>h2:first-child {
  display: none;
}

/* ADVANCED REVIEWS TEMPLATE 3*/

/** Reposition star ratings on mobile/desktop **/
.single-product .product > .woocommerce-product-rating {
  display: block;
  margin-left: 2rem;
}

.single-product .product .summary .woocommerce-product-rating {
  display: none;
}

@media screen and ( min-width: 768px ) {
  
  .single-product .product > .woocommerce-product-rating {
    display: none;
  }

  .single-product .product .summary .woocommerce-product-rating {
    display: block;
  }


}

/* Bypass WC tabs */
.single-product #tab-reviews,
.single-product #tab-description {
  display: block !important;
}

/*.woocommerce-Reviews-title {
  margin-bottom: 45px;
}*/

#reviews {
  margin: 0 10%;
}

.star-rating,
.star-rating span {
  font-family: star;
}

.star-rating span {
  color: var(--btn-bg-color);
}

.woocommerce #reviews #comments ol.commentlist {
  padding: 10px 0 0 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

@media screen and ( min-width: 768px ) {
  
  .woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
  } 

}

.woocommerce #reviews #comments .comment_container {
  padding: 0;
  border-bottom: 1px solid var( --text-color );
  margin-bottom: 10px;
}

@media screen and ( min-width: 768px ) {
 
  .woocommerce #reviews #comments .comment_container {
    padding-left: 90px;
  }

}
.woocommerce #reviews #comments .comment_container .comment-text .star-rating {
  margin-top: 10px;
}

.woocommerce #reviews #comments .comment_container .comment-text .star-rating,
.woocommerce #reviews #comments .comment_container .comment-text .star-rating span,
.woocommerce #reviews .star-rating span::before,
.woocommerce #reviews .star-rating{
  font-size: .8rem;
}

.woocommerce #reviews #comments .comment_container img.avatar {
  border-radius: 50%;
  height: auto !important;
  width: 70px !important;
}

.woocommerce #review_form #respond .form-submit input{
  background-color: var(--btn-bg-color);
  color: white;
}

.woocommerce #review_form #respond .form-submit input:hover{
  background-color: var( --btn-bg-color-hover );
  color: var( --text-color );
}

@media screen and ( max-width: 768px ) {
  
  .woocommerce #reviews #comments .comment_container img.avatar {
    position: static !important; 
    float: none !important;
    width: 75px !important;
  }

}

.woocommerce #reviews #comments .woocommerce-review__author {
  font-size: 1rem;
  font-weight: 300;
}

.woocommerce #reviews #comments .woocommerce-review__dash {
  display: none;
}

.woocommerce #reviews #comments .woocommerce-review__published-date {
  display: block;
  font-size: 1rem;
  line-height: 1.75rem;
}

.woocommerce #reviews #comments .description p {
  font-size: 1rem;
  line-height: 1.75rem;
}

.sprw-template-three .sprw-review-form-button,
.woocommerce .sprw-template-three #review_form #respond .form-submit input,
.sprw-template-three .qq-upload-button {
  background-color: var(--btn-bg-color);
  text-transform: lowercase;
}

#respond.comment-respond {
  text-align: center;
}

.woocommerce #review_form #respond {
  padding: 0 5%;
  margin-bottom: 3rem;
  text-align: left;
}

.woocommerce #review_form #respond #reply-title {
  display: block;
  font-size: 2rem;
  line-height: 2.25rem;
  margin-bottom: 1.5rem;
}

.woocommerce #review_form #respond .form-submit input,
.woocommerce #review_form #respond .comment-form,
.woocommerce #review_form #respond input,
.woocommerce #review_form #respond textarea {
  font-family: Museo-Sans;
  font-weight: 600;
}

.woocommerce-review__verified.verified{
  background-color: rgba( 41,210,199,.2);
  color: var( --text-color );
  display: block;
  font-style: normal;
  padding: 2px 10px;
  text-transform: capitalize;
  width: 140px;
}


.comment-text .meta time::before{
  content: url('/wp-content/themes/force-of-nature/images/clock.png');
  margin-right: 5px;
  top: 4px;
  display: inline-block;
  position: relative;
  opacity: .6;
}

.sprw-forms-content {
  margin: 0 5% 0 5%;
}

.sprw-input-wrap {
  text-align: left;
}

.woocommerce #review_form #respond .comment-form input[type="email"],
.woocommerce #review_form #respond .comment-form input[type="text"],
.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond .comment-form textarea {
  border: 1px solid #414042 !important;
  font-weight: 200;
  padding: 5px;
}

.woocommerce #review_form #respond .comment-form label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.woocommerce #review_form #respond .comment-form .comment-form-rating {
  margin-bottom: 1.5rem;
}

.sprw-comment-awaiting-moderation {
  background-color: var(--aqua-20);
  color: white;
}

.sprw-template-three .sprw-outer-meta-wrapper {
  border-bottom: none;
}

.sprw-template-three .sprw-review-listing-wrap .sprw-commentlist>li,
.sprw-template-three .sprw-sorting-wrapper {
  border-bottom: 2px solid var(--btn-outline-color)
}

.sprw-template-three .sprw-review-listing-wrap .sprw-commentlist li {
  padding: 0 1rem 0 0;
  margin-bottom: 1rem;
}

.sprw-template-three .sprw-commentlist .comment_container .comment-text {
  padding-left: 1.5rem;
}

.sprw-template-three .sprw-commentlist .comment_container img.avatar {
  max-width: 60px !important;
  max-height: 60px !important;
}

.sprw-template-three .description .sprw-gallery-items-wrap {
  margin-bottom: 0;
}

.sprw-template-three .sprw-sorting-wrapper {
  margin-bottom: 1rem;
}

.sprw-template-three .sprw-inner-paginate li a {
  text-decoration: none;
  border-color: var(--btn-outline-color);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 200;
  height: auto;
  background-color: #ffffff;
  color: var(--text-color);
}

.sprw-template-three .sprw-inner-paginate li a.sprw-current-page,
.sprw-template-three .sprw-inner-paginate li a:hover {
  background-color: var(--btn-bg-color);
  color: var(--bright-aqua-100);
}

.sprw-template-three .sprw-inner-paginate li:last-child a,
.sprw-template-three .sprw-inner-paginate li:first-child a {
  border: none;
  text-decoration: underline;
}

.sprw-template-three .sprw-inner-paginate li:last-child a:hover,
.sprw-template-three .sprw-inner-paginate li:first-child a:hover {
  background-color: #fff;
  color: var(--text-color);
}

/* @media screen and ( max-width: 530px ) {
  .woocommerce #reviews #comments .comment_container .comment-text .star-rating {
    float: none;
  }
} */

/* POSITIONING */

.object-cover {
  object-fit: cover;
}

.absolute-then-relative-md {
  position: absolute;
  /* top: 15%; */
}

.absolute-rt-then-relative-md {
  position: absolute;
  left: 26%;
  top: 28%;
}

.absolute-rt-then-relative-2 {
  position: absolute;
  right: 3%;
  top: 2%;
}

@media screen and (max-width: 992px) {

  /*767px*/
  .absolute-then-relative-md,
  .absolute-rt-then-relative-md {
    left: 0;
    position: relative;
    top: 0;
    padding-top: 1rem;
  }
}

@media screen and (max-width: 1000px) {
  .absolute-rt-then-relative-2 {
    left: 0;
    position: relative;
    top: 0;
    padding-top: 1rem;
  }
}


/* BOOTSTRAP CAROUSEL */

/* Dark */
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='414042'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='414042'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

/* White */

.carousel-control-prev-icon-white,
.carousel-control-next-icon-white {
  border-color: #ffffff;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 2px 2px 0 0;
  width: 8px;
  height: 8px;
}

.carousel-control-prev-icon-white {
  transform: rotate(225deg);
}

.carousel-control-next-icon-white {
  transform: rotate(45deg);
}

.carousel-indicators [data-bs-target] {
  height: 10px !important;
  width: 10px !important;
  opacity: 1;
  border: 1px solid var(--btn-bg-color) !important;
  border-radius: 50% !important;
  background-color: var(--btn-bg-color) !important;
  margin-right: 0 !important;
  margin-left: 1.5rem;
  /*.iconic-woothumbs-zoom-bullets .slick-dots li button */
}

.carousel-indicators {
  position: relative;
}

.carousel-indicators .active {
  background-color: var(--btn-bg-color-hover) !important;
  border: 1px solid var(--btn-bg-color);
  padding: 2px;
  margin-top: -1px;
}

/* OBE
.oocommerce ul.products.columns-1{
  margin-left: .25rem !important;
  margin-right: .25rem !important;
} */

/* NAVBAR */

.navbar-toggler,
.navbar-toggler:hover {
  font-size: 3.5rem;
  left: -12px;
  margin-left: 0
    /*1rem*/
  ;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 8px;
}

.navbar-toggler:focus {
  box-shadow: none;
}


.btn-close-fon {
  top: 1rem;
  right: 1rem;
  background: #00426a url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border-radius: 50%;
  font-size: 1rem;
  opacity: 1;
  padding: 0.5rem !important;
}

a img:hover {
  cursor: pointer;
}

#comments {
  clear: both;
  /* REALLY? */
}

.woocommerce ul.products.columns-1 li.product {
  margin-bottom: 1rem;
  width: 100%;
  /* REALLY, WOO? */
}

/* Mobile Navigation */

@media screen and (max-width: 991px) {
  /*767*/

  .offcanvas {
    background-color: var(--aqua-10) !important;
  }

  .offcanvas-start {
    /*margin-top: 61px;*/
    width: 100%;
  }

  .offcanvas-header .btn-close {
    font-size: 1.5rem;
    margin-top: 0;
  }

  .offcanvas .dropdown-menu img.menu-item-icon {
    display: none !important;
  }

  .offcanvas-body .dropdown-menu.show li {
    display: block;
    float: none;
    padding: 0.5rem 1rem !important;
  }

  .login-icon {
    display: none;
  }

  .login-icon-sm img {
    max-height: 25px;
  }

  /* .btn-close{
    font-size: 1.8rem;
    height: 3em;
    opacity: 1;
    width: 2em;
  } */

  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 25'%3e%3cpath stroke='rgba%2865, 64, 66, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.5' d='M4 7h16M4 12h16M4 17h16'/%3e%3c/svg%3e");
    opacity: 90%;
  }

  .navbar-toggler-icon {
    background-size: 80%;
    width: 1.2em;
    height: 1.25em;
  }

  a:link#company-logo {
    max-width: 175px;
    position: absolute;
    margin-left: 26%;
    margin-top: 23px;
  }
}

/*li.cart-icon a span{
  display: none;
} */

.cart-icon-lg a.nav-link {
  margin-top: -3px;
  padding-top: 0 !important;
}

.btn-happiness {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* hide product thumbnail hover image if type = tp-hover-off */

.product_tag-tp-hover-off .tp-image-hover {
  display: none !important;
}

/* Marque replacement */

/* Makes the animation pause on hover */
.moving-text:hover {
  animation-play-state: paused;
}

/* The animation */
@keyframes marquee {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* media query to enable animation for only those who want it */
@media (prefers-reduced-motion: no-preference) and (max-width: 768px) {
  .moving-text {
    animation: marquee 15s linear infinite;
  }
}

.btn-link {
  font-weight: 700;
  padding-left: 0;
  color: var(--text-color);
}

.btn-link:hover {
  color: var(--text-color);
  text-underline-offset: 5px;
  text-decoration-color: var(--aqua-tab);
  text-decoration-thickness: 3px;
}

.btn-link:focus {
  border: none;
  box-shadow: none;
  color: var(--text-color);
  text-decoration: underline;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.card {
  background-color: transparent;
  border: none;
}

.card-body {
  padding: 0 1rem;
}

.answer {
  font-weight: 300;
  margin: 1rem 0;
  padding: 0 1.25rem;
}

.horizontal-line {
  border-bottom: 1px solid var(--btn-outline-color);
}

/* .woocommerce .product > h1{
  display: none;
} */

#category .dropdown-item {
  font-weight: 200;
}

#category .dropdown-toggle::after {
  border: none;
  content: url('/wp-content/uploads/2023/04/dropdown.svg');
  width: 20px;
  height: 20px;
  vertical-align: top;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin-bottom: 1rem;
}

.woocommerce a.added_to_cart {
  display: none;
}

/* Coupons */

/* a11y: Contrast with background too low

.old-price .woocommerce-Price-amount.amount{
  color: #8a8a8b;
  margin-right: 10px;
}

.woocommerce ul.products li.product .price del{
  color: #8a8a8b;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del{
  color: #8a8a8b;
}
*/
.with-coupon-code {
  font-size: 1.3rem;
  font-weight: 400;
}

.coupon-applied {
  font-size: 1rem;
}

/* onFocus hide placeholder text */
input:focus::placeholder {
  color: transparent;
}

/* Login Menu Icon */

.login-icon span {
  position: absolute;
  left: -37px;
}

/* hero images */

@media screen and (min-width: 768px) {
  .position-md-absolute {
    position: absolute;
  }
}

@media screen and (min-width:768px) {
  .ps-md-7 {
    padding-left: 5rem;
  }
}

.bg-dark-fon {
  background-color: var(--dark-background);
}

btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: none;
}

/*Menu hover fix */

li.menu-item.menu-fix a::before,
li.megamenu a span::before {
  display: block;
  content: attr(title);
  font-weight: 900;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

html {
  scroll-padding-top: 7rem;
  scroll-behavior: auto !important;
}

/* Remove annoying outlines for non-keyboard clicks 
:focus:not(:focus-visible) { 
  outline: none;
}
*/

.btn-outline-primary:active {
  border: none;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #e9ecef;
}

/* BUSINESS HERO WENT HERE */


@media screen and (max-width: 767px) {


  section#hero {
    height: auto;
    max-height: unset;
    overflow: visible;
  }

  section#hero>div {


    display: block;
  }

  section#hero>div>img {
    /*height: 970px;*/
    max-height: calc(100vh - 70px);
    position: relative;
  }

}

section#how\ it\ works .absolute-rt-then-relative-md.text-center-mobile {

  top: 25%;
  left: calc(100% - 600px);
  /*650*/
  display: flex;
  align-items: center;
}

section#how\ it\ works .absolute-rt-then-relative-md.text-center-mobile .max-width-md {
  margin: 0px;
}

section#diy>div>div.absolute-then-relative-md {

  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

#business-hero {
  position: relative;
}

#business-hero>div {

  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column;
}

@media screen and (max-width:1330px) {

  section#how\ it\ works .absolute-rt-then-relative-md.text-center-mobile {
    right: 8%;
  }

  section#hero>div>img+div.absolute-then-relative-md {
    margin-left: 3%;
  }
}

@media screen and (max-width:1200px) {

  section#how\ it\ works .absolute-rt-then-relative-md.text-center-mobile {
    right: 0%;
  }
}

@media screen and (max-width:767px) {
  section#how\ it\ works .absolute-rt-then-relative-md.text-center-mobile {
    padding-left: 0px;
    left: 0;

  }

  section#how\ it\ works .absolute-rt-then-relative-md.text-center-mobile .max-width-md {
    margin: 0px auto;
    ;
  }

  section#diy>div>div.absolute-then-relative-md,
  section#diy>div>div.absolute-then-relative-md>div {

    margin: 0px auto !important;
  }

  section#business-hero>div>img+div.absolute-then-relative-md,
  section#hero>div>img+div.absolute-then-relative-md {
    margin-left: 0px;
  }

  section#business-hero>div>img+div.absolute-then-relative-md {
    align-self: center;
  }

  #business-hero>div {
    position: relative !important;
  }

  section#hero>div>img,
  section#business-hero>div>img {
    position: relative;
  }

  section#hero,
  section#business-hero {
    height: auto;
    max-height: inherit;
    min-height: auto;
    overflow: visible;
  }

}

/*
** Bisecting buttons (on the lines)
*/

.button-bisect {
  margin-bottom: -25px;
}

.button-bisect-sm {
  margin-bottom: -24px;
}

@media screen and (min-width: 772px) {

  .button-bisect,
  .button-bisect-sm {
    margin-bottom: 0;
  }
}

@media screen and (max-width:767px) {


  /* Buttons look 10x better when they're bisecting lines. I wouldn't dream of having whitespace. */
  #hero>div>div div.text-md-start.text-center,
  #hero>div>div p.text-center-mobile {
    /*height:40px; */
  }

  #hero>div>div div.text-md-start.text-center a.text-center-mobile.btn-surround.mx-auto.mx-md-left {
    margin-top: 14px;
  }


  /* Genuinely, I could not live without bisecting buttons.*/
  #business-hero .fon-hero-box p.text-center-mobile:last-of-type {

    height: 40px;
    margin: 0px;
    margin-bottom: -64px;

  }

  /* I just realized I've wasted my entire career NOT doing bisecting buttons. I'll write a haiku about them. */
  .mb-5 #custom_post_widget-3954.content_block {

    position: absolute;
    width: 100%;
    margin-top: 70px;
    z-index: 1;

  }

  /*
	** A button mid line.
	** A grouse wakes in the forest.
	** Love the buttons, pal.
	*/
}


/*
** Buttons on the shop need to look like links. There's a lot of baggage behind this, but we probably can't just remove the button class
** for legacy reasons. So here we are, with a .button.no-button-styles class. 
*/


a.button.no-button-styles.product_type_simple.add_to_cart_button {
  background: none;
  color: var(--btn-bg-color);
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1rem !important;
  font-weight: 300;
  line-height: 1.4;
  text-decoration: underline !important;
  display: inline;
  padding: 0px;
}



/*
** Icon vertical alignments in header.
*/
/*[title="Cart"] img {

	margin-top:-4.5px;
}&=*/

[title="Login"] img {

  margin-top: -5px;
}



/*
** Cart buttons fix
*/

/* If you can't put it in a box, put a box in it. */


.product .cart .minus {
  margin: 0px;
  margin-right: -4px;
  border: 2px solid #00426a;
  border-right: 0px;
  padding: 7px 12px;
  position: relative;
  top: 1px;
  font-family: 'Museo-Sans';
}

.product .cart .quantity {

  border-top: 2px solid #00426a;
  border-bottom: 2px solid #00426a;
  margin: 0px;
  display: inline-block;
  margin-right: 0px;
  background: none;
  position: relative;
  top: 1px;
  width: 2rem;
  font-family: 'Museo-Sans';
}

.product .cart .quantity input {

  border: 0px;
  padding: 7px 0px;
  background: transparent;
  width: inherit;
}

.product .cart .plus {

  font-family: 'Museo-Sans';
  border: 2px solid #00426a;
  border-left: 0px;
  display: inline-block;
  position: relative;
  top: 1px;
  padding: 7px 12px;
  margin-left: -9px;
}


/*
** Fix tiny buttons
*/

/* These button's source image is only in the top left quarter of the image. Why? I don't know. I just don't know. 
.btn-collapse:not([aria-expanded="true"]) {
	background-size: 150%;
}*/

.btn-collapse {
  color: #00FFE8;
  background-color: #01416A;
  border: none;
  border-radius: 50%;
  font-size: .9rem;
  font-weight: 800;
  height: 16px;
  line-height: 1;
  margin-left: 6px;
  padding: 0;
  width: 16px;
}

.d-none-slow {
  display: none;
  transition: all 0.5s ease-in-out;
}

.klaviyo-input-wrapper {
  min-width: 300px;
}

.btn-klaviyo {
  min-height: 45px;
  min-width: 340px;
}

.pay4-paypal-logo {
  width: 88px;
}

.carousel-item {
  background-color: transparent !important;
}

/* Beam in Sidecart */

#cfw-side-cart .cfw-side-cart-coupon-wrap {
  margin-bottom: 2rem !important;
}

.cfw-side-cart-contents-footer {
  text-align: left;
}

/* BLOG ARCHIVE */

.blog .entry-title a,
.entry-title a {
  text-decoration: none;
}

/*.cart-icon a{
  padding-top: 0 !important;
  margin-right: 1rem;
  margin-top: -2px;
}*/

.cart-icon .nav-link:active {
  padding-top: 0 !important;
}

/* MY ACCOUNT PAGE */

.list-group-item+.list-group-item.active,
.list-group-item.active {
  background-color: var(--btn-bg-color);
}

.list-group-item {
  color: var(--text-color);
}

/* FORMS */

/* perhaps modify variable in scss and eliminate this */
.form-control:focus,
.widget_archive select:focus,
.widget_categories select:focus,
.wpcf7 .wpcf7-validation-errors:focus,
.wpcf7 input[type=color]:focus,
.wpcf7 input[type=date]:focus,
.wpcf7 input[type=datetime-local]:focus,
.wpcf7 input[type=datetime]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type=file]:focus,
.wpcf7 input[type=month]:focus,
.wpcf7 input[type=number]:focus,
.wpcf7 input[type=range]:focus,
.wpcf7 input[type=search]:focus,
.wpcf7 input[type=submit]:focus,
.wpcf7 input[type=tel]:focus,
.wpcf7 input[type=text]:focus,
.wpcf7 input[type=time]:focus,
.wpcf7 input[type=url]:focus,
.wpcf7 input[type=week]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  border-color: var(--btn-bg-color);
  box-shadow: 0 0 0 0.15rem rgb(0, 66, 106)
}

/* BLOG */

.understrap-read-more-link,
a:link.btn.understrap-read-more-link,
.understrap-read-more-link:hover,
a:link.btn.understrap-read-more-link:hover {
  background-color: #fff;
  color: var(--text-color);
  font-weight: 800;
  padding-left: 0 !important;
}

.blog .entry-title a,
.entry-title a {
  font-size: 1.5rem;
  font-weight: 400;
}

.blog h2.entry-title,
h2.entry-title {
  line-height: 1;
  margin-bottom: 0.5rem;
}

.blog .entry-title a:hover,
.entry-title a:hover {
  font-weight: 400 !important;
}

ul.wp-block-categories {
  padding-left: 0;
}

.wp-block-categories a:link {
  font-weight: 300;
  text-decoration-color: #fff;
}

.wp-block-categories a:link:hover {
  text-decoration-color: var(--aqua-tab);
}

.wp-block-categories li {
  line-height: 1;
}

.single-post h2,
.single-post h3 {
  margin: 1rem 0 .5rem 0;
}

.single-post .entry-content li {
  margin-top: 1rem;
}

.single-post ol,
.single-post ul {
  padding-left: 0;
}

.single-post h2,
/* hack */
.single-post h2 b,
/* hack */
.single-post h2 strong

/* hack */
  {
  font-weight: 400;
}

.single-post #comments {
  display: none;
}

.single-post .container.navigation.post-navigation {
  margin: 3rem 0;
  padding-left: 0;
}

.single-post .entry-content p {
  /* hack */
  margin-top: 1rem;
}

.object-fit {
  height: 100%;
  width: 100%;
}

/* Object-fit.  Is in Bootstrap v5.3.  Remove this when Understrap includes Bootstrap 5.3 */

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important
}

/* ACCESSIBILITY */

:focus-visible {
  outline-color: #414042;
  box-shadow: 0 0 6px var(--btn-bg-color-hover);
}

.product-template-default #right-sidebar {
  display: none;
}

/* Woo Labels Hooks Into Top Left of Image Gallery Unfortunately */

@media screen and (min-width: 772px) {
  .product-template-default .advanced-woo-labels {
    margin-left: 30%;
  }
}

@media screen and (min-width: 992px) {
  .product-template-default .advanced-woo-labels {
    margin-left: 27%;
  }
}

@media screen and (min-width: 1300px) {
  .product-template-default .advanced-woo-labels {
    margin-left: 24%;
  }
}

/* Product Image Flipper */

.tp-image-wrapper {
  display: block;
  position: relative;
}

.tp-image-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0s ease-out;
}

@media screen and (min-width: 1200px ){

	.tp-image-hover:hover {
	  position: absolute;
	  opacity: 1;
	}
}

.woocommerce ul.products li.product a{
	display: block;
}

@media screen and (max-width: 772px) {
  .bg-none-until-md {
    background-image: none !important;
  }

}

.iconic-woothumbs-thumbnails__control {
  opacity: 1;
}

.sprw-rating-container .sprw-rating-info-wrap {
  display: none;
}

.sprw-template-three #comments .sprw-list-img-wrap {
  display: none;
}

.sprw-rating-info-wrap {
  justify-content: center;
}

.woocommerce ul.products li.product .button {
  margin-top: 0;
  text-transform: lowercase;
  width: 100%;
}

#swiper-legend li:before {
  content: url('/wp-content/uploads/2023/04/arrow-right.svg');
  width: 15px;
  display: block;
  left: -25px;
  position: absolute;
}

#swiper-legend li:not(.fw-bold):before {
  display: none;
}

/* NavBar Breakpoint 

@media (max-width: 880px){
  .navbar-expand-md .offcanvas {
      visibility: hidden !important;
  }
}

@media (min-width: 880px){
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-md{
  flex-wrap: nowrap;
  justify-content: flex-start;
}
}

@media (max-width: 880px){
  .navbar-expand-md .navbar-toggler{
    display: block;
  }
}
*/

ul li {
  list-style-type: none;
}

article.post ul li{
	list-style-type: disc;

}

@media screen and (max-width: 991px) {

  .offcanvas-body .faqs,
  .offcanvas-body .tips {
    display: none;
  }
}

/* TIPS */

#tips-selector div,
#tips-selector img,
#tips-selector span,
#tips-selector h3,
#tips-selector h4 {
  text-align: center;
}

#tips-header label {
  margin-right: 1rem;
}

#tips-selector input[type="radio"] {
  margin-right: .5rem;
}

#tips-selector p {
  margin-bottom: 0;
}

#tips-selector .fon-display-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

#tips-selector .flex-1 {
  flex: 1;
  min-width: 350px;
  max-width: 450px;
}

#tips-selector .fon-flex-padding-lg {
  padding: 1em;
  margin: 5px;
}

/* IE11 hide native button*/
#tips-selector select::-ms-expand {
  display: none;
}

#tips-selector select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

#tips-selector .selectdiv:after {
  content: '>';
  margin: 15px -30px;
  font-size: 20px;
  color: #fff;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  pointer-events: none;
}

#tips-selector .selectdiv select {
  display: inline-block;
  height: 44px;
  margin: 5px 0px;
  padding: 0px 24px;
  line-height: 1.75;
  color: #ffffff;
  background-color: #ff7000;
}

#tips-selector .current-opt {
  display: block;
}

#tips-selector .show {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  visibility: visible;
}

#tips-selector .card-border {
  border: 1px solid #E7E7E5;
}

#all-tips.hide-business .business {
  display: none;
}

#all-tips.hide-home .home {
  display: none;
}

.btn-close:focus {
  box-shadow: 0 0 0 0.25rem #03fbe7;
}

.testimonial.swiper-slide-active .testimonial-card p {
  pointer-events: none;
}

.login-icon .menu-subtitle {
  display: none;
}

.login-icon .menu-item-icon {
  margin-top: -5px;
}

.iconic-woothumbs-all-images-wrap--layout-slider.iconic-woothumbs-hover-icons .iconic-woothumbs-images-wrap .iconic-woothumbs-images__arrow {
  opacity: 1 !important;
}

/*.woocommerce-review-link .count{
  color: #414042;
}*/

.product .sprw-rating-container a.woocommerce-review-link span.eleganticons.arrow_carrot-down {
  color: #414042;
}

/* WooThumbs by Iconic */

.iconic-woothumbs-all-images-wrap--layout-slider:not(.iconic-woothumbs-hover-icons).iconic-woothumbs-all-images-wrap--show-ui .iconic-woothumbs-images__arrow svg {
  background-color: var(--btn-bg-color);
  border-radius: 50%;
  color: var(--btn-bg-color-hover);
  height: 27px;
  padding: 4px 0;
  top: 50%;
  width: 27px;
}

@media screen and (max-width: 768px) {
  .iconic-woothumbs-all-images-wrap {
  	float: left !important;
  	margin-bottom: 50px !important;
  	}
}
  
/* a11y */

.tp-image-wrapper {
  color: #414042;
}

.entry-content {
  margin-top: 8px;
}

marquee {
  padding-top: 3px;
}

/* PDP */

@media screen and (max-width: 767px) {
  .woocommerce .summary>.product_title {
    display: none;
  }

  .woocommerce .summary .sprw-rating-container {
    display: none;
  }

  .product-template-default.woocommerce .product>h1,
  .product-template-default.woocommerce .product>.sprw-rating-container {
    margin-bottom: 0;
    margin-left: 2rem;
  }

  .product-template-default.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 767px) {
  .woocommerce .product>h1 {
    display: none;
  }

  .product-template-default .product>.sprw-rating-container {
    display: none;
  }
}

/* SPRW */

.slick-active {
  border: 1px solid var(--btn-outline-color);
  border-radius: 50%;
}

.slick-slide.slick-current.slick-active {
  border: none;
}

/*.product .sprw-rating-container{
  margin-top: 5px;
}*/

@media all and (max-width: 768px) {

  /* hide woothumbs gallery on mobile */
  .iconic-woothumbs-thumbnails-wrap {
    display: none;
  }
}

@media all and (min-width: 768px) {

  /* hide bullets on desktop */
  .iconic-woothumbs-images-wrap .slick-dots {
    display: none !important;
  }
}

.iconic-woothumbs-all-images-wrap .slick-dots li.slick-active,
.iconic-woothumbs-all-images-wrap .slick-dots li.slick-active button,
.iconic-woothumbs-zoom-bullets .slick-dots li.slick-active button {
  height: 10px !important;
  margin-top: -5px !important;
  padding: 5px;
  width: 10px !important;
}

.slick-slider .iconic-woothumbs-images__arrow svg path {
  stroke: var(--btn-bg-color-hover) !important;
}

.iconic-woothumbs-all-images-wrap .slick-dots li.slick-active button {
  background-color: var(--btn-bg-color-hover) !important;
}

.iconic-woothumbs-all-images-wrap .slick-dots li {
  margin: 0 10px !important;
}

.iconic-woothumbs-all-images-wrap .slick-dots {
  bottom: -40px !important;
  max-width: 80% !important;
  overflow-y: visible;
  top: auto !important;
}

.iconic-woothumbs-all-images-wrap {
  overflow: visible !important;
}

.iconic-woothumbs-all-images-wrap .slick-dots li button {
  height: 10px !important;
  width: 10px !important;
  margin-top: -5px !important;
  margin-left: -5px !important;
}

.iconic-woothumbs-all-images-wrap .slick-dots,
.iconic-woothumbs-zoom-bullets .slick-dots {
  z-index: 1 !important;
}

/* No reviews outside of PDP and Archive */

#shop-kits .woocommerce-review-link .arrow_carrot-down,
#shop-kits .woocommerce-review-link .count {
  display: none;
}

#shop-kits span.sprw-star-icon.full .fa-star {
  font-size: .75rem;
}

/* .sprw-rating-container {
  margin-top: -.5rem;
}*/

.sprw-star-icon.full {
  margin-right: 2px;
}

span.sprw-star-icon {
  font-size: .8rem;
}

.woocommerce ul.products li.product {
  margin-right: 2.5rem;
}

/**   Pinker Green Defined Spacing */
/**   Their PSDs define vertical spacing of 
 **   Desktop: 35px, 50px, 65px, 90px
 **   Mobile: 80px 120px, 130px, 150px, 200px each divided by 3 to accomodate their pixel ratio
 */


/*   Mobile  */

@media screen and (max-width: 768px) {
  .mb-80 {
    margin-bottom: calc(80px/3) !important;
  }

  .pb-80 {
    padding-bottom: calc(80px/3) !important;
  }

  .pt-80 {
    padding-top: calc(80px/3) !important;
  }

  .mb-120 {
    margin-bottom: calc(120px/4) !important;
  }

  .pb-120 {
    padding-bottom: calc(120px/3) !important;
  }

  .pt-120 {
    padding-top: calc(120px/3) !important;
  }

  .mb-130 {
    margin-bottom: calc(130px/3) !important;
  }

  .pb-130 {
    padding-bottom: calc(130px/3) !important;
  }

  .pt-130 {
    padding-top: calc(130px/3) !important;
  }

  .mb-150 {
    margin-bottom: calc(150px/3) !important;
  }

  .pb-150 {
    padding-bottom: calc(150px/3) !important;
  }

  .pt-150 {
    padding-top: calc(150px/3) !important;
  }

  .mb-200 {
    margin-bottom: calc(200px/3) !important;
  }

  .pb-200 {
    padding-bottom: calc(200px/3) !important;
  }

  .mt-200 {
    margin-top: calc(200px/3) !important;
  }

  .pt-200 {
    padding-top: calc(200px/3) !important;
  }
}

/*   Desktop */

@media screen and (min-width: 768px) {
  .mb-md-70 {
    margin-bottom: 25px
      /*35px */
      !important;
  }

  .pb-md-70 {
    padding-bottom: 25px
      /*35px */
      !important;
  }

  .mb-md-100 {
    margin-bottom: 40px
      /*50px*/
      !important;
  }

  .pb-md-100 {
    padding-bottom: 40px
      /*50px*/
      !important;
  }

  .pt-md-100 {
    padding-top: 40px
      /*50px*/
      !important;
  }

  .pt-md-120 {
    padding-top: 50px;
    /*60px*/
  }

  .pb-md-120 {
    padding-bottom: 50px;
    /*60px*/
  }

  .mb-md-130 {
    margin-bottom: 57px
      /*65px*/
      !important;
  }

  .pb-md-130 {
    padding-bottom: 57px
      /*65px*/
      !important;
  }

  .pt-md-130 {
    padding-top: 57px
      /*65px*/
      !important;
  }

  .mb-md-180 {
    margin-bottom: 75px
      /*90px*/
      !important;
  }

  .pb-md-180 {
    padding-bottom: 75px
      /*90px*/
      !important;
  }

  .pt-md-180 {
    padding-top: 75px
      /*90px*/
      !important;
  }
}

.shop-desktop a {
  padding-left: 0 !important;
}

.product-template-default .col-md.content-area {
  padding-left: 0;
  padding-right: 0;
}

#product-detail-tabs .col {
  max-width: 175px;
}

.woocommerce div.product div.summary {
  margin-bottom: 5rem;
}

.woocommerce-product-rating .arrow_carrot-down,
.page-template-page-templates .arrow_carrot-down {
  display: none;
}

.woocommerce div.product .woocommerce-product-rating .sprw-star-rating{
  border-right: 2px solid var(--aqua-tab);
  line-height: .5;
  padding-right: 10px;
}

#accordion-product-facts .accordion-button {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1rem;
}

.woocommerce p {
  font-size: 1rem;
}

/* WooThumbs gallery fix Cloudstream iframe embed */

.iconic-woothumbs-standard-embed::after {
  content: "";
  background: transparent;
  width: 100%;
  height: 100%;
  min-height: 1px;
  position: absolute;
  top: 0;
}

/* WooThumbs gallery make entire width swipeable */
.iconic-woothumbs-images__arrow,
.iconic-woothumbs-zoom-next,
.iconic-woothumbs-zoom-prev {
  width: auto !important;
}

.product-type-variable table.variations {
  display: none;
}

table.variations tr td select {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 2px solid #000;
  padding: 5px 20px 5px 10px;
  margin: 0 !important;
  min-width: 0 !important;
  width: 190px !important;
  color: var( --btn-bg-color ) !important;
  text-align: center;
}

#pa_delivery-frequency_wrap {
  position: relative;
}

#pa_delivery-frequency_wrap::after {
  
  display: block;
  position: absolute;
  right: 10px;
  top: 8px;
  content: "\f107";
  font-family: "FontAwesome";
  color: #000;

}

table.variations tr td .reset_variations {
  display: none !important;
}

#pa_delivery-frequency {
  float: right;
}

#pa_delivery-frequency option[value="one-time-purchase"],
#pa_delivery-frequency option[value="business-one-time-purchase"],
#pa_delivery-frequency option[value="pro-one-time-purchase"] {
  display: none;
}

.product-variant-subscription-radio {
  display: none;
}

.product-variant-subscription-radio-label {
  color: var( --text-color );
  font-size: 18px;
}

.product-variant-subscription-radio-label.selected {
  color: var( --btn-bg-color );
}

.product-variant-subscription-radio-label::before,
.product-variant-subscription-radio-label.selected::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px var( --text-color ) solid;
  border-radius: 100%;
  padding: 1px;
}

.product-variant-subscription-radio-label.selected::before {
  background: var( --btn-bg-color );
  background-clip: content-box;
}

.product-variant-subscription-radio-label .price {
  font-family: 'Museo-Sans', Arial, sans-serif;
  font-size: 1.8rem !important;
  color: #004269 !important;
  font-weight: 400;
}

.product-variant-subscription-details {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 1rem;
}

@media (max-width: 1271px) {
  #pa_delivery-frequency {
    float: none;
    clear: both;
    width: 100% !important;
    margin: 0 auto !important;
  }

  table.variations td.label {
    display: none;
  }
}

@media (min-width: 1271px) {
  table.variations {
    width: 45% !important;
    float: right !important;
  }

  .product-variant-subscription-details {
    width: 50%;
    clear: none;
  }
}

.product-variant-subscription-details * {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var( --text-color );
}

.product-variant-subscription-details ul {
  margin: 0;
  padding: 0;
}

.product-variant-subscription-details ul li {
  margin-bottom: 0;
}

.product-variant-subscription-details ul li::before {
  content: "\f067";
  margin-right: 0.5rem;
  font-family: "FontAwesome";
  font-size: 10px;
  color: var( --btn-bg-color );
}

.radio-att-section {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #eee;
}

.woocommerce-variation-add-to-cart {
  display: flex;
  clear: both;
  justify-content: flex-end;
}

.woocommerce-variation-add-to-cart .plus {
  margin-right: 1rem !important;
}

.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  flex-grow: 1;
}

label[for="pa_delivery-frequency"] {
  visibility: hidden;
}

/* *{
  border: 1px solid red;
} */

/* Experimental */

.navbar-toggler-icon {
  max-width: 4rem;
}

/* Apple iPhone do not style phone numbers */

a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}

/* Woo remove quantity selectors added by browsers */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* WooCommerce radio button variations */

.woovr-variation:not(:last-child) {
  background: #f7f7f7;
}

.products .product .sprw-rating-container .count{
  display: none;
}

/* Reviews */

.sprw-rating-number-wrap{
	display: none;
}

.sprw-average-rating-star{
	text-align: center;
}

.sprw-middle-content-wrap{
	font-size: 2rem;
}

.up-sells.upsells.products{
	display: none;	
}

#reply-title{
	display: none !important;
}

.sb_bar{
	max-width: 100%;
}

/* Blog Pagination */

.page-item.active .page-link{
  background-color: var( --btn-bg-color );
}
ul.pagination .page-link{
  color: var( --btn-bg-color );
}

.sprw-comment-awaiting-moderation{
  background-color: var( --btn-bg-color);
}

/* My Account */

.woocommerce-MyAccount-navigation .list-group-item{
  border: none;
}

.list-group-item-action:hover{
  background-color: #EBEBEA;
}

.list-group-item+.list-group-item.active, .list-group-item.active{
  background-color: #D7D8D6;
  color: var( --text-color);
}

/* Suppress messages on product detail pages */

.product-template-default .site-main .woocommerce-notices-wrapper{
  display: none;
}

/* Smart Product Reviews hide bars */

.sprw-rating-info-wrap{
	display: none;
}

.woocommerce #reviews #comments ol.commentlist li{
  margin: 0px;
}

/* Hide in Canada */
body.canada .hide-in-canada{
    display: none !important;
}

/* Products > Hide Additional Product Panel */

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information.panel{
	display: none !important;
}

/* Hide Reviews on Specific Products.  
Caused by Smart Product Review plugin */

#product-11128 .woocommerce-product-rating,
#product-11043 .woocommerce-product-rating,
#product-2427690 .woocommerce-product-rating{
	display: none;
}

/* Hide ratings on shop page */

.woocommerce .products .post-11128 .star-rating,
.woocommerce .products .post-11043 .star-rating,
.woocommerce .products .post-2427690 .star-rating{
	display: none;
}

#customer-login{
  margin-top: 25px;
}

.affwp-form input[type=submit]{
	margin-top: 10px;
}

/*.cfw-side-cart-contents img{
  max-height: 80px;
  height: auto;
}*/

/*.cfw-side-cart-contents{
  background-color: var(--aqua-10);
  margin-top: 1.5rem;
}*/

#cfw-side-cart .cfw-side-cart-contents h2:hover{
  font-weight: 800;
}

/* Experimental */

/* Ratings on product detail pages */

.woocommerce #comments .woocommerce-product-rating .star-rating{
  display: block;
  float: none;
}

.progress{
  height: 13px;
  margin-bottom: 1rem;
}

.rating-number{
  font-size: 1rem;
  height: 13px;
  margin-bottom: 1rem;
}

.progress-bar{
  background-color: var( --aqua-100 );
}

.progress-bar-rating{
  margin-left: 1rem;
}

.rating-number::after{
  color: var(--btn-bg-color);
  content: "S";
  font-family: star;
  font-size: 14px;
  margin: 0 10px 0 3px;
}

.number-of-reviews{
  font-size: 1rem;
}

@media all and (max-width: 772px){
  #ratings-bar-chart{
    border-top: 1px solid ;
    border-bottom: 1px solid ;
  }
}

@media all and (min-width: 772px){
  #ratings-bar-chart{
    border-left: 2px solid #414042;
  }
}

#reviews ol.commentlist{
  border-top: 1px solid var( --text-color );
}

#review_form{
  margin-top: 2rem;
}

.grecaptcha-badge{
	display: none;
}

.woocommerce-account .grecaptcha-badge{
	display: block;
}

/* Show in US vs Canada */

.show-in-us{
	display: block;
}

span.show-in-us{
	display: inline;
}

.show-in-canada,
span.show-in-canada{
	display: none;
}

.fcc-usa span.show-in-us,
.fcc-ca span.show-in-canada{
	display: inline;
}

.fcc-usa .show-in-us,
.fcc-ca .show-in-canada{
	display: block;
}

.fcc-usa .show-in-canada,
.fcc-ca .show-in-us{
	display: none;
}

/* If logged in, hide Klaviyo forms because not relevant*/

.logged-in #float-xxl-end-fon,
.logged-in #klaviyo-footer-form{
  display: none;
}

/* Horizontal Menu on My Account Page */

.list-group-item+.list-group-item.active,
 .list-group-item.active {
background-color: #fff; /*#d7d8d6*/
color: var(--text-color);
}

.woocommerce-MyAccount-navigation .list-group-item{
  border: none;
  white-space: nowrap;
}

@media screen and ( max-width: 768px ){

	.list-group {
		flex-direction: row;
		overflow-x: scroll;
	}
  
	.woocommerce-MyAccount-navigation .list-group-item{
    border-bottom: 10px solid lightgray;
	}

	.list-group-item+.list-group-item.active, 
	.list-group-item.active{
	 border-bottom: 10px solid var( --btn-bg-color-hover );
	}
}

.shop_table.subscription_details a.button{
  margin-bottom: 5px !important;
}

.woocommerce-MyAccount-navigation{
  margin-bottom: 3rem;
}

.list-group-item{
  padding-left: 0;
}

#archived-orders.woocommerce-orders-table thead{
  display: none;
}

.woocommerce table.shop_table{
  margin-bottom: 0;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table td{
  border: none;
  padding: 9px 0;
}

.woocommerce-column__title{
  margin-bottom: 2rem;
}

a.woocommerce-MyAccount-navigation-link--dashboard{
  display: none;
}

.woocommerce-MyAccount-content{
  margin-bottom: 3rem;
}

/*.woocommerce table.shop_table, .woocommerce table.shop_table td{
  display: block;
}*/

/* payment methods */

.default-payment-method-header::before{
  color: #ff7000;
  content: "Default";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
}

td.woocommerce-PaymentMethod.woocommerce-PaymentMethod--default.payment-method-default{
  display: none;
}

table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--default mark{
  color: #ff7000 !important;
  background-color: transparent !important;
  font-size: 1rem !important;
}

.payment-method-actions{
  margin-top: 1rem;
}

.woocommerce table.shop_table th{
  padding-left: 0;
}

.woocommerce-PaymentMethod.woocommerce-PaymentMethod--actions.payment-method-actions{
  padding-bottom: 2rem;
}

@media only screen and (max-width: 768px){
  .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
    content: attr(data-title);
  }
}

#add_payment_method #payment,
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{
  background-color: #fff;
}

#add_payment_method #payment div.payment_box::before{
  border: none;
}

table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--expires{
  text-align: left;
}

table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--actions .button{
  float: left;
}

/* MEGAMENU */

.menu-subtitle{
  /*margin-top: .5rem;*/
  max-width: 75px;
  text-align: center;
}

.dropdown-item{
  padding: .25rem 2rem;
}

.cart-icon .menu-subtitle{
  margin-top: -1.3rem;
}

li.login-icon-sm.d-lg-none a div{
  display: inline-block !important;
}

li.login-icon-sm.d-lg-none .menu-subtitle{
  margin-left: 0.5rem !important;
}

/* Geolocation */

body.loc-disinfect .clean,
body.loc-disinfect span.clean{
	display: none;
	}
	
body.loc-clean .disinfect,
body.loc-clean span.disinfect{
	display: none;
}

.notice-before-price{
	color: #0076a8;
	margin-bottom: 10px;
}

/* Yotpo */
/* These declarations stay in this file because they are needed early on the page load for Star Ratings */

.yotpo .yotpo-display-wrapper{
	margin-top: 7px;
}

/* Yotpo appears to have no setting for this; must set by css */

.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star, .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star, .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-empty-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-half-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-empty-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-empty-star{
  font-size: 22px !important;
}

.yotpo .text-m {
  font-size: 16px !important;
}

/* Top review summary */

.yotpo-widget-instance{
	margin-bottom: .7rem;
	margin-top: .7rem;
}

.yotpo-bottomline .text-m{
  line-height: 1.5 !important;
  text-decoration: underline !important;
}

@media screen and (max-width: 767px){
	.summary.entry-summary .yotpo.bottomLine,
	.summary.entry-summary .yotpo-widget-instance{
		display: none;
	}
}

.woocommerce .products .yotpo-sr-bottom-line-text{
	display: none;
}

.notice-before-price{
	color: #0076a8;
	margin-bottom: 10px;
}

.woocommerce ul.products li.product .yotpo-bottomline a.text-m{
	display: none;
}


.woocommerce ul.products li.product>.yotpo.bottomLine{
	display: none;
}

#single-rating{
	margin-left: 2rem;
}

.yotpo-display-m .yotpo-main-layout .yotpo-head{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}


.yotpo-review-form-modal{
	top: 100px !important;
}

.yotpo-star-distribution-row-wrapper.selected-row .yotpo-star-distribution-index,
.yotpo-star-distribution-row-wrapper.selected-row .yotpo-star-distribution-value,
.yotpo-star-distribution-row-wrapper:hover .yotpo-star-distribution-index,
.yotpo-star-distribution-row-wrapper:hover .yotpo-star-distribution-value{
  text-decoration: none !important;
}

.yotpo-star-distribution-row-wrapper{
  cursor: default !important;
}

#newReviewFormModal{
	z-index: 10000;
}

.yotpo-review-form{
	margin-bottom: 250px !important;
}

.modal-backdrop.yotpo-review-form-modal h1.yotpo-modal-header{
	margin-top: 28px !important;
}

.modal-backdrop.yotpo-review-form-modal .btn-close{
	z-index: 100;
}

/* Yotpo End */

.post .entry-content a,
.post .entry-content a:hover{
	font-weight: 200;
}

.single-post .woocommerce ul.products li.product{
	margin-right: 2%;
}

#tinymce{
  margin: 1rem;
}

/*  No reviews yet > hide rating */

[aria-label="0 out of 5 star rating"]{
  opacity: 0;
}

/* Subscription update payment methods */

.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-manage-payment-methods{
	display: none !important;
}

[for="wc-authorize-net-cim-credit-card-use-new-payment-method"]:hover{
	cursor: pointer;
}

.woocommerce form .form-row .input-checkbox{
	margin-top: 0;
}

.update-all-subscriptions-payment-method-wrap .form-check .form-check-input{
	float: none;
}

.modal-backdrop.yotpo-review-form-modal .yotpo-modal{
  margin-bottom: 150px !important;
}