/* The /aboutus route's own stylesheet, lifted verbatim from the live site.
   Next.js splits CSS per route, so none of this was in the ten files captured
   from the homepage and product pages.

   The only edits are the two background-image URLs, repointed from
   /images/aboutus/ to the copies already in the theme, and the brand marquee
   animation at the end (the live page drives that one from JavaScript).

   Loaded only on /aboutus, by inc/about-page.php. */

.aboutus_hero_section__JOQ93 {
    background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.4)) 50% center / auto no-repeat,
                url("img/aboutus/hero_section_bg.jpg");
    background-size: cover;
    background-position: 50% center;
    height: 600px; color: var(--white);
    display: flex; flex-direction: column; justify-content: center;
    align-items: center; text-align: center;
}
.aboutus_hero_section_main_heading__d3OWg {
    display: block; font-family: var(--font-bebas-neue); font-size: 6rem; line-height: .9;
}
.aboutus_hero_section_tagline__wurmy { font-size: 1.33rem; }

.aboutus_section__x_6n2 {
    padding: 5rem; display: flex; flex-direction: column;
    text-align: center; justify-content: center; align-items: center;
}
.aboutus_section__x_6n2 h2 {
    font-family: var(--font-bebas-neue); font-weight: 400; font-size: 4rem;
    line-height: .9; margin-bottom: 1rem;
}
.aboutus_section__x_6n2 p { width: 65%; color: var(--charcoal); opacity: .7; line-height: 1.5; }

.aboutus_main_carousel__xBUo0 { margin-top: 2.5rem; }
.aboutus_custom_slide__7votw { position: relative; width: 100%; height: inherit; }
.aboutus_custom_slide__7votw img { object-fit: cover; object-position: center center; }

.aboutus_brands_section__ySA58 { background-color: var(--charcoal); color: var(--white); }
.aboutus_brands_section__ySA58 p { color: var(--white); }

.aboutus_testimonial_section__k7X7_ { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.aboutus_testimonial_section_info__E5IoM { text-align: left; width: 90%; margin-left: 3rem; }
.aboutus_testimonial_section__k7X7_ p { width: 100%; }
.aboutus_testimonial_container__3CTaH {
    position: relative; color: white; overflow-x: hidden; width: 600px; height: 360px;
}
.aboutus_testimonial_image__pFkR8 { position: relative; width: 100%; height: inherit; }

.aboutus_cta_section__Kavg4 {
    position: relative; height: auto;
    background-image: url("img/aboutus/cta_section_bg.png");
    background-repeat: no-repeat; background-size: cover; background-position: 50% center;
    color: var(--white);
}
.aboutus_cta_section__Kavg4 p { color: inherit; }
.aboutus_outer_container__pqbI8 {
    max-width: 1400px; display: flex; justify-content: space-evenly;
    align-items: flex-start; gap: 1rem;
}
.aboutus_left_container__ZQtxp { width: 60%; }
.aboutus_left_container__ZQtxp h2 {
    color: var(--golden-yellow); font-family: var(--font-bebas-neue);
    font-weight: 400; text-align: left;
}
.aboutus_left_container__ZQtxp h2 span { color: var(--white); font-family: inherit; }
.aboutus_location__1C7EX {
    color: var(--golden-yellow); font-size: 1.5rem; font-weight: 500;
    letter-spacing: 3px; text-align: left;
}
.aboutus_location__1C7EX span { color: var(--white); }
.aboutus_description__Fx5MO {
    width: 80%; color: var(--white); margin: 2rem 0; text-align: left;
    line-height: 1.4; font-size: 1.3rem;
}
.aboutus_right_container__JbbcA { width: 480px; height: 480px; }
.aboutus_right_container__JbbcA iframe { max-width: 100%; }

/* --- the store photo carousel --------------------------------------------- */

.carousel_embla__cN3J4 {
    width: clamp(400px, 75vw, 1400px); margin: auto; position: relative;
    --slide-height: 600px; --slide-spacing: 3rem; --slide-size: 85%;
}
.carousel_embla__viewport__qQikw { overflow: hidden; }
.carousel_embla__container__IHSOx {
    backface-visibility: hidden; display: flex; touch-action: pan-y;
    margin-left: calc(var(--slide-spacing) * -1);
    transition: transform .4s ease;
}
.carousel_embla__slide__YfAxs {
    flex: 0 0 var(--slide-size); min-width: 0;
    padding-left: var(--slide-spacing); height: var(--slide-height);
}
.carousel_embla__slide__YfAxs img { width: 100%; height: 100%; }
.carousel_embla__button__hXD60 {
    -webkit-tap-highlight-color: rgba(49,49,49,.5); appearance: none;
    background-color: var(--white); touch-action: manipulation; text-decoration: none;
    cursor: pointer; border: 0; padding: 0; margin: 0;
    box-shadow: rgb(234,234,234) 0 0 0 .2rem inset;
    width: 3rem; height: 3rem; z-index: 1; border-radius: 50%; color: var(--charcoal);
    display: flex; align-items: center; justify-content: center;
    position: absolute; top: 50%; transform: translateY(-50%);
}
.carousel_embla__button--prev__Hklk0 { left: 20px; }
.carousel_embla__button--next__BYwvV { right: 20px; }
.carousel_embla__button__hXD60:disabled { color: #c0c0c0; cursor: default; }
.carousel_arrow_button_image__lf4he { width: 35%; height: 35%; }
.carousel_embla__dots__sihr0 {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    margin-right: -.6rem; margin-top: 1rem;
}
.carousel_embla__dot__J1DF9 {
    -webkit-tap-highlight-color: rgba(49,49,49,.5); appearance: none;
    background-color: transparent; touch-action: manipulation; display: inline-flex;
    text-decoration: none; cursor: pointer; border: 0; padding: 0; margin: 0 8px;
    justify-content: center;
}
.carousel_embla__dot__J1DF9,
.carousel_embla__dot__J1DF9::after { width: .7rem; height: .7rem; display: flex; align-items: center; border-radius: 50%; }
.carousel_embla__dot__J1DF9::after { box-shadow: rgba(0,0,0,.5) 0 0 0 1rem inset; content: ""; }
.carousel_embla__dot--selected__AkFyb::after { box-shadow: inset 0 0 0 1rem var(--charcoal); }

/* --- the brand marquee ---------------------------------------------------- */

.brand_carousel {
    width: 100%; position: relative;
    --slide-height: 200px; --slide-spacing: 4rem; --slide-size: 300px;
}
.brand_carousel__viewport { overflow: hidden; }
.brand_carousel__container {
    backface-visibility: hidden; display: flex; touch-action: pan-y;
    margin-left: calc(var(--slide-spacing) * -1);
    width: max-content;
    animation: tbds-brand-marquee 28s linear infinite;
}
.brand_carousel__viewport:hover .brand_carousel__container { animation-play-state: paused; }
.brand_carousel__slide {
    flex: 0 0 var(--slide-size); min-width: 0;
    padding-left: var(--slide-spacing); height: var(--slide-height);
}
.brand_carousel__slide img { width: 100%; height: 100%; object-fit: contain; }

/* The slide list is printed twice, so one full set is exactly half the track. */
@keyframes tbds-brand-marquee {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
    .brand_carousel__container { animation: none; }
    .brand_carousel__viewport { overflow-x: auto; }
}

/* --- breakpoints, as on the live site ------------------------------------- */

@media screen and (max-width: 1260px) { .aboutus_right_container__JbbcA { width: 400px; height: 400px; } }
@media screen and (max-width: 1200px) {
    .aboutus_testimonial_section_info__E5IoM { margin-left: 0; }
    .aboutus_testimonial_container__3CTaH { width: 500px; height: 300px; }
}
@media screen and (max-width: 1150px) { .carousel_embla__cN3J4 { --slide-height: 500px; } }
@media screen and (max-width: 1100px) {
    .aboutus_testimonial_section__k7X7_ { display: flex; flex-direction: column; align-items: flex-start; }
    .aboutus_testimonial_container__3CTaH { width: 600px; height: 360px; }
}
@media screen and (max-width: 900px) {
    .carousel_embla__cN3J4 { --slide-height: 400px; }
    .aboutus_left_container__ZQtxp,
    .aboutus_outer_container__pqbI8 { flex-direction: column; align-items: center; justify-content: center; }
    .aboutus_left_container__ZQtxp { width: 100%; display: flex; }
    .aboutus_description__Fx5MO,
    .aboutus_left_container__ZQtxp h2,
    .aboutus_location__1C7EX { text-align: center !important; }
    .aboutus_description__Fx5MO, .aboutus_location__1C7EX { font-size: 1rem; }
}
@media screen and (max-width: 800px) {
    .aboutus_hero_section_main_heading__d3OWg { font-size: 4.5rem; }
    .aboutus_hero_section_tagline__wurmy { font-size: 1rem; }
    .aboutus_section__x_6n2 { padding: 5rem 4rem; }
    .aboutus_section__x_6n2 h2 { font-size: 3rem; }
    .aboutus_section__x_6n2 p { width: 85%; }
    .aboutus_testimonial_container__3CTaH { max-width: 100%; width: 500px; height: 300px; }
}
@media screen and (max-width: 700px) { .carousel_embla__cN3J4 { --slide-height: 300px; } }
@media screen and (max-width: 600px) {
    .aboutus_hero_section_main_heading__d3OWg,
    .aboutus_hero_section_tagline__wurmy { width: 80%; }
    .aboutus_section__x_6n2 { padding: 5rem 3rem; }
    .aboutus_section__x_6n2 h2 { font-size: 2.5rem; }
    .aboutus_section__x_6n2 p { width: 90%; }
    .aboutus_right_container__JbbcA { width: 100%; height: 400px; }
}
@media screen and (max-width: 450px) {
    .carousel_embla__cN3J4 { width: 90vw; --slide-height: 240px; --slide-spacing: 1rem; }
    .carousel_embla__button__hXD60 { width: 1.7rem; height: 1.7rem; }
    .carousel_embla__dot__J1DF9,
    .carousel_embla__dot__J1DF9::after { width: .5rem; height: .5rem; }
}