@media (min-width:1919px) {
    body {
        zoom: .9
    }
}

.card,
.card-header,
.hero,
body {
    background-color: var(--skin-background-color-1);
    font-family: Avenir;
    color: #000
}

.hero {
    border-bottom-color: var(--skin-background-color-1)
}

.main-menu {
    background-color: #fff
}

.banner-color {
    background-color: var(--skin-banner-background-color-1)
}

.header-banner {
    background-color: var(--skin-banner-background-color-2);
    color: var(--skin-banner-text-color-1)
}

.header-banner .close-button .close {
    background-color: var(--skin-primary-color-1)
}

h1.header.page-title {
    font-family: Avenir;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 131.5%;
    letter-spacing: .195em;
    text-transform: uppercase;
    color: #fff
}

h1.header.page-title:before {
    color: var(--skin-heading-color-1-invert)
}

.product-grid .product-tile {
    border: 1px solid #ccc;
    background-color: #fbfbfb;
    margin: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: -webkit-max-content;
    height: max-content
}

.product-grid .product-tile .productTile-btn-container .prices-add-to-cart-actions .add-to-cart {
    width: 100%;
    font-size: .9rem;
    padding: .5rem
}

@media (max-width:768px) {
    .product-grid .product-tile .productTile-btn-container .prices-add-to-cart-actions .add-to-cart {
        width: 25vw
    }
}

@media (max-width:768px) {
    .product-grid .product-tile {
        height: -webkit-max-content;
        height: max-content;
        margin: 6px
    }

    .product-grid .product-tile .pdp-link a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 11px !important
    }

    .product-grid .add-to-cart {
        font-size: .9rem;
        padding: 1rem 3rem
    }
}

.product-tile {
    border: 1px solid #ccc;
    background-color: #ffffff;
    margin: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto
}

.refinements ul li button {
    color: var(--skin-primary-color-1)
}

.custom-select {
    display: -ms-flexbox;
    display: flex;
    height: calc(1.2em + .75rem + -4px);
    padding: .1rem 0;
    padding-left: 3px;
    font-size: 1.2rem;
    font-family: AvenirBold;
    color: #000;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.custom-select,
.custom-select:focus {
    border: 1px solid #000
}

.add-to-wishlist {
    border: none;
    color: #000;
    background-color: transparent
}

a:hover {
    color: #989898
}

.price {
    color: var(--skin-price-1)
}

.dropdown-menu,
.dropdown-menu a,
.navbar,
.navbar .nav-item,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.navbar .nav-item a {
    color: var(--skin-menu-color-1)
}

@media (min-width:769px) {

    .dropdown-menu,
    .dropdown-menu a,
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .navbar .nav-item a {
        color: var(--skin-menu-color-1)
    }
}

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
    color: var(--skin-selectbox-text-color-1)
}

.navbar .nav-item.dropdown .dropdown-menu.show {
    background-color: var(--skin-selectbox-background-color-1)
}

.navbar .nav-item.dropdown .dropdown-menu.show .nav-item,
.navbar .nav-item.dropdown .dropdown-menu.show a {
    color: var(--skin-selectbox-text-color-1)
}

.nav-item .nav-link:focus,
.nav-item .nav-link:hover,
.nav-item.show .nav-link {
    background-color: var(--skin-menu-color-1-invert);
    color: var(--skin-menu-color-1) !important
}

.btn-primary {
    background-color: #000;
    border-color: #000;
    color: #ffff
}

.btn-primary:hover {
    color: #000;
    border-color: #000;
    background-color: #ffff
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--skin-primary-color-1);
    border-color: var(--skin-primary-color);
    color: var(--skin-primary-color-invert-1);
    opacity: .5
}

.btn-outline-primary {
    color: #000;
    border-color: #000;
    background-color: #ffff
}

.btn-outline-primary:hover {
    background-color: #000;
    border-color: #000;
    color: #7a7a7a
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Avenir;
    color: #000
}

a {
    color: var(--skin-link-color-1)
}

.shipping-simulation {
    padding: 20px 0 0
}

.shippingSimulator {
    font-family: AvenirBold;
    color: #000
}

.shippingSimulator-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.shippingSimulator-input {
    background-color: #fff;
    width: -webkit-fit-content;
    width: fit-content;
    border: 1px solid #000;
    padding: 20px 40px;
    border-radius: 0
}

.shippingSimulator-input:focus {
    border: 1px solid #000
}

.shippingSimulation-button {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    padding: 8px 14px
}

.shippingSimulation-button:hover {
    color: #fff;
    border: 1px solid #000;
    transition: .25s ease-in-out
}

/*# sourceMappingURL=skin.css.map*/