/*
Theme Name: Eight Shades 2022
Theme URL: http://www.sensiblelab.com
Description: Developed for Eight Shades
Theme Author: Sensible Lab
Author URL: http://www.sensiblelab.com
Template: twentytwenty
Version: 1.0.0
Text Domain: eightshades2
*/

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans-LightItalic.woff') format('woff2'),
        url('assets/fonts/GillSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans-SemiBoldItalic.woff') format('woff2'),
        url('assets/fonts/GillSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans-Italic.woff') format('woff2'),
        url('assets/fonts/GillSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans-BoldItalic.woff') format('woff2'),
        url('assets/fonts/GillSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans-Bold.woff') format('woff2'),
        url('assets/fonts/GillSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans.woff') format('woff2'),
        url('assets/fonts/GillSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans-Light.woff') format('woff2'),
        url('assets/fonts/GillSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans-SemiBold.woff') format('woff2'),
        url('assets/fonts/GillSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('assets/fonts/GillSans-UltraBold.woff') format('woff2'),
        url('assets/fonts/GillSans-UltraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hatton';
    src: url('assets/fonts/Hatton-Light.woff') format('woff2'),
        url('assets/fonts/Hatton-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hatton';
    src: url('assets/fonts/Hatton-Regular.woff') format('woff2'),
        url('assets/fonts/Hatton-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Gill Sans', sans-serif;
    color: #224c22 !important;
    font-size: 1.6rem;
    padding-top: 68px;
    font-weight: normal;
    letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6, .faux-heading {
    letter-spacing: 0;
}

#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

@media (min-width: 700px) {
    #site-header {
        position: static;
    }

    body {
        padding-top: 0;
    }
}

.entry-content {
    font-family: 'Gill Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Hatton', serif;
    font-weight: normal;
    color: #3f613f;
    text-transform: uppercase;
}

a {
    color: #224c22 !important;
    text-decoration: none;
}


a:hover {
    opacity: 0.8;
}

b, strong {
    font-weight: 600;
}

.menu-modal {
    z-index: 999;
}

.s-page-container {
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
}

body:not(.enable-search-modal) .header-titles-wrapper {
    justify-content: flex-end;
}

body:not(.enable-search-modal) .header-titles-wrapper .header-titles.s-header__titles {
    margin-right: auto;
}

.search-toggle {
    position: unset;
    bottom: unset;
    left: unset;
    top: unset;
}

.scart-mobile {
    padding: 0 2rem;
    display: flex;
}

.scart-mobile i:before {
    font-size: 2.5rem;
}

@media (min-width: 700px) {
    .s-page-container {
        padding: 0 40px;
    }
}

.s-header__inner {
    padding: 2.25rem 0;
    max-width: 1200px;
}

.s-header__wrapper {
    justify-content: flex-start;
    padding-left: 0;
}

.s-header__main {
    display: none;
}

@media (min-width: 700px) {
    .s-header__wrapper {
        flex-direction: column;
        padding: 0;
        justify-content: center;
        align-items: center;
        margin-bottom: -10px;
    }

    .s-header__main {
        display: flex;
        padding: 0;
        list-style: none;
        text-transform: uppercase;
        color: #113A11;
        margin: 0;
    }

    .s-header__main li {
        margin: 0;
        padding: 0;
    }

    .s-header__main a {
        padding: 10px;
        display: block;
        color: #3f613f !important;
        font-weight: 400;
        letter-spacing: 2px;
        font-size: 1.3rem;
    }

    .scart-mobile,
    .s-search__toggle,
    .s-toggle {
        top: 0;
        height: 66px;
        position: absolute;
    }

    .s-search__toggle {
        right: 66px
    }

    .s-toggle {
        left: 0;
    }

    .scart-mobile {
        right: 0;
        padding-top: 2.2rem;
    }

    body:not(.enable-search-modal) .header-titles-wrapper .header-titles.s-header__titles {
        margin-left: auto;
    }
}

@media (min-width: 1000px) {
    .s-header__inner {
        position: relative;
    }

    .header-titles-wrapper {
        margin-right: 0;
        max-width: unset;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    .s-toggle {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 66px !important;
        height: 66px !important;
    }

    .s-header__main a {
        padding: 20px 10px 0;
    }

}

.s-header__logo-link {
    width: 140px;
    display: block;
}

@media (min-width: 700px) {
    .s-header__logo-link {
        width: 180px;
    }

    .s-header__main {
        margin-top: 10px;
    }
}

@media (min-width: 1000px) {
    .s-header__titles {
        margin-left: 0;
    }

    .s-header__logo-link {
        width: 240px;
    }

    .s-header__inner {
        padding: 3.5rem 0;
    }

    .s-header__main {}
}

/*
HOME FEATURED ==========================
*/

.s-home-featured {
    display: none;
}


.s-home-featured__article {
    text-align: center;
    padding-bottom: 1.5em;
}

.s-home-featured__image {
    position: relative;
    padding-top: 80%;
    display: block;
}

@media (min-width: 600px) {
    .s-home-featured__image {
        padding-top: 75%;
    }
}

.s-home-featured__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 	height: auto; */
    display: block;
    object-fit: cover;
}

.s-home-featured__content {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.s-home-featured__title {
    margin: 20px 0 0;
    font-size: 3.5rem;
    min-height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
}

.s-home-featured__title a {
    color: #3f613f !important;
}

.s-home-featured__excerpt {
    margin-top: 20px;
    /*display: none;*/
}

.s-home-featured__readmore {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.s-home-featured__readmore-link {
    display: block;
    color: #fff !important;
    background: #729071;
    padding: 7px 30px;
    border-radius: 999px;
    font-size: 1.5rem;
}

.s-home-featured__dot {
    background: #224c22;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 999px;
    transform: translateY(-3px);
}

.home-featured__excerpt-extra {
    display: none;
    color: #224c22;
    font-weight: 400;
}

.s-home-featured__meta {
    color: #224c22;
    font-weight: 600;
    display: none;
}

.s-home-featured--mobile {
    margin-left: -20px;
    margin-right: -20px;
}

@media (min-width: 700px) {

    .s-home-featured__human-time {
        display: none;
    }

    .s-home-featured--mobile {
        display: none;
    }

    .s-home-featured {
        display: flex;
        flex-wrap: wrap;
        margin: -10px;
        padding-top: 40px;
    }

    .s-home-featured__article {
        width: 50%;
        text-align: left;
        margin-top: 0;
        padding: 10px 10px 30px;
    }

    .s-home-featured__content {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .s-home-featured__image {
        margin-left: 0;
        margin-right: 0;
    }

    .s-home-featured__meta {
        display: block;
        text-align: center;
        font-weight: 400;
        font-size: 1.4rem;
        letter-spacing: .02px;
    }

    .s-home-featured__title {
        font-size: 2rem;
        height: auto;
        margin-top: 0;
    }

    .s-home-featured__excerpt {
        display: none;
    }

    .s-home-featured__readmore {
        display: none;
    }

    .s-home-featured__article:first-child {
        width: 100%;
        display: flex;
        padding-bottom: 10px;
    }

    .s-home-featured__article:first-child .s-home-featured__meta {
        display: none;
    }

    .s-home-featured__article:first-child .s-home-featured__title {
        display: block;
        font-size: 3rem;
        font-family: 'Hatton', serif;
        margin-top: 0;
    }

    .s-home-featured__article:first-child .s-home-featured__image-container {
        flex: 1;
        padding-right: 10px;
    }

    .s-home-featured__article:first-child .s-home-featured__image {
        padding-top: 80%;
    }

    .s-home-featured__article:first-child .s-home-featured__content {
        width: 40%;
        padding-left: 10px;
        margin-top: 0;
        flex-direction: column;
    }

    .s-home-featured__article:first-child .s-home-featured__excerpt {
        display: block;
    }

    .s-home-featured__article:first-child .home-featured__excerpt-extra {
        display: inline-block;
        margin-right: 5px;
    }

    .s-home-featured__article:first-child .s-home-featured__excerpt p {
        display: inline;
    }

    .s-home-featured__article:first-child .s-home-featured__readmore {
        display: flex;
        justify-content: flex-start;
    }

    .s-home-featured__article:first-child .s-home-featured__readmore-link {
        background: transparent;
        padding: 0;
        color: #224c22 !important;
        font-weight: 400;
        font-size: 1.3rem;
        letter-spacing: 0.02px;
    }
}

@media (min-width: 1000px) {

    .s-home-featured__article:first-child .s-home-featured__image {
        padding-top: 75%;
    }

    .s-home-featured__article:first-child .s-home-featured__title {
        font-size: 4rem;
    }

    .s-home-featured__article {
        width: 25%;
    }
}

@media (min-width: 1200px) {

    .s-home-featured__article:first-child .s-home-featured__title {
        font-size: 4.5rem;
    }

    .s-home-featured__article:first-child .s-home-featured__image {
        padding-top: 66.666%;
    }
}

/*
HOME MAIN ==========================
*/

.s-home-main {
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-top: 30px;
}

.home .s-home-main {
    border-top: none;
    margin-top: 0;
    padding-top: 40px;
}

.s-list {}

.s-list__article {
    margin-top: 10px;
    text-align: center;
    padding-bottom: 40px;
}

.s-list__info-cat {
    /*width: 60px;*/
    /*height: 60px;*/
    font-size: 3rem;
    font-family: 'Hatton', serif;
    margin: 0 30px 10px 30px;
    border: none;
    background-size: contain;
    color: #fff;
}

@media (min-width: 1200px) {
    .s-list__info-cat {
        font-size: 1.75rem;
        margin: 0 0 10px 0;
    }
}

.s-list__info-cat--mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    /*width: 80px;*/
    /*height: 80px;*/
    margin: 10px;
}

.home .s-list__info-cat {
    display: block;
}

.home .s-list__info-cat.Beauty {
    background-image: url('assets/images/beauty_icon.png');
}

.home .s-list__info-cat.Wellness {
    background-image: url('assets/images/wellness_icon.png');
}

.home .s-list__info-cat.Living {
    background-image: url('assets/images/lifestyle_icon.png');
}

.home .s-list__info-cat.Fashion {
    background-image: url('assets/images/fashion_icon.png');
}

.home .s-list__info-cat.Style {
    background-image: url('assets/images/style.png');
}

.home .s-list__info-cat.Health {
    background-image: url('assets/images/health.png');
}

.home .s-list__info-cat.Sustainability {
    background-image: url('assets/images/sus.png');
}

@media (min-width: 1200px) {
    .s-list__info-cat--mobile {
        display: none !important;
    }
}


.home .s-list__info-cat.s-list__info-cat--mobile.Beauty {
    background-image: url('assets/images/beauty_icon_white.png');
}

.home .s-list__info-cat.s-list__info-cat--mobile.Wellness {
    background-image: url('assets/images/wellness_icon_white.png');
}

.home .s-list__info-cat.s-list__info-cat--mobile.Living {
    background-image: url('assets/images/lifestyle_icon_white.png');
}

.home .s-list__info-cat.s-list__info-cat--mobile.Fashion {
    background-image: url('assets/images/fashion_icon_white.png');
}

.home .s-list__info-cat.s-list__info-cat--mobile.Style {
    background-image: url('assets/images/style_white.png');
}

.home .s-list__info-cat.s-list__info-cat--mobile.Health {
    background-image: url('assets/images/health_white.png');
}

.home .s-list__info-cat.s-list__info-cat--mobile.Sustainability {
    background-image: url('assets/images/sus_white.png');
}


.s-list__image {
    position: relative;
    padding-top: 75%;
    display: block;
}

.s-list__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.s-list__meta {
    /*font-weight: 600;*/
    font-size: 1.4rem;
    letter-spacing: 0.02px;
}

.s-list__dot {
    background: #224c22;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 999px;
    transform: translateY(-3px);
}

.s-list__content {
    margin-top: 20px;
}

.s-list__title {
    font-size: 2.8rem;
    margin: 10px 0 0;
    /*font-family: 'Gill Sans', sans-serif;*/
}

.s-list__title a {
    color: #3f613f !important;
}

.s-list__excerpt {
    /*display: none;*/
    margin-top: 20px;
}

.s-list__readmore {
    display: none;
}

.s-home-main-right {
    /*border-top: 1px solid #ccc;*/
    /*padding-top: 30px;*/
}

.s-instagram {
    text-align: center;
    color: #224c22;
    font-size: 1.8rem;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
    display: block;
}

.s-instagram__account {
    margin-top: 5px;
    font-style: italic;
}

.s-instagram__container {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.s-instagram__content {
    /*position: absolute;*/
    bottom: 0;
    z-index: 1;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-family: 'Hatton', serif;
}

.s-instagram__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 700px) {

    .s-instagram__content {
        position: static;
        font-size: 2.3rem;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .s-instagram {
        margin-left: 0;
        margin-right: 0;
    }

    .s-instagram__container {
        margin-top: 20px;
    }
}

.s-list__info {
    display: none;
    font-weight: 400;
}

.s-list__image-container {
    position: relative;
}

@media (min-width: 700px) {

    .s-home-main {
        display: flex;
    }

    .s-home-main-left {
        flex: 1;
        padding-right: 20px;
        border-right: 1px solid #ccc;
    }

    .s-list__article {
        margin-top: 0;
        display: flex;
        text-align: left;
        align-items: flex-start;
    }

    .s-home-main-right {
        border-top: none;
        width: 27%;
        padding-left: 20px;
        max-width: 216px;
    }

    .s-list__image {
        margin-left: 0;
        margin-right: 0;
    }

    .s-list__image-container {
        width: 45%;
        padding-right: 10px;
    }

    .s-list__image {
        padding-top: 120%;
    }

    .s-list__content {
        flex: 1;
        padding-left: 10px;
        margin-top: 0;
    }

    .s-list__title {
        font-family: 'Hatton', serif;
        font-size: 2rem;
    }

    .s-list__excerpt {
        display: block;
        margin-top: 10px;
    }

    .s-list__excerpt p {
        margin: 0;
    }

    .s-list__readmore {
        display: block;
        font-size: 1.3rem;
        margin-top: 10px;
        /*font-weight: 300;*/
    }
}

@media (min-width: 1000px) {
    .s-list__image-container {
        width: 40%;
    }

    .s-list__title {
        margin-top: 20px;
        font-size: 3rem;
    }

    .s-list__readmore {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .s-list__info {
        display: block;
        text-align: center;
        width: 120px;
        color: #224c22;
    }

    .s-list__meta {
        display: none;
    }

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

    .s-list__image {
        padding-top: 75%;
    }

    .s-list__readmore {
        margin-top: 30px;
    }
}

/*
HEADER ==========================
*/

.s-toggle {
    padding: 0 !important;
    justify-content: center;
    outline: none;
}

.s-toggle__inner {
    position: relative;
}

.s-toggle__inner, .s-toggle__inner:after, .s-toggle__inner:before {
    width: 30px;
    height: 1px;
    border-radius: 4px;
    background-color: #3f613f;
}

.s-toggle__inner:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
}

.s-toggle__inner:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
}

.s-modal-menu__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 68px;
}

.s-modal-menu__close {
    outline: none;
    justify-content: center !important;
    align-items: center;
}

.s-modal-menu__logo {
    width: 140px;
    display: block;
}

.s-modal-menu__close {
    width: 66px !important;
    margin-right: -20px;
}

.s-modal-menu__close-inner, .s-modal-menu__close-inner:after, .s-modal-menu__close-inner:before {
    width: 30px;
    height: 1px;
    border-radius: 4px;
    background-color: #3f613f;
}

.s-modal-menu__close-inner {
    position: relative;
    background-color: transparent;
}

.s-modal-menu__close-inner:before {
    content: "";
    position: absolute;
    /*top: -10px;*/
    left: 0;
    transform: rotate(45deg);
}

.s-modal-menu__close-inner:after {
    content: "";
    position: absolute;
    /*bottom: -10px;*/
    left: 0;
    transform: rotate(-45deg);
}

.s-modal-menu__bgimage {
    width: 270px;
    height: 300px;
    margin-bottom: -300px;
    position: relative;
    top: calc(20% + 100px);
    left: calc(50% + 50px);
    border: 1px solid black;
    background-image: url('assets/images/menu_category_hover_image.jpg');
    background-size: 270px 300px;
}

@media (max-width: 1200px) {
    .s-modal-menu__bgimage {
        width: 180px;
        height: 200px;
        top: calc(50% - 175px);
        left: calc(50% + 30px);
        margin-bottom: -200px;
        background-size: 180px 200px;
    }
}

@media (max-width: 700px) {
    .s-modal-menu__bgimage {
        width: 135px;
        height: 150px;
        top: calc(50% - 180px);
        left: calc(50% + 20px);
        margin-bottom: -150px;
        background-size: 135px 150px;
    }
}

.s-modal-menu__categories {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.s-modal-menu__categories li {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Hatton', serif;
    font-size: 4rem;
    font-weight: 200;
    text-transform: uppercase;
}

.s-modal-menu__categories a {
    color: #3f613f !important;
}

.s-modal-menu__main {
    list-style: none;
    margin: 0;
    padding: 0;
}

.s-modal-menu__main li {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.s-modal-menu__main li a {
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    color: #3f613f !important;
}

.s-modal-menu__container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.s-modal-menu__bottom {
    padding-top: 0;
    flex-direction: column;
}

.s-modal-menu__social {
    margin-top: 11px !important;
}

.s-modal-menu__social a {
    background-color: transparent !important;
    color: #3f613f !important;
}

.s-modal-menu__inner {
    background: rgb(227, 239, 232);
    background: linear-gradient(140deg, rgba(227, 239, 232, 1) 0%,
            rgba(220, 235, 220, 1) 30%, rgba(189, 213, 175, 1) 75%, rgba(115, 175, 119, 1) 100%);
    ;
}

@media (min-width: 700px) {
    .s-modal-menu__logo {
        width: 180px;
    }

    .s-modal-menu__close {
        position: absolute;
        top: 0;
        left: 0;
        width: 66px;
        height: 66px;
        padding: 0 !important;
        margin-left: -20px;
    }

    .s-modal-menu__top {
        height: 118px;
        align-items: flex-start;
        justify-content: center;
        padding-top: 2.25rem;
    }
}

@media (min-width: 1000px) {
    .s-modal-menu__inner {
        width: 100%;
    }

    .s-modal-menu__bottom {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        padding-bottom: 0;
        text-align: left;
    }

    .s-modal-menu__main li {
        text-align: left;
    }

    .s-modal-menu__main li a {
        padding-top: 0;
        padding-bottom: 0;
    }

    .s-modal-menu__container {
        justify-content: flex-start;
    }

    .s-modal-menu__categories {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .s-modal-menu__categories li {
        font-size: 5rem;
    }

    .s-modal-menu__social {
        justify-content: left !important;
    }

    .s-modal-menu__social a {
        width: unset;
    }
}

@media (min-width: 1000px) {
    .s-modal-menu__logo {
        width: 240px;
    }

    .s-modal-menu__categories li {
        font-size: 8rem;
    }
}

/*
FOOTER ==========================
*/

.s-footer {
    margin-top: 50px;
    background-color: #4f4f4f !important;
    color: #fff;
}

.home .s-footer, .category .s-footer {
    margin-top: 0;
}

.s-footer__logo-link {
    width: 140px;
    display: block;
}

.s-footer__inner {
    flex-direction: column;
}

.s-footer__nav {
    padding: 0;
    list-style: none;
    margin: 30px 0 0;
}

.s-footer__nav li {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    letter-spacing: 0.5px;
}

.s-footer__nav li:nth-child(4) {
    display: none;
}

.s-footer__nav a {
    text-transform: uppercase;
    color: #fff !important;
}


.s-footer__social-nav {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
}

.s-footer__social-nav li {
    margin: 0;
    padding: 0;
}

.s-footer__social-nav a {
    text-transform: uppercase;
    padding-right: 9px;
    padding-top: 9px;
    display: block;
}

.s-footer__social-nav svg {
    fill: #fff;
}

@media (min-width: 600px) {

    .s-footer__inner {
        display: flex;
    }
}

@media (min-width: 700px) {
    .s-footer__social-nav li {
        padding-right: 10px;
    }

    .s-footer__logo-link {
        width: 180px;
    }

    /*.s-footer {*/
    /*    background-color: transparent !important;*/
    /*}*/
    .s-footer__inner {
        /*border-top: 1px solid #ccc;*/
        padding-top: 40px;
    }
}

@media (min-width: 1000px) {
    .s-footer__navs {
        display: flex;
        margin-top: 20px;
    }

    .s-footer__nav {
        display: flex;
        margin-top: 0;
    }

    .s-footer__nav li {
        padding-right: 20px;
        margin-top: 0;
    }

    .s-footer__social-nav a {
        padding-top: 0;
    }

    /*.s-footer__social-nav li {*/
    /*    padding-right: 30px;*/
    /*}*/
    .s-footer__logo-link {
        width: 240px;
    }

    /*.s-footer__inner {*/
    /*    padding-top: 60px;*/
    /*}*/
    .s-footer {
        padding-bottom: 60px !important;
    }
}

@media (min-width: 1200px) {
    .s-footer__inner-left {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .s-footer__navs {
        margin-top: 0;
        margin-left: 80px;
    }

    /*.s-footer__inner {*/
    /*    padding-top: 80px;*/
    /*}*/
    .s-footer {
        padding-bottom: 80px !important;
    }
}

.s-cat-featured__article {
    margin-top: 10px;
    text-align: center;
    padding-bottom: 30px;
}

.s-cat-featured__image {
    position: relative;
    padding-top: 120%;
    display: block;
}


.s-cat-featured__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.s-cat-featured__content {
    margin-top: 20px;
}

.s-cat-featured__title {
    margin: 20px 0 0;
    font-size: 2.8rem;
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.s-cat-featured__title a {
    color: #3f613f !important;
}

.s-cat-featured__excerpt {
    margin-top: 10px;
}

.s-cat-featured__readmore {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.s-cat-featured__readmore-link {
    display: block;
    color: #fff !important;
    background: #729071;
    padding: 7px 30px;
    border-radius: 999px;
    font-size: 1.5rem;
}

.s-cat-featured__dot {
    background: #224c22;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 999px;
    transform: translateY(-3px);
}

.s-cat-featured__meta {
    /*font-weight: 600;*/
    font-size: 1.4rem;
    letter-spacing: .02px;
}

.s-cat-featured__desktop {
    display: none;
}

.s-cat-featured__mobile {
    margin-left: -25px;
    margin-right: -25px;
}

@media (min-width: 600px) {
    .s-cat-featured__image {
        padding-top: 80%;
    }
}

@media (min-width: 700px) {
    .s-cat-featured__image {
        margin-left: 0;
        margin-right: 0;
    }

    .s-cat-featured__mobile {
        display: none;
    }

    .s-cat-featured {
        display: flex;
        margin: -10px;
    }

    .s-cat-featured__article {
        width: 50%;
        padding: 10px;
    }

    .s-cat-featured__readmore {
        display: none;
    }
}

@media (min-width: 1000px) {
    .s-cat-featured__title {
        font-size: 4rem;
        min-height: 100px;
    }

    .s-cat-featured__image {
        padding-top: 75%;
    }

    .s-cat-featured__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1200px) {

    /*.s-cat-featured__title {*/
    /*    font-size: 4.5rem;*/
    /*}*/
    .s-cat-featured__image {
        padding-top: 66.666%;
    }
}

.s-cat__title {
    text-align: center;
    margin-bottom: 0;
}

/*
ABOUT ====================
 */

.page-template-template-no-margin .post-inner {
    padding-top: 0;
}

.page-template-template-no-margin .alignfull {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (min-width: 700px) {
    .page-template-template-no-margin .s-footer {
        padding-top: 0 !important;
    }
}

.s-about {}

.s-about__header {
    display: flex;
    flex-direction: column;
    /*background-color: #fafafa;*/
}

.s-about__header-image-container {
    width: 100%;
    height: 0;
    padding-top: 120%;
    position: relative;
}

.s-about__header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-about__title-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-about__title {
    font-family: 'Hatton', serif !important;
    font-size: 3.5rem;
    margin: 0 !important;
    margin-top: 50px !important;
}

.s-about__quote {
    margin: 20px;
    font-family: 'Hatton', serif;
    font-size: 2.5rem;
}

.s-about__para {
    margin: 20px;
}

.s-about__images {
    margin: 30px 10px;
    display: flex;
}

.s-about__image-container {
    padding: 5px;
    width: 50%;
}

.s-about__image-inner-container {
    width: 100%;
    padding-top: 120%;
    position: relative;
}

.s-about__image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 700px) {

    /*.s-about__header-image {*/
    /*    max-height: 600px;*/
    /*    object-fit: cover;*/
    /*    width: 100%;*/
    /*}*/
    .s-about__header-image-container {
        padding-top: 80%;
    }

    .s-about__quote {
        margin: 40px auto;
        max-width: 620px;
    }

    .s-about__para {
        margin: 40px auto;
        max-width: 620px;
    }

    .s-about__images {
        margin: 30px 30px;
        display: flex;
    }
}

@media (min-width: 1000px) {
    .s-about__header-image-container {
        padding-top: 50%;
    }
}

.s-about-desktop {
    display: none;
}

.s-about-desktop__left {
    width: 50%;
    background-color: #fafafa;
    padding-bottom: 80px;
}

.s-about-desktop__left-inner {
    padding-left: 40px;
    max-width: 640px;
    margin-left: auto;
    padding-right: 40px;
}

.s-about-desktop__right {
    width: 50%;
    padding-bottom: 80px;
}

.s-about-desktop__right-inner {
    padding-right: 40px;
    max-width: 640px;
    margin-right: auto;
    padding-left: 40px;
}

.s-about-desktop__image {
    margin-top: 80px;
    width: 60%;
    display: block;
}

.s-about-desktop__image--2 {
    width: 80%;
    margin-left: auto;
}

.s-about-desktop__image--3 {
    width: 70%;
    margin-left: 40px;
}

.s-about-desktop__header {
    margin-left: -40px !important;
    font-family: 'Hatton', serif !important;
    transform: translateX(-50%);
    text-align: center;
}

.s-about-desktop__quote {
    font-family: 'Hatton', serif;
    font-size: 3rem;
    margin-top: 80px;
}

.s-about-desktop__para {
    margin-top: 80px;
}

.s-about-desktop__para p {
    margin: 0 0 40px 0;
}

/*@media (min-width: 1000px) {*/
/*.s-about {*/
/*    display: none;*/
/*}*/

/*.s-about-desktop {*/
/*    display: flex;*/
/*}*/
/*}*/

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

.s-contact {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.s-contact__title {
    text-decoration: underline;
    color: #224c22;
}

.s-contact__email {
    font-size: 3rem;
    font-family: 'Hatton', serif;
    margin-top: 1rem;
    display: block;
}

.s-about__spacer {
    height: 80px;
}

@media (min-width: 700px) {
    .s-contact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 40px;
        max-width: 900px;
        margin: 0 auto;
    }

    .s-contact__email {
        font-size: 4rem;
        margin-top: 0;
    }

    .s-about__spacer {
        height: 100px;
    }
}

@media (min-width: 1000px) {

    .s-contact__email {
        font-size: 5rem;
    }

    .s-about__spacer {
        height: 140px;
    }
}

.s-post__featured-image-container {
    /*margin-top: 20px;*/
    padding-top: 120%;
    position: relative;
    /*margin-left: -20px;*/
    /*margin-right: -20px;*/
}

@media (min-width: 700px) {
    .s-post__featured-image-container {
        /*margin-top: 40px;*/
        padding-top: 70%;
        margin-bottom: 6rem;
    }
}

@media (min-width: 1000px) {
    .s-post__featured-image-container {
        /*margin-top: 40px;*/
        padding-top: 50%;
    }
}

.s-post__featured-image-container img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-post__date {
    text-align: center;
    margin-top: 10px;
    /*font-weight: 600;*/
}

.s-post__author {
    text-align: center;
    margin-top: 10px;
}

.s-post__author-name {
    font-style: italic;
}

.s-post__dot {
    background: #224c22;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 999px;
    transform: translateY(-3px);
}

.s-post__title {
    text-align: center;
    margin: 20px 0 0;
    color: #3f613f;
}

@media (min-width: 700px) {
    .s-post__title {
        font-size: 4rem;
    }
}

.post-inner {
    padding-top: 3rem;
}

@media (min-width: 1000px) {
    /*     .s-post__date {
        margin-top: 40px;
    } */

    .s-post__author {
        margin-top: 32px;
    }

    .s-post__title {
        margin-top: 40px;
        font-size: 5rem;
    }

    .post-inner {
        padding-top: 4rem;
    }
}

.s-side-newsletter {
    display: none;
    margin-top: 60px;
}

.s-side-newsletter__image {
    width: 100%;
    margin-top: 5px;
}

.s-side__slogan {
    text-align: center;
}

@media (min-width: 700px) {
    .s-side__slogan {
        font-size: 2.3rem;
        margin-bottom: 1rem;
    }

    .s-side-newsletter {
        display: block;
    }
}

.s-side-social {
    display: none;
    margin-top: 60px;
    margin-bottom: 60px;
}

.s-side-social__links {
    display: flex;
    justify-content: center;
}

.s-side-social__link {
    display: block;
    padding: 10px;
}

.s-side-social__link svg {
    fill: #224c22;
}

@media (min-width: 700px) {
    .s-side-social {
        display: block;
    }
}

.s-side-image {
    display: none;
    margin-top: 60px;
}

.s-side-image__image {}

@media (min-width: 700px) {
    .s-side-image {
        display: block;
    }
}


.s-potw {
    /*background-color: #EBEBEB;*/
    padding: 60px 0;
    border-top: 1px solid #113A11;
    border-bottom: 1px solid #113A11;
}

.s-potw__main {}

.s-potw__head {
    text-align: center;
    font-size: 28px;
    margin: 0 auto;
    width: 240px;
}

.s-potw__gallery-name {
    text-align: center;
    margin-top: 15px;
}

@media (min-width: 700px) {
    .s-potw__head {
        font-size: 40px;
        width: 360px;
    }

    .s-potw {
        padding: 40px 0;
    }
}

@media (min-width: 900px) {
    .s-potw__head {
        width: auto;
    }
}

.s-potw__thumb {
    margin: 40px auto 0;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 500px;
    position: relative;
}

.s-potw__thumb-image-container {
    height: 0;
    padding-top: 80%;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.s-potw__gallery-swiper {
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

@media (min-width: 1280px) {
    .s-potw__gallery-swiper {
        margin-left: -40px;
        margin-right: -40px;
    }
}

.s-potw__thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-potw__gallery-image-container {
    height: 0;
    padding-top: 120%;
    width: 100%;
    position: relative;
    display: block;
}

.s-potw__gallery-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-potw__swiper-button {
    font-size: 8rem;
    font-family: 'Hatton', serif;
    color: #224c22;
}

.s-potw__swiper-button:after, .s-potw__swiper-button:before {
    display: none !important;
}

.s-potw__swiper-button--next {
    right: 0;
}

.s-potw__swiper-button--prev {
    left: 0;
}

.s-footer__inner-right {
    margin-top: 40px;
    width: 100%;
}

.s-newsletter__subtitle {
    color: #fff;
}

@media (min-width: 600px) {

    .s-footer__inner {
        align-items: center !important;
        flex-direction: row;
    }

    .s-footer__inner-right {
        width: 300px;
        margin-top: 0;
    }

    .s-newsletter__label {
        font-family: 'Hatton', serif;
        text-transform: uppercase;
        font-size: large;
    }

    .s-newsletter__subtitle {
        display: block;
        font-style: italic;
        font-size: small;
    }
}

.s-newsletter__label {
    font-weight: normal !important;
    color: #fff;
}

.s-newsletter__input-container {
    display: flex;
}

.s-newsletter__email {
    flex: 1;
    background: #4f4f4f !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-style: italic;
    padding: 1rem 1.8rem !important;
    font-size: small !important;
}

.s-newsletter__button {
    background: #fff !important;
    /*     font-size: 4rem !important; */
    font-size: 1rem !important;
    font-family: 'Hatton', serif !important;
    /*     width: 42px !important; */
    text-align: center !important;
    line-height: 1 !important;
    /*     padding: 0 !important; */
    color: #224c22 !important;
}

.s-newsletter__button:hover {
    text-decoration: none !important;
}

.s-side__newsletter .s-newsletter__email {
    background: transparent !important;
    border: 1px solid #224c22 !important;
    color: #224c22 !important;
    padding: 1rem 0.9rem !important;
}

.s-side__newsletter .s-newsletter__button {
    background: transparent !important;
    border: 1px solid #224c22 !important;
    color: #224c22 !important;
    border-left: none !important;
    padding: 1rem 0.8rem !important;
}

.s-post__nav {
    font-family: 'Hatton', serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

.s-home__swiper-nav {
    color: #224c22;
    top: calc(50% - 145px);
    font-size: 8rem;
    font-family: 'Hatton', serif;
}

.s-home__swiper-nav:after, .s-home__swiper-nav:before {
    display: none !important;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file {
    font-family: 'Hatton', serif;
    font-weight: 400;
}

.s-search__toggle {
    /*left: unset;
    right: 66px;*/
    color: #3f613f !important;
    outline: none;
}

.s-search__form {
    max-width: 500px;
    margin: 2rem auto;
}

@media (min-width: 600px) {

    .s-search__toggle {
        /*top: 0;
        right: 0;*/
        height: 66px;
    }
}

@media (min-width: 1000px) {

    .s-search__toggle {
        position: absolute !important;
        top: 0 !important;
        right: 66px !important;
        height: 66px !important;
        padding: 0 !important;
    }

    .scart-mobile {
        right: 0;
        padding-right: 0;
    }
}

.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: #224c22 !important;
}

.search-submit {
    background: #224c22 !important;
}

.entry-content a {
    text-decoration: underline !important;
    font-style: italic !important;
}

.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 70rem !important;
}

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
    color: #3f613f !important;
}

.has-drop-cap:not(:focus)::first-letter {
    color: #3f613f !important;
}

.s-post__social-media {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    width: 100%;
}

/* 8-Week Challenge Banner */
.click-here-banner {
    margin-top: 1em;
    margin-bottom: 1em;
}

@media (min-width: 700px) {
    .click-here-banner {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* 8-Week Challenge Form */
.join-challenge-form, .join-challenge-form td {
    border: none;
}

.join-challenge-form .agree-box .first {
    margin-left: 0;
}

.join-challenge-form .agree-box input {
    margin-right: 0.5em;
}

.join-challenge-form .submit-form-button {
    background-color: #3f613f !important;
}

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 20% auto;
    /* 20% from the top and centered */
    /*padding: 20px;*/
    /*border: 1px solid #888;*/
    width: 90%;
    /* Could be more or less, depending on screen size */
    position: relative;
}

@media (min-width: 600px) {
    .modal-content {
        margin: 15% auto;
        /* 15% from the top and centered */
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .modal-content {
        margin: 10% auto;
        /* 10% from the top and centered */
    }
}

/* The Close Button */
.close {
    color: #aaa;
    position: absolute;
    right: 0;
    top: 0;
    /*float: right;*/
    font-size: 28px;
    font-weight: bold;
    padding-left: 1rem;
    padding-right: 1rem;
}

.close:hover,
.close:focus {
    /*color: black;*/
    opacity: 0.5;
    text-decoration: none;
    cursor: pointer;
}

.modal {}

.modal-content {
    max-width: 800px;
}

.s-modal__image-container {}

.s-modal__content {
    padding: 20px;
}

.s-modal__title {
    text-align: center;
    margin: 0;
    font-size: 2rem;
}

.s-modal__subtitle {
    text-align: center;
    margin: 1rem 0 0;
}

.s-model__form {
    margin: 1rem 0 0;
}

.s-model__form .s-newsletter__email {
    background: #fff !important;
    border: 1px solid #3f613f !important;
    color: #3f613f !important;
}

@media (min-width: 600px) {

    .modal-content {
        display: flex;
    }

    .s-modal__image-container {
        width: 50%;
    }

    .s-modal__content {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.s-footer__copy {
    margin-top: 1rem;
    color: #fff;
    text-align: center;
    font-size: 1rem;
}

p.has-text-color a {
    color: #f5efe0!important;
}

.load-more {
    text-align: center;
}

.load-more a {

    font-family: 'Hatton', serif;
    background: #729071;
    padding: 7px 30px;
    border-radius: 999px;
    font-size: 1.5rem;
    display: inline-block;  
    color: #fff !important;
    margin: 0 auto;
    text-align: center;
    width: unset;
    cursor: pointer;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button, input[type="button"],
input[type="reset"], input[type="submit"],
.bg-accent, .bg-accent-hover:hover,
.bg-accent-hover:focus,
:root .has-accent-background-color,
.comment-reply-link,
.cart_totals .checkout-button,
.cart_totals .checkout-button:hover,
.woocommerce-cart-form .actions .button,
.woocommerce-cart-form .actions button[name=update_cart] {

    color: #fff !important;
    background-color: #3f613f;
    font-family: 'Hatton', serif;
    text-decoration: none !important;
}

.woocommerce-cart #site-content .woocommerce,
.woocommerce-checkout #site-content .woocommerce {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
}

.woocommerce-info {
    border-top: 2px solid #224c22 !important;
}

.product-remove a {
    border: solid 1px #3f613f !important;
    text-decoration: none !important;
    font-style: normal !important;
}

a.remove:hover {
    background: #3f613f;
}

h1.product_title {
    font-size: 5rem;
}

@media (min-width: 768px) {

    .woocommerce-cart #site-content .woocommerce,
    .woocommerce-checkout #site-content .woocommerce {
        max-width: 768px;
    }
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 21%;
    margin: 0;
}

.stock.out-of-stock,
.product_meta {
    display: none;
}

.woocommerce-tabs #tab-additional_information .woocommerce-product-attributes,
.woocommerce-tabs #tab-description h2, .woocommerce-tabs #tab-description p {
    margin-left: 0;
}

.woocommerce-tabs ul li.active a {
    box-shadow: 0 2px 0 #3f613f;
}

ul.products li.product .button,
.add_to_cart_button {
    width: 100%;
    text-align: center;
}

.related.products ul.products, .up-sells ul.products {
    justify-content: start;
}

.woocommerce-notice {
    padding-top: 2rem;
}

h1.product_title {
    font-size: 3rem;
}

.woocommerce-Tabs-panel--description ul {
    padding-left: 2em;
}

.woocommerce-Tabs-panel--description ul li {
    margin-bottom: .5em;
}

.woocommerce-Tabs-panel--description ul li a {
    text-decoration: none;
}
footer .mc4wp-form-basic input[type="submit"]{color:#3f613f!important;}

@media (min-width:700px) and (max-width:955px) {
    .s-header__main a {
        padding: 6px;
    }

    .header-inner.section-inner {
        width: 100%;
    }
}