/*
#05adf6 - bright blue
#12517a - dark blue
#237760 - dark green 
*/


/* Layout Fixes */
.widget .grid-50{ width:100%; }
.widget .gb-loop-item{ padding-bottom:0px !important; }


/* Footer */

.wp-block-social-link-label{ font-size:13px !important; }
.footer-widgets .widget{ margin-bottom:0; }

/* HOMEPAGE */

@keyframes title-slide-in {
  from { opacity: 0; transform: translateY(50px); }
  to { opacity: 1; transform: translateY(0); }
}

.title-slide-in {
  animation: title-slide-in 1s ease 0.25s forwards;
}


body:not(.home) .site-header{
	border-bottom:1px solid #ECF0ED;
}


.home-banner-title{
	text-transform: uppercase;
    letter-spacing: 0.15em;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    opacity: 0;
}


@media (min-width: 768px) {
	.home-banner-title{ font-size: 3.125em; }
}


.list-no-padding{ margin-left:20px; }


.page-banner-title{
	text-transform: uppercase;
	letter-spacing: 0.15em;	
}


/* Woocommerce */

.woocommerce-info{ background-color:#237760; }

/* .product-template-default { background-color: #f5f2f1; } */

.woocommerce-products-header{ margin-bottom:40px; }

.btn-woo, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
  border-radius: 2em;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: bold;
  -webkit-transition: color 200ms ease-out, background-color 200ms ease-out, padding 200ms ease-out;
  -moz-transition: color 200ms ease-out, background-color 200ms ease-out, padding 200ms ease-out;
  -ms-transition: color 200ms ease-out, background-color 200ms ease-out, padding 200ms ease-out;
  -o-transition: color 200ms ease-out, background-color 200ms ease-out, padding 200ms ease-out;
  transition: color 200ms ease-out, background-color 200ms ease-out, padding 200ms ease-out;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background-color: var(--new-accent);
  color: white;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background-color: var(--new-accent-hover);
  color: white;
}

.post-type-archive-product .inside-wc-product-image img{ max-height:233px; padding-bottom:30px; }

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.75em;
}

.woocommerce ul.products li.product .price {
  color: var(--new-accent);
  font-size: 1em;
}


/* SHOP page */
body.post-type-archive-product .woocommerce-products-header{ display:none; } 
body.post-type-archive-product{ background-color:var(--base-2); }

.product-options-table{ background-color: white; border:1px solid var(--contrast-3); border-radius: 20px; padding:15px; }
.product-options-table table{ margin:0px; border:none; }
.product-options-table th{ color: var(--new-accent); } 
.product-options-table td, .product-options-table th{ border:none; padding:1em; }
.product-options-table thead{ border-bottom:1px solid var(--contrast-3); }

.product-options-table table th:nth-child(1),
.product-options-table table td:nth-child(1),
.product-options-table table th:nth-child(2),
.product-options-table table td:nth-child(2),
.product-options-table table th:nth-child(3),
.product-options-table table td:nth-child(3) { border-right: 1px solid var(--contrast-3); }

.product-options-table table tr:nth-child(1),
.product-options-table table tr:nth-child(2),
.product-options-table table tr:nth-child(3),
.product-options-table table tr:nth-child(4){ border-bottom: 1px solid var(--contrast-3); }

.products.columns-3 > li{
  background-color:white;
  padding:50px 20px 30px 20px !important;
  border: 1px solid var(--contrast-3);
  border-radius: 20px;
}

.products.columns-3 > li .product-description h3,
.products.columns-3 > li .product-description p{ color: var(--contrast); }


@media (max-width: 768px) {
  .product-options-table{ font-size:12px; padding:8px; word-break:none; }
  .product-options-table td, .product-options-table th{ border:none; padding:0.75em 0.25em; }
  .product-options-table svg{ display:block; }
}



/* Product Pages */
.product-template-default .shop-section { background-color: #F5F2F1; }
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--new-accent);
  font-size: 1.5em;
}

@media (min-width: 992px) {
    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
        padding-left: 100px;
        padding-right: 100px;
    }

    table.variations tbody{
      display: flex;
      gap: 2em;
    }

    table.variations tbody tr:first-child{ min-width:150px; }
}

.product-description p{ margin-bottom:10px; }
.product-description ul{ margin:0 !important; padding:0 !important; }
.product-description li{
  border: none;
  padding: 0px !important;
  color: var(--contrast);
  font-weight: bold;
}


.product-description li:nth-of-type(1)::before{
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  vertical-align: middle; 
  fill: var(--new-accent);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M546.2%209.7c-5.6-12.5-21.6-13-28.3-1.2C486.9%2062.4%20431.4%2096%20368%2096h-80C182%2096%2096%20182%2096%20288c0%207%20.8%2013.7%201.5%2020.5C161.3%20262.8%20253.4%20224%20384%20224c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016C132.6%20256%2026%20410.1%202.4%20468c-6.6%2016.3%201.2%2034.9%2017.5%2041.6%2016.4%206.8%2035-1.1%2041.8-17.3%201.5-3.6%2020.9-47.9%2071.9-90.6%2032.4%2043.9%2094%2085.8%20174.9%2077.2C465.5%20467.5%20576%20326.7%20576%20154.3c0-50.2-10.8-102.2-29.8-144.6z%22%20fill%3D%22%23237760%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  
  background-size: contain;
  background-repeat: no-repeat;
}


.product-description li:nth-of-type(2)::before{
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  vertical-align: middle; 

  fill: var(--new-accent);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M336%2064h-80c0-35.3-28.7-64-64-64s-64%2028.7-64%2064H48C21.5%2064%200%2085.5%200%20112v352c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V112c0-26.5-21.5-48-48-48zM96%20424c-13.3%200-24-10.7-24-24s10.7-24%2024-24%2024%2010.7%2024%2024-10.7%2024-24%2024zm0-96c-13.3%200-24-10.7-24-24s10.7-24%2024-24%2024%2010.7%2024%2024-10.7%2024-24%2024zm0-96c-13.3%200-24-10.7-24-24s10.7-24%2024-24%2024%2010.7%2024%2024-10.7%2024-24%2024zm96-192c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024-24-10.7-24-24%2010.7-24%2024-24zm128%20368c0%204.4-3.6%208-8%208H168c-4.4%200-8-3.6-8-8v-16c0-4.4%203.6-8%208-8h144c4.4%200%208%203.6%208%208v16zm0-96c0%204.4-3.6%208-8%208H168c-4.4%200-8-3.6-8-8v-16c0-4.4%203.6-8%208-8h144c4.4%200%208%203.6%208%208v16zm0-96c0%204.4-3.6%208-8%208H168c-4.4%200-8-3.6-8-8v-16c0-4.4%203.6-8%208-8h144c4.4%200%208%203.6%208%208v16z%22%20fill%3D%22%23237760%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  
  background-size: contain;
  background-repeat: no-repeat;
}

/*
.product-description li:before {
  content: '✓';
  color: var(--new-accent);
  font-weight: bold;
  padding-right: 10px;
}
*/

.product-feature{
  position: absolute;
  z-index: 3;
  top:15px;
  left:15px;
  padding:5px 10px;
  border-radius: 5px;
  color:white;
  text-transform: uppercase;
  background-color: var(--new-accent);
}



@media (max-width: 768px) {
  .woocommerce div.product div.images img{
    width:auto;
    margin:0 auto;
    max-height: 300px;
  }
}







/* Archives */
body.search-results .post-image img,
body.archive .post-image img{
	border-radius: 20px;
}
.read-more-link{ text-decoration:none; font-weight:bold; }
.read-more-link:hover { text-decoration:underline; }
.read-more-link svg{ width: 15px; height:15px; display: inline-block; transform: translateY(3px); }

/* Form */

.wpcf7-form {
  position: relative;
}
.wpcf7-form .col-6, .wpcf7-form .col-12 {
  margin-bottom: 2rem;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
  display: block;
  width: 100%;
  padding: 0.75em 1.25em;
  border: 1px solid #bbb;
  border-radius: 25px;
  background: white;
  box-shadow: none !important;
}
.wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="tel"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form textarea:focus {
  border: 1px solid var(--new-accent-hover);
  color: var(--new-accent);
  outline: none;
}
.wpcf7-form input[type="submit"] {
  margin-top: 1rem;
  display: block;
  width: 100%;
  border-radius: 25px;
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 0.875em;
  font-weight: 700;
  padding: 0.75em 1.25em;
  -webkit-transition: color 200ms ease-out, background-color 200ms ease-out;
  -moz-transition: color 200ms ease-out, background-color 200ms ease-out;
  -ms-transition: color 200ms ease-out, background-color 200ms ease-out;
  -o-transition: color 200ms ease-out, background-color 200ms ease-out;
  transition: color 200ms ease-out, background-color 200ms ease-out;
  color: var(--new-accent);
  border: 2px solid var(--new-accent);
}
.wpcf7-form input[type="submit"]:hover {
  background-color: var(--new-accent-hover);
  border-color: var(--new-accent-hover);
  color: white;
}


/* WP Store Locator */
#wpsl-stores .wpsl-store-thumb{ max-width:125px; }
.top-title.Num_of_store{ visibility: hidden; }

@media (max-width: 768px) {

  .asl-panel-inner{ margin-bottom: 30px; border-bottom: 1px solid #e8edf0; }

}



/* Age Gate */
.age-gate {
  border-radius: 5px;
}

.age-gate__challenge {
  font-size: 1.25rem;
}

.age-gate__submit {
  font-size: 1rem !important;
}

.age-gate__remember-text {
  font-size: 1.5rem;
}


/* Article Feedback plugin */
.daexthefu-feedback{ align-items:center; }
.daexthefu-feedback, .daexthefu-buttons{ flex-wrap:wrap; }
.daexthefu-title{ line-height:1 !important; }


/* Helpful */
.daexthefu-container{ border-radius:20px !important; }
.daexthefu-button-text{ font-size:15px !important; }


/* Aetta Email Capture */
.aettaec-form{ border:none; }
#aettaec_name { margin-bottom:10px; border-radius:25px; width:100%; }

#aettaec_email{ margin-bottom:10px; width:100%; display: inline-block; border-radius:25px; }
.aettaec-form button{ background-color: var(--new-accent); width:100%; color:white; margin-left:1%; border-radius:25px; text-transform:uppercase; font-weight:bold; }
.aettaec-form button:hover{ background-color: var(--new-accent-hover); }

@media (min-width: 640px) {
  /*#aettaec_email{ width:64%; border-top-right-radius:0px; border-bottom-right-radius:0px;  }
  .aettaec-form button{ width:35%; border-top-left-radius:0px; border-bottom-left-radius:0px; }*/
}