
.archive {
    background: #f5f2ed;
}

.archive .main-content {
    margin: 0 0 10rem;
}

.archive .page-sidebar label {
    color: #d68038;

    display: block;
    margin-top: 4rem;
    margin-bottom: 2rem;

    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6rem;

    text-transform: uppercase;
}

.archive .page-sidebar .filter {
    color: #623f2f;
    display: block;

    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.0rem;

    margin-bottom: 1rem;
}

.archive .page-sidebar .filter.selected {
    font-weight: 700;
}

.archive .page-sidebar .sep {
    margin: 5rem 0;
    border-top: 2px solid #d0c5bd;
}

.woocommerce .woocommerce-ordering {
    margin: 0;
}

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce ul.products li.product {
    margin-bottom: 4rem;
    padding-bottom: 9rem;

    overflow: hidden;
    position: relative;

    background: #ffffff;
    box-shadow: 0rem 1.0rem 3.6rem rgba(0,0,0, 0.2);

    border-radius: 2rem;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    color: #623f2f;

    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.4rem;

    margin: 2.2rem 0 0;
    padding: 0 3rem;

    text-align: center;
}

.woocommerce ul.products li.product .price {
    color: #d68038;
    margin: 1rem 3rem 0;

    font-size: 22px;
    font-weight: 700;
    line-height: 2.2rem;

    text-align: center;
}

.woocommerce ul.products li.product .button {
    left: 50%;
    bottom: 2.8rem;

    display: flex;
    position: absolute;

    white-space: nowrap;
    align-items: center;
    justify-content: center;

    transform: translateX(-50%);
}

.woocommerce ul.products li.product .button .icon-bag {
    margin-right: 1rem;
}

.woocommerce .page-numbers .button {
    margin: 0.5rem 0.5rem 0;
}

.woocommerce .page-numbers .button.current {
    color: #ffffff;
    background: #d68038;
}

@media (min-width: 992px) {

    .archive .page-sidebar .filter:hover {
        text-decoration: underline;
    }

    .woocommerce .page-numbers .button:hover a {
        color: #ffffff;
    }

}

@media (max-width: 768px) {

    .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
    .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
        margin-left: auto;
    }

}

@media (max-width: 546px) {

    .woocommerce ul.products li.product {
        width: 100% !important;
    }

}




/******************************************************************************/


.archive .special {
    background: #29120e;
    padding-bottom: 10rem;
}

.archive .special:after {
    content: '';

    width: 100%;
    height: 1px;

    display: block;
}

.archive .special .banner {
    width: 100%;
    height: 67rem;

    background-size: cover;
    background-position: center;
}

.archive .special .breadcrumb {
    margin: -14rem 0 0;
    padding: 8rem 0 0;

    background: rgba(41,18,14, 0.7);
    background: linear-gradient(0deg, rgba(41,18,14, 1) 0%, rgba(41,18,14, 0) 100%);

    line-height: 6rem;
}

.archive .special .main-content {
    padding: 0 43rem 0 0;
    position: relative;
    margin-bottom: 6rem;
}

.archive .special .main-content h3 {
    color: #f5f2ed;

    font-size: 4.3rem;
    font-weight: bold;
    line-height: 4.3rem;

    margin-bottom: 2rem;
}

.archive .special .main-content .logo {
    top: calc(-5.8rem / 2);
    right: 0;

    width: 30rem;
    height: 30rem;

    line-height: 0;
    border-radius: 50%;
    background-color: white;

    overflow: hidden;
    position: absolute;
    transform: translateY(-50%);
}

.archive .special .main-content .logo img {
    object-fit: contain;

    width: 100%;
    height: 100%;

    object-position: center;
}

.archive .special .main-content .editor {
    color: #f5f2ed;

    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.8rem;
}

.archive .special .main-content .editor p {
    margin-bottom: 1.2em;
}

.archive .special .page-summary.s {
    border-bottom-color: #5c4a46;
}

.archive .special .page-summary.s .title,
.archive .special .page-summary.s .order,
.archive .special .page-summary.s .order select {
    color: white;
}

.archive .special .page-summary.s .order select {
    border-color: white;
}

.archive .special .page-sidebar .sep {
    border-top-color: #5c4a46;
}

.archive .special .page-sidebar .filter {
    color: white;
}

.archive .special .search-wrapper input {
    color: white;
    background: #523f3b;
}

.archive .special .search-wrapper input::placeholder {
    color: white;
}

.archive .special .search-wrapper .icon-search,
.archive .special .select-wrapper .icon-arrow {
    color: white;
}


@media (max-width: 991px) {

    .archive .special .main-content {
        padding: 0;
    }

    .archive .special .main-content .logo {
        top: -8rem;
        right: 50%;
        transform: translateX(50%) translateY(-100%);
    }

}

@media (max-width: 767px) {

    .archive .special .main-content .editor {
        width: 100%;
    }

}
