/* =========================================================
   CUSTOM CSS
   ========================================================= */

body {
    /* text-transform: uppercase; */
}


/* =========================================================
   MAIN MENU
   ========================================================= */

.main-menu li > a span {
    padding: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.main-menu li > a {
    padding: 2.75rem;
}

.main-menu li > a:hover {
    color: #343434;
    text-decoration: none;
    font-weight: 800;
}

.main-menu li > a:hover span {
    font-weight: 800;
}

header.store-header.centered_logo {
    padding-bottom: 10px;
}


/* =========================================================
   COLORS
   ========================================================= */

:root {
    --color-primary: #343434 !important;
    --color-primary-dark: #262626 !important;
    --color-primary-light: #454545 !important;
}


/* =========================================================
   HEADINGS
   ========================================================= */

h2 {
    font-size: 32px;
    font-weight: 500 !important;
    text-transform: uppercase;
}

p.store-branches__title.mt-2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl {
    font-size: 32px;
    text-transform: uppercase;
}

h2.about__title.text-2xl.lg\:text-4xl.text-primary.font-bold.mb-5 {
    color: #343434;
}

h3.about__subtitle.text-lg.opacity-60.font-normal.mb-2.text-store-text-secondary {
    color: #000;
}

p.about__description.mb-5.text-store-text-primary {
    font-size: 18px;
    line-height: 30px;
}


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

.s-blocks-wrapper.container.px-2\.5.ms\:px-5 {
    max-width: 100%;
    padding: 0;
}

.s-block {
    margin-top: 0;
}

section.s-block--custom-products.container.s-block {
    max-width: 100%;
    padding: 0;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

.product-index__toolbar.mb-4.sm\:mb-6.flex.justify-between.items-center {
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.s-products-list-wrapper.s-products-list-vertical-cards {
    gap: 0.5px;
    margin-bottom: 0;
}

.text-center.home-block-title {
    padding-top: 3rem;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.product-card__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.product-card__buttons,
.product-card__addToCart.mobile,
.product-card__addToCart {
    display: none;
}

.product-card__title a {
    font-size: 18px;
    text-transform: uppercase;
    color: #F4F1EA;
}

.text-store-text-secondary {
    color: #F4F1EA;
    font-size: 15px;
}

.sm\:text-4xl {
    font-size: 32px;
    line-height: 2.5rem;
    font-weight: 500;
}


/* =========================================================
   TOP NAV
   ========================================================= */

ul.topnav-links-list.hidden.lg\:flex.items-center.rtl\:pl-4.ltr\:pr-4.whitespace-nowrap.ltr\:mr-\[35px\].rtl\:ml-\[35px\] {
    display: none;
}


/* =========================================================
   CONTACT PAGE
   ========================================================= */

p.mt-2.text-lg.leading-8.text-store-text-secondary {
    color: #343434;
}

section.s-block--contact-form {
    padding-top: 90px;
}

input,
textarea#field_message_ {
    border-radius: 0 !important;
}

button.btn {
    border-radius: 0;
}

.btn--primary {
    background-color: #343434;
    border-color: #343434;
    border-width: 1px;
    color: #ffffff;
}


/* =========================================================
   PRODUCT DETAILS PAGE
   ========================================================= */

.product-sku-wrapper.center-between .text-store-text-secondary {
    color: #421d24;
}

.center-between .text-store-text-secondary {
    color: #2b2d34;
}

.s-fast-checkout-button {
    background-color: transparent;
    border: 1px solid #111827 !important;
    color: #111827;
}


/* ADD TO CART BUTTON */

button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color: #343434;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}


/* ADD TO CART BUTTON HOVER */

button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {
    background-color: #000;
}


/* =========================================================
   MOBILE SCREEN
   ========================================================= */

@media screen and (max-width: 767px) {



.hero-btn {
    display: inline;
}
  

    .s-products-list-wrapper {
        display: flex;
        flex-direction: column;
    }

    .product-card__image {
        border-bottom: 0.5px solid #f4f1ea;
    }

    .s-products-list-wrapper.s-products-list-vertical-cards {
        gap: 0;
    }
}