/*:root {*/
/*    --main-family: Karla;*/
/*    --main-weight: 400;*/
/*    --font-size: 15px;*/
/*    --nav-size: 15px;*/
/*    --heading-family: Karla;*/
/*    --heading-weight: 400;*/
/*    --h1-size: 25px;*/
/*    --h2-size: 25px;*/
/*    --h3-size: 18px;*/
/*    --header-wrapper-background: #ffffff;*/
/*    !*--background: #ffffff;*!*/
/*    --logo-color: #404040;*/
/*    --header: #b79e8c;*/
/*    --hello-color: #ffffff;*/
/*    --header-icons: #ffffff;*/
/*    --header-icons-hover: #ffffff;*/
/*    --mobile-header-icons: #b79e8c;*/
/*    --header-color: #000000;*/
/*    --text-color: #000000;*/
/*    --link-color: #000000;*/
/*    --sale-color: #c60808;*/
/*    --dotted-color: #cccccc;*/
/*    --button-color: #b79e8c;*/
/*    --button-hover: #836957;*/
/*    --button-text: #ffffff;*/
/*    --secondary-button-color: #836957;*/
/*    --secondary-button-hover: #b79e8c;*/
/*    --secondary-button-text: #ffffff;*/
/*    --direction-color: #a4a4a4;*/
/*    --direction-background: rgba(0, 0, 0, 0);*/
/*    --direction-hover: rgba(0, 0, 0, 0);*/
/*    --icons: #9f9b9a;*/
/*    --icons-hover: #404040;*/
/*    --footer-border: rgba(0, 0, 0, 0);*/
/*    --footer-background: #000000;*/
/*    --footer-text: #ffffff;*/
/*    --footer-icons-color: #ffffff;*/
/*    --footer-icons-hover-color: #ffffff;*/
/*    --footer-input: #ffffff;*/
/*    --footer-input-text: #000000;*/
/*    --footer-button: #000000;*/
/*    --footer-button-text: #ffffff;*/
/*    --nav-family: Karla;*/
/*    --nav-weight: 400;*/
/*    --nav-color: #ffffff;*/
/*    --nav-hover-color: rgba(0, 0, 0, 0);*/
/*    --nav-background-color: #000000;*/
/*    --nav-hover-link-color: #ffffff;*/
/*    --nav-border-color: rgba(0, 0, 0, 0);*/
/*    --dropdown-background-color: #ffffff;*/
/*    --dropdown-link-color: #000000;*/
/*    --dropdown-link-hover-color: #796b62;*/
/*    --dropdown-min-width: 220px;*/
/*    --free-shipping-bg: #b79e8c;*/
/*    --free-shipping-text: #ffffff;*/
/*    --error-color: #c60808;*/
/*    --error-color-light: #fdd0d0;*/
/*    --swatch-height: 40px;*/
/*    --swatch-width: 44px;*/
/*    --tool-tip-width: -20;*/
/*    --icon-border-color: #e6e6e6;*/
/*    --select-arrow-bg: url(/theme/testtheme/images/select-arrow.png);*/
/*    --keyboard-focus-color: #f3f3f3;*/
/*    --keyboard-focus-border-style: dotted;*/
/*    --keyboard-focus-border-weight: 1;*/
/*    --price-unit-price: #999999;*/
/*    --color-filter-size: 30px;*/
/*    --button-corners: 3px;*/
/*}*/

@media (max-width: 740px) {
    :root {
        --font-size: calc(15px - (15px * 0.15));
        --nav-size: calc(15px - (15px * 0.15));
        --h1-size: calc(25px - (25px * 0.15));
        --h2-size: calc(25px - (25px * 0.15));
        --h3-size: calc(18px - (18px * 0.15));
        --collection-item-image-height: 220px;
    }
}

@media screen and (min-width: 741px) and (max-width: 1220px) {
    :root {
        --collection-item-image-height: 320px;
    }
}

@media screen and (min-width: 1221px) {
    :root {
        --collection-item-image-height: 450px;
    }
}


@font-face {
    font-family: Karla;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(/theme/testtheme/font/karla_n4.woff2) format("woff2"),
        url(/theme/testtheme/font/karla_n4.woff) format("woff");
}

@font-face {
    font-family: Karla;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(/theme/testtheme/font/karla_n4.woff2) format("woff2"),
        url(/theme/testtheme/font/karla_n4.woff) format("woff");
}

@font-face {
    font-family: Karla;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(/theme/testtheme/font/karla_n4.woff2) format("woff2"),
        url(/theme/testtheme/font/karla_n4.woff) format("woff");
}

@font-face {
    font-family: Karla;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(/theme/testtheme/font/karla_n7.woff2) format("woff2"),
        url(/theme/testtheme/font/karla_n7.woff) format("woff");
}

@font-face {
    font-family: Karla;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url(/theme/testtheme/font/karla_i4.woff2) format("woff2"),
        url(/theme/testtheme/font/karla_i4.woff) format("woff");
}

@font-face {
    font-family: Karla;
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url(/theme/testtheme/font/karla_i7.woff2) format("woff2"),
        url(/theme/testtheme/font/karla_i7.woff) format("woff");
}