:root {
    --peebol-primary-green: #2d3928;
    --peebol-secondary-green: #43573a;
    --peebol-light-green: #43573a;
    --peebol-lightest-green: #9ba697;
    --peebol-orange: #e49a40;

    --shewee-primary-blue: #44abe1;
    --shewee-secondary-blue: #389ace;
    --shewee-dark-blue: #185496;
    --shewee-lightest-blue: #c4e6f4;

    --shewee-primary-pink: #ec58a7;
    --theme-font:'Anton', sans-serif;
}

body { font-size: 1.4rem; font-family: 'Barlow', sans-serif; }
@media (min-width: 992px) {
    body { font-size: 1.6rem; }
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--theme-font);
    color: var(--peebol-light-green);
}

/* **************************** */
/* Header                       */
/* **************************** */

/* Top Bar */
.page-header .panel.wrapper { background: var(--peebol-primary-green); }
.page-header .panel a:hover { color: var(--peebol-lightest-green); }

.panel.header .greet.welcome { text-transform: uppercase; margin-left: 171px; }
.page-header .panel.wrapper .greet > span { font-size: 18px; }

.amtheme-menu-block .ui-menu-item.level0.has-active > a:before, 
.amtheme-menu-block .ui-menu-item.level0.active > a:before,
.navigation li.level0 > a:after {
    background: var(--peebol-orange);
}

.block.block-minicart .action.viewcart {
    background-color: var(--peebol-secondary-green) !important;
}

/* Main Area */
.page-header { background: var(--peebol-secondary-green); }
.page-header > .header.content { background: var(--peebol-secondary-green); padding-top: 12px; }
.page-header .logo { padding: 10px 15px; background: var(--peebol-primary-green); }
.page-header .logo .logo-image { width: 36px; }
@media (min-width: 768px) {
    .page-header .logo { padding: 20px 30px; margin-top: 8px; position: absolute; }
    body.checkout-index-index .page-header .logo {
        position: unset;
        margin-left: 0 !important;
        margin-bottom: 20px !important;
        width: 50px;
    }
    .page-header .logo .logo-image { width: 92px; }
}

.opc-progress-bar > .opc-progress-bar-item._active:before {
    border-color: var(--peebol-orange);
    color: var(--peebol-orange);
}
.opc-progress-bar > .opc-progress-bar-item._active, 
.opc-progress-bar > .opc-progress-bar-item._complete {
    color: var(--peebol-primary-green);
}

#top-cart-btn-checkout,
.action.primary,
.cart-summary > .checkout.methods .action.checkout {
    background-color: var(--peebol-orange) !important;
    
}

input[type='radio']:checked + label:after, label > input[type='radio']:checked + span:first-of-type:after {
    background: #fff;
}

input[type='radio']:checked + label:before, label > input[type='radio']:checked + span:first-of-type:before {
    background: var(--peebol-orange);
	border-color: var(--peebol-orange);
}

.action.primary {
    font-weight: unset;
    font-size: 1.8rem;
    border-radius: 4px;
    padding: 15px 35px !important;
}

.search-container .action.primary{
    width: 100%;
    margin-bottom: 5px;
}

.button-as-link, 
.button-as-link.action,
.opc-block-summary .product.options > .toggle,
.cart .item-actions .item > .actions-toolbar > .action.action-edit,
.opc-block-summary .amtheme-estimated-total {
    color: var(--peebol-orange) !important;
}

.cart.main.actions .amtheme-wrap:last-of-type .action,
.action.multicheckout,
.checkout-cart-index .cart-discount .block.discount > .title,
.opc-wrapper .field .note {
    color: var(--peebol-secondary-green);
}

.opc-block-summary .product-item .details-qty {
    color: #fff;
    background: #e49a40;
}

.search-container input {
    width: 100% !important;
    min-width: 100%;
    margin-bottom: 10px;
}

.search-container .search-list {
    min-width: 100%;
}

/* Minicart */
.minicart-wrapper .amtheme-icon { fill: #fff; }
.minicart-wrapper .amtheme-icon.-hover-bg:hover, 
.minicart-wrapper .amtheme-icon.-hover-bg.-selected { color: var(--peebol-primary-green); }

.minicart-wrapper .counter {
    background: #a8bb9b;
}

/* Navbar */
div.nav-sections { background: var(--peebol-secondary-green); }
.navigation > ul { margin-left: 171px; }

.amtheme-menu-account > svg,
.amtheme-menu-account > a {
    /*fill: white;
    color: white !important;*/
}

.navigation .category-item > a, 
.navigation .level-top > a {
    color: var(--peebol-primary-green);;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
}

body #maincontent { font-size: 1.12em; }

.navigation .ui-menu > .category-item.active a span { color: var(--peebol-orange); }
.navigation .ui-menu > .category-item.active { border-color: var(--peebol-orange); }

.custom-mega-container { display: none; }

@media (min-width: 768px) and (max-width: 800px) {
    .navigation li.level0 { padding-right: 30px; }
    .navigation li.level0.parent { padding-right: 40px; }
}
@media (min-width: 768px) {
    .nav-sections { border-bottom: 2px solid var(--peebol-primary-green); }
    .navigation .level-top > a { color: #FFFFFF; }

    .navigation .category-item.active > a, .navigation .level-top.active > a, .navigation .category-item.has-active > a, .navigation .level-top.has-active > a, .navigation .category-item > a:hover, .navigation .level-top > a:hover, .navigation .category-item.level0:hover > a, .navigation .level-top.level0:hover > a { color: var(--peebol-orange) }
}

/* Shipping Message */
.shippingMessage { 
    background-color: var(--peebol-orange);
}

/* Site Currency */
.shipLocation { color: #fff; }

/* Header Search */
.block-search > .block-content { background: var(--peebol-secondary-green); }

/* Header Mobile Update */
@media (max-width: 767.98px) {
    .nav-before-open .amtheme-menustatic-wrapper { background-color: var(--peebol-secondary-green); }
    .page-header > .header.content { background-color: var(--peebol-secondary-green); }
    .country-select-wrapper .block-minicart { background-color: #fff; }
    .shipLocation { color: white; }

    .amtheme-navigation-icon .amtheme-icon-box .amtheme-item { background: white; }
    .minicart-wrapper .amtheme-icon { fill: white; color: transparent; }
    .minicart-wrapper .amtheme-icon.-hover-bg:hover, .minicart-wrapper .amtheme-icon.-hover-bg.-selected { color: #fff; }
}
@media (min-width: 479px) and (max-width: 767.98px) {
    .mobile-delivery-message > div { background: var(--peebol-secondary-green); }
}
@media (max-width: 479px) {

}


/* **************************** */
/* Footer                       */
/* **************************** */


/* Footer Upper */
.upper-footer { background-color: var(--peebol-secondary-green); color: #fff; }
.upper-footer-inner { padding: 15px 30px; margin-right: auto; margin-left: auto; max-width: 1440px; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.footer-sell-on { max-width: 120px; }
.footer-sell-on p { margin: 0; }
.upper-footer-inner ul.amtheme-socials-list { max-width: 100%; margin-left: auto; padding: 0 0 0 25px; }
.upper-footer-inner ul.amtheme-socials-list .amtheme-item { margin: 0; }
.upper-footer-inner ul.amtheme-socials-list .amtheme-item a { width: 30px; height: 30px; padding: 6px; }
.upper-footer-inner ul.amtheme-socials-list .amtheme-action.facebook { padding: 0; }
.upper-footer-inner .amtheme-socials-list .amtheme-action { background: #fff; }
.upper-footer-inner .amtheme-socials-list .amtheme-action:hover { background: var(--peebol-secondary-green); }
.upper-footer-inner .amtheme-socials-list .amtheme-action path { fill: var(--peebol-primary-green); }
@media (min-width: 992px) {
    .upper-footer-inner { padding: 15px 60px; }
    .footer-sell-on { max-width: 160px; }
}

/* Footer Menu */
.footer-upper-menu { display: -ms-flexbox; display: -webkit-flex; display: flex; }
ul.footer.links { padding-left: 10px; padding-right: 80px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.footer-upper-menu ul.footer.links:last-of-type { padding-right: 30px; }
ul.footer.links a { font-weight: 500; }
.footer.links a:hover { color: var(--peebol-orange); }

/* Footer Phone Number */
.footer-phone-num { margin: auto 0 auto auto; padding: 20px 40px; }
.footer-phone-num p { margin: 0; font-size: 2em; color: var(--peebol-primary-green); }
.footer-phone-num p span { display: block; font-size: 0.5em; color: var(--peebol-secondary-green); }
@media (min-width: 992px) {
    .footer-phone-num p { font-size: 2.5em; }
}

/* Footer Logo */
.page-footer .logo { margin: auto 0; display: block; background-color: var(--peebol-primary-green); padding: 20px;}
.footer.links a {
    color: var(--peebol-primary-green);
}
.page-footer img.logo-image { max-width: 110px; }
@media (min-width: 992px) {
    .page-footer img.logo-image { max-width: 75px; }
}

/* Footer Lower */
.lower-footer { background-color: var(--peebol-secondary-green); color: #fff; }
.lower-footer-inner { padding: 25px 30px; margin-right: auto; margin-left: auto; max-width: 1440px; width: auto; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.footer-address { text-align: right; font-size: 0.9em; }
.footer-address ul { list-style: none; padding: 0; margin: 0 0 5px 0; }
.footer-address ul li { display: inline-block; padding-left: 14px; }
.footer-address small { font-size: 0.8em; text-transform: uppercase; }
.footer-secure-payments { max-width: 260px; }
@media (min-width: 992px) {
    .footer-secure-payments { max-width: 330px; }
    .lower-footer-inner { padding: 25px 60px; }
}

.amtheme-backtotop-wrap {
    border-color: var(--peebol-primary-green);
}
.amtheme-backtotop-wrap > .amtheme-icon {
    fill: var(--peebol-primary-green);
}

/* Footer Mobile Update */
@media (max-width: 767.98px) {
    .footer.content { padding-top: 40px; padding-bottom: 40px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .footer-upper-menu { padding-bottom: 40px; width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    ul.footer.links { padding-right: 40px; }
    .footer-upper-menu ul.footer.links:last-of-type { padding-right: 10px; }
    .footer.links .item:last-of-type { border-bottom: none; }
    .footer-phone-num { padding-left: 0; }
    .page-footer .logo { margin-right: auto; }
    .lower-footer-inner { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .footer-address { text-align: center; padding-top: 25px; }
}
@media (max-width: 479px) {
    .footer-phone-num { width: 100%; text-align: center; padding: 0 0 40px; margin: auto; }
    .page-footer .logo { margin: 0 auto; }
    .page-footer img.logo-image { max-width: 90px; }
    .upper-footer-inner { padding: 30px 15px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .upper-footer-inner ul.amtheme-socials-list { margin: 0 auto; padding: 25px 0 0; }
}


/* **************************** */
/* Homepage                     */
/* **************************** */

/* Homepage General */
.cms-home div.nav-sections { margin-bottom: 0; }

/* Homepage Slider */
.home-main-slider:not(.homeSlick) { overflow: hidden; }
.home-main-slider,
.home-top-slide,
.home-main-slider-content { height: 540px; }
.hmsc-inner > div:last-of-type > div:before { width: 230px; height: 230px; }
.hmsc-inner > div:last-of-type > div:after { width: 130px; height: 130px; }
.hmsc-inner > div:last-of-type a strong { width: 100px; height: 100px; }

.home-main-slider { position: relative; margin-bottom: 46px; }
.home-main-slider-upper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #fff; padding: 0; }
.home-main-slider-upper .home-top-slide { width: 100%; background-size: 0; background-color: #fff; }
.home-main-slider-upper .home-top-slide:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: inherit; background-size: cover; background-position: center; 
    background-position: center; 
    background-position: -moz-calc(50% + 25%)-webkit-calc(50% + 0px);
    background-position: -webkit-calc(50% + 25%) -webkit-calc(50% + 0px);
    background-position: -o-calc(50% + 25%) -o-calc(50% - 0px);
    background-position: calc(50% + 25%) calc(50% - 0px);
}
.home-main-slider-upper .home-top-slide:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 75%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9ffffff',GradientType=0 );
}
.home-main-slider-upper .home-top-slide span { display: none; position: absolute; }
.home-main-slider-lower { position: relative; z-index: 2; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.home-main-slider-lower > div { height: 100%; }
.home-main-slider-content { padding: 0 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hmsc-inner { height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.hmsc-inner > div { width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.hmsc-inner > div:first-of-type { margin: auto; padding: 0 0 16px; }
.hmsc-inner > div:last-of-type { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.hmsc-inner h2 { width: 100%; max-width: 370px; text-transform: capitalize; margin: 0 auto 0.5em; color: var(--shewee-primary-blue); line-height: 1.2em; font-size: 2.1em; font-weight: 400; }
.hmsc-inner h2 strong { display: block; text-transform: uppercase; color: var(--shewee-dark-blue); font-size: 1.2em; font-weight: 700; }
.hmsc-inner p { margin: 0 auto; width: 100%; max-width: 370px; font-size: 1.2em; color: var(--shewee-dark-blue); position: relative; }
.hmsc-inner p:before { content: ""; position: absolute; top: 50%; left: 0; z-index: -1; width: 3em; height: 3em; margin: -1.5em 0 0 -1.5em; background-color: var(--shewee-lightest-blue); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.hmsc-inner > div:last-of-type { height: 55%; padding: 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.hmsc-inner > div:last-of-type > div { height: 80%; position: relative; min-width: 80%; }
.hmsc-inner > div:last-of-type > div:before,
.hmsc-inner > div:last-of-type > div:after { content: ""; opacity: 0.4; z-index: -1; position: absolute; top: 50%; left: 50%; background-color: var(--shewee-primary-blue); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.hmsc-inner > div:last-of-type img { display: block; max-width: 100%; max-height: 100%; height: auto; width: auto; margin: auto; transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; }
.hmsc-inner > div:last-of-type a { height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.hmsc-inner > div:last-of-type a:hover { text-decoration: none; }
.hmsc-inner > div:last-of-type a strong { opacity: 0.9; z-index: 1; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 1; background-color: var(--shewee-dark-blue); color: #fff; text-transform: uppercase; font-size: 1.1em; font-weight: 400; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.hmsc-inner > div:last-of-type a:hover strong { opacity: 1; }
.hmsc-inner > div:last-of-type a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); }

.home-main-slider .slick-slider.slick-dotted { margin-bottom: 0 !important; padding: 0; }
.home-main-slider-lower.slick-slider .slick-dots { right: 0; left: 0; bottom: -16px; margin: 0 20px; }
.home-main-slider-lower.slick-slider .slick-dots li { margin: 0 4px; }
.home-main-slider-lower.slick-slider .slick-dots li,
.home-main-slider-lower.slick-slider .slick-dots li button,
.home-main-slider-lower.slick-slider .slick-dots li button:before { width: 32px; height: 32px; }
.home-main-slider-lower.slick-slider .slick-dots li button:before { opacity: 0.5; background-color: var(--shewee-primary-blue); }
.home-main-slider-lower.slick-slider .slick-dots li.slick-active button:before { opacity: 1; background-color: var(--shewee-primary-blue); }

.hmsc-inner > div:last-of-type > div:before,
.hmsc-inner > div:last-of-type > div:after {
    -webkit-animation: sliderCircles 8s infinite ease;
    -moz-animation: sliderCircles 8s infinite ease;
    -o-animation: sliderCircles 8s infinite ease;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
}
@-webkit-keyframes sliderCircles {
    0% {
        -webkit-transform: scale( 1) translate(-50%, -50%);
        -moz-transform: scale( 1 ) translate(-50%, -50%);
        -o-transform: scale( 1 ) translate(-50%, -50%);
        -ms-transform: scale( 1 ) translate(-50%, -50%);
        transform: scale( 1 ) translate(-50%, -50%);
    }
    50% {
        -webkit-transform: scale( 0.9 ) translate(-50%, -50%);
        -moz-transform: scale( 0.9 ) translate(-50%, -50%);
        -o-transform: scale( 0.9 ) translate(-50%, -50%);
        -ms-transform: scale( 0.9 ) translate(-50%, -50%);
        transform: scale( 0.9 ) translate(-50%, -50%);
    }
    100% {
        -webkit-transform: scale( 1) translate(-50%, -50%);
        -moz-transform: scale( 1 ) translate(-50%, -50%);
        -o-transform: scale( 1 ) translate(-50%, -50%);
        -ms-transform: scale( 1 ) translate(-50%, -50%);
        transform: scale( 1 ) translate(-50%, -50%);
    }
}
@-webkit-keyframes sliderCircles {
    0% {
        -webkit-transform: scale( 1) translate(-50%, -50%);
        -moz-transform: scale( 1 ) translate(-50%, -50%);
        -o-transform: scale( 1 ) translate(-50%, -50%);
        -ms-transform: scale( 1 ) translate(-50%, -50%);
        transform: scale( 1 ) translate(-50%, -50%);
    }
    50% {
        -webkit-transform: scale( 0.9 ) translate(-50%, -50%);
        -moz-transform: scale( 0.9 ) translate(-50%, -50%);
        -o-transform: scale( 0.9 ) translate(-50%, -50%);
        -ms-transform: scale( 0.9 ) translate(-50%, -50%);
        transform: scale( 0.9 ) translate(-50%, -50%);
    }
    100% {
        -webkit-transform: scale( 1) translate(-50%, -50%);
        -moz-transform: scale( 1 ) translate(-50%, -50%);
        -o-transform: scale( 1 ) translate(-50%, -50%);
        -ms-transform: scale( 1 ) translate(-50%, -50%);
        transform: scale( 1 ) translate(-50%, -50%);
    }
}
@-o-keyframes sliderCircles {
    0% {
        -webkit-transform: scale( 1) translate(-50%, -50%);
        -moz-transform: scale( 1 ) translate(-50%, -50%);
        -o-transform: scale( 1 ) translate(-50%, -50%);
        -ms-transform: scale( 1 ) translate(-50%, -50%);
        transform: scale( 1 ) translate(-50%, -50%);
    }
    50% {
        -webkit-transform: scale( 0.9 ) translate(-50%, -50%);
        -moz-transform: scale( 0.9 ) translate(-50%, -50%);
        -o-transform: scale( 0.9 ) translate(-50%, -50%);
        -ms-transform: scale( 0.9 ) translate(-50%, -50%);
        transform: scale( 0.9 ) translate(-50%, -50%);
    }
    100% {
        -webkit-transform: scale( 1) translate(-50%, -50%);
        -moz-transform: scale( 1 ) translate(-50%, -50%);
        -o-transform: scale( 1 ) translate(-50%, -50%);
        -ms-transform: scale( 1 ) translate(-50%, -50%);
        transform: scale( 1 ) translate(-50%, -50%);
    }
}

@media (min-width: 480px) {
    .hmsc-inner h2 { font-size: 2.5em }
    .hmsc-inner > div:last-of-type { width: 70%; }
    .hmsc-inner > div:last-of-type > div:before { width: 260px; height: 260px; }
    .hmsc-inner > div:last-of-type > div:after { width: 150px; height: 150px; }
    .hmsc-inner > div:last-of-type a strong { width: 110px; height: 110px; font-size: 1.2em; }

    .hmsc-inner p { font-size: 1.4em; }
}
@media (min-width: 768px) {
    .home-main-slider,
    .home-top-slide,
    .home-main-slider-content { height: 400px; }
    .hmsc-inner > div:last-of-type > div:before { width: 300px; height: 300px; }
    .hmsc-inner > div:last-of-type > div:after { width: 190px; height: 190px; }
    .hmsc-inner > div:last-of-type a strong { width: 120px; height: 120px; font-size: 1.4em; }

    .home-main-slider-upper .home-top-slide:before { background-position: center;  }
    .home-main-slider-upper .home-top-slide:after { top: 0; left: 0; bottom: 0; right: unset; width: 50%; height: unset;
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    }

    .hmsc-inner { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .hmsc-inner > div { width: 60%; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
    .hmsc-inner > div:last-of-type { width: 40%; height: 100%; padding: 20px; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
    .hmsc-inner > div:first-of-type { padding: 0; }
    .hmsc-inner > div:last-of-type > div { height: 72%; }
    .hmsc-inner h2 { width: 100%; max-width: 100%; }
    .hmsc-inner p { width: 100%; max-width: 350px; margin-left: 0; margin-right: 0; }

    .home-main-slider-lower.slick-slider .slick-dots { left: unset; }

}
@media (min-width: 992px) {
    .home-main-slider,
    .home-top-slide,
    .home-main-slider-content { height: 450px; }
    .hmsc-inner > div:last-of-type > div:after { width: 340px; height: 340px; }
    .hmsc-inner > div:last-of-type > div:after { width: 220px; height: 220px; }
    .hmsc-inner > div:last-of-type a strong { width: 150px; height: 150px; }

    .home-main-slider-upper .home-top-slide:before { left: 25%; }
    .home-main-slider-content { padding: 0 60px; }
    .home-main-slider .hmsc-inner > div { width: 50%; }
}
@media (min-width: 1200px) {
    .hmsc-inner h2 { font-size: 2.9em }
}

/* Homepage Picture Blocks */
.home-picture-blocks > .widget { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.home-picture-blocks > .widget * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pb-left-column,
.pb-right-column { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.pb-block { position: relative; padding: 30px; background-color: #f6f7f5; background-size: cover; background-position: 50%; background-repeat: no-repeat; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 30px; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.pb-left-column .pb-block { min-height: 50vh; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.pb-right-column .pb-block { min-height: 182px; }
.pb-right-column .pb-block:last-of-type { min-height: 30vh; -webkit-flex-grow: 1; flex-grow: 1; }
.pb-block h3 { max-width: 70%; font-size: 2em; text-transform: uppercase; margin: 0 0 0.4em; line-height: 1.1; }
.pb-block p { max-width: 65%; font-size: 1.4em; margin-bottom: 0.8em; }
.pb-block h3,
.pb-block p { position: relative; z-index: 2; color: var(--shewee-dark-blue); }
.pb-block.pb-dark-bg h3,
.pb-block.pb-dark-bg p { color: #fff; }
.pb-block a { opacity: 0.9; position: absolute; z-index: 1; bottom: 15px; right: 15px; width: 90px; height: 90px; line-height: 1.1; font-size: 1em; font-weight: 600; text-align: center; color: #fff; background-color: var(--shewee-dark-blue); text-transform: uppercase; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.pb-block a:hover { opacity: 1; }
.pb-left-column .pb-block a { font-size: 1.25em; width: 125px; height: 125px; }
.pb-left-column .pb-block a:before { content: ""; opacity: 0.4; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--shewee-dark-blue); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-transform: scale( 2 );
    -moz-transform: scale( 2 );
    -o-transform: scale( 2 );
    -ms-transform: scale( 2 );
    transform: scale( 2 );
}

@media (min-width: 480px) {
    .pb-block h3 { max-width: 60%; font-size: 2.2em; }
    .pb-block p { max-width: 50%; font-size: 1.6em; }
    .pb-block a { bottom: 22px; right: 22px;}
    .pb-left-column .pb-block a:before {
        -webkit-transform: scale( 2.5 );
        -moz-transform: scale( 2.5 );
        -o-transform: scale( 2.5 );
        -ms-transform: scale( 2.5 );
        transform: scale( 2.5 );
    }
}
@media (min-width: 768px) {
    .home-picture-blocks > .widget { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .pb-left-column,
    .pb-right-column { width: 50%; }
    .pb-left-column { padding-right: 15px; }
    .pb-right-column { padding-left: 15px; }
    .pb-block { padding: 30px 40px; }
    .pb-left-column .pb-block { min-height: 70vh; }
    .pb-right-column .pb-block:last-of-type { min-height: unset; }
    .pb-block a { bottom: 30px; right: 30px; width: 120px; height: 120px; font-size: 1.15em; }
    .pb-left-column .pb-block a { font-size: 1.35em; width: 140px; height: 140px; }
}
@media (min-width: 992px) {
    .pb-block h3 { font-size: 2.5em; }
    .pb-block p { font-size: 1.8em; }
}
@media (min-width: 1200px) {
    .pb-block h3 { font-size: 3em; }
}

/* Homepage Product Showcase */
.home-product-showcases { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.product-showcase-position { width: 100%; padding-bottom: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.home-product-showcases * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product-showcase { min-height: 34vh; overflow: hidden; position: relative; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.1); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  }
.showcase-image { position: absolute; top: 0; bottom: 0; right: 0; width: 50%; background-repeat: no-repeat; background-position: 100% 50%; background-size: 100% auto; }
.showcase-text { position: relative; padding: 30px 20px; max-width: 55%; }
.showcase-text h3 { margin: 0 0 0.5em; font-size: 2em; font-weight: 600; text-transform: uppercase; color: var(--shewee-dark-blue); line-height: 1.2; }
.showcase-text p { color: var(--shewee-dark-blue); font-size: 1.2em; margin-bottom: 0.7em; }
.showcase-colors { margin: 5px 0; }
.showcase-colors img { max-width: 100%; }
.showcase-stock { text-transform: uppercase; font-size: 1.5em; font-weight: 600; color: var(--shewee-secondary-blue); }
.product-showcase a {
	opacity: 0.9;
	position: absolute;
	z-index: 1;
	bottom: 15px;
	right: 15px;
	width: 90px;
	height: 90px;
	line-height: 1.1;
	font-size: 1em;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background-color: var(--shewee-dark-blue);
	text-transform: uppercase;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
@media (min-width: 480px) {
    .showcase-text { padding: 40px 30px; }
    .showcase-text h3 { font-size: 2.5em; }
    .showcase-text p { font-size: 1.5em; }
    .showcase-stock { font-size: 2em; }
    .product-showcase a { bottom: 22px; right: 22px; }
}
@media (min-width: 768px) {
    .product-showcase-position { width: 50%; }
    .home-product-showcases > div.product-showcase-position:nth-child(odd) { padding-right: 15px; }
    .home-product-showcases > div.product-showcase-position:nth-child(even) { padding-left: 15px; }
    .product-showcase a { bottom: 30px; right: 30px; width: 120px; height: 120px; font-size: 1.15em; }
}


/* **************************** */
/* MULTI USE BLOCKS             */
/* **************************** */

/* Featured In Slider */
.featuredInHome { margin: 30px 0 50px; padding: 30px 0 40px; border: 1px solid rgba(0,0,0,0.1); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.featuredInHome > .block-static-block { margin-bottom: 0; }
.featuredIn h3 { text-align: center; font-size: 1.6em; font-weight: 200; line-height: 1.2; margin: 0 0 30px; /*padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);*/ }
.featuredIn .slick-slider { padding: 0; }
.featuredInSlider img {
	max-width: 50vw;
	margin: 0 20px;
    width: auto;
    height: auto;
    max-height: 34px;
}
.featuredIn .slick-slider button.slick-arrow { width: 40px; height: 40px; margin: 0 10px; background-size: 8px !important; }
@media (min-width: 480px) {
    .featuredInSlider img {
        max-width: unset;
        margin: 0 40px;
    }
}


/* **************************** */
/* CATEGORY                     */
/* **************************** */

/* Category Header */
.catalog-category-view .nav-sections { margin-bottom: 0; }
.category-header-area { background-repeat: no-repeat; background-size: cover; background-position: 50%; margin-bottom: 30px; }
.category-header-area-overlay { background: rgba(255,255,255,0.75); position: relative; }
.category-header-area-overlay:before { content: none; position: absolute; top: 0; left: 0; bottom: 0; width: 65%; 
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 10%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 10%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 10%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.category-header-area-overlay:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: rgba(0,0,0,0.05); }
.category-header-area .page-main { position: relative; margin-bottom: 0; padding-bottom: 30px; padding-top: 30px; }
.category-header-text { width: 100%; }
.category-header-text .breadcrumbs { display: block; padding: 0; margin-bottom: 10px; }
.category-header-text h1.page-title { font-weight: 600; color: var(--shewee-primary-blue); font-size: 2.2em; line-height: 1.25; margin-bottom: 0.3em; }
.category-header-text .category-description p { margin-bottom: 1.2em; }
.category-header-text .category-description p:first-of-type b { font-weight: 200; font-size: 1.4em; color: var(--shewee-primary-blue); }
.category-header-text .category-description p:last-of-type { margin-bottom: 0.5em; }
@media (min-width: 576px) {
    .category-header-area-overlay { background: rgba(255,255,255,0.3);  }
    .category-header-area-overlay:before { content: ""; width: 90%; }
    .category-header-area .page-main { padding-bottom: 30px; padding-top: 30px; }
    .category-header-text { width: 55%; }
    .category-header-text h1.page-title { font-size: 2.8em; }
}
@media (min-width: 768px) {
    .category-header-area-overlay:before { width: 65%; }
    .category-header-text { width: 42%; }
}


/* Category Grid */
.product-item .product-item-link { font-size: 1.4em; line-height: 1.3; max-height: unset; }
.product-item .product-reviews-summary { margin-top: auto; }
.products-grid .price-box { margin-top: 0; }
.product-item .product-item-link:hover { color: var(--peebol-orange); }


/* HOMEPAGE */

body.cms-home #maincontent.page-main {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

body.cms-home .wrapper { 
    max-width: 1260px; 
    margin: 0 auto;
}

body.cms-home .panel.wrapper {
    max-width: unset;
}

.homeBanner { height: 50vh; min-height: 320px; padding-bottom: 55px; text-shadow: 2px 2px 6px rgba(0, 0, 0, 1); text-align: left; background: url('/pub/media/peebol/image/homepage/home-banner-jpg-min.jpg') no-repeat #202020 50% 50%; background-size: cover; }
.homeBanner p { text-shadow: 2px 2px 6px rgba(0, 0, 0, 1); }
.homeBanner > .wrapper { height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.homeBanner h1 { max-width: 530px; font-size: 95px; line-height: 1em; margin: 20px 25px 10px; text-align: left; text-transform: uppercase; color: #fff; }
.homeBanner p { max-width: 530px; font-size: 19px; color: #fff; margin: 0 25px 20px; }

.homeStrip { background-color: var(--peebol-light-green); text-align: left; padding: 15px; }
.homeStrip > .wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.homeStrip .hs-PeebolImg { margin-top: -90px; width: 26%; max-width: 300px; }
.homeStrip .hs-PeebolImg img { width: 300px; }
.homeStrip .hs-Content { padding: 0 10px 10px 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.homeStrip .hs-Text { color: #fff; padding: 10px 25px 20px 0; font-size: 18px; }
.homeStrip .hs-Text p { margin-bottom: 15px; }
.homeStrip .hs-Text li { padding-bottom: 4px; }
.homeStrip .hs-Text li span { color: var(--theme-green-darkest); text-transform: uppercase; font-weight: bold; }
.homeStrip .hs-PeebolLogo { padding: 20px; margin: -35px 0 20px 20px; background-color: var(--peebol-primary-green); float: right; position: relative; z-index: 1; }
.homeStrip .hs-PeebolLogo img { max-width: 76px; }
.homeStrip .hs-Heading { margin-top: auto; }
.homeStrip .hs-Heading h2 { color: #fff; text-transform: uppercase; font-size: 40px; line-height: 1.1; }

@media screen and (max-width: 1260px) {
	.homeBanner { background-position: 0 50%; }
	.homeBanner h1 { max-width: 450px; font-size: 80px; }
	.homeBanner p { max-width: 445px; font-size: 18px; }
	
	.homeStrip .hs-Text { font-size: 16px; }
	.homeStrip .hs-Heading h2 { font-size: 34px; }
}
@media screen and (max-width: 768px) {
	.homeBanner { background-image: url('/pub/media/peebol/image/homepage/home-banner-mobile-jpg-min.jpg'); background-position: 50% 50%; height: 58vh; }
	.homeBanner > .wrapper { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
	.homeBanner h1 { margin-top: 30px; max-width: 410px; font-size: 70px; }
	
	.homeStrip > .wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
	.homeStrip .hs-PeebolImg { width: 100%; max-width: none; text-align: center; }
	.homeStrip .hs-PeebolImg img { width: 240px; margin-bottom: 15px; }
	.homeStrip .hs-Content { padding: 0 5px 15px; }
	.homeStrip .hs-Text { padding: 10px 0 20px; }
	.homeStrip .hs-PeebolLogo { margin-top: -50px; }
	.homeStrip .hs-PeebolLogo img { max-width: 66px; }
	.homeStrip .hs-Heading h2 { font-size: 28px; }
	.page-title { margin-top: 40px; } 
}
@media screen and (max-width: 480px) {
	.homeBanner h1 { margin-top: 30px; max-width: 100%; font-size: 15vw; }
	.homeBanner p { max-width: 78%; font-size: 14px; line-height: 1.3; }
	
	.homeStrip .hs-PeebolImg img { width: 200px; }
	.homeStrip .hs-Text { font-size: 15px; }
	.homeStrip .hs-Text li { padding-bottom: 8px; }
	.homeStrip .hs-PeebolLogo { padding: 17px; }
	.homeStrip .hs-PeebolLogo img { max-width: 60px; }
	.homeStrip .hs-Heading h2 { font-size: 24px; }
}

/* **************************** */
/* PAGES                        */
/* **************************** */

.breadcrumbs .items {
    color: var(--peebol-primary-green) !important;
}

.page-title {
    color: var(--peebol-primary-green) !important;
	font-size: 2.8em;
	letter-spacing: 0.035em;
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: 0.3em;
}

.price-box .price {
    color: var(--peebol-orange);
}

.reviews-actions .action, 
.reviews-actions .action:visited,
.normal-price .price-label,
.toolbar-sorter .sorter-label,
.price-box .old-price .price  {
    color: var(--peebol-secondary-green);
    
}

button,
.box-tocart .action.tocart,
.product-item .action.tocart {
    background-color: var(--peebol-orange);
}

.product.data.items > .item.title > .switch {
    color: var(--peebol-primary-green);
}