/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Bricks button */
a.brxe-button {
    font-family: 'Lexend Regular';
    font-weight: 400;
}
/* End Bricks button */

/* Pagies Body Overflow Hidden */
body.home {
    overflow-x: hidden;
}
body.home main, body.single-product main, body.general-page-template main {
    overflow-x: clip;
}
/* End Pagies Body Overflow Hidden */

/* Sticky Header */
header.sticky.hide .header-menu-section {
    transform: translateY(-150%);
    opacity: 0;
}
/*header.sticky.scrolling .header-menu-container {
    box-shadow: 0 0px 5px #BEBEBE;
}
header.sticky.scrolling.hide .header-menu-container {
    box-shadow: none;
}*/
/* Sticky Header */

/* Product Sticky Nav */
body.bricks-is-frontend .product-navigation {
  opacity: 0;
  transform: translateY(-150%);
}
header.sticky.scrolling.hide .product-navigation {
    transform: translateY(-65px);
    opacity: 1;
    z-index: 2;
}
.product-nav-link.itself {
    color: var(--base);
}
.product-nav-link.not-itself {
    opacity: 0.5;
}
.product-nav-link.reset-color {
  color: var(--base);
  opacity: 1;
}
/* End Product Sticky Nav */


/* Post Categoires on the slider home page */
ul.post-categories, ul.blog-archive-post-categories, ul.featured-post-categories,
ul.related-post-categories {
    padding-left: 0;
    list-style: none;
    display: flex;
    column-gap: var(--space-xs);
    flex-wrap: wrap;
}
ul.featured-post-categories {
    column-gap: var(--content-gap);
    flex-wrap: wrap;
}
ul.post-categories li {
    border-radius: 60px;
    border: 1px solid #CFD4DA;
    padding: 0 13px;
}
ul.post-categories li a {
    font-size: var(--text-xs);
    color: #4B5E77;
}
ul.featured-post-categories li a {
    font-size: var(--text-xs);
    color: var(--shade);
    transition: 0.4s ease;
}
ul.featured-post-categories li:hover a {
    color: var(--secondary);
}
ul.blog-archive-post-categories li {
    border-radius: 60px;
    border: 1px solid #e0e0de;
    padding: 0 13px;
    background-color: #e0e0de;
}
ul.blog-archive-post-categories li a {
    font-size: var(--text-xs);
    color: #494A46;
}
ul.related-post-categories li {
    border-radius: 60px;
    border: 1px solid #E6EBEC;
    padding: 0 13px;
    background-color: #E6EBEC;
}
ul.related-post-categories li a {
    font-size: var(--text-xs);
    color: var(--secondary);
}
/* End Post Categoires on the slider home page */

/* Home page - Hear from our testimonials slider section */
.testimonials-slider .splide__slide .customer-card-body .testimonial-card-description {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.6s ease, max-height 0.6s ease, margin-bottom 0.6s ease;
}
.testimonials-slider .splide__slide.is-active.is-visible .customer-card-body, 
.testimonials-slider .splide__slide.is-visible.is-next .customer-card-body {
    height: 100%;
}
.testimonials-slider .splide__slide.is-active.is-visible .customer-card-body .testimonial-card-description,
.testimonials-slider .splide__slide.is-visible.is-next .customer-card-body .testimonial-card-description {
  max-height: 1000px;
  opacity: 1;
  margin-bottom: var(--space-m);
}
.testimonials-slider .splide__slide.is-active.is-visible .testimonial-image, 
.testimonials-slider .splide__slide.is-visible.is-next .testimonial-image {
    aspect-ratio: 5/2.8;
}
/* End Home page - Hear from our testimonials slider section */

/* Our Story Component - About us page */
ul.year-categories {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 4px;
}
ul.year-categories .os-year {
    font-size: var(--text-xs);
    background-color: #E6EBEC;
    border-radius: 80px;
    padding: 4px 12px;
}
/* Our Story Component - About us page */

/* By the Numbers Card color */
.light-mint-green {
    background-color: #C4E5E1;
}
.pale-mint {
    background-color: #EBF6F5;
}
.soft-aqua {
    background-color: #BBEAE3;
}
.light-green {
    background-color: #AFEFD2;
}
.light-cyan {
    background-color: #EBF6F5;
}
.light-teal-blue {
    background-color: #C0E6EC;
}
.very-pale-mint {
    background-color: #EBF6F5;
}
.soft-sky-blue {
    background-color: #C4EAF2;
}
.medium-light-cyan {
    background-color: #9FDFEB;
}
.very-pale-cyan {
    background-color: #EBF6F5;
}
/* End By the Numbers Card color */

/* Core Capabilities and Built for Sections Background Colour - From the product page */
.honey-dew {
    background-color: #E1F0E8;
}
.pale-blue {
    background-color: #E1EDEE;
}
.ice-green {
    background-color: #E0EFEB;
}
.icy-green {
    background-color: #E6EBEC;
}
/* End Core Capabilities and Built for Sections Background Colour - From the product page */

/* Product - What you get stock cards section */
.powder-blue {
    background-color: #ecf6f5;
}
.ice-blue {
   background-color: #e0eeed; 
}
.light-aqua-green {
    background-color: #B0DDD7;
}
/* End Product - What you get stock cards section */

/* Core Capabilities Section Custom Padding - From the product page */
.padding-top-150 { padding-top: 150px; }
.padding-top-200 { padding-top: 200px; }
.padding-top-250 { padding-top: 250px; }
.padding-top-300 { padding-top: 300px; }

.padding-bottom-150 { padding-bottom: 150px; }
.padding-bottom-200 { padding-bottom: 200px; }
.padding-bottom-250 { padding-bottom: 250px; }
.padding-bottom-300 { padding-bottom: 300px; }
/* End Capabilities Section Custom Padding - From the product page */

/* Getting Started Component Steps from the product page - When user clicked that text with copy icon, should add tooltip or popup */
.copy-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #335E64;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 9999;
}
.copy-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
/* Getting Started Component Steps from the product page - When user clicked that text with copy icon, should add tooltip or popup */


/* Ecosystem Cards Slider */
    /*.splide__track.disabled-track {
        pointer-events: none;
    }*/
    .ecosystem-cards-slider-inner.disabled-track-grid-2, 
    .ecosystem-cards-slider-inner.disabled-track-grid-3 {
        position: relative;
    }
    .ecosystem-cards-slider-inner.disabled-track-grid-2 .splide__list {
        display: grid;
        grid-template-columns: var(--grid-2) !important;
        gap: var(--space-xs);
    }
    .ecosystem-cards-slider-inner.disabled-track-grid-3 .splide__list {
        display: grid;
        grid-template-columns: var(--grid-3) !important;
        gap: var(--space-xs);
    }
    .ecosystem-cards-slider-inner.disabled-track-grid-2 .splide__slide, 
    .ecosystem-cards-slider-inner.disabled-track-grid-3 .splide__slide {
        width: 100% !important;
    }
/* Ecosystem Cards Slider */