/*
Theme Name: Astra Child Statom
Template: astra
*/

/* ************************ */
/* STATOM CSS COLLECTION */
/* ************************ */

/* NOTES */
/* 
-ast-global-color-2 (purple - #5B43A3)
-ast-global-color-3 (?? - #??)
-ast-global-color-4 (white - #FFFFFF)

*/


/* =========================================
   ST DESIGN SYSTEM
   Prefix: st-
========================================= */

/* =========================================
   ROOT VARIABLES
========================================= */

:root {    
  --st-main-container-width: 1200px; /* Sync with Astra */
  --st-nav-height: 81px;
  --st-vlblue: #7faedf; /* Not included in Astra globals */
}

/* =========================================
   TEMP / COMPONENT (Example)
========================================= */

.home-hero {
   background-position: center;
   border-radius: 0 0 6rem 0;
}
.st-test-bg {
  background: darkcyan;
}

.hero-text {
  margin-bottom: 2rem;
  font-size: 3rem;
  font-weight: 700;
}
.hero-copy-text {
   font-size: 1.5rem;
   line-height: 1.4;
}
.subhero {
   font-size: 2.25rem;
   font-weight: 700;
}
.subhero-copy-text {
   font-size: 1.4rem;
}
.h3-subcopy-text {
   font-size: 1.2rem;
}
.st-eyebrow {
   font-size: 1.15rem;
   font-weight: 600;
}
.st-wc-productsd-atts-copy {
   font-size: 1.4rem;
   /* font-weight: 700; */
   font-style: italic;
   margin-bottom: 1rem;
}
.st-text-reg {
   font-size: 1.2rem;
}

/* =========================================
   MISC CODES
========================================= */
.st-misc-001 {
   border-radius: 1rem;
   margin-bottom: 1rem;
}
@media (min-width: 1024px) {
   .st-misc-001 {
      border-radius: unset;
      margin-bottom: unset;
   }
}
.st-misc-002 {
   padding: 0;
}
@media (min-width: 1024px) {
   .st-misc-002 {
      padding: 3rem;
   }
}
p:has(.st-misc-003) {
   margin-bottom: 0 !important;
}
@media (min-width: 1024px) {
   .st-misc-003 {
      background-position-y: 23vh;
   }
}
.st-misc-px-1 {
   padding-left: 1rem;
   padding-right: 1rem;
}
@media (min-width: 1024px) {
   .st-misc-px-1 {
      padding-left: 0rem;
      padding-right: 0rem;
   }
}


/* =========================================
   ASTRA OVER RIDES
========================================= */
.site-below-footer-wrap {
   /* border-radius: 2rem 2rem 0 0;
   background-image: url('https://steelblue-mule-544682.hostingersite.com/wp-content/uploads/2026/06/TLB-Background-Sample-2.png') !important;
   background-repeat: repeat; */
}
.site-header .ast-site-title-wrap {
   display: none;
}

/* .ast-header-break-point .main-header-bar,.main-header-bar {    
   position: sticky;    
   top: 0;    
   z-index: 9999;
} */
.site-header {
   position: sticky;
   top: 0;
   transition: transform 0.3s ease;
   /* z-index: 99; // This is what Astra has set */
}
.site-header.hide-header {
   transform: translateY(-100%);
}


h1 {
   font-size: 30px;
}
@media (min-width: 768px) {
   h1 {
      font-size: 30px;
   }
}
@media (min-width: 1024px) {
   h1 {
      font-size: 42px;
   }
}


/* =========================================
   FOOTER SECTION
========================================= */
.site-footer {
   background-color: #fff;
   background-size: cover;
   background-position-y: 80px;
   background-position-x: -20px;
   padding-left: 1rem !important;
   padding-right: 1rem !important;
}
.st-astra-footer-logo {
   max-width: 200px;
}
.site-footer h2 {
   font-size: 1.5rem;
}
.site-footer .st-social-icons {
   justify-content: end;
}
.st-contact-icons {
  display: flex;
  gap: 12px;
}
.site-footer .st-contact-icons {
   justify-content: start;
}
.st-gsi-legals-wrapper {
   max-width: calc((var(--st-main-container-width)) * 0.8);
   margin: auto;
}
.st-gsi-legals-wrapper .st-legal-menu {
   flex-wrap: wrap;
}
.st-gsi-legals-wrapper-2 h3,
.st-gsi-legals-wrapper-2 .st-legal-menu {
   display: block;
   text-align: end;
}
.st-gsi-legals-wrapper-2 h3 {
   font-size: 1.4rem;
}
.st-gsi-legals-wrapper-2 .st-legal-menu a {
   font-size: 1.2rem;
}
#block-9 {
   justify-items: center;
}
@media (min-width: 1024px) {
   #block-9 {
      justify-items: start;
   }
}
#block-11 {
   justify-items: center;
}
@media (min-width: 1024px) {
   #block-11 {
      justify-items: end;
   }
}


/* =========================================
   PRIVACY PAGE
========================================= */
.st-privacy-ul-container .st-legal-menu {
   flex-direction: column;
}



/* =========================================
   SOCIAL MEDIA PART 
========================================= */
.st-social-icons {
  display: flex;
  gap: 12px;
}

.st-social-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--ast-global-color-2);
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease;
}

.st-social-icon i {
  font-size: 16px;
}

.st-social-icon:hover {
  background: var(--ast-global-color-0);
  transform: translateY(-2px);
}


/* =========================================
   LAYOUT
========================================= */

.st-container {
  max-width: var(--st-main-container-width);
  margin-left: auto;
  margin-right: auto;
  /* padding: 0 20px; */
}
.st-home-hero-container {
  min-height: calc(100vh - var(--st-nav-height));
}
.st-lg-maxw-s1 {
   max-width: calc((var(--st-main-container-width) / 5) * 3);
}
.st-content-left-container {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border-radius: 1rem;
   padding: 3rem 2rem;
   background: var(--ast-global-color-1); 
}
@media (min-width: 1024px) {
   .st-content-left-container {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      border-radius: 1rem;
      padding: 4rem;
      background: var(--ast-global-color-1); 
   }
}
.st-section-heading-container {
   text-align: center;
   margin-bottom: 3rem;
}

/* =========================================
   SPACING
========================================= */

/* Margin */
.st-m-auto { margin: auto; }
.st-m-0 { margin: 0 !important; }
.st-m-1 { margin: 0.25rem !important; }
.st-m-2 { margin: 0.5rem !important; }
.st-m-3 { margin: 1rem !important; }
.st-mb-1 {
   margin-bottom: 1rem;
}
.st-mb-2 {
   margin-bottom: 2rem;
}
.st-mb-3 {
   margin-bottom: 3rem;
}
.st-mb-4 {
   margin-bottom: 4rem;
}
.st-mr-1 {
   margin-right: 1rem;
}
p img:has(.st-mb-0) {
   margin-bottom: 0 !important;
}

/* Padding */
.st-p-0 { padding: 0 !important; }
.st-p-1 { padding: 0.25rem !important; }
.st-p-2 { padding: 0.5rem !important; }
.st-p-3 { padding: 1rem !important; }
.st-p-4 { padding: 1.5rem !important; }
.st-p-5 { padding: 2rem !important; }
.st-p-6 { padding: 2.5rem !important; }
.st-p-7 { padding: 2rem !important; }
.st-p-8 { padding: 3.5rem !important; }
.st-p-9 { padding: 4rem !important; }

@media (min-width: 1024px) {
   .st-p-7 { padding: 3rem !important; }
}

.st-pt-1 {
   padding-top: 1rem;
}
.st-px-1 {
   padding-left: 1rem;
   padding-right: 1rem;
}

/* =========================================
   TYPOGRAPHY
========================================= */

.st-text-left   { text-align: left; }
.st-text-center { text-align: center; }
.st-text-right  { text-align: right; }

.st-text-bold   { font-weight: bold; }
.st-text-italic { font-style: italic; }

ul.st-bullet-points p {
   margin-bottom: 0.75rem;
}

/* =========================================
   DISPLAY CLASSES
========================================= */

.st-d-block        { display: block !important; }
.st-d-inline       { display: inline !important; }
.st-d-inline-block { display: inline-block !important; }
.st-d-flex         { display: flex !important; }
.st-d-none         { display: none !important; }

/* =========================================
   FLEXBOX
========================================= */

.st-flex-row { flex-direction: row; }
.st-flex-col { flex-direction: column; }
.st-flex-col-reverse { flex-direction: column-reverse; }

.st-justify-start   { justify-content: flex-start; }
.st-justify-center  { justify-content: center; }
.st-justify-end     { justify-content: flex-end; }
.st-justify-between { justify-content: space-between; }

.st-align-start  { align-items: flex-start; }
.st-align-center { align-items: center; }
.st-align-end    { align-items: flex-end; }

.st-flex-wrap { flex-wrap: wrap; }


@media (min-width: 1024px) {
   .st-lg-flex-row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 1024px) {
   .st-lg-flex-col { flex-direction: column; }
}


/* =========================================
   POSITION
========================================= */
.st-pos-rel { position: relative; }
.st-pos-abs { position: absolute; }

/* =========================================
   COLOURS
========================================= */

/* Astra palette shortcuts */
.st-bg-ast-0 { background: var(--ast-global-color-0); color: #000; }
.st-bg-ast-1 { background: var(--ast-global-color-1); color: #fff; }
.st-bg-ast-2 { background: var(--ast-global-color-2); color: #fff; }
.st-bg-ast-3 { background: var(--ast-global-color-3); color: #fff; }
.st-bg-ast-4 { background: var(--ast-global-color-4); color: #000; }
.st-bg-ast-5 { background: var(--ast-global-color-5); color: #fff; }
.st-bg-ast-6 { background: var(--ast-global-color-6); color: #fff; }
.st-bg-ast-7 { background: var(--ast-global-color-7); color: #000; }
.st-bg-ast-8 { background: var(--ast-global-color-8); color: #fff; }
.st-bg-vlblue { background: var(--st-vlblue); }

/* Custom */
.st-bg-dark  { background: #222; color: #fff; }
.st-text-primary { color: #0073e6; }
.st-text-muted   { color: #777; }

.st-color-ast-0 { color: var(--ast-global-color-0); }
.st-color-ast-1 { color: var(--ast-global-color-1); }
.st-color-ast-2 { color: var(--ast-global-color-2); }
.st-color-ast-3 { color: var(--ast-global-color-3); }
.st-color-ast-4 { color: var(--ast-global-color-4); }
.st-color-ast-5 { color: var(--ast-global-color-5); }
.st-color-ast-6 { color: var(--ast-global-color-6); }
.st-color-ast-7 { color: var(--ast-global-color-7); }
.st-color-ast-8 { color: var(--ast-global-color-8); }

/* =========================================
   SIZING
========================================= */

.st-w-100     { width: 100% !important; }
.st-h-100     { height: 100% !important; }
.st-max-w-400 { max-width: 400px !important; }
.st-max-w-container-50-perc { 
   max-width: calc(var(--st-main-container-width) / 2);
}
.st-max-w-container-33-perc { 
   max-width: calc((var(--st-main-container-width) / 3) * 1);
}
.st-max-w-container-66-perc { 
   max-width: calc((var(--st-main-container-width) / 3) * 2);
}
.st-minh-100 {
   min-height: 100vh;
}


/* =========================================
   LISTING CLASSES
========================================= */
.st-ul-ls-none {
   list-style: none;
   margin: 0 0 1rem 0;
}


/* =========================================
   GRID SYSTEM
========================================= */

/* Base */
.st-grid {
  display: grid;
}

/* Columns */
.st-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.st-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.st-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.st-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.st-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.st-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }

/* Auto-fit */
.st-grid-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* Gaps */
.st-gap-0 { gap: 0; }
.st-gap-1 { gap: 0.25rem; }
.st-gap-2 { gap: 0.5rem; }
.st-gap-3 { gap: 0.75rem; }
.st-gap-4 { gap: 1rem; }
.st-gap-5 { gap: 1.5rem; }
.st-gap-6 { gap: 2rem; }
.st-gap-8 { gap: 3rem; }

/* Column span */
.st-col-span-1 { grid-column: span 1; }
.st-col-span-2 { grid-column: span 2; }
.st-col-span-3 { grid-column: span 3; }
.st-col-span-4 { grid-column: span 4; }
.st-col-span-5 { grid-column: span 5; }
.st-col-span-6 { grid-column: span 6; }

/* Row span */
.st-row-span-1 { grid-row: span 1; }
.st-row-span-2 { grid-row: span 2; }
.st-row-span-3 { grid-row: span 3; }
.st-row-span-4 { grid-row: span 4; }

/* Grid alignment */
.st-items-start  { align-items: start; }
.st-items-center { align-items: center; }
.st-items-end    { align-items: end; }

/* =========================================
   RESPONSIVE UTILITIES
========================================= */

/* Tablet */
@media (min-width: 768px) {
  
  .st-md-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .st-md-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .st-md-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }

  .st-md-gap-4 { gap: 1rem; }
  .st-md-gap-6 { gap: 2rem; }

}

/* Desktop */
@media (min-width: 1024px) {

   .st-lg-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
   .st-lg-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
   .st-lg-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
   .st-lg-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }

   .st-lg-gap-6 { gap: 2rem; }
   .st-lg-gap-8 { gap: 3rem; }

   .st-lg-flex-row {
      flex-direction: row;
   }

   @media (min-width: 1024px) {
      .st-content-split__left,
      .st-content-split__right {
         width: 50%;
         /* max-width: 600px; */
      }
   }
   @media (min-width: 1024px) {
      .st-content-split-60-40.st-w-100 .st-content-split__left {
         width: 60% !important;
      }
      .st-content-split-60-40.st-w-100 .st-content-split__right {
         width: 40% !important;
      }
   }
   @media (min-width: 1024px) {
      .st-content-split-40-60 .st-content-split__left {
         width: 40% !important;
      }
      .st-content-split-40-60 .st-content-split__right {
         width: 60% !important;
      }
   }

}


/* =========================================
   BORDER
========================================= */
.st-border-radius-0 { border-radius: 0; }
.st-border-radius-1 { border-radius: 0.25rem; }
.st-border-radius-2 { border-radius: 0.5rem; }
.st-border-radius-3 { border-radius: 1rem; }

/* =========================================
   BUTTONS CLASSES
========================================= */
.st-swiper-hero-card_button_2 {
   color: var(--ast-global-color-4);
   background: var(--ast-global-color-1);
   border: 2px solid var(--ast-global-color-1);
   display: inline-block;
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
   transition: all 0.2s ease;
}
.st-swiper-hero-card_button_2:hover {
   /* color: var(--ast-global-color-4); */
   background: var(--ast-global-color-4);
   transform: translateY(-4px);
}

.st-swiper-hero-card_button_1_2 {
   color: var(--ast-global-color-2);
   background: var(--ast-global-color-4);
   border: 2px solid var(--ast-global-color-2);
   display: inline-block;
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
   transition: all 0.2s ease;
}
.st-swiper-hero-card_button_1_2:hover {
   border: 2px solid var(--ast-global-color-2);
   background: var(--ast-global-color-2);
   color: var(--ast-global-color-4);
   transform: translateY(-4px);
}

.st-swiper-hero-card_button_3 {
   color: var(--ast-global-color-4);
   background: var(--ast-global-color-2);
   border: 2px solid var(--ast-global-color-2);
   display: inline-block;
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
   transition: all 0.2s ease;
}
.st-swiper-hero-card_button_3:hover {
   color: var(--ast-global-color-2);
   background: var(--ast-global-color-4);
   transform: translateY(-4px);
}


/* =========================================
   CONTACT DETAILS (via CODE SNIPPET)
========================================= */
.st-contact-details a {
   color: var(--ast-global-color-6);
}
.st-contact-details a:hover {
   color: var(--ast-global-color-0);
}

/* =========================================
   TRAVEL LOCATIONS DETAILS (via CODE SNIPPET)
========================================= */
.st-travel_locations-heading {

}


/* =========================================
   SWIPER
========================================= */
.st-swiper-hero-card {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border-radius: 1rem;
   padding: 2rem;
}
@media (min-width: 1024px) {
   .st-swiper-hero-card {
      padding: 4rem;
   }
}
.st-swiper-hero-card.st-swiper-hero-card-home-alt {
   padding: 6rem 4rem;
}
.st-swiper-hero-card_button_1 {
   /* font-size: 14px; */
   /* font-family: 'Poppins' , sans-serif; */
   color: var(--ast-global-color-1);
   background: #fff;
   border: 2px solid  var(--ast-global-color-4);
   display: inline-block;
   /* height: 50px; */
   /* min-height: 50px; */
   /* line-height: 50px; */
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
}
.st-swiper-hero-card_button_1:hover {
   border: 2px solid  var(--ast-global-color-1);
}

.st-testimonial-section .swiper-wrapper,
.home-hero .swiper-wrapper {
   padding-bottom: 5rem;
}
.st-testimonial-section .st-swiper-nav,
.home-hero .st-swiper-nav {
   position: absolute;
   bottom: 15px;
   right: 0px;
   display: flex;
   gap: 10px;
}
.st-testimonial-section .st-swiper-nav .swiper-button-prev,
.st-testimonial-section .st-swiper-nav .swiper-button-next,
.home-hero .st-swiper-nav .swiper-button-prev,
.home-hero .st-swiper-nav .swiper-button-next {
   position: static; /* removes default absolute positioning */
   width: 50px;
   height: 50px;
   /* background: rgba(0, 0, 0, 0.4); */
   background: white;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--ast-global-color-2);
}
.st-testimonial-section .st-swiper-nav .swiper-button-prev:hover,
.st-testimonial-section .st-swiper-nav .swiper-button-next:hover,
.home-hero .st-swiper-nav .swiper-button-prev:hover,
.home-hero .st-swiper-nav .swiper-button-next:hover {
   background: var(--ast-global-color-2);
   color: var(--ast-global-color-4);
}
.st-testimonial-section .st-swiper-nav .swiper-button-prev:after,
.st-testimonial-section .st-swiper-nav .swiper-button-next:after,
.home-hero .st-swiper-nav .swiper-button-prev:after,
.home-hero .st-swiper-nav .swiper-button-next:after {
   font-size: 1rem;
   font-weight: bold;
}

.st-testimonial-section .swiper-wrapper {
   padding-bottom: 5rem;
}
.st-testimonial-section .st-swiper-nav {
   position: absolute;
   bottom: 15px;
   right: 0px;
   display: flex;
   gap: 10px;
}



/* =========================================
   FEATURE CARD
========================================= */
.st-feature-card {
   border-radius: 1rem;
   padding: 3rem 2rem;
   background-color: var(--st-vlblue);
   /* margin-bottom: 30px; */
   /* margin-right: 80px; */
   /* transition: all .4s; */
   /* height: 400px; */
   /* width: 380px; */
}
.st-hover-img-1-container {
   cursor: pointer;    
   overflow: hidden;
   transition: transform 0.3s ease;
}
.st-hover-img-1-container img {
   transition: transform 0.3s ease;
}
.st-hover-img-1-container:hover img {
   transform: scale(1.05)
}


/* =========================================
   LEARNINGS
========================================= */
.st-subject-title:hover {
   color: var(--ast-global-color-2);
}
.st-subjects-list-icons {
  display: flex;
  gap: 0.75rem;
  /* flex-direction: column; */;
  flex-wrap: wrap;
  justify-content: start;
}
@media (min-width: 768px) {
   .st-subjects-list-icons .st-st-social-icon-wrapper {
      width: calc(50% - 0.75rem);
   }
}
.st-st-social-icon-wrapper {
   padding: 0;
   display: flex;
   align-items: center;
   gap: 0.75rem;
   width: calc(100%);
}
@media (min-width: 1024px) {
   .st-st-social-icon-wrapper {
      width: calc(50% - 1rem);
   }
}
.st-st-social-icon-wrapper p {
   margin-bottom: 0;
}


/* =========================================
   PACKS BLOCK
========================================= */
.pack-filters {
   background: white;
   padding: 1rem 2rem;
   border-radius: 4rem;
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
}
.pack-filters button {
   background-color: unset;
   color: var(--ast-global-color-2);
   box-shadow: none;
}
.pack-card {
   overflow: hidden;
   border-radius: 1rem;
}
.pack-card-image-container {
   position: relative;
   /* aspect-ratio: 4/3; */
}
.pack-card-image-container .pack-card-image-price {
   position: absolute;
   top: -40px;
   right: -10px;
}
.pack-card-image-container .st-pack-image-image {
   width: 100%;  aspect-ratio: 4 / 3;  object-fit: cover;  display: block;
}
.pack-card-image-container .pack-card-image-price-circle {
   width: 125px;
   height: 125px;
   position: relative;
   border-radius: 150px;
}
.pack-card-image-container .pack-card-image-price-circle-content {
   position: absolute;
   bottom: 30px;
   left: 30px;
   font-size: 1.25rem;
}


/* =========================================
   EASY ACCORDION
========================================= */
.st-easyacc-wrapper {
   background-color: var(--ast-global-color-1);
   border-radius: 2rem;
   padding: 4rem 2rem;
}
.st-easyacc-wrapper .sp-easy-accordion>.sp-ea-single {
   border-radius: 2rem !important;
}
.st-easyacc-wrapper .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
   border-radius: 2rem !important;
}


/* =========================================
   GLOBAL BLOCK OPTIONS
========================================= */
.st-gbp-paddingt-none {
   padding-top: 0;
}
.st-gbp-paddingt-small {
   padding-top: 1rem;
}
.st-gbp-paddingt-medium {
   padding-top: 2rem;
}
.st-gbp-paddingt-large {
   padding-top: 3rem;
}
.st-gbp-paddingt-xlarge {
   padding-top: 4rem;
}
.st-gbp-paddingt-xxlarge {
   padding-top: 4rem;
}
.st-gbp-paddingb-none {
   padding-bottom: 0;
}
.st-gbp-paddingb-small {
   padding-bottom: 1rem;
}
.st-gbp-paddingb-medium {
   padding-bottom: 2rem;
}
.st-gbp-paddingb-large {
   padding-bottom: 3rem;
}
.st-gbp-paddingb-xlarge {
   padding-bottom: 4rem;
}
.st-gbp-paddingb-xxlarge {
   padding-bottom: 4rem;
}

@media (min-width: 1024px) {
   .st-gbp-paddingt-xxlarge {
      padding-top: 5rem;
   }
   .st-gbp-paddingb-xxlarge {
      padding-bottom: 5rem;
   }
}




/* =========================================
   ASPECT-RATIO
========================================= */
.st-aratio-4-3 {
   aspect-ratio: 4/3;
}


/* =========================================
   FAQS BLOCK
========================================= */
.st-easyacc-wrapper-faqs {
   /* background-color: var(--ast-global-color-1); */
   /* border-radius: 2rem; */
   /* padding: 4rem 2rem; */
}
.st-easyacc-wrapper-faqs .sp-easy-accordion>.sp-ea-single {
   border-radius: 2rem !important;
}
.st-easyacc-wrapper-faqs .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
   border-radius: 2rem !important;
}


/* =========================================
   TESTIMONIAL BLOCK
========================================= */
.st-testimonial {
   position: relative;
}
.st-testimonial::before {
   display: none;
}
@media (min-width: 1024px) {
   .st-testimonial::before {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      /* z-index: -1; */
      z-index: 0;
      width: 65%;
      height: 100%;
      background-color: var(--ast-global-color-0);
      content: '';
      border-top-left-radius: 500px;
      border-bottom-left-radius: 500px;
   }
}


/* =========================================
   ABOUT US BLOCK
========================================= */
@media (max-width: 1024px) {
   #about-section {
      background: var(--ast-global-color-7);
   }
}
.st-about {
   position: relative;
}
.st-about::before {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   z-index: -1;
   width: 65%;
   height: 100%;
   background-color: var(--ast-global-color-0);
   content: '';
   border-top-left-radius: 500px;
   border-bottom-left-radius: 500px;
}
.st-graphic-1 {
   position: relative;
}
.st-graphic-1::before {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   /* z-index: -1; */
   z-index: 0;
   width: 100%;
   height: 100%;
   background-color: var(--ast-global-color-1);
   content: '';
   border-top-right-radius: 1rem;
   border-bottom-right-radius: 1rem;
   border-top-left-radius: 1rem;
   border-bottom-left-radius: 1rem;
}
@media (min-width: 1024px) {
   .st-graphic-1::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      /* z-index: -1; */
      z-index: 0;
      width: 90%;
      width: calc(((100vw - var(--st-main-container-width)) / 2) + var(--st-main-container-width));
      height: 100%;
      background-color: var(--ast-global-color-1);
      content: '';
      border-top-right-radius: 500px;
      border-bottom-right-radius: 500px;
      border-top-left-radius: 0rem;
      border-bottom-left-radius: 0rem;
   }
}
#counter-section .st-graphic-1::before {
   /* background-image: url(https://steelblue-mule-544682.hostingersite.com/wp-content/uploads/2026/06/TLB-Background-Sample-4.png); */
   /* background-size: contain; */
   /* background-repeat: repeat; */
}
.st-graphic-2 {
   position: relative;
}
.st-graphic-2::before {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   width: 70%;
   height: 100%;
   background-color: var(--ast-global-color-0);
   content: '';
   border-top-right-radius: 500px;
   border-bottom-right-radius: 500px;
}


/* =========================================
   CONTACT FORM 7
========================================= */
.st-form-row {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 2rem !important;
  flex-wrap: wrap;
}
.st-form-row.st-form-row-submit {
   margin-bottom: 0rem !important;
}

.st-form-row .st-half {
  /* flex: 0 0 48%; */
  flex: 0 0 calc(50% - 0.5rem);
}

.st-form-row .st-full {
  flex: 0 0 100%;
}

.st-form-row label {
   color: #fff;
}

/* Inputs styling */
.st-form-row input,
.st-form-row textarea,
.st-form-row select {
  width: 100%;
  padding: 1rem !important;
  /* border: 1px solid #ccc; */
  border-radius: 2rem;
}

/* Submit button */
.st-form-row input[type="submit"] {
  /* background: #0073aa;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 12px 20px; */
  background: var(--ast-global-color-4);
}

.st-form-row input[type="submit"]:hover {
  background: var(--ast-global-color-1);
}

@media (max-width: 768px) {
  .st-form-row .st-half {
    flex: 0 0 100%;
  }
}

.st-form-row p {
   margin-bottom: 0rem !important;;
}

.st-form-row textarea[name="additional-notes"] {
  resize: none;
}


/* =========================================
   WOOCOMMERCE
========================================= */
body.woocommerce-checkout,
body.woocommerce-cart,
body.single-product,
body.post-type-archive-product {
   background: var(--ast-global-color-7);
}
.product_title {
   font-size: 2.25rem;
   border-bottom: 3px solid var(--ast-global-color-1);
   font-weight: 800;
   padding-bottom: 0.75rem !important;
}
.ast-woocommerce-container .woocommerce-loop-product__title:hover {
   color: var(--ast-global-color-1);
}
.ast-woocommerce-container .button.yith-wcqv-button {
   color: var(--ast-global-color-2);
   background: var(--ast-global-color-4);
   border: 2px solid var(--ast-global-color-2);
   display: inline-block;
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
   width: fit-content;
   display: none;
}
.ast-woocommerce-container .button.yith-wcqv-button:hover {
   border: 2px solid var(--ast-global-color-2);
   background: var(--ast-global-color-2);
   color: var(--ast-global-color-4);
}
.ast-woocommerce-container .button.product_type_simple,
.ast-woocommerce-container .button.add_to_cart_button {
   color: var(--ast-global-color-6);
   background: var(--ast-global-color-0);
   border: 2px solid var(--ast-global-color-0);
   display: inline-block;
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
}
.ast-woocommerce-container .button.product_type_simple:hover,
.ast-woocommerce-container .button.add_to_cart_button:hover {
   border: 2px solid var(--ast-global-color-0);
   background: var(--ast-global-color-4);
   color: var(--ast-global-color-6);
}

.ast-archive-entry-banner .button.add_to_cart_button.product_type_simple.add_to_cart_button {
   /* color: var(--ast-global-color-6); */
   background: var(--ast-global-color-0);
   border: 2px solid var(--ast-global-color-0);
   display: inline-block;
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
}
.ast-archive-entry-banner .button.product_type_simple.add_to_cart_button:hover {
   border: 2px solid var(--ast-global-color-0);
   background: transparent;
   color: var(--ast-global-color-6);
}

.ast-woocommerce-container .wp-post-image {
   border-radius: 1rem;
}
.ast-woocommerce-container h2.woocommerce-loop-product__title {
   font-size: 1.875rem !important;
}
.ast-woocommerce-container .ast-woo-shop-product-description p {
   font-size: 1.15rem !important;
}
.ast-woocommerce-container .price {
   font-size: 1.66rem !important;
}

/* *** Shop page *** */
.astra-shop-thumbnail-wrap img {
   border-radius: 1rem;
}
.yith-wcan-filters h4 {
   text-align: center;
   margin-bottom: 2rem;
}
.yith-wcan-filters {
   background-color: transparent;
}
/* Outer filter container (rounded box) */
.filter-content {
   background-color: var(--ast-global-color-4);
   padding: 1rem 1rem;
   border-radius: 4rem;
   width: fit-content;
   margin: auto;
}

/* Remove default list styling */
.yith-wcan-filter .filter-items {
    display: flex;
    flex-wrap: wrap; /* allow wrapping to next line */
    gap: 10px; /* space between items */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Each category item */
.yith-wcan-filter .filter-item {
    display: inline-flex;
    align-items: center;
}

/* Style the category labels as pills */
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label {
   display: inline-flex;
   align-items: center;
    /* padding: 8px 14px; */
    /* border-radius: 999px; */
    /* background: #ffffff; */
    /* border: 1px solid #ddd; */
   cursor: pointer;
   transition: all 0.2s ease;

   color: var(--ast-global-color-2);
   /* background: var(--ast-global-color-1); */
   background: transparent;
   border: none !important;
   display: inline-block;
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
   font-size: 1rem;
   margin-bottom: 0rem;
   box-shadow: none;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active:not(.with-image) {
   background: var(--ast-global-color-1);
   box-shadow: none;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.with-image):not(.disabled):hover {
   color: var(--ast-global-color-4);
   background: var(--ast-global-color-1);
   border: 2px solid var(--ast-global-color-1);
   box-shadow: none;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
   font-size: 1rem;
}

/* Hide default checkbox (optional for cleaner UI) */
.yith-wcan-filter .filter-item input[type="checkbox"] {
    display: none;
}

/* Hover effect */
.yith-wcan-filter .filter-item label:hover {
    /* background: #0073aa; */
    /* color: #fff; */
    /* border-color: #0073aa; */
}

/* Active state (checked) */
.yith-wcan-filter .filter-item input[type="checkbox"]:checked + a {
    font-weight: bold;
}

/* Style the link text */
.yith-wcan-filter .filter-item a {
    text-decoration: none;
    color: inherit;
}

/* Optional: make checked look like selected pill */
.yith-wcan-filter .filter-item input[type="checkbox"]:checked ~ a,
.yith-wcan-filter .filter-item input[type="checkbox"]:checked + a {
    color: #fff;
}

.yith-wcan-filter .filter-item input[type="checkbox"]:checked + a,
.yith-wcan-filter .filter-item input[type="checkbox"]:checked ~ a {
    background-color: #0073aa;
}


button.yith-wcan-reset-filters {
   color: var(--ast-global-color-4);
   background: var(--ast-global-color-1);
   border: 2px solid var(--ast-global-color-1);
   display: inline-block;
   padding: 1rem 2rem;
   border-radius: 2rem;
   font-weight: 500;
}
button.yith-wcan-reset-filters:hover {
   color: var(--ast-global-color-1);
   background: var(--ast-global-color-4);
}

.astra-shop-thumbnail-wrap {
   padding-bottom: 1rem;
}
.ast-woocommerce-container .woocommerce-LoopProduct-link {
   cursor: pointer;    
   overflow: hidden;
   transition: transform 0.3s ease;
   border-radius: 1rem;
}
.ast-woocommerce-container .woocommerce-LoopProduct-link img {
   transition: transform 0.3s ease;
   margin: 0 !important;
}
.ast-woocommerce-container .woocommerce-LoopProduct-link:hover img {
   transform: scale(1.05);
}