:root {
    --dark-blk-bg: #000000;
    --ff: "Open Sans", sans-serif;
}

body {
    font-family: var(--ff);
    display: flex;
    flex-direction: column;
}

body, html {
    min-height: 100vh;
}

a:hover {
    text-decoration: none;
}

.navbar {
    background: var(--dark-blk-bg);
    border: none;
    box-shadow: none;
    color: #dadada;
    text-transform: uppercase;
}

.navbar-nav {
    color: #dadada;
    font-size: 1.5rem;
    font-weight: 300;
}

.navbar-nav a {
    color: #dadada !important;
    border-color: #787878 !important;
}

.prod-cat-item {
    border: unset;
}

.prod-cat-item .img-wrap {
    border: unset;
}

.caption {
    padding-inline: 0 !important;
    text-align: center;
}

.caption h3 {
    font-size: 2rem;
    margin: 0;
}

.caption .prod-buttons {
    display: none;
}

.footer {
    --footer-text: #dadada;
    margin-top: auto;
    background-color: #325c33;
    padding: 30px 0;
    color: #f5f5f5;
    padding-bottom: 10rem;
}

.footer a:link, .footer .footer-col-title {
    color: #ffffff;
}

.footer h4 {
    text-transform: uppercase;
    font-weight: bold;
    color: #dab33a;
}

.footer-bottom {
    display: none;
}

.home-banner-area {
    border: unset;
    padding: 0;
    margin: 0;
}

.size-chart {
    margin: 30px 0;

    table {
        font-size: 13px;
        text-align: left;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 30px;
    }

    tr {
        border-bottom: solid 1px #aaaaaa;
        transition-duration: 1s;
    }

    thead {
        th, td {
            background: #eaeaea;
            font-weight: bold;
            text-align: left;
            color: #121212;
            /*background: #C2C3BE;*/
        }
    }

    caption {
        text-align: left;
        font-size: 16px;
        padding: 6px;
        color: #ffffff;
        background: linear-gradient(10deg, #252525, #787878);
        /*border: solid 1px #102426;*/
    }

    .label {
        color: #121212;
        font-weight: bold;
    }

    th, td {
        padding: 2px 5px;
    }

    tr:nth-of-type(even) {
        background: #eaeaea;
    }

    tr:nth-of-type(odd) {
        background: #f5f5f5;
    }

    tr:hover {
        background: lightgoldenrodyellow;
        transition-duration: 1s;
    }

    .custom-for-you {
        font-weight: bold;
        color: #323232;
    }
}

.fullDescriptionArea {
    font-size: 2rem;
}

.navbar-nav {
    .category {
        a {
            color: #545454 !important;
        }

    }

    .active {
        a {
            background: #eaeaea !important;
        }
    }
}


/*topbar?*/
.top-bar {
    background: #0c7043;
    color: #ffffff;
    padding: 7px;
    text-align: center;
    font-size: 13px;
}

.locale {
    display: inline-block;

    img {
        display: inline-block;
        max-height: 18px;
    }
}

.locale-off {
    a {
        color: #67bd96;
    }

    a:hover {
        color: #ffffff;
    }

    img {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
}

.locale:first-of-type {
    margin-right: 18px;
}

.ready-to-mail-notice,
.informed-delivery {
    margin-top: 30px;
    padding: 1.25rem;
    border: 1px solid #00653a;

    h2 {
        margin-top: 0;
    }
}

.ready-to-mail-notice {
    font-size: 2rem;
}

.informed-delivery {
    h2 {
        margin-bottom: 20px;
    }

    h4 {
        color: #787878;
        margin-bottom: 0;
    }
}