@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap);
@charset "UTF-8";

/*
Theme Name: HotPress
Theme URI: https://www.bighousecreative.co.uk/
Author: Big House Creative
Author URI: https://www.bighousecreative.co.uk/
Description: A Timber & Tailwind template for creating WordPress sites.
Version: 1.0
Tags:
Text Domain:
*/

/* Import Fonts Here */

/* Styles */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 1;
  }
}

h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 768px) {
  h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {
  h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px) {
  h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px) {
  h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

h6 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.header {
  overflow-y: visible;
  position: relative;
}

.header .before-tl {
  position: absolute;
  top: 0;
  left: 0;
  width: 236px;
  height: 158px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.header .before-br {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 362px;
  height: 241px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.header .before-bl {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-25%);
  width: 272px;
  height: 526px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.header .before-bl--default {
  width: 135px;
  height: 262px;
}

.header:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(56, 56, 56, 0.3);
}

@media (min-width: 1024px) {
  .header:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 33%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
    background-color: rgba(33, 157, 128, 0.58);
  }
}

.header * {
  z-index: 1;
}

.header__menu {
  position: relative;
  z-index: 999;
}

.header__menu li {
  position: relative;
}

.header__menu li:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  transition: 0.5s ease-in-out;
}

.header__menu li:hover:before {
  width: 100%;
}

.header--hero {
  position: relative;
  z-index: 1;
}

@media (min-width: 1536px) {
  .header--hero h1 {
    font-size: 72px;
    line-height: 90px;
  }
}

.footer .container-big {
  position: relative;
  padding-bottom: 2rem;
}

.footer .container-big:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #454545;
}

.footer--menu {
  -moz-columns: 2;
       columns: 2;
}

.footer .footer--input input {
  padding: 0 10px;
  color: #555555;
  outline: none;
}

.footer .footer--input ::-moz-placeholder {
  color: #555555;
}

.footer .footer--input ::placeholder {
  color: #555555;
}

.footer .footer--icon {
  color: #252A34;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #219D80;
}

.home--churches li {
  position: relative;
}

.home--churches li:not(:last-child):after {
  position: absolute;
  content: "";
  top: 0;
  right: -80px;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.home--support__image {
  position: relative;
}

@media (min-width: 1024px) {
  .home--support__image:before {
    position: absolute;
    content: "";
    top: 15px;
    right: -72px;
    width: 272px;
    height: 526px;
    z-index: -1;
    background-image: url("../dist/images/support-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.home--news {
  /* the slides */
  /* the parent */
}

.home--news .slick-track {
  display: flex !important;
}

.home--news .slick-slide {
  height: auto;
}

.home--news .slick-slide {
  margin: 0 15px;
}

.home--news .slick-list {
  margin: 0 -15px;
}

.home--news .slick-arrow {
  font-size: 0;
  position: absolute;
  bottom: -3rem;
  right: 0;
  width: 38px;
  height: 32px;
  z-index: 20;
  transition: 0.5s ease-in-out;
}

.home--news .slick-arrow:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.home--news .slick-arrow{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.home--news .slick-arrow:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.home--news .slick-arrow{
  border-radius: 50%;
  background-color: #D9F5EE;
}

@media (min-width: 1024px) {
  .home--news .slick-arrow {
    top: -5rem;
  }
}

@media (min-width: 1024px) {
  .home--news .slick-arrow {
    width: 50px;
    height: 50px;
  }
}

.home--news .slick-arrow:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  content: "\f053";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 16px;
  text-align: center;
}

@media (min-width: 1024px) {
  .home--news .slick-arrow:after {
    font-size: 28px;
  }
}

.home--news .slick-arrow.slick-next {
  left: auto;
  right: 0;
}

.home--news .slick-arrow.slick-next:after {
  content: "\f054";
}

.home--news .slick-arrow.slick-prev {
  left: auto;
  right: 3.4rem;
}

@media (min-width: 1024px) {
  .home--news .slick-arrow.slick-prev {
    right: 5rem;
  }
}

.home--news__column {
  display: flex;
  flex-direction: column;
}

.home--news__card {
  box-shadow: 0px 10px 25px rgba(37, 42, 52, 0.08);
  flex-basis: 100%;
  height: 100%;
}

.home--news__card__image {
  position: relative;
}

.home--news__card__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 250px;
}

@media (min-width: 1024px) {
  .home--news__card__image img {
    width: 306px;
  }
}

.home--news__card__content {
  padding: 2rem 1rem;
}

.home--events * {
  position: relative;
  z-index: 1;
}

.home--events__image {
  position: relative;
}

.home--events__image:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(37, 42, 52, 0.85);
}

.home--events .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 38px;
  height: 32px;
  z-index: 20;
  transition: 0.5s ease-in-out;
}

.home--events .slick-arrow:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
}

.home--events .slick-arrow{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.home--events .slick-arrow:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.home--events .slick-arrow{
  border-radius: 50%;
  background-color: #3D4451;
}

@media (min-width: 1024px) {
  .home--events .slick-arrow {
    width: 50px;
    height: 50px;
  }
}

.home--events .slick-arrow:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  content: "\f053";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 16px;
  text-align: center;
}

@media (min-width: 1024px) {
  .home--events .slick-arrow:after {
    font-size: 28px;
  }
}

.home--events .slick-arrow.slick-next {
  left: auto;
  right: 0;
}

@media (min-width: 1024px) {
  .home--events .slick-arrow.slick-next {
    right: 10rem;
  }
}

.home--events .slick-arrow.slick-next:after {
  content: "\f054";
}

.home--events .slick-arrow.slick-prev {
  left: 0;
  right: auto;
}

@media (min-width: 1024px) {
  .home--events .slick-arrow.slick-prev {
    left: 10rem;
  }
}

.home--events .slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}

@media (min-width: 1024px) {
  .home--events .slick-dots {
    top: 65%;
  }
}

.home--events .slick-dots li {
  background-color: transparent;
  font-size: 0;
  height: 6px;
  width: 26px;
  display: inline-block;
  margin: 0 4px 20px;
  border: 1px solid transparent;
  transition: 0.5s ease-in-out;
  background-color: rgba(255, 255, 255, 0.3);
}

.home--events .slick-dots li:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
}

.home--events .slick-dots li.slick-active {
  background: white;
  border: 1px solid white;
}

.home--webcams__image {
  position: relative;
}

.home--webcams__image * {
  position: relative;
  z-index: 1;
}

.home--webcams__image:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.5s ease-in-out;
  background-color: rgba(40, 40, 40, 0.56);
}

.home--webcams__image:hover:before {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
}

@media (min-width: 768px) {
  .modal--video iframe {
    width: 700px;
    height: 350px;
  }
}

@media (min-width: 1024px) {
  .modal--video iframe {
    width: 1000px;
    height: 500px;
  }
}

.bhc--mega-menu {
  position: absolute;
  width: 100%;
  top: 8rem;
  left: 0;
  right: 0;
  z-index: 999;
  max-width: 1471px;
  margin: 0 auto;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
}

@media (min-width: 1536px) {
  .bhc--mega-menu {
    max-width: 1800px;
  }
}

.bhc--mega-menu.dropdown-active {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
}

.bhc--mega-menu:before {
  position: absolute;
  content: "";
  top: -25px;
  left: 83.5%;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid #D9F5EE;
}

.bhc--mega-menu__breaker {
  position: relative;
}

@media (min-width: 1536px) {
  .bhc--mega-menu__breaker:before {
    position: absolute;
    content: "";
    top: 0;
    right: -110px;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    width: 1px;
    height: 100%;
  }
}

.bhc--mega-menu:hover {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
}

.bhc--mega-menu--video {
  position: absolute;
  width: 100%;
  top: 10.5rem;
  left: 0;
  right: 0;
  z-index: 9999999 !important;
  max-width: 1471px;
  margin: 0 auto;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
}

@media (min-width: 1536px) {
  .bhc--mega-menu--video {
    max-width: 1800px;
  }
}

.bhc--mega-menu--video.dropdown-active {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
  z-index: 9999 !important;
}

@media (min-width: 1536px) {
  .bhc--mega-menu--video:before {
    position: absolute;
    content: "";
    top: -25px;
    left: 83%;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #D9F5EE;
  }
}

.bhc--mega-menu--video__breaker {
  position: relative;
}

@media (min-width: 1536px) {
  .bhc--mega-menu--video__breaker:before {
    position: absolute;
    content: "";
    top: 0;
    right: -80px;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    width: 1px;
    height: 100%;
  }
}

.bhc--mega-menu--video:hover {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
}

.mass--times-sticky {
  position: fixed;
  top: 25%;
  right: 2rem;
  z-index: 30;
  display: block;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
}

.mass--times-sticky h3 {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
  padding: 1rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  writing-mode: vertical-rl;
}

.mass--times-sticky:hover {
  width: auto;
}

.mass--times-expand {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
  padding: 6rem 2rem 3rem 2rem;
  position: fixed;
  top: 25%;
  left: auto;
  right: -100%;
  z-index: 29;
  width: 0;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s ease-in-out;
  pointer-events: all;
}

.mass--times-expand.active {
  visibility: visible;
  opacity: 1;
  width: 100%;
  right: 0;
  left: auto;
}

.menu--slide-out {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 245, 238, var(--tw-bg-opacity));
  width: 150px;
  height: 50%;
  padding-left: 100px;
  position: fixed;
  z-index: 100;
  right: -80px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
}

.menu--slide-out:hover, .menu--slide-out:focus {
  transform: translate3d(-130px, 0, 0);
  transform: translateY(-50%);
  -webkit-animation-timing-function: 1s ease-in;
          animation-timing-function: 1s ease-in;
  width: 100%;
  right: 0;
}

.menu--slide-out:hover .menu--slide-out__content, .menu--slide-out:focus .menu--slide-out__content {
  left: 0;
  right: 0;
}

.menu--slide-out .title {
  display: block;
  top: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  font-weight: 800;
  height: 100%;
}

.menu--slide-out .title h3 {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 245, 238, var(--tw-bg-opacity));
  padding: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  --tw-text-opacity: 1;
  color: rgba(37, 42, 52, var(--tw-text-opacity));
}

@media (min-width: 1536px){
  .menu--slide-out .title h3{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.menu--slide-out .title h3{
  writing-mode: vertical-rl;
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 1536px) {
  .menu--slide-out .title h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.menu--slide-out__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  right: 0;
}

#sidebar-mobile {
  z-index: 9999;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

@media (min-width: 1024px){
  #sidebar-mobile{
    display: none;
  }
}

#sidebar-mobile #sidebar_links {
  z-index: 9999;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 33.333333%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
}

#sidebar-mobile section {
  z-index: 5;
  cursor: pointer;
}

#sidebar-mobile section:nth-child(1), #sidebar-mobile section:nth-child(2) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

#sidebar-mobile a:not(.multi-link), #sidebar-mobile #phone_link:not(.multi-link), #sidebar-mobile #brochure_link:not(.multi-link), #sidebar-mobile #email_link:not(.multi-link) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  display: none;
  align-items: center;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
}

.news--events .tabs--container {
  position: relative;
}

.news--events .tabs--container:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 80%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.news--events .tab.active {
  --tw-bg-opacity: 0.8;
}

.news--events .tab-content {
  display: none;
}

.news--events .tab-content.active {
  display: block;
}

.news--events .accordion--events {
  /* Style the accordion panel. Note: hidden by default */
}

.news--events .accordion--events .accordion--container:nth-child(odd) .accordion {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
}

.news--events .accordion--events .accordion--container:nth-child(even) .accordion {
  --tw-bg-opacity: 1;
  background-color: rgba(56, 56, 56, var(--tw-bg-opacity));
}

.news--events .accordion--events .accordion--container:nth-child(even) .accordion:before {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
}

.news--events .accordion--events .accordion {
  position: relative;
  transition: 0.5s ease-in-out;
}

.news--events .accordion--events .accordion:hover {
  opacity: 0.8;
}

.news--events .accordion--events .accordion img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 150px;
}

@media (min-width: 768px) {
  .news--events .accordion--events .accordion img {
    height: 250px;
  }
}

@media (min-width: 1024px) {
  .news--events .accordion--events .accordion img {
    height: auto;
  }
}

.news--events .accordion--events .panel {
  transition: transform 0.3s ease-in-out;
  height: auto;
  overflow: hidden;
}

.news--events .accordion--events .panel.collapsed {
  height: 0;
  padding: 0;
  margin-top: auto;
}

.news--events .accordion--events .accordion:before {
  display: none;
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  position: absolute;
  font-size: 28px;
  color: white;
  padding: 10px 20px;
  border-radius: 50%;
  background-color: #252A34;
}

@media (min-width: 768px) {
  .news--events .accordion--events .accordion:before {
    display: block;
  }
}

@media (min-width: 768px) {
  .news--events .accordion--events .accordion:before {
    top: 60%;
    right: 2rem;
    transform: translateY(-50%);
  }
}

@media (min-width: 1024px) {
  .news--events .accordion--events .accordion:before {
    top: 50%;
    right: 4rem;
    transform: translateY(-50%);
  }
}

.news--events .accordion--events .active:before {
  padding: 10px 23px;
  content: "\f175" !important; /* Unicode character for "minus" sign (-) */
}

.webcam--help {
  /* Style the accordion panel. Note: hidden by default */
}

.webcam--help .accordion {
  position: relative;
  transition: 0.5s ease-in-out;
}

.webcam--help .accordion:hover {
  --tw-bg-opacity: 0.5;
}

.webcam--help .panel {
  transition: transform 0.3s ease-in-out;
  height: auto;
  overflow: hidden;
}

.webcam--help .panel.collapsed {
  height: 0;
  padding: 0;
  margin-top: auto;
}

.webcam--help .accordion:before {
  display: none;
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  position: absolute;
  font-size: 22px;
  color: white;
  padding: 10px 15px;
  border-radius: 50%;
  background-color: #252A34;
}

@media (min-width: 768px) {
  .webcam--help .accordion:before {
    display: block;
  }
}

@media (min-width: 768px) {
  .webcam--help .accordion:before {
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
  }
}

@media (min-width: 1024px) {
  .webcam--help .accordion:before {
    top: 50%;
    right: 4rem;
    transform: translateY(-50%);
  }
}

.webcam--help .active:before {
  content: "\f175" !important; /* Unicode character for "minus" sign (-) */
  padding: 10px 18px;
}

.webcam--video iframe {
  height: 250px;
}

@media (min-width: 768px) {
  .webcam--video iframe {
    height: 450px;
  }
}

@media (min-width: 1024px) {
  .webcam--video iframe {
    height: 420px;
  }
}

.contact--form input, .contact--form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #D9D7D7;
  box-sizing: border-box;
  resize: vertical;
  margin-bottom: 10px;
  --tw-text-opacity: 1;
  color: rgba(37, 42, 52, var(--tw-text-opacity));
  background-color: #EDF7F5;
}

.contact--form label {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(37, 42, 52, var(--tw-text-opacity));
}

.contact--form ::-moz-placeholder {
  text-transform: capitalize;
}

.contact--form ::placeholder {
  text-transform: capitalize;
}

.contact--form .btn-aw {
  width: 25%;
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  border: 0;
}

.contact--form .btn-aw:hover {
  transition: 0.5s ease-in-out;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(56, 56, 56, var(--tw-bg-opacity)) !important;
}

.contact--form textarea {
  height: 138px;
}

@media (min-width: 768px) {
  .layout--section__grid:nth-child(even) .layout--section__image {
    order: 2;
  }

  .layout--section__grid:nth-child(even) .layout--section__image:before {
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
  }
}

.layout--section__image {
  position: relative;
}

.layout--section__image:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 95px;
  height: 95px;
  background: #007D60;
  mix-blend-mode: multiply;
}

.layout--section__content p {
  margin-bottom: 1rem;
  font-family: Montserrat, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity));
}

.layout--section__content a:not(.btn-aw) {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(33, 157, 128, var(--tw-text-opacity));
}

.layout--section__content a:not(.btn-aw):hover{
  opacity: 0.5;
}

.layout--section__content a:not(.btn-aw){
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.layout--section__content ul {
  list-style-type: disc;
  margin-left: 1.2rem;
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity));
}

.default--content {
  text-align: justify;
  text-justify: inter-word;
}

.default--content h1, .default--content h2, .default--content h3, .default--content h4, .default--content h5, .default--content h6 {
  margin-bottom: 1rem;
  font-family: Playfair Display, serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(33, 157, 128, var(--tw-text-opacity));
}

.default--content p {
  margin-bottom: 1rem;
  font-family: Montserrat, sans-serif;
}

.default--content a {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(33, 157, 128, var(--tw-text-opacity));
}

.default--content a:hover{
  opacity: 0.5;
}

.default--content a{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.default--content ul {
  list-style-type: disc;
  margin-left: 1.2rem;
}

.product--column {
  display: flex;
  flex-direction: column;
}

.product--card {
  box-shadow: 0px 0.811395px 16.2279px rgba(0, 0, 0, 0.2);
  flex-basis: 100%;
}

@media (min-width: 1024px) {
  .product--card__content__btn {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.product-details {
  /* Style the buttons that are used to open and close the accordion panel */
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  /* Style the accordion panel. Note: hidden by default */
}

.product-details .accordion {
  background-color: #007D60;
  width: 100%;
  cursor: pointer;
  border-style: none;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
}

.product-details .active, .product-details .accordion:hover,
.product-details button:focus {
  background-color: #007D60;
}

.product-details .panel {
  margin-top: -60px;
  background-color: #E6E6E6;
  transition: transform 0.3s ease-out;
  height: auto;
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 7rem;
  padding-bottom: 3rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(37, 42, 52, var(--tw-text-opacity));
}

.product-details .panel b {
  margin-top: 0.5rem;
  display: inline-block;
}

.product-details .panel.collapsed {
  height: 0;
  padding: 0;
  margin-top: auto;
}

.product-details .accordion:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f067"; /* Unicode character for "plus" sign (+) */
  float: left !important;
  margin-right: 1rem !important;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  --tw-text-opacity: 1 !important;
  color: rgba(33, 157, 128, var(--tw-text-opacity)) !important;
}

.product-details .active:before {
  content: "\f068" !important; /* Unicode character for "minus" sign (-) */
}

.woocommerce-cart table.cart .product-thumbnail {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.woocommerce-cart table.cart .product-thumbnail img {
  width: 100px !important;
  border-radius: 0.5rem;
}

.woocommerce .cart_totals {
  float: none !important;
  width: 100% !important;
}

.woocommerce .cart_totals h2 {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.woocommerce .cart_totals table {
  border-collapse: collapse !important;
}

.woocommerce .cart_totals table::before {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.woocommerce .cart_totals tbody {
  display: table-cell !important;
}

.woocommerce .cart_totals table tbody tr td, .woocommerce .cart_totals table tbody tr th {
  padding: 2rem !important;
}

.woocommerce .cart_totals tr {
  border: inherit !important;
  display: table !important;
  width: 100% !important;
}

.woocommerce .cart_totals th {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  --tw-text-opacity: 1 !important;
  color: rgba(37, 42, 52, var(--tw-text-opacity)) !important;
}

.woocommerce .cart_totals td {
  text-align: right;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(56, 56, 56, var(--tw-text-opacity));
}

.woocommerce .cart_totals tr:last-child td:last-child {
  border-bottom-right-radius: 0px !important;
}

.woocommerce .cart_totals .order-total {
  display: table !important;
  width: 100% !important;
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
  background: rgba(33, 82, 107, 0.1);
}

.woocommerce .cart_totals .order-total th {
  --tw-text-opacity: 1 !important;
  color: rgba(37, 42, 52, var(--tw-text-opacity)) !important;
}

.woocommerce .cart_totals .order-total td strong span bdi {
  font-weight: 400 !important;
}

.checkout-button {
  font-weight: 500;
  text-align: center;
  margin: 0;
  padding: 15px 24px;
  transition: all 0.5s ease-in-out;
  font-size: 16px;
  letter-spacing: 0.6px;
  line-height: 22px;
  cursor: pointer;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
  font-family: Montserrat, sans-serif !important;
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.checkout-button:hover, .checkout-button:focus {
  --hover: #22262f;
  box-shadow: inset 0 6.5em 0 0 var(--hover) !important;
}

.coupon {
  display: flex !important;
  padding-bottom: 0px !important;
}

.coupon input {
  margin: 0px !important;
  width: 100% !important;
  max-width: 20rem !important;
}

.coupon button.button {
  margin-top: 0px !important;
  display: block !important;
  border-radius: 0px !important;
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.1 !important;
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgba(33, 157, 128, var(--tw-text-opacity)) !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
  transition-duration: 500ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.coupon button.button:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.woocommerce table.shop_table {
  border: 1px solid #EBEBEB;
}

.woocommerce table.shop_table thead {
  background: rgba(33, 82, 107, 0.1);
}

.woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr td.actions {
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: left !important;
}

.woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr:last-child {
  border-style: none;
}

.shop_table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item {
  margin-bottom: 1.5rem !important;
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.1 !important;
}

@media (min-width: 768px) {
  .shop_table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item {
    background-color: transparent !important;
  }
}

.shop_table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item td {
  border-style: none !important;
}

.shop_table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item td::before {
  --tw-text-opacity: 1 !important;
  color: rgba(37, 42, 52, var(--tw-text-opacity)) !important;
}

@media (min-width: 768px) {
  .shop_table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item .input-text.qty.text {
    background-color: transparent !important;
  }
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table {
  border: 0;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tr, .woocommerce .shop_table.woocommerce-checkout-review-order-table td {
  border-width: 0px !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table::before {
  border-style: none;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tbody:first-of-type {
  position: relative !important;
  display: table !important;
  width: 100% !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tbody:first-of-type::before {
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
  border: 1px solid #EBEBEB;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tbody:first-of-type tr {
  width: 100% !important;
  border-bottom: 1px solid #EBEBEB;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tbody:first-of-type tr:last-of-type {
  border-style: none !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot:first-of-type {
  position: relative !important;
  display: table-cell !important;
  width: 100% !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot:first-of-type::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  border: 1px solid #EBEBEB;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot:first-of-type tr {
  display: table !important;
  width: 100% !important;
  border-bottom: 1px solid #EBEBEB;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot:first-of-type tr:last-of-type {
  border-style: none !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot th {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  --tw-text-opacity: 1 !important;
  color: rgba(37, 42, 52, var(--tw-text-opacity)) !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot td {
  text-align: right !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgba(37, 42, 52, var(--tw-text-opacity)) !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child td:last-child {
  border-bottom-right-radius: 0px !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot .order-total {
  display: table !important;
  width: 100% !important;
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.1 !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot .order-total th {
  --tw-text-opacity: 1 !important;
  color: rgba(37, 42, 52, var(--tw-text-opacity)) !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot .order-total td strong span bdi {
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgba(37, 42, 52, var(--tw-text-opacity)) !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table .product-thumbnail {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 1.75rem !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table .product-thumbnail img {
  width: 100px !important;
  border-radius: 0.5rem;
}

.woocommerce-billing-fields h3, .woocommerce-additional-fields h3, .shipping_address h3, .woocommerce-account-fields h3 {
  margin-bottom: 2.5rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgba(37, 42, 52, var(--tw-text-opacity));
}

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper, .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper, .woocommerce-billing-fields .create-account, .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper, .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper, .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields .create-account, .shipping_address .woocommerce-billing-fields__field-wrapper, .shipping_address .woocommerce-additional-fields__field-wrapper, .shipping_address .woocommerce-shipping-fields__field-wrapper, .shipping_address .create-account, .woocommerce-account-fields .woocommerce-billing-fields__field-wrapper, .woocommerce-account-fields .woocommerce-additional-fields__field-wrapper, .woocommerce-account-fields .woocommerce-shipping-fields__field-wrapper, .woocommerce-account-fields .create-account {
  border-radius: 0.75rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.1 !important;
  padding: 0.75rem !important;
  font-family: Montserrat, sans-serif !important;
}

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p, .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper p, .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p, .woocommerce-billing-fields .create-account p, .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p, .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p, .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p, .woocommerce-additional-fields .create-account p, .shipping_address .woocommerce-billing-fields__field-wrapper p, .shipping_address .woocommerce-additional-fields__field-wrapper p, .shipping_address .woocommerce-shipping-fields__field-wrapper p, .shipping_address .create-account p, .woocommerce-account-fields .woocommerce-billing-fields__field-wrapper p, .woocommerce-account-fields .woocommerce-additional-fields__field-wrapper p, .woocommerce-account-fields .woocommerce-shipping-fields__field-wrapper p, .woocommerce-account-fields .create-account p {
  align-items: center;
}

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper input, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper textarea, .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper input, .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper textarea, .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper input, .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper textarea, .woocommerce-billing-fields .create-account input, .woocommerce-billing-fields .create-account textarea, .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper input, .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper textarea, .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper input, .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper textarea, .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper input, .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper textarea, .woocommerce-additional-fields .create-account input, .woocommerce-additional-fields .create-account textarea, .shipping_address .woocommerce-billing-fields__field-wrapper input, .shipping_address .woocommerce-billing-fields__field-wrapper textarea, .shipping_address .woocommerce-additional-fields__field-wrapper input, .shipping_address .woocommerce-additional-fields__field-wrapper textarea, .shipping_address .woocommerce-shipping-fields__field-wrapper input, .shipping_address .woocommerce-shipping-fields__field-wrapper textarea, .shipping_address .create-account input, .shipping_address .create-account textarea, .woocommerce-account-fields .woocommerce-billing-fields__field-wrapper input, .woocommerce-account-fields .woocommerce-billing-fields__field-wrapper textarea, .woocommerce-account-fields .woocommerce-additional-fields__field-wrapper input, .woocommerce-account-fields .woocommerce-additional-fields__field-wrapper textarea, .woocommerce-account-fields .woocommerce-shipping-fields__field-wrapper input, .woocommerce-account-fields .woocommerce-shipping-fields__field-wrapper textarea, .woocommerce-account-fields .create-account input, .woocommerce-account-fields .create-account textarea {
  border-radius: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-billing-fields .create-account .select2-container--default .select2-selection--single, .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-additional-fields .create-account .select2-container--default .select2-selection--single, .shipping_address .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single, .shipping_address .woocommerce-additional-fields__field-wrapper .select2-container--default .select2-selection--single, .shipping_address .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single, .shipping_address .create-account .select2-container--default .select2-selection--single, .woocommerce-account-fields .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-account-fields .woocommerce-additional-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-account-fields .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single, .woocommerce-account-fields .create-account .select2-container--default .select2-selection--single {
  height: 50px;
  border-style: none !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .select2-selection__arrow, .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper .select2-selection__arrow, .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow, .woocommerce-billing-fields .create-account .select2-selection__arrow, .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper .select2-selection__arrow, .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .select2-selection__arrow, .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow, .woocommerce-additional-fields .create-account .select2-selection__arrow, .shipping_address .woocommerce-billing-fields__field-wrapper .select2-selection__arrow, .shipping_address .woocommerce-additional-fields__field-wrapper .select2-selection__arrow, .shipping_address .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow, .shipping_address .create-account .select2-selection__arrow, .woocommerce-account-fields .woocommerce-billing-fields__field-wrapper .select2-selection__arrow, .woocommerce-account-fields .woocommerce-additional-fields__field-wrapper .select2-selection__arrow, .woocommerce-account-fields .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow, .woocommerce-account-fields .create-account .select2-selection__arrow {
  top: 11px !important;
  right: 10px !important;
}

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .select2-selection__arrow b, .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper .select2-selection__arrow b, .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow b, .woocommerce-billing-fields .create-account .select2-selection__arrow b, .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper .select2-selection__arrow b, .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .select2-selection__arrow b, .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow b, .woocommerce-additional-fields .create-account .select2-selection__arrow b, .shipping_address .woocommerce-billing-fields__field-wrapper .select2-selection__arrow b, .shipping_address .woocommerce-additional-fields__field-wrapper .select2-selection__arrow b, .shipping_address .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow b, .shipping_address .create-account .select2-selection__arrow b, .woocommerce-account-fields .woocommerce-billing-fields__field-wrapper .select2-selection__arrow b, .woocommerce-account-fields .woocommerce-additional-fields__field-wrapper .select2-selection__arrow b, .woocommerce-account-fields .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow b, .woocommerce-account-fields .create-account .select2-selection__arrow b {
  border-width: 7px 6px 0 6px !important;
}

.shipping_address, .woocommerce-billing-fields, .woocommerce-additional-fields {
  margin-bottom: 1.5rem;
}

.woocommerce-Address {
  float: none !important;
  width: 100% !important;
}

.show-password-input {
  top: 0.9em !important;
}

.woocommerce-form-login .show-password-input, .woocommerce-form-register .show-password-input {
  top: 1.4em !important;
}

.woocommerce-form-login__rememberme, #ship-to-different-address .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  display: inline-flex;
  cursor: pointer;
  position: relative;
}

.woocommerce-form-login__rememberme input:checked + span::before, #ship-to-different-address .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input:checked + span::before {
  content: "✓";
  display: block;
  text-align: center;
  position: absolute;
  left: 5px;
  top: -1px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

#ship-to-different-address .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

#ship-to-different-address .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span {
  margin-left: 0.5rem;
}

.checkout.woocommerce-checkout .col-1, .checkout.woocommerce-checkout .col-2 {
  float: none !important;
  width: 100% !important;
}

.woocommerce-form__input-checkbox {
  height: 25px;
  width: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #34495E;
  border-radius: 7px;
  outline: none;
  transition-duration: 0.3s;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.woocommerce-form__input-checkbox:checked {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(33, 157, 128, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
}

.woocommerce-product-gallery__image img {
  width: 100%;
}

.nickx-popup {
  display: none;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(237, 247, 245, var(--tw-bg-opacity)) !important;
  font-family: Playfair Display, serif !important;
  --tw-text-opacity: 1 !important;
  color: rgba(85, 85, 85, var(--tw-text-opacity)) !important;
}

.woocommerce-info {
  --tw-text-opacity: 1 !important;
  color: rgba(85, 85, 85, var(--tw-text-opacity)) !important;
  border: 1px solid #EBEBEB;
}

.woocommerce-info::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f129";
  margin-top: -0.375rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity));
}

.checkout-coupon .woocommerce-form-coupon-toggle .woocommerce-info {
  padding-left: 2em !important;
  margin-bottom: 0px !important;
  border-radius: 0px !important;
  border-style: none !important;
}

.checkout-coupon .woocommerce-form-coupon-toggle .woocommerce-info::before {
  display: none;
}

.checkout-coupon .checkout_coupon.woocommerce-form-coupon {
  margin-bottom: 0 !important;
  margin-top: 0px !important;
}

.xoo-wsc-container {
  z-index: 999999 !important;
}

.bhc--dropdown-menu {
  --tw-bg-opacity: 1;
  background-color: rgba(56, 56, 56, var(--tw-bg-opacity));
  padding: 1.5rem;
  position: absolute;
  left: 0;
  width: 250px;
  display: none;
  pointer-events: all;
}

.bhc--dropdown-menu li {
  margin-bottom: 0.25rem;
  margin-left: 0.5rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.bhc--dropdown-menu li:hover{
  --tw-text-opacity: 1;
  color: rgba(33, 157, 128, var(--tw-text-opacity));
}

.bhc--dropdown-menu li{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.bhc--dropdown-menu li:before {
  display: none;
}

.bhc--dropdown-menu.dropdown-active {
  display: block;
  z-index: 9999 !important;
}

.menu-item-has-children {
  position: relative;
  text-align: center;
}

.menu-item-has-children a {
  display: flex;
  justify-content: center;
}

@media (min-width: 1024px){
  .menu-item-has-children a{
    display: block;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}

.menu-item-has-children:after {
  position: absolute;
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  top: 0;
  right: -20px;
  width: 20px;
  height: 20px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
}

@media (min-width: 1024px) {
  .menu-item-has-children:after {
    position: absolute;
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
    top: 50%;
    transform: translateY(-70%);
    right: -20px;
    width: 20px;
    height: 20px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
  }

  @media (min-width: 1536px) {
    .menu-item-has-children:after {
      transform: translateY(-80%);
    }
  }
}

.menu-item-has-children:hover:after {
  opacity: 0.5;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
}

.donation--sticky {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  transition: 0.5s ease-in-out;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(33, 157, 128, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  z-index: 999;
}

@media (min-width: 1024px) {
  .donation--sticky {
    width: auto;
    display: block;
    bottom: 1rem;
    right: 1.5rem;
    border-radius: 10px;
  }
}

.donation--sticky:hover {
  --hover: #22262f;
  box-shadow: inset 0 6.5em 0 0 var(--hover);
}

.church--gallery__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 350px;
}

.bulletins--container {
  background-color: #E8E8E8;
}

.home--hero-slick {
  position: relative;
}

.home--hero-slick .slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}

.home--hero-slick .slick-dots li {
  background-color: transparent;
  font-size: 0;
  height: 16px;
  width: 16px;
  display: inline-block;
  margin: 0 4px 20px;
  border: 1px solid white;
  transition: 0.5s ease-in-out;
  border-radius: 50%;
}

.home--hero-slick .slick-dots li:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity));
}

.home--hero-slick .slick-dots li.slick-active {
  background: white;
  border: 1px solid white;
}

#mobile-menu {
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
  /* Style the accordion panel. Note: hidden by default */
}

#mobile-menu a {
  opacity: 0;
  transition: all 0.3s;
  margin-top: -10px;
}

#mobile-menu.active {
  pointer-events: all;
  opacity: 1;
}

#mobile-menu.active a:nth-child(n) {
  opacity: 1;
  margin-top: 0;
  transition-delay: calc(var(--animation-order) * 80ms);
}

#mobile-menu .accordion {
  position: relative;
  transition: 0.5s ease-in-out;
}

#mobile-menu .accordion:hover {
  opacity: 0.8;
}

#mobile-menu .accordion:last-child:before {
  display: none;
}

#mobile-menu .panel {
  transition: transform 0.3s ease-in-out;
  height: auto;
  overflow: hidden;
}

#mobile-menu .panel.collapsed {
  height: 0;
  padding: 0;
  margin-top: auto;
}

#mobile-menu .accordion:before {
  font-family: "Font Awesome 5 Pro";
  content: "+";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  color: white;
}

#mobile-menu .accordion.active:before {
  content: "\f068" !important; /* Unicode character for "minus" sign (-) */
}

.mass-times--popout:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(217, 245, 238, 0.9);
}

@media (min-width: 1024px) {
  .mass-times--popout:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 139px;
    height: 498px;
    background-image: url("../dist/images/mass-curve.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.lty-lottery-product-summary p {
  display: none !important;
}

p.lty-ticket-status {
  display: none !important;
}

.woocommerce-MyAccount-navigation h3 {
  color: white !important;
  margin: 0;
}

.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  margin: 0;
}

.woocommerce-MyAccount-navigation-link a {
  display: block !important;
  border-right-width: 1px !important;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
  --tw-border-opacity: 0.6 !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
  font-weight: 300 !important;
  --tw-text-opacity: 1 !important;
  color: rgba(85, 85, 85, var(--tw-text-opacity)) !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
  transition-duration: 300ms !important;
}

.woocommerce-MyAccount-navigation-link a:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 238, 238, var(--tw-bg-opacity));
}

.woocommerce-MyAccount-navigation-link.is-active a {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 238, 238, var(--tw-bg-opacity));
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
  --tw-text-opacity: 1 !important;
  color: rgba(239, 68, 68, var(--tw-text-opacity)) !important;
}

.lty-lottery-predefined-buttons-container h3 {
  margin-bottom: 1rem;
  font-family: Playfair Display, serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(33, 157, 128, var(--tw-text-opacity));
}

.lty-participate-now-button {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 15px 24px !important;
  transition: all 0.5s ease-in-out !important;
  font-size: 16px !important;
  letter-spacing: 0.6px !important;
  line-height: 22px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
  font-family: Montserrat, sans-serif !important;
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  border: 1px solid #219D80 !important;
}

.lty-participate-now-button:hover, .lty-participate-now-button:focus {
  --hover: #22262f!important;
  box-shadow: inset 0 6.5em 0 0 var(--hover) !important;
}

.lty-lottery-progress-bar .lty-progress-bar-percentage {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
}

.lty-lottery-progress-bar .lty-progress-bar-percentage:after {
  border-color: #219D80 transparent transparent transparent;
}

.lty-predefined-button {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 15px 24px !important;
  transition: all 0.5s ease-in-out !important;
  font-size: 16px !important;
  letter-spacing: 0.6px !important;
  line-height: 22px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(238, 238, 238, var(--tw-bg-opacity)) !important;
  font-family: Montserrat, sans-serif !important;
  --tw-text-opacity: 1 !important;
  color: rgba(85, 85, 85, var(--tw-text-opacity)) !important;
  border: 1px solid #219D80 !important;
}

.lty-predefined-button:hover, .lty-predefined-button:focus {
  --hover: #22262f!important;
  box-shadow: inset 0 6.5em 0 0 var(--hover) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.lty-selected-button {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 15px 24px !important;
  transition: all 0.5s ease-in-out !important;
  font-size: 16px !important;
  letter-spacing: 0.6px !important;
  line-height: 22px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
  font-family: Montserrat, sans-serif !important;
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  border: 1px solid #219D80 !important;
}

.lty-selected-button:hover, .lty-selected-button:focus {
  --hover: #22262f!important;
  box-shadow: inset 0 0 0 0 var(--hover) !important;
}

.lty-lottery-range-value {
  width: 5rem !important;
  --tw-border-opacity: 1 !important;
  border-color: rgba(33, 157, 128, var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(33, 157, 128, var(--tw-bg-opacity)) !important;
}

.lty-lottery-range-value:before {
  border-left-color: #219D80;
}

.lty-lottery-product-summary {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.lty-lottery-range-slider-wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.lty-lottery-time-left-label {
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity));
}

.lty-lottery-countdown-timer .lty-lottery-timer {
  --tw-text-opacity: 1;
  color: rgba(33, 157, 128, var(--tw-text-opacity));
}

.lty-lottery-timer #lty_lottery_days, .lty-lottery-timer #lty_lottery_hours, .lty-lottery-timer #lty_lottery_minutes, .lty-lottery-timer #lty_lottery_seconds {
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity));
}

.lty-frontend-table tbody td a {
  --tw-text-opacity: 1;
  color: rgba(33, 157, 128, var(--tw-text-opacity));
}