/* 
Custom CSS  - PL (parent)
CSS Author: Jonathan Marzullo (JTM)
*/

:root {
    /* inside "/app/design/frontend/Refueledinc/patiolane/web/css/pl-theme-css-var.css" */
    --color-light-gray: #CCCCCC;
    --color-pink: #D96381;
    --pb-color-blue: hsl(204, 68%, 53%);
}

*,
*::after,
*::before {
    box-sizing: content-box;
}

html {
    /* font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size-adjust: 100%; */
}

/* from style-m.css */
body {
    /* color: #659d32;
    font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    font-size: 1.4rem; */
}
/* from style-m.css */

body {
    background-color: #FFF;
    color: #555;
    line-height: 2.1rem;
    min-width: 320px;
    font-weight: 300;
}

@media screen and (max-width: 767px) {

    body {
        font-size:  1.6rem;
        line-height: 2.4rem;
    }    
}

body > table {}

/* category page - colorways image (hidden) */

#products-wrapper #product-items-list .colorways-image-box {
    display: none !important; 
}

/* LOGGED IN AS CUSTOMER NOTIFICATION */

html body.is-builder .lac-notification-sticky,
html.fabric-selector-open body.is-builder .lac-notification-sticky,
html.fancybox-open .lac-notification-sticky,
.lac-notification-sticky {
    position: static !important;
    /*top: 0 !important;
    z-index: 1;
    pointer-events: none;
    opacity: 0.2; */
}

/* add data attribute for hiding builder custom option helper fields */
[data-cart-option-label*="ecsBuilder_"],
[data-cart-option-label*="ecsBuilder_"] + dd,
dl .hide-cart-option,
dl .hide-cart-option.hide-cart-option-fee + dt,
dl .hide-cart-option.hide-cart-option-fee + dt + dd,
[data-cart-option-label="ecsBuilder_feesHidden"] + [data-cart-option-label="Fees"],
[data-cart-option-label="ecsBuilder_feesHidden"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Fees"],
[data-cart-option-label="ecsBuilder_feesHidden"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Internal Notes"],
[data-cart-option-label="ecsBuilder_feesHidden"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Internal Notes"] + dd,
[data-cart-option-label="Standard  Size Presets"],
[data-cart-option-label="ecsBuilder_staffName"],
[data-cart-option-label="ecsBuilder_staffName"] + dd {
    display: none !important;
}

/* [data-cart-option-label*="ecsBuilder_fabricSkuNameImgurl"] {
    display: block !important;
} */

@media print {

    [data-cart-option-label*="ecsBuilder_"],
    [data-cart-option-label*="ecsBuilder_"] + dd,
    dl .hide-cart-option,
    dl .hide-cart-option.hide-cart-option-fee + dt,
    dl .hide-cart-option.hide-cart-option-fee + dt + dd,
    [data-cart-option-label="ecsBuilder_feesHidden"] + [data-cart-option-label="Fees"],
    [data-cart-option-label="ecsBuilder_feesHidden"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Fees"],
    [data-cart-option-label="ecsBuilder_feesHidden"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Internal Notes"],
    [data-cart-option-label="ecsBuilder_feesHidden"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Fees"] + [data-cart-option-label="Internal Notes"] + dd,
    [data-cart-option-label="ecsBuilder_staffName"],
    [data-cart-option-label="ecsBuilder_staffName"] + dd {
        display: none !important;
    }

    /* [data-cart-option-label*="ecsBuilder_fabricSkuNameImgurl"] {
        display: block !important;
    } */
}

/* ---------------- */

dl .tooltip.wrapper .tooltip.content {
    display: none !important;
}

.cart.table-wrapper .item-options dd[data-cart-option-label="ecsBuilder_fabricSkuNameImgurl"] + dt {
    padding-top: 1rem;
}

/* tawk chat */

body#html-body > .tawk-chat {
    display: block !important;
}

html.jonny-amm-open body#html-body > .tawk-chat,
html.fabric-selector-open body#html-body > .tawk-chat,
html.fancybox-open body#html-body > .tawk-chat,
html.quickcart-open-for-real body#html-body > .tawk-chat,
html.quickcart-open-for-real body#html-body > .tawk-chat iframe,
html.quickcart-open body#html-body > .tawk-chat,
html.quickcart-open body#html-body > .tawk-chat iframe,
html.quickcart-open-for-real body#html-body > div[style="display: block !important;"] > iframe,
html.fancybox-open body#html-body > div[style="display: block !important;"] > iframe,
html body#html-body.is-builder > .tawk-chat,
html body#html-body.is-builder > div[style="display: block !important;"] > iframe,
html body#html-body.hide-body-scrolllbars > .tawk-chat {
    display: none !important;
}

body#html-body > .tawk-chat > iframe:nth-child(1) {
    /* position: relative !important;
    inset: unset !important;
    left: 15px !important; */
    /*position: relative !important;
    inset: unset !important;
    left: -62px !important; */
}

body#html-body > .tawk-chat > iframe:nth-child(2) {
    /* inset: calc(50% - 30px) 0 auto auto !important;
    inset: calc(50% - 20px) -73px auto auto !important; */
}

body#html-body > .tawk-chat > iframe:nth-child(3) {
    /* inset: calc(50% - 30px) 0 auto auto !important;
    inset: auto 4px 130px auto !important; */
}

@media screen and (min-width: 768px) {

    body#html-body > .tawk-chat > iframe:nth-child(1) {
        position: relative !important;
        inset: unset !important;
        left: 15px !important;
        /*position: relative !important;
        inset: unset !important;
        left: -62px !important; */
    }

    body#html-body > div[style="display: block !important;"] > iframe:last-of-type,
    body#html-body > div[class=""][style="display: block !important;"] > iframe:last-of-type,
    body#html-body > .tawk-chat > iframe:last-of-type {
        display: none !important;
        clip: rect(0 0 0 0) !important;
    }
}

@media screen and (max-width: 767px) {

    /* body#html-body > .tawk-chat, */
    body#html-body.is-builder > .tawk-chat,
    body#html-body.catalog-product-view  > .tawk-chat {
       display: none !important;
    }

    body#html-body > .tawk-chat {
        /* right: -40px !important; */
    }
}

/* Loading Overlay */

.loading-overlay-showing {
    /* overflow: hidden; */
}

.loading-overlay {
    -webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
    transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
    bottom: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    background: #FFF;
    pointer-events: none;

    /* temp*/
	display: none !important; 
}

body.loading-overlay-done > .loading-overlay {
    display: none;
}

body.loading-overlay-showing > .loading-overlay {
   
}

body > .loading-overlay {
    position: fixed;
    z-index: 999999;

    /* temp*/
	display: none !important; 
}

html.dark .loading-overlay {
    background: #212529;
}

body.checkout-index-index.loading-overlay-showing > .loading-overlay {
    display: none !important;
}

.loading-overlay-showing > .loading-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    /* temp */
	display: none !important;
}

/* Bounce Loading */

.bounce-loader {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: -9px 0 0 -35px;
    text-align: center;
    width: 102px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10000;
    box-sizing: border-box;

    /* temp */
	display: none;
}

body.loading-overlay-done .bounce-loader {
    -webkit-transition: none;
    transition: none;
}

.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 {
    -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
    animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
    background-color: #CCC;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 0 2px;
    box-sizing: border-box;

    /* temp */
    -webkit-animation: none;
    animation: none;
}

body.loading-overlay-done .bounce-loader .bounce1,
body.loading-overlay-done .bounce-loader .bounce2,
body.loading-overlay-done .bounce-loader .bounce3 {
    -webkit-animation: none;
    animation: none;
}

.bounce-loader .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.bounce-loader .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.bounce-loader .bounce3 {}

html.pl .bounce-loader .bounce1 {
    background-color: #FF3424;
}

html.pl .bounce-loader .bounce2 {
    background-color: #FFBB00;
}

html.pl .bounce-loader .bounce3 {
    background-color: #26B14C;
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

html.safari.iphone .bounce-loader .bounce1,
html.safari.iphone .bounce-loader .bounce2,
html.safari.iphone .bounce-loader .bounce3 {
    -webkit-animation: 1.4s ease-in-out infinite bouncedelay;
    animation: 1.4s ease-in-out infinite bouncedelay;

    /* temp */
    -webkit-animation: none;
    animation: none;
}

/* when cush key hide these elements */

#pb-box .pb-steps > .pb-qty-content-inner,
#pb-box .pb-steps > .fabric-content-inner,
#pb-box .pb-steps > .pb-builder-debug-inner,
#pb-box .pb-steps > .pb-internal-summary-inner {
    display: none !important;
}

/* ----------------------------------------------------- */

/* wrapper */

.page-wrapper {
    max-width: 100%;
    margin: 0 auto;
    background: #FFF;
}

html.quickcart-open .page-wrapper,
html.quickcart-open-for-real .page-wrapper,
body.exit-intent-on .page-wrapper {
    z-index: 20000000000;
}

@media screen and (min-width: 768px) {
    .page-wrapper {
        transition: none;
    }

    html.jonny-amm-open #page-wrapper {
        z-index: 0;
    }
}

@media screen and (max-width: 767px) {

    html #page-wrapper {
        padding-top: 0;
        overflow-x: hidden !important;
        /*cuz stupid weltpixel quickcart adds this but doesnt remove this inline style */
    }

    html.cat-filters-open #page-wrapper {
        z-index: unset;
    }

    html.quickcart-open #page-wrapper {
        -webkit-transition: none;
        transition: none;
    }

    html .page-wrapper .page-header {
        position: static;
        z-index: 1000;
        background-color: #FFF;

        order: 0;
    }
    
    html .page-wrapper .jonny-sale-banner-text-top {
        order: 1;
    }

    html body.checkout-index-index .page-wrapper .jonny-sale-banner-text-top {
        margin-bottom: 1rem;
    }
    
    html .page-wrapper .jonny-free-shipbar-top {
        order: 2
    }

    html .page-wrapper .top-container {
        order: 3;
    }

    html .page-wrapper .page-main {
        order: 4;
    }

    html .page-wrapper .footer-links-bottom {
        order: 5;
    }
}

html.iphone .page-wrapper,
html.ipad .page-wrapper {
    overflow-x: hidden !important;
    /* cuz stupid weltpixel quickcart adds this but doesnt remove this inline style */
}

.column.main {
    overflow: visible;
    padding-bottom: 2.5rem;
    min-height: 500px;
}

.columns .column.main {
    padding-bottom: 2.5rem;
}

body.catalog-category-view .columns .column.main {
    display: flex;
    flex-direction: column;
}

body.catalog-category-view .columns .column.main .page-title-wrapper {
    order: -1;
}

html.ofc .page-layout-2columns-left .main,
html.ofc .page-layout-2columns-left .column.main {
    padding-left: 0;
}

html.ofc .page-layout-2columns-left .sidebar-main {
    padding-right: 2rem;
}

@media screen and (min-width: 768px) {

    .account.page-layout-2columns-left .column.main {
        width: 75%;
    }

    .account.page-layout-2columns-left .sidebar-main,
    .account.page-layout-2columns-left .sidebar-additional {
        width: 25%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .account.page-layout-2columns-left .sidebar-main #contact-info p a,
    .account.page-layout-2columns-left .sidebar-additional #contact-info p a {
        word-break: break-all;
    }
}

@media screen and (max-width: 767px) {

    body.catalog-category-view h1 {
        margin-top: 1rem;
    }
}
/* ----------------------------------------------------- */

/* content formatting */

h1 {
    font-size: 2.8rem;
    line-height: 1.2;
    font-weight: 300;
    /* text-transform: capitalize; */
    margin-bottom: 3rem;
    margin-top: 0rem;
    letter-spacing: -0.5px;
    color: #333;
}

body.account h1 {
    font-weight: 500;
}

.product-info-main .page-title-wrapper h1 {
    margin-bottom: 1rem;
}

body.catalog-category-view h1 {
    font-weight: 400;
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {

    body.catalog-product-view .column.main::before {
        content: none;
    }

    body.catalog-product-view h2.fake-h1,
    body.catalog-product-view span.fake-h1 {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    h1 {
        font-size: 3rem;
    }

    body.catalog-product-view h2.fake-h1,
    body.catalog-product-view span.fake-h1 {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 767px) {

    body.catalog-product-view .page-title-wrapper {
        width: 100%;
    }

    body.catalog-product-view [data-page-title].column.main .page-title-wrapper h1 {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
        clip-path: inset(0px 0px 99.9% 99.9%);
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0;
    }

    h1,
    body.catalog-product-view [data-page-title].column.main::before,
    body.catalog-product-view h2.fake-h1,
    body.catalog-product-view span.fake-h1 {
        font-size: 2.3rem;
        line-height: 2.7rem;
        font-weight: 400;
        text-align: center;
    }

    body.catalog-product-view h2.fake-h1,
    body.catalog-product-view span.fake-h1 {
        display: block  !important;
        padding-top: 1rem;
        margin-top: 0;
        margin-bottom: 1.3rem;
        border-top: 1px solid #DDD;
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        margin-block: .83em;
        text-align: center;
        text-transform: capitalize;
    }

    body.is-builder h2.builder-all-h1-mobile,
    body.is-builder span.builder-all-h1-mobile {
        display: none !important;
    }

    body.catalog-product-view [data-page-title].column.main::before {
        /* content: attr(data-page-title);
        order: -1;
        padding-top: 1rem; */
    }

    body.catalog-product-view h1 {
        margin-top: 2.5rem;
    }

    .content-inner h2.cat-title,
    .content-inner h3.cat-title {
        text-align: center;
    }
}

@media screen and (max-width: 640px) {

    body.catalog-product-view h1,
    body.catalog-product-view [data-page-title].column.main::before {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 400;
        border-top: 1px solid #DDD;
        padding-top: 1.5rem;
        display: none;
    }

    body.catalog-product-view [data-page-title].column.main::before {
        display: none;
    }

    .product-info-main .page-title-wrapper h1 {
        margin-top: 1.5rem;
        margin-bottom: 2rem;
        padding-top: 0rem;
    }
}

@media screen and (max-width: 400px) {

    .product-info-main .page-title-wrapper h1 {
        padding-top: 0rem;
    }
}

h2 {
    font-size: 2rem;
    font-weight: 300; 
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-transform: capitalize;
}

.content-inner h2 {}

.content-inner ul + h2 {
    margin-top: 0;
}

.content-inner h3 {}

@media screen and (max-width: 639px) {

    .content-inner h2,
    .content-inner h3 {
        text-align: center;
    }
}

h3 {
    font-size: 1.5rem;
    line-height: 1.4;
    text-transform: capitalize;
    font-weight: 300;
    margin-bottom: 2rem;
}

.product.attribute.description .value > h3 {
    margin-top: 0rem;
    margin-bottom: 2rem;
    font-weight: 500;
}

.content-inner h3 {
    margin-top: 1rem;
    font-weight: 500;
    font-size: 1.6rem;
}

.column.main .jonny-grid .center h3 {
    text-align: center;
}

.product.attribute.description h3 {
    text-transform: capitalize;
}

h4 {
    font-weight: 600;
}

.content-inner h4 {
    margin-bottom: 2rem;
}

p {
    margin-bottom: 1.5rem;
}

.order-attributes-form.fieldset.address p {
    margin-bottom: 0.5rem;
}

.content-inner {
    min-height: 500px;
}

.content-inner .value p,
.product.attribute.description .value p {
    line-height: 2.2rem;
    margin-bottom: 1.5rem;
}

#contact-info p {
    margin-bottom: 0;
}

.margin-right-5px {
    margin-right: 5px;
}

.nowrap {
    white-space: nowrap;
}

ul,
ol {
    list-style-position: inside;
}

.align-left {
    text-align: left;
}

ul.align-left > li {
    text-align: left;
}

.align-right {
    text-align: right;
}

ul.align-right > li {
    text-align: right;
}

.content-inner ul,
.content-inner ol {
    padding: 0 0 2rem 2.5rem;
    margin: 0;
}

.content-inner ul:not(.form-list),
.am-content ul {
    list-style-type: disc;
}

.content-inner ol,
.am-content ol {
    list-style-type: decimal;
}

.content-inner ul ul,
.content-inner ul ol,
.content-inner ol ul,
.content-inner ol ol {
    padding-top: 0.5rem;
}

.content-inner ul.form-list {
    list-style-type: none;
    padding: 0;
}

.content-inner ul.form-list > li.fields {
    margin-bottom: 1rem;
}

ul > li,
ol > li {
    list-style-position: outside;
}

.content-inner ul li,
.content-inner ol li {
    padding: 0;
    margin: 0;
}

.content-inner .value ul,
.content-inner .value ol,
.product.attribute.description .value ul,
.product.attribute.description .value ol {
    padding: 1.2em;
    margin-bottom: 0;
}

.product.attribute.description .value ul,
.product.attribute.description .value ol {
    margin-bottom: 0 0 0.5rem 0;
}

.product.attribute.description .value p + ul,
.product.attribute.description .value p + ol {
    padding-top: 0;
}

.product.attribute.description .value p + ul.additional-features {
    padding-bottom: 0;/* 1.5rem */
}

.product.attribute.description .value p + ul.additional-features + h3 {
    padding-bottom: 1.5rem;
}

.product.attribute.description .value p + ul.additional-features + ul {
    padding-top: 0;
}

.product.attribute.description .value h3 + ul,
.product.attribute.description .value h3 + ol {
    padding-top: 0;
}

.product.attribute.description .value ul {
    list-style-type: disc;
}

.product.attribute.description .value ol {
    list-style-type: decimal;
}

.value ul > li,
.value ol > li {
    margin: 0;
}

ul.li-bottom-borders,
ol.li-bottom-borders {
    display: inline-block;
}

ul.no-bullet,
ol.no-bullet,
ul.no-bullet li,
ol.no-bullet li {
    list-style-type: none;
}

ul.no-bullet,
ol.no-bullet {
    padding-left: 0;
}

ul.no-bullet li,
ol.no-bullet li {
    margin-bottom: 0.5rem;
}

ul.li-bottom-borders li,
ol.li-bottom-borders li {
    border-bottom: 1px solid #F2F1F1;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

ul.li-bottom-borders:not(.short) li:last-of-type,
ol.li-bottom-borders:not(.short) li:last-of-type {
    border-bottom: 0 none;
    padding-bottom: 0rem;
    margin-bottom: 1rem;
}

ul.grid-list,
ol.grid-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    margin-bottom: 0.5rem;
}

ul.icon-list,
ol.icon-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0.5rem;
}

ul.icon-list.short,
ol.icon-list.short,
ul.grid-list.short,
ol.grid-list.short {
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
}

ul.icon-list li,
ol.icon-list li {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1rem;
    margin-right: 1rem;
    /* padding-bottom: 1rem;    
    border-bottom: 1px solid #EEE; */
}

ul.icon-list li .fa,
ol.icon-list li .fa {
    padding-right: 1rem;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

ul.icon-list li .fa,
ol.icon-list li .fa {
    font-size: 2rem;
}

ul.no-bullet li .fa,
ol.no-bullet li .fa {
    padding-right: 0.5rem;
}

ul.no-bullet:not(.icon-list) li .fa.larger,
ol.no-bullet:not(.icon-list) li .fa.larger {
    position: relative;
    top: 2px;
}

.fa.text-shadow,
ul.no-bullet li .fa.text-shadow, 
ol.no-bullet li .fa.text-shadow {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

ul.margin-bottom-none,
ol.margin-bottom-none {
    margin-bottom: 0rem;
}

ul.padding-bottom-none,
ol.padding-bottom-none {
    padding-bottom: 0rem;
}

dl {
    list-style-position: inside;
}


body.checkout-index-index .opc-block-summary._block-content-loading .product.options .item-options,
body.checkout-index-index .opc-block-summary._block-content-loading .product.options .content,
body.checkout-index-index .opc-block-summary._block-content-loading .content.minicart-items,
body.checkout-index-index .opc-block-summary._block-content-loading #minicart-items-wrapper,
body.checkout-index-index .opc-block-summary._block-content-loading .minicart-items
html.after-window-loaded body.checkout-index-index .opc-block-summary._block-content-loading .product.options .item-options,
html.after-window-loaded body.checkout-index-index .opc-block-summary._block-content-loading .product.options .content,
html.after-window-loaded body.checkout-index-index .opc-block-summary._block-content-loading .content.minicart-items,
html.after-window-loaded body.checkout-index-index .opc-block-summary._block-content-loading #minicart-items-wrapper,
html.after-window-loaded body.checkout-index-index .opc-block-summary._block-content-loading .minicart-items {
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

html.after-window-loaded body.checkout-index-index .opc-block-summary:not(._block-content-loading) .product.options .item-options,
html.after-window-loaded body.checkout-index-index .opc-block-summary:not(._block-content-loading) .product.options .content,
html.after-window-loaded body.checkout-index-index .opc-block-summary:not(._block-content-loading) .content.minicart-items,
html.after-window-loaded body.checkout-index-index .opc-block-summary:not(._block-content-loading) #minicart-items-wrapper,
html.after-window-loaded body.checkout-index-index .opc-block-summary:not(._block-content-loading) .minicart-items {
    opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

#narrow-by-list2 {
    padding: 1rem 2rem;
    background: #EEE;
}

#narrow-by-list2 > dt {
    font-weight: 500;
    margin-bottom: 1rem;
}

.fieldset > .field,
.fieldset > .fields > .field {
    margin: 0 0 1rem;
}

@media screen and (max-width: 767px) {

    .mobile-text-align-center {
        text-align: center;
    }
}

/* helper classes */

#jonny-amm-click a[href*="/sunbrella.html"] span::after {
    /* content: "";
    display: inline-block;
    background: url("../images/sunbrella_logo-transparent.png") no-repeat 0 0 transparent;
    width: 120px;
    height: 32px;
    position: absolute;
    top: auto;
    left: auto;
    margin-left: 1.5rem; */
}

small,
.small {
    font-size: 11px;
}

[class*="grid-"] > [class~="col"] small,
[class*="grid-"] > [class~="col"] .small {
    display: inline-block;
    line-height: 1.7rem;
}

.fa.larger {
    font-size: 2rem;
}

.bold {
    font-weight: 500;
}

.bolder {
    font-weight: 700;
}

.boldness {
    font-weight: 800;
}

b, 
strong {
    font-weight: 500;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.red {
    color: #CC0000;
}

.green {
    color: var(--color-green);
}

.blue {
    color: var(--color-blue);
}

.orange {
    color: #E15F1F;
}

.yellow-orange {
    color: var(--color-yellow-orange);
}

.yellow {
    color: var(--color-yellow);
}

.cream {
    color: var(--color-cream);
}

.dark-gray {
    color: #444;
}

.filter-gray-hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: -webkit-filter 1s ease 0s;
    transition: filter 1s ease 0s;
}

:hover > .filter-gray-hover {
    text-decoration: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

em,
.em {
    font-style: italic;
}

.content-inner ul b,
.content-inner ul strong,
.content-inner ol b,
.content-inner ol strong,
.am-content ul b,
.am-content ul strong,
.am-content ol b,
.am-content ol strong {
    font-weight: 500;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.product-addto-links:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.not-bold {
    font-weight: 400;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

.white-space {
    clear: both;
    padding-top: 1px;
    margin-bottom: 1.5em;
}

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

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.padding-top-no,
.jonny-grid [class*="grid_"] p.padding-top-no {
    padding-top: 0;
}

.padding-bottom-no,
.jonny-grid [class*="grid_"] p.padding-bottom-no {
    padding-bottom: 0;
}

.padding-top-bottom-no,
.jonny-grid [class*="grid_"] p.padding-top-bottom-no {
    padding-top: 0;
    padding-bottom: 0;
}

.margin-top {
    margin-top: 0.8em;
}

.margin-bottom {
    margin-bottom: 0.8em;
}

.margin-left {
    margin-left: 0.8em;
}

.margin-right {
    margin-right: 0.8em;
}

.pointer-events-none {
    pointer-events: none;
}

a[href*="javascript"],
a[href="javascript:;"] {
    cursor: default;
}

a[href="#"][onclick] {
    cursor: pointer;
}

a,
.alink {
    color: var(--color-link);
}

a:visited, .alink:visited  {
    color: var(--color-link);
}

a[href^="tel:"],
a[href^="tel:"].alink,
a[href^="tel:"]:visited,
a[href^="tel:"].alink:visited  {
    color: #555;
}

a:hover,
.alink:hover {
    color: var(--color-link-hover);
}

.underline {
    text-decoration: underline;
}

.no-underline {
    text-decoration: none !important;
    border: 0 none !important;
}

.content-inner .ui-corner-all,
.content-inner [class*="grid-"] > div img.ui-corner-all {
    display: block;
    border-radius: 50%;
    padding: 0 !important;
}

input::-webkit-input-placeholder {
    color: #777;
    font-weight: 400;
}

input::-moz-placeholder {
    color: #777;
    font-weight: 500;
}

input:-ms-input-placeholder {
    color: #777;
    font-weight: 500;
}

input:input-placeholder {
    color: #777;
    font-weight: 500;
}

.amsearch-form-container.-opened .input-text::placeholder {
    color: #777;
    font-style: 500;
}

.sidebar input::-webkit-input-placeholder {
    font-weight: 500;
}

.sidebar input::-moz-placeholder {
    font-weight: 500;
}

.sidebar input:-ms-input-placeholder {
    font-weight: 500;
}

.sidebar input:input-placeholder {
    font-weight: 500;
}

input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"] {
    border: 1px solid #CCC;
    padding: 0.5rem 1rem;
    height: auto;
    text-rendering: optimizeLegibility;
}

/*html.touch select,*/
html.touch textarea,
html.touch input[type="text"],
html.touch input[type="number"],
html.touch input[type="password"],
html.touch input.input-text {
    -webkit-appearance: none;
    appearance: none;
}

input[type="number"],
html.touch input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field .control input[type="checkbox"], 
body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field .control input[type="radio"] {
    /* top: 6px; */
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent
}

select option[data-title="Armed Forces Africa"],
select option[data-title="Armed Forces Americas"],
select option[data-title="Armed Forces Canada"],
select option[data-title="Armed Forces Europe"],
select option[data-title="Armed Forces Middle East"],
select option[data-title="Armed Forces Pacific"]{
    display: none !important;
}

/* block title */

.block .title {}

/* messages */

.page.messages,
.account .page.messages,
.account .messages {
    margin-bottom: 0;
    padding-bottom: 0;
}

.page.messages > div:empty {
    display: none;
}

.page.messages .messages {
    /* margin-bottom: 2.4rem; */
}

.page.messages {
    display: none;
}

html.after-window-loaded .page.messages {
    display: block;
}

#minicart-wrapper .minicart-messages {
    border-bottom: 1px solid #DDD;
    overflow: hidden;
    opacity: 0;
    max-height: 0px;
    -webkit-transition: opacity 1s 0s, max-height 1s 0s;
    transition: opacity 1s 0s, max-height 1s 0s;
}

#minicart-wrapper .minicart-messages.show-msg {
    opacity: 1;
    max-height: 300px;
    -webkit-transition: opacity 1s 0s, max-height 1s 0s;
    transition: opacity 1s 0s, max-height 1s 0s;
}

.message p {
    margin: 0;
}

.message.success,
.message.warning,
.message.error,
.message.info {
    line-height: 1.8rem;
    padding: 1.5rem 1rem 1.5rem 45px;
}

.message.success {
    color: #444;
}

.message.error {
    /* background: #ffa3a3;
    color: #4f0c0b;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(255,255,255,0.2); */
    color: #bf1e1a;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(255,255,255,0.2);
}

.page.messages .message.success,
.page.messages .message.warning,
.page.messages .message.error,
.page.messages .message.info {
    margin-bottom: 2.4rem;
}

/* html.after-window-loaded body.catalog-product-view .page.messages .message.success,
html.after-window-loaded body.catalog-product-view .page.messages .message.warning,
html.after-window-loaded body.catalog-product-view .page.messages .message.error,
html.after-window-loaded body.catalog-product-view .page.messages .message.info {
    margin-bottom: 0; 
} */

html.after-window-loaded #minicart-wrapper .message.success,
html.after-window-loaded #minicart-wrapper .message.warning,
html.after-window-loaded #minicart-wrapper .message.error,
html.after-window-loaded #minicart-wrapper .message.info {
    margin: 0;
}

html.after-window-loaded #minicart-wrapper .message.success {
    background: #d5eed5;
}

.content-inner .message.no-icon,
.content-inner .message.error.no-icon,
.content-inner .message.info.no-icon,
.content-inner .message.warning.no-icon,
.content-inner .message.success.no-icon,
.value .message.no-icon,
.value .message.error.no-icon,
.value .message.info.no-icon,
.value .message.warning.no-icon,
.value .message.success.no-icon {
    display: flex;
    margin: 0 0 1.5rem;
    padding: 1.5rem 1.8rem;
}

.message.no-icon > :first-child::before, .message.success.no-icon > :first-child::before, .message.warning.no-icon > :first-child::before, .message.info.no-icon > :first-child::before, .message.error.no-icon > :first-child::before {
    content: none;
}

.content-inner .message.error.no-icon a  {
    color: #bf1e1a;
}

.content-inner .message.error.no-icon a:hover  {
    color: #222;
}

/* html.after-window-loaded .message.error, */
html.after-window-loaded #minicart-wrapper .message.error {
    /* background: #ffb1b1;
    color: #480f0e; *//* #79201e #4f0c0b */
    text-shadow: 1px 1px 1px rgba(255,255,255,0.1), 1px 1px 1px rgba(255,255,255,0.1);
}

html.after-window-loaded #minicart-wrapper .message.error > :first-child::before {
    color: #991612;
}

.message.success > :first-child::before,
.message.warning > :first-child::before,
.message.info > :first-child::before,
.message.error > :first-child::before {
    top: 50%;
}

.message.success a,
.message.warning a,
.message.error a,
.message.info a {
    text-decoration: underline;
}

.message.info a {
    color: var(--color-link);
    text-transform: capitalize;
}

.message.info a:hover {
    color: var(--color-link-hover);
}

@media screen and (max-width: 767px) {

    .page.messages .message.success, 
    .page.messages .message.warning, 
    .page.messages .message.error, 
    .page.messages .message.info {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
        margin-left: 0;
        margin-right: 0;
    }

    html.ofc .page.messages .message.success, 
    html.ofc .page.messages .message.warning, 
    html.ofc .page.messages .message.warning, 
    html.ofc .page.messages .message.error, 
    html.ofc .page.messages .message.info {
        
    }
} 

/* for stupid UPS mangled mess */

body.checkout-cart-index #block-summary #co-shipping-method-form::after,
body.checkout-index-index #checkout-shipping-method-load::after,
body.checkout-index-index #checkout-step-shipping_method .no-quotes-block::after {
   /* content: "";
   white-space: pre-wrap;
   position: relative;
   display: inline-block;
   margin: 0 0 10px;
   padding: 1.5rem;
   font-size: 1.3rem;
   font-weight: 400;
   text-shadow: 1px 1px 1px rgba(255,255,255,0.1), 1px 1px 1px rgba(255,255,255,0.1);
   background: #fdf0d5;
   color: #593701; */
}

body.checkout-cart-index #block-summary #co-shipping-method-form .no-quotes-block::after {
    padding: 1.5rem;
}

body.checkout-index-index #checkout-step-shipping_method .no-quotes-block::after {
    margin-top: 1.5rem;
}

html.pl body.checkout-cart-index #block-summary #co-shipping-method-form::after,
html.pl body.checkout-index-index #checkout-shipping-method-load::after,
html.pl body.checkout-index-index #checkout-step-shipping_method .no-quotes-block::after {
   /* content: "Please contact us if you need a custom or international shipping method for your order:\A\A • Local Phone: 727.498.0547\A • Toll-Free: 1.866.516.0934\A • E-mail: customerservice@patiolane.com"; */
}

html.ofc body.checkout-cart-index #block-summary #co-shipping-method-form::after,
html.ofc body.checkout-index-index #checkout-shipping-method-load::after,
html.ofc body.checkout-index-index #checkout-step-shipping_method .no-quotes-block::after {
   /* content: "Please contact us if you need a custom or international shipping method for your order:\A\A • Local Phone: 727.597.4134\A • Toll-Free: 1.866.712.5684\A • E-mail: support@outdoorfabriccentral.com"; */
}

html.ot body.checkout-cart-index #block-summary #co-shipping-method-form::after,
html.ot body.checkout-index-index #checkout-shipping-method-load::after,
html.ot body.checkout-index-index #checkout-step-shipping_method .no-quotes-block::after {
   /* content: "Please contact us if you need a custom or international shipping method for your order:\A\A • Local Phone: 727.597.4141\A • Toll-Free: 1.866.516.0941\A • E-mail: support@outdoortextiles.com"; */
}

.hdmx__contact-form .fieldset .legend {
    font-weight: 300;
}

@media screen and (max-width: 767px) {

    .message.success,
    .message.warning,
    .message.error,
    .message.info {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

/* discontinued messages */

#discontinued-message,
#discontinued-message2 {
    display: flex;
    margin-bottom: 1.5rem;
    margin-top: 0;/* 1.4rem */
    padding: 1.5rem 1rem 1.5rem 1.5rem;
}

#discontinued-message p,
#discontinued-message2 p {
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 2rem;
}

#discontinued-message p::before,
#discontinued-message2 p::before {
    content: none;
    top: calc(50%);
}

@media screen and (max-width: 767px) {

    #discontinued-message,
    #discontinued-message2 {
        margin: 0 0 1.5rem 0;
    }
}

/* modal + modal wrapper */

.modals-wrapper {
    position: relative;
    z-index: 1012;
}

body._has-modal .modals-wrapper {
    z-index: 11111199992;
}

.modals-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

html.quickcart-open-for-real .modals-wrapper {
    z-index: 20000000001;
}

.amsearch-overlay,
html.search-has-focus .amsearch-overlay {
    display: none !important;
}

.modals-content,
aside .modals-content,
.modal-popup .modal-content {
    border-color: transparent;
    box-shadow: none;
    border: none;
}

.modal-popup .modal-footer {
    border-color: transparent;
}

.modal-slide._show,
.modal-popup._show {
    z-index: 1013;
}

.hdmx__contact-button {
    z-index: 10000;
    min-width: 106px;
    opacity: 0.75;
}

.hdmx__contact-button > span {
    line-height: 16px !important;
    font-size: 14px !important;
    padding: 5px 5px 5px 7px;
    word-spacing: 2px;
    letter-spacing: 1px;
}

.modal-popup .modal-inner-wrap {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    max-height: 90%;
}

.modal-header {
    border-bottom: 0 none transparent;
}

/* ----------------------------------------------------- */
/* jonny shipbar */

#jonny-free-shipbar-top {
    
}

body.checkout-index-index #jonny-free-shipbar-top {
    display: none !important;
}

body.catalog-category-view  #jonny-free-shipbar-top {
    display: none;
}

body.catalog-product-view  #jonny-free-shipbar-top {
    display: none;
}

.jonny-shipbar.container {
    display: inline-grid;
    width: 100%;
	min-height: 45px;
	pointer-events: all;
}

.jonny-shipbar.container.container::before {
	content: none;
}

.jonny-shipbar .main-container {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.jonny-shipbar .bar-content {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
	border-radius: 5px 0 0 5px;
	background-color: #444;/* #5d5c5c #535353 #312d2d #645f5f #312e2e var(--color-gray) var(--color-gray); var(--color-link) */
}

html.ofc .jonny-shipbar .bar-content {
	/* background-color: var(--color-link); */
}

html.ot .jonny-shipbar .bar-content {
	background-color: #666;
}

.jonny-shipbar .bar-content.no-border {
    border-radius: 0;
}

.jonny-shipbar .link {
	color: #FFF;
    /* text-decoration: underline; */
}

.jonny-shipbar .link:hover {
	color: #FFC;
	text-decoration: none;
}

.jonny-shipbar .content {
    margin: auto;
    padding: 0.6rem 1.3rem;
    text-align: center;
}

.jonny-shipbar .label-content {
	vertical-align: middle;
	color: #FFF; 
	font-size: 1.6rem; 
	font-family: var(--font-family-main);
}

.jonny-shipbar .label-content b {
    font-weight: 700;
}

.jonny-shipbar .extra {
    position: relative;
	width: 23px;
	margin-left: 3px;
	vertical-align: middle;
	cursor: pointer;
	padding: 2px;
	box-sizing: content-box;
}

.jonny-shipbar .extra.show-shipbar-text {
    font-size: 26px;
	color: #FFF;
}

.jonny-shipbar .extra.hide-shipbar-text {
	width: 22px;
    height: 22px;
	font-size: 19px;
	color: var(--color-gray);
	border-radius: 50%;
	background: #FFF;
	top: 1px;
	padding: 1px;
}

html.ot .jonny-shipbar .extra.hide-shipbar-text {
	color: #666;
}

.jonny-shipbar .extra:hover{
	color: #FFC;
}

.jonny-shipbar .extra.fa-close:before {
	color: inherit;
	left: 0px;
	top: 1px;
	position: relative;	
}

.jonny-shipbar .extra.fa-close:hover{
    color: var(--color-gray);
	background: #FFC;
}

html.ot .jonny-shipbar .extra.fa-close:hover{
    color: #666;
	background: #FFC;
}

.jonny-shipbar .extra.hide,
.jonny-shipbar .extra-text.hide {
    display: none;
}

@media screen and (max-width: 767px) {

    .jonny-shipbar .content {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .jonny-shipbar .extra.show-shipbar-text {
        font-size: 20px;
    }

    .jonny-shipbar .label-content {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .jonny-shipbar .bar-content {
        /* background-color: #312e2e; */
    }
}

/* ----------------------------------------------------- */
/* sliders custom */

body.cms-home .custom-slider {
    padding: 0;
}

html .page-main .slider-box.imageslider {
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

html.window-loaded .page-main .slider-box.imageslider {
    opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

@media screen and (min-width: 1277px) {

    html:not(.window-loaded) .page-main .slider-box.imageslider {
        min-height: 467px;
    }
}

.owl-loaded [style*="height"].owl-stage-outer.owl-height .owl-carousel .owl-stage {
    background: #CCC;
}

body.cms-home .owl-carousel .owl-stage-outer {
    padding: 20px 0 0 0;
    min-height: 115px;
}

#home-slider-products .custom-slider {
    position: relative;
}

#home-slider-products .custom-slider .owl-theme .owl-controls {
    position: absolute;
    top: -27px;
    right: 44px;
}

@media screen and (max-width: 768px) {
    #home-slider-products .custom-slider .owl-theme .owl-controls {
        position: unset;
        top: unset;
        right: unset;
    }

    [class*="owl-carousel-products-"].owl-theme .owl-controls .owl-nav [class*="owl-"] {
        background: rgba(255, 255, 255, 0.3);
    }

    [class*="owl-carousel-products-"].owl-theme .owl-controls .owl-nav:hover [class*="owl-"] {
        background: rgba(255, 255, 255, 0.5);
    }
}

/* header search */

input:focus {
    background-color: #FFFFDC !important;
}

._keyfocus :focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: none;
}

.search-autocomplete {
    height: 434px;
    background: #FFF;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    overflow-y: auto;
    width: 332px;
    top: 45px;
    z-index: 4;
}

html.search-has-focus .block.block-search,
html.search-has-focus .form .search-autocomplete,
.-opened .search-autocomplete {
    z-index: 1100;
}

.smile-elasticsuite-autocomplete-result .product-shop {
    margin: 0 0 0 0;
    width: 78%;
}

/* product banners */

#product-banners-box {
    margin: 0;
}

#jonny-product-banners {
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    border: 6px solid #94C188;
}

#product-banners-box .product-banners {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 1.5rem;
}

#product-banners-box .product-banners > div {}

#product-banners-box .product-banners a {
    display: block;
}

#product-banners-box .product-banners img {
    border: 1px solid #DDD;
    box-sizing: border-box;
    width: 100%;
}

.sidebar.sidebar-main #product-banners-box .product-banners > div {
    margin: 0;
    float: none;
}

@media screen and (min-width: 768px) {
    body .column.main.media-right .product.media #product-banners-box {}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    #product-banners-box .product-banners > div:first-of-type,
    #product-banners-box .product-banners > div:last-of-type {
        text-align: center;
    }
}

@media screen and (max-width: 1024px) {
    .page-layout-2columns-right .sidebar-main {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    body.catalog-product-view .page-wrapper #maincontent {
        padding-top: 0;
    }

    .sidebar.sidebar-main #product-banners-box .product-banners a {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    #product-banners-box {
        text-align: center;
    }
}

/* header banner image */

html.ofc body.cms-home #jonny-header-banner {
    display: none;
}

.header-banner {
    display: none;
    position: absolute;
    top: 0;
    right: 20px;
    max-height: 100px;
    max-width: 538px;
}

.header-banner.has-grid-half {
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-gap: 0;
    text-align: right;
    justify-items: right;
}

.header-banner a {
    display: block;
}

html.mobile .top-container .header-banner a:nth-child(2) {
    /* display: none; */
}

.header-banner img {
    width: 100%;
    height: auto;
    /* max-height: 100px;
    max-width: 538px; */
    box-sizing: border-box;
}

.header-banner.has-grid-half img {
    width: auto;
    /* max-width: 269px;
    max-height: 100px; */
}

@media screen and (max-width: 1028px) {

    html.ofc header.page-header .header-banner {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {

    header.page-header .header-banner {
        display: block;
        top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
    }

    header.page-header .header-banner {
        display: grid;
        grid-template-columns: 50% 1fr;
    } 
    
    header.page-header .header-banner:has(> a:only-of-type) {
        grid-template-columns: 1fr;
    } 

    .top-container .header-banner,
    .top-container .header-banner.has-grid-half {
        display: none;
    }

    header.page-header .header-banner.has-grid-half {
        display: grid;
    }
}

@media screen and (max-width: 767px) {

    header.page-header .header-banner,
    header.page-header .header-banner.has-grid-half  {
        display: none;
    }

    .top-container .header-banner {
        display: block;
        position: static;
        margin: 2rem auto 2rem;
        max-width: unset;
        max-height: unset;
        text-align: center;
    }

    .top-container .header-banner.has-grid-half {
        display: grid;
    }

    .top-container .header-banner {
        display: none !important;
    }
    
    body.catalog-product-view .top-container .header-banner {
        display: none;
    }

    body.checkout-cart-index .top-container .header-banner.has-grid-half {
        display: none;
    }
}

@media screen and (min-width: 539px) and (max-width: 767px) {

    .top-container .header-banner.has-grid-half {
        width: 538px;/* 100% */
    }

    .top-container .header-banner a {
        display: inline-block;
    }

    .top-container .header-banner img {
        /* border: 1px solid #DDD; */
        max-width: unset;
        max-height: unset;
        box-sizing: border-box;
        width: auto;
        margin: 0 auto;
    }
}

@media screen and (max-width: 610px) {

    .top-container .header-banner {
        display: block;
        position: static;
        margin: 1rem auto 1rem;
        max-width: 100%;
    }

    .top-container .header-banner img {
        border-top: 0 none transparent;
        border-left: 0 none transparent;
        border-right: 0 none transparent;
        width: auto;
    }
}

@media screen and (max-width: 500px) {
    
    .top-container .header-banner.has-grid-half {
        display: grid;
        padding: 0 1rem;
        margin: 0;
    }

    .column.main .slider-box.imageslider {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 420px) {

    .top-container .header-banner {
        margin-bottom: 1rem;
    }
}

/* ---------------------------------- */

@media screen and (min-width: 768px) {
    
    .block-search {
        margin-right: 0;
        padding-left: 0;
        width: 330px;
        height: 52px;
        position: absolute !important;
        top: 134px;
        left: 167px;
        right: auto;
        z-index: 1001;
        float: left;
        opacity: 0;
    }

    body.floating .block-search {
        position: fixed !important;
        top: 0px;
        left: 180px;
        /*!important 195px 167px */
        z-index: 1002;
        border: 0px none transparent;
        width: 360px;
    }

    body.floating-no .block-search {
        right: auto !important;
        left: 148px !important;/* 180px */
        /* 195px 167px */
    }

    html.ofc body.floating-no .block-search {
        
    }

    html.ot body.floating-no .block-search {
        left: 147px !important;
    }

    html.ot .block-search {
        top: 81px;
    }

    html.ofc body.floating .block-search {
        left: 128px !important;
    }

    html.ot body.floating .block-search {
        top: 0;
    }

    html.window-loaded .block-search {
        -webkit-transition: opacity 1s 0s;
        transition: opacity 1s 0s;
        opacity: 1;
    }

    .block-search .control {
        position: relative;
    }

    .block-search .action.search {
        padding: 0 10px 0 0px;
        right: 0;
        top: 0;
    }

    .block-search .action.search::before {
        font-size: 23px;
        line-height: 50px;
        color: #333;
    }

    html.ofc .block-search form:not(.active) .action.search::before {
        color: var(--color-blue);
    }

    .block-search:hover .action.search::before {
        color: #555;
    }

    .block-search input[type="text"] {
        font-size: 16px;
        height: 51px;
        background: #FCFCFC;
        opacity: 1;
        cursor: text;
        color: #333;
        padding: 0 35px 0 15px;
        border-radius: 0;
        border: unset;
        border-right: 1px solid #DDD;
    }

    body.floating .header.content .block-search input[type="text"] {
        height: 52px;
    }

    html.jonny-amm-open .block-search input[type="text"] {
        height: 50px;
    }

    .block-search .action.search.disabled,
    .block-search .action.search[disabled],
    fieldset[disabled] .block-search .action.search {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.7;
    }
}

/* amasty search ext overrides */

html.mobile.window-loaded body .block-search.fadeInTop {
    opacity: 1 !important;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}

html.block-search-nav-no .block-search input[type="text"] {
    padding-left: 15px;
}

.amsearch-form-container.-opened .amsearch-wrapper-input,
.search-autocomplete,
.amsearch-results {
    max-width: unset !important;
}

.amsearch-form-container.-opened .amsearch-wrapper-input {
    position: unset !important;
    right: unset !important;
    width: unset !important;
    max-width: none !important;
    transition: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.search .amsearch-loupe {
    position: absolute;
    top: 29%;
    left: auto;
    height: 22px;
    width: 22px;
    border: 0;
    padding: 0;
    box-shadow: none;
    right: 11px;
}

.amsearch-form-container .input-text:focus {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-color: #DDD;
    border-width: 1px;
    box-shadow: none !important;
    box-sizing: border-box;
}

.amsearch-close {
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
}

.amsearch-close:hover,
.search .amsearch-loupe:hover {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
}

.amasty-xsearch-loader {
    right: 40px;
    top: 20px;
}

.amsearch-overlay {}

.search-autocomplete .amsearch-results .amsearch-wrapper-inner {
    margin-top: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .amsearch-form-container.-opened .amsearch-wrapper-input {
        border-right: 1px solid #DDD;
    }
}

@media screen and (min-width: 768px) {
    .-opened .amsearch-close {
        left: auto;
        right: -25px;
        top: 50%;
        margin-top: -7px;
    }

    .amsearch-form-container.-opened .input-text {
        padding-left: 15px;
    }
}

@media screen and (max-width: 767px) {
    .block-search .label.active + .control input {
        position: static;
        display: none;
    }

    .block-search #search_mini_form {
        height: 0;
    }

    .block-search #search_mini_form.-opened {
        height: auto;
    }

    .block-search #search_mini_form.-opened .label.active + .control input {
        position: static;
        border-bottom: 1px solid #CCC !important;
        display: block;
    }

    .amasty-xsearch-loader {
        right: 39px;
        top: 87px;
    }

    .block-search .label.active + .control input {
        position: static;
        background-color: transparent !important;
    }

    html.block-search-nav-no .block-search input[type="text"] {}

    .amsearch-close {
        left: auto;
        right: 14px;
        top: -53px;
        width: 44px;
        height: 44px;
        z-index: 1;
    }

    .amsearch-overlay {
        display: none !important;
    }

    .slick-initialized:not(.slick-vertical) .slick-slide {
        margin: 0 0.5rem;
    }
}

/* START - .block-search - block-search-nav-no (only used for PL due to logo width) */

@media screen and (min-width: 768px) {

    html.block-search-nav-no body.floating-no .block-search input[type="text"] {
        border-right: unset;
    }
}

@media screen and (min-width: 768px) and (max-width: 1190px) {

    html.block-search-nav-no body.floating-no .block-search {
        border-right: 1px solid #DDD;
    }
}

@media screen and (min-width: 1190px) {

    html.block-search-nav-no body.floating-no .block-search {
        top: 41px;
        left: 18vw !important;
        width: 28%;
        border: 1px solid #DDD;
    }
}

@media screen and (min-width: 1424px) {

    html.block-search-nav-no body.floating-no .block-search {
        left: 19vw !important;
    }
}

@media screen and (min-width: 1524px) {

    html.block-search-nav-no body.floating-no .block-search {
        left: 18vw !important;
    }
}

@media screen and (min-width: 1624px) {

    html.block-search-nav-no body.floating-no .block-search {
        left: 17vw !important;
    }
}

@media screen and (min-width: 1724px) {

    html.block-search-nav-no body.floating-no .block-search {
        left: 15vw !important;
    }
}

@media screen and (min-width: 1824px) {

    html.block-search-nav-no body.floating-no .block-search {
        left: 14vw !important;
    }
}

/* END - .block-search - block-search-nav-no (only used for PL due to logo width) */

@media screen and (min-width: 768px) and (max-width: 1023px) {

    body.floating .block-search {
        left: 148px !important;
        /* 195px 168px */
    }

    html.ofc body.floating .block-search,
    html.ot body.floating .block-search  {
        left:  181px !important;
    }
}

@media screen and (max-width: 767px) {

    .block-search,
    .block.block-search {
        z-index: 1;
        margin-top: 10px;
    }

    /* make mobile search fill drodown container */
    .block-search .control {
        padding: 0;
        min-height: unset;
        background: #FFF;
    }

    html.block-search-overlay .block-search .control {
        background: #FFF;
        min-height: unset;
    }

    .block-search input {
        margin: 0;
        height: 60px;
        border-top: none;
        border-right: none;
        border-left: none;
        font-size: 1.6rem;
        left: 0;
        display: none;
        position: static;
    }

    .block-search #search_mini_form.-opened input {
        display: block;
    }

    .search-autocomplete {
        top: calc(100% - 5px);
        height: 100vh;
    }
}

/* ----------------------------------------------------- */

/* autocomplete - amasty */

.amsearch-results {
    border-top: 5px solid var(--color-link);
}

.amsearch-results .amsearch-leftside,
.amsearch-results .amsearch-products {
    width: auto !important;
}

.search-autocomplete,
.search-autocomplete.amsearch-clone-position {
    width: 100% !important;
    max-height: 400px;
    height: auto;
    margin: 3px 0 0 0;
}

.amsearch-form-container .search-autocomplete .amsearch-leftside .amsearch-products {
    background-color: #FFF;
}

.amsearch-leftside .amsearch-item {
    padding: 10px 15px 5px 15px;
    border-bottom: 1px solid #EEE;
}

.amsearch-results .amsearch-item:hover {
    background-color: #F5F5F5;
}

.amsearch-item .product-image-container {
    width: 50px !important;
}

.amasty-xsearch-autocomplete-image {
    width: 19%;
}

.amasty-xsearch-autocomplete-information {
    width: 78%;
}

.amsearch-item .product-item-name {
    font-size: 1.2rem;
    margin-top: 0;
    line-height: 1.6rem;
}

.abs-product-link > a:hover,
.product-item-name > a:hover,
.product.name a > a:hover {
    color: var(--color-link-hover);
}

.amsearch-item .price-container.price-final_price .price {
    font-size: 1.2rem;
}

.amsearch-item.product-item .price-box {
    margin: 5px 0 5px;
}

.search-autocomplete .amsearch-results .amasty-more-results {
    font-size: 1.2rem;
    padding: 14px 5px 5px 5px;
}

.amsearch-wrapper-content .product-item-details {
    min-height: 50px;
}

.amsearch-item .product-item-description,
.amsearch-item .item-description {
    display: none;
}

/* ----------------------------------------------------- */

/* jump menu */

ul.jump-menu {
    list-style-type: none;
    clear: both;
    padding-left: 0 !important;
    padding-bottom: 1.5em !important;
}

ul.jump-menu li {
    float: left;
    list-style-type: none;
}

ul.jump-menu li a {
    font-size: 1.25rem;
}

#stain-chart > p {
    padding: 5px 10px 1rem;
    margin: 0;
    border-bottom: 1px solid #EEE;
}

#stain-chart > p:first-of-type {
    border-top: 1px solid #EEE;
}

#stain-chart > p:nth-child(odd) {
    background-color: #FAFAFA;
}

/* ------------------*/

/* sale-banner-text - emergency-banner-text - banner-text */

.banner-text {
    /* background: #f4f3f3; */
    text-align: center;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

html.ofc body.cms-home .banner-text {
    position: relative;
    z-index: 1;
}

#emergency-banner-text.banner-text,
.emergency-sale-banner-text.banner-text {
    /* background: #FDF0D5;  */
}

html.window-loaded .banner-text {
    opacity: 1;
}

.banner-text > div {
    /* padding: 1.3rem; */
    color: #111;
}

#jonny-sale-banner-text .banner-text > div img {
    display: none !important;
}

.sale-banner-text-inner,
.emergency-banner-text-inner {
    background: #FDF0D5;
    padding: 1.3rem;
}

.emergency-sale-banner-text.banner-text > div {
    font-size: 1.4rem;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(255, 255, 255, 0.2); 
}

.emergency-sale-banner-text.banner-text > div > div {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.emergency-sale-banner-text.banner-text > div > .emergency-banner-text-inner {
    overflow: hidden;
    max-height: 200px;
    font-style: italic;
    /* padding-top: 0; */
}

.emergency-sale-banner-text.banner-text > div > div + .emergency-banner-text-inner {
    /* padding-top: 0; */
    background: #FFE9BA;
}

html.window-loaded .emergency-sale-banner-text.banner-text > div > .emergency-banner-text-inner {
    /* opacity: 0;
    padding: 0;
    max-height: 0px;
    -webkit-transition: max-height 0.5s 30s, opacity 0.3s 30s, padding 0.5s 30s;
    transition: max-height 0.5s 30s, opacity 0.3s 30s, padding 0.5s 30s; */
}

.banner-text > div a {
    color: inherit;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(255, 255, 255, 0.2);
    font-size: 1.5rem;
}

.banner-text > div a span {
    color: #111;
}

@media screen and (min-width: 769px) {

    html.ofc .emergency-sale-banner-text.banner-text > div > div {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

@media screen and (max-width: 767px) {

    .banner-text > div,
    .banner-text > div a,
    .emergency-sale-banner-text.banner-text > div > div {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .banner-text > div > div {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .emergency-sale-banner-text.banner-text > div > div  br {
        /* display: none; */
    }
}

/* ----------------------------------------------------- */

/* layout */

@media screen and (min-width: 768px) {

    .col-group {
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 767px) {

    .col-group [class*="col-"]:not(.col-group):not(.col-content) {
        text-align: center;
        margin-bottom: 2em;
        padding: 0;
    }

    .col-group [class*="col-"]:not(.col-group):not(.col-content):not(.slider) ul {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        display: inline;
    }

    .col-group [class*="col-"]:not(.col-group):not(.col-content):not(.slider) ul + img {
        clear: both;
        display: block !important;
        text-align: center;
        margin: 0 auto;
    }

    .col-group [class*="col-"]:not(.col-group):not(.col-content) ul li {
        text-align: left;
    }
}

.page-wrapper > .breadcrumbs {
    padding: 2rem 20px 0 20px;
    margin: 0 auto 0;
}

body.cms-page-view .page-wrapper > .breadcrumbs {
    display: none;
}

.breadcrumbs .item:not(:last-child)::after {
    position: relative;
    top: 3px;
}

.page-wrapper #maincontent {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {

    .page-wrapper #maincontent {
        padding-top: 1rem;
    }
}

/* ----------------------------------------------------- */

/* contacts page */

#map_canvas {
    margin-bottom: 1.5rem;
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 200px; */
}

#contact-yellow-box {
    margin: 5px 0 10px;
    padding: 1.5rem;
    background-color: #EEE;/* #FBD460 */
    color: #333;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/* ----------------------------------------------------- */

/* minicart - quickcart */

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item:last-child {
    padding-bottom: 5px;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options > .content {
    margin-bottom: 1rem;
    font-size: 1.1rem;
    line-height: 1.5rem;
    position: relative;
    max-height: 2rem;
    padding-top: 21px;
    box-sizing: border-box;
    cursor: default;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options > .content.active {
    max-height: none;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options > .content::before {
    content: 'show options \00a0\f078';
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    color: #888;
    font-size: 1.3rem;
    cursor: pointer;
    white-space: nowrap;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options > .content.active::before {
    content: 'hide options \00a0\f077';
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options > .content::after,
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options > .content > .product.options.list {
    display: none;
    padding: 1.5rem;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options > .content.active > .product.options.list {
    display: block;
    margin-top: 1px;
    background: #EEE;
    box-sizing: border-box;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options .option-wrapper {
    margin-bottom: 0;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item button.update-cart-item {
    position: relative;
    top: -5px;
    font-size: 11px;
    padding: 5px;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .cart-item-qty {
    position: relative;
    top: 1px;
    pointer-events: none;
    width: 40px;
    border: 1px solid #DDD;
    padding: 3px 5px;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .product-item-pricing .label {
    font-size: 12px;
    padding-right: 0;
    position: relative;
    top: 3px;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .details-qty {
    margin-top: 0;
}

body:not(.checkout-index-index) .header .quickcart-wrapper .block-quickcart .product-item-details {
    cursor: default;
}

.minicart-items .product-item-details {
    position: relative;
}

.minicart-items .action.edit {
    display: none;
}

.minicart-items .action.delete {
    position: absolute;
    top: 4px;
    right: 1px;
}

body:not(.checkout-index-index) .quickcart-wrapper #share-cart-btn-mini-cart {
    display: none !important;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .action.delete::before {
    content: '\00d7' !important;
    color: var(--color-red);
    position: absolute;
    top: -5px;
    right: 2px;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close::before {
    content: '\e616';
    position: relative;
    top: 15px;
    color: #FFF;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close span {
    text-indent: -99999999999px;
    display: inline-block;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close {
    min-height: 50px;
    opacity: 0.7;
}

html.ipad .header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close,
html.iphone .header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close {
    opacity: 1;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close:hover {
    opacity: 1;
}

html.quickcart-enabled .minicart-wrapper .action.showcart.active {
    opacity: 0;
}

html.not-chrome.is-mac.quickcart-open.quickcart-open-for-real .minicart-wrapper .action.showcart,
html.not-chrome.is-mac body.floating .minicart-wrapper .action.showcart {
    display: none !important;
}

html.quickcart-enabled .header .quickcart-wrapper .block-quickcart {
    right: 0 !important;
    -webkit-transform: translate(130%);
    -ms-transform: translate(130%);
    transform: translate(130%);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
}

html.quickcart-enabled .header .quickcart-wrapper.active .block-quickcart {
    -webkit-transform: translate(0%);
    -ms-transform: translate(0%);
    transform: translate(0%);
    border-left-color: #777;
    z-index: 1002;
    opacity: 1;
    pointer-events: auto;
}

@media screen and (max-width: 768px) {
    html.quickcart-enabled .header .quickcart-wrapper .block-quickcart {
        height: 100vh;
    }
}

html.quickcart-enabled .header .block-content-quickcart .quickcart-top {
    background: #444;
}

html.quickcart-enabled .header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper {
    overflow-y: auto;
    padding-bottom: 7rem;
}

.block-minicart .subtitle.empty {
    padding: 30px 15px 20px;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-bottom-container .actions.action-checkout {
    width: 85%;
}

body:not(.checkout-index-index) .header .quickcart-wrapper .block-quickcart dd img {
    width: 75px !important;
}

body:not(.checkout-index-index) .header .quickcart-wrapper .block-quickcart .product-image-container .product-image-photo {
    width: 75px !important;
}

/* quickcart overlay */

#jonny-quickcart-overlay {
    display: none;
    visibility: hidden;
    opacity: 0;
}

#jonny-quickcart-overlay.fade-in.quickcart-open {
    display: block;
    opacity: 1;
    visibility: visible;
    position: fixed;
    z-index: 1004;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh + 1rem);
    pointer-events: auto;
    background-color: var(--modal-overlay-color);
    -webkit-animation: fade-in 0.2s;
    animation: fade-in 0.2s;
}

/* ----------------------------------------------------- */

/* fixed sticky header nav and sticky product options bundle summary */

.sections.navbar-fixed-top {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

@media screen and (min-width: 1000px) and (max-width: 1800px) {

    html.floating-minicart-enabled body.floating .minicart-wrapper {
        top: 12px;
    }
}

@media screen and (max-width: 1024px) {

    #jonny-quickcart-overlay.fade-in.quickcart-open {
        background-color: var(--modal-overlay-color);
    }
}

@media screen and (max-width: 767px) {

    .sections.navbar-fixed-top {
        position: static;
    }

    .page-header .minicart-wrapper {
        position: relative;
        top: 0;
        right: 38px;
        z-index: 1007;
        margin: 0;
        right: 94px;
    }

    html.floating-minicart-enabled body.floating .minicart-wrapper {
        right: 38px !important;
        left: auto !important;
        right: 94px !important;
    }

    /* Chrome 28+, Safari 9+ */
    /*@media screen and (-webkit-min-device-pixel-ratio:0) {
        
        
	}*/
    .page-header {
        margin: 0;
    }

    body.floating .page-header {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1000;
        background-color: #FFF;
        box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3);
    }

    html.is-visible body.floating .page-header {
        box-shadow: none;
    }
}

.minicart-wrapper .showcart {
    position: relative;
    background: transparent;
}

.minicart-wrapper .showcart:hover {
    background: transparent;
}

body.floating .minicart-wrapper .showcart {
    white-space: nowrap;
}

#minicart-wrapper.minicart-wrapper .action.showcart .counter.qty {
    display: inline-block;
    min-width: 20px;
    background: #ff5501;
    text-align: center;
}

/* fix stupid knockoutJS no zero */

#minicart-wrapper.minicart-wrapper .action.showcart .counter.qty .counter-number {
    position: relative;
    height: 24px;
}

#minicart-wrapper.minicart-wrapper .action.showcart .counter.qty.empty .counter-number {
    color: #ff5501;
    text-shadow: none;
    font-size: 1.4rem;
}

#minicart-wrapper.minicart-wrapper .action.showcart .counter.qty.empty .counter-number::before {
    content: "0";
    color: #FFF;
    font-size: inherit;
    text-shadow: 0 0 7px #000000;
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    display: flex;
    justify-content: center;
    align-self: center;
    text-align: center;
}

#minicart-wrapper.minicart-wrapper .action.showcart .counter.qty .counter-number::before {
    content: unset;
}

@media screen and (max-width: 767px) {

    .minicart-wrapper .showcart {
        width: 44px;
        height: 44px;
        margin-left: 0;
    }

    body.floating .minicart-wrapper .showcart {
        left: unset;
    }

    .minicart-wrapper .showcart:before {
        top: 8px;
        left: 11px;
        position: relative;
    }

    .minicart-wrapper .action.showcart .counter.qty {
        position: relative;
        top: 7px;
        left: -47px;
    }

    #minicart-wrapper.minicart-wrapper .action.showcart .counter.qty .counter-number {
        font-size: 1.2rem;
        position: relative;
        top: -2px;
    }
}

@media screen and (min-width: 1400px) {

    html.desktop.floating-minicart-enabled body.floating .minicart-wrapper {
        margin-left: -5px;
    }
}

@media screen and (min-width: 768px) {

    .page-header .minicart-wrapper {
        position: relative !important;
        right: unset;
        left: unset;
        bottom: auto;
        top: 104px;
        z-index: 1006;
        opacity: 0;
    }

    html.window-loaded .page-header .minicart-wrapper {
        -webkit-transition: opacity 1s 0s;
        transition: opacity 1s 0s;
        opacity: 1;
    }

    html.desktop.floating-minicart-enabled body.floating-no .minicart-wrapper {
        z-index: 1011 !important;
        position: relative !important;
        right: unset !important;
        left: unset !important;
        top: 101px !important;
        margin-left: 0;
    }

    html.desktop.floating-minicart-enabled body.floating .minicart-wrapper {
        position: fixed !important;
        z-index: 1007 !important;
    }

    html .minicart-wrapper.active {
        z-index: 1005;
    }

    body.floating-s #bundleSummary {
        position: fixed;
        left: 56vw;
        top: 10px;
        z-index: 1000;
    }

    body.floating .sections {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1001;
        box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3);
        max-height: 52px;
    }

    html.fotorama__fullscreen body.floating .sections {
        position: static;
    }

    body.floating .nav-sections-item-content > .navigation-jonny {
        max-width: 1240px;
    }

    html.floating-minicart-enabled body.floating .minicart-wrapper {
        top: 9px;
    }
}

@media screen and (min-width: 768px) {

    body.floating header.page-header {
        height: 183px;
        /*important for smooth scroll of floating nav section */
    }
}

@media screen and (max-width: 1293px) {

    html.floating-minicart-enabled body.floating .minicart-wrapper {
        right: 20px;
        left: auto !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {

    html.floating-minicart-enabled body.floating .minicart-wrapper {
        top: 9px;
    }

    /* Chrome 28+, Safari 9+ */
    @media screen and (-webkit-min-device-pixel-ratio:0) {

        html.desktop.floating-minicart-enabled body.floating .minicart-wrapper {
            position: fixed !important;
            left: auto !important;
            right: 15px !important;
            z-index: 10000;
        }

        html.desktop.floating-minicart-enabled.is-visible.jonny-amm-open body.floating .minicart-wrapper {
            /*z-index: 1 !important;*/
        }
    }

    .block-compare .block-title strong,
    .block-reorder .block-title strong,
    .widget .block-title strong,
    .block-wishlist .block-title strong,
    .blog__sidebar-main > .block .block-title strong {
        font-size: 1.5rem;
        font-weight: 800;
    }
}

@media screen and (max-width: 767px) {
    html #bundleSummary {
        position: static !important;
        width: unset !important;
    }
}

body.page-product-bundle #product-options-wrapper select {
    width: 80%;
}

/* header */

.page-header .widget.block,
.page-footer .widget.block {
    margin: 0;
    clear: none;
}

.logo img {
    width: auto;
}

@media screen and (min-width: 768px) {
    .panel.wrapper > .page-header > .widget.block {
        float: left;
    }
}

@media screen and (max-width: 767px) {
    .page-header .minicart-wrapper > .action.showcart {
        position: relative;
        top: 0px;
        z-index: 10;
    }

    .page-header .block.block-search .field.search label[for="search"] {
        position: relative;
        top: -8px;
        left: -3px;
        cursor: pointer;
    }

    body.floating .page-header .block.block-search .field.search label[for="search"] {
        position: relative;
        left: -3px;
    }

    /* align logo and menu hamburger for mobile trigger */
    .logo {
        margin: 0 0 0 50px;
        margin: 0;
    }

    html .logo img {
        height: auto;
        width: 50px;
    }

    .logo img {
        object-fit: contain;
    }

    .nav-toggle {
        padding: 0;
        left: 10px;
        left: auto;
        right: 10px;
    }
}

@media screen and (max-width: 639px) {

    .page-header .block.block-search .field.search label[for="search"] {
        position: relative;
        top: -8px;
        left: 45px;
        left: -3px;
    }

    body.floating .page-wrapper .page-header {}
}

/* ------------------------------------ */

/* header panel */

.header.panel > .header.links {
    margin: 0;
}

.header.panel > .header.links li:first-of-type {
    margin: 0;
}

html.logged-in .header.panel > .header.links > li.authorization-link {
    display: none !important;
}

html.logged-out .header.panel > .header.links > li.authorization-link {
    display: inline-block !important;
}

.customer-welcome .customer-menu > .header.links {
    z-index: 1;
    background: #333;
    border-color: #333;
}

.customer-welcome ul::before {
    border-color: transparent transparent #333 transparent;
}

.customer-welcome ul::after {
    border-color: transparent transparent #333 transparent;
}

.customer-welcome ul li {
    border-bottom: 1px solid #444;
    padding: 0 0 0 0;
    text-align: center;
}

.customer-welcome ul li:hover {
    background: #444;
}

.customer-welcome li a {
    color: #FFF !important;
}

#header-links-top {
    z-index: 1005;
}

/* jonny selectlist */

html .jonny-selectlist {
    border: 0px none transparent;
    border-right: 1px solid #DDD;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    color: #555;
    float: right;
    height: 34px;
    width: 149px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    border: 0 none;
    line-height: 35px;
}

html body.is-builder .pb-qty-dropdown .jonny-selectlist {
    float: none;
    position: relative;
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    max-height: 56px;
    width: 35px;
}

@media screen and (max-width:1023px) {

    html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist {
        max-height: 65px;
    }
}

html.touch:not(.desktop) body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist.select,
html.touch.touch-ipad.desktop body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist.select {
    overflow: hidden;
}

html .jonny-selectlist > span {
    display: block;
    position: relative;
    top: 1px;
    cursor: pointer;
    padding: 0 30px 0 15px;
    text-align: left;
    line-height: 33px;
    font-size: 13px;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
}

html.ot .jonny-selectlist > span {
    color: #FFF;
}

html .jonny-selectlist:hover > span {
    color: #333;
}

html.ot .jonny-selectlist:hover > span {
    color: var(--color-cream);
}

html .jonny-selectlist ul,
html .jonny-selectlist select {
    display: none;
    padding: 0;
    margin: 0;
    background-color: #333;
    list-style-type: none;
    width: 100%;
    position: absolute;
}

html .jonny-selectlist.light ul,
html .jonny-selectlist.light select {
    background-color: #FFF;
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist ul,
html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist select {
    position: relative;
    top: -360px;
    left: -70px;
    width: 100px;
    max-height: 360px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
    text-align: center;
    border-radius: 1px;
    border: 1px solid #DDD;
    /* border: 1px solid var(--pb-color-blue); */
    border-bottom: 0 none;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.1), -2px -2px 8px rgba(0,0,0,0.1);
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist select {
    top: -361px;
    max-height: unset;
    height: 361px;/*  !important */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* background: none #FFF; */
}

html:not(.touch.mobile) body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist select {
    background: none #FFFFFF;
}

html.touch:not(.desktop) body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist select,
html.touch.touch-ipad.desktop body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist select {
    display: block;
    position: absolute;
    right: 0;
    left: auto;
    top: auto;
    width: 35px;
    height: 100%;
    max-height: 65px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    box-shadow: none;
    opacity: 0;

    /* text-indent: 1px;
    text-overflow: '';
    text-indent: 0.01px; 
    text-overflow: ""; */
}

@media screen and (orientation: landscape) and (min-width: 320px) and (max-width: 480px) {

    
}

html .jonny-selectlist:hover > ul,
html .jonny-selectlist:hover > select {
    display: block;
}

html #builder-qty-dropdown.jonny-selectlist:hover > ul,
html #builder-qty-dropdown.jonny-selectlist:hover > select {
    display: none;
}

html #builder-qty-dropdown.jonny-selectlist.active > ul,
html #builder-qty-dropdown.jonny-selectlist.active > select {
    display: block;
}

html .jonny-selectlist ul::before,
html .jonny-selectlist ul::after {
    content: '';
    display: block;
    border-bottom-style: solid;
    width: 0;
    height: 0;
    position: absolute;
}

html .jonny-selectlist ul::before {
    border: 6px solid;
    /* border-color: transparent transparent #ffffff transparent; */
    border-color: transparent transparent #333 transparent;
    z-index: 99;
    right: 10px;
    top: -12px;
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist ul::before {
    content: none;
}

html .jonny-selectlist.light ul::before {
    border-color: transparent transparent #DDD transparent;
}

html .jonny-selectlist ul::after {
    border: 7px solid;
    /* border-color: transparent transparent #bbbbbb transparent; */
    border-color: transparent transparent #333 transparent;
    z-index: 98;
    right: 9px;
    top: -14px;
}

html .jonny-selectlist.light ul::after {
    border-color: transparent transparent #DDD transparent;
}

html .jonny-selectlist ul li,
html .jonny-selectlist select option {
    display: block;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    list-style-type: none;
    clear: both;
    float: none;
    border-top: 1px solid #444;
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist ul li,
html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist select option {
    font-size: 1.6rem;
    font-weight: 300;
    color: var(--pb-color-blue);
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: 3.5rem;
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist select option {
    padding: 0.5rem 0;
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist ul li:hover,
html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist select option:hover  {
    color: #222;
}

html .jonny-selectlist.light ul li,
html .jonny-selectlist.light select option {
    border-top: 1px solid #EEE;
}

html .jonny-selectlist ul li:first-of-type,
html .jonny-selectlist select option:first-of-type {
    border-top: 0px none transparent;
}

html .jonny-selectlist ul li:hover,
html .jonny-selectlist ul li.current,
html .jonny-selectlist select option:hover {
    background-color: #444;
}

html .jonny-selectlist.light ul li:hover,
html .jonny-selectlist.light ul li.current,
html .jonny-selectlist.light select option:hover {
    background-color: #DDD;
}

html .jonny-selectlist ul li a,
html .jonny-selectlist ul li strong {
    display: block;
    padding: 3px 24px 3px 47px;
    margin: 0;
    float: none;
    text-align: left;
    line-height: 30px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--color-cream);
    text-decoration: none;
    -webkit-font-smoothing: subpixel-antialiased;
}

html .jonny-selectlist.light ul li a,
html .jonny-selectlist.light ul li strong {
    color: #444;
}

html .jonny-selectlist ul li.current strong {
    font-size: 12px;
    cursor: default;
}

html.ofc .jonny-selectlist ul li.current strong {
    font-size: 14px;
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist .jonny-selectlist-trigger-icon {
    display: block;
    position: absolute;
    right: 0;
    left: auto;
    width: 35px;
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html.touch:not(.desktop) body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist.select .jonny-selectlist-trigger-icon {
    /* pointer-events: none; */
}

html.touch:not(.desktop) body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist.select .jonny-selectlist-trigger-icon,
html.touch.touch-ipad.desktop body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist.select .jonny-selectlist-trigger-icon {
    pointer-events: none;
}

html .jonny-selectlist::after,
html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist .jonny-selectlist-trigger-icon::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 22px;
    content: '\e622';
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    color: #444;
    position: absolute;
    top: 7px;
    right: 13px;
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist::after {
    content: none;
    font-size: 14px;
    bottom: -3.8rem;
    top: auto;
}

html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist .jonny-selectlist-trigger-icon::after {
    content: '\f0dd';
    font-family: FontAwesome;
    font-size: 2.2rem;
    color: #333;
    top: 41%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width:1023px) {

    html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist .jonny-selectlist-trigger-icon::after {
        top: 42%;
    }
}

html.ot .jonny-selectlist::after {
    color: #FFF;
}

html .jonny-selectlist:hover::after {
    content: '\e621';
    color: #444;
}

html.ot .jonny-selectlist:hover::after {
    color: var(--color-cream);
}

html body.is-builder #maincontent .pb-qty-dropdown #builder-qty-dropdown.jonny-selectlist.active .jonny-selectlist-trigger-icon::after,
html body.is-builder #maincontent .pb-qty-dropdown .jonny-selectlist:hover .jonny-selectlist-trigger-icon::after {
    color: var(--pb-color-blue);
}

/* --------------------------------- */

#header-links-top a {
    font-size: 12px;
}

.page-wrapper > .page-header {
    position: relative;
    z-index: 3;
    min-width: 320px;
}

html.jonny-amm-open .page-wrapper > .page-header {
    z-index: 3;
}

@media (min-width: 768px) {
    html.pl #jonny-amm-overlay {
      background-color: var(--modal-overlay-color);
      opacity: 0;
    }
  }

@media (max-width: 767px) {

    html.is-visible body #jonny-amm-overlay {
      z-index: 2;
    }
}

@media screen and (max-width: 767px) {

    #header-links-top {
        display: none !important;
        position: static;
    }
}

@media screen and (min-width: 768px) {

    html.pl.is-visible body #jonny-amm-overlay,
    html.ofc.is-visible body #jonny-amm-overlay,
    html.ot.is-visible body #jonny-amm-overlay {
        opacity: 0;
    }

    .page-wrapper > .page-header {
        min-height: 220px;
    }

    .header.panel > .header.links {
        position: absolute;
        right: 57px;
        top: 8.4rem;
    }

    html .page-header .panel.wrapper {
        background: #DDD;/* #333 */
        width: 100%;
        height: 35px;
    }

    .page-header .header.panel {
        padding-bottom: 0px;
        padding-top: 0px;
        position: relative;
        z-index: 7;
        height: 35px;
    }

    .panel.header > .header.links {
        float: right;
        margin-left: 1em;
        z-index: 1;
        position: relative;
        top: 6px;
        right: 0;
    }

    .customer-welcome .header.links {
        min-width: 121px;
    }

    .customer-welcome .action.switch::after {
        color: #FFF;
        position: relative;
        top: 4px;
    }

    html.logged-in .customer-welcome .action.switch::after {
        position: absolute;
        right: 0;
        left: auto;
    }

    html.logged-in .customer-welcome .action.switch::before {
        content: "Customer Menu";
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        top: -2px;
        left: -10px;
        padding-right: 5px;
    }

    .customer-welcome:hover .action.switch::after {
        color: var(--color-cream);
        content: '\e621';
    }

    .customer-welcome .customer-menu {
        cursor: pointer;
        position: relative;
        top: -2px;
    }

    .customer-welcome:hover .customer-menu {
        display: block;
    }

    .panel.header > .header.links .customer-menu .header.links li.link.rewards,
    .panel.header > .header.links .customer-menu .header.links li.link.wishlist,
    .panel.header > .header.links .customer-menu .header.links li.link.helpdesk {
        display: none !important;
    }

    .panel.header > .header.links > li.nav.item {
        display: none !important;
    }

    .header.panel > .header.links > .authorization-link::after {
        content: attr(data-label);
        display: inline-block;
        margin: 0 -5px 0 5px;
        color: #444;/* #FFF */
        font-size: 12px;
        text-transform: uppercase;
    }

    html.ot .header.panel > .header.links > .authorization-link::after {
        color: #FFF;
    }

    .header.panel > .header.links > li.welcome,
    .header.panel > .header.links > li > a,
    .header.panel > .header.links > li.customer-welcome span.customer-name {
        font-size: 13px;
        cursor: pointer;
        white-space: nowrap;
        color: #444;/* #FFF */
        font-weight: 400;
        text-transform: capitalize;
    }

    html.ot .header.panel > .header.links > li.welcome,
    html.ot .header.panel > .header.links > li > a,
    html.ot .header.panel > .header.links > li.customer-welcome span.customer-name {
        color: #FFF;
    }

    .header.panel > .header.links > li.welcome {
        /* display: none; */
        line-height: 2.5rem;
        float: right;
        padding-left: 1.5rem;
    }

    html.logged-out .header.panel > .header.links > li.welcome {
        display: none;
    }

    .header.panel > .header.links > li.welcome .logged-in {
        display: block;
    }

    html.logged-out .header.panel > .header.links > li.welcome {
        display: none;
    }

    .header.panel > .header.links > li.welcome .not-logged-in,
    html.logged-in .header.panel > .header.links > li.welcome .not-logged-in {
        display: none;
    }

    .header.panel > .header.links > li.customer-welcome span.customer-name {
        line-height: 33px;
        display: block;
        position: relative;
        top: -3px;
        font-weight: 600;
    }

    html.logged-in .header.panel > .header.links > li.customer-welcome span.customer-name {
        width: 130px;
        font-weight: 600;
    }

    .header.panel > .header.links > li.customer-welcome span.customer-name > span {
        font-weight: bold;
        text-transform: uppercase;
    }

    .header.panel > .header.links > li.customer-welcome span.customer-name > span:empty {
        display: inline-block;
        content: " ";
        position: relative;
        top: 3px;
        left: 0;
        z-index: 1;
        background: url("../images/opc-ajax-loader-dark.gif") no-repeat 50% 52% transparent;
        min-width: 20px;
        min-height: 16px;
    }

    .header.panel .customer-welcome .action.switch {
        color: #333;
    }

    .header.panel .customer-welcome .action.switch:hover {
       
    }

    .customer-welcome .customer-menu > .header.links {
        top: 27px;
    }

    .header.panel > .header.links > li > a,
    .header.panel > .header.links > li > a:active,
    .header.panel > .header.links > li > a:focus,
    .header.panel > .header.links > li > a:visited {
        font-weight: bold;
        color: #444;/* #FFF */
        text-transform: uppercase;
    }

    html.ot .header.panel > .header.links > li > a,
    html.ot .header.panel > .header.links > li > a:active,
    html.ot .header.panel > .header.links > li > a:focus,
    html.ot .header.panel > .header.links > li > a:visited {
        color: #FFF;
    }

    .customer-welcome .action.switch {
        margin-left: 5px;
    }

    html.logged-in .customer-welcome .action.switch {
        position: absolute;
        right: 0;
        width: 100%;
        margin-left: 1rem;
    }

    .header.panel > .header.links > li > a:hover,
    .header.panel > .header.links > li.customer-welcome:hover span.customer-name {
        color: var(--color-link);/* var(--color-cream) */
    }

    html.ot .header-phone-top {
        float: left;
    }

    .page-header .panel.wrapper,
    .copyright {
        border-bottom: 0px none transparent;
        background-color: transparent;
        color: inherit;
    }

    .copyright {
        border-bottom: 0px none transparent;
        background-color: #222;
        color: #FFF;
    }

    .header.content {
        padding: 43px 20px 14px;
        height: 133px;
        /*z-index: 1;*/
    }

    body.floating .header.content {
        z-index: 10000;
    }

    .logo {
        margin: 0;
        padding: 0.8rem 1rem 0.6rem;/* 1rem */
        border: 1px solid #DDD;
        position: absolute;
        top: 7px;/* -35px */
        left: 2rem;
        z-index: 11;
        background: #FFF;
    }

    body.page-print #maincontent > .logo {
        position: static;
        margin: 0 auto;
    }
}

/* ------------------------------------ */

/* home links */

.page-header .header.content #home-links {
    position: absolute;
    top: 57px;
    right: 12px;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .page-header .header.content #home-links {
        display: none;
    }

    html.desktop .page-header .header.panel {
        min-height: 38px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .page-header .header.panel {
        height: 0;
    }
}

html.mobile .page-header .header.panel {
    height: 0;
}

/* ------------------------------------ */

/* social links */

ul.social-links {
    list-style-type: none;
    margin: 0.3rem 0 0 0;
    padding: 0;
}

#footer ul.social-links {
    margin-top: 1.5rem;
}

html.pl .panel.header ul.social-links {
    margin: 0.3rem 1.5rem 0 0;/* 0.3rem 1.5rem 0 17rem */
    /* display: inline-block; */
}

html.ofc .panel.header ul.social-links {
    margin: 0.3rem 1rem 0 0;
    float: right;
}

ul.social-links li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

ul.social-links li a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    color: #444;
}

#footer ul.social-links li a {
    color: #FFF;
}

ul.social-links li a:hover {
    text-decoration: none;
}

ul.social-links li a::before {
    content: "" !important;
}

ul.social-links li a i {
    display: block;
    font-size: 23px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: inherit;
    text-align: center;
    -webkit-transition: background-color .8s ease, color .8s ease;
    transition: background-color .8s ease, color .8s ease;
}

.panel.header ul.social-links li a i {
    font-size: 18px;
}

html.pl .panel.header ul.social-links li a i {
    /*color: #333; #FFF */
}

html.ofc .panel.header ul.social-links li a i {}

#footer ul.social-links li a i {
    color: #FFF;
}

ul.social-links li a.facebook:hover i {
    color: #4380D5;
}

ul.social-links li a.pinterest:hover i {
    color: #DE3838;
}

ul.social-links li a.twitter:hover i {
    color: #33ccff;
}

ul.social-links li a.youtube:hover i {
    color: #DE3838;
}

ul.social-links li a.instagram:hover i {
    color: #CE49CA;
}

ul.social-links li a.houzz:hover i {
    color: #4DBC15;
}

@media screen and  (min-width: 768px) and (max-width: 1200px) {

    html .panel.header ul.social-links {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {

    .panel.header ul.social-links {
        display: none;
        /* opacity: 0;
        pointer-events: none; */
    }
}

/* ------------------------------------ */

/* phone number */

.phone-number {
    display: none;
}

.phone-number a {
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 2.8rem;
    -webkit-font-smoothing: subpixel-antialiased;
}

.phone-number a:hover {
    color: var(--color-cream);
}

@media screen and (min-width: 768px) {

    .page-header .header.panel .phone-number {
        display: block;
        float: right;
        /* margin-top: 0.4rem; */
    }

    html.ot .page-header .header.panel .phone-number {
        margin-top: 3px;
    }

    .page-header .header.panel .phone-number a {
        display: inline-block;
        margin-right: 1rem;
        color: #333;/* #FFF */
    }

    html.ot .page-header .header.panel .phone-number a {
        color: #FFF;
    }

    .page-header .header.panel .phone-number a:hover {
        color: var(--color-link);/* var(--color-cream); */
        text-decoration: none;
    }

    html.ot .page-header .header.panel .phone-number a:hover {
        color: var(--color-cream);
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    html:not(.ot) .page-header .header.panel .phone-number a {
        margin-top: 4px;
    }
}

@media screen and (max-width: 767px) {

    .page-header .panel.wrapper {
        background-color: transparent;
        color: unset;
    }

    .page-header .header.panel .phone-number {
        position: absolute;
        left: 134px;
        top: 23px;
        z-index: 100;
    }

    .page-header .header.panel .phone-number a {
        color: #444;
        font-weight: 400;
        font-size: 1.7rem;
    }

    .phone-number a:hover {
        color: #333;
    }

    .page-wrapper > .widget {
        display: block !important;
    }

    .page-header .header.panel {
        display: none;
    }

    .phone-number {
        display: block;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #DDD;
        background: #333;
    }

    .phone-number a {
        font-size: 1.8rem;
        display: inline-block;
        margin-top: 1rem;
        margin-bottom: 1rem;
        color: #FFF;
    }

    .phone-number a:hover {
        color: var(--color-cream);
    }

    .minicart-items .product-item-name a {
        font-size: 1.2rem;
        line-height: 1.8rem;
        display: block;
    }
}

/* ----------------------------------------------------- */

/* nav */

.sections {
    background: #FFF;
    z-index: 0;
}

.page-header .sections {}

@media screen and (min-width: 1025px) {
    .sections {
        position: relative;
    }

    body > .sections {
        display: none;
    }
}

@media screen and (min-width: 767px) {
    .page-header > .sections {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        box-sizing: border-box;
        height: 54px;
    }

    body.floating .page-header > .sections,
    body.floating > .sections {
        border-top: 0px none transparent;
        border-bottom: 0px none transparent;
    }

    .page-header .sections #sections-items {
        max-width: 1280px;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

    body.floating div[id="store.menu"] {
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
    }
}

@media screen and (max-width: 767px) {

    html.mobile-jamm body .page-wrapper .page-header > .sections {
        display: none !important;
    }
}

/* ----------------------------------------------------- */

/* block */

#narrow-by-list {
    display: flex;
    flex-direction: column;
}

#narrow-by-list > .filter-options-item.price-filter {
    display: flex;
    flex-direction: column;
    order: -1;
}

@media screen and (min-width: 1024px) {
    #layered-filter-block {
        background-color: #EEE;
    }

    #layered-filter-block .filter-options-content {
        background: #EEE;
        padding-bottom: 1rem;
    }
}

.block-compare .block-title strong,
.block-reorder .block-title strong,
.widget .block-title strong,
.block-wishlist .block-title strong,
.blog__sidebar-main > .block .block-title strong,
.block-filter .title strong,
.block.filter .title strong {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

body.cms-home .widget.block-post-list .block-title strong {
    font-size: 2rem;
    font-weight: 600;
    text-transform: capitalize;
    padding-bottom: 3rem;
}

.filter-title strong {
    cursor: pointer;
    background-color: var(--color-blue);
    border: 1px solid var(--color-blue);
    color: #FFF;
    box-shadow: none;
    line-height: 2.2rem;
    padding: 12px 14px;
    font-size: 1.8rem;
}

.filter-title strong::before {
    /* content: "Filters ";
    color: inherit;
    font-weight: inherit; */
}

.filter-title strong:hover {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: #FFF;
}

.ui-slider .ui-slider-handle {
    cursor: pointer;
}

.filter-current .items {
    padding: 1.5rem 1.5rem;
}

.filter-actions {
    padding: 0 1.5rem;
    margin-bottom: 1.5rem;
}

.filter .actions {
    display: flex;
}

.filter [data-bind*="enableExpansion()"].actions {
    float: right;
    margin-top: 13px;
}

@media screen and (max-width: 767px) {
    .filter .block-subtitle {
        font-size: 1.5rem;
        padding: 10px 10px 10px 0;
    }

    .filter-title strong {
        cursor: pointer;
        width: 95%;
        margin: 0 auto;
    }

    .filter.active .filter-title strong {
        display: block;
        text-align: left;
        position: relative;
        left: 0;
        right: auto;
        color: #444;
        font-weight: 800;
        font-size: 1.6rem;
        padding: 2px 12px;
    }

    .filter.active .filter-title strong::after {
        position: absolute;
        right: 20px;
        cursor: pointer;
        color: #111;
    }
}

@media screen and (min-width: 0px) and (max-width: 639px) {

    .page-with-filter .columns .sidebar-main {
        flex-basis: unset;
    }

    .filter-title strong {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding: 14px 12px;
        /* background-color: var(--color-yellow-orange);
        border-color: var(--color-yellow-orange);
        color: #333; */
        font-weight: 500;
        box-sizing: border-box;
    }

    .filter-title strong:hover {
        background: #555;
        border-color: #555;
        color: #FFF;
    }

    .smile-es-range-slider .ui-slider {
        margin: 5px 10px 5px 3px;
    }

    .smile-es-range-slider [data-role="message-box"] {
        flex: 9;
        display: inline-flex;
    }

    .smile-es-range-slider .actions-primary {
        flex: 1;
        display: inline-flex;
    }
}

.filter .block-subtitle {
    font-size: 1.8rem;
    font-weight: 500;
    padding: 10px 10px 10px 10px;
    line-height: 1.42857143;
    text-transform: uppercase;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
}

#layered-filter-block > .block-content.filter-content > .block-subtitle {
    display: none;
}

/* widget accordion */

.accordion [data-role="collapsible"] {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.accordion.category-description [data-role="collapsible"] {
    border-bottom: none;
}

.filter-options-item {
    border-bottom: 1px solid #DDD;
}

@media screen and (min-width: 1024px) {

    /* .accordion.category-description [data-role="collapsible"] {
        display: none !important;
    }

    #category-description > [data-role="content"] {
        display: block !important;
    } */
}

@media screen and (min-width: 768px) {

    .accordion [data-role="collapsible"].active > [data-role="trigger"]::after {
        top: 12px;
    }

    .accordion [data-role="collapsible"].active + div[data-role="content"] {
        border-top: 0px none transparent;
    }
}

@media screen and (max-width: 767px) {

    body.catalog-product-view .accordion [data-role="collapsible"] {
        border-bottom: 0px none transparent;
    }

    /* TEMP */
    /* .accordion.category-description [data-role="collapsible"] {
        display: none !important;
    }
    #category-description > [data-role="content"] {
        display: block !important;
    }  */
    /* TEMP */
}

.accordion [data-role="collapsible"] [data-role="trigger"] {
    position: relative;
    color: var(--color-link);
    cursor: pointer;
    font-weight: 500;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    word-break: break-all;
    z-index: 1;
    display: block;
    text-decoration: none;
}

.accordion [data-role="collapsible"] [data-role="trigger"]::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    line-height: inherit;
    color: inherit;
    content: '\e622';
    font-family: 'luma-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    position: absolute;
    right: 13px;
    top: 13px;
}

#category-description.accordion [data-role="collapsible"] [data-role="trigger"]::after {
    top: 18px;
}

#category-description.accordion [data-role="collapsible"].active [data-role="trigger"]::after {
    top: 18px;
}

/* #category-description */

.accordion [data-role="collapsible"] [data-role="trigger"]:hover::after {
    color: #222;
}

@media screen and (max-width: 767px) {
    body.catalog-product-view .accordion [data-role="collapsible"] [data-role="trigger"]::after {
        right: 10px;
        font-size: 14px;
    }
}

@media screen and (max-width: 639px) {
    .accordion [data-role="collapsible"] [data-role="trigger"] {
        font-weight: 800;
        background: transparent;
    }
}

.accordion [data-role="collapsible"].active > [data-role="trigger"]::after {
    content: '\e621';
}

.accordion [data-role="collapsible"] [data-role="trigger"] span {
    display: block;
    padding: 9px 20px 9px 20px;
    padding-left: 0;
    font-size: 1.6rem;
    line-height: 40px;
    border-bottom: 1px solid #d1d1d1;
    /* color: #555; */
    text-transform: capitalize;
    font-weight: 300;
    height: 40px;
}

.accordion [data-role="collapsible"].active [data-role="trigger"] span {
    border-bottom: none;
}

.accordion [data-role="collapsible"] [data-role="trigger"]:hover span {
    color: #222;
}

body.catalog-product-view .accordion [data-role="collapsible"] [data-role="trigger"]::after {
    content: none;
}

.accordion [data-role="content"] {
    padding: 0 0 0 0;
}

.accordion [data-role="content"]:empty {
    display: none !important;
}

body.catalog-category-view .column.main > .category-view {
    order: 0;
}

body.catalog-category-view .column.main > .category-view .category-cms h2 {
    margin-top: 0;
}

/* #category-description - jonny-gradient-read-more */

.accordion.category-description.jonny-gradient-read-more {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 120px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
}

.accordion.category-description.jonny-gradient-read-more > [data-role="content"] {
    padding-top: 0;
    order: -1;
    display: block !important;
    overflow: hidden;
    max-height: 110px;
    min-height: 110px;
    /* -webkit-transition: max-height 0.5s ease-in-out 0s;
    transition: max-height 0.5s ease-in-out 0s; */
}

.accordion.category-description.jonny-gradient-read-more > .active + [data-role="content"] {
    display: block !important;
    max-height: 3000px;
    /* -webkit-transition: max-height 0.5s ease-in-out 0s;
    transition: max-height 0.5s ease-in-out 0s; */
}

.accordion.category-description.jonny-gradient-read-more [data-role="collapsible"] {
    border-bottom: none;
    border-top: 0 none;
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 2;
    width: 100%;
    max-width: 100px;
    overflow: hidden;
}

@media screen and (max-width: 480px) {

    .accordion.category-description.jonny-gradient-read-more [data-role="collapsible"] {
        left: 50%;        
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .accordion.category-description.jonny-gradient-read-more [data-role="collapsible"] [data-role="trigger"] span {
        line-height: 40px;
    }
}

.accordion.category-description.jonny-gradient-read-more [data-role="collapsible"] [data-role="trigger"]::after {
    content: none !important;
}

.accordion.category-description.jonny-gradient-read-more [data-role="collapsible"] [data-role="trigger"] span {
	position: relative;
    padding: 0;
    height: auto;
    line-height: 30px;
    border: 0 none;
    margin-bottom: 0.5rem;
}

.accordion.category-description.jonny-gradient-read-more [data-role="collapsible"].active [data-role="trigger"] span::after {
    content: "Read Less";
    font-weight: 400;
    background: #FFF;
    z-index: 1;
    position: absolute;
    width: calc(100% - -1rem);
    height: 100%;
    left: 0;
    top: 9px;
}

html.ofc .accordion.category-description.jonny-gradient-read-more [data-role="collapsible"].active [data-role="trigger"] span::after {
    font-size: 1.8rem;
    font-weight: 300;
}

.accordion.category-description.jonny-gradient-read-more [data-role="collapsible"] [data-role="trigger"] span a {
	display: block;
    padding: 9px 0px 9px 0px;
    font-weight: 400;
}

.accordion.category-description.jonny-gradient-read-more > [data-role="content"] #category-description-text {
	position: relative;
    max-height: inherit;
    overflow: inherit;
}

.accordion.category-description.jonny-gradient-read-more > [data-role="content"][style="display: none;"] #category-description-text {
    color: #000;
    min-height: 4rem;
}

html.ofc .accordion.category-description.jonny-gradient-read-more > [data-role="content"][style="display: none;"] #category-description-text {
    min-height: 4rem;
}

.accordion.category-description.jonny-gradient-read-more > .active + [data-role="content"] #category-description-text {
    padding-bottom: 5.5rem;
    max-height: inherit;
}

.accordion.category-description.jonny-gradient-read-more > [data-role="content"] #category-description-text::after {
    content: "";
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.9) 60%,#fff 85%,#fff);
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.accordion.category-description.jonny-gradient-read-more > .active + [data-role="content"] #category-description-text::after {
    content: "";
	background: transparent;
    pointer-events: none;
}

.accordion.category-description.jonny-gradient-read-more > .active + [data-role="content"] #category-description-text p:last-of-type {
    margin-bottom: 0rem;
}

/* ----------------------------------------------------- */

/* homepage */

body.cms-home .page-wrapper #maincontent {
    padding-top: 0;
    padding: 0;
}

body.cms-home .content-inner {
    margin-left: 2rem;
    margin-right: 2rem;
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 1000px; */
}

body.cms-home #home-slider {
    padding-left: 0;
    padding-right: 0;
}

body.cms-home #home-slider-products {
    padding-left: 0;
    padding-right: 0;
    margin-top: 2rem;
}

body.cms-home .content-inner .slider-box {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 300px; */
}

body.cms-home .content-inner .slider-box.imageslider .tns-controls {
    position: static;
}

body.cms-home .content-inner .home-banners {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 200px; */
}

html body.cms-home .content-inner .home-banners {
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

html.window-loaded body.cms-home .content-inner .home-banners {
    opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

@media screen and (min-width: 1277px) {

    html:not(.window-loaded)body.cms-home .content-inner .home-banners {
        /* min-height: 467px; */
    }
}

/* ----------------------------------------------------- */

/* home text blocks */

body.checkout-index-index #featured-top-blocks {
    display: none !important;
}

#featured-top-blocks {
    margin-top: 1rem;
    margin-bottom: 0;
    text-align: left;
}

body.account #featured-top-blocks {
    margin-bottom: 2rem;
}

#featured-top-blocks > div > div {
    padding-bottom: 0;
    min-height: 88px;
}

#featured-top-blocks .col-content {
    background-color: #EEE;
    height: 100%;
    cursor: default;
    padding: 0;
    min-height: 88px;
}

#featured-top-blocks a {
    display: block;
    font-size: 0.9em;
    position: relative;
    color: #444;
    padding: 1em 16px 1em 76px;
    letter-spacing: 0.3px;
}

#featured-top-blocks a:hover,
#featured-top-blocks a:hover > * {
    text-decoration: none;
    color: var(--color-link-hover);
}

#featured-top-blocks a[href="javascript:;"] {
    cursor: default !important;
}

#featured-top-blocks a::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

#featured-top-blocks i {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 100%;
    display: block;
    float: left;
    font-size: 2.3em;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    width: 50px;
    color: #555555;
    position: absolute;
    top: 15px;
    left: 15px;
}

#featured-top-blocks .qualify-shipping em > i {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0;
    color: inherit;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 0 !important;
    position: static !important;
    width: auto;
}

#featured-top-blocks h3 {
    font-size: inherit;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

#featured-top-blocks p {
    font-size: inherit;
    text-align: left;
    line-height: 1.9rem;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .page-wrapper .top-container {
        padding: 0;
    }

    #featured-top-blocks {
        padding: 0 1.7rem 0.2rem;
        margin-top: 0;
    }

    #featured-top-blocks > div > div:last-of-type {
        margin-bottom: 0rem;
    }

    #featured-top-blocks > div > div {
        margin-bottom: 0rem;
    }

    #featured-top-blocks .col-group {
        display: block;
    }

    #featured-top-blocks .col-group .col-4 {
        margin-bottom: 1em;
    }

    #featured-top-blocks p {
        text-align: left;
        margin-bottom: 0;
    }
}

/* ----------------------------------------------------- */

/* youtube videos homepage */

div.youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
    min-width: 300px;
}

div.youtube img {
    width: 100%;
    height: auto;
    top: -16.82%;
}

div.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #CC0000;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.9;
    border-radius: 6px;
    -webkit-transition: background-color 500ms ease 0s;
    transition: background-color 500ms ease 0s;
}

div.youtube:hover .play-button {
    background-color: #333;
}

div.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}

div.youtube img,
div.youtube .play-button {
    cursor: pointer;
}

div.youtube img,
div.youtube iframe,
div.youtube .play-button,
div.youtube .play-button:before {
    position: absolute;
    top: 0;
    left: 0;
}

div.youtube .play-button,
div.youtube .play-button:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

div.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    div.youtube {
        min-width: unset;
    }
}

/* tooltips */

.panel.header .header.links .link.authorization-link > a .tooltip-label
html.logged-in .panel.header .header.links .link.authorization-link > a .tooltip-label {
    display: none;
}

@media screen and (min-width: 768px) {

    .panel.header .header.links .link.authorization-link > a .tooltip-label {
        opacity: 0;
        -webkit-transition: opacity 1s 2s;
        transition: opacity 1s 2s;
    }

    html.logged-out .panel.header .header.links .link.authorization-link > a {
        position: relative;
    }

    html.logged-out.after-window-loaded .panel.header .header.links .link.authorization-link > a .tooltip-label {
        opacity: 1;
        -webkit-transition: opacity 1s 2s;
        transition: opacity 1s 2s;
    }

    html.logged-out .panel.header .header.links .link.authorization-link > a .tooltip-label {
        pointer-events: none;
        position: absolute;
        bottom: -35px;
        left: auto;
        padding: 5px 10px;
        margin: 0 0 0 5px;
        right: -55px;
        display: inline-block;
        border: 0px solid;
        z-index: 999;
        text-transform: none;
        text-shadow: none;
        font-size: 10px;
        font-weight: 400;
        font-family: "Open Sans";
        background-color: #EB4C4C;
        border-color: #EB4C4C;
        color: #FFFFFF;
        font-style: normal;
        line-height: 1.2rem;
        border-radius: 0;
        text-transform: uppercase;
        margin: 0 0 0 5px;
        vertical-align: middle;
        white-space: nowrap;
        letter-spacing: 0.5px;
    }
    
    html.logged-out .panel.header .header.links .link.authorization-link > a .tooltip-label::after {
        position: absolute;
        right: 68px;
        top: -4px;
        content: "";
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid;
        border-top-color: inherit;
        color: #FFFFFF;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

/* ----------------------------------------------------- */

/* category page */

#category-description #cat-view-products {
    display: none !important;
    text-align: center;
}

#category-description #cat-view-products a {
    display: inline-flex;
    text-align: center;
    padding: 0rem 0 2rem;
    font-size: 1.8rem;
    text-decoration: underline;
}

@media screen and (max-width: 1023px) {
    #category-description #cat-view-products {
        display: block !important;
    }
}

#category-description h3 {
    font-weight: var(--font-weight-thin);
    font-size: 1.8rem;
}

#amasty-shopby-product-list .toolbar.toolbar-products + .block:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

#amasty-shopby-product-list .toolbar.toolbar-products + .block dd.item {
    float: left;
    margin-right: 10px;
    background: #EEE;
    padding: 5px 10px;
}

body.page-products .box-tocart [title="View Details"].action.tocart:not(:last-child),
body.page-products [title="View Details"].action.tocart.primary {
    padding: 8px;
}

body.page-products .box-tocart [title="View Details"].action.tocart:not(:last-child) span,
body.page-products [title="View Details"].action.tocart.primary span {
    position: static;
}

body.page-products .box-tocart [title="View Details"].action.tocart:not(:last-child) span::before,
body.page-products [title="View Details"].action.tocart.primary span::before {
    content: "";
}

body.page-products .toolbar .sorter-action {
   /*  display: inline-block !important; */
}

#category-description > [data-role="content"] {
    /* opacity: 0;
        height: 0;
        overflow: hidden;
        display: block !important; */
}

#category-description > .active + [data-role="content"] {
    /* opacity: 1;
    height: auto;
    display: block !important; */
}

@media screen and (min-width: 768px) {
    #category-description > [data-role="content"] {
        padding-top: 0;
    }
}

@media screen and (min-width: 640px) and (max-width: 768px) {

    .page-products .products-grid .product-item,
    .page-layout-1column .products-grid .product-item,
    .page-layout-3columns .products-grid .product-item,
    .page-products.page-layout-1column .products-grid .product-item,
    .page-products.page-layout-3columns .products-grid .product-item {
        width: calc((100% - 0%) / 3);
        padding: 8px;
    }
}

@media screen and (min-width: 640px) {
    .products-grid .product-item {
        margin-bottom: 65px;
    }
}

@media screen and (max-width: 767px) {
    body #layered-filter-block.active .block-content.filter-content strong {
        color: #FFF;
        padding-left: 1rem;
    }

    .products-grid .product-item {
        margin-bottom: 2.5rem;
    }

    .abs-visually-hidden-desktop-s,
    .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner {
        /* clip: unset;
        height: unset;
        margin: 10px 0 0 -1px;
        padding: 0 9px 9px;
        overflow: unset;
        position: absolute;
        width: unset; */
    }

    .products-grid .product-item-info:not(.active):hover .product-item-inner {
        /* margin: 9px 0 0 -1px;
        padding: 0 9px 9px; */
    }

    .product-item-actions .actions-primary {
        /* display: none; */
    }
}

/* filter layered nav overrides */

.filter-label {
    font-weight: 500;
    display: block;
}

.filter-content a.filter-clear {
    font-size: 1.2rem;
    text-decoration: underline;
}

.filter-content a.filter-clear:hover {
    text-decoration: none;
}

.filter-options-item {
    padding-bottom: 0;
}

.filter-options-title {
    padding: 10px 40px 10px 10px;
    word-break: normal;
}

.filter-options-content {
    background: #FFF;
    padding: 0;
}

.filter-options-content > div,
.filter-options-content > ol {
    padding: 10px 15px 5px 15px;
}

.filter-options-content::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.filter-options-content .field.search {
   /*  margin-bottom: 0.5rem; */
}

.filter .filter-content .filter-current .item:not(.am-shopby-item) {
    margin: 0;
    display: block;
}

.filter .filter-content .filter-current .item {
    padding: 2px 0 2px 20px;
    /* font-size: 1.2rem; */
    cursor: default;
}

.filter-current .action.remove {
    left: 1px;
    top: 1px;
}

.filter-current .action.remove::before {
    font-size: 12px;
    color: #CC0000;
    font-weight: 500;
}

.filter-current .item:hover .action.remove::before {
    color: #CC0000;
}

.filter-current .item .action.remove:hover::before {
    color: #CC0000;
    font-weight: 800;
}

.filter-options-content .item > a,
.filter-options-content .item > span {
    text-transform: capitalize;
    /* font-size: 1.2rem; */
    cursor: pointer;
    margin: 0;
    padding: 0.5rem;
    /* display: block; */
    display: flex;
    flex-direction: row;
}

.filter-options-content .item > a:visited, 
.filter-options-content .item > a.alink:visited {
    color: inherit;
}

.filter-options-content .item > a:hover {
    color: #222;
}

.filter-options-content .item > a label,
.filter-options-content .item > span label {
    padding-left: 0.5rem;
}

.filter-options-content .item {
    line-height: 1.9rem;
}

@media screen and (max-width: 767px) {

    .filter-options-content .item > a,
    .filter-options-content .item > span {
        /* font-size: 1.5rem; */
    }
}

.filter-options-content .item > a:hover,
.filter-options-content .item > span:hover {
    background-color: #DDD;
}

.filter-options-content a:not(.am-show-more)::after,
.filter-options-content a:not(.am-show-less)::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.am-filter-current .am-show-more,
.filter-options-content .am-show-more {
    padding: 1rem 3rem 1rem 1.5rem;
}

.am-filter-current .am-show-more::before,
.filter-options-content .am-show-more::before {
    right: 16px;
}

.am-filter-current .am-show-more::after,
.filter-options-content .am-show-more::after {
    right: 10px;
}

.am-filter-current .am-show-more .am-counter,
.filter-options-content .am-show-more .am-counter {
    opacity: 1;
}

.filter-options-content a label {
    cursor: pointer;
}

.filter .actions div.secondary a {
    white-space: nowrap;
}

.filter .actions div.secondary .show-more,
.filter-options-content .am-show-more,
.filter .actions div.secondary .show-less,
.filter-options-content .am-show-less {
    background: #FFF;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    float: right;
    line-height: 2rem;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

.filter .actions div.secondary .show-more:hover,
.filter-options-content .am-show-more:hover,
.filter .actions div.secondary .show-less:hover,
.filter-options-content .am-show-less:hover {
    color: #444;
    text-decoration: none;
    background: #CCC;
}

.filter-options-content .count {
    font-size: 1.2rem;
    float: right;
    color: #444;
}

.filter-options-content input[type="checkbox"] {
    position: relative;
    top: -1px;
}

.item {
    position: relative;
}

.filter .filter-content .item {
    margin: 0;
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    padding-top: 5px;
}

.filter .filter-content .items > li:last-of-type/* ,
.filter .filter-content div.primary-color-filter .items > li:nth-last-child(2) */ {
    border-bottom: 0 none;
}

/* sidebar */

.sidebar .block > .block-title,
.block-compare .block-title,
.block-reorder .block-title,
.widget .block-title,
.block-wishlist .block-title,
.gallery-block .block-title {
    margin: 0 0 1rem;
}

.sidebar .block-reorder .product-item .field.item {
    float: left;
}

.sidebar .product-items-names .product-item-name {
    float: left;
    width: 90%;
    margin-bottom: 1rem;
}

.sidebar .block-compare .counter.qty {
    display: none;
}

.sidebar .block-compare .actions-toolbar {
    margin: 0;
}

body .sidebar {}

body.catalog-category-view.page-layout-2columns-left .sidebar-main #layered-filter-block {}

@media screen and (min-width: 768px) {

    body .sidebar {
        
    }

    body.catalog-category-view.page-layout-2columns-left .sidebar-main {
        display: flex;
        flex-direction: column;
    }

    body.catalog-category-view.page-layout-2columns-left .sidebar-main #layered-filter-block {
        /* order: 2; */
    }
}

/* product list - cat page grid */

.column.main .product-items:not(.tns-slider) {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
    grid-gap: 0rem;
}

@media screen and (min-width: 48em) {

    .column.main .slider-box:not(.imageslider) .product-items.tns-slider.tns-horizontal {
        /* width: calc(1000%) !important; */
    }
}

@media screen and (min-width: 1280px) {

    .column.main .product-items:not(.tns-slider) {
        grid-template-columns: repeat(auto-fill, minmax(199px, 1fr)); /* repeat(auto-fill, minmax(170px, 1fr)) */
    }

    html.ofc .column.main .product-items {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

@media screen and (min-width: 1380px) {

    .column.main .product-items:not(.tns-slider) {
        grid-template-columns: repeat(auto-fill, minmax(199px, 1fr)); /* repeat(auto-fill, minmax(170px, 1fr)) */
    }

    body.catalog-category-view.category-build-a-curtain .column.main .product-items:not(.tns-slider)/* ,
    body.catalog-category-view.category-sunbrella-custom-curtains .column.main .product-items:not(.tns-slider) */ {
        grid-template-columns: repeat(auto-fill, minmax(183px, 1fr));
    }
}

@media screen and (max-width: 767px) {
    
    body.body.catalog-category-view .column.main .product-items:not(.tns-slider),
    body.catalogsearch-result-index .column.main .product-items:not(.tns-slider) {
        grid-gap: 1.5rem;
    }
    
}

/* .products-grid .product-item, */

.products-grid .product-items:not(.tns-slider) .product-item {
    display: inline-flex;
    justify-content: center;
    margin: 0 0 1.5rem 0 !important;/* 0 1rem 0.5rem 1rem !important*/
    padding: 0 0 0 0 !important;
    width: auto !important;
}

body.page-products.category-build-a-curtain .products-grid .product-items:not(.tns-slider) .product-item {
    padding: 0 0 2rem 0 !important;
}

.products-grid .product-item.hide-addtocart {
    padding: 0 0 0 0 !important;
}

.page-products .product-item-info {
    padding: 1rem 1rem 6rem 1rem;
    margin: 0px;
    border: 1px dashed #FFF;
    position: relative;
}

body.category-build-a-curtain.page-products .product-item-info/* ,
body.category-sunbrella-custom-curtains.page-products .product-item-info */ {
    padding: 1rem 1rem 1rem 1rem;
}

.page-products .show-sample .product-item-info {
    padding: 1rem 1rem 10rem 1rem;
}

.page-products .show-sample .product-item-info:hover,
body.catalog-category-view:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .show-sample .product-item-info:hover {
    padding: 1rem 1rem 10rem 1rem;
}

.page-products .show-sample.hide-addtocart .product-item-info {
    padding: 1rem 1rem 7rem 1rem;
}

.page-products .show-sample.hide-addtocart .product-item-info:hover,
body.catalog-category-view:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid  .show-sample.hide-addtocart .product-item-info:hover{
    padding: 1rem 1rem 7rem 1rem;
}

body.page-products:not(.account):not(.wishlist-index-index) .products-grid .product-item-info {
    margin: 0px;
}

.page-products .product-item-info:hover,
.products-grid .product-item-info.active {
    border: 1px dashed var(--color-link);
}

.products-grid .product-item-info:hover,
.products-grid .product-item-info.active {
    z-index: 20;
}

@media screen and (min-width: 640px) and (max-width: 767px) {

    .column.main .product-items:not(.tns-slider) {
        /* margin-left: 5px !important;
        margin-right: 5px !important; */
        grid-gap: 2rem;
    }
}

@media screen and (min-width: 640px) {

    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:hover,
    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info.active {
        box-shadow: unset;
        padding: 1rem 1rem 6rem 1rem;
        margin: 0px;
        /* border: 0 none; 1px dashed var(--color-link) */
    }

    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .show-sample .product-item-info:hover,
    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .show-sample .product-item-info.active {
        padding: 1rem 1rem 10rem 1rem;
    }
    
    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .show-sample.hide-addtocart .product-item-info:hover,
    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .show-sample.hide-addtocart .product-item-info.active {
        padding: 1rem 1rem 7rem 1rem;
    }

    body.category-build-a-curtain:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:hover,
    body.category-build-a-curtain:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info.active/* ,
    body.category-sunbrella-custom-curtains:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:hover,
    body.category-sunbrella-custom-curtains:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info.active */ {
        padding: 1rem 1rem 1rem 1rem;
    }

    .products-grid .product-item-info:hover,
    .products-grid .product-item-info.active {
        box-shadow: unset;
        border: 1px dashed var(--color-link);
    }

    /* body.account.wishlist-index-index .products-grid .product-item-info:hover,
    body.account.wishlist-index-index .products-grid .product-item-info.active {
        border: 0 none;
        box-shadow: unset;
        padding:  9px 9px 6rem 9px;
        margin: -10px;
    } */

    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner,
    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info .product-item-inner {
        box-shadow: unset;
        border: 0;
        clip: unset;
        height: auto;
        width: auto;
        margin: 0;
        overflow: visible;
        padding: 0;
    }

    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info .product-item-inner {
        border: 0 none;
        /* 1px dashed var(--color-link) */
        right: 0;
    }
}

body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info
/* :not(:hover) */

:not(.active) .product-item-inner,
body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home).products-grid .product-item-info .product-item-inner {
    position: absolute;
    top: auto;
    left: 0;/* 50% */
    bottom: 1rem;
    background: transparent;
    /*-webkit-transform: translate(-50%);  none */
    /*transform: translate(-50%);  none */
}

.wishlist-index-index .product-item-info {
    position: relative;
}

.wishlist-index-index .box-tocart .fieldset .field.qty {
    float: left;
}

.wishlist-index-index .product-item-inner .comment-box {
    /* display: none !important; */
}

@media screen and (max-width: 787px) {

    .page-products .product-item-info {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info :not(.active) .product-item-inner {
        left: 1rem;
    }
}

.product-item .product-image-container {
    display: block;
    width: 100% !important;
}

body.checkout-index-index .product-item .product-image-container {
    display: block;
    width: 75px !important;
}

.page-products .product-item-info .product-item-photo {
    position: relative;
    display: block;
}

.product-item .product-image-photo {
    max-width: 100%;
    vertical-align: bottom;
}

body.category-build-a-curtain .product-item .product-image-photo/* ,
body.category-sunbrella-custom-curtains .product-item .product-image-photo */ {
    max-width: 100%;
}

body.catalogsearch-result-index .product-item .is-curtain-builder-search-page-img .product-image-photo {
    height: 60%;
    width: 100%;
    aspect-ratio: 2 / 1; 
}

body.category-sunbrella-standard-curtains .product-item .is-curtain-builder-search-page-img .product-image-photo {
    height: 100%;
    width: 85%;
    aspect-ratio: 1 / 2;
}

body.catalogsearch-result-index .product-item .product-image-box.is-standard-curtain-img .product-image-photo {
    aspect-ratio: 2 / 1;
    width: 86%;
    height: 100%;
}

body.category-sunbrella-standard-curtains .product-item .product-image-box.is-standard-curtain-img .product-image-photo,
body.category-sunbrella-standard-curtains-by-color .product-item .product-image-box.is-standard-curtain-img .product-image-photo {
    aspect-ratio: 2 / 1;
    width: 86%;
    height: 100%;
}

.product-item .actions-secondary {
    right: 5px;
}

.product-item-info .product-item-actions .actions-primary {
    opacity: 1; /* opacity 1 means always show add to cart - no hover */
    width: calc(100% - 3rem);
    box-sizing: border-box;
}

body.category-build-a-curtain .product-item-info .product-item-actions .actions-primary/* ,
body.category-sunbrella-custom-curtains .product-item-info .product-item-actions .actions-primar */ {
    width: calc(100% - 3rem);
}

.product-item-info:hover .product-item-actions .actions-primary {
    opacity: 1;
}

.product-item-actions .actions-primary + .actions-secondary {
    display: none;
}

.product-item .actions-secondary.sample-button {
    bottom: 85px;
}

.product-item-actions form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 1025px) {

    .product-item-info .product-item-actions .actions-primary {
        opacity: 1;
        width: auto;
    }

    .product-item-info:hover .product-item-actions .actions-primary {
        opacity: 1;
    }

    .product-item .actions-secondary.sample-button {
        bottom: 71px;
    }
}

@media screen and (max-width: 767px) {

    .product-item-actions form {
        display: inline-flex;
    }
}

/* shake alert */
html.after-window-loaded body.catalog-product-view .box-tocart.has-sample-btn button[id^="product-ordersample-button"],
.shake {
    /* animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px; */
}
  
@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}

/* list image zoom */

.page-products .product-item-info .product-image-box {
    position: relative;
}

.page-products .product-item-info .product-image-box .jonny-zoom {
    opacity: 0;
    -webkit-transition: opacity 0.6s 0s;
    transition: opacity 0.6s 0s;
    
    /* temp 
    display: none !important;*/
}

html.window-loaded .page-products .product-item-info .product-image-box .jonny-zoom {
    font-size: 36px;
    color: #FFF;
    position: absolute;
    /*top: 5px; 50% */
    /* right: 5px;50% */
    left: auto;
    bottom: 5px;
    right: 5px;
    z-index: 10;
    width: 40px;
    height: 40px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25), -2px -2px 6px rgba(0, 0, 0, 0.25);    
    opacity: 0.7;
    /* -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
    -webkit-transition: opacity 0.6s 0s;
    transition: opacity 0.6s 0s;
}

html.window-loaded .page-products .product-item-info .product-image-box.is-standard-curtain-img .jonny-zoom {
    right: 15px;
}

html.window-loaded .page-products .product-item-info .product-image-box:hover .jonny-zoom {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), -1px -1px 1px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transition: opacity 0.6s 0s;
    transition: opacity 0.6s 0s;
}

html.window-loaded .page-products .product-item-info .product-image-box .jonny-zoom .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 28px;
    height: 28px;
    font-size: 28px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

html.window-loaded .page-products .product-item-info .product-image-box .jonny-zoom .fa::before {
    display: block;
    content: "\f00e";
    font-family: FontAwesome;
    font-size: inherit;
    color: inherit;
    position: relative;
    top: -3px;
    left: 0;
}

@media screen and (max-width: 768px) {

    html.window-loaded .page-products .product-item-info .product-image-box .jonny-zoom {
        top: 5px;
        right: 5px;
        left: auto;
        bottom: auto;
    }
}

/* label sale */

#salelabel {
    opacity: 0;
    pointer-events: none;
}

html.window-loaded #salelabel {
    opacity: 1;
}

.label-sale.percentage {
    display: inline-block;/* none */
    cursor: default;
    position: absolute;
    z-index: 1000;
    bottom: auto;
    left: auto;
    right: -1rem;
    top: -15px;
    padding: 5px 7px 0;
    margin: 0;
    color: #fff;
    min-width: 70px;
    height: 70px;
    line-height: 35px;
    font-size: 1.9rem;
    font-weight: 700;
    text-shadow: 1px 1px 1px #CC0000, -1px -1px 1px #CC0000;
    text-transform: uppercase;
    text-align: center;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border: 5px solid #FFF;
    background-color: #FF0000;
    color: #FFFFFF;
    box-sizing: border-box;
}

.label-sale.percentage.round {
    border-radius: 50%;
}

body.catalog-category-view .label-sale.percentage,
body.catalogsearch-result-index .label-sale.percentage {
    right: -10px;
    top: -9px;
    padding-top: 2px;
    min-width: 54px;
    height: 54px;
    line-height: 30.2px;
    font-size: 1.5rem;
    font-weight: 600;
    border-width: 4px;
}

.label-sale.percentage span {
    display: block;
    height: auto;
    font-weight: 500;
    font-size: 0.75em;
    line-height: normal;
    position: relative;
    top: -10px;
}

.label-sale.percentage i {
    display: none;
}

body.page-products .label-sale.percentage i {
    font-style: normal;
}

.label-sale.percentage:not(.round) span {
    display: inline-block;
    height: auto;
    text-transform: lowercase;
}

@media screen and (max-width: 767px) {

    body.catalog-product-view .label-sale.percentage,
    body.catalogsearch-result-index .label-sale.percentage {
        right: -15px;
        top: -15px;
    }
}

@media screen and (min-width: 640px) and (max-width: 768px) {

    body.catalog-category-view .label-sale.percentage,
    body.catalogsearch-result-index .label-sale.percentage {
        right: -10px;
        top: -10px;
    }
}

/* product page - form */
html .catalog-product-view .product-add-form {
    min-height: 140px;
}

html .catalog-product-view #product_addtocart_form {
    min-height: 100px;
}

/* prices - product grid and product page */

body.page-products .price-box.price-final_price::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.product-item .price-box {
    margin: 1.5rem 5px 30px 0;
    display: inline-flex;
    align-items: center;
}

#search_autocomplete .smile-elasticsuite-autocomplete-result .product-item .price-box {
    align-items: unset;
    margin: 5px 0 0 0;
}

/* START - category list - unit of measure styles */
.product-item-price-box {
    margin: 1.2rem 5px 1rem;/* 2rem 5px 4rem */
    position: relative;
    display: inline-flex;
}

li.is-grouped .product-item-price-box {
    display: none !important;
}

body.catalog-category-view [data-unit-of-measure="/ per panel"].product-item-price-box,
body.catalogsearch-result-index [data-unit-of-measure="/ per panel"].product-item-price-box {
    display: none;
}

body.catalog-category-view.category-build-a-curtain .product-item-price-box/* ,
body.catalog-category-view.category-sunbrella-custom-curtains .product-item-price-box */ {
    display: flex;
    opacity: 0;
    visibility: hidden;
    height: 3rem;
    overflow: hidden;
    padding: 0;
    margin: 0;
    pointer-events: none;
}

.product-item .product-item-price-box .old-price {
    /* display: none; */
}

.product-item-price-box::after {
    /* content: attr(data-unit-of-measure);
    position: relative;
    left: 0;
    top: 1px;
    font-size: 1.2rem;
    font-weight: 400; */
}

li.is-grouped .product-item-price-box::after {
    /* content: "/ starting at"; */
}

.hide-price .product-item-price-box::after,
[data-unit-of-measure="/ "].product-item-price-box::after {
    content: none;
    display: none !important;
}

.product-item .product-item-price-box .price-box {
    margin: 0;
    display: inline-flex;
}

body.page-products .product-item .product-item-price-box .price-box .minimal-price.final-price.grouped-product-price {
    padding-right: 3px;
}

.product-item .product-item-price-box .old-price {
    
}

.product-item .product-item-price-box .special-price {
    margin: 0 5px 0 0;
}

.product-item .product-item-price-box .minimal-price-box {
    order: 3;
}

/* html.logged-out  */.product-item .product-item-price-box .price-box.price-final_price > .price-container.price-final_price.tax.rewards_earn {
    line-height: normal;
    margin: 0 3px 0 0;
}

@media screen and (max-width: 500px) {

   .product-item-price-box::after {
        content: none;
    }
}

/* END - category list - unit of measure styles */

.product-item .price-box.price-final_price > .price-container.price-final_price.tax.rewards_earn {
    display: none;
}

html.logged-out .product-item .price-box.price-final_price > .price-container.price-final_price.tax.rewards_earn {
    display: block;
    line-height: 1rem;
}

html.logged-out .product-item .price-box.price-final_price > .price-container.price-final_price.tax.rewards_earn span {
    display: inline-block;
}

html.logged-in body.page-products .price-box.price-final_price > .price-container.price-final_price.tax.rewards_earn {
    display: inline-block;/* none */
}

.price-box.price-final_price > .old-price .price-label,
.product-info-price .price-box .old-price .price-container > span.price-label {
    display: none;
}

.product-info-main .product-info-price .price-box {
    width: auto;
    padding-bottom: 1rem;
    display: inline-flex;
}

@media screen and (min-width: 1024px) {

    .product-info-main .product-info-price .price-box {
        padding-bottom: 0.5rem;
    }
}

.column.main.media-right .product-info-main .product-info-price .price-box {
    float: right;
}

.product-item .old-price,
.product-info-price .price-box .old-price {
    margin: 0 5px 6px 0;
    float: left;
}

html.ofc .product-item .old-price,
html.ofc .product-info-price .price-box .old-price {
    margin: 0 5px 13px 0;
    float: left;
}

.product-options-bottom .price-box .old-price,
.product-info-price .price-box .old-price {
    line-height: 1rem;
}

.price-box .special-price {
    margin: 0 5px 10px 0;
    float: left;
    order: 1;
}

#search_autocomplete .price-box .special-price {
    margin: 0 5px 0 0;
}

.product-info-main .product-info-price .price-box .price-container > span {
    margin-bottom: 0;
}

.special-price .price-label {}

.price-container.price-final_price .price,
.product-info-price .price-box .price-container .price,
.product-item .price-box .price {
    color: #000000;
    font-weight: 700;
    /* color: #CC0000;
    font-weight: 400; */
    text-rendering: optimizeLegibility;
}

.old-price .price-container.price-final_price .price,
.product-info-main .product-info-price .old-price .price-wrapper .price {
    color: #666;
    font-weight: 300;
    text-decoration: line-through;
    line-height: 1rem;
}

.old-price .price-container.price-final_price .price {
    font-size: 1.2rem;
}

html.mobile .old-price .price-container.price-final_price .price,
html.mobile .product-info-main .product-info-price .old-price .price-wrapper .price {
    font-size: 1.4rem;
}

body.catalog-product-view .old-price .price-container.price-final_price .price,
body.catalog-product-view .product-info-main .product-info-price .old-price .price-wrapper .price {
    line-height: 1rem;
}

.product-item .minimal-price-link,
html.logged-out .product-item .minimal-price-link {
    display: none;
}

html.logged-in.window-loaded .product-item .minimal-price-link/* ,
html.logged-in .product-item .minimal-price-link */ {
    color: #CC0000;
    display: inline-block;
    order: 3;
    margin: 0 5px 16px 0;
    position: absolute;
    bottom: -3.5rem;
    font-size: 1.3rem;
    /* temp 
    display: none !important;*/
}

.product-item .minimal-price-link:hover {
    color: #444;
    text-decoration: none;
}

html.logged-out #search_autocomplete .minimal-price-link {
    display: none !important;
}

.product-item .price-box .price-label {
    display: inline-block;
}

.product-item .price-box .price-label + .price-wrapper {
    display: inline-block;
    
    /* temp
    display: none !important; */
}

body.is-builder #product-options-wrapper .options-list .field.choice > label.admin__field-label > span:first-of-type {
    padding-right: 1.5rem;
}

body:not(.is-builder) #product-options-wrapper .options-list .field.choice > label.admin__field-label > span:first-of-type {
    /* padding-right: 0.5rem; */
}

body:not(.is-builder) #product-options-wrapper .options-list.itoris-dynamicoptions-list-images .field.choice > label.admin__field-label > span:first-of-type {
    padding-right: 0;
}

/* unit of measure */

.unit-of-measure {
    display: none;
}

.price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
    position: relative;
    float: left;
    font-weight: 700;
    /* margin-right: 3px; */
}

.special-price .price,
.special-price .price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
    color: var(--color-red);
}

.product-info-main .product-info-price .price-box .price-container > span.price-wrapper {
    display: inline-block;
}

body.catalog-product-view .price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
    line-height: 2.5rem;
}

.price-container.price-final_price .unit-of-measure {
    display: none;
    opacity: 0;
}

body.page-product-grouped.catalog-product-view #product_addtocart_form .unit-of-measure,
body.page-products .minimal-price.final-price.grouped-product-price .price-container.price-final_price .unit-of-measure {
    display: none !important;
}

.price-container.price-final_price > [id^="product-price"].price-wrapper + .unit-of-measure::before {
    content: "/";
    display: inline-block;
    color: #AAA;
    margin-left: 5px;
    font-weight: 200;
    font-size: 3.5rem;
    line-height: 2.5rem;
    position: relative;
    top: 6px;
    left: -3px;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.price-container.price-final_price .unit-of-measure:not(:empty) {
    display: inline-block;
    position: relative;
    top: -5px;
    color: #666;
    font-size: 1.8rem;
    /* 2.5rem */
    line-height: 2.5rem;
    margin-left: 0px;
    text-transform: lowercase;
    font-weight: 200;
    opacity: 1;
    transition: opacity 0.3s 0s;
}

html.ofc .price-container.price-final_price .unit-of-measure:not(:empty) {
    font-weight: 300;
}

.price-container.price-final_price .unit-of-measure:not(:empty) span {
    display: inline-block;
    color: #999;
    font-size: 4rem;
    line-height: 3.7rem;
    margin-right: 5px;
}

@media screen and (min-width: 768px) {

    .product-options-bottom .price-box .price-container .price,
    .product-info-price .price-box .price-container .price {
        font-size: 3rem;
    }
}

@media screen and (max-width: 767px) {

    body.catalog-product-view .price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
        /* margin-bottom: 0.5rem;
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 600; */
    }

    .price-container.price-final_price > [id^="product-price"].price-wrapper + .unit-of-measure::before {
        /* font-size: 2.5rem; */
    }

    .price-container.price-final_price .unit-of-measure:not(:empty) {
        /* font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 400;
        margin-left: 0;
        margin-bottom: 0.5rem;
        top: -1rem; */
    }

    body.catalog-product-view .old-price .price-container.price-final_price .price,
    body.catalog-product-view .product-info-main .product-info-price .old-price .price-wrapper .price {
        /*  line-height: 2rem; */
    }
}

/* end of unit of measure */

/* toolbar */

.toolbar {
    text-transform: capitalize;
}

.page-products .toolbar.toolbar-products .sorter {
    display: flex;
    align-items: center;
}

.page-products .products.products-grid + .toolbar.toolbar-products .sorter {
    display: none;
}

.page-products .toolbar.toolbar-products .sorter label {
    white-space: nowrap;
    padding-right: 5px;
}

.toolbar select {
    box-shadow: unset;
    background-color: #FFF;
    border-radius: 0;
    font-weight: 300;
    width: 100%;
}

.toolbar select:hover {
    background-color: #EEE;
}

.toolbar .limiter-text {
    padding-left: 1rem;
}

.modes-mode {
    box-shadow: unset;
}

.paypal-review-discount .block > .title strong,
.cart-discount .block > .title strong {
    color: #333;
}

.sidebar .actions-toolbar > .primary .action:last-child {
    font-size: 1.3rem;
}

.actions-toolbar > .primary .action:last-child,
.actions-toolbar > .secondary .action:last-child {
    font-size: 1.3rem;
}

body.checkout-index-index .actions-toolbar > .primary .action:last-child,
body.checkout-index-index .actions-toolbar > .secondary .action:last-child {
    font-size: 1.8rem;
}

.actions-toolbar > .primary .action:last-child {
    background: var(--color-link);
    border-color: var(--color-link);
    color: #FFF;
}

.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary {
    padding: 1.5rem 3rem;
    margin-top: 2rem;
    letter-spacing: 0.5px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 2.8rem;
    text-transform: uppercase;
    color: #444;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.45), -1px -1px 1px rgba(255, 255, 255, 0.4);
    background-color: var(--color-yellow-orange);
}

.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary:hover {
    background-color: var(--color-gray);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
}

.actions-toolbar > .secondary .action:last-child {}

.actions-toolbar > .primary .action.remind:last-child,
.actions-toolbar > .secondary .action.remind:last-child,
.actions-toolbar > .primary .action.remind:last-child:hover,
.actions-toolbar > .secondary .action.remind:last-child:hover {
    background: transparent;
}

.actions-toolbar > .primary .action:last-child:hover,
.actions-toolbar > .secondary .action:last-child:hover {}

.actions-toolbar > .primary .action:last-child:hover {
    background: #666;
    color: #FFF;
}

.abs-discount-block .actions-toolbar .action.primary:not(:focus),
.abs-discount-block .actions-toolbar .action.cancel:not(:focus),
.block-compare .action.primary:not(:focus),
.cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus),
.cart-summary .form.giftregistry .fieldset .action.primary:not(:focus),
.paypal-review-discount .actions-toolbar .action.primary:not(:focus),
.paypal-review-discount .actions-toolbar .action.cancel:not(:focus),
.cart-discount .actions-toolbar .action.primary:not(:focus),
.cart-discount .actions-toolbar .action.cancel:not(:focus) {
    box-shadow: none;
}

@media screen and (max-width: 639px) {
    
    .page-products .toolbar.toolbar-products .sorter {
        justify-content: right;
    }

    .pages .pages-items {
        padding-left: 2px;
        padding-right: 2px;
    }
}

/* pagination */

.pages a.page {
    color: var(--color-link);
    padding: 0 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    min-width: 11px;
}

.pages a.page:active,
.pages a.page:visited {
    color: var(--color-link);
}

.pages a.page:hover {
    color: #666;
    background: #DDD;
    border: 1px solid #DDD;
}

.pages strong.page,
.pages strong.page:hover {
    color: unset;
    font-weight: normal;
    padding: 0 10px;
    border: 1px solid #DDD;
    background: #DDD;
    border-radius: 3px;
    cursor: default;
    min-width: 10px;
}

.pages .action {
    box-shadow: unset;
    background: #FFF;
    color: var(--color-link);
    border: 1px solid #DDD;
}

.pages .action:hover {
    background: #DDD;
    border-color: #DDD;
    color: #666;
}

.pages .action.previous::before {
    color: var(--color-link);
}

.pages .action.previous:visited::before {
    color: var(--color-link);
}

.pages .action.next::before {
    color: var(--color-link);
}

.pages .action.next:visited::before {
    color: var(--color-link);
}

/* ----------------------------------------------------- */

/* various blocks */

.bundle-options-container .block-bundle-summary .product-addto-links > .action,
.product-item-actions .actions-secondary > .action,
.product-social-links .action.tocompare,
.wishlist.split.button > .action.split,
.product-social-links .action.mailto.friend,
.product-social-links .action.towishlist,
.block-bundle-summary .action.towishlist,
.product-item .action.towishlist,
.table-comparison .action.towishlist {
    color: #555;
    font-weight: 400;
    margin-right: 1.7rem;
}

.abs-revert-secondary-color:focus, .abs-revert-secondary-color:active, .abs-revert-to-action-secondary:focus, .abs-revert-to-action-secondary:active, .paypal-review .block .actions-toolbar .action.primary:focus, .paypal-review .block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.primary:focus, .abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:focus, .abs-discount-block .actions-toolbar .action.cancel:active, .block-compare .action.primary:focus, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:focus, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .abs-discount-code .form-discount .actions-toolbar .primary .action:focus, .abs-discount-code .form-discount .actions-toolbar .primary .action:active, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review-discount .actions-toolbar .action.primary:focus, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:focus, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:focus, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:focus, .cart-discount .actions-toolbar .action.cancel:active, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:focus, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:active {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: #FFF;
}

/* ----------------------------------------------------- */

/* addto - compare and compare page */

body header.page-header .compare.wrapper,
body > .compare.wrapper,
body > #page-wrapper > .compare.wrapper {
    display: none !important;
}

.compare.wrapper {
    /* display: none; */
    line-height: 2.5rem;
    float: none;
}

.compare.wrapper .item {
    margin-bottom: 0;
    line-height: 1.8rem;
    display: inline-block;
}

.compare.wrapper .item.link.compare {
    display: flex;
}

.compare.wrapper .action.compare {
    line-height: 1.8rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

body.catalog-product-view .compare.wrapper .action.compare {
    color: #555;
    position: relative;
    padding-left: 21px;
    margin-right: 0;
}

body.catalog-product-view .product-social-links .action.tocompare {
    /*  display: none; */
}

.compare.wrapper .item a::before {
    content: "\f2d2";
    font-family: FontAwesome;
    color: #555;
    position: absolute;
    top: 0;
    left: 2px;
}

.compare.wrapper .action.compare:hover {
    color: #222;
    text-decoration: underline;
}

.compare.wrapper .action.compare:hover::before {
    color: #222;
}

.compare.wrapper .action.compare.no-display {
    display: none;
    padding-left: 21px;
}

.compare.wrapper .counter.qty {
    color: unset;
}

/* ----------------------------------------------------- */

/* addto - wishlist and compare */

.product-addto-links {
    display: flex;
}

.product-addto-links > .action,
.product-addto-links > .compare.wrapper {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.product-addto-links > .compare.wrapper {
    display: block;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 0rem;
    line-height: 1.9rem;
}

.bundle-options-container .block-bundle-summary .product-addto-links > .action,
.product-item-actions .actions-secondary > .action,
.product-social-links .action.tocompare,
.wishlist.split.button > .action.split,
.product-social-links .action.mailto.friend,
.product-social-links .action.towishlist,
.block-bundle-summary .action.towishlist,
.product-item .action.towishlist,
.table-comparison .action.towishlist,
.compare.wrapper .action.compare {
    font-size: 1.2rem;
    display: inline-flex;
    flex-direction: row;
    width: auto;
    white-space: nowrap;
    text-decoration: none;
}

.bundle-options-container .block-bundle-summary .product-addto-links > .action:hover span,
.product-item-actions .actions-secondary > .action:hover span,
.product-social-links .action.tocompare:hover span,
.wishlist.split.button > .action.split:hover span,
.product-social-links .action.mailto.friend:hover span,
.product-social-links .action.towishlist:hover span,
.block-bundle-summary .action.towishlist:hover span,
.product-item .action.towishlist:hover span,
.table-comparison .action.towishlist:hover span,
.compare.wrapper .action.compare:hover span {
    text-decoration: underline;
}

.product-social-links .action.towishlist::before,
.block-bundle-summary .action.towishlist::before,
.product-item .action.towishlist::before {
    position: relative;
    top: 1px;
}

.product-social-links .action.towishlist::before,
.block-bundle-summary .action.towishlist::before,
.product-item .action.towishlist::before,
.table-comparison .action.towishlist::before,
.compare.wrapper .action.compare::before,
.product-social-links .action.tocompare::before {
    font-size: 1.2rem;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.bundle-options-container .block-bundle-summary .product-addto-links > .action:hover,
.product-item-actions .actions-secondary > .action:hover,
.product-social-links .action.tocompare:hover,
.wishlist.split.button > .action.split:hover,
.product-social-links .action.mailto.friend:hover,
.product-social-links .action.towishlist:hover,
.block-bundle-summary .action.towishlist:hover,
.product-item .action.towishlist:hover,
.table-comparison .action.towishlist:hover {
    color: unset;
    text-decoration: none;
}

html body .product-addto-links > a,
html body .product-addto-links > ul {
    width: 50%;
}

.table-comparison {
    width: 99%;
    margin-top: 1rem;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.table-comparison .cell.remove .action.delete {
    position: relative;
    top: 1rem;
    right: -1rem;
}

.table-comparison .cell.label {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.table-comparison .cell {
    padding: 0.5rem 1.5rem;
}

.table-comparison .cell.label .attribute.label {
    text-align: right;
}

.table-comparison .cell.remove .action.delete::before {
    font-size: 20px;
}

.compare.wrapper .counter.qty::before {
    content: '(';
}

.compare.wrapper .counter.qty::after {
    content: ')';
}

@media screen and (max-width: 1280px) {
    .product-addto-links {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .compare.wrapper {
        padding-left: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 639px) {

    .product-social-links .action.tocompare,
    .product-social-links .compare.wrapper {
        /* display: none; */
    }
}

/* ----------------------------------------------------- */

/* search page */

/* ----------------------------------------------------- */

/* product page */

.zoomContainer {
    overflow: visible !important;
    z-index: 1000 !important;
    pointer-events: none;
}

.zoomLens {
    pointer-events: none;
}

.product-addto-links {
    text-align: left;
}

.calc-render-trigger.action {
    margin-bottom: 0.5rem;
    display: inline-flex;
    align-items: center;
    color: #555;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: left;

    position: relative;
    top: -3.5rem;
    left: 1.7rem;
}

body[class*="-swing-bed-"] .calc-render-trigger.action,
body[class*="custom-"] .calc-render-trigger.action {
    display: none !important;
} 

.calc-render-trigger.action:hover {
    text-decoration: none;
}

.calc-render-trigger.action i {
    margin-right: 10px;
}

.calc-render-trigger.action:hover span {
    text-decoration: underline;
}

body.page-layout-1column .product-info-main {}

.jonny-under-cart-addto {
    margin-top: 0;/* 1rem */
    order: 10;
}

body[class*="-swing-bed-"] .jonny-under-cart-addto,
body[class*="custom-"] .jonny-under-cart-addto {
    margin-top: 1.5rem;
}

.product-info-main .product.pricing {
    order: 2;
    font-size: 1.2rem;
}

.product.media {
    position: relative;
}

body:not(.builder) .product.media {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 500px; */
}

@media screen and (min-width: 1280px) {
    body[class*="umbrella"].catalog-product-view.page-layout-1column .product-info-main {
        width: 40%;
    }

    body[class*="umbrella"].catalog-product-view.page-layout-1column .product.media {
        width: 60%;
    }
}

@media screen and (min-width: 768px) {
    body.page-layout-1column .product-info-main {
        width: 55%;
        margin-bottom: 2rem;
    }

    body.page-layout-1column .product.media {
        width: 45%;
    }

    .product-info-main .product-info-price .price-box .price-container > span {
        margin-bottom: 0px;
        line-height: 2.5rem;
    }

    .product.media .gallery-placeholder {
        padding-right: 2.5rem;
    }

    /* reverse layout pos of product media and details */
    body .column.main.media-right .product-info-main {
        float: left;
    }

    body .column.main.media-right .product.media {
        float: right;
    }

    .column.main.media-right .product.media .gallery-placeholder {
        padding-right: 0;
        padding-left: 2.5rem;
    }

    .product.media {
        min-height: 533px;
    }
}

@media screen and (max-width: 767px) {
    
    .product.media {
        margin: 2rem 0 0;
    }

    .catalog-product-view .product.media {
        margin-top: 0;
        margin-bottom: 2rem;
    }

    .catalog-product-view .product.media.has-media-gallery {
        min-height: 400px;
    }    

    body.catalog-product-view.is-builder .product.media {
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
    }
}

.product.media.no-media-gallery {}

.product.media #amasty-gallery {
    position: relative;
    background: #FFF;
}

#amasty-gallery.position-left #amasty-main-container {
    max-width: 86%;
    margin-left: auto;
}

.product.media.no-media-gallery #amasty-gallery.position-left #amasty-main-container {
    /* temp comment if want to not hide product gallery */
    /* max-width: 100%;
    margin: 0; */
}

#amasty-gallery.position-left #amasty-gallery-container {
    width: 10%;
    top: 0;
    overflow: visible;
}

.product.media.no-media-gallery #amasty-gallery.position-left #amasty-gallery-container {
    /* temp comment if want to not hide product gallery */
    /* display: none; */
}

#amasty-gallery-container .slick-vertical .slick-next {
    bottom: -34px;
}

/* fancybox product page */

body.catalog-product-view.fancybox-active:not(.is-builder) .fancybox-container {
    z-index: 11111199992;
}

@media screen and (max-width: 767px) {

    body.fancybox-active {
        overflow: hidden;
    }
}

.fancybox-bg,
.fancybox-is-open .fancybox-bg {
    /* background: #fff;
    opacity: 0.9; */
}

html.simple-modal .fancybox-slide--html .fancybox-close-small {
    /* display: none !important; */
}

.fancybox-toolbar {
    opacity: 1 !important;
    visibility: visible;
}

body.cms-page-view .fancybox-toolbar {
    display: none;
}

html.simple-modal body.cms-page-view .fancybox-toolbar,
html.default-modal body.cms-page-view .fancybox-toolbar {
    display: block;
}

.fancybox-thumbs {
    background: #fff;
}

html.ofc .fancybox-thumbs {
    background: rgba(0, 0, 0, 0.5);
}

.fancybox-thumbs ul {
    list-style: none;
    padding-left: 2rem;
}

.fancybox-thumbs ul li {
    padding-top: 1rem;
    margin: 0;
}

.fancybox-thumbs ul img {
    margin: 0 !important;
    width: 90% !important;
    height: auto !important;
    cursor: pointer;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    display: none;
}

.fancybox-toolbar .fancybox-button {
    background: #222;/* #e1e1e1 var(--modal-overlay-mobile-color); */
}

.fancybox-toolbar .fancybox-button,
.fancybox-toolbar button.fancybox-button:focus, 
.fancybox-toolbar button.fancybox-button:active,
.fancybox-button div,
.fancybox-navigation .fancybox-button div {
    background: #222;/* #e1e1e1 */
    border-color: #222;/* #e1e1e1 */
}

.fancybox-navigation .fancybox-button div {
    border-right: 1px solid #555;
}

.fancybox-toolbar button.fancybox-button:hover {
    background: #349ADC;
    border-color: #349ADC;
}

.fancybox-button:hover > div,
.fancybox-button:active > div,
.fancybox-button:active:hover > div  {
    background: #349ADC;
}

.fancybox-button.fancybox-button--play {
    display: none;
}

.fancybox-button.fancybox-button--fullscreen {
    display: none;
}

.fancybox-button.fancybox-button--thumbs {
    display: inline-block;
}

.fancybox-button.fancybox-button--close {
    position: relative;
}

.fancybox-button.fancybox-button--close svg {
    /* display: none; */
}

html.tooltip-modal body.is-builder .fancybox-button.fancybox-button--close svg, 
html body.is-builder .fancybox-button.fancybox-button--close svg {
    display: block !important;
}

.fancybox-button.fancybox-button--close::before {
    /* content: "\f00d";
    font-family: FontAwesome;
    font-size: 28px; */
}

.fancybox-arrow::after {
    background-color: var(--modal-overlay-mobile-color);
}

.fancybox-button::after,
.fancybox-button::before {
    color: #FFF;
}

.fancybox-button svg path,
.fancybox-button:active svg path,
.fancybox-button:focus svg path {
    fill: #FFF;/* #349ADC */
}

.fancybox-button:active svg path,
.fancybox-button:active:hover svg path,
.fancybox-button:hover svg path {
    fill: #FFFFFF;/* #333 */
}

.fancybox-image,
.fancybox-spaceball {
    /* border: 1px solid #DDD; */
}

body.is-builder.catalog-product-view .fancybox-image,
body.is-builder.catalog-product-view  .fancybox-spaceball {
    image-rendering: crisp-edges;
}

.fancybox-caption,
.fancybox-caption-wrap {
    background: none transparent !important;
    color: #444;
}

html.ofc .fancybox-caption,
html.ofc .fancybox-caption-wrap {
    /* color: #FFF;
    border-top: none 0; */
}

.fancybox-caption__body {
    color: #FFF;
}

.fancybox-show-thumbs .fancybox-thumbs {
    background: #60606040;
}

/* fancybox zoom icon */

html.window-loaded .fancybox.zoom-icon {
    position: relative;
    display: block;
}

html.window-loaded .fancybox.zoom-icon .fa {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    font-size: 3rem;
    background-color: rgba(0,0,0,0);
    color: #FFF;
    -webkit-transition: background-color 0.5s 0s;
    transition: background-color 0.5s 0s, ;
}

html.window-loaded .fancybox.zoom-icon:hover .fa {
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: background-color 0.5s 0s;
    transition: background-color 0.5s 0s;
}

html.window-loaded .fancybox.zoom-icon .fa::before {
    display: block;
    content: "\f00e";
    font-family: FontAwesome;
    font-size: inherit;
    color: inherit;
    width: 35px;
    height: 35px;
    position: relative;
    top: 50%;
    left: 50%;
    opacity: 0.7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-50%, -50%) scale(0.95);
    -webkit-transition: transform 0.5s 0s, opacity 0.5s 0s;
    transition: transform 0.5s 0s, opacity 0.5s 0s;
}

html.window-loaded .fancybox.zoom-icon .fa:hover::before {
    opacity: 0.9;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: transform 0.5s 0s;
    transition: transform 0.5s 0s;
}

/* ----------------------------------------------------- */

/* category page - colorways image (hidden) */

#products-wrapper #product-items-list .colorways-image-box {
    display: none !important; 
}

/* product page - colorways category */

#colorways-category-box {    
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    clear: both;
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

html.window-loaded #colorways-category-box {  
    opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

#colorways-category-box .colorways-category-title {
    font-family: "Poppins", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    /* text-transform: uppercase; */
    letter-spacing: 0.03em;
    color: #333;
    margin-bottom: 0;
    padding: 1rem 1.5rem 1rem 1.5rem;
    background: #EEE;
}

body:not(.account):not(.wishlist-index-index) #colorways-category-box + .box-tocart,
body:not(.account):not(.wishlist-index-index) .related-fabric-widths + .box-tocart {
    margin-top: 0rem;
    /* position: sticky;
    bottom: -11rem; */
}

#colorways-category-box #colorways-category-list {
    position: relative;
    min-height: 50px;
    padding: 1.5rem;
}

#colorways-category-box #colorways-category-list.colorways-loaded {
    
}

#colorways-category-box #colorways-category-list::before {
    /* content: "";
    display: block;
    width: 25px;
    height: 25px;
    border: 6px solid #FFF;
    border-top-color: #349ADC;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: loading 0.6s linear infinite;
    animation: loading 0.6s linear infinite;
    pointer-events: none; */
}

#colorways-category-box #colorways-category-list.colorways-loaded::before {
    /* pointer-events: none;
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s; */
}

#colorways-category-box #colorways-category-list ul {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(46px,1fr));
    grid-template-rows: 47px;/* 66px */
    gap: 0.4rem;
    list-style: none;
    margin: 0;
    padding: 0;
    /* opacity: 0;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s; */
}

#colorways-category-box #colorways-category-list.colorways-loaded ul {
    /* opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s; */
}

#colorways-category-box #colorways-category-list ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 47px;
}

#colorways-category-box #colorways-category-list ul li.active {
    order: -1;
}

#colorways-category-box #colorways-category-list ul li .colorways-image-box {
    /* opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s; */
}

#colorways-category-box #colorways-category-list.colorways-loaded ul li .colorways-image-box {
    /* opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s; */
}

#colorways-category-box #colorways-category-list ul li a {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

#colorways-category-box #colorways-category-list ul li.active a {
    pointer-events: none;
    cursor: default;
}

#colorways-category-box #colorways-category-list ul li img {
    margin: 0;
    padding: 0;
    width: 42px;
    height: 42px;
    border: 3px solid #fff;
    box-shadow: none;
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

#colorways-category-box #colorways-category-list ul li.active img {
    box-shadow: 0 0 1px 2px #111;
    width: 40px;
    height: 40px;
}

#colorways-category-box #colorways-category-list ul li:not(.active) img {
    border: 2px solid #fff;
}

#colorways-category-box #colorways-category-list ul li:not(.active):hover img {
    /* box-shadow: 0 0 0 2px rgba(0,0,0,0.2); */
    opacity: 0.6;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

#colorways-category-box #colorways-category-list ul li a span {
    display: none;
    font-size: 1rem;
    line-height: 1.2rem;
    justify-content: center;
    text-align: center;
    align-items: baseline;
    height: auto;
    color: #333;
    padding-top: 1px;
}

/* available fabric widths */

.related-fabric-widths {
    color: #444;
    /* margin-bottom: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #DDD;
    padding-top: 1.3rem; */

    padding-top: 0;
    padding-bottom: 0;
    margin-top: 5px;
    margin-bottom: 0;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    clear: both;
}
  
.related-fabric-widths > span {
    /* font-weight: bold;
    color: #333;
    font-size: 1.3rem;
    padding-bottom: 5px; */
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    /* text-transform: uppercase; */
    letter-spacing: 0.03em;
    color: #333;
    margin-bottom: 0;
    padding: 1rem 1.5rem 1rem 1.5rem;
    background: #EEE;
}
  
.related-fabric-widths ul {
    clear: both;
    margin: 4px 0 0 0;
    padding: 1.5rem;
    min-height: 50px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(90px,max-content));
    gap: 1rem;
    height: auto;
    box-sizing: border-box;
    list-style-type: none;
}
  
.related-fabric-widths ul li {
    list-style-type: none;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    /* border: 2px solid rgba(51,51,51,0.2); */
}
  
.related-fabric-widths ul.border-round li {
    border-radius: 28px;
}
  
.related-fabric-widths ul li.active {
    /* box-shadow: 0 0 0 2px #666;
    border-color: #FFF; */
}

.related-fabric-widths ul li:hover:not(.active) {
    /* border-color: var(--color-link-hover); */
}
  
.related-fabric-widths ul li::before {
    content: none;
}
  
.related-fabric-widths ul li a {
    position: relative;
    display: flex;
    margin: 0;
    padding: 0.7rem 1.7rem;
    line-height: 2.5rem;
    background-color: #FFF;
    border: 2px solid rgba(51,51,51,0.2);
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    font-size: 1.4rem;
}
  
.related-fabric-widths ul.border-round li a {
    border-radius: 28px;
}
  
.related-fabric-widths ul li.active a {
    opacity: 1;
    cursor: default;
    pointer-events: none;
    user-select: none;
    background-color: #FFF;/* #e8e7e7 */
    font-weight: 500;
    color: #000;
    border: 2px solid #555;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8), -1px -1px 1px rgba(255,255,255,0.8);
}
  
.related-fabric-widths ul li.active a:hover {
    opacity: 1;
}
  
.related-fabric-widths ul li:not(.active) a:hover {
    opacity: 0.8;
    text-decoration: none;
    color: var(--color-link-hover);
}

@media screen and (max-width: 767px) {

    .related-fabric-widths ul li a {
        font-size: 1.2rem;
    }
}

/* -------------------------------------------------------------- */

.gallery-placeholder._block-content-loading .loading-mask {
    position: absolute;
    top: 0;
    bottom: auto;
}

.gallery-placeholder._block-content-loading .loading-mask .loader > img {
    position: absolute;
}

.product.media [style].gallery-placeholder {
    display: block !important;
}

.product.media [style="display: none;"].gallery-placeholder {
    display: none !important;
}

#amasty-gallery.position-left #amasty-gallery-container .product.media .action-skip-wrapper {
    height: auto;
}

.product.media #amasty-main-container {
    width: auto !important;
}

.product.media #amasty-main-container {
    width: 100% !important;
}

.product.media #amasty-main-container.am-custor-pointer {
    display: block;
    min-height: max-content !important;
}

.product.media #amasty-gallery .jonny-zoom {
    position: absolute;
    width: 100%;
    height: calc(100% - 6px);
    z-index: 1;
}

.product.media #amasty-gallery .jonny-zoom {
    display: none;
}

.product.media.no-media-gallery #amasty-gallery .jonny-zoom {
    display: none;/* block */
}

.product.media.has-media-gallery #amasty-gallery .jonny-zoom {
    display: none;
}

.zoomWrapper {
    width: 100% !important;
    height: 100% !important;
}

.product.media #amasty-gallery #amasty-main-container::after {
    content: none;/* "zoom" */
    position: absolute;
    width: 80px;/* 120px */
    z-index: 1;
    left: 51%;
    top: auto;/* calc(50% - 3px) */
    bottom: 0;
    font-size: 20px;/* 30px */
    font-weight: 500;
    margin: 0;
    padding: 1rem 0 1rem;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6), -1px -1px 1px rgba(255, 255, 255, 0.6);
    color: #333;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-content: center;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.8s 0s, -webkit-transform 0.7s 0s;
    transition: opacity 0.8s 0s, transform 0.7s 0s;

    /* temp
    content: none !important;
    display: none !important; */
}

.product.media.no-media-gallery #amasty-gallery #amasty-main-container::after,
.product.media.has-media-gallery #amasty-gallery #amasty-main-container::after {
    opacity: 0.7;
    -webkit-transition: opacity 0.8s 0s, -webkit-transform 0.7s 0s;
    transition: opacity 0.8s 0s, transform 0.7s 0s;
}

.product.media.no-media-gallery #amasty-gallery:hover #amasty-main-container::after,
.product.media.has-media-gallery #amasty-gallery:hover #amasty-main-container::after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.9;
    -webkit-transition: opacity 0.8s 0s, -webkit-transform 0.7s 0s;
    transition: opacity 0.8s 0s, transform 0.7s 0s;
}


body.is-builder.catalog-product-view #amasty-main-image {
    image-rendering: crisp-edges;
}

@media screen and (min-width: 768px){

    #amasty-main-image {
        width: 100%;
    }
}

#amasty-gallery-container {
    font-size: 0;
    overflow: hidden;
    margin: 0;
}

#amasty-gallery-images {
    margin: 1.5rem 0;
}

#amasty-gallery-images:empty {
    display: none;
}

.has-media-gallery #amasty-gallery-images {
    display: block !important;
}

#amasty-gallery-images:not(.slick-initialized) .amasty-gallery-thumb-link {
    margin: 0 5px 10px 0;
}

#amasty-gallery-images:not(.slick-initialized) .amasty-gallery-thumb-link.active img {
    outline: 2px solid #737879;
}

.magnifier-preview:not(.hidden) {
    border: 1px solid #DDD;
}

.slick-list {
    /* max-height: 394px; */
}

.block.widget.block-post-list.amblog-post-list .post-slider ol.amblog-slick-slider > .slick-list {
    display: list-item;
    list-style-type: none;
}

.slick-vertical .slick-list {
    /* max-height: 310px; */
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slick-vertical .slick-list {
        /*  max-height: 205px; */
    }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
    .slick-vertical .slick-list {
        /* max-height: 415px; */
    }
}

.slick-track {
    /* max-height: 461px; */
    top: 1px;
}

.slick-initialized .slick-slide {
    margin: 0 4px;
}

#amasty-gallery-container .slick-vertical {
    margin-top: 43px;
}

.product.media.img-gallery-less-than-default #amasty-gallery-container .slick-vertical {
    margin-top: 0;
}

.product.media.img-gallery-more-than-default #amasty-gallery-container .slick-vertical {
    margin-top: 43px;
}

#amasty-gallery-container .slick-vertical button.slick-prev {
    top: -38px;
}

#amasty-gallery-images .slick-dots {
    display: none !important;
}

.slick-initialized .slick-slide img {
    border-radius: 3px;
    border: 1px solid #DDD;
}

/* product fake jump tab links */

#product-fake-jump-tabs {
    margin: 2rem 0 0 0;
    padding: 0 0 3rem 0;
    border-bottom: 1px solid #DDD;
    clear: both;
}

#product-fake-jump-tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}

#product-fake-jump-tabs ul li {
    margin: 0;
    padding: 0 1rem;
    list-style-type: none;
    float: none;
    line-height: 5.2rem;
}

#product-fake-jump-tabs ul li:nth-child(1) {
    padding-left: 0;
}

#product-fake-jump-tabs ul li:nth-last-of-type() {
    padding-right: 0;
}

#product-fake-jump-tabs ul li a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: var(--color-link);
    padding: 1rem 1.5rem;
    background-color: #EEE;
    border-radius: 3px;
}

#product-fake-jump-tabs ul li a:hover {
    text-decoration: none;
    color: #FFF;
    background-color: var(--color-link-hover);
}

@media screen and (min-width: 768px){


}

@media screen and (max-width: 767px){

    #product-fake-jump-tabs {
        padding-bottom: 0 0 1.5rem 0;
    }

    #product-fake-jump-tabs ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    #product-fake-jump-tabs ul li {
        padding: 0 0.5rem;
    }

    #product-fake-jump-tabs ul li a {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 530px){

    #product-fake-jump-tabs {
        margin-top: 1rem;
        padding-bottom: 0 0 1.5rem 0;
    }

    #product-fake-jump-tabs ul {
        /* flex-direction: column; */
    }

    #product-fake-jump-tabs ul li {
        
    }
}

/* product - min qty message */

#product_addtocart_form .box-tocart .min-qty-msg {
    display: none;
    margin-bottom: 0.5rem;
}

#product_addtocart_form .box-tocart .min-qty-msg.qty-greater-than-1 {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    color: #C00;
    margin-bottom: 1rem;
}

/* ------------------------- */

body.catalog-product-view .bundle-options-container:before,
body.catalog-product-view .bundle-options-container:after {
    clear: both;
    display: table;
    content: "";
    line-height: 0;
}

body.catalog-product-view .bundle-options-container .product-add-form {
    display: block !important;
    margin-top: 2em;
}

body.catalog-product-view .top-container .block-static-block.widget,
body.catalog-product-view .top-container .block-cms-link.widget,
body.catalog-category-view .top-container .block-static-block.widget,
body.catalog-category-view .top-container .block-cms-link.widget {
    margin: 0;
}

body.catalog-product-view .product-social-links {
    margin-bottom: 0;/* 1rem */
    margin-top: 0;/* 1rem */
    clear: both;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

@media screen and (max-width: 767px) {
    body.catalog-product-view .product-social-links {
        text-align: left;
    }
}

.bundle-actions {
    margin: 0 0 0.5em;
}

.bundle-options-container .product-options-wrapper {
    width: 100%;
}

.bundle-options-container .product-options-bottom {
    border-top: 0 none transparent;
    margin: 0 0 20px;
    padding-top: 20px;
}

.bundle-options-container .product-options-wrapper fieldset.fieldset {
    margin: 0 0 1.5em;
    border-bottom: 1px solid #DDD;
    padding-bottom: 1.2em;
}

/* product page - builder spec tab styling */

body.catalog-product-view.is-builder-product #additional #builder-specs-standalone {
    border: 1px solid #DDD;
}

body.catalog-product-view.is-builder-product #additional #builder-specs-standalone ul {
    margin: 0;
    padding: 0;
}

body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li {
    list-style-type: none;
    border-bottom: 1px solid #DDD;
    margin: 0;
    padding: 0;
}

body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li:nth-child(2n) {
    background-color: #f4f4f4;
}

body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li > div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li > div h4 {
    width: 200px;
    text-align: right;
    padding-right: 2rem;
}

body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li > div > div {
    margin: 0;
    padding: 2rem 1rem 2rem 2rem;
    border-left: 1px solid #DDD;
}

@media screen and (max-width: 768px) {

    body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li:nth-child(2n) {
        background-color: transparent;
    }

    body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li > div {
        display: block;
        padding-left: 1.5rem;
    }

    body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li > div h4 {
        width: auto;
        text-align: left;
        padding-right: 0;
    }

    body.catalog-product-view.is-builder-product #additional #builder-specs-standalone li > div > div {
        padding: 0 0 2rem;
        border-left: none;
    }
}


/* amasty hide price */

/* body.catalog-product-view span[id*="amhideprice-product-id-"] ~ .product-social-links {
    display: none;
}

body.catalog-product-view span[id*="amhideprice-product-id-"] ~ .product-social-links ~ .widget.block-static-block > #products-banners-box {}

body.catalog-product-view .product-info-price .amasty-hide-price-container {
    cursor: pointer;
} */

/* widgets - upsells - crosssells - hide price and hide add to cart */

/* .block.crosssell,
.block.widget.grid .price-box,
.block.upsell .price-box,
.block.crosssell .price-box,
.block.upsell .actions-primary,
.block.widget.grid .actions-primary,
.block.crosssell .actions-primary, */
.block.crosssell .actions-secondary {
    display: none !important;
}

.block.crosssell {
    margin-top: 0;
}

.column.main .block.crosssell:last-child {
    width: 68%;
    padding: 0 1.5rem 0 0;
    box-sizing: border-box;
}

.block.crosssell .product-item-info {
    padding: 1rem 1rem 6rem 1rem;
    border: 1px solid transparent;
}

@media (min-width: 640px) {

    .column.main .block.crosssell:last-child {
        padding: 0 1.5rem 0 0 
    }
}

@media (max-width: 767px) {

    .column.main .block.crosssell:last-child {
        width: 100%;
        padding: 0 1rem;
        order: 4;
    }
}

/* ----------------------------------------------------- */
/* upsell products */

.product-info-main .block.upsell {
    margin: 0 0 2rem 0;
    opacity: 0;
    margin-top: 0;

    /* display: none; */
}

html.window-loaded .product-info-main .block.upsell {
    opacity: 1;
    -webkit-transition: opacity 1s 3s;
    transition: opacity 1s 3s;
    order: 4;
}

.product-info-main .block.upsell .title {
    margin-bottom: 1.3rem;
    margin-top: 0rem;
}

.product-info-main .block.upsell #block-upsell-heading {
    letter-spacing: 1px;
    font-size: 1.6rem;
    font-weight: 600;
    position: relative;
}

body[class*="product-sample"].catalog-product-view .block.upsell .block-title strong::before {
    content: "Like This Sample?";
    background: var(--color-white);
    color: var(--color-text);
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    position: absolute;
    left: 0;
    padding: 5px;
    letter-spacing: 1px;
    min-width: 305px;
}

@media screen and (max-width: 767px){

    body[class*="product-sample"].catalog-product-view .block.upsell .block-title strong::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.product-info-main .block.upsell .block-content.content {
    padding: 0;
}

html.window-loaded .product-info-main .block.upsell .block-content.content {
    
}

.product-info-main .block.upsell .products.wrapper.grid.products-grid {
    margin: 0;
    padding: 0;
}

.product-info-main .block.upsell .products-grid .product-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
}

.product-info-main .block.upsell .products-grid .product-item {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
}

.product-info-main .block.upsell .products-grid .product-item .product-item-info {
    width: 100%;
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 1rem;
    padding: 2rem 2rem 1.5rem;

    background-color: #fbfafa;
    border: 2px dashed #CCC;
    border-radius: var(--border-radius-rounded);
}

/* .product-info-main .block.upsell .products-grid .product-item .product-item-info {
    width: 100%;
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 1rem;
    padding: 1.5rem 1.5rem 1.5rem;
    background-color: #fbfafa;
    border: 2px dashed #CCC;
    border-radius: var(--border-radius-rounded);
} */

body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .product-info-main .block.upsell .products-grid .product-item-info {
    padding: 1.5rem 1.5rem 1.5rem;
}

body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .product-info-main .block.upsell .products-grid .product-item-info:hover,
body:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .product-info-main .block.upsell .products-grid .product-item-info.active {
    padding: 1.5rem 1.5rem 1.5rem;
    margin: 0;
    border: 0 none;
    box-shadow: unset;
    border: 2px dashed #CCC;
    background-color: #fcfce0;
    -webkit-transition: background-color 1s 0s;
    transition: background-color 1s 0s;
}

.block.upsell .products-grid .product-items:not(.tns-slider) .product-item {
    margin-bottom: 0 !important;
}

@media screen and (min-width: 640px) {

    .block.upsell .products-grid .product-item-info:hover, 
    .block.upsell .products-grid .product-item-info.active {
        z-index: 0;
    }
}

.product-info-main .block.upsell .products-grid .product-item .product.photo.product-item-photo {
    /* display: none; */
}

.product-info-main .block.upsell .products-grid .product-item .product.details.product-item-details {
    
}

.product-info-main .block.upsell .products-grid .product-item .price-box {
    /* display: none !important; */
    margin: 0;
}

.product-info-main .block.upsell .products-grid .product-item .product.name {
    padding: 0;
    margin: 0;
}

.product-info-main .block.upsell .products-grid .product-item .product.name a {
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 0px;
    padding: 0;
}

.product-info-main .block.upsell .products-grid .product-item .product.photo.product-item-photo img.product-image-photo {
    border-radius: 5px;
}

@media screen and (min-width: 1024px) {

    .product-info-main .block.upsell .products-grid .product-items {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {

    .product-info-main .block.upsell .products-grid .product-items {
        grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));/* 1fr 1fr */
    }

    .product-info-main .block.upsell .products-grid .product-item {
        display: flex;
        height: 100%;
    }

    .product-info-main .block.upsell .products-grid .product-item .product.name a {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
}

.product-info-main .block.upsell .products-grid .product-item-actions {
    margin-bottom: 0;
    margin-top: 0;
    /* display: none; */
}

.product-info-main .block.upsell .product-item-actions form {
    display: inline-block;
    /* flex-direction: column;
    justify-content: center; */
}

.product-info-main .block.upsell .product-item-actions .actions-primary {
    display: inline-block;
}

.product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary {
    position: relative;
    margin-top: 1rem;
    background-color: #666;
    border-color: #666;
    color: #FFF;
    text-shadow: none;
    padding: 1.5rem 1rem;
}

.products-grid .product-item.has-options .actions-primary [title*="View Details"].action.primary:not(.tocart) {
    margin-top: 0.5rem;
}

.product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary,
.block.related .products-grid .product-item .actions-primary .action.primary:not(.tocart) {
    font-weight: 300;
}

.product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary:hover {
    background-color: var(--color-link);
    border-color: var(--color-link);
}

body .product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary {
    white-space: normal;
}

body .product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary {
    padding: 1rem 1.5rem;
    margin-top: 3px;
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
    font-size: 1.1rem;
}

body .product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary {
   opacity: 0.9;
   -webkit-transition: opacity 0.5s 0s;
   transition: opacity 0.5s 0s;
}

html body.is-builder-fake:not(.is-builder) .action.tocart.primary:not(.no-icon) span {
    left: 0;
}

html body.is-builder-fake:not(.is-builder) .action.tocart.primary:not(.no-icon) span::before {
    content: none;
}

@media screen and (max-width: 1024px) {

    
}

@media screen and (min-width: 768px) {

    
}

@media screen and (max-width: 1024px) {

    .product-info-main .block.upsell .products-grid .product-item .product-item-info {
        grid-template-columns: 110px 1fr;
        padding: 1rem;
    }

    .product-info-main .block.upsell .products-grid .product-item .product-item-info:hover {
        padding: 1rem;
    }

    .product-info-main .block.upsell .products-grid .product-item .product.name a {
        font-size: 1.3rem;
        letter-spacing: 0px;
        line-height: 1.6rem;
    }

    body .product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary {
        font-size: 1.3rem;
        padding: 1rem 2.2rem 1.2rem 1.5rem;
    }
}

@media screen and (max-width:767px) {

    .product-info-main .block.upsell {
        margin-bottom: 2rem !important;
        padding-top: 1.5rem;
        clear: both;
        order: 3;
    }

    .product-info-main .block.upsell .title {
        text-align: center;
    }

    .product-info-main .block.upsell .product-item-info {
        grid-template-columns: 1fr;
        justify-content: center;
        text-align: center;
    }

    .product-info-main .block.upsell .product-item-info {
        grid-template-columns: 1fr;
    }
    
    .product-info-main .block.upsell .products-grid .product-item .product-item-info {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        padding: 1.5rem 1rem 1.5rem;
    }

    .product-info-main .block.upsell .product-item-info a.product-item-photo {
        display: flex;
        justify-content: center;
    }

    .product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary {
        
        margin-top: 1rem;
    }

    .product-info-main .block.upsell .product-item-actions .actions-primary {
        display: block;
    }

    body .product-info-main .block.upsell .products-grid .product-item .product-item-info .actions-primary .action.primary {
        font-size: 1.2rem;
        white-space: normal;
        word-break: break-word;
        line-height: 1.6rem;
        padding: 1rem 2rem 1rem 2rem;
    }

    body .product-info-main .block.upsell .products-grid .product-item .product-item-info:hover .actions-primary .action.primary {
        padding: 1rem 2rem 1rem 2rem;
    }

    body .product-info-main .block.upsell .products-grid .product-item .product-item-info .actions-primary .action.primary span {
        left: 0;
    }
}

@media screen and (max-width:480px) {

    
}

/* product page - category page - hide price and hide add to cart and is-maipp (hide price) */

body.catalog-product-view .hide-price ~ .product-info-price .price-box,
body.catalog-product-view .product-info-price.hide,
body.catalog-category-view .hide-price .price-box,
body.catalogsearch-result-index .hide-price .price-box {
    display: none !important;
}

body.catalog-product-view .hide-price + .product-info-price {
    display: none !important;
}

/* html.logged-in body.catalog-product-view .product-info-price .price-box.hide, */
/* body.catalog-product-view .product-info-price.hide {
    display: none !important;
} */

html.logged-in body.catalog-product-view .product-info-price.hide {
    
}

html.logged-out body.catalog-product-view .is-maipp ~ .product-info-price .price-box,
html.logged-out body.catalog-category-view .is-maipp .price-box,
html.logged-out body.catalogsearch-result-index .is-maipp .price-box {
    /* display: none !important; */
}

body.catalog-product-view:not(.is-builder-cb) .hide-addtocart.product-add-form .field.qty,
body.catalog-product-view .hide-sample.product-add-form .order.sample.button,
body.catalog-product-view:not(.is-builder-cb) .hide-addtocart.product-add-form #product-options-wrapper,
body.catalog-product-view .hide-addtocart .actions .action.tocart.primary,
body.catalog-product-view:not(.is-builder) .hide-addtocart.product-add-form .box-tocart .fieldset,
body.catalog-product-view:not(.is-builder) .hide-addtocart.hide-sample.product-add-form .box-tocart .fieldset,
body.catalog-category-view .hide-addtocart .actions-primary .action.tocart.primary,
body.catalogsearch-result-index .hide-addtocart .actions-primary .action.tocart.primary,
body.catalog-product-view:not(.is-builder) .hide-addtocart.product-add-form .box-tocart .add-to-cart-msg {
    display: none !important;
}

body:not(.account):not(.wishlist-index-index) .product-info-main .hide-addtocart.product-add-form .product-options-wrapper + .product-options-bottom .box-tocart {
    background-color: transparent;
}

body.catalog-product-view .hide-addtocart ~ .product-add-form .box-tocart .fieldset .actions {
    float: none;
    width: 100%;
}

/* reviews */

#reviews {
    
}

body:not(.builder) #reviews {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 200px; */
}

.fieldset .review-legend.legend span {
    font-size: 1.5rem;
}

.fieldset .review-legend.legend strong {
    font-size: 1.4rem;
    font-weight: 500;
}

.product-reviews-summary .reviews-actions a:not(:last-child) {
    margin-right: 1.5rem;
}

body.catalog-product-view .product-reviews-summary {
    width: 100%;
    margin-bottom: 2rem;
}

.product-reviews-summary,
body.catalog-product-view .product-reviews-summary {
    display: none;
}

html.logged-out body.catalog-product-view .product-reviews-summary {
    display: none;
}

html.logged-in body.catalog-product-view .product-reviews-summary {
    display: inline-block;
}

.review-field-rating .label span {
    font-weight: 400;
}

.review-form {
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.review-form .field-recaptcha {
    order: 2;
}

.review-form .fieldset {
    order: 1;
}

.review-form .actions-toolbar {
    order: 3;
}

.product-info-main .rating-summary,
.customer-review .rating-summary {
    margin-right: 1rem;
}

/* short description */

.product-info-main .product.attribute.overview {
    padding-bottom: 2rem;
    margin-top: 0;
    margin-bottom: 0rem;
}

.product-info-main .product.attribute.overview ul,
.product-info-main .product.attribute.overview ol {
    margin: 0;
    padding: 0;
    height: auto;
    list-style-type: disc;
}

.product-info-main .product.attribute.overview ul {
    list-style-type: disc;
    padding-left: 1.5rem;
}

html body[class*="sample-pack"].catalog-product-view .product-info-main .product.attribute.overview ul {
    padding-bottom: 0.5rem;
}

.product-info-main .product.attribute.overview ol {
    list-style-type: decimal;
}

html body .product.attribute.overview ul.features,
html body .product.attribute.description ul.features {
    margin-bottom: 0;
    padding-bottom: 0;
}

html body .product.attribute.description ul.features.features-swing-bed-fake-builder {
    padding-bottom: 1.2rem;
}

html body .product.attribute.description ul.features.features-swing-bed-fake-builder.features {
    padding-bottom: 0;
}

html body .product.attribute.overview ul.features + ul.patent,
html body .product.attribute.description ul.features + ul.patent {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 0;
    padding-bottom: 0.5rem;
}

.product-info-main .product.attribute.overview ul li,
.product-info-main .product.attribute.overview ol li {
    box-sizing: border-box;
    margin: 0;
}

@media screen and (max-width: 767px) {

    .product-info-main > .product.attribute.overview {
        margin: 2rem 0 3rem;
    }

    .product-info-main .product.attribute.overview p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .product-info-main .product.attribute.overview ul,
    .product-info-main .product.attribute.overview ol {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .product-info-main .product.attribute.overview ul li,
    .product-info-main .product.attribute.overview ol li {
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

/* category filter */

.page-with-filter .toolbar-amount {
    text-transform: none;
}

.filter-options-content .am-filter-price {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .category-description {
        /* text-align: justify; */
    }

    .page-with-filter .toolbar-amount {
        position: static;
        width: 35%;
        display: inline-block;
        font-size: 11px;
    }

    .page-products .sorter {
        position: static;
        width: 65%;
        display: inline-block;
        text-align: right;
        font-size: 11px;
    }

    .toolbar select {
        font-size: 11px;
        display: inline-block;
        width: 105px;
    }

    .column.main .products.wrapper.grid.products-grid {
        clear: both;
    }
}

.column.main .products.wrapper.grid.products-grid {
    padding-bottom: 0;/* 3.5em */
    margin-top: 0px;
}

body:not(.builder) .column.main .products.wrapper.grid.products-grid {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 1000px; */
}

@media screen and (max-width: 787px) {

    .column.main .block.crosssell .products.wrapper.grid.products-grid {
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .column.main .block.crosssell .products.wrapper.grid.products-grid .products {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 680px) {

    .product-reviews-summary {
        text-align: center;
        margin-bottom: 1.3rem;
    }

    .product-reviews-summary .reviews-actions .action {
        font-size: 13px;
    }

    .column.main .product-items {
        margin-left: 0;
    }

    .column.main .product-items:not(.tns-slider) {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(164px, 1fr));
        grid-gap: 0rem;
    }

    .column.main .product-items:not(.tns-slider) li.item.product.product-item .unit-of-measure {
        display: none;
    }
}

/* tier pricing - cat page */

html body.catalog-category-view .minimal-price-link {
    display: none;
}

html.logged-in body.catalog-category-view .minimal-price-link {
    display: inline-block;
}

/* tier pricing - product page */

.tier-prices-logged-out,
html.logged-in .tier-prices-logged-out {
    display: none !important;
    margin: 0rem 0 1rem;/* 1.5rem 0 2rem; */
    min-height: 21px;
    letter-spacing: 0.3px;
    font-size: 1.2rem;
}

html.logged-out .tier-prices-logged-out {
    display: block !important;
}

html.logged-in body.catalog-product-view .prices-tier.items {
    display: inline-block !important;
}

html body.catalog-product-view .prices-tier.items,
html body.catalog-product-view .prices-tier.items.hide,
html.logged-in body.catalog-product-view .prices-tier.items.hide {
    display: none !important;
}

ul.prices-tier {
    clear: both;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 0;
    display: inline-block;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 3px;
}

.product-info-main .product-info-price + ul.prices-tier {
    margin-top: 1rem;
}

@media screen and (max-width: 767px) {

    ul.prices-tier {
        transform: translateX(-50%);
        left: 50%;
        position: relative;
        top: 0;
        margin-bottom: 0;
        margin-top: 0.5rem;
    }

    ul.prices-tier li.item {
        font-size: 1.2rem;
    }
}

ul.prices-tier li.item {
    line-height: 1.5rem;
    margin-bottom: 0;
    padding: 0.5rem 0.8rem;
    border-bottom: 1px solid #D4F7B1;
    letter-spacing: 1px;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 400;
    color: #555;
}

ul.prices-tier li.item::before {
    content: none;/*  "\f02c" */
    font-family: FontAwesome;
    font-size: 1.2rem;
    position: relative;
    top: 1px;
}

ul.prices-tier li.tier-price-heading {
    text-align: center;
    letter-spacing: 3px;
    background: #EEE;
    padding: 6px 10px;
    font-weight: 500;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #DDD;
}

ul.prices-tier li:last-of-type {
    border-bottom: 0 none;
}

ul.prices-tier .price-container {
    display: inline-block;
}

ul.prices-tier .price {
    line-height: inherit;
    font-size: inherit;
    font-weight: 500;
}

ul.prices-tier .benefit {
    font-weight: 500;
    display: inline-block;
}

ul.prices-tier .unit-of-measure {
    display: none;
}

/* price - product page */

.product-options-bottom .price-box .price-container .price,
.product-info-price .price-box .price-container .price,
.bundle-options-container .block-bundle-summary .price-box .price-wrapper,
.bundle-options-container .block-bundle-summary .price-box .price-wrapper > .price {
    /* color: #CC0000;
    font-weight: 300; */
    color: #000000;
    font-weight: 700;
}

@media screen and (max-width: 640px) {

    .price-as-configured .price-container .price {
        font-size: 2.4rem;
    }

    .product-info-price > :last-child {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* -- */

.product-info-main .product-info-stock-sku {
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 2px;
    line-height: 2.5rem;
}

.column.main.media-right .product-info-main .product-info-stock-sku {
    float: left;
    text-align: left;
    padding-left: 0;
    padding-right: 5%;
}

.product-info-main .product.attribute.sku {
    /* line-height: 1.7rem; */
    margin-bottom: 0rem;
    padding-bottom: 1.5rem;
}

.product-info-main .product.attribute.sku .type {
    display: none;
    font-weight: bold;
}

.product-info-main .product-info-price .product-info-stock-sku .stock {
    margin-top: 0;
    font-weight: normal;
}

.product-info-main .product-info-price .product-info-stock-sku .stock.available {
    display: none;
}

.product-info-main .product-info-price .product-info-stock-sku .stock.available.guaranteed-in-stock {
    display: block;
}

.product-info-main .product-info-price .product-info-stock-sku .stock.available span {
    color: #666;
    font-weight: 300;
}

/* ---------------------------------------------------*/

/* sku text copy */

.has-copy-sku {
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

body:not(.has-options) .has-copy-sku.sku-link-loaded/* ,
html.window-loaded body.has-options .has-copy-sku */ {
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

body.has-options .has-copy-sku.sku-link-loaded {
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

.has-copy-sku::before,
.has-copy-sku::after {
    /* content: none; */
}

#copy-sku,
#copy-sku:hover,
body.has-options #copy-sku,
body.has-options #copy-sku:hover {
    pointer-events: none !important;
    color: #444 !important;
    /* font-size: 1.2rem; */
    word-break: break-word;
}

#copy-sku i,
body.has-options #copy-sku i {
    /* margin-left: 1px;
    color: var(--color-link);*/
    
    display: none !important;/* temp */
}

/* #copy-sku:hover i {
    color: #222;
} */

/* extra copy sku markup overlay image */

/* temp */

#sku-link-modal {
    width: 300px;
    padding: 2rem;
    background: transparent;
}

#sku-link-modal input[type="text"] {
    width: 100%;
    clear: both;
    padding: 1rem 2rem;
    box-sizing: border-box;
    cursor: default;
    text-align: center;
    height: auto;
    font-weight: 300;
    font-size: var(--text-md);
    color: #555;
    border: 1px solid #DDD;
    border-radius: 0.25em;
    border-top-right-radius: 0;
}

#sku-link-modal button {
    width: 100%;
    padding: 1rem;
    clear: both;
    box-sizing: border-box;
    margin-top: 10px;
    display: block;
}

#sku-link-modal button.copied span {
    display: block;
    position: relative;
    background-color: inherit;
    overflow: hidden;
}

#sku-link-modal button.copied span::before {
    content: "copied...";
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: inherit;
    text-align: center;
}

#sku-link-modal button.copied span b {
    opacity: 0;
}

#sku-link-modal .fancybox-button.fancybox-close-small {
    display: none;
}

@media screen and (max-width:500px) {
    #sku-link-modal {
        padding: 4rem 1rem;
    }
}

/* #sku-static {
    display: none !important;
}

#sku-link-input-button {
    position: relative;
    background: none transparent;
    border-width: 0px;
    font-weight: 400;    
    color: #565559;
}

#sku-link-input-button i {
    margin-left: 0.5rem;
    color: var(--color-link);
}

#sku-link-input-button.copied i {
    color: #222;
}

#sku-link-input-button:hover {
    background: none transparent;
    border-width: 0px;
    font-weight: 400;
    color: #222;
}

#sku-link-input-button.copied span {
    position: relative;
    padding-right: 0.1rem;
}

body.has-options #sku-link-input-button.copied span {
    padding-left: 0.6rem;
    padding-right: 0.7rem;
}

#sku-link-input-button.copied span::before {
    content: "Copied SKU";
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    white-space: nowrap;
    font-style: italic;
    display: flex;
    align-items: center;
    color: var(--color-green);;
} */

/* --------- */
/* copy sku - all pages */

.image-coupon-overlay {
    position: relative;
}

.coupon-link-modal {
    width: 75%;
    height: auto;
    background: transparent;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: grid;
    grid-template-columns: 1fr 80px;
    grid-template-rows: 1fr;
}

.coupon-link-modal  input[type="text"] {
    width: 100%;
    clear: both;
    padding: 0.5rem 2rem;
    box-sizing: border-box;
    cursor: default;
    text-align: center;
    height: auto;
    font-weight: 600;
    font-size: 20px;
    color: red;
    border: 1px solid #DDD;
    border-radius: 0;
}

.coupon-link-modal button {
    width: 100%;
    padding: 1rem;
    clear: both;
    box-sizing: border-box;
    margin-top: 0px;
    display: block;
    border-radius: 0;
    background: #CCC;
    color: #444;
}

.coupon-link-modal button:hover {
    background: #999;
    color: #FFF;
}

.coupon-link-modal button.copied span {
    display: block;
    position: relative;
    background-color: inherit;
    /* overflow: hidden; */
}

.coupon-link-modal button.copied span::before {
    content: "Copied";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: inherit;
    text-align: center;
}

.coupon-link-modal button span b {
    font-weight: inherit;
}

.coupon-link-modal button.copied span b {
    opacity: 0;
}

.coupon-link-modal .fancybox-button.fancybox-close-small {
    display: none;
}

@media screen and (min-width: 680px) and (max-width: 767px){

    html body.cms-page-view .content-inner .jonny-grid.coupons > .grid_6_m {
        grid-column: span 6 !important;
    }

    .coupon-link-modal {
        bottom: 16%;
        grid-template-columns: 1fr 50px;
    }

    .coupon-link-modal  input[type="text"] {
        padding: 0.2rem 2rem;
        font-weight: 400;
        font-size: 14px;
    }

    .coupon-link-modal  button {
        font-size: 12px;
        padding: 0.2rem 1rem;
        font-weight: 400;
    }
}

@media screen and (min-width: 541px) and (max-width: 679px){

    html body.cms-page-view .content-inner .jonny-grid.coupons > .grid_6_m {
        grid-column: span 6 !important;
    }

    .coupon-link-modal {
        bottom: 10%;
        grid-template-columns: 1fr 50px;
    }

    .coupon-link-modal  input[type="text"] {
        padding: 0.2rem 2rem;
        font-weight: 400;
        font-size: 14px;
    }

    .coupon-link-modal  button {
        font-size: 11px;
        padding: 0.2rem 1rem;
        font-weight: 300;
    }

    .coupon-link-modal button.copied span::before {
        left: -5px;
    }
}

@media screen and (max-width: 540px){

    html body.cms-page-view .content-inner .jonny-grid.coupons > .grid_6_m {
        grid-column: span 12 !important;
    }
}

/* ---------------*/

.bundle-options-container .block-bundle-summary > .title > strong {
    font-weight: 500;
    font-size: 2rem;
}

body.page-product-bundle #bundle-slide {
    background: #ffd452;
    border: 1px solid #ffd452;
    color: #333;
}

body.page-product-bundle #bundle-slide:hover {
    background: #333;
    border: 1px solid #333;
    color: #FFF;
}

.product-info-main .product-add-form {
    padding-top: 0px;
}

.product-info-main .product-info-price + .product-add-form {
    margin-top: 0;/* 1.5rem */
}

.table.grouped .product-item-name {
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .product-info-main .product-add-form {
        padding: 10px;
    }

    .product-info-main .product-info-price + .product-add-form {
        margin-top: 0rem;
        padding: 0;
    }

    .product-info-main .product-info-stock-sku {
        font-size: 1.3rem;
    }

    .column.main.media-right .product-info-main .product-info-stock-sku {
        padding-left: 10px;
        padding-right: 0;
    }

    .column.main.media-right .product-info-main .product-info-price .price-box {
        padding-left: 0;
        padding-right: 10px;
    }
}

/* ----------------------------------------------------- */

/* product tabs */

body.catalog-product-view .product.info.detailed .items > .content .block-title {
    display: none;
}

.product.data.items > .item.content {
    display: none;
}

.product.data.items > .item.content {
    display: none;
    /* border-bottom: 0 none transparent; */
}

.product.data.items > .item.title.active + .item.content {
    display: block;
}

.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:active,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
    box-shadow: none;
    color: #222;
    padding-bottom: 2px;
}

.product.data.items > .item.title > .switch,
.product.data.items > .item.title:not(.active):not(.disabled) > .switch:active {
    text-transform: uppercase;
    background: #EEE;
    color: #6d6d6d;
    box-shadow: none;
}

@media screen and (min-width: 768px) {

    .product.data.items > .item.title > .switch {
        font-weight: 500;
        font-size: 1.6rem;
    }

    .product.data.items > .item.title.active > .switch,
    .product.data.items > .item.title.active > .switch:focus,
    .product.data.items > .item.title.active > .switch:hover {
        box-sizing: content-box;
    }

    .product.data.items > .item.content {
        margin-top: 43px;
        padding: 2.5rem;
    }
}

@media screen and (max-width: 767px) {

    .product.data.items > .item.title > .switch,
    .product.data.items > .item.title > .switch:visited {
        font-weight: 800;
        background: #EEE;
        color: #555;
    }

    #tab-label-description-title,
    #tab-label-product.info.description-title,
    #tab-label-amfile_files-title,
    #tab-label-additional-title,
    #tab-label-reviews-title,
    #tab-label-amfaq_product-title {
        color: #555;
        font-size: 1.8rem;
    }

    #tab-label-product.info.description-title:hover,
    #tab-label-amfile_files-title:hover,
    #tab-label-additional-title:hover,
    #tab-label-reviews-title:hover,
    #tab-label-amfaq_product-title:hover {
        color: #333;
    }

    .product.data.items > .item.title.active > .switch,
    .product.data.items > .item.title.active > .switch:focus,
    .product.data.items > .item.title.active > .switch:hover {
        background: transparent;
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {

    .product.data.items > .item.title > .switch {
        padding: 1px 14px 1px 14px;
        font-size: 1.3rem;
    }
}

/* ----------------------------------------------------- */

/* tab - additional - specs */

#additional #product-attribute-specs-table {
    width: 100%;
    color: #777;
}

#product-attribute-specs-table tbody tr:nth-child(odd) {
    background-color: #fafafa;
}

#product-attribute-specs-table tbody tr th.col.label {
    padding: 10px 30px 10px 0;
    text-align: right;
    width: 25%;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    font-weight: 500;
}

#product-attribute-specs-table tbody tr td.col.data {
    padding: 10px 30px 10px 20px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

#product-attribute-specs-table tbody tr[data-th="Show in Fabric Picker"],
#product-attribute-specs-table tbody tr[data-th="Builder Fabric Mask Image"] {
    display: none !important;
}

#product-attribute-specs-table .pdf_download {
    color: var(--color-link);
    border-bottom: 1px dashed transparent;
    background: url("../images/pdf-icon.gif") no-repeat 0 2px transparent;
    display: inline-block;
    vertical-align: middle;
    padding-left: 2.5rem;
}

#product-attribute-specs-table .pdf_download:hover {
    color: var(--color-link-hover);
    border-bottom: 1px dashed #222;
    text-decoration: none;
}

.product-info-main h2 {
    text-transform: capitalize;
}

.product-info-main .product-info-price {
    border-bottom: 1px solid #EEE;
    margin-bottom: 1rem;
}

body:not(.is-builder) .product-info-main .product-info-price {
    padding-bottom: 0;/* 1rem */
    margin-bottom: 0;
    border-bottom: 0 none;
}

body.is-builder.is-builder-product .product-info-main .product-info-price {
    margin-bottom: 2rem;
}

@media screen and (max-width: 639px) {
    
    #product-attribute-specs-table tbody tr td.col.data {
        font-size: 1.4rem;
        line-height: 2rem;
        padding: 1rem;
    }

    html .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td::before,
    html .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th::before {
        color: #666 !important;
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

#product-info-detailed:not(.stack-product-tabs),
body.is-builder #product-info-detailed:not(.stack-product-tabs) {
    margin-bottom: 2rem;
}

@media screen and (max-width: 787px) {

    #product-info-detailed:not(.stack-product-tabs),
    body.is-builder #product-info-detailed:not(.stack-product-tabs) {
        font-size: 1.4rem;
    }
}

/* product tabs - overrides - stack-product-tabs */

.product.info.detailed.stack-product-tabs {
    padding-top: 40px;
}

body.is-builder.is-builder-product .product.info.detailed.stack-product-tabs {
    padding-top: 0px;
}

body:not(.builder) .product.info.detailed.stack-product-tabs {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 500px; */
}

.product.info.detailed.stack-product-tabs .product.data.items {
    margin: 0 0 20px;
    padding: 0;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title {
    box-sizing: border-box;
    float: none;
    width: 100%;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title > .switch {
    display: block;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.content {
    box-sizing: border-box;
    display: block;
    float: none;
    margin: 0;
    border-bottom: 0 none transparent;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.content::before,
.product.info.detailed.stack-product-tabs .product.data.items > .item.content::after {
    content: "";
    display: table;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.content::after {
    clear: both;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.content.active {
    display: block;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title {
    margin: 0;
    pointer-events: none;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title > .switch {
    background: none transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    color: #555;
    font-size: 2rem;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 5px 20px;
    padding-left: 0;
    text-decoration: none;
    text-transform: capitalize;
    pointer-events: none;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title > .switch:visited {
    color: #7d7d7d;
    text-decoration: none;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title > .switch:hover {
    color: #7d7d7d;
    text-decoration: none;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title > .switch:active {
    color: #333;
    text-decoration: none;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title:not(.disabled) > .switch:focus,
.product.info.detailed.stack-product-tabs .product.data.items > .item.title:not(.disabled) > .switch:hover {
    background: #fcfcfc none repeat scroll 0 0;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title:not(.disabled) > .switch:active,
.product.info.detailed.stack-product-tabs .product.data.items > .item.title.active > .switch,
.product.info.detailed.stack-product-tabs .product.data.items > .item.title.active > .switch:focus,
.product.info.detailed.stack-product-tabs .product.data.items > .item.title.active > .switch:hover {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 5px;
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.content {
    display: block !important;
    background: #FFF;
    border: 1px solid transparent !important;
    margin: 0 0 5px;
    padding: 0 0 2rem 0;/* 20px 0 */
}

.product.info.detailed.stack-product-tabs .product.data.items > .item.title.active + .item.content {
    display: block !important;
}

body.catalog-product-view .product.info.detailed.stack-product-tabs .product.data.items .item.title a::after {
    content: none !important;
    display: none !important;
}

@media screen and (max-width: 767px){

    .product.info.detailed.stack-product-tabs {
        padding-top: 2rem;
    }

    body.catalog-product-view .product.info.detailed {
        margin-bottom: 0;
    }

    .product.info.detailed.stack-product-tabs .product.data.items > .item.content {
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

/* FAQ details (html5 accordion) - .product-faq */

.product-faq {
    
}

#product-info-detailed .product-faq {
    margin-top: 3rem;
}

.product-faq > .data.item {
    
}

body.cms-page-view  .product-faq .data.item.title {
    display: none;
}

.product-faq > p {
    margin: 1rem 0;
}

body.cms-page-view  .product-faq > p {
    margin: 0 0 1rem 0;
    border-top: 1px dashed #BBB;
    padding-top: 2rem;
    margin-top: 0;
    text-align: center;
}

.product-faq > .product-faq-heading,
.product.attribute.description .value .product-faq > .product-faq-heading {
    margin: 2rem 0;
}

.content-inner > .product-faq > h3.product-faq-heading {
    font-weight: 600;
    border-top: 1px dashed #BBB;
    padding-top: 2rem;
    margin-top: 2rem;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 2rem;
    text-transform: capitalize;
}

details {
    padding: 0;
    margin: 0 0 1rem 0;
    font-size: 1.4rem;
    border: 1px solid #DDD;
    border-radius: 3px;
    font-family: "Poppins", sans-serif;
}

details summary {
    display: list-item;
    margin: 0;
    padding: 1.5rem 1.5rem;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    /* text-transform: uppercase; */
    background: #F7F7F7;/* #EEE */
}

details summary:hover {
    background: #FFF;
    color: var(--color-link-hover);
}

details[open] summary {
    background: #FFF;
}

details[open] summary:hover {
    background: #FBFBFB;
    color: var(--color-link-hover);
}

details summary::marker {
    font-size: 1.5rem;
}

details summary span {
    /* display: inline-flex; */
    padding-left: 0.5rem;
}

details p,
.product.attribute.description .value .product-faq details p
details p:last-child,
.product.attribute.description .value .product-faq details p:last-child {
    font-size: inherit;
    padding: 0 1.5rem;
    margin: 0 0 0.5rem 0 !important;
}

.product.attribute.description .value .product-faq details p
details p:last-child,
.product.attribute.description .value .product-faq details p:last-child {
    margin: 0 0 1rem 0 !important;
}

.product.attribute.description .value details ul,
.product.attribute.description .value details ol {
    margin-left: 2rem;
}

.product.attribute.description .value details ul:last-child,
.product.attribute.description .value details ol:last-child {
    margin-bottom: 1.5rem;
}

#product-info-detailed .product-faq .item.title {
    float: none;
    width: 100%;
    clear: both;
    border-bottom: var(--border-dashed-gray);
    pointer-events: none;
    margin-top: 2rem;
    margin-bottom: 20px;
    padding: 0 0 1.5rem 0;
    line-height: inherit;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 1.6rem;
    font-weight: 600;
    background: var(--color-white);
    color: #555;
}

@media screen and (min-width: 768px) {

    #product-info-detailed .product-faq .item.title {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 767px) {

    body.cms-page-view  .product-faq > p {
        text-align: center;
    }

    #product-info-detailed .product-faq .item.title {
        text-align: left;
    }

    details summary {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    
    .content-inner > .product-faq > h3.product-faq-heading {
        font-size: 1.6rem;
    }
}

/* ----------------------------------------------------- */

/* box-tocart */

body:not(.account):not(.wishlist-index-index) .bundle-options-container .block-bundle-summary .box-tocart,
body:not(.account):not(.wishlist-index-index) .box-tocart {
    margin: 1rem 0 0;/* 2rem */
    padding: 1.5rem 1.5rem 3.5rem 1.5rem;
    border-radius: 3px;
    background-color: #EEE;
}

@media  screen and (max-width: 767px) {

    body:not(.account):not(.wishlist-index-index) .bundle-options-container .block-bundle-summary .box-tocart, 
    body:not(.account):not(.wishlist-index-index) .box-tocart {
        margin: 1rem 0 0;/* 1rem */
        padding: 1rem 1rem 3.5rem 1rem;/* 1rem 1rem 1rem 1rem */
    }
}

body:not(.account):not(.wishlist-index-index) .bundle-options-container .block-bundle-summary .hide-addtocart .box-tocart,
body:not(.account):not(.wishlist-index-index) .hide-addtocart .box-tocart {
    padding-top: 1.5rem;
}

body:not(.account):not(.wishlist-index-index) .product-info-main .product-options-wrapper + .product-options-bottom .box-tocart {
    padding-top: 0;
}

body:not(.is-builder):not(.account):not(.wishlist-index-index) .product-info-main .product-options-wrapper + .product-options-bottom .box-tocart {
    padding-top: 2rem;
}

#product_addtocart_form .box-tocart::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.box-tocart .action.tocart:not(:last-child),
.action.tocart.primary {
    background: var(--color-yellow-orange);
    border: 0px solid var(--color-yellow-orange);
    color: #333;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), -1px -1px 1px rgba(255, 255, 255, 0.3);
    width: 100%;
    box-sizing: border-box;
}

#product-addtocart-button.action.tocart.primary {
    font-size: 2.2rem;
    line-height: 2rem;
    color: rgba(79, 46, 3, 0.8);
    padding: 2rem 1.5rem;
}

#product-addtocart-button.action.tocart.primary span {
    top: 2px;
}

#product-addtocart-button.action.tocart.primary span::before {
    top: 0px;
}

body.page-products .box-tocart .action.tocart:not(:last-child),
body.page-products .action.tocart.primary {
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 1.5rem 8px 1.2rem !important;
    margin-right: 0px;
}

body.page-products .box-tocart [title="Design Now"].action.tocart:not(:last-child),
body.page-products [title="Design Now"].action.tocart.primary {
    padding: 8px 1.2rem 8px 1.2rem !important;
}

body.page-products .action.tocart.primary {
    width: auto;
}

body.page-products [title="View Details"].action.tocart.primary {
    width: 100%;
}

body.catalog-product_compare-index .product-item-actions .actions-primary {
    display: block;
}

body.catalog-product_compare-index .action.tocart.primary {
    margin-top: 1rem;
    padding: 1.2rem;
}

.box-tocart .action.tocart:not(:last-child):hover,
.action.tocart.primary:hover {
    background: #f4a600;
    border: 0px solid #f4a600;
    color: #333;
}

body.page-products .actions-primary .action.primary {
    margin-bottom: 0.8rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    /* box-sizing: content-box;
    width: 100%;
    box-sizing: border-box; */
}

body.page-products #narrow-by-list .actions-primary .action.primary,
body.page-products #narrow-by-list .actions .primary .action.primary {
    background: var(--color-link);
    border-color: var(--color-link);
    color: #FFF;
}

body.page-products #narrow-by-list .actions-primary .action.primary:hover,
body.page-products #narrow-by-list .actions .primary .action.primary:hover {
    background: #CCC;
    border-color: #CCC;
    color: #FFF;
}

body.page-products .products-grid .actions-primary .action.primary {
    /* width: 100%;
    box-sizing: border-box; */
}

body.catalog-product-view .actions-primary .action.primary {
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

body.page-products .products-grid .hide-sample .actions-primary .action.primary {
    margin-bottom: 0rem;/* 4rem */
}

.box-tocart .action.tocart:not(:last-child) span,
.action.tocart.primary span {
    position: relative;
    left: 5px;
}

.box-tocart [title="Design Now"].action.tocart:not(:last-child) span,
[title="Design Now"].action.tocart.primary span {
    position: relative;
    left: 0;
}

.box-tocart .action.tocart:not(:last-child):not(.no-icon) span::before,
.action.tocart.primary:not(.no-icon) span::before {
    content: "\f067";
    font-family: FontAwesome;
    /* font-size: 1.4rem; */
    position: relative;
    left: -8px;
    top: -1px;
    text-align: center;
    font-weight: 400;
}

.page-products .box-tocart .action.tocart:not(:last-child) span::before,
.page-products .action.tocart.primary span::before {
    font-size: 1.4rem;
    top: 0;
    left: -6px;
    font-weight: 400;
}

body.page-products.category-build-a-curtain .products-grid .hide-sample .actions-primary .action.primary span {
    left:0;
}

@media screen and (min-width: 1264px) {

    .box-tocart .action.tocart:not(:last-child) {
        /*width: 50%;  comment out when move sample outof add to cart box */
    }

    button[id^="product-ordersample-button"] {
        margin-top: 1.4rem;
        margin-left: 1rem;
    }
}

@media screen and (max-width: 767px) {

    .page-products .box-tocart .action.tocart:not(:last-child) span,
    .page-products .action.tocart.primary span {
        left: 6px;
    }
}

@media screen and (max-width: 440px) {

    .box-tocart .action.tocart:not(:last-child) span,
    .action.tocart.primary span {
        left: 6px;
    }
}

button[id^="product-ordersample-button"]:not(.primary) {
    /* font-size: 1.6rem;
    font-weight: 400; 
    line-height: 2.2rem;
    letter-spacing: 0.5px; */
    text-transform: uppercase;
    margin: 0;
    border-color: var(--color-gray);/* var(--color-blue) */
    background: var(--color-gray);/* var(--color-blue) */
    color: #FFF;
    white-space: normal;
}

button[id^="product-ordersample-button"]:hover {
    text-decoration: none;
}

button[id^="product-ordersample-button"]:not(.primary) span {
    position: relative;
    letter-spacing: -0.1px;
}

html #product_addtocart_form button[id^="product-ordersample-button"]:not(.primary) span::before {
    /* content: "Order "; */
}

html.ofc #product_addtocart_form button[id^="product-ordersample-button"]:not(.primary) span::before {
    /* content: "Buy "; */
}

.action.primary.sample-addtocart {
    margin-bottom: 1rem;
    box-sizing: border-box;
}

button[id^="product-ordersample-button"] br {
    display: none;
}

.action.primary.sample-addtocart span::after {
    content: "+";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: -19px;
    top: 1px;
    text-align: center;
    font-weight: 800;
}

body.page-products .action.primary.sample-addtocart span::after {
    color: #555;
    font-size: 1.8rem;
    top: 1px;
    left: 0;
}

.action.primary.sample-addtocart span {
    position: relative;
    left: 0;
}

body.page-products .action.primary.sample-addtocart span {
    padding-left: 17px;
}

body.page-products .action.primary {
    margin-top: 1rem;
}

body.page-products .action.primary,
body.page-products .sample-addtocart {
    font-weight: 400;
    text-transform: uppercase;
    padding: 8px 1rem 8px 1rem;
    border-radius: 3px;
}

body.page-products .sample-addtocart {
    background: unset;
    border: unset;
    color: #444;
    width: 100%;
    padding: 8px 0;
    border-radius: 0;
}

body.page-products .sample-addtocart:hover {
    color: inherit;
    background: unset;
    border: unset;
    text-decoration: underline;
}

.action.primary.sample-addtocart:focus,
.action.primary.sample-addtocart:active {
    background: unset;
    border: unset;
    color: #444;
}

.sidebar .actions-toolbar > .primary .action:last-child {
    box-shadow: none;
    background: var(--color-blue);
    border: 1px solid #1979c3;
    color: #ffffff;
}

.sidebar .actions-toolbar > .primary .action:last-child:hover {
    background: #666;
    border-color: #666;
}

.box-tocart .fieldset .field.qty label {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.box-tocart .fieldset .field.qty .input-text.qty {
    font-family: var(--font-family-main);
    color: #777;
}

@media screen and (max-width: 767px) {

    .box-tocart .action.tocart:not(:last-child),
    .action.tocart.primary {
        margin-bottom: 1.2rem;
    }

    .box-tocart .fieldset .field.qty label {
        float: left;
        margin-right: 5px;
        margin-bottom: 0;
        position: relative;
        top: 5px;
    }
    
    #product_addtocart_form .box-tocart .jonny-qty {
        top: 0px;
    }
    
    #product_addtocart_form .box-tocart .fieldset {
        min-height: 62px;
        display: grid;
        grid-template-columns: 110px 1fr;
        gap: 1rem;
        border-bottom: 1px solid #CCC;
        padding-bottom: 1rem;
    }

    #product_addtocart_form .box-tocart .fieldset .actions {
        float: none;
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
    }

    #product_addtocart_form .action.tocart.primary {
        margin-bottom: 0;
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 1.5rem 1.5rem;
    }

    .box-tocart .action.tocart:not(:last-child),
    .action.tocart.primary {
        font-size: 1.4rem;
    }
}

.box-tocart .fieldset .actions {
    float: right;
    width: calc(100% - (110px + 1.5rem));/* calc(100% - 150px) */
    /* same width minus as below '.box-tocart .fieldset .field.qty' width */
    margin-bottom: 2px;
}

.box-tocart .fieldset .actions.show-addtocart-msg {
    margin-bottom: 1rem;
}

body.catalog-product-view .hide-addtocart .box-tocart .fieldset .actions {
    width: 100%;
}

body.page-product-grouped.catalog-product-view .box-tocart .fieldset .actions {
    width: calc(100%);
    /* (group products that dont have qty field */
}

body.is-builder.is-builder-product .box-tocart .fieldset .actions {
    display: block;
    float: none;
    width: 100%;
}

body:not(.account):not(.wishlist-index-index) .box-tocart .fieldset .field.qty {
    position: relative;
    top: 7px;
    float: left;
    margin-bottom: 0;
    width: 110px;/* 140px */
    /* same width minus as above '.box-tocart .fieldset .actions' width calc but is 10px less*/
}

.box-tocart .fieldset .field.qty label {
    display: none;
    text-transform: uppercase;
}

.box-tocart .fieldset .field.qty .control {
    display: inline-block;
}

/* QTY triggers - product page */

#product_addtocart_form .jonny-qty {
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 50em;
    padding: 0;
    margin: 0;
    position: relative;
    top: 1px;
}

html body.is-builder #product_addtocart_form .jonny-qty {
    display: none !important;
}

html body #product_addtocart_form #qty {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

#product_addtocart_form .jonny-qty .jonny-qty-trigger {
    display: inline-block;
    cursor: pointer;
    font-size: 26px;
    color: #CCC;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 8px;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#product_addtocart_form .jonny-qty .jonny-qty-trigger:hover {
    color: #999;
}

#product_addtocart_form .jonny-qty .jonny-qty-trigger.quantity-decrease {}

#product_addtocart_form .jonny-qty .jonny-qty-trigger.quantity-increase {
    left: auto;
    right: 7px;
}

#product_addtocart_form .jonny-qty .jonny-qty-trigger i.fa {}

#product_addtocart_form .jonny-qty #qty {
    border: 0 none;
    background-color: var(--color-white);
    padding: 8px 30px;
    margin: 0;
    width: 100%;
    overflow: hidden;
    font-size: 1.6rem;
}

#product_addtocart_form .jonny-qty #qty:focus {
    border-radius: 50em;
}

html body .order.sample.button button[id^="product-ordersample-button"],
body.catalog-product-view .box-tocart.has-sample-btn button[id^="product-ordersample-button"] {
    width: 100%;
    background: var(--color-link);
	border-color: var(--color-link); 
    color: #FFF;
}

html body .order.sample.button button[id^="product-ordersample-button"]:hover,
body.catalog-product-view .box-tocart.has-sample-btn button[id^="product-ordersample-button"]:hover {
    width: 100%;
    background: var(--color-light-gray);
	border-color: var(--color-light-gray);
    color: #333;
}

html body[class*="sample-pack"].catalog-product-view .product-add-form.hide-addtocart.show-sample .box-tocart.has-sample-btn .order.sample.button {
    display: flex;
}

html body[class*="sample-pack"].catalog-product-view .product-add-form.hide-addtocart.show-sample .box-tocart.has-sample-btn button[id^="product-ordersample-button"] {
    padding: 1.5rem 1rem;
    font-size: 2.2rem;
    line-height: 2rem;
    width: 100%;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), -1px -1px 1px rgba(0, 0, 0, 0.1);
    letter-spacing: 0;
}

html body[class*="sample-pack"].catalog-product-view .product-add-form.hide-addtocart.show-sample .box-tocart.has-sample-btn button[id^="product-ordersample-button"]:hover {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1), -1px -1px 1px rgba(255, 255, 255, 0.1);
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .box-tocart .action.tocart:not(:last-child),
    .action.tocart.primary {
        font-size: 1.5rem;
    }
}

.box-tocart .fieldset {
    margin: 0 0 1rem;
}

#product_addtocart_form .box-tocart .fieldset {
    min-height: 62px;
}

.box-tocart .fieldset:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {

    body.is-builder.is-builder-product .hide-addtocart #product_addtocart_form  .box-tocart .fieldset {
        grid-template-columns: 1fr;
    }
}

/* fake qty - loader - configured cart page only */

body.checkout-cart-configure #product_addtocart_form div:not(#cd-add-to-cart-box) .jonny-qty .cd-qty__loader {
    display: flex;
    padding: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.75s 0s, visibility 0s 0.75s;
    transition: opacity 0.75s 0s, visibility 0s 0.75s;
}

body.checkout-cart-configure #product_addtocart_form div:not(#cd-add-to-cart-box) .jonny-qty.adding-qty .cd-qty__loader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.75s 0s, visibility 0s 0s;
    transition: opacity 0.75s 0s, visibility 0s 0s;

    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

body.checkout-cart-configure #product_addtocart_form div:not(#cd-add-to-cart-box) .jonny-qty:not(.adding-qty) .cd-qty__loader::before {
    content: none;
    -webkit-animation: none;
    animation: none;
    pointer-events: none;
    z-index: 0;
}

body.checkout-cart-configure #product_addtocart_form div:not(#cd-add-to-cart-box) .jonny-qty.adding-qty .cd-qty__loader::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border: 6px solid #FFF;
    border-top-color: #349ADC;/* #009578 */
    border-radius: 50%;
    -webkit-animation: loading 0.6s linear infinite;
    animation: loading 0.6s linear infinite;
}

body.checkout-cart-configure #product_addtocart_form div:not(#cd-add-to-cart-box) .jonny-qty.adding-qty .jonny-qty-trigger.quantity-decrease,
body.checkout-cart-configure #product_addtocart_form div:not(#cd-add-to-cart-box) .jonny-qty.adding-qty .jonny-qty-trigger.quantity-increase {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

body.checkout-cart-configure #product_addtocart_form div:not(#cd-add-to-cart-box) .jonny-qty.adding-qty #qty {
    pointer-events: none;
    opacity: 0;
}

/* fake builder override styles was here - fixed-add-to-cart */

@media screen and (max-width: 767px) {

    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .product-add-form #product-options-wrapper {
        border-bottom: 1px solid #DDD;
    }

    /* html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .product-add-form .product-options-bottom, */
    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .product-add-form .box-tocart .fieldset {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 3;
        background-color: #FFF;
        background-color: rgb(255, 255, 255);
        width: 100%;
        border-top: 1px solid #DDD;
        box-shadow: 0px -15px 10px -13px rgba(0, 0, 0, 0.2);
        margin: 0.1rem 0 0 0 !important;
        padding: 1rem 1rem 1rem 1rem !important;
        box-sizing: border-box;
    }

    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart #product_addtocart_form .box-tocart .fieldset.has-qty-greater-than-1 {
        padding-top: 3rem !important;
    }
    
    html.touch body:not(.is-builder)  .product-info-main.fixed-add-to-cart #product_addtocart_form .box-tocart .fieldset.has-qty-greater-than-1 .min-qty-msg.qty-greater-than-1 {
        position: absolute;
        top: 0.4rem;
        left: 1rem;
    }

    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .product-add-form  .product-options-bottom .box-tocart,
    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .product-options-wrapper + .product-options-bottom .box-tocart {
        
        
    }

    body:not(.is-builder):not(.account):not(.wishlist-index-index) .product-info-main.fixed-add-to-cart .product-options-wrapper + .product-options-bottom .box-tocart {
        padding-top: 1rem !important;
    }

    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .product-add-form  .product-options-bottom .action.tocart.primary {
        margin-bottom: 0 !important;
    }

    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .product-add-form .box-tocart .jonny-qty {
        margin-bottom: 0.5rem;
        position: relative;
        top: -3px;
    }

    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .product-add-form .box-tocart .add-to-cart-msg {
        margin: 1rem 0 1rem !important;
    }

    html.touch body:not(.is-builder) .product-info-main.fixed-add-to-cart .block.upsell {
        padding-top: 0;
    }
}

/* ----------------------------------------------------- */
/* add to cart message */

.add-to-cart-msg {
    /* display: none !important;  */
    position: relative;
    left: -30px;
    clear: both;
    margin: 2rem 0 2rem;
    padding: 0;
    color: #333;/* #FFF */
    text-shadow:1px 1px 1px rgba(255, 255, 255, 0.3), -1px -1px 1px rgba(255, 255, 255, 0.3);/* 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3) */
    background-color: #FFF;/* #333 */
    /* border: 1px solid #D7D6D6; */
    box-sizing: border-box;
}

body[class*="swing-bed-twin"]:not(.is-builder) .add-to-cart-msg {
    /* display: none !important; */
}

body[class*="curtain"].is-builder-cb .add-to-cart-msg {
    display: none !important;
}

body[class*="curtain"].is-builder-cb #cd-builder #product_addtocart_form .product-options-bottom .box-tocart {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.add-to-cart-msg .add-to-cart-msg-inner {
    position: relative;
    left: 0;
    width: calc(100% + 30px);
    margin: 0;
    padding: 1.5rem 1.5rem 1.5rem 3.2rem;
    box-sizing: border-box;
    letter-spacing: 0.5px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.9rem;
    text-align: center;
    color: inherit;
    background-color: inherit;
    border: 1px solid #D7D6D6;
}

.add-to-cart-msg .add-to-cart-msg-inner i {}

.add-to-cart-msg > div::after {
    content: " ";
    width: 10px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -6px;
    background: url("../images/add-to-cart-banner-fold-reverse-gray.png") no-repeat 0 0 transparent;
}

.add-to-cart-msg span {
    font-weight: inherit;
}

.add-to-cart-msg .sep {
    display: inline-block;
    display: none;
    font-size: 3rem;
    height: 14px;
    overflow: hidden;
    position: relative;
    top: -1px;
}

.add-to-cart-msg a {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.add-to-cart-msg a:hover,
.touch .add-to-cart-msg a:hover,
.touch .add-to-cart-msg a {
    color: var(--color-link);/* var(--color-cream) */
    text-decoration: underline;
}

.add-to-cart-msg a b {
    font-weight: 500;
}

@media screen and (max-width: 1023px) {

    .add-to-cart-msg .add-to-cart-msg-inner {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .add-to-cart-msg a {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 767px) {

    #product-addsample-button {
        padding-top: 1px !important;
    }

    .add-to-cart-msg {
        left: -20px;
    }

    .add-to-cart-msg .add-to-cart-msg-inner {
        width: calc(100% + 1.5rem);
    }
    
    .add-to-cart-msg a {
        font-size: 1.4rem;
    }
}

/* ----------------------------------------------------- */
/* sample add to cart */

@media screen and (max-width: 767px) {

    button[id^="product-ordersample-button"] {
        font-size: 1.2rem;
        text-transform: capitalize;
        text-decoration: none;
    }

    button[id^="product-ordersample-button"]:hover {
        text-decoration: underline;
    }

    .action.primary.sample-addtocart span::after {
        content: "+";
        top: -1px;
        font-size: 1.9rem;
        font-weight: 800;
    }
}

.order.sample.button {
    display: inline-flex;
    margin-bottom: 1.2rem;
    margin-top: 0.4rem;
    margin-right: 1rem;
}

.products-grid .order.sample.button {
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

.products-grid .order.sample.button button {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

.category-description .see-sunbrella-rain {
    display: none;
}

/* ----------------------------------------------------- */

/* button styles - other  */

button:not(.primary) {
    box-shadow: none;
    border: 0 none;
}

#share-cart-email-form .button2,
.cart-container .discount-form button {
    box-shadow: none;
    border: 1px solid #DDD;
}

.cart-container button.action.update {
    background-color: var(--color-blue);
    color: #FFF;
}

.cart-container button.action.update:hover {
    background-color: #666;
    color: #FFF;
}

.cart-container .form-cart .actions.main .action.continue {
    display: inline-block;
    margin: 0 0 2rem 0;
    text-decoration: none;
    position: relative;
    top: -2px;
    float: left;
    font-size: inherit;
    text-transform: capitalize;
    padding: 7px 15px;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 600;
    letter-spacing: 0;
    box-sizing: border-box;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {

    .cart-container .form-cart .actions.main .action.continue {
        order: 2;
        margin-bottom: 0;
    }

    .cart-container .form-cart .actions.main .clear {
        order: 1;
        margin-bottom: 1.3rem;
    }

    .cart-container button.action.update {
        order: -1;
        margin-bottom: 1rem;
    }
}

.action.primary,
.action.primary:focus,
.action.primary:active,
.action.primary:hover {
    border: 0 none;
    box-sizing: border-box;
}

.cart-summary .checkout-methods-items .action.primary.checkout {
    background-color: var(--color-orange);
}

.cart-summary .checkout-methods-items .action.primary.checkout:hover {
    background-color: #666666;
}

body.checkout-cart-index .cart-container form .checkout-button-trigger {
    display: none !important;
}

@media screen and (max-width: 767px) {

body.checkout-cart-index .cart-container form .checkout-button-trigger {
    display: block !important;
    background-color: var(--color-orange);
    width: 100%;
    text-align: center;
    line-height: 2.2rem;
    padding: 14px 17px;
    font-size: 1.8rem;
    border: 0 none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 600;
    vertical-align: middle;
    border-radius: 3px;
    margin: 0 0 1.5rem 0;
}

}

.hdmx__contact-form .actions-toolbar .action.primary {
    float: none !important;
}

html .big-button,
html .small-button {
    display: inline-block;
    font-family: var(--font-family-main);
    font-style: normal;
    font-weight: bold;    
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #666;
    box-sizing: border-box;
    background: #666;
    color: #FFF;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0.5rem 0 0.7rem 0;
    padding: 1rem 1.4rem 1rem 1.4rem;    
    -webkit-transition: background-color 0.5s 0s, border-color 0.5s 0s, color 0.5s 0s;
    transition: background-color 0.5s 0s, border-color 0.5s 0s, color 0.5s 0s;
}

html .small-button {
    /* font: normal normal 400 1.15rem var(--font-family-main); */
    font-family: var(--font-family-main);
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 0.7rem 1.2rem 0.7rem 1.2rem;
}

html body.is-builder-product .big-button.builder-link {
    padding: 0.8rem 1.5rem 0.8rem 1.5rem;
}

html body.is-builder-product .big-button.builder-jump,
html body.is-builder-product .big-button.builder-product-button {
    padding: 1.3rem 1.8rem 1.3rem 1.8rem;
    /* background-color: var(--color-yellow-orange);
    border-color: var(--color-yellow-orange);
    color: #444; */
}

@media screen and (max-width: 767px) {

    html body.is-builder-product .big-button.builder-product-button {
        font-size: 14px;
        font-weight: 500;
        width: 100%;
    }
}

html .big-button::after,
html .small-button::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

html .big-button.icon-left,
html .small-button.icon-left {
    padding: 0.6rem 1.3rem 0.6rem 1rem;
}

html .big-button.gray,
html .small-button.gray {
    border: 1px solid var(--color-gray);
    background: var(--color-gray);
    color: #ffffff;
}

html .big-button.light-gray,
html .small-button.light-gray {
    border: 1px solid var(--color-light-gray);
    background: var(--color-light-gray);
    color: #222;
}

html .big-button.orange,
html .small-button.orange {
    border: 1px solid var(--color-orange);
    background: var(--color-orange);
    color: #ffffff;
}

html .big-button.yellow-orange,
html .small-button.yellow-orange {
    border: 1px solid var(--color-yellow-orange);
    background: var(--color-yellow-orange);
    color: #333;
}

html .big-button.yellow,
html .small-button.yellow {
    border: 1px solid var(--color-yellow);
    background: var(--color-yellow);
    color: #333;
}

html .big-button.green,
html .small-button.green {
    border: 1px solid var(--color-green);
    background: var(--color-green);
    color: #ffffff;
}

html .big-button.blue,
html .small-button.blue {
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
    color: #ffffff;
}

html .big-button.white,
html .small-button.white {
    border: 1px solid #BBB;
    background: #FFF;
    color: #333;
}

html .big-button:hover,
html .small-button:hover {
    border: 1px solid #CCC;
    background-color: #CCC;
    color: #444;
    text-decoration: none;
    -webkit-transition: background-color 0.5s 0s, border-color 0.5s 0s, color 0.5s 0s;
    transition: background-color 0.5s 0s, border-color 0.5s 0s, color 0.5s 0s;
}

html .big-button.light-gray:hover,
html .small-button.light-gray:hover {
    border: 1px solid var(--color-gray);
    background: var(--color-gray);
    color: #ffffff;
}

html .big-button.no-top,
html .small-button.no-top {
    margin: 0 0 0.7em 0;
}

html .big-button.no-margin,
html .small-button.no-margin {
    margin: 0;
}

html .big-button i,
html .small-button i {
    font-size: inherit;
    height: 1em;
    line-height: 1.5em;
    margin-left: 7px;
    width: 1em;
}

html .big-button.icon-left i,
html .small-button.icon-left i {
    margin-left: 0px;
    margin-right: 7px;
    float: left;
}

/* end other button styles */

/* product builder buttons */

#builder-buttons-box {
    /* display: none; */
}

body.catalog-product-view #builder-buttons-box {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.box-tocart .small-button.builder-link {
    /* margin-right: 1rem;
    display: inline-block; */
}

body.catalog-product-view #builder-buttons-box > a.builder-link {
    margin: 0.4rem 1.2rem 1.2rem 0;
    display: inline-block;
    /* background: var(--color-link);
	border-color: var(--color-link); 
    color: #FFF; */
}

body.catalog-product-view #builder-buttons-box > a:nth-child(1) {
    /* margin-left: 0; */
}

body.catalog-product-view #builder-buttons-box > a:nth-child(2) {
    
}

body.catalog-product-view #builder-buttons-box > a:nth-child(3) {
    /* margin-right: 0; */
}

html.is-prod body.catalog-product-view #builder-buttons-box .builder-link.paneln {
    display: none !important;
}

body.checkout-cart-index #builder-buttons-box-cart {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 768px) {

    body.checkout-cart-index #builder-buttons-box-cart {
        padding-bottom: 2rem;
        padding-left: 0rem;
        margin-bottom: 2rem;
        position: relative;
    }

    body.checkout-cart-index #builder-buttons-box-cart::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #DDD;
        width: calc(100% - 2rem);
        /* height: 100%; */
    }

    body.checkout-cart-index #builder-buttons-box-cart span {
        /* display: none; */
    }

    body.checkout-cart-index #builder-buttons-box-cart a {
        /* position: relative;
        z-index: 1; */
    }
}

@media screen and (max-width: 767px) {

    body.checkout-cart-index #builder-buttons-box-cart {
        padding-left: 1rem;
        padding-right: 1rem;
        order: 4;/* -1*/
        justify-content: center;
        margin-bottom: 1rem;
    }

    body.checkout-cart-index #builder-buttons-box-cart > span{
        display: none;
    }
}

html.ot #builder-buttons-box,
html.ot #builder-buttons-box-cart {
    display: none !important;
}

/* ----------------------------------------------------- */

/* checkout cart configure page */

body.checkout-cart-configure:not(.account):not(.wishlist-index-index) .box-tocart, 
body.checkout-cart-configure #cd-builder #product_addtocart_form .product-options-bottom .box-tocart {
    margin-top: 0;
    padding-top: 1rem;
  }

body.checkout-cart-configure #product-updatecart-button {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

/* ----------------------------------------------------- */

/* product cut fee */

.extrafee_prd {
    margin-top: 1.7rem;
    margin-bottom: 2rem;
}

.extrafee_prd h3 {
    display: none;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #666;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1rem;
}

.extrafee_prd .fee_option label {
    font-size: 1.3rem;
}

.extrafee_prd .fee_option label::before {
    content: "\f14a";
    font-family: FontAwesome;
    font-size: 1.5rem;
    margin-left: 5px;
    padding-right: 4px;
    position: relative;
    top: 1px;
    color: #89898A;
}

.extrafee_prd .fee_option label::after {
    content: "* required";
    font-size: 1.2rem;
    position: relative;
    top: -1px;
    color: #CC0000;
}

.extrafee_prd input[type="checkbox"]:disabled {
    display: none;
}

@media screen and (max-width: 767px) {
    .extrafee_prd {
        margin-top: 1.5rem;
        margin-bottom: 0;
    }
}

/* ----------------------------------------------------- */

/* rewards - social */

.rewardssocial-buttons {}

/* ----------------------------------------------------- */

/* amasty product attachments */

.amasty-product-attachment-block ul span {
    position: relative;
    top: -4px;
}

/* ----------------------------------------------------- */

/* related products */

body:not(.builder) .block.related {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 500px; */
}

.column.main div[aria-labelledby="block-related-heading"] .block-actions {
    display: table;
    text-align: center;
    margin: 0 auto 1rem;
}

.column.main .products-related {
    padding-bottom: 0;
}

.column.main .products-related .product-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.column.main .products-related .product-items li {
    margin: 0;
    padding: 0 0 0 14px;
    list-style-type: none;
}

.column.main .products-related .product-items .product-item-info {
    width: 91%;
    text-align: center;
}

body:not(.account):not(.wishlist-index-index) .block.related .products-grid .product-item-info:hover,
body:not(.account):not(.wishlist-index-index) .block.related .products-grid .product-item-info.active {
    padding-bottom: 1rem !important;
}

.column.main .products-related .product-items .product-item-info::before,
.column.main .products-related .product-items .product-item-info::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.block.related .product.actions.product-item-actions {
    display: none !important;
}

.block.related .product-item-info:hover .product.actions.product-item-actions {
    display: none !important;
}

/* other product grid image */

.page-products .product-image-wrapper {
    position: relative;
}

.page-products li.is-fabric .product-image-wrapper::before {
    content: " ";
    top: 0px;
    left: 0px;
    pointer-events: none;
    position: absolute;
    height: 100.5%;
    width: 100.5%;
    z-index: 100;
    background-size: 100% 100%;
    background: transparent url('../images/swatch-fabric-mask.png') no-repeat scroll 0px 0px / 100% 100%;
    pointer-events: none;
}

.product-item-name {
    -moz-hyphens: none;
    hyphens: none;
    margin: 5px;
}

.page-products .product-item-actions {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {

    .product-items .product-item-info .product-image-container {
        margin: 0 auto;
        display: block;
    }

    body:not([class*="amblog-"]) .product-items .product-item-info .product-image-container {
        width: calc(98%) !important;
    }
}

/* ----------------------------------------------------- */

/* related products - make grid */

.column.main div[aria-labelledby="block-related-heading"] .block-actions {
    text-align: center;
    margin: 0 auto 1rem;
}

.column.main .products-related .product-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.column.main .products-related .product-items li {
    margin: 0;
    padding: 0 0 0 14px;
    list-style-type: none;
}

@media screen and (min-width: 768px) {

    .products-grid .product-item-info:hover,
    .products-grid .product-item-info.active {}

    .products-grid .product-item-info:hover .product-item-inner {
        padding-top: 5px;
    }
}

@media screen and (min-width: 640px) {

    body:not(.account):not(.wishlist-index-index) .products-grid .product-item-info:hover .product-item-inner,
    body:not(.account):not(.wishlist-index-index) .products-grid .product-item-info.active .product-item-inner {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 2px);
    }
}

@media screen and (max-width: 767px) {

    .column.main #block-related-products .products-related .product-items {
        grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
        gap: 1rem;
    }
}

.page-products .product-item-actions {
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.column.main .products-related .product-items .product-item-info {
    width: 100%;
    text-align: center;
    padding: 1rem 1rem 1rem 1rem;
    margin: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.column.main .products-related .product-items .product-item-info:hover,
.column.main .products-related .product-items .product-item-info.active {
    border: 1px dashed var(--color-link);
    box-shadow: unset;
}

.column.main .products-related .product-items .product-item-info::before,
.column.main .products-related .product-items .product-item-info::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.block.related .field.choice {
    position: relative;
    top: 0;
}

.block.related .action.select {
    vertical-align: baseline;
    font-size: inherit;
}

.products-related .product-items .product-item-info a[href*="/custom-outdoor-curtains-"] .product-image-container img,
#shopping-cart-table a[href*="/custom-outdoor-curtains-"].product-item-photo .product-image-photo {
    height: 60%;
    width: 100%;
    aspect-ratio: 2 / 1;
}

@media screen and (min-width: 768px) {

    .products-related .product-items .product-item-info .product-image-container {
        width: calc(98%) !important;
        margin: 0 auto;
        display: block;
    }
}

@media screen and (max-width: 767px) {

    .column.main .products-related .product-items .product-item-info {
        padding: 0 0 1rem 0;
    }
}

.product-item-name {
    -moz-hyphens: none;
    hyphens: none;
    margin: 5px;
}

.minicart-items .product-item-name {
    margin-bottom: 0;
}

.block.related .related-available .product-item-name {
    margin-left: 5px;
}

.products-related input[type="checkbox"].checkbox.related {
    /* display: none !important; */
}

.products-related .product-item .price-box {
    margin: 10px 5px 1rem;
    display: none;
}

.block.related #block-related-heading {
    background: none transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    color: #555;
    font-size: 2rem;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 5px 20px;
    padding-left: 0;
    text-decoration: none;
    text-transform: capitalize;
    pointer-events: none;
}

@media screen and (max-width: 767px){

    .block.related #block-related-heading {
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: 1.6rem;
    }
}

/* ----------------------------------------------------- */

/* product custom options */

.product-info-main .product-options-wrapper {
    background: #EEE;
    padding: 2rem;
}

body:not(.is-builder) .product-info-main .product-options-wrapper {
    position: relative;
    background: #FFF;
    padding: 2rem;
    border: 1px solid #DDD;
    border-bottom: 0 none;
    margin-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

body:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder {
    margin-top: 90px;
}

body.mobile:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder {
    margin-top: 0px;
}

body[class*="swing-bed-twin"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder,
body[class*="cushion-set-full-size"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder,
body[class*="cushion-set-twin-size"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder,
body[class*="cushion-set-crib-size"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder {
    margin-top: 0px;
}

body:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder {
    padding: 0;
    border: 1px solid #e3e1e1;
}

body:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder::before {
    content: '';
    position: absolute;
    top: -92px;
    left: 0;
    display: block;
    width: 140px;
    height: 90px;
    background-image: url('../curtain-builder/images/start-here/start-here.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

body[class*="swing-bed-twin"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder::before, 
body[class*="cushion-set-full-size"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder::before, 
body[class*="cushion-set-twin-size"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder::before, 
body[class*="cushion-set-crib-size"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder::before {
    content: none;
}


html.mobile body:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder::before {
    display: none !important;
}

body[class*="swing-bed-twin"]:not(.is-builder) .product-info-main .product-options-wrapper.table-based-options-not-builder::before {
    display: none !important;
}

.product-info-main .product-options-wrapper + .product-options-bottom .box-tocart {
    margin-top: 0;
}

.fieldset > .field .choice div:not(.review-control-vote) input,
.fieldset > .fields > .field .choice div:not(.review-control-vote) input {
    position: relative;
    top: 4px;
}

.control.review-control-vote .fieldset > .field .choice input {
    position: absolute;
    top: 0;
}

.fieldset > .field .choice label.label .price-label {
    color: var(--color-green);
}

#product-options-wrapper > .fieldset > .field.radio-grid {
    margin-bottom: 1.5em;
}

#product-options-wrapper > .fieldset > .field.radio-grid .control:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

#product-options-wrapper > .fieldset > .field.radio-grid .control > div > div {
    margin: 0 0 5px 0;
}

#product-options-wrapper > .fieldset > .field.radio-grid .label > .price-notice {
    color: green;
}

body:not(.is-builder) #itoris_dynamicproductoptions .no-margin, 
.itoris_dynamicproductoptions .no-margin {
    padding-top: 0.5rem;
    margin: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions .no-margin {
    margin: 0 0 1rem 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions select + .no-margin {
    margin-top: 1rem;
    margin-bottom: 0;
  }

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .options-list + .no-margin {
    padding-top: 2rem;
}

html .no-margin {
    margin: 0;
}

html .no-margin-top {
    margin-top: 0;
}

html .no-margin-bottom {
    margin-bottom: 0;
}

html .no-margin {
    padding: 0;
}

@media screen and (min-width: 768px) and (max-width: 890px) {

    #product-options-wrapper > .fieldset > .field.radio-grid .control > div > div {
        width: 50%;
    }
}

@media screen and (max-width: 500px) {

    #product-options-wrapper > .fieldset > .field.radio-grid .control > div > div {
        width: 50%;
    }
}

@media screen and (max-width: 350px) {

    #product-options-wrapper > .fieldset > .field.radio-grid .control > div > div {
        width: 100%;
        float: none;
        height: auto;
    }
}

/* zoom image standard curtain builder */
body.category-sunbrella-standard-curtains-by-color .product-options-wrapper.table-based-options-not-builder .fields .hardware-option-list .options-list.itoris-dynamicoptions-list-images .choice .hardware-option-img-a,
body[class*="-outdoor-curtain-with-grommets"] .product-options-wrapper.table-based-options-not-builder .fields .hardware-option-list .options-list.itoris-dynamicoptions-list-images .choice .hardware-option-img-a  {
    position: absolute;
    /* top: 0;
    right: 0;
    left: auto;
    z-index: 1;
    width: calc(2.2rem + 10px);
    height: calc(2.2rem + 10px); */
    font-size: 0px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0);

    top: 0;
    right: 0;
    left: auto;
    z-index: 1;
    width: calc(2rem);
    height: calc(2rem);

    display: none !important;
}

body.category-sunbrella-standard-curtains-by-color .product-options-wrapper.table-based-options-not-builder .fields .hardware-option-list .options-list.itoris-dynamicoptions-list-images .choice:not(.option-none) .hardware-option-img-a::before,
body[class*="-outdoor-curtain-with-grommets"] .product-options-wrapper.table-based-options-not-builder .fields .hardware-option-list .options-list.itoris-dynamicoptions-list-images .choice:not(.option-none) .hardware-option-img-a::before {
    content: "\f002";/* "\f00e" */
    font-family: FontAwesome;
    font-size: 2.2rem;
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9), -1px -1px 2px rgba(0,0,0,0.9);
    opacity: 0.8;
    -webkit-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    /* padding: 5px; */
    pointer-events: none;
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    z-index: 1;
    /* width: calc(2rem + 10px);
    height: calc(2rem + 10px); */

    padding: 5px;
    width: calc(2rem);
    height: calc(2rem);
}

/* ----------------------------------------------------- */

/* product custom options alignment - bundle product */

#product-options-wrapper .price-container.tax.weee .price-wrapper,
.bundle-options-container .price {
    color: #0EB104;
    font-weight: 400;
}

.bundle-options-container .legend.title {
    font-weight: 500;
}

@media screen and (min-width: 768px) {

    .bundle-options-container .block-bundle-summary {
        background: #EEE;
    }

    .bundle-options-container .legend.title {
        font-size: 2.3rem;
    }

    .product-add-form .product-options-wrapper div.field.option {
        position: relative;
    }

    .bundle-options-container .nested .field.qty:last-child {
        float: right;
        position: absolute;
        bottom: 5px;
        right: 0;
    }

    .product-add-form .product-options-wrapper .field .control {
        width: 100%;
    }

    .bundle-options-container .product-options-wrapper .field.choice input[type="radio"],
    .bundle-options-container .product-options-wrapper .field.choice input[type="checkbox"] {
        position: relative;
        top: 2px;
    }
}

@media screen and (max-width: 1000px) {
    .bundle-options-container .nested .field.qty:last-child {
        position: static;
        float: none;
    }
}

.bundle-options-container .block-bundle-summary .bundle-summary {
    display: none !important;
}

/* product options - bundle product - add to cart box */

.bundle-options-container .block-bundle-summary .box-tocart {
    margin-bottom: 0;
}

.bundle-options-container .block-bundle-summary .box-tocart > .fieldset {
    display: flex;
    justify-content: space-between;
}

.bundle-options-container .block-bundle-summary .box-tocart > .fieldset > .field.qty {
    flex: 2;
    margin-top: 9px;
}

.bundle-options-container .block-bundle-summary .box-tocart > .fieldset > .field.qty .label {
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 5px;
}

.bundle-options-container .block-bundle-summary .box-tocart > .fieldset > .actions {
    flex: 4;
    text-align: center;
}

.bundle-options-container .block-bundle-summary .box-tocart > .fieldset > .actions button {
    width: 90%;
}

.bundle-options-container .block-bundle-summary .price-box {
    margin-bottom: 0;
}

.note-msg {
    clear: both;
}

body.page-product-bundle .note-msg {
    display: none !important;
}

/* ----------------------------------------------------- */

/* cart page */

.column.main > span:empty,
.column.main > div:empty {
    display: none;
}

body.checkout-cart-index .rewards-notification-block {
    /* display: none; */
    margin-bottom: 1.5rem;
}

body.checkout-cart-index .cart-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.cart.table-wrapper {
    border-top: 1px solid #CCC;
}

.cart.table-wrapper .cart thead {
    background: #f5f5f5;
}

.cart-totals tbody .amount, 
.cart-totals tfoot .amount, 
.opc-block-summary .table-totals tbody .amount, 
.opc-block-summary .table-totals tfoot .amount {
    padding: 1rem 0 1rem 14px;
}

.cart-totals tbody .mark, 
.cart-totals tfoot .mark, 
.opc-block-summary .table-totals tbody .mark, 
.opc-block-summary .table-totals tfoot .mark {
    padding: 1rem 0;
}

.cart.table-wrapper .cart thead tr th.col {
    padding-top: 17px;
}

.cart-summary .checkout-methods-items {
    margin-top: 0.5rem;
}

.cart-summary .checkout-methods-items .item {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 768px) {

    .cart-summary {
        width: 30%;
    }

    .abs-shopping-cart-items-desktop,
    .block-cart-failed,
    .cart-container .form-cart,
    .cart-container .cart-gift-item,
    .cart-discount {
        width: 68%;
        padding-right: 2rem;
    }

    .cart-container .form-cart .actions.main {
        border-bottom: 1px solid #ccc;
        padding-bottom: 2rem;
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    .cart-summary {
        width: 32%;
    }

    .abs-shopping-cart-items-desktop,
    .block-cart-failed,
    .cart-container .form-cart,
    .cart-container .cart-gift-item {
        width: 68%;
        padding-right: 2rem;
    }

    body.checkout-cart-index .product-image-container {
        width: 100px !important;
    }

    .cart.table-wrapper .product-item-name a {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px)  {

    .cart.table-wrapper {
      font-size: 1.4rem;
      margin-bottom: 1.2rem;
    }

    .paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.price .price-including-tax, .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax {
        font-size: 1.4rem;
    }
    
    .cart.table-wrapper .col.qty[data-th]::before, 
    .cart.table-wrapper .col.price[data-th]::before, 
    .cart.table-wrapper .col.subtotal[data-th]::before, 
    .cart.table-wrapper .col.msrp[data-th]::before {
        font-weight: 300;
    }

    .cart.table-wrapper .col.price[data-th]::before {
        padding-bottom: 15px;
    }

    .cart.table-wrapper .col.price,
    .cart.table-wrapper .col.qty,
    .cart.table-wrapper .col.subtotal,
    .cart.table-wrapper .col.msrp {
        padding-top: 0;
    }

    .cart.table-wrapper .col.subtotal {
        text-align: right;
    }

    .cart.table-wrapper .product-item-name a {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .cart-container .fieldset:last-child {
        margin-bottom: 0rem;
    }
}

.cart.table-wrapper .action {
    margin-right: 10px;
}

.cart-totals {
    padding-top: 0px;
}

.minicart-items {
    display: block !important;
    margin-bottom: 5rem;
}

.minicart-messages.show-msg ~ .block-content .minicart-items {
    margin-bottom: 10rem;
}

body.checkout-index-index .opc-block-summary .minicart-items-wrapper {
    /* max-height: unset; */
}

body.checkout-index-index #opc-sidebar .opc-block-summary .items-in-cart > .title {
    display: none !important;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .price-container span.price {
    color: #CC0000;
    font-weight: 400;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-bottom-container .subtotal .price-container span.price {
    font-weight: 500;
    color: #CC0000;
}

body.checkout-cart-index .checkout-methods-items .amazon-minicart-container .amazon-divider {
    margin-left: auto;
    margin-right: auto;
}

.cart-summary .block > .title, 
.cart-discount .block > .title {
    padding-right: 2.6rem;
}

.cart-summary .block > .title::after,
.cart-discount .block > .title::after {
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cart-summary .block .title strong,
.cart-discount .block > .title strong {
    color: var(--color-link);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

body.checkout-cart-index .cart-summary .block > .title,
body.checkout-cart-index .cart-discount .block > .title {
        padding: 1.5rem 3rem 1.5rem 0;
}

body.checkout-cart-index .rewards__checkout-cart-usepoints .discount-form .buttons-container {
    margin-top: 1rem;
    display: flex;    
    flex-direction: row;
}

body.checkout-cart-index .rewards__checkout-cart-usepoints .input-box label {
    position: static;
    order: -1;
    margin-bottom: 0.5rem;
}

.cart-summary .block > [aria-expanded="false"].title::after {
    content: '\e622';
}

.cart-summary .block > [aria-expanded="true"].title::after {
    content: '\e621';
}

body.checkout-cart-index .cart-discount .block .content,
body.checkout-cart-index .cart-discount .block.active .content {
    padding-top: 0.5rem;
}

@media screen and (min-width:768px) {

    /* makes cart estimate shipping always collapsed */
    body.checkout-cart-index .cart-summary {
        position: static !important;
        top: 0 !important;
    }

    .cart-summary .block.shipping .title strong,
    .cart-discount .block .title strong {
        /* color: #555;
        font-weight: 600; */
    }

    body.checkout-cart-index #block-discount .title {
        padding-bottom: 2rem;
    }

    body.checkout-cart-index .cart-summary .block > .title,
    body.checkout-cart-index .cart-summary .block.active > .title {
        /* pointer-events: none; */
        padding-right: 1rem;
    }

    body.checkout-cart-index .cart-summary .block > .title {
        padding-left: 0rem;
    }

    body.checkout-cart-index .cart-summary .block > .title::after,
    body.checkout-cart-index .cart-summary .block.active > .title::after,
    body.checkout-cart-index .cart-discount .block > .title::after,
    body.checkout-cart-index .cart-discount .block.active > .title::after {
        /* content: none; */
    }

    body.checkout-cart-index #block-summary,
    body.checkout-cart-index .cart-discount .block .content,
    body.checkout-cart-index .cart-summary .block .content {
        /* display: block !important; */
        padding-bottom: 1rem;
    }
    /* makes cart estimate shipping always collapsed */

    body.checkout-cart-index .fieldset:last-child {
        margin-bottom: 1rem;
    }

    body.checkout-cart-index #block-rewards-form {
        /* display: none !important; */
    }
}

@media screen and (max-width:767px) {
    
    body.checkout-cart-index .cart-summary .block > .title,
    body.checkout-cart-index .cart-discount .block > .title {
        /* padding: 1.5rem 40px 1.5rem 15px; */
        background: #FFF;
        padding-left: 1.5rem;
    }

    body.checkout-cart-index .cart-discount .block > .title {
        padding-left: 2rem;
    }

    body.checkout-cart-index .cart-summary .block .content,
    body.checkout-cart-index .cart-summary .block.active .content,
    body.checkout-cart-index .cart-discount .block .content,
    body.checkout-cart-index .cart-discount .block.active .content {
        background: #FFF;
    }
}

.cart-summary .block .item-options .field .radio {
    position: relative;
    top: 4px;
}

.cart-summary .block .items.methods .item-options .field .radio {
    position: relative;
    top: 0;
}

.cart-summary .block .price {
    font-weight: 500;
}

body.checkout-cart-index hr[data-bind*="isShowRewards"] {
    display: none;
}

.product-items .product-item-name > a,
.product-items .product.name a > a {
    color: var(--color-link);
    font-weight: 300;
    /* line-height: 2rem; */
    display: block;
}

body .abs-product-link > a:visited,
body .product-item-name > a:visited,
body .product.name a > a:visited,
.product-item-name > a, 
.product.name a > a {
    color: var(--color-link);
}

html.ofc body .abs-product-link > a:visited,
html.ofc body .product-item-name > a:visited,
html.ofc body .product.name a > a:visited {
    color: #444;
}

body .abs-product-link > a:hover,
body .product-item-name > a:hover,
body .product.name a > a:hover,
.product-item-name > a:hover, 
.product.name a > a:hover {
    color: #666;
}

body .cart-summary .block .title strong:hover {
    color: #666;
}

.paypal-review .table-paypal-review-items .col.price .price-including-tax .price,
.paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price,
.paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price,
.paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price,
.cart.table-wrapper .col.price .price-including-tax .price,
.cart.table-wrapper .col.price .price-excluding-tax .price,
.cart.table-wrapper .col.subtotal .price-including-tax .price,
.cart.table-wrapper .col.subtotal .price-excluding-tax .price,
.cart.table-wrapper .col.msrp .price-including-tax .price,
.cart.table-wrapper .col.msrp .price-excluding-tax .price,
.order-details-items .col.price .price-including-tax .price,
.order-details-items .col.price .price-excluding-tax .price,
.order-details-items .col.subtotal .price-including-tax .price,
.order-details-items .col.subtotal .price-excluding-tax .price {
    font-weight: 500;
}

@media screen and (min-width:768px) {

    .cart.table-wrapper .col.price .price-including-tax .price,
    .cart.table-wrapper .col.price .price-excluding-tax .price,
    .cart.table-wrapper .col.subtotal .price-including-tax .price,
    .cart.table-wrapper .col.subtotal .price-excluding-tax .price,
    .cart.table-wrapper .col.msrp .price-including-tax .price,
    .cart.table-wrapper .col.msrp .price-excluding-tax .price {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 767px) {

    body.checkout-cart-index .cart-container {
        display: flex;
        flex-direction: column;
    }
    
    body.checkout-cart-index .cart-container > #form-validate.form-cart {
        order: -1;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 1rem;
    }

    body.checkout-cart-index .cart-container > .cart-summary {
        order: 3;
    }

    body.checkout-cart-index .cart-container > #gift-options-cart {
        order: 1;
    }

    body.checkout-cart-index .cart-container > .cart-discount {
        order: 2;
        border-bottom: 0 none;
    }
    
    body.checkout-cart-index .cart-container .cart-summary #block-discount {

    }

    body.checkout-cart-index .cart-container .cart-summary #block-shipping {

    }

    body.checkout-cart-index .cart-container .cart-summary #cart-totals {

    }

    body.checkout-cart-index .cart-container .cart-summary .checkout.methods.items.checkout-methods-items {

    }
}

/* paypal */

body.checkout-cart-index .cart-summary .item > div:first-child {
    margin-top: 1rem;
}

body.checkout-cart-index .cart-summary .item > .paypal + .paypal {
    margin-top: 1rem;
    margin-bottom: 0;
}

/* paypal credit badge - product page */

html body.is-builder .paypalCreditBadge {
    /* display: none !important;  */
    grid-column: span 2;
    margin-top: 1px;
    margin-bottom: 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid #DDD;
}

html body.is-builder-fake .paypalCreditBadge {
    grid-area: paypal;
    margin-top: 6px;
    margin-bottom: 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid #DDD;
}

html body.is-builder-cover .paypalCreditBadge,
html body.is-builder-cover .tier-prices-logged-out {
    /* display: none !important; */
}

html body.is-builder .page-wrapper .product-info-main .product-info-price {
    border-bottom: none !important;
}

.paypalCreditBadge {
    display: flex; 
    align-items:center;
    justify-content:left;
    margin-top: 0.7rem;
    padding-bottom: 1.5rem;
}

body.is-builder .paypalCreditBadge {
    margin-bottom: 1rem;
}

.paypalCreditBadge p {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.5rem;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.6rem;
}
.paypalCreditBadge p > a {
    display: inline-flex;
    text-decoration: none;
}

.paypalCreditBadge img {
    margin: 0;
    padding: 0;
}

.paypalCreditBadge span {    
    margin: 0;
    padding: 0;
    color: #222;
}

.paypalCreditBadge span > a {
    text-decoration: none;
}

.paypalCreditBadge span i {
    font-size: 1.3rem;
    font-weight: 600;
    font-weight: 600;
}

@media screen and (min-width: 768px) {

    .paypalCreditBadge img {
        width: 60px;
        height: auto;
    }
}

@media screen and (max-width: 1112px) {

    .paypalCreditBadge p br {
        display: none;
    }
}

@media screen and (max-width: 600px) {

    .paypalCreditBadge p {
        font-size: 1.2rem;
    }

    .paypalCreditBadge p i{
        font-size: 1.2rem;
    }
}

/* mini cart - wrapper */

#minicart-content-wrapper .block-content .actions #top-cart-btn-checkout {
    background-color: var(--color-orange);
    margin-top: 0;
}

#minicart-content-wrapper .block-content .actions #top-cart-btn-checkout:hover {
    background-color: #666666;
}

#minicart-content-wrapper .block-content .actions #top-cart-btn-checkout + div {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;

    display: none !important;
}

#minicart-content-wrapper .block-content .actions #top-cart-btn-checkout + div .paypal {
    width: 50%;
    text-align: left;
}

#minicart-content-wrapper .block-content .actions #top-cart-btn-checkout + div .amazon-minicart-container {
    width: 50%;
    text-align: right;
}

#minicart-content-wrapper .block-content .actions #top-cart-btn-checkout + div .paypal input[type="image"] {
    width: 90%;
}

#minicart-content-wrapper .block-content .actions #top-cart-btn-checkout + div .amazon-minicart-container img {
    width: 90%;
}

#minicart-content-wrapper #OffAmazonPaymentsWidgets2 {
    display: none;
}

#minicart-content-wrapper .block-content .actions #top-cart-btn-checkout + div .amazon-minicart-container .amazon-button-container > div:nth-child(2) {
    display: none;
}

.cart-totals .grand strong span {
    color: red;
}

.cart.table-wrapper .actions-toolbar > .action-delete::before {
    /* color:#CF6A6A; */
}

@media screen and (min-width: 767px) and (max-width: 1024px) {

    body.checkout-cart-index .product-image-container {
        width: 100px !important;
    }
}

.cart.table-wrapper .item-options dt,
.minicart-items .product-item-details .product .options.list dt,
.opc-block-summary .items-in-cart .product .item-options dt,
.block-giftregistry-shared-items .product .item-options dt,
.multicheckout .item-options dt {
    float: none;
    font-weight: 600;
}

.cart.table-wrapper .item-options dd,
.minicart-items .product-item-details .product .options.list dd,
.opc-block-summary .items-in-cart .product .item-options dd,
.block-giftregistry-shared-items .product .item-options dd,
.multicheckout .item-options dd {
    display: flex;
    float: none;
    align-items: center;
    margin-bottom: 1.5rem;
}

.cart.table-wrapper .item-options dd {
    word-wrap: anywhere;
}

.cart.table-wrapper .item-options dd[data-cart-option-label*="Locations"] {
    display: flex;
    flex-direction: column;
    justify-content: left;
    text-align: left;
    align-items: start;
    line-height: 1.8rem;
}

.cart.table-wrapper .item-options dd[data-cart-option-label*="Locations"] img {
    display: block !important;
    float: none;
    opacity: 0;
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    order: 20;
  }

/* hide custom option details in minicart options */

/* body:not(.checkout-index-index) .minicart-items .product.is-builder-product .product.options, */
body:not(.checkout-index-index) .minicart-items .product.options {
    padding-bottom: 1rem;
    pointer-events: none;
}


.minicart-items .product.is-sample .toggle {
    display: none  !important;
}


/* body:not(.checkout-index-index) .minicart-items .product.is-builder-product .toggle, */
body:not(.checkout-index-index) .minicart-items .product.options .toggle {
    pointer-events: none;
    position: relative;
}

.minicart-items .product.is-sample .toggle::after {
    content: none;
    display: none !important;
}

/* body:not(.checkout-index-index) .minicart-items .product.is-builder-product .toggle::after, */
body:not(.checkout-index-index) .minicart-items .product.options .toggle::after {
    content: "See option details in cart.";
    position: relative;
    left: 0;
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.8rem;
    color: #888;
    margin: 0;
    padding: 0;
    display: flex;
}

/* .minicart-items .product.is-builder-product .toggle span, */
.minicart-items .product.options .toggle span {
    
}

/* body:not(.checkout-index-index) .minicart-items .product.is-builder-product .toggle span, */
body:not(.checkout-index-index) .minicart-items .product.options .toggle span {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    text-align: left;
    position: absolute;
    top: 0;
    width: 100%;
}

body:not(.checkout-index-index) .header .quickcart-wrapper .block-quickcart .product.is-sample .content {
    display: block !important;
}

/* body:not(.checkout-index-index) .header .quickcart-wrapper .block-quickcart .product.is-builder-product .content, */
body:not(.checkout-index-index) .header .quickcart-wrapper .block-quickcart .product.options .content {
    display: none !important;
}

/* trust seal images */

#trust-seals {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    min-height: 50px;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {

    #trust-seals {
        padding-top: 0rem;
        display: flex;
        margin-bottom: 1rem;
        min-height: 50px;
        padding-left: 2rem;
        order: 3;
    }
}

#trustwaveSealImage,
#AuthorizeNetSealImage,
#priceMatchImage {
    /* float:right; */
}

body.checkout-cart-index #trustwaveSealImage,
body.checkout-cart-index #AuthorizeNetSealImage,
body.checkout-cart-index #priceMatchImage {
    /* float:left; */
}

body.checkout-cart-index #trustwaveSealImage a,
body.checkout-cart-index #AuthorizeNetSealImage a,
body.checkout-cart-index #priceMatchImage a {
    display: block;
}

body.checkout-cart-index #trustwaveSealImage img,
body.checkout-cart-index #AuthorizeNetSealImage img,
body.checkout-cart-index #priceMatchImage img {
    margin: 0 0.5rem;
}

body.checkout-cart-index #trustwaveSealImage img {
    height: auto;
    max-width: 80px;
}

body.checkout-cart-index #AuthorizeNetSealImage img,
body.checkout-cart-index #priceMatchImage img {
    height: auto;
    max-width: 60px;
}

body.checkout-cart-index #priceMatchImage img {
    max-width: 70px;
}

/* we accept credit cards image */

#we-accept {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 0rem;
    margin-top: 1rem;
    background: url("../images/we-accept-credit-cards.png") no-repeat 0 0 transparent;
    background-size: 100% auto;
    max-width: 100%;
    width: 350px;
    height: 70px;
}

@media screen and (max-width: 767px) { 

    #we-accept {
        margin-left: 0;
    }
}

/* <div id="we-accept"><img src="/media/theme/Refueledinc/images/we-accept-credit-cards.png"></div> */

/* ----------------------------------------------------- */

/* checkout page */

.checkout-payment-method .credit-card-types img {
    -webkit-filter: unset;
    filter: unset;
}

@media screen and (min-width: 768px) {

    html.floating-minicart-enabled body.checkout-index-index .header.content #minicart-wrapper,
    html.floating-minicart-enabled body.checkout-index-index.floating .header.content #minicart-wrapper,
    html.floating-minicart-enabled body.checkout-index-index.floating-no .header.content #minicart-wrapper,
    body.checkout-index-index .header.content .action.showcart,
    body.checkout-index-index .header.content .block.block-search,
    body.checkout-index-index .header.content .compare.wrapper,
    body.checkout-index-index .header.content #home-links,
    body.checkout-index-index #newsletter-signup,
    body.checkout-index-index .social-links,
    body.checkout-index-index .footer-links {
        display: none !important;
    }

    body.checkout-onepage-success.floating .sections {
        position: static !important;
    }

    body.checkout-index-index .logo {
        margin-left: 0;
        margin: 0 auto;
        float: none;
        text-align: center;
        display: block;
        position: relative;
        width: 114px;
        top: -44px;
    }

    html.ofc body.checkout-index-index .logo,
    html.ot body.checkout-index-index .logo {
        top: -16px;
        width: 276px;
    }

    body.checkout-index-index .cart-totals tbody .amount, .cart-totals tfoot .amount, 
    body.checkout-index-index .opc-block-summary .table-totals tbody .amount, 
    body.checkout-index-index .opc-block-summary .table-totals tfoot .amount {
        font-weight: 300;
        font-size: 1.4rem;
    }
} 

body.checkout-index-index .page-wrapper > .page-header {
    padding-bottom: 1rem;
    position: static;
    z-index: 0;
}

body.checkout-index-index.floating .page-header {
    position: static;
    z-index: 0;
}

body.checkout-index-index .page-wrapper > .page-header .header.content {
    text-align: center;
}

body.checkout-index-index .logo {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-block;
    float: none;
}

body.checkout-index-index.page-layout-checkout #payment .order-attributes {
    display: none !important;
}
 
body.checkout-index-index.page-layout-checkout.has-samples-in-cart #payment .order-attributes  {
    display: block !important;
}

body.checkout-index-index.page-layout-checkout.has-samples-in-cart #payment .order-attributes .field {
    padding: 1.5rem 2rem 1rem 1.5rem;
    background: #FDF0D5;
    display: inline-block;
    margin-bottom: 0;
}

body.checkout-index-index.page-layout-checkout.has-samples-in-cart #payment .order-attributes .field > .label {
    margin-bottom: 0;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

    .opc-wrapper {
        width: 56.66666667%;
        padding-right: 1.5rem;
    }

    .opc-sidebar {
        width: 43.33333333%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    .opc-wrapper {
        width: 54.66666667%;
        padding-right: 1.5rem;
    }

    .opc-sidebar {
        width: 45.33333333%;
    }
}

@media screen and (min-width: 768px) {

    body.checkout-index-index .page-wrapper > .page-header {
        min-height: unset;
    }

    .opc-progress-bar-item._active > span {
        color: #666666;
    }
}

@media screen and (max-width: 767px) {
   
    body.checkout-index-index .logo {
        width: 50px;
    }
}

.opc-estimated-wrapper .estimated-block .estimated-label {
    font-weight: 400;
}

.opc-estimated-wrapper .estimated-block .estimated-price {
    color: #CC0000;
}

/* shipping options */

body.checkout-index-index #shipping-method-buttons-container {
    margin-top: 2rem;
}

body.checkout-index-index #shipping .amazon-express-title {
    margin: 1rem 0;
}

body.checkout-index-index #shipping .amazon-button-container + .amazon-divider,
body.checkout-index-index #shipping .amazon-button-container + .amazon-divider * {
    font-size: 11px;
}

body.checkout-index-index .table-checkout-shipping-method tbody td {
    border-top: 1px dotted #aaa;
}

body.checkout-index-index .table-checkout-shipping-method tbody  tr:first-of-type td {
    border-top: none;
}

@media screen and (max-width: 500px) {

    body.checkout-index-index #shipping .amazon-button-container + .amazon-divider,
    body.checkout-index-index #shipping .amazon-button-container + .amazon-divider * {
        font-size: 11px;
    }
}

/* checkout order payment layout */

body.checkout-index-index .authentication-wrapper {
    margin-top: 0px;
}

body.checkout-index-index .authentication-wrapper button.action-auth-toggle {
    background: var(--color-blue);
    padding: 14px 17px;
    color: #FFF;
    margin-top: 0;
    text-decoration: none;
}

body.checkout-index-index .authentication-wrapper button.action-auth-toggle:hover {
    background: #222;
}

body.checkout-index-index .checkout-payment-method .ccard > .field.cvv > .control {
    padding-right: 30px;
    position: relative;
}

/* payment options and mage afterMethod */

body.checkout-index-index #co-payment-form > fieldset {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
}

body.checkout-index-index #co-payment-form > fieldset #checkout-payment-method-load {
    order: 4;
}

body.checkout-index-index #co-payment-form > fieldset .payment-option.opc-payment-additional.discount-code {
    order: 0;
}

body.checkout-index-index #co-payment-form > fieldset .payment-option.opc-payment-additional.credit {
    order: 1;
}

body.checkout-index-index #co-payment-form > fieldset .payment-option.opc-payment-additional.rewards-block {
    order: 2;
}

.checkout-payment-method .checkout-billing-address {
    position: relative;
}

.checkout-payment-method .checkout-billing-address::before {
    content: "Billing Address";
    display: block;
    margin-bottom: 2rem;
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 10px;
    color: #222;
    border-top: 1px solid #CCC;
    border-bottom: 0;
    font-weight: 400;
    font-size: 2rem;
}

.checkout-payment-method .checkout-billing-address .billing-address-details {
    display: inline-block;
    border: 2px solid #ff5501;
    position: relative;
    padding: 20px 35px 20px 20px;
    margin-top: 0.8rem;
}

.checkout-payment-method .checkout-billing-address .billing-address-details::after {
    background: #ff5501;
    color: #ffffff;
    content: '\e610';
    font-family: 'luma-icons';
    height: 27px;
    width: 29px;
    font-size: 19px;
    line-height: 21px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.opc-wrapper .step-title, 
.opc-block-shipping-information .shipping-information-title, 
.opc-block-summary > .title, 
.checkout-agreements-items .checkout-agreements-item-title,
body.checkout-index-index .checkout-payment-method .step-title  {
    margin-bottom: 1rem;
    margin-top: 0rem;
    padding-top: 2rem;
    color: #222;
    border-top: 1px solid #CCC;
    border-bottom: 0;
    font-weight: 400;
    font-size: 2rem;
}

.checkout-payment-method .payment-method + .payment-method .payment-method-title {
    border-top: 1px dotted #aaa;
}

@media screen and (max-width: 767px) {

    .opc-wrapper .step-title  {
        border-top: none;
    }
}

.checkout-payment-method .payment-option .payment-option-content {
    padding-top: 1rem;
}

/* checkout order summary */

body.checkout-index-index .minicart-wrapper {
    
}

body.checkout-index-index .minicart-items .product.options .toggle > span {
    text-decoration: underline;
}

body.checkout-index-index .opc-block-summary .table-totals .grand strong .price {
    color: #CC0000;
}

body.checkout-index-index .opc-block-summary > .title {
    line-height: 2.5rem;
    font-size: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: none;
}

body.checkout-index-index .opc-block-summary .table-totals tr {
    border-bottom: 1px solid #DDD;
}

body.checkout-index-index .minicart-items .product-item-details {
    /* padding-left: 55px; */
}

body.checkout-index-index .opc-block-summary .items-in-cart .product.options {
    
}

body.checkout-index-index .opc-block-summary .items-in-cart .product .item-options dd img {
    width: 70px;
    height: 70px;
    margin-left: 1rem;
}

body.checkout-index-index .opc-block-summary .items-in-cart .product.options.active .content {
    background: #E6E4E4;
    padding: 1.5rem;
}

html:not(.window-loaded) .checkout-index-index .opc-block-summary .items-in-cart .product.options .content
html:not(.window-loaded) body.checkout-index-index .opc-block-summary .items-in-cart .product.options.active .content {
    display: none !important;
}

@media screen and (min-width: 768px) {

    body._has-modal-custom .modal-custom-overlay {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    body.checkout-index-index .opc-block-shipping-information .shipping-information-title .action-edit {
        top: 0;
    }

    body.checkout-index-index .opc-block-summary .table-totals tbody .mark {
        font-size: 1.4rem;
    }    

    body.checkout-index-index .cart-totals tbody .amount, .cart-totals tfoot .amount, 
    body.checkout-index-index .opc-block-summary .table-totals tbody .amount, 
    body.checkout-index-index .opc-block-summary .table-totals tfoot .amount {
        font-size: 1.4rem;
    } 

    body.checkout-index-index .opc-block-summary .minicart-items-wrapper {
        overflow: visible;
        max-height: unset;
    }
} 

body.checkout-index-index .cart-totals tbody .amount, 
.cart-totals tfoot .amount, 
body.checkout-index-index .opc-block-summary .table-totals tbody .amount, 
body.checkout-index-index .opc-block-summary .table-totals tfoot .amount {
        font-weight: 300;
}

body.checkout-index-index .opc-block-summary .table-totals tbody .grand.totals .amount .price {
    font-size: 1.8rem;
}

/* reward points */

body.checkout-index-index .checkout-payment-method .payment-option-content #reward-points-form.form-discount {
    display: flex;
    flex-direction: column;
}

body.checkout-index-index .checkout-payment-method .payment-option-content #reward-points-form.form-discount b {
    color: #666;
    font-weight: 600;
}

body.checkout-index-index .checkout-payment-method .payment-option-content .form-discount .actions-toolbar.rewards-checkout-buttons-block .primary {
    float: left;
    display: flex;
    flex-direction: row;
}

/* checkout discount accordions */

@media screen and (min-width:768px) {

    /* only applies to discount code - if not remove discount-code class below */
    .checkout-payment-method .payment-option.discount-code .payment-option-title .action-toggle {
        color: #666;
        font-weight: 500;
    }

    .checkout-payment-method .payment-option._collapsible.discount-code .payment-option-title,
    .checkout-payment-method .payment-option._collapsible.discount-code._active .payment-option-title {
        pointer-events: none;
        padding-right: 1rem;
	    padding-left: 0rem;
        padding-bottom: 1rem;
    }

    .checkout-payment-method .payment-option.discount-code .payment-option-title .action-toggle::after,
    .checkout-payment-method .payment-option.discount-code._active .payment-option-title .action-toggle::after {
        content: none;
    }

    .checkout-payment-method .payment-option._collapsible.discount-code .payment-option-content {
        display: block !important;
        padding-left: 0;
    }
}

/* checkout buttons */

body.checkout-index-index .checkout-payment-method .payment-option-content .form-discount .actions-toolbar.rewards-checkout-buttons-block .primary button:nth-child(2),
.checkout-payment-method .checkout-billing-address .primary .action-cancel,
.cart-container .discount-form button:nth-child(2) {
    margin-left: 1.5rem;
    background: var(--color-light-gray);
    border-color: var(--color-light-gray);
    color: #444;
}

.checkout-payment-method .checkout-billing-address .primary .action-cancel {
    margin-left: 0;
    margin-top: 0;
    line-height: 1.6rem;
}

.checkout-payment-method .checkout-billing-address .primary .action-cancel:hover {
    text-decoration: none;
}

.abs-discount-block .actions-toolbar .action.primary:not(:focus), .abs-discount-block .actions-toolbar .action.cancel:not(:focus), .block-compare .action.primary:not(:focus), .cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus), .abs-discount-code .form-discount .actions-toolbar .primary .action:not(:focus), .cart-summary .form.giftregistry .fieldset .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.cancel:not(:focus), .cart-discount .actions-toolbar .action.primary:not(:focus), .cart-discount .actions-toolbar .action.cancel:not(:focus), .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus),
#shipping button,
#apply-credit,
.checkout-payment-method .checkout-billing-address .primary .action-update,
.checkout-index-index .modal-popup .modal-footer .action-save-address,
.cart-container .discount-form button {
    box-shadow: none;
    background: var(--color-blue);
    color: #FFF;
    border-color: var(--color-blue);
}

.cart-discount .actions-toolbar .action.primary,
.cart-discount .actions-toolbar .action.primary:not(:focus) {
    background: var(--color-light-gray);
    border-color: var(--color-light-gray);
    color: #222;
    font-weight: 600;
}

.action.primary, .action-primary {
    padding: 8px 15px;
}

.abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .abs-discount-code .form-discount .actions-toolbar .primary .action:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover,
.checkout-payment-method .payment-option._collapsible .payment-option-content .actions-toolbar > .primary .action:last-child:hover,
#shipping button:hover,
#apply-credit:hover,
.checkout-payment-method .checkout-billing-address .primary .action-update:hover,
.checkout-index-index .modal-popup .modal-footer .action-save-address:hover,
.cart-container .discount-form button:hover {
    background: var(--color-gray);
    border-color: var(--color-gray);
    color: #FFF;
}

.cart-discount .actions-toolbar .action.primary:hover {
    
}

.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus),
.checkout-payment-method .payment-option._collapsible .payment-option-content .actions-toolbar > .primary .action:last-child,
.checkout-payment-method .checkout-billing-address .primary .action-update,
.checkout-payment-method .checkout-billing-address .primary .action-cancel,
.checkout-index-index .modal-popup .modal-footer .action-save-address  {
    padding: 8px 15px;
    font-size: 1.4rem !important;
    font-weight: 600;
}

.checkout-payment-method .payment-option._collapsible .payment-option-content #apply-credit {
    padding: 8px 17px;
}

/* terms and conditions */

.checkout-agreements-block .checkout-agreement.field {
    position: relative;
}

.checkout-agreements-block .action-show::before {
    /* content: "\f14a";
    font-family: FontAwesome;
    font-size: 1.6rem;
    color: #444;
    padding-right: 0.3rem;
    position: relative;
    top: 1px; */
}

.checkout-agreements-block .action-show {
    text-align: left;
    margin-left: 0.5rem;
}

.checkout-agreements-block .action-show span {
    text-decoration: underline;
}

.checkout-agreement #agreement_checkmo_1 {
    position: relative;
    top: 0;
}

.checkout-agreements-block div.mage-error[generated] {
    margin-top: 0;
    position: absolute;
    top: 24px;
}

.checkout-payment-method .payment-method-content {
    padding: 0 0 20px 0;
}

/* ----------------------------------------------------- */

/* ul links-list */

ul.links-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.links-list li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-top: 1px solid #DDD;
    position: relative;
}

ul.links-list.dark li {
    border-top: 1px solid #2f2f2f;
}

ul.links-list li:first-child {
    border-top: none;
}

ul.links-list + div.widget ul.links-list li:first-child {
    border-top: 1px solid #DDD;
}

ul.links-list.dark + div.widget ul.links-list.dark li:first-child {
    border-top: 1px solid #2f2f2f;
}

ul.links-list li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1px;
    left: 0;
    background-color: transparent;
}

ul.links-list li::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #F5F5F5;
    content: '';
    position: absolute;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

ul.links-list.dark li::after {
    background-color: #2B2B2B;
}

ul.links-list li:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

ul.links-list li > a {
    background-color: unset;
    display: block;
    padding: 1rem 0 1rem 30px;
    position: relative;
    z-index: 9;
    text-decoration: none;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

ul.links-list.dark li > a {
    color: #AAAAAA;
}

ul.links-list li > a:hover {
    background-color: unset;
}

ul.links-list.dark li > a:hover {
    color: #AAAAAA;
}

ul.links-list li > a::before {
    content: "\00B7";
    font-size: 2rem;
    margin: 0 7px 0 4px;
    line-height: 0;
    vertical-align: middle;
    position: absolute;
    top: 2rem;
    left: 7px;
    opacity: 1;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

ul.links-list li > a:hover::before {
    color: var(--color-cream);
}

/* ----------------------------------------------------- */

/* footer extended */

footer#footer {
    background-color: #222;
    padding: 0;
    margin: 0;
}

footer#footer .footer-inner {
    padding: 3rem 20px;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    color: #CCCCCC;
    font-size: 1.2rem;
}

footer#footer .footer-inner .footer-address-block {
    padding-top: 18px;
}

footer#footer .footer-inner h2 {
    font-size: 1.6rem;
}

footer#footer .footer-inner p {
    font-size: 1.4rem;
    margin-bottom: 0;
    padding-bottom: 0;
}

footer#footer .footer-inner p a {
    font-size: 1.4rem;
    word-break: break-all;
    display: block;
}

footer#footer .footer-inner .footer-address-block p a {
    color: unset;
    display: inline-block;
}

footer#footer .footer-inner .footer-address-block p a:hover {
    color: var(--color-cream);
    text-decoration: none;
}

footer#footer .footer-inner ul.links-list.dark {
    margin-left: -1rem;
}

footer#footer .footer-inner ul li > a {
    font-size: 1.2rem;
    color: #AAAAAA;
}

footer#footer .footer-inner ul li > a:hover {
    color: #FFF;
}

@media screen and (min-width: 1080px) {
    footer#footer .footer-inner ul li > a {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    footer#footer .footer-inner h2 {
        font-size: 1.5rem;
    }

    footer#footer .footer-inner a,
    footer#footer .footer-inner p,
    footer#footer .footer-inner p a {
        font-size: 1.4rem;
    }

    footer#footer .footer-inner ul li > a {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    footer#footer .footer-inner .footer-address-block {
        padding-top: 12px;
    }

    footer#footer .footer-inner ul {
        display: block;
    }

    footer#footer .footer-inner ul li a {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 460px) {
    footer#footer .footer-inner [class*="col-"] {
        width: 100%;
        margin: 0;
    }

    footer#footer .footer-inner .footer-address-block {
        padding-top: 0;
    }
}

/* ----------------------------------------------------- */

/* footer */

.page-footer #footer-newsletter button.action.submit.primary,
button.action.submit.primary {
    margin-top: 1em;
}

.page-footer {
    background: transparent;
    margin: 0;
    padding: 0;
}

footer.page-footer {
    display: none;
}

/* footer bottom */

#footer-links-bottom {
    position: relative;
    z-index: 0;
    background: none #222222;
    color: #EEE;
}

body:not(.builder) #footer-links-bottom {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 3200px; */
}

/* copyright */

#footer-links-bottom .copyright {
    display: block;
    clear: both;
    background: inherit;
}

#footer-links-bottom .copyright .copyright-inner {
    display: inline-block;
    font-size: 1.1rem;
    padding: 0;
    margin: 0;
}

#footer-links-bottom .copyright .copyright-inner a {
    color: #EEE;
}

#footer-links-bottom .copyright .copyright-inner a:hover {
    color: var(--color-cream);
}

/* copyright footer links */

#footer-links-bottom .footer.links {
    margin: 0 auto;
    padding: 10px 10px 10px 10px;
    list-style-type: none;
    display: table;
    text-align: center;
}

#footer-links-bottom .footer.links li:before {
    border-left: 0px none transparent;
}

#footer-links-bottom .footer.links li {
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    float: left;
    list-style-type: none;
}

#footer-links-bottom .footer.links li:before {
    border-left: 1px solid #555;
    content: "";
    float: left;
    height: 22px;
    margin-right: 3px;
    margin-top: 6px;
    position: absolute;
    top: 4px;
    left: 0;
}

#footer-links-bottom .footer.links li:last-of-type:after {
    border-right: 1px solid #555;
    content: "";
    float: right;
    height: 22px;
    margin-right: 0px;
    margin-top: 6px;
    position: absolute;
    top: 3px;
    right: -1px;
}

#footer-links-bottom .footer.links li a,
#footer-links-bottom .footer.links li strong {
    color: #EEE;
    font-size: 1.2rem;
    font-weight: 200;
    padding: 0.7rem 1.5rem;
    display: block;
    -webkit-font-smoothing: subpixel-antialiased;
}

#footer-links-bottom .footer.links li a:hover {
    color: var(--color-cream);
    text-decoration: none;
}

@media screen and (max-width: 767px) {

    #footer-links-bottom .copyright {
        padding-bottom: 6rem;
    }
}

/* newsletter */

.g-recaptcha {

}

.g-recaptcha-response {
    display: none !important;
}

.g-recaptcha > iframe,
.g-recaptcha + div {
    display: none !important;
}

/* ----------------------------------------------------- */

/* Widgets */

.page-wrapper > .widget {
    display: none !important;
    margin: 0;
    padding: 0;
    max-width: unset;
    width: unset;
}

@media screen and (max-width: 767px) {
    .page-wrapper > .widget {
        display: block !important;
    }
}

@media screen and (min-width: 768px) {

    .abs-margin-for-blocks-and-widgets-desktop,
    .page-main .block,
    .customer-review .product-details {
        margin-bottom: 2.5rem;
    }

    .am-content p + .block.widget.block-products-list.grid,
    .content-inner p + .block.widget.block-products-list.grid {
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .am-content .block.widget.block-products-list.grid + .block.widget.block-products-list.grid,
    .content-inner .block.widget.block-products-list.grid + .block.widget.block-products-list.grid {
        margin-top: 0;
        margin-bottom: 0;
    }

    .am-content .block.widget.block-products-list.grid + .block.widget.block-products-list.grid + .block.widget.block-products-list.grid,
    .content-inner .block.widget.block-products-list.grid + .block.widget.block-products-list.grid + .block.widget.block-products-list.grid {
        margin-top: 0;
        margin-bottom: 0;
    }

    .am-content p + .block.widget.block-products-list.grid ol,
    .content-inner p + .block.widget.block-products-list.grid ol {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.account.page-layout-2columns-left .sidebar-main .block.widget {
    margin-top: 1.5rem;
}

.block-static-block.widget,
.block-cms-link.widget {
    margin-bottom: 0;
}

.sidebar .widget.block:not(:last-child),
.sidebar .widget:not(:last-child) {
    margin-bottom: 1rem;
}

body.catalog-product-view .sidebar .widget.block:not(:last-child),
body.catalog-product-view .sidebar .widget:not(:last-child) {
    margin-bottom: 1rem;
}

/* ----------------------------------------------------- */

/* order status and return page */

.order-status {
    margin-bottom: 3rem;
}

/* ----------------------------------------------------- */

/* account page */

body.account .block-collapsible-nav {
    top: -1px;
}

body.account .block-collapsible-nav .title strong {
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {

    body.account .page-wrapper #maincontent {
        padding-top: 7rem;
    }

    body.account .page-title-wrapper {
        margin-top: 0;
    }
}

/* ----------------------------------------------------- */

/* login page */

.fieldset {
    margin: 0 0 20px;
}

.register-content .widget.block.block-static-block,
body.customer-account-login .register-content .block:nth-child(2),
body.customer-account-login .register-content .widget.block.block-static-block {
    float: none;
    width: 100%;
}

body.customer-account-login .login-content ul {
    list-style-type: square;
}

body.customer-account-login .login-content li i {
    font-size: 1.5rem;
    margin-right: 5px;
    margin-top: 3px;
}

/* ----------------------------------------------------- */

/* register page */

.form.create.account {
    width: 100%;
    margin-top: 2rem;
}

.login-content .widget.block.block-static-block {
    float: none;
    width: 100%;
}

body.customer-account-create .register-content ul {
    /* display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    grid-gap: 2.5rem;
    justify-content: stretch; */
    /* space-between */
    margin: 2rem 0 1.5rem;
}

.register-benefits-list li i,
body.customer-account-login .register-content li i,
body.customer-account-create .register-content li i {
    /* font-size: 1.5rem;
    margin-right: 5px;
    margin-top: 3px;
    color: #EDCB09; */
}

/* ------------------------------- */

/* fade in */

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

/* fade out */

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

@-moz-keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

/* ------------------------------- */
/* blog */

html.swipy-blog-active #maincontent {
    z-index: 1000;
}

@media screen and (min-width: 1024px) {

    body[class*="amblog-"] .desktop.three-columns aside.left,
    body[class*="amblog-"] .desktop.three-columns aside.right {
        min-width: 283px;
    }
}

body[class*="amblog-"] article.desktop.three-columns section.content {
    padding: 0rem 14px 0;
}

body[class*="amblog-"] #swipe_me {
    height: 30px;
    opacity: 0.9;
}

body[class*="amblog-"] h1 {
    margin-bottom: 20px;
    border-bottom: 5px solid #EEE;
    padding-bottom: 1.5rem;
}

body[class*="amblog-"] i.amblog-classic.glyphicons {
    top: 6px;
}

body[class*="amblog-"] .amblog-container-list {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 500px; */
}

body[class*="amblog-"] .amblog-post-container {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 500px; */
    padding-top: 0.5rem;
}

body[class*="amblog-"] .amblog-list,
body[class*="amblog-"] .amblog-post {
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 500px; */
}

body[class*="amblog-"] .amblog-element-block .amblog-item.-search {
    padding: 0px 15px 20px 15px;
}

body[class*="amblog-"].page-layout-1column .block.widget .products-grid li:only-of-type {
    width: 100%;
}

body[class*="amblog-"] .block.widget .products-grid .product-items li:only-of-type .product-item-info .product-item-details {
    text-align: center;
}

.amblog-element-block .amblog-title,
.amblog-main-content .amblog-search .amblog-title,
.amblog-post-container .amblog-widget-container .amblog-title,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-title,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-title {
    color: #555;
}

.amblog-post-container .amblog-headline,
.amblog-grid-list > .amblog-item .amblog-headline,
.amblog-grid-list .slick-slide .amblog-item .amblog-headline {
    line-height: 3rem;
    display: block;
}

body[class*="amblog-"] .amblog-list .post-thumbnail,
body[class*="amblog-"] .amblog-post .post-thumbnail {
    text-align: center;
}

body[class*="amblog-"] .amblog-list .post-thumbnail img.thumbnail,
body[class*="amblog-"] .amblog-post .post-thumbnail img.thumbnail {
    width: auto;
}

body[class*="amblog-"] .amblog-post .post-thumbnail img.thumbnail {
    clip-path: unset;
    padding: 1rem;
    border: 1px solid #DDD;
    box-sizing: border-box;
}

body[class*="amblog-"] .amblog-post .am-content p {
    line-height: 1.6;
    font-style: normal;
}

body[class*="amblog-"] .two-columns-right > aside a,
body[class*="amblog-"] .three-columns > aside a {
    font-size: 1.2rem;
    line-height: 1.6;
    color: var(--color-link);
}

body[class*="amblog-"] .two-columns-right > aside a {
    display: list-item;
}

body[class*="amblog-"] .three-columns > aside a {
    font-weight: 400;
    font-size: 1.4rem;
}

body[class*="amblog-"] .two-columns-right > aside a:hover,
body[class*="amblog-"] .three-columns > aside a:hover {
    color: var(--color-link-hover);
}

.amblog-element-block .amblog-headline,
.amblog-element-block .amblog-categories .amblog-link,
.amblog-post-container .amblog-widget-container .amblog-headline,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-headline,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-headline,
.amblog-post-container .amblog-widget-container .amblog-categories .amblog-link,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-categories .amblog-link,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-categories .amblog-link {
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color-link);
}

.amblog-element-block .amblog-categories .amblog-link:hover,
.amblog-post-container .amblog-widget-container .amblog-categories .amblog-link:hover,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-categories .amblog-link:hover,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-categories .amblog-link:hover {
    color: var(--color-link-hover);
}

.amblog-element-block .amblog-categories.-level1 > .amblog-category > .amblog-link,
.amblog-post-container .amblog-widget-container .amblog-categories.-level1 > .amblog-category > .amblog-link,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-categories.-level1 > .amblog-category > .amblog-link,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-categories.-level1 > .amblog-category > .amblog-link {
    font-weight: 400;
    color: var(--color-link);
}

.amblog-element-block .amblog-categories.-level1 > .amblog-category > .amblog-link:hover,
.amblog-post-container .amblog-widget-container .amblog-categories.-level1 > .amblog-category > .amblog-link:hover,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-categories.-level1 > .amblog-category > .amblog-link:hover,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-categories.-level1 > .amblog-category > .amblog-link:hover {
    color: var(--color-link-hover);
}

.amblog-index-index .amblog-ref,
.amblog-index-tag .amblog-ref,
.amblog-index-category .amblog-ref,
.amblog-index-post .amblog-ref,
.amblog-index-author .amblog-ref {
    font-weight: 400;
    color: var(--color-link);
}

.amblog-index-index .amblog-ref:hover,
.amblog-index-tag .amblog-ref:hover,
.amblog-index-category .amblog-ref:hover,
.amblog-index-post .amblog-ref:hover,
.amblog-index-author .amblog-ref:hover {
    color: var(--color-link-hover);
}

body[class*="amblog-"] .two-columns-right > aside .amblog-recent-post a.thumbnail + a {
    position: relative;
    top: -3px;
}

body[class*="amblog-"] i.glyphicons::before {
    top: -2px;
}

body[class*="amblog-"] .amblog-post span.categories {
    margin-top: 2rem;
    margin-left: 0;
}

.amblog-widget-container .amblog-list {
    padding-left: 0;
}

.amblog-recentposts ul li {
    margin-bottom: 1rem;
}

.photo-credits {
    clear: both;
}

#social-blog-footer {
    display: block;
    clear: both;
}

#social-blog-footer h4 {
    margin-bottom: 0;
}

.amblog-post-container .amblog-read,
.amblog-index-index .amblog-ref,
.amblog-index-post .amblog-ref {
    /* color: var(--color-link); */
}

.amblog-post-container .amblog-read {
    background: var(--color-link);
    color: #FFF;
    padding: 1rem 1.5rem;
}

.amblog-post-container .amblog-read:hover {
    background: var(--color-link-hover);
    color: #FFF;
    text-decoration: none;
}

.amblog-post-container .amblog-read .amblog-arrow {
    display: none;
}

.amblog-form-search .amblog-btn,
.amblog-form-comment .amblog-btn {
    background: var(--color-yellow-orange);
    color: #555;
}

.amblog-form-search .amblog-btn:hover,
.amblog-form-comment .amblog-btn:hover {
    background: #666;
    color: #FFF;
}

.amblog-index-index .page-title,
.amblog-index-post .page-title {
    line-height: 4rem;
    margin-bottom: 2rem;
    font-size: 3rem;
}

.amblog-element-block .amblog-categories.-level2 .amblog-category,
.amblog-post-container .amblog-widget-container .amblog-categories.-level2 .amblog-category,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-categories.-level2 .amblog-category,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-categories.-level2 .amblog-category {
    list-style-type: disc;
}

body[class*="amblog-"] .product-items .product-item-info .product-image-container .product-image-wrapper {
    padding-bottom: 90% !important;
    margin: 0 auto;
}

.amblog-post-container .amblog-bottom, 
.amblog-grid-list > .amblog-item .amblog-bottom, 
.amblog-grid-list .slick-slide .amblog-item .amblog-bottom {
    clear: both;
}

@media screen and (max-width: 767px) {

    .amblog-index-index .page-title,
    .amblog-index-post .page-title {
        font-size: 3rem;
        line-height: 3rem;
    }
}

@media screen and (max-width: 400px) {

    .amblog-index-index .page-title,
    .amblog-index-post .page-title {
        font-size: 2rem;
        line-height: 3rem;
    }

    .amblog-index-index .page-title span,
    .amblog-index-post .page-title span {
        line-height: inherit;
    }
}

.amblog-svg.-classic {
    fill: var(--color-link);
}

aside .amblog-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 1rem 0;
}

body[class*="amblog-"] .widget .products-grid.grid ol[class*="grid-"] {
    width: 98%;
}

body[class*="amblog-"] .products-grid .product-item-inner {
    display: none !important;
    position: static !important;
    box-shadow: none;
    border: 0 none;
}

body[class*="amblog-"] .widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-actions,
body[class*="amblog-"] .widget .products-grid.grid ol[class*="grid-"] > li.col:hover .product-item-actions {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 0;
}

body[class*="amblog-"] .product-image-photo {
    position: static !important;
}

body[class*="amblog-"] .widget .products-grid.grid ol[class*="grid-"] > li.col .product-image-wrapper {
    position: static !important;
}

body[class*="amblog-"] .product-image-container {
    display: block;
    margin: 0 auto;
}

body[class*="amblog-"] .amblog-footer [data-amblog-js="short_comments"] {
    display: none;
}

body[class*="amblog-"] .sidebar-recent-comments {
    display: none;
}

body[class*="amblog-"] .post-slider .post-items .slick-slide > li {
    float: none !important;
    display: inline-block !important;
    height: auto;
}

.amblog-element-block .amblog-item,
.amblog-element-block .amblog-categories.-level1 > .amblog-category,
.amblog-post-container .amblog-widget-container .amblog-item,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-item,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-item,
.amblog-post-container .amblog-widget-container .amblog-categories.-level1 > .amblog-category,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-categories.-level1 > .amblog-category,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-categories.-level1 > .amblog-category {
    padding: 0.5rem 2rem;
}

.amblog-element-block .amblog-item {
    padding: 1rem 2rem;
}

/* ofc blog force fullscreen width */

html.ofc body[class*="amblog-"] #maincontent {
    /* max-width: 1280px; */
}

html.ofc body[class*="amblog-"] .desktop.three-columns aside.left,
html.ofc body[class*="amblog-"] .desktop.three-columns aside.right {
    /* max-width: unset; */
}

html.ofc body[class*="amblog-"] .amblog-post-container .amblog-image,
html.ofc body[class*="amblog-"] .amblog-grid-list > .amblog-item .amblog-image,
html.ofc body[class*="amblog-"] .amblog-grid-list .slick-slide .amblog-item .amblog-image {
    /* width: 100%; */
}

/* blog grid view for */

html.pl body.blog-grid-view .amblog-container-list .amblog-post-container {
    margin-bottom: 0px;
}

html.pl body.blog-grid-view .amblog-container-list .amblog-post-container .amblog-shot,
html.pl body.blog-grid-view .amblog-container-list .amblog-post-container .amblog-footer {
    display: none !important;
}

@media screen and (min-width: 767px) {

    html.pl body.blog-grid-view .amblog-container-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        grid-gap: 1.5rem;
    }

    html.ofc body.blog-grid-view .amblog-container-list {
        /* grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); */
    }

    html.pl body.blog-grid-view article.desktop.three-columns.blog-grid {
        display: grid;
        grid-template-columns: 1fr 25%;
    }

    html.pl body.blog-grid-view article.desktop.three-columns.blog-grid section {
        width: auto;
    }

    html.pl body.blog-grid-view article.desktop.three-columns.blog-grid aside {
        width: auto;
        max-width: unset;
    }

    html.pl body.blog-grid-view aside.left {
        display: none;
    }

    html.pl body.blog-grid-view .amblog-post-container .amblog-title {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
}

body[class*="amblog-"].blog-grid-view .amblog-container-list .amblog-post-container .amblog-footer {
    flex-direction: column;
}

body[class*="amblog-"].blog-grid-view .amblog-container-list .amblog-post-container .amblog-more {
    min-width: unset;
    margin-top: 1rem;
    text-align: left;
}

/* blog mobile and desktop override */

html.mobile body.amblog-index-post .mobile {
    display: block !important;
}

html.mobile body.amblog-index-post .mobile .mobile-block {
    display: block !important;
}

html.mobile body.amblog-index-index .page-title, 
html.mobile body.amblog-index-post .page-title {
    padding-right: 0;
}

html.mobile body.amblog-index-index .page-title, 
html.mobile body.amblog-index-post .page-title {
    font-size: 2.6rem;
    line-height: 3.2rem;
}

/* ------------------------------------------------ */

/* allow Shop By filter modal on tablet breakpoints */

.page-products .columns {
    padding-top: 0;
}

body.page-products.no-page-filter .columns {
    padding-top: 0px;
}

.filter-options-title::after {
    top: 9px;
}

@media screen and (max-width: 767px) {

    body.page-with-filter:not(.no-page-filter) #maincontent .columns {
        padding-top: 70px;
        display: flex;
    }

    .columns .column.main {
        order: 0;
    }

    .product-info-main {
        display: flex;
        flex-direction: column;
    }

    .product-info-main > div {}

    .product-info-main > .product-reviews-summary {
        order: 4;
    }

    .product-info-main > .product.attribute.overview {
        order: 3;
    }

    .product-info-main > .product-info-price {
        order: 1;
    }

    .product-info-main > .product-add-form {
        order: 2;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    body.page-with-filter:not(.no-page-filter) #maincontent .columns,
    body.catalogsearch-result-index #maincontent .columns {
        padding-top: 70px;
    }

    .filter-title {
        display: block;
    }

    .filter-options {
        display: none;
        margin: 0;
    }

    .columns .column.main {
        width: 100%;
        padding-left: 0;
    }

    .columns .sidebar {
        width: 100%;
    }

    .page-with-filter .columns .sidebar-main {
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }

    .filter-title strong {
        cursor: pointer;
    }

    .columns .sidebar-additional {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .filter-subtitle {
        display: none;
    }

    .page-layout-2columns-left .sidebar-additional {
        clear: both;
        float: none;
        padding-left: unset;
        padding-right: unset;
    }

    .page-layout-2columns-left .sidebar-additional {
        width: unset;
    }

    /* when shop by filter is active */
    body.filter-active .page-header {
        display: none;
    }

    body.filter-active .page-wrapper {
        height: 0;
        margin-top: -999999em;
        visibility: hidden;
    }

    body.filter-active .columns {
        z-index: 999;
    }

    body.filter-active .filter.active {
        position: relative;
        visibility: visible;
        z-index: 99;
    }

    body.filter-active .filter.active .filter-options-item:last-child {
        margin-bottom: 40px;
    }

    body.filter-active .filter.active .filter-title {
        border-bottom: 1px solid #cccccc;
        height: 48px;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 2;
    }

    body.filter-active .filter.active .filter-title strong {
        box-shadow: none;
        background: none;
        border: 0;
        color: transparent;
        top: 1px;
        text-decoration: none;
        display: block;
        text-align: left;
        position: relative;
        left: 0;
        right: auto;
        color: #444;
        font-weight: 800;
        font-size: 1.6rem;
    }

    body.filter-active .filter.active .filter-title strong:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: inherit;
        color: #7d7d7d;
        content: '\e616';
        font-family: 'luma-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
        position: absolute;
        right: 20px;
        cursor: pointer;
    }

    body.filter-active .filter.active .filter-subtitle {
        display: none;
    }

    body.filter-active .filter.active .filter-options {
        background: #ffffff;
        bottom: 0;
        display: block;
        left: 0;
        overflow: scroll;
        position: fixed;
        right: 0;
        top: 50px;
        z-index: 10;
    }

    body.filter-active .filter .filter-subtitle {
        font-size: 20px;
        font-weight: 300;
    }

    body.filter-active .filter-actions {
        margin: -35px -10px 25px;
    }

    body.filter-active .filter-options-content .smile-es-range-slider {
        margin: 0 20px;
    }

    body.filter-active .filter .filter-current {
        border: solid #cccccc;
        border-width: 1px 0;
        margin: 5px -10px 0;
        box-sizing: border-box;
    }

    body.filter-active .filter .filter-current .items {
        display: none;
    }

    body.filter-active .filter .filter-current-subtitle {
        position: relative;
        text-transform: uppercase;
        z-index: 1;
        display: block;
        text-decoration: none;
    }

    body.filter-active .filter .filter-current-subtitle:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 13px;
        line-height: inherit;
        color: inherit;
        content: '\e622';
        font-family: 'luma-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
    }

    body.filter-active .filter .filter-current-subtitle:before {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    body.filter-active .filter .filter-current-subtitle:after {
        color: #7d7d7d;
        content: ' (' attr(data-count) ')';
        font-size: 0.9em;
    }

    body.filter-active .filter .filter-current.active {
        padding-bottom: 30px;
    }

    body.filter-active .filter .filter-current.active .block-subtitle:before {
        content: '\e621';
    }

    body.filter-active .filter .filter-current.active .items {
        display: block;
    }

    body.filter-active .filter .filter-current.active + .block-actions {
        display: block;
    }

    body.filter-active .filter .filter-current + .block-actions {
        display: none;
    }

    body.filter-active .filter-no-options .filter-title:before {
        background: rgba(255, 255, 255, 0.5);
        content: '';
        display: block;
        height: 40px;
        left: -15px;
        margin-top: -60px;
        position: relative;
        width: 100px;
        z-index: 99;
    }

    body.filter-active .filter-no-options .filter-content {
        margin-bottom: 20px;
    }

    body.filter-active .page-with-filter .columns .sidebar-main {
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }
}

@media screen and (max-width: 1023px) {

    #layered-filter-block:not(.active) .block-content.filter-content {
        display: none;
        visibility: hidden;
        overflow: hiden;
        height: 0;
    }
}

/* ---------------- */

/* ad block notice */

.adBanner {
    background-color: transparent;
    height: 1px;
    width: 1px;
}

body.block-ad-enabled {
    overflow: hidden;
}

body.page-print.block-ad-enabled,
body.shipping-tracking-popup.block-ad-enabled,
body.page-layout-empty.block-ad-enabled {
    overflow: auto;
}

#block-ad {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

#block-ad div {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2000;
    width: 400px;
    background: rgba(204, 0, 0, 0.7);
    padding: 1rem 3rem 3rem 3rem;
    pointer-events: none;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 2.8rem;
    text-shadow: 1px 1px 1px #b71414;
    color: #FFF;
}

#block-ad div h2 {
    font-weight: 700;
    letter-spacing: 1px;
    margin: 2rem 0 1rem;
    color: #FFF;
}

@media screen and (max-width: 440px) {

    #block-ad div {
        width: 300px;
        font-size: 16px;
    }
}

/* application icons */

.application-icons-box {
    display: none !important;
}

html .application-icons-box.has-applications {
    /* display: none !important; temp */
}

.application-icons-box.has-applications {
    display: block !important;
    padding-top: 1.5rem;
    border-top: 1px solid #DDD;
    margin-top: 1.5rem;
}

.product-info-price + .product-add-form .application-icons-box.has-applications {
    margin-top: 0;
    margin-bottom: 1rem;
}

body.page-empty.ajax-index-options .application-icons-box.has-applications {
    margin-top: 0;
    display: none !important;
}

.application-icons-box.has-applications.hide {
    display: none !important;
}

.application-icons-box .application-icons {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.application-icons-box h3 {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    color: #555;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 1.2rem;
    letter-spacing: 0.03em;
}

.application-icons-box .application-icons li {
    float: left;
    background: url("../images/application-uses-icons-all-small--m2.png") no-repeat 0 0 transparent;
    padding: 0 !important;
    margin: 0 1.1rem 1.1rem 0 !important;
    list-style-type: none;
    width: 38px;
    height: 59px;
    position: relative;
}

.application-icons-box .application-icons li.hide {
    display: none !important;
}

.application-icons-box .application-icons li span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px  !important;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    line-height: 1em;
    color: #666;
    height: 20px;
}

html.ofc .application-icons-box .application-icons li span {
    font-size: 11px;
}

.application-icons-box .application-icons li.awning {
    background-position: -323px 0;
    width: 44px;
}

.application-icons-box .application-icons li.canopy {
    background-position: -611px 0;
    width: 39px;
}

.application-icons-box .application-icons li.shade {
    background-position: -514px 0;
    width: 50px;
}

.application-icons-box .application-icons li.marine {
    background-position: -265px 0;
    width: 46px;
}

.application-icons-box .application-icons li.bedding {
    background-position: -131px 0;
    width: 41px;
}

.application-icons-box .application-icons li.contract {
    background-position: -83px 0;
    width: 44px;
}

.application-icons-box .application-icons li.hospitality {
    background-position: -35px 0;
    width: 52px;
}

.application-icons-box .application-icons li.healthcare {
    background-position: 6px 0;
    width: 51px;
}

.application-icons-box .application-icons li.drapery {
    background-position: -174px 0;
    width: 41px;
}

.application-icons-box .application-icons li.automotive {
    background-position: -211px 0;
    width: 55px;
}

.application-icons-box .application-icons li.indoor-upholstery {
    background-position: -368px 2px;
    width: 52px;
    height: 59px;
}

.application-icons-box .application-icons li.outdoor-upholstery {
    background-position: -416px 0;
    width: 52px;
    height: 59px;
}

.application-icons-box .application-icons li.signage {
    background-position: -572px 0;
    width: 38px;
}

.application-icons-box .application-icons li.sling {
    background-position: -467px 0;
    width: 41px;
}

.application-icons-box .application-icons li.wall-covering {
    background-position: -681px 0;
    width: 40px;
}

.application-icons-box .application-icons li.wallpaper {
    background-position: -681px 0;
    width: 40px;
}

.application-icons-box .application-icons li.tools {
    background-position: -715px 0;
    width: 41px;
}

.application-icons-box .application-icons li.cleaning-protection {
    background-position: -751px 0;
    width: 39px;
}

.application-icons-box .application-icons li.medical-grade-ppe {
    background-position: -786px 0;
    width: 51px;
}

.application-icons-box .application-icons li.finishing {
    background-position: -837px 0;
    width: 51px;
}

/* end - application icons */

/* disclaimer */

#disclaimer {
    clear: both;
    border-top: 1px solid #191919;
    border-bottom: 1px solid #191919;
    background-color: #2D2D2D;
    -webkit-transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
    cursor: default;
    color: #777;
}

#disclaimer:hover {
    background-color: #FFF;
    color: #333;
}

#disclaimer .disclaimer-inner {
    padding-left: 2rem;
    padding-right: 2rem;
}

#disclaimer p {
    margin: 20px 0;
    padding: 0;
    line-height: 2rem;
    font-size: 1.2rem;
    text-align: justify;
}

/* end - disclaimer */

/* html data table */

table.data-table {}

table.data-table tbody tr {
    text-align: left;
}

table.data-table tbody tr:nth-child(2n+1) {
    background-color: #fafafa;
}

table.data-table tbody th {
    padding: 1rem 1rem;
    text-align: left;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background-color: #EEE;
    font-weight: 600;
    text-transform: uppercase;
}

.category-description table.data-table tbody th,
.content-inner table.data-table tbody th {
    text-align: left;
    padding-left: 1.5rem;
}

table.data-table tbody td {
    padding: 1rem 1rem;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    white-space: nowrap;
}

table.data-table.pl-green tbody tr th {
    background-color: var(--color-green);
    border: 0 none transparent;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.1);
    color: #FFF;
}

table.data-table.pl-green tbody tr:nth-child(odd) {
    background-color: #A7CE83;
}

table.data-table.pl-green tbody tr:nth-child(even) {
    background-color: #b7e091;
}

table.data-table.pl-green tbody tr td {
    color: #111;
    border: 0 none transparent;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.3), -1px -1px 1px rgba(255,255,255,0.3);
}

table.data-table.pl-green tbody tr td:first-child {
    text-align: right;
}

table.data-table.pl-green tbody tr td a,
body.cms-page-view .col2-left-layout .col-main .std table.data-table.pl-green tbody tr td a,
body.cms-page-view .main-container .std table.data-table.pl-green tbody tr td a {
    color: #222;
    border-bottom: 1px dashed var(--color-green);
}

table.data-table.pl-green tbody tr td a:hover,
body.cms-page-view .col2-left-layout .col-main .std .data-table.pl-green tr td a:hover,
body.cms-page-view .main-container .std .data-table.pl-green tr td a:hover {
    color: #000;
    border-bottom: 1px dashed #000;
}

@media screen and (max-width: 767px) {
    
    table.data-table tbody th {
        padding: 10px 15px 5px 15px;
        text-align: left;
        border-bottom: 0px none transparent;
    }

    table.data-table tbody td {
        padding: 0px 15px 10px 15px;
        border-top: 0px none transparent;
    }
}

/* ------------------------------------------------ */

/* iToris Dynamic Option Extensions */

#itoris_dynamicproductoptions table.form-list:only-child, 
.itoris_dynamicproductoptions table.form-list:only-child {
    margin: 0 0 0 0 !important;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fieldset,
body:not(.is-builder) .itoris_dynamicproductoptions .fieldset {
    background: none transparent;
    margin: 0 0 1.5rem 0 !important;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fieldset,
body:not(.is-builder) .itoris_dynamicproductoptions .fieldset,
#product-options-wrapper .fieldset.fieldset-section {
    margin: 0;
    padding: 0;
    border: 0 none;
    border-radius: 0;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section .legend.section-title, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section .legend.section-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    float: none;
    padding: 1rem 4.5rem 1rem 4.5rem;
    margin: 0;
    min-height: 50px;
    max-height: 50px;
    line-height: normal;
    background-color: #EEE;
    border: 1px solid #EEE;
    border-bottom: 0px none;
    color: #333;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section .legend.section-title::before, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section .legend.section-title::before {
    content: "";
    background: #333;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 1.2rem;
    right: auto;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    order: 1;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section:nth-child(1) .legend.section-title::before, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section:nth-child(1) .legend.section-title::before {
    content: "1";
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section:nth-child(2) .legend.section-title::before, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section:nth-child(2) .legend.section-title::before {
    content: "2";
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section:nth-child(3) .legend.section-title::before, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section:nth-child(3) .legend.section-title::before {
    content: "3";
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section:nth-child(4) .legend.section-title::before, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section:nth-child(4) .legend.section-title::before {
    content: "4";
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section:nth-child(5) .legend.section-title::before, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section:nth-child(5) .legend.section-title::before {
    content: "5";
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section:nth-child(6) .legend.section-title::before, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section:nth-child(6) .legend.section-title::before {
    content: "6";
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset-section:nth-child(7) .legend.section-title::before, 
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset-section:nth-child(7) .legend.section-title::before {
    content: "7";
}

body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list {
    padding: 0;/* 2rem */
    margin: 0;
    box-sizing: border-box;
}

body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list > li.fields {
    
}

body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list > li.fields {
    margin-bottom: 0;
}

#itoris_dynamicproductoptions .fieldset .dpo_dd_list_preview,
.itoris_dynamicproductoptions .fieldset .dpo_dd_list_preview {
    width: 80px;
}

#itoris_dynamicproductoptions .fieldset table td, 
.itoris_dynamicproductoptions .fieldset table td {
    padding: 5px 0px 0px 0px;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table td,
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset table td {
    padding: 1rem 2rem 1rem 2rem !important;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table td.fabric-option-list,
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder .itoris_dynamicproductoptions .fieldset table td.fabric-option-list {
    padding-bottom: 2.5rem !important;
}

#itoris_dynamicproductoptions .dpo_dd_list,
.itoris_dynamicproductoptions .dpo_dd_list {
    max-height: 260px;/* 324px */
}

#itoris_dynamicproductoptions .fieldset .form-list div.field .dpo_dd_search {
    display: none;
}

/* start - hide custom option - .ecs_cd-hide */

body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions li.fields.ecs_cd-hide:not(.ecs_cd-disabled),
body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions tr.fields > td.ecs_cd-hide:not(.ecs_cd-disabled) {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0 !important;
    margin: 0  !important;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    background-color: #FFC;
}

body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions li.fields.ecs_cd-hide.ecs_cd-disabled .control,
body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions tr.fields > td.ecs_cd-hide.ecs_cd-disabled .control {
    position: relative;
}

body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions .fields.ecs_cd-hide.ecs_cd-disabled .control::before,
body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions tr.fields > td.ecs_cd-hide.ecs_cd-disabled .control::before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
    background: #FFF;
    z-index: 1;
}

body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions .fields.ecs_cd-hide.ecs_cd-disabled .control select,
body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions tr.fields > td.ecs_cd-hide.ecs_cd-disabled .control select {
    padding: 0;
    border: 0 none transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0;
    pointer-events: none;
}

body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions .fields.ecs_cd-hide.ecs_cd-disabled .control select::-ms-expand,
body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions tr.fields > td.ecs_cd-hide.ecs_cd-disabled .control select::-ms-expand {
    display: none;
}

body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions .fields.ecs_cd-hide.ecs_cd-disabled .control .dpo_dd_mask,
body:not(.is-builder):not(.is-builder-fake) #itoris_dynamicproductoptions tr.fields > td.ecs_cd-hide.ecs_cd-disabled .control .dpo_dd_mask {
    pointer-events: none;
}

/* end - hide custom option - .ecs_cd-hide */

body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list > li:only-of-type,
body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list > li:last-of-type,
body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
}

body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list li.fields .options-list {
    background: #FFF;
    margin-top: 0;
    padding: 0rem 1rem 1rem 0rem;
    padding-bottom: 0.5rem;
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 150px; */
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list/* :not(table) */ .fields .options-list.itoris-dynamicoptions-list-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
    gap: 1.2rem;
    padding: 0;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .form-list .fields .options-list.itoris-dynamicoptions-list-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 1.2rem;
    padding: 0;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .form-list .fields .hardware-option-list .options-list.itoris-dynamicoptions-list-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 1.2rem;
    padding: 0;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .form-list .fields .hardware-option-list.curtain-attachment-type .options-list.itoris-dynamicoptions-list-images {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .form-list .fields .fabric-option-list .options-list.itoris-dynamicoptions-list-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    gap: 1.2rem;
    padding: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list li.fields .options-list:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field,
body:not(.is-builder) .itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field {
    width: 100%;
    float: none;
    position: relative;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 > .fields > .field,
body:not(.is-builder) .itoris_dynamicproductoptions .form-list.option-fields-cols-1 > .fields > .field {
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #EEE;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions table.form-list tr.fields:nth-child(1) td > .field,
body:not(.is-builder) .product-options-wrapper #itoris_dynamicproductoptions ul.form-list li:last-of-type > .field {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields > .field:last-child select {
    /* margin-bottom: 0rem; */
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions table.form-list tr.fields:not(:nth-child(1)) td > .field {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 0;
    border-top: 1px solid #EEE;
    border-bottom: 0 none;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions div.fieldset:nth-child(1) table.form-list tr.fields:nth-child(2) td > .field {
    /* margin: 0;
    padding: 0;
    border-top: 0 none; */
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions table.form-list tr.fields.has-ecs_cd-hide:nth-child(1) + tr.fields:not(:nth-child(1)) td > .field {
    margin-top: 0;
    padding-top: 0;
    border-top: 0 none;
}

body:not(.is-builder) #itoris_dynamicproductoptions tr.fields td div.field,
body:not(.is-builder) #itoris_dynamicproductoptions li.fields div.field,
.itoris_slider_group .itoris_dynamicproductoptions div.field {
    margin: 0 0 1rem 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions li.fields:last-child > div.field {
    margin-bottom: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions table.form-list .fields > td > div.field > label {
    display: block;
    margin-top: 0rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list > .fields > .field > label {
    display: inline-block;
    margin-bottom: 0rem;
    line-height: 2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: -0.3px;
    font-weight: 500;
    color: #333;
}

body:not(.is-builder) #itoris_dynamicproductoptions .options-list label, 
body:not(.is-builder) .itoris_dynamicproductoptions .options-list label {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 0;
    width: auto;
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions .options-list:not(.itoris-dynamicoptions-list-images) label, 
body:not(.is-builder) .itoris_dynamicproductoptions .options-list:not(.itoris-dynamicoptions-list-images) label {
    display: flex;
    position: relative;
    top: 2px;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fields .field > label:not(.label) {
    display: inline-block;
    margin-bottom: 1.2rem;
    padding-top: 0.5rem;
    line-height: 2rem;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.3px;
    font-weight: 500;
    color: #444;
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list.itoris-dynamicoptions-list-images .radio + label,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list.itoris-dynamicoptions-list-images .checkbox + label {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    text-align: center;
    /* width: 90%; */
    height: 100%;
    padding-top: 5px;
    line-height: 1.5rem;
    font-size: 1.1rem;
    /*position: absolute;
    left: 1rem; */
    order: 2;
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list.itoris-dynamicoptions-list-images .radio + label,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list.itoris-dynamicoptions-list-images .checkbox + label {
    /* flex-direction: column; */
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields div.field .options-list.itoris-dynamicoptions-list-images .choice:hover label  {
    color: #333;
}

body:not(.is-builder) .product-options-wrapper #itoris_dynamicproductoptions .options-list label .price-notice/* ,
body:not(.is-builder) .product-options-wrapper:not(.table-based-options-not-builder) #itoris_dynamicproductoptions .options-list label .price-notice,
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .options-list label .price-notice */ {
    /* display: none; */
    color: #22603d;/* #0b5e0b green */
    font-size: 11px;
    position: relative;
    top: -1px;
}

body:not(.is-builder) #itoris_dynamicproductoptions .options-list label .price-notice {
    display: flex;
    flex-direction: row;
    justify-content: left;
    text-align: left;
    font-size: 11px;
    color: #22603d;
    margin-top: 0;
    padding-left: 0.5rem;
}

body:not(.is-builder) #itoris_dynamicproductoptions .options-list.itoris-dynamicoptions-list-images label .price-notice {
    margin-top: 3px;
    padding-left: 0;
    justify-content: center;
    text-align: center;
}

body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list > .fields > .field > label {
    margin-bottom: 1.3rem;
}

@media screen and (min-width: 768px) {

    body:not(.is-builder) #itoris_dynamicproductoptions ul.form-list > .fields > .field > label {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media screen and (max-width: 767px) {

    body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .form-list .fields .hardware-option-list.curtain-attachment-type .options-list.itoris-dynamicoptions-list-images {
        grid-template-columns: 1fr;
    }
    
}

body:not(.is-builder) #itoris_dynamicproductoptions li.fields div.field.dpo_swatch {
    margin: 0 0 0 0;/* 0 0 0.3rem 0 */
}

body:not(.is-builder) #itoris_dynamicproductoptions tr.fields td div.field .choice,
body:not(.is-builder) #itoris_dynamicproductoptions li.fields div.field .choice,
.itoris_slider_group .itoris_dynamicproductoptions div.field .choice {
    /*  display: flex;
    display: inline-flex;
    align-items: center; */
}

body:not(.is-builder) #itoris_dynamicproductoptions tr.fields td div.field .choice.dpo_swatch,
body:not(.is-builder) #itoris_dynamicproductoptions li.fields div.field .choice.dpo_swatch,
.itoris_slider_group .itoris_dynamicproductoptions div.field .choice.dpo_swatch {
    /*  display: flex; */
    display: inline-flex;
    align-items: center;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list/* :not(table) */ .fields div.field .options-list.itoris-dynamicoptions-list-images .choice {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin-bottom: 0px;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fields .fabric-option-list .field .options-list.itoris-dynamicoptions-list-images .choice {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin-bottom: 0px;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fields .field .options-list.itoris-dynamicoptions-list-images .choice,
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fields .hardware-option-list .field .options-list.itoris-dynamicoptions-list-images .choice {
    display: grid;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 0px;
}

body:not(.is-builder) #itoris_dynamicproductoptions li.fields div.field .options-list:not(.itoris-dynamicoptions-list-images) .choice {}

body:not(.is-builder) #itoris_dynamicproductoptions .control .note,
.itoris_dynamicproductoptions .control .note {
    margin-bottom: 0px;
}

body:not(.is-builder) #itoris_dynamicproductoptions button, 
body:not(.is-builder) #itoris_dynamicproductoptions input, 
body:not(.is-builder) #itoris_dynamicproductoptions select, 
body:not(.is-builder) #itoris_dynamicproductoptions textarea {
    color: #444;
}

body:not(.is-builder) #itoris_dynamicproductoptions select,
.itoris_dynamicproductoptions select {
    width: 100%;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list .field select {
    margin-bottom: 0;
    padding: 0.8rem;
    height: auto;
    border: 1px solid #DDD;
    cursor: pointer;
}

body.is-builder-fake #itoris_dynamicproductoptions .form-list .field select {
    margin-bottom: 1rem;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions select {
    /* margin-bottom: 0; */
}

body:not(.is-builder) #itoris_dynamicproductoptions select + .dpo_dd_mask {
    height: 38px !important;
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions table.form-list div.field div.itoris-dynamicoptions-thumbnail-color,
.itoris_slider_group .itoris_dynamicproductoptions .choice .itoris-dynamicoptions-thumbnail-color,
.itoris-dynamicoptions-thumbnail-color {
    width: 69px;
    height: 69px;
}

body:not(.is-builder) .fields .options-list.itoris-dynamicoptions-list-images input[type="radio"]:checked ~ label, 
body:not(.is-builder) .fields .options-list.itoris-dynamicoptions-list-images input[type="radio"]:checked ~ label:hover, 
body:not(.is-builder) .fields .options-list.itoris-dynamicoptions-list-images input[type="checkbox"]:checked ~ label,
body:not(.is-builder) .fields .options-list.itoris-dynamicoptions-list-images input[type="checkbox"]:checked ~ label:hover {
    color: #196597;
}

.dpo_swatch .itoris-dynamicoptions-thumbnail-image {
    /* max-height: 69px; */
}

.itoris-dynamicoptions-list-images > div.dpo_swatch > img,
.itoris-dynamicoptions-list-images > div.dpo_swatch > .itoris-dynamicoptions-thumbnail-color,
.itoris-dynamicoptions-list-images > div.dpo_swatch > .itoris-dynamicoptions-swatch_html {
    box-sizing: border-box;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field .control div:not(.dpo_swatch) input[type="radio"] {
    position: relative;
    top: 1px;
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .fields .control .options-list.itoris-dynamicoptions-list-images input[type="radio"],
body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .fields .control .options-list.itoris-dynamicoptions-list-images input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    left: 15px;
    top: 3px;
    opacity: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field .control div.dpo_swatch input[type="radio"] {
    position: absolute;
    top: 0;
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field .control div:not(.dpo_swatch) input[type="checkbox"] {
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field .control div.dpo_swatch input[type="checkbox"] {
    cursor: pointer;
}

body:not(.is-builder) .itoris-dynamicoptions-list-images div:not(.dpo_swatch) img.itoris-dynamicoptions-thumbnail-image {
    max-width: 40%;
    margin-left: 1rem;
    margin-top: 1rem;
}

body:not(.is-builder) .fields .options-list.itoris-dynamicoptions-list-images img.itoris-dynamicoptions-thumbnail-image {
    /* max-width: 100%; */
    order: 1;
    margin: 0;
    padding: 0;
    max-width: 88px;
    margin: 0 auto;
    width: auto;
    height: auto;
    order: 0;
    box-sizing: border-box;
    cursor: pointer;
}

body:not(.is-builder) .fields .hardware-option-list .options-list.itoris-dynamicoptions-list-images img.itoris-dynamicoptions-thumbnail-image {
    max-width: 100px;
}

body:not(.is-builder) .fields .hardware-option-list.curtain-attachment-type .options-list.itoris-dynamicoptions-list-images img.itoris-dynamicoptions-thumbnail-image {
    max-width: 100%;
}

body:not(.is-builder) .fields .fabric-option-list .options-list.itoris-dynamicoptions-list-images img.itoris-dynamicoptions-thumbnail-image {
    max-width: 79px;
}

body:not(.is-builder) .fields .options-list.itoris-dynamicoptions-list-images input[type="radio"]:checked ~ img.itoris-dynamicoptions-thumbnail-image,
body:not(.is-builder) .fields .options-list.itoris-dynamicoptions-list-images input[type="checkbox"]:checked ~ img.itoris-dynamicoptions-thumbnail-image {
    outline: 3px solid #349ADC;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    padding: 1px;
}

body:not(.is-builder) #itoris_dynamicproductoptions .standard-size-curtain-box {
    padding-bottom: 2rem;
    padding-top: 0.5rem;
    padding-left: 2rem;
}

body:not(.is-builder) #itoris_dynamicproductoptions .standard-size-curtain-box .standard-size-curtain-link {
    font-weight: 400;
}

/* --------- */

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options .option-wrapper {
    margin-bottom: 0.5rem;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options .option-wrapper dd.values > span > img {
    width: 40px;
    height: 40px;
}

body.checkout-cart-index .item-options img {
    max-width: 70px !important;
    margin-right: 1rem;
    float: left;
    order: -1;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    .cart.table-wrapper .product-item-photo {
        display: inline-block;
        padding-right: 1rem;
        padding-bottom: 1rem;
        width: auto;
      }

    .cart.table-wrapper .product-item-details {
        display: inline-block;
        width: auto;
    }

    .cart.table-wrapper .item-options dt {
        margin-right: 0;
    }

    body.checkout-cart-index .item-options img {
        /* margin-right: 0;
        float: none; */
    }
}

/* ------------------------------- */

/* content formatting styles */

.content-inner p + img,
.am-content p + img {
    width: 100%;
}

.content-inner img.no-img-fit,
.am-content img.no-img-fit,
.content-inner p + img.no-img-fit,
.am-content p + img.no-img-fit {
    width: auto;
    height: auto;
}

img.photo-border,
.content-inner figure img,
.am-content figure img,
.blog-products > div img,
.amblog-post .am-content .blog-products > div > a > img,
.amblog-post .am-content .blog-products > div > img,
.column.main .gallery-page.gallery-album img {
    padding: 1rem !important;
    border: 1px solid #DDD !important;
    box-sizing: border-box;
}

.column.main .gallery-page.gallery-album img.icon {
    padding: 0 !important;
    border: 0 none !important;
}

.column.main .gallery-page.gallery-album .product-item > .product-item-info:hover img {
    border: 1px solid transparent !important;
}

.content-inner figure.no-border img,
.am-content figure.no-border img,
.content-inner img.no-border,
.am-content img.no-border,
html .amblog-post .am-content [class*="grid-"].no-border > div img,
html .amblog-post .am-content [class*="grid-"] > div img.no-border,
html .content-inner [class*="grid-"].no-border > div img,
html .content-inner [class*="grid-"] > div img.no-border,
.column.main .gallery-page.gallery-album [class*="grid-"].no-border > div img,
.column.main .gallery-page.gallery-album [class*="grid-"] > div img.no-border {
    border: 0px none transparent !important;
    padding: 0 !important;
}

.aside-img,
.aside-text,
figure {
    max-width: 40%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

figure.smaller {
    max-width: 22%;
}

.aside-img {
    box-sizing: border-box;
    max-width: 40%;
}

.aside-text {
    box-sizing: border-box;
}

figure.aside-text.aside-full,
figure.aside-img.aside-full {
    max-width: 100%;
}

figure.aside-img.aside-full {
    margin-bottom: 2rem;
}

.aside-img.align-center,
.aside-text.align-center,
figure.align-center {
    float: none;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
}

.aside-img.align-right,
.aside-text.align-right,
figure.align-right {
    float: right;
    margin-bottom: 2rem;
    margin-right: 0;
    margin-left: 2rem;
}

.aside-img.align-left,
.aside-text.align-left,
figure.align-left {
    float: left;
    margin-bottom: 2rem;
    margin-right: 2rem;
    margin-left: 0;
}

.jonny-grid [class*="grid_"] picture img:not(.aside-img) {
    width: auto;
    margin: 0 auto;
}

@media screen and (min-width: 1170px) {
    .aside-img.thirty {
      max-width: 30.5%;
    }
}

@media screen and (max-width: 767px) {

    /* 639px */
    .aside-img,
    .aside-text,
    figure {
        max-width: 60%;
        margin: 1rem auto;
    }

    figure.smaller {
        max-width: 50%;
    }

    .content-inner figure img,
    .amblog-post .am-content figure img {
        width: auto;
        max-height: 300px;
    }

    .aside-img.align-center,
    .aside-text.align-center,
    figure.align-center {
        float: none;
        text-align: center;
        margin: 1rem auto;
    }

    .aside-img.align-right,
    .aside-text.align-right,
    figure.align-right {
        float: none;
        text-align: center;
        margin: 1rem auto;
    }

    .aside-img.align-left,
    .aside-text.align-left,
    figure.align-left {
        float: none;
        text-align: center;
        margin: 1rem auto;
    }
}

@media screen and (max-width: 420px) {

    .content-inner figure img,
    .amblog-post .am-content figure img {
        width: auto;
    }
}

.aside-text.align-right {
    border-left: 6px solid #CCC;
}

.aside-text.align-left {
    border-right: 6px solid #CCC;
}

figure.border-none img,
.border-none img {
    border: 0 none !important; 
    padding: 0 !important;
}

.aside-text p {
    margin: 1rem;
    padding: 0;
    font-style: italic;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #29627e;
}

.aside-text p::before {
    content: "";
}

.aside-text p span {
    font-style: italic;
    font-weight: normal;
    display: block;
}

.content-inner img.full-img,
.amblog-post .am-content img.full-img {
    width: 100%;
    border: 1px solid #DDD;
    padding: 10px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
}

figure figcaption,
.aside-img figcaption,
.aside-img figcaption a {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-decoration: none;
}

figure figcaption,
.aside-img figcaption {
    color: #555;
    line-height: 1.6;
    text-align: center;
}

.aside-full figcaption,
.aside-text.aside-full figcaption,
.aside-img.aside-full figcaption {
    text-align: left;
}

.aside-img figcaption a,
.aside-text.aside-full figcaption a,
.aside-img.aside-full figcaption a {
    text-decoration: underline;
    letter-spacing: 0.5px;
    text-align: left;
}

blockquote,
.amblog-post .am-content blockquote {
    position: relative;
    margin: 1rem 0px 1.5rem;
    padding: 1em 10px;
    background: #f9f9f9;
    border-left: 6px solid #FE5501;
    quotes: "\201C" "\201D" "\2018" "\2019";
    color: #777;
    font-size: 1.3rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

blockquote p,
.amblog-post .am-content blockquote p {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
}

blockquote span,
.amblog-post .am-content blockquote span {
    font-style: italic;
    font-weight: normal;
    display: block;
    margin-left: 1rem;
}

blockquote p::before,
.amblog-post .am-content blockquote p::before {
    color: #BBB;
    content: '"';
    font-size: 2.8em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

/* blog products grid */

.amblog-post .am-content [class*="grid-"] {
    padding: 2rem 0 1rem 0;
    clear: both;
    box-sizing: border-box;
}

body.cms-home .content-inner .grid {
    margin-left: 10px;
    margin-right: 10px;
}

.amblog-post .am-content [class*="grid-"]::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.blog-products > div > a,
.blog-products > div > img {
    box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
    .blog-products > div {
        flex-basis: 50%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0.5rem;
        width: 100%;
    }
}

.amblog-post .am-content [class*="grid-"] > div a {
    display: inline-block;
    box-sizing: border-box;
}

.content-inner .grid > div a {
    display: inline;
}

.content-inner .grid- > div a[class*="button"] {
    display: inline-block;
}

.content-inner .grid + h2 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.content-inner .grid > div h3 {
    margin-top: 0;
}

.content-inner .grid > div p {}

.content-inner .grid > div small a {
    display: inline;
}

.amblog-post .am-content [class*="grid-"] > div img {
    display: block !important;
    border: 0 none;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 1rem !important;
    border: 1px solid #DDD !important;
    box-sizing: border-box;
}

.content-inner .grid > div img.align-right,
.content-inner .grid > div img.align-left {
    width: 50%;
    max-width: unset;
}

.content-inner .grid > div img.align-right {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

.content-inner .grid > div img.align-left {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

@media screen and (max-width: 600px) {
    .content-inner .grid > div img.align-right {
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 2rem !important;
        width: 100%;
    }

    .content-inner .grid > div img.align-left {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 2rem !important;
        width: 100%;
    }
}

.amblog-post .am-content [class*="grid-"] > div img {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.content-inner .grid > div img {
    padding: 0rem !important;
    border: 0px none transparent !important;
}

.amblog-post .am-content [class*="grid-"] > div span {
    display: block;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* widget product list - widget product grid */

.widget .products-grid.grid ol[class*="grid-"] {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    margin: 0 1rem;
    list-style-type: none;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col {
    flex-basis: 100%;
    margin: 0;
    padding: 1rem;
    border: 1px solid #FFF;
    box-sizing: border-box;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col:hover {
    border-color: #DDD;
}

.widget .products-grid.grid ol[class*="grid-"] > li .col-content {
    padding: 0rem;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-link {
    display: block;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400;
    text-align: center;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col .price-box {
    text-align: center;
    pointer-events: none;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col:hover .price-box {
    opacity: 1;
    pointer-events: auto;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col .product-image-wrapper {
    padding-bottom: 0 !important;
    overflow: visible;
    height: auto;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col img.image {
    position: static;
    padding: 1rem;
    border: 1px solid #DDD;
    box-sizing: border-box;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col:hover img.image {
    border-color: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-actions {
    margin: 10px 0 10px;
    padding: 0 1rem;
    text-align: center;
    opacity: 0;
    pointer-events: none;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col:hover .product-item-actions {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 0;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-actions .actions-primary {
    display: block;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-actions .actions-primary button {
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 500;
}

@media screen and (max-width: 767px) {

    .widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-actions,
    .widget .products-grid.grid ol[class*="grid-"] > li.col:hover .product-item-actions {
        display: block;
        opacity: 1;
        pointer-events: auto;
        padding: 0;
    }

    .widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-actions .actions-primary button span {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-actions .actions-primary button span::before {
        font-size: 1.3rem;
        font-weight: 400;
    }
}

/* CMS - product list - CHAD ADD FOR https://test2.patiolane.com/top-products-by-category.html */

.product-promotion-list .block-products-list .block-title {
    display: block;
    width: 100%;
    margin: 0 0 2rem;
    text-align: center;
    border-top: 6px solid #EEE;
    padding-top: 2rem;
}

/* CMS custom cushion calculator styles */

body.cms-page-view .calc-render-trigger.action {
    display: inline-block;
    text-decoration: underline;
}

body.cms-page-view #calc-render .form_container h3 {
    font-size: 1.7rem;
    line-height: 1.4;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 2rem;
    text-align: center;
    margin-top: 0;
}

/* ----------- */

@media screen and (min-width: 768px) {
    .page-layout-1column.page-with-filter .column.main {
        padding-top: 0;
    }

    .product-promotion-list > div:nth-child(even) {}

    .product-promotion-list .block-products-list .block-title strong {
        font-size: 2.3rem;
        font-weight: 500;
    }

    .product-promotion-list .block-products-list li.product-item .product-item-actions {
        opacity: 0;
    }

    .product-promotion-list .block-products-list li.product-item:hover .product-item-actions {
        opacity: 1;
    }

    .product-promotion-list .block-products-list li.product-item .product-item-actions:after {
        clear: both;
        content: ' ';
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
        width: 0;
    }
}

@media screen and (max-width: 767px) {
    .product-promotion-list .block-products-list .block-title strong {
        font-size: 1.7rem;
    }

    .product-item-name > a,
    .product.name a > a {
        /* font-size: 1.2rem; */
        line-height: 1.8rem;
        display: block;
    }
}

/* IE11 notice */

html:not(.ie11) #ie11-notice-box {
    display: none;
}

html.ie11 #ie11-notice-box {
    opacity: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.99);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
}

html.ie11 #ie11-notice-box {
    opacity: 1;
    transition: opacity 1s 3s;
}

html.ie11 #ie11-notice {
    background: url("../images/IE11-browser-notice.png") no-repeat 50% 50% #EEE;
    border: 20px solid #FAFAFA;
    width: 399px;
    height: 287px;
    margin-top: -123px;
    margin-left: -179px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

html.ie11 #ie11-notice #firefox {
    background: none transparent;
    border: none;
    width: 86px;
    height: 80px;
    position: absolute;
    top: 155px;
    left: 64px;
    z-index: 1;
    text-indent: -9999999999px;
}

html.ie11 #ie11-notice #chrome {
    background: none transparent;
    border: none;
    width: 86px;
    height: 80px;
    position: absolute;
    top: 155px;
    right: 64px;
    z-index: 1;
    text-indent: -9999999999px;
}

/* --------------------- */

/* mage error */

.field-error,
div.mage-error[generated] {
    font-size: 11px;
}

.product-options-wrapper.table-based-options-not-builder .field-error,
.product-options-wrapper.table-based-options-not-builder .div.mage-error[generated] {
    font-size: 13px;
    font-weight: 500;
}

body.catalog-product-view .field-error,
body.catalog-product-view div.mage-error[generated] {
    display: block;
    clear: both;
    width: 100%;
    margin-bottom: 3rem;
    line-height: 1.6rem;
    position: absolute;
}

body.catalog-product-view:not(.is-builder) div.mage-error[generated],
body.page-product-grouped:not(.is-builder) div.mage-error[generated] {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 0.5rem;
    line-height: 1.6rem;
    position: static;
    padding: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.2rem;
    background: #ffcfcf;
    width: max-content;
}

body.catalog-product-view:not(.is-builder):not(.page-product-grouped) div.mage-error[generated] {
    position: absolute;
    top: -6rem;
}

body.catalog-product-view .fieldset.has-qty-greater-than-1 .field-error,
body.catalog-product-view .fieldset.has-qty-greater-than-1 div.mage-error[generated] {
    width: max-content;
    top: -63px;
    font-size: 1.2rem;
    font-weight: 600;
}

#itoris_dynamicproductoptions .mage-error {
    position: relative;
    margin-bottom: 1rem;
    margin-top: 0;
    padding-top: 1rem;
}

body:not(.is-builder) #itoris_dynamicproductoptions .mage-error {
    position: relative;
    top: 1rem;
    margin-bottom: 1rem;
    margin-top: 0;
    padding-top: 1rem;
    box-sizing: border-box;
}

/* -----------------------------------------------------
 catgory filter - faceted search
-----------------------------------------------------*/

/* filter primary color swatches  */

/* body:not(.filter-active) .filter .filter-options-content .primary-color-filter .items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
} */

/* ------- */

/* 
.filter .filter-options-content .primary-color-filter .items {
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

.filter .filter-options-content .primary-color-filter.ready .items{
    opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s; 
}*/

/* .filter .filter-options-item.active .filter-options-content .primary-color-filter {
    min-height: 150px;
}

.filter .filter-options-item.active .filter-options-content .primary-color-filter.almost-ready {
    background: url("../images/loading-animated-square-54.gif") no-repeat 50% 41% transparent;
}

.filter .filter-options-item.active .filter-options-content .primary-color-filter.ready {
    background: none transparent;
    min-height: 150px;
}

.filter .filter-options-content .primary-color-filter.almost-ready .items {
    opacity: 0.3;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s; 
} 

.filter .filter-options-content .primary-color-filter .items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(53px, 1fr));
    grid-gap: 0.5rem;
    opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s; 
} 

.filter .filter-options-content .primary-color-filter .item {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filter .filter-options-content .primary-color-filter .item > span {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    font-weight: 300;
    letter-spacing: 0.5px;
    font-size: 1.05rem;
    text-align: center;
    color: inherit;
}

.filter .filter-options-content .primary-color-filter .item > span input[type="checkbox"] {
    opacity: 1;
    position: absolute;
    left: 0;
    z-index: 1;
}

.filter .filter-options-content .primary-color-filter .item > span label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 1rem 5px;
    border: 3px solid rgba(255,255,255, 0.3);
    background-color: inherit;
    -webkit-transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    cursor: pointer;
    box-sizing: border-box;
}

.filter .filter-options-content .primary-color-filter .items .item > span:hover label {
    border-color: rgba(255,255,255, 0.3);
    -webkit-transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
}

.filter .filter-options-content .primary-color-filter .item.is-selected > span label {
    
}

.filter .filter-options-content .primary-color-filter .item.aqua > span label {
    background-color: #25AA94;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.beige > span label {
    background-color: #F4ECC6;
    color: #222;
    border-color: rgba(0,0,0, 0.2);
}

.filter .filter-options-content .primary-color-filter .item.black > span label {
    background-color: #000;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.blue > span label {
    background-color: #0C4F9B;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.brown > span label {
    background-color: #704B32;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.green > span label {
    background-color: #25AA39;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.grey > span label {
    background-color: #C6C6C4;
    color: #111;
}

.filter .filter-options-content .primary-color-filter .item.multi > span label {
    background: -webkit-linear-gradient(to top, red, red, orange, yellow, green, blue, indigo);
    background: linear-gradient(to top, red, red, orange, yellow, green, blue, indigo);
    color: #000;
    text-shadow: 1px 1px 3px #FFFFFF, 1px 1px 3px #FFFFFF, -1px -1px 3px #FFFFFF, -1px -1px 3px #FFFFFF, 1px 1px 3px #FFFFFF, 1px 1px 3px #FFFFFF, -1px -1px 3px #FFFFFF, -1px -1px 3px #FFFFFF;
}

.filter .filter-options-content .primary-color-filter .item.navy > span label {
    background-color: #000080;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.orange > span label {
    background-color: #F77707;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.pink > span label {
    background-color: #FCA9FC;
    color: #111;
}

.filter .filter-options-content .primary-color-filter .item.purple > span label {
    background-color: #9812E5;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.red > span label {
    background-color: #E21714;
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.tan > span label {
    background-color: #D2B48C;
    color: #111;
}

.filter .filter-options-content .primary-color-filter .item.white > span label {
    background-color: #FFF;
    color: #333;
    border-color: rgba(0,0,0, 0.2);
}

.filter .filter-options-content .primary-color-filter .item.yellow > span label {
    background-color: #F7E600;
    color: #111;
} */

/* --------------------------------------------------- */
/* catgory page filter - filter primary color swatches  */

/* body:not(.filter-active) .filter .filter-options-content .primary-color-filter-2col .items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
} */

/* ------- */

/* .filter .filter-options-item .filter-options-content .primary-color-filter {
    padding: 0;
}

.filter .filter-options-item.active .filter-options-content .primary-color-filter {
    min-height: 150px;
    position: relative;
}

.sidebar .filter-options .filter-options-content .primary-color-filter .item > span label::after,
.sidebar .filter-options .filter-options-content .primary-color-filter .item > span input:checked + label::after {
    content: none;
}

.filter .filter-options-item.active .filter-options-content .primary-color-filter.almost-ready {
    
}

.filter .filter-options-item.active .filter-options-content .primary-color-filter.almost-ready::after {
    content: "";
    display: block;
    width: 3rem;
    height: 3rem;
    border: 8px solid #FFF;
    border-top-color: rgb(255, 255, 255);
    border-top-color: var(--color-blue);
    border-radius: 50%;
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: loading 0.6s linear infinite;
    animation: loading 0.6s linear infinite;
  }

.filter .filter-options-item.active .filter-options-content .primary-color-filter.ready {
    background: none transparent;
    min-height: 150px;
}

.filter .filter-options-content .primary-color-filter.almost-ready .items {
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
} 

.filter .filter-options-content .primary-color-filter .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

.filter .filter-options-content .primary-color-filter .item {
    border: 0 none;
    padding: 0;
}

.filter .filter-options-content .primary-color-filter .item > span {
    display: block;
    margin: 3px 0 0 0;
    padding: 0;
    border: 0 none;
    position: relative;
    width: 4rem;
    height: 4rem;
    font-weight: 300;
    font-size: 1.05rem;
    letter-spacing: 0.5px;
    text-align: center;
    color: inherit;
    box-shadow: 0 0 0 1px #BBB inset;
    border-radius: 50%;
    background-color: #FFF !important;
}

.filter .filter-options-content .primary-color-filter .item > span input[type="checkbox"] {
    opacity: 1;
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
}

.filter .filter-options-content .primary-color-filter .item > span label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    padding: 3px;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 50%;
    background-color: #FFF !important;
    -webkit-transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}

.filter .filter-options-content .primary-color-filter .items .item > span:hover label {
    border-color: rgba(255,255,255, 0.3);
    -webkit-transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
}

.filter .filter-options-content .primary-color-filter .item.is-selected > span label {
    
}

.filter .filter-options-content .primary-color-filter .item.is-selected > span label,
.sidebar .filter-options .filter-options-content .primary-color-filter .item > span input:checked + label,
.filter .filter-options-content .primary-color-filter .items .item > span label:hover {
    border-color: rgba(0,0,0,0.7);
}

.filter .filter-options-content .primary-color-filter .item.is-selected > span label::before,
.sidebar .filter-options .filter-options-content .primary-color-filter .item > span input + label::before {
    content: none;
}

.filter .filter-options-content .primary-color-filter .item > span label > span {
    font-size: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid transparent;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.filter .filter-options-content .primary-color-filter .item > span label > span.count {
    display: none !important;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.filter .filter-options-content .primary-color-filter .item > span label > span.count::before,
.filter .filter-options-content .primary-color-filter .item > span label > span.count::after {
    content: none;
}

.sidebar .filter-options .filter-options-content .primary-color-filter .item > span input:checked + label span,
.filter .filter-options-content .primary-color-filter .items .item > span label:hover span {
    border: 3px solid #FFF;
}

.filter .filter-current li.item span.filter-value {
    color: var(--color-text) !important;
    line-height: 2.3rem;
}

.filter .filter-current li.item.primary-color span.filter-value::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #DDD;
    margin-left: 0.6rem;
    display: inline-block;
    position: relative;
    top: 4px;
}

.filter .filter-options-content .primary-color-filter .item.aqua > span label,
.filter .filter-options-content .primary-color-filter .item.aqua > span label span,
.filter .filter-current li.item span.filter-value.aqua::after {
    background-color: #25AA94;
    color: #FFF;
    border-color: #25AA94;
}

.filter .filter-options-content .primary-color-filter .item.beige > span label,
.filter .filter-options-content .primary-color-filter .item.beige > span label span,
.filter .filter-current li.item span.filter-value.beige::after {
    background-color: #F4ECC6;
    color: #222;
    border-color: #F4ECC6;
}

.filter .filter-options-content .primary-color-filter .item.black > span label,
.filter .filter-options-content .primary-color-filter .item.black > span label span,
.filter .filter-current li.item span.filter-value.black::after {
    background-color: #000;
    color: #FFF;
    border-color: #000;
}

.filter .filter-options-content .primary-color-filter .item.blue > span label,
.filter .filter-options-content .primary-color-filter .item.blue > span label span,
.filter .filter-current li.item span.filter-value.blue::after {
    background-color: #0C4F9B;
    color: #FFF;
    border-color: #0C4F9B;
}

.filter .filter-options-content .primary-color-filter .item.brown > span label,
.filter .filter-options-content .primary-color-filter .item.brown > span label span,
.filter .filter-current li.item span.filter-value.brown::after {
    background-color: #704B32;
    color: #FFF;
    border-color: #704B32;
}

.filter .filter-options-content .primary-color-filter .item.green > span label,
.filter .filter-options-content .primary-color-filter .item.green > span label span,
.filter .filter-current li.item span.filter-value.green::after {
    background-color: #25AA39;
    color: #FFF;
    border-color: #25AA39;
}

.filter .filter-options-content .primary-color-filter .item.grey > span label,
.filter .filter-options-content .primary-color-filter .item.grey > span label span,
.filter .filter-current li.item span.filter-value.grey::after {
    background-color: #C6C6C4;
    color: #111;
    border-color: #C6C6C4;
}

.filter .filter-options-content .primary-color-filter .item.multi > span label,
.filter .filter-options-content .primary-color-filter .item.multi > span label span,
.filter .filter-current li.item span.filter-value.multi::after {
    background: -webkit-linear-gradient(to top, red, red, orange, yellow, green, blue, indigo);
    background: linear-gradient(to top, red, red, orange, yellow, green, blue, indigo);
    color: #000;
    text-shadow: 1px 1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF;
    border-color: rgba(0,0,0,0);
}

.filter .filter-options-content .primary-color-filter .item.navy > span label, 
.filter .filter-options-content .primary-color-filter .item.navy > span label span,
.filter .filter-current li.item span.filter-value.navy::after {
    background-color: #000080;
    color: #FFF;
    border-color: #000080;
}

.filter .filter-options-content .primary-color-filter .item.orange > span label,
.filter .filter-options-content .primary-color-filter .item.orange > span label span,
.filter .filter-current li.item span.filter-value.orange::after {
    background-color: #F77707;
    color: #FFF;
    border-color: #F77707;
}

.filter .filter-options-content .primary-color-filter .item.pink > span label,
.filter .filter-options-content .primary-color-filter .item.pink > span label span,
.filter .filter-current li.item span.filter-value.pink::after {
    background-color: var(--color-pink);
    color: #111;
    border-color: var(--color-pink);
}

.filter .filter-options-content .primary-color-filter .item.purple > span label,
.filter .filter-options-content .primary-color-filter .item.purple > span label span,
.filter .filter-current li.item span.filter-value.purple::after {
    background-color: #9812E5;
    color: #FFF;
    border-color: #9812E5;
}

.filter .filter-options-content .primary-color-filter .item.red > span label,
.filter .filter-options-content .primary-color-filter .item.red > span label span,
.filter .filter-current li.item span.filter-value.red::after {
    background-color: #E21714;
    color: #FFF;
    border-color: #E21714;
}

.filter .filter-options-content .primary-color-filter .item.tan > span label,
.filter .filter-options-content .primary-color-filter .item.tan > span label span,
.filter .filter-current li.item span.filter-value.tan::after {
    background-color: #D2B48C;
    color: #111;
    border-color: #D2B48C;
}

.filter .filter-options-content .primary-color-filter .item.white > span label,
.filter .filter-options-content .primary-color-filter .item.white > span label span,
.filter .filter-current li.item span.filter-value.white::before {
    background-color: #FFF;
    color: #333;
}

.filter .filter-options-content .primary-color-filter .item.yellow > span label,
.filter .filter-options-content .primary-color-filter .item.yellow > span label span,
.filter .filter-current li.item span.filter-value.yellow::after {
    background-color: #F7E600;
    color: #111;
    border-color: #F7E600;
}

@media screen and (min-width: 1450px) {

    .filter .filter-options-content .primary-color-filter .items {
        grid-template-columns: repeat(5, 1fr);
        gap: 0.5rem;
    }
}

@media screen and (min-width: 1280px) {

    .filter .filter-options-item.active .filter-options-content .primary-color-filter.ready {
        min-height: 100px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .filter .filter-options-content .primary-color-filter .items {
        grid-template-columns: repeat(5, 1fr);
        gap: 0.5rem;
    }
    
    .filter .filter-options-content .primary-color-filter .item {
        border: 0 none;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1280px) {
    

}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    
    
} */

/* catgory page filter - filter primary color swatches  */

.filter .filter-options-item .filter-options-content .primary-color-filter {
    padding: 0;
}

.filter .filter-options-item.active .filter-options-content .primary-color-filter {
    min-height: 150px;
    position: relative;
    padding: 0 1rem;
}

.sidebar .filter-options .filter-options-content .primary-color-filter .item > span label::after,
.sidebar .filter-options .filter-options-content .primary-color-filter .item > span input:checked + label::after {
    content: none;
}

.filter .filter-options-item.active .filter-options-content .primary-color-filter.almost-ready {
    /* background: url("../images/loading-animated-square-54-blue.gif") no-repeat 50% 41% transparent; */
}

.filter .filter-options-item.active .filter-options-content .primary-color-filter.almost-ready::after {
    content: "";
    display: block;
    width: 3rem;
    height: 3rem;
    border: 8px solid #FFF;
    border-top-color: rgb(255, 255, 255);
    border-top-color: var(--color-purple);/* #349ADC */
    border-radius: 50%;
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: loading 0.6s linear infinite;
    animation: loading 0.6s linear infinite;
  }

.filter .filter-options-item.active .filter-options-content .primary-color-filter.ready {
    background: none transparent;
    min-height: 150px;
}

.filter .filter-options-content .primary-color-filter.almost-ready .items {
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
} 

.filter .filter-options-content .primary-color-filter .items {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.5rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

.filter .filter-options-content .primary-color-filter .item > span {
    display: block;
    margin: 3px 0 2rem 0;/* 3px 0 0 0 */
    padding: 0;
    border: 0 none;
    position: relative;
    width: 4rem;
    height: 4rem;
    font-weight: 300;
    font-size: 1.05rem;
    letter-spacing: 0.5px;
    text-align: center;
    color: inherit;
    box-shadow: 0 0 0 1px #BBB inset;
    /* border: 1px solid #DDD; */
    border-radius: 2px;
    background-color: #FFF !important;
}

.filter .filter-options-content .primary-color-filter .item > span input[type="checkbox"] {
    opacity: 1;
    position: absolute;
    left: 0;
    z-index: 1;
}

.filter .filter-options-content .primary-color-filter .item > span label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    padding: 3px;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 3px;
    /* background-color: #FFF !important; */
    -webkit-transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}

.filter .filter-options-content .primary-color-filter .items .item > span:hover label {
    border-color: rgba(255,255,255, 0.3);
    -webkit-transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
    transition: border-color 0.7s 0s, box-shadow 0.7s 0s;
}

.filter .filter-options-content .primary-color-filter .item.is-selected > span label {
    
}

.filter .filter-options-content .primary-color-filter .item.is-selected > span label,
.sidebar .filter-options .filter-options-content .primary-color-filter .item > span input:checked + label,
.filter .filter-options-content .primary-color-filter .items .item > span label:hover {
    border-color: rgba(0,0,0,0.7);
    /* box-shadow: 0 0 3px 1px #0a62a6; */
}

.filter .filter-options-content .primary-color-filter .item.is-selected > span label::before,
.sidebar .filter-options .filter-options-content .primary-color-filter .item > span input + label::before {
    content: none;
}

.filter .filter-options-content .primary-color-filter .item > span label > span {
    font-size: 0;
    width: 100%;
    height: 3rem;
    border-radius: 2px;
    border: 3px solid transparent;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.filter .filter-options-content .primary-color-filter .item > span label span:nth-child(1) {
    background: none transparent  !important;
    text-shadow: none !important;
    color: #555 !important;
    border: none !important;
    font-size: 1.1rem !important;
    letter-spacing: 0;
    bottom: -3rem;
    top: auto !important;
    left: 0 !important;
    padding: 0;
    margin: 0;
}

.filter .filter-options-content .primary-color-filter .item:hover > span label span:nth-child(1) {
    color: #111 !important;
}

.filter .filter-options-content .primary-color-filter .item > span label > span.count {
    /* display: none !important; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.filter .filter-options-content .primary-color-filter .item > span label > span.count::before,
.filter .filter-options-content .primary-color-filter .item > span label > span.count::after {
    content: none;
}

.sidebar .filter-options .filter-options-content .primary-color-filter .item > span input:checked + label span,
.filter .filter-options-content .primary-color-filter .items .item > span label:hover span {
    border: 3px solid #FFF;
}

.filter .filter-current li.item span.filter-value {
    color: var(--color-text) !important;
    line-height: 2.3rem;
}

.filter .filter-current li.item.primary-color span.filter-value::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #DDD;
    margin-left: 0.6rem;
    display: inline-block;
    position: relative;
    top: 4px;
}

.filter .filter-options-content .primary-color-filter .item.aqua > span label,
.filter .filter-options-content .primary-color-filter .item.aqua > span label span,
.filter .filter-current li.item span.filter-value.aqua::after {
    background-color: #25AA94;
    color: #FFF;
    border-color: #25AA94;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.aqua > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.beige > span label,
.filter .filter-options-content .primary-color-filter .item.beige > span label span,
.filter .filter-current li.item span.filter-value.beige::after {
    background-color: #F4ECC6;
    color: #222;
    border-color: #F4ECC6;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.beige > span label:hover span {
    color: #222;
}

.filter .filter-options-content .primary-color-filter .item.black > span label,
.filter .filter-options-content .primary-color-filter .item.black > span label span,
.filter .filter-current li.item span.filter-value.black::after {
    background-color: #000;
    color: #FFF;
    border-color: #000;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.black > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.blue > span label,
.filter .filter-options-content .primary-color-filter .item.blue > span label span,
.filter .filter-current li.item span.filter-value.blue::after {
    background-color: #0C4F9B;
    color: #FFF;
    border-color: #0C4F9B;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.blue > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.brown > span label,
.filter .filter-options-content .primary-color-filter .item.brown > span label span,
.filter .filter-current li.item span.filter-value.brown::after {
    background-color: #704B32;
    color: #FFF;
    border-color: #704B32;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.brown > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.green > span label,
.filter .filter-options-content .primary-color-filter .item.green > span label span,
.filter .filter-current li.item span.filter-value.green::after {
    background-color: #25AA39;
    color: #FFF;
    border-color: #25AA39;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.green > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.grey > span label,
.filter .filter-options-content .primary-color-filter .item.grey > span label span,
.filter .filter-current li.item span.filter-value.grey::after {
    background-color: #C6C6C4;
    color: #111;
    border-color: #C6C6C4;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.grey > span label:hover span {
    color: #111;
}

.filter .filter-options-content .primary-color-filter .item.multi > span label,
.filter .filter-options-content .primary-color-filter .item.multi > span label span,
.filter .filter-current li.item span.filter-value.multi::after {
    background: -webkit-linear-gradient(to top, red, red, orange, yellow, green, blue, indigo);
    background: linear-gradient(to top, red, red, orange, yellow, green, blue, indigo);
    color: #000;
    text-shadow: 1px 1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF;
    border-color: rgba(0,0,0,0);
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.multi > span label:hover span{
    color: #000;
}

.filter .filter-options-content .primary-color-filter .item.navy > span label, 
.filter .filter-options-content .primary-color-filter .item.navy > span label span,
.filter .filter-current li.item span.filter-value.navy::after {
    background-color: #000080;
    color: #FFF;
    border-color: #000080;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.navy > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.orange > span label,
.filter .filter-options-content .primary-color-filter .item.orange > span label span,
.filter .filter-current li.item span.filter-value.orange::after {
    background-color: #F77707;
    color: #FFF;
    border-color: #F77707;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.orange > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.pink > span label,
.filter .filter-options-content .primary-color-filter .item.pink > span label span,
.filter .filter-current li.item span.filter-value.pink::after {
    background-color: var(--color-pink);
    color: #FFF;
    border-color: var(--color-pink);
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.pink > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.purple > span label,
.filter .filter-options-content .primary-color-filter .item.purple > span label span,
.filter .filter-current li.item span.filter-value.purple::after {
    background-color: #9812E5;
    color: #FFF;
    border-color: #9812E5;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.purple > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.red > span label,
.filter .filter-options-content .primary-color-filter .item.red > span label span,
.filter .filter-current li.item span.filter-value.red::after {
    background-color: #E21714;
    color: #FFF;
    border-color: #E21714;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.red > span label:hover span {
    color: #FFF;
}

.filter .filter-options-content .primary-color-filter .item.tan > span label,
.filter .filter-options-content .primary-color-filter .item.tan > span label span,
.filter .filter-current li.item span.filter-value.tan::after {
    background-color: #D2B48C;
    color: #111;
    border-color: #D2B48C;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.tan > span label:hover span {
    color: #111;
}

.filter .filter-options-content .primary-color-filter .item.white > span label,
.filter .filter-options-content .primary-color-filter .item.white > span label span,
.filter .filter-current li.item span.filter-value.white::before {
    background-color: #FFF;
    color: #333;
    /* border-color: rgba(0,0,0,0.1); */
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.white > span label:hover span {
    color: #333;
}

.filter .filter-options-content .primary-color-filter .item.yellow > span label,
.filter .filter-options-content .primary-color-filter .item.yellow > span label span,
.filter .filter-current li.item span.filter-value.yellow::after {
    background-color: #F7E600;
    color: #111;
    border-color: #F7E600;
}

html:not(.touch) .sidebar .filter .filter-options-content .primary-color-filter .item.yellow > span label:hover span{
    color: #111;
}

@media screen and (min-width: 1450px) {

    .filter .filter-options-content .primary-color-filter .items {
        grid-template-columns: repeat(6, 1fr);/* was 7 */
        gap: 0.5rem;
    }
}

@media screen and (min-width: 1280px) {

    .filter .filter-options-item.active .filter-options-content .primary-color-filter.ready {
        min-height: 100px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .filter .filter-options-content .primary-color-filter .items {
        grid-template-columns: repeat(5, 1fr);
        gap: 0.5rem;
    }
    
    .filter .filter-options-content .primary-color-filter .item {
        border: 0 none;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1280px) {
    
    /* .filter .filter-options-content .primary-color-filter .item > span {
        height: 3.5rem;
        width: 3.5rem;
    }

    .filter .filter-options-content .primary-color-filter .item > span label {
        height: 3.5rem;
        width: 3.5rem;
    } */
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    
    /* .filter .filter-options-content .primary-color-filter .items {
        grid-template-columns: repeat(5, 1fr);
        gap: 0.5rem;
    } */
}



/* ppe data table */

.data-table::-webkit-scrollbar {
    -webkit-appearance: none;
}

.data-table::-webkit-scrollbar:horizontal {
    height: 20px;
}

.data-table::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.data-table::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.data-table-flow {
    margin-bottom: 0rem;
    margin-bottom: 1.5rem;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#ppe-data-table {
    width: 100%;
    margin: 0;
    text-align: center;
}

#ppe-data-table tbody tr:nth-child(even) {
    background-color: #EEE;
}

#ppe-data-table tbody tr.highlight td::before {
    position: relative;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

#ppe-data-table th {
    background-color: #999;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

#ppe-data-table td {
    text-align: left;
    vertical-align: middle;
    padding: 0.5rem 1rem 0.5rem 1rem;
    white-space: nowrap;
}

#ppe-data-table tbody td:first-child {
    text-align: center;
}

#ppe-data-table tbody td:nth-child(2) {
    padding-left: 1rem;
}

#ppe-data-table tbody td:nth-child(3) {
    text-align: center;
}

#ppe-data-table tbody td:nth-child(4) {
    padding-left: 1rem;
}

#ppe-data-table tbody td:nth-child(5) {
    padding-left: 1rem;
}

#ppe-data-table td span {
    display: block;
    padding: 3px 6px;
}

.Level-1 #ppe-data-table tr.level-1 td span,
.Level-2 #ppe-data-table tr.level-2 td span,
.Level-3 #ppe-data-table tr.level-3 td span,
.All-Levels #ppe-data-table tr td span {
    background-color: #fff2ac;
    background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), yellow 85%, rgba(255, 255, 255, 0));
}

@media screen and (max-width: 1023px) {

    .data-table::-webkit-scrollbar:horizontal {
        height: 12px;
    }
}

/* help desk */

/* contact form - help desk */

.hdmx__contact-form .fieldset .group-1,
.hdmx__contact-form .fieldset .group-2,
.hdmx__contact-form .fieldset .group-3  {
    margin-bottom: 0;
}

.hdmx__contact-form .fieldset .group-2 {
    /* margin-top: 1rem; */
}

body.contact-index-index .fieldset > .field,
body.contact-index-index .fieldset > .fields > .field {
    margin: 1rem 0 0 0;
}

body.contact-index-index .fieldset > .field > .label,
body.contact-index-index .fieldset > .fields > .field > .label {
    margin: 8px 0 8px;
    font-weight: 400;
}

.fieldset > .field.required > .label::after,
.fieldset > .fields > .field.required > .label::after,
.fieldset > .field._required > .label::after,
.fieldset > .fields > .field._required > .label::after {
    margin: 0 0 0 5px;
}

.field-recaptcha {
    margin-top: 2rem;
}

.hdmx__contact-form .field_department .control {
    /* overflow: hidden;
    border: 1px solid #DDD; */
}

.hdmx__contact-form .field_department select {
    /* height: auto;
    width: calc(100% + 3rem);
    border: none; */
}

body.account.helpdesk-ticket-index .hdmx__tickets .create-button {
    float: none;
    margin-top: 0;
    position: static;
    margin-bottom: 2rem;
}

.hdmx__contact-form .fieldset .field.attachment {
    float: none;
    margin-bottom: 3rem;
}

.hdmx__contact-form .field .control + p {
   margin-bottom: 0;
   font-size: 1.2rem;
}

.hdmx__contact-form .field .control + p:empty {
    display: none;
}

@media screen and (max-width: 639px) {
    
    .hdmx__contact-form .fieldset .group-2 .field.text.field_f_f_order_number,
    .hdmx__contact-form .fieldset .group-2 .field.textarea.field_f_f_photo_desc {
        width: 100%;
    }
}

/* --------------- */

@media screen and (max-width: 767px) {

    body.floating-no.centered-search .block-search {
        position: absolute;
        top: 35vh !important;
        right: auto !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80%;
        height: 70px;
    }

    body.centered-search .block-search .control {
        background: transparent;
    }

    body.centered-search .block-search form[class*="-opened"] .label + .control input,
    body.centered-search.block-search form[class*="-opened"] .label.active + .control input {
        background-color: #FFF !important;
        height: 70px;
        font-size: 22px;
    }

    body.centered-search .block-search form[class*="-opened"] input::-webkit-placeholder,
    body.centered-search .block-search form[class*="-opened"] input::placeholder {
        font-size: 22px;
        font-weight: 600;
        line-height: 70px;
    }

    body.centered-search .block-search form[class*="-opened"] .action.search {
        color: var(--color-blue);
        font-size: 36px;
        height: 70px;
        opacity: 1;
        right: 1px;
    }

    body.centered-search .block-search form[class*="-opened"] .action.search::before {
        font-size: 36px;
        line-height: 70px;
        color: var(--color-blue);
    }

    body.centered-search .block-search:hover form[class*="-opened"] .action.search::before {
        color: var(--color-blue);
    }

    body.centered-search .block-search form[class*="-opened"] .active .action.search::before {
        color: #333;
    }

    body.centered-search form[class*="-opened"] .search-autocomplete {
        top: 67px;
        left: -1px;
    }

    body.centered-search form[class*="-opened"] .search-autocomplete,
    .search-autocomplete.amsearch-clone-position {
        width: calc(100% + 2px) !important;
    }

    body.centered-search #search_mini_form[class*="-opened"] label.label {
        display: none;
    }

    body.floating-no.centered-search form[class*="-opened"] .block-search {
        top: 30% !important;
        width: 90%;
    }

    html.jonny-amm-open body.floating-no.centered-search form[class*="-opened"] .block-search {
        display: none;
    }

    body.centered-search .block-search form[class*="-opened"] .label::before {
        color: #FFF;
    }

    body.centered-search .block-search form[class*="-opened"] .label::after {
        background-color: #FFF;
    }

    body.centered-search .block-search form[class*="-opened"] .control {
        width: 90%;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }

    body.centered-search .block-search form[class*="-opened"] .label + .control input,
    body.centered-search .block-search form[class*="-opened"] .label.active + .control input {
        display: block;
    }

    body.centered-search .block-search #search_mini_form[class*="-opened"] input,
    body.centered-search .block-search #search_mini_form input {
        display: block;
    }
}

/* flexer for select multiple mimic */

.flexer {
    display: flex;
    flex-direction: column;
    /* The container size has to be something,
    otherwise flex-grow won't work */
    height: 100%;
}

.flexer select {
    flex-grow: 1;
}

/* tracking popup */

html body.shipping-tracking-popup #sections,
html body.shipping-tracking-popup .share-cart-container,
html body.shipping-tracking-popup #footer-links-bottom,
html body.shipping-tracking-popup #jonny-amm-overlay,
html body.shipping-tracking-popup #wrapfabtest,
html body.shipping-tracking-popup .loading-overlay,
html body.shipping-tracking-popup .modals-wrapper,
html body.shipping-tracking-popup #block-ad,
html body.shipping-tracking-popup .banner-text {
    display: none !important;
}

html body.page-layout-empty #sections,
html body.page-layout-empty .share-cart-container,
html body.page-layout-empty #footer-links-bottom,
html body.page-layout-empty #jonny-amm-overlay,
html body.page-layout-empty #wrapfabtest,
html body.page-layout-empty .loading-overlay,
html body.page-layout-empty .modals-wrapper,
html body.page-layout-empty #block-ad,
html body.page-layout-empty .banner-text {
    display: none !important;
}

html body.page-print #sections,
html body.page-print .share-cart-container,
html body.page-print #footer-links-bottom,
html body.page-print #jonny-amm-overlay,
html body.page-print #wrapfabtest,
html body.page-print .loading-overlay,
html body.page-print .modals-wrapper,
html body.page-print #block-ad,
html body.page-print .banner-text {
    display: none !important;
}

html body.page-print #page-wrapper > .top-container {
    display: none !important;
}

html body.checkout-onepage-success .loading-overlay {
    display: none !important;
}

/* cart page - builder (curtain) - global */

.cart.table-wrapper .control.qty.builder-qty {
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.cart.table-wrapper .control.qty.builder-qty label {
    pointer-events: none !important;
}

.cart.table-wrapper .control.qty.builder-qty  label .input-text.qty {
    border: 0 none transparent;
    padding: 0;
    height: auto;
}

.cart.table-wrapper .control.qty.builder-qty .action.action-edit {
    display: inline-block;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.6rem;
    margin-top: 3px;
}

/* minicart - builder (curtain) - global (not checkout) - hide qty in mini cart */

html:not(.window-loaded.after-window-loaded) #minicart-wrapper {
    pointer-events: none;
}

body:not(.checkout-index-index) #mini-cart li.is-builder-product .details-qty.qty {
    /* display: none; */
}

body:not(.checkout-index-index) #mini-cart li.is-builder-product .details-qty.qty::after {
    /* content: "Edit quantity in cart.";
    display: block;
    font-size: 11px; */
}

body:not(.checkout-index-index) #mini-cart li.is-builder-product .details-qty.qty label {
    pointer-events: none;
    cursor: default;
    font-size: 12px;
}

body:not(.checkout-index-index) #mini-cart li.is-builder-product .details-qty.qty input.item-qty {
    pointer-events: none;
    border: 0 none;
    cursor: default;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}

/* builder specs - global */

.cart.table-wrapper tr.item-builder-specs .item-options.item-options-cart {
    margin-bottom: 0;
}

body.checkout-cart-index .cart.table-wrapper .item-options {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.cart.table-wrapper tr.item-builder-specs td {
    padding: 0;
}

body:not(.is-builder) #builder-specs-standalone,
body:not(.is-builder) #builder_box_end_user_spec_internal_summary_save_as_product {
    border-radius: 3px;
    border: 1px dashed var(--color-link);
    background-color: #FFF;/* #F4F4F4 */
    padding: 1rem 1rem 1rem 1rem;
    margin-bottom: 2rem;
    -webkit-transition: background-color 0.5s 0s, border-color 0.5s 0s;
    transition: background-color 0.5s 0s, border-color 0.5s 0s;
}

body:not(.is-builder) #builder_box_end_user_spec_internal_summary_save_as_product {
    cursor: pointer;
}

body.account.sales-order-view:not(.is-builder) #builder-specs-standalone {
    background-color: #FFF;
}

@media screen and (min-width: 1280px) {
    body:not(.is-builder) #builder-specs-standalone {
        max-width: 60%;
    }

    body.page-print:not(.is-builder) #builder-specs-standalone {
        max-width: 40%;
    }
}

@media screen and (max-width: 767px) {

    .cart.table-wrapper tr.item-builder-specs .item-options.item-options-cart {
        margin-top: 1rem;
    }

    body:not(.is-builder) #builder-specs-standalone {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

body:not(.is-builder) #builder-specs-standalone:hover {
    border-color: var(--color-link-hover);
    background-color: #F5F5F5;
    -webkit-transition: background-color 0.5s 0s, border-color 0.5s 0s;
    transition: background-color 0.5s 0s, border-color 0.5s 0s;
}

body:not(.is-builder) #builder-specs-standalone.show,
body:not(.is-builder) #builder-specs-standalone.show:hover {
    background-color: #FFFFFF;
    -webkit-transition: background-color 0.5s 0s, border-color 0.5s 0s;
    transition: background-color 0.5s 0s, border-color 0.5s 0s;
}

body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product.show {
    border-bottom: 0;
}

body:not(.is-builder) #builder-specs-standalone > h3,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product > h4 {
    position: relative;
    padding-right: 2.5rem;
    padding-left: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    clear: both;
    color: var(--color-link);
}

body:not(.is-builder) #builder-specs-standalone > h3 {
    margin-top: 0rem;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
}

body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product > h4 {
    padding-bottom: 2rem;
    padding-top: 2rem;
    border: 1px solid #DDD;
    background: #FFF;
    margin-top: 2rem;
    cursor: pointer;
}

body:not(.is-builder) #builder-specs-standalone:hover > h3,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product:hover > h4 {
    color: #444;
}

body:not(.is-builder) #builder-specs-standalone.show > h3,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product.show > h4 {
    margin-bottom: 2rem;
}

body:not(.is-builder) #builder-specs-standalone.show > h3 {
    margin-bottom: 0;
    padding-bottom: 2rem;
}

body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product.show > h4 {
    border-bottom-color: transparent;
    margin-bottom: 0;
}

body:not(.is-builder) #builder-specs-standalone > h3::before,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product > h4::before {
    content: "Show";
    padding-right: 0.5rem;
}

body:not(.is-builder) #builder-specs-standalone.show > h3::before,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product.show > h4::before {
    content: "Hide";
    padding-right: 0.5rem;
}

body:not(.is-builder) #builder-specs-standalone > h3::after,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product > h4::after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 1.6rem;
    position: absolute;
    right: 5px;
    top: calc(50% - 12px);
    color: var(--color-link);
}

body:not(.is-builder) #builder-specs-standalone > h3::after{
    /* top: calc(50% - 5px); */
}

body:not(.is-builder) #builder-specs-standalone.show > h3::after{
    top: calc(50% - 17px);
}

body:not(.is-builder) #builder-specs-standalone.show > h3::after,
body.page-print:not(.is-builder) #builder-specs-standalone > h3::after,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product.show > h4::after {
    content: "\f077";
}

body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product > h4::after {
    right: 1.5rem;
}

body:not(.is-builder) #builder-specs-standalone:hover > h3::after,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product:hover > h4::after {
    color: #444;
}

body:not(.is-builder) #builder-specs-standalone > h3 + ul,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product > h4 + #pb-save-as-product {
    margin: 0;
    background-color: #f5f5f5;
    clear: both;
    overflow: hidden;
    opacity: 0;
    height: auto;
    max-height: 0;
    -webkit-transition: max-height 0.5s 0s, height 0.5s 0s, opacity 0.5s 0s;
    transition: max-height 1s 0s, height 1s 0s, opacity 1s 0s;
}

body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product.show > h4 + #pb-save-as-product {
    padding: 2rem;
    background-color: #FFF;
}

body:not(.is-builder) #builder-specs-standalone.show > h3 + ul,
body.page-print:not(.is-builder) #builder-specs-standalone > h3 + ul,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product.show > h4 + #pb-save-as-product {
    padding-right: 1.5rem;
    opacity: 1;
    height: auto;
    max-height: 2000px;
    -webkit-transition: max-height 0.5s 0s, height 0.5s 0s, opacity 0.5s 0s;
    transition: max-height 1s 0s, height 1s 0s, opacity 1s 0s;
}

body:not(.is-builder) #builder-specs-standalone ul li:first-of-type,
body.page-print:not(.is-builder) #builder-specs-standalone ul li:first-of-type,
body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product.show ul li:first-of-type {
    padding-top: 1.5rem;
}

/* flexbox helpers - builder */

body.is-builder .flex-inline {
    display: flex;
    flex-direction: row;
    /* margin-top: 1rem; */
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center;
}

body.is-builder #builder-specs-standalone .flex-inline {
    justify-content: left;
}

body.is-builder #builder-specs-standalone .flex-inline img {
    margin-right: 1rem
}

/* flexbox helpers - non builder */

body:not(.is-builder) .flex-inline {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center;
}

body.account.sales-order-view:not(.is-builder) #builder-specs-standalone .flex-inline {
    justify-content: left;
    margin-bottom: 1rem;
    width: 100%;
}

body:not(.is-builder) #builder-specs-standalone .flex-inline img {
    margin-right: 1rem;
    margin-left: 0rem;
    border: 1px solid #DDD;
    padding: 3px;
    background-color: #FFF;
}

body:not(.is-builder) #builder-specs-standalone h4 {
    margin-bottom: 1rem;
}

body:not(.is-builder) #builder-specs-standalone ul .group-title {
    clear: both;
    display: block;
}

.share-cart-form {
    font-size: 1.4rem;
}

/* --------------------- */
/* custom form and jot form styles */

body.cms-page-view .content-inner h3.form-heading {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

body.cms-page-view .content-inner .jotform-box  {
    min-height: 1000px;
}

body.cms-page-view .content-inner .jotform-box > iframe {
    width: 100% !important;
    border: 0 none !important;
    min-height: 1500px;
}

@media screen and (min-width: 768px) {

    body.cms-page-view .content-inner .jotform-box > iframe {
        min-height: 1500px !important;
    }
}


@media screen and (max-width: 767px) {

    body.cms-page-view .form-jump-box {
        text-align: center;
    }
}

/* ----------------------------------------------------- */
/* policies page */

.content-inner .cms-tabs {
    width: max-content;/* 199px */
    margin: 0 auto;
    padding: 0;
}

.content-inner .cms-tabs li {}

.content-inner .cms-tabs li a,
.content-inner .cms-tabs li a:link,
.content-inner .cms-tabs li a:visited {
    font-size: 1.5rem;
    color: var(--color-link);
}

.content-inner .cms-tabs li a:hover {
    color: var(--color-link-hover);
}

.content-inner .jonny-tabs h2 {
    margin-top: 0;
    font-weight: 600;
    border-top: 1px dashed #BBB;
    padding-top: 3rem;
    margin-top: 3rem;
}

.content-inner .jonny-tabs h3 {
    font-weight: 400;
}

.content-inner .jonny-tabs .back-to-top {
    text-align: center;
    text-decoration: underline;
}

@media screen and (min-width:768px) {

    .content-inner .cms-tabs {
      list-style-type: none;
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin: 0 auto;
    }

    .content-inner .cms-tabs li {
        list-style-type: none;
    }
}

@media screen and (min-width:1200px) {

    .content-inner .cms-tabs {
      width: 80%;
    }
}

@media screen and (max-width:767px) {

}

/* -------------- */
/* grid overrides */


.jonny-grid:not(.grid-small-auto) > div:last-of-type:nth-child(2n+1) img:not(.aside-img) {
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {

    .aside-img,
    .jonny-grid .aside-img, 
    .jonny-grid .aside-text, 
    /* .jonny-grid figure, */
    body:not(.cms-page-view) .jonny-grid .aside-img, 
    body:not(.cms-page-view) .jonny-grid .aside-text/* ,
    body:not(.cms-page-view) .jonny-grid figure */ {
        box-sizing: border-box;
        max-width: 40%;
    }

    .jonny-grid figure,
    body:not(.cms-page-view) .jonny-grid figure {
        box-sizing: border-box;
        max-width: 100%;
    }
}

@media screen and (max-width: 420px) {
    
    body.cms-page-view .content-inner .jonny-grid [class*="grid_"] .big-button,
    body.cms-page-view .content-inner .jonny-grid [class*="grid_"] .small-button {
        display: block;
    }
}

/* grid overrides */

.jonny-grid [class*="grid_"] img.no-resize:not(.aside-img) {
    width: auto;
    height: auto;
    display: inline-block;
}

/* AMBLOG bullcrap - white screen override */

html.mobile {
   display: block;
}

/* /////////////////////////////////////////////////// */
/* TEMP - until static files get flushed on production */

@media screen and (min-width: 768px) {

    html.window-loaded.quickcart-open body {
        overflow: auto;
    }
}

.custom-modal {
    background-color: var(--modal-overlay-color);
}

@media screen and (min-width: 873px) {

	#pb-box .main-header .what-type,
	#product-builder.type-not-selected #pb-box .main-header .what-type {
		display: block;
		width: 100%;
	}
}

/* page builder overrides */
.category-description div[data-enable-parallax],
.category-description [data-content-type="row"][data-appearance="contained"] [data-element="inner"] {
    justify-content: unset !important;
    display: unset !important;
    flex-direction: unset !important;
    background-position: unset !important;
    background-size: unset !important;
    background-repeat: unset !important;
    background-attachment: unset !important;
    border-style: unset !important;
    border-width: unset !important;
    border-radius: unset !important;
    margin: unset !important;
    padding: unset !important;
}

.category-description div[data-enable-parallax] [data-content-type="html"],
.category-description [data-content-type="row"][data-appearance="contained"] [data-element="inner"][data-content-type="html"] {
    word-wrap: unset !important;
    border-style: unset !important;
    border-width: unset !important;
    border-radius: unset !important;
    margin: unset !important;
    padding: unset !important;

}
/* ------------------ */

#sections-items .navigation {
    display: none !important;
}

#sections .navigation {
    display: none !important;
}

.height-60px {
    height: 60px;
}

/* curtain builder overrides - category page */

body.catalog-category-view.category-build-a-curtain h1,
body.catalog-category-view.category-sunbrella-custom-curtains h1 {
    margin-bottom: 1rem;
}

/* body.catalog-category-view.category-build-a-curtain.page-products.page-layout-2columns-left .sidebar-main,
body.catalog-category-view.category-sunbrella-custom-curtains.page-products.page-layout-2columns-left .sidebar-main {
    display: none !important;
}

body.catalog-category-view.category-build-a-curtain.page-products.page-layout-2columns-left .column.main,
body.catalog-category-view.category-sunbrella-custom-curtains .page-products.page-layout-2columns-left .column.main {
    width: 100%;
    float: none;
} */

body.catalog-category-view.category-build-a-curtain.page-products .products-grid .product-items:not(.tns-slider) .product-item,
body.catalog-category-view.category-sunbrella-custom-curtains.page-products .products-grid .product-items:not(.tns-slider) .product-item {
    margin-bottom: 1rem !important;
}

body.catalog-category-view.category-build-a-curtain.page-products:not(.account):not(.wishlist-index-index) .products-grid .product-item-info,
body.catalog-category-view.category-sunbrella-custom-curtains.page-products:not(.account):not(.wishlist-index-index) .products-grid .product-item-info {
    width: 100%;
    padding-bottom: 4.5rem;
}

body.catalog-category-view.category-build-a-curtain.page-products:not(.account):not(.wishlist-index-index) .products-grid .product-item-info:hover,
body.catalog-category-view.category-sunbrella-custom-curtains.page-products:not(.account):not(.wishlist-index-index) .products-grid .product-item-info:hover {
    padding-bottom: 4.5rem;
}

body.catalog-category-view:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:hover {
    padding-bottom: 6rem;/* 4.5rem */
}

body.catalog-category-view.category-build-a-curtain:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:hover,
body.catalog-category-view.category-sunbrella-custom-curtains:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:hover {
    padding-bottom: 4.5rem;
}

body.catalog-category-view.category-build-a-curtain .product-items .product-item-name > a, 
body.catalog-category-view.category-build-a-curtain .product-items .product.name a > a,
body.catalog-category-view.category-sunbrella-custom-curtains .product-items .product-item-name > a,
body.catalog-category-view.category-sunbrella-custom-curtains .product-items .product.name a > a {
    /* font-size: 2rem;
    font-weight: 600; */
}

body.catalog-category-view.category-build-a-curtain .product-item .product-image-photo,
body.catalog-category-view.category-sunbrella-custom-curtains .product-item .product-image-photo {
    position: relative;
}

body.page-layout-1column.catalog-category-view.category-build-a-curtain .toolbar-products,
body.page-layout-1column.catalog-category-view.category-sunbrella-custom-curtains .toolbar-products {
    position: static;
}

body.catalog-category-view.category-build-a-curtain .column.main .product-item .product-item-price-box,
body.catalog-category-view.category-sunbrella-custom-curtains .column.main .product-item .product-item-price-box {
    display: none;
}

body.catalog-category-view.category-build-a-curtai:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner, 
body.catalog-category-view.category-build-a-curtain:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info .product-item-inner, 
body.catalog-category-view.category-sunbrella-custom-curtains:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner, 
body.catalog-category-view.category-sunbrella-custom-curtains:not(.account):not(.wishlist-index-index):not([class*="amblog-"]):not(.cms-home) .products-grid .product-item-info .product-item-inner {
        /* display: none !important; */
}

body.catalog-category-view.category-build-a-curtain #layered-filter-block,
body.catalog-category-view.category-sunbrella-custom-curtains #layered-filter-block {
    display: none !important;
}

body.page-products.category-build-a-curtain .products-grid .hide-sample .actions-primary .action.primary,
body.catalog-category-view.category-sunbrella-custom-curtains.page-products .products-grid .hide-sample .actions-primary .action.primary {
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px 1.5rem 8px 1.5rem !important;
    /* width: 100%; */
    font-size: 1.4rem;
}

@media screen and (min-width: 640px) {

    body.catalog-category-view.category-build-a-curtain .column.main .product-items:not(.tns-slider),
    body.catalog-category-view.category-sunbrella-custom-curtains .column.main .product-items:not(.tns-slider) {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)) !important;
    }

    body.catalog-category-view.category-build-a-curtain .product-items .product-item-name > a, 
    body.catalog-category-view.category-build-a-curtain .product-items .product.name a > a,
    body.catalog-category-view.category-sunbrella-custom-curtains .product-items .product-item-name > a,
    body.catalog-category-view.category-sunbrella-custom-curtains .product-items .product.name a > a {
        font-size: 1.6rem;
        font-weight: 600;
    }
}

@media screen and (max-width: 767px) {

    body.page-layout-1column.catalog-category-view.category-build-a-curtain .toolbar-products,
    body.page-layout-1column.catalog-category-view.category-sunbrella-custom-curtains .toolbar-products {
        display: none !important;
    }
}

@media screen and (max-width: 639px) {

    body.catalog-category-view.category-build-a-curtain .column.main .product-items:not(.tns-slider),
    body.catalog-category-view.category-sunbrella-custom-curtains .column.main .product-items:not(.tns-slider) {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
    }
}

/* TEMP - until static files get flushed on production */
/* ----------------------------------------------------- */

@media print {

    body.catalog-product-view {
        font-size: 12px !important;
    }

    body>.loading-overlay,
    body.loading-overlay-done>.loading-overlay,
    body.catalog-product-view header.page-header .panel.wrapper,
    body.catalog-product-view header.page-header .header.content .minicart-wrapper,
    body.catalog-product-view header.page-header .header.content .block-search,
    body.catalog-product-view header.page-header .sections,
    body.catalog-product-view.floating header.page-header .sections,
    body.catalog-product-view.floating .page-header>.sections,
    body.catalog-product-view.floating>.sections,
    html.mobile-jamm body.catalog-product-view .page-header>.sections,
    body.catalog-product-view .top-container,
    body.catalog-product-view #footer-links-bottom,
    body.catalog-product-view .banner-text,
    body#html-body.catalog-product-view>.tawk-chat,
    body.catalog-product-view #amasty-gallery-container,
    body.catalog-product-view .application-icons-box,
    body.catalog-product-view .application-icons-box.has-applications,
    body.catalog-product-view .box-tocart .product-social-links,
    body.catalog-product-view .box-tocart #builder-buttons-box,
    body.catalog-product-view .jonny-under-cart-addto,
    body.catalog-product-view #tab-label-reviews,
    body.catalog-product-view #reviews,
    body.catalog-product-view .block.related,
    body.catalog-product-view #jonny-amm-overlay,
    body.catalog-product-view #sections,
    body.catalog-product-view .share-cart-container,
    body.catalog-product-view #wrapfabtest,
    body.catalog-product-view #fb-root,
    body.catalog-product-view .modals-wrapper,
    #jonny-header-banner,
    .top-container .header.banner,
    .header-banner.has-grid-half,
    .social-links,
    .block.block-search,
    .page-header .panel.wrapper,
    .page-header .minicart-wrapper,
    .nav-toggle.jamm-nav-trigger,
    body#html-body > .tawk-chat,
    body#html-body.print-page > .tawk-chat,
    body > .tawk-chat,
    .lac-notification-sticky._sticky,
    .lac-notification-sticky,
    #jonny-free-shipbar-top,
    .copyright.clearfix,
    #jonny-sale-banner-text,
    header.page-header .sections,
    html.mobile-jamm .page-header > .sections,
    html body.page-print .page-header > .sections,
    #sections-items,
    #sections,
    .block.crosssell {
        display: none !important;
        box-shadow: none;
    }

    html body.checkout-cart-index .block.crosssell {
        display: none !important;
    }

    .cart.table-wrapper .item-options dd {
        margin-bottom: 0.5rem;
    }

    body .header.content,
    body.page-print .header.content {
        height: 80px;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        position: relative;
    }

    body .logo,
    body.page-print .logo,
    body.page-print header.page-header .header.content .logo,
    body.catalog-product-view header.page-header .header.content .logo {
        display: inline-block;
        /* width: 70px; */
        box-shadow: none;
        border: 1px solid #DDD;
        padding: 1rem;
        margin-bottom: 1rem;
        position: absolute;
        left: -2rem;
        right: 0;
        box-sizing: border-box;
    }

    html.pl body .logo,
    html.pl body.page-print .logo,
    html.pl body.page-print header.page-header .header.content .logo,
    html.pl body.catalog-product-view header.page-header .header.content .logo {
        width: 70px;
    }

    html:not(.pl) body header.page-header .header.content .logo,
    html:not(.pl) body.catalog-product-view header.page-header .header.content .logo {
        position: absolute;
        left: 45%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    html.pl body .logo img,
    html.pl body.page-print .logo img,
    html.pl body.page-print header.page-header .header.content .logo img {
        width: 50px;
        height: auto;
    }

    html:not(.pl) body.catalog-product-view header.page-header .header.content .logo img {
        width: auto;
        height: 50px;
    }

    html.pl body.checkout-cart-index #print-contact-info {
        display: block !important;
        float: right;
        text-align: right;
        padding-right: 2rem;
    }

    html.pl body.checkout-cart-index #print-contact-info p,
    html.pl body.checkout-cart-index #print-contact-info p a  {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: 400;
        line-height: 1.6rem;
    }

    body .page-wrapper #maincontent,
    body.page-print .page-wrapper #maincontent {
        padding-top: 0;
    }

    body.catalog-product-view .product.media {
        min-height: 150px;
    }

    body.catalog-product-view #amasty-gallery.position-left #amasty-main-container {
        max-width: 100%;
        margin-left: 0;
    }

    body.catalog-product-view #amasty-main-image {
        width: 250px !important;
        height: auto !important;
    }

    body.catalog-product-view .product-info-main {
        width: 55%;
        float: right;
    }

    body.catalog-product-view .product.media {
        width: 45%;
        float: left;
        margin-bottom: 25px;
    }

    body.catalog-product-view .product.media .gallery-placeholder {
        padding-right: 2.5rem;
    }

    body.catalog-product-view .product-info-main .product-info-price+.product-add-form {
        margin-top: 0rem;
    }

    body.catalog-product-view .box-tocart,
    body.catalog-product-view:not(.account):not(.wishlist-index-index) .box-tocart,
    body:not(.account):not(.wishlist-index-index) .box-tocart {
        margin-bottom: 0;
    }

    body.catalog-product-view #product-info-detailed {
        padding-top: 0px;
    }

    body.catalog-product-view #ppe-data-table th {
        background-color: #666;
        color: #FFF;
        font-weight: 400;
        letter-spacing: 1px;
        text-align: center;
        vertical-align: middle;
        white-space: normal;
    }

    body.catalog-product-view #ppe-data-table tbody tr:nth-child(2n) {
        background-color: #EEE;
    }

    body.catalog-product-view #ppe-data-table tbody td:nth-child(1),
    body.catalog-product-view #ppe-data-table tbody td:nth-child(2),
    body.catalog-product-view #ppe-data-table tbody td:nth-child(3),
    body.catalog-product-view #ppe-data-table tbody td:nth-child(4),
    body.catalog-product-view #ppe-data-table tbody td:nth-child(5) {
        padding-left: 0rem;
    }

    body.catalog-product-view #ppe-data-table td {
        white-space: normal;
        padding: 0rem 1rem 0rem 1rem;
    }

    body.catalog-product-view #ppe-data-table td span {
        padding: 0px 6px;
    }

    body.catalog-product-view #product-attribute-specs-table tbody tr th.col.label {
        padding: 2px 30px 2px 0;
        font-size: 12px
    }

    body.catalog-product-view #product-attribute-specs-table tbody tr td.col.data {
        padding: 2px 30px 2px 20px;
        font-size: 12px
    }
}

@media print {

    /* order print page */
     
    body .page-wrapper #maincontent *,
    body.page-print .page-wrapper #maincontent * {
        /* font-size: 11px; */
    }
    
    body.page-print .order-details-items.ordered {
        font-size: 12px;
    }

    body.page-print .order-title {
        display: none;
    }

    body.page-print .order-details-items .table-order-items tbody td {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    body.page-print.account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, 
    body.page-print.account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td {
        padding-bottom: 0;
    }

    body.page-print .order-details-items .table-order-items .product-item-name,
    body.page-print .order-details-items .table-order-items .product-item-name a {
        font-size: 10px;
    }

    .account .column.main .block.block-order-details-view .block-content:not(.widget) .box {
        clear: none;
        float: left;
        width: 25%;
        box-sizing: border-box;
    }

    body:not(.is-builder) .flex-inline,
    body.page-print:not(.is-builder) .flex-inline {
        justify-content: left;
    }

    body:not(.is-builder) #builder-specs-standalone,
    body.page-print:not(.is-builder) #builder-specs-standalone {
        max-width: 100%;
        background-color: #FFF;
        margin-left: 2rem;
    }

    body:not(.is-builder) #builder-specs-standalone h4,
    body.page-print:not(.is-builder) #builder-specs-standalone h4 {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }

    body:not(.is-builder) #builder-specs-standalone > h3::before, 
    body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product > h4::before {
        content: none;
        padding-right: 0;
    }

    body:not(.is-builder) #builder-specs-standalone > h3 + ul,
    body.page-print:not(.is-builder) #builder-specs-standalone > h3 + ul {
        opacity: 1;
        max-height: unset;
        height: auto;
        background-color: #FAFAFA;
        padding-right: 1rem;
    }

    body:not(.is-builder) #builder-specs-standalone ul li:first-of-type, 
    body.page-print:not(.is-builder) #builder-specs-standalone ul li:first-of-type, 
    body:not(.is-builder) #builder-specs-standalone ul li,
    body.page-print:not(.is-builder) #builder-specs-standalone ul li {
        /* float: left;
        width: 50%; */
        font-size: 12px;
    }

    body:not(.is-builder) #builder-specs-standalone ul li *,
    body.page-print:not(.is-builder) #builder-specs-standalone ul li * {
        font-size: 12px;
    }

    body.page-print .order-details-items {
        margin-top:0;
        padding: 5px;
    }

    body:not(.is-builder) #builder-specs-standalone > h3 + ul, body.is-builder #builder_box_end_user_spec_internal_summary_save_as_product > h4 + #pb-save-as-product {
        overflow: visible;
        opacity: 1 !important;
        height: auto;
        max-height: none;
        -webkit-transition: none;
        transition: none;
    }
}

@media print {

    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* cart page */
    body.checkout-cart-index .reward-message,
    body.checkout-cart-index .rewards-notification-block,
    body.checkout-cart-index #builder-buttons-box-cart,
    body.checkout-cart-index #trust-seals,
    body.checkout-cart-index .page.messages,
    body.checkout-cart-index #block-rewards-form,
    body.checkout-cart-index #block-discount,
    /* body.checkout-cart-index #block-shipping, */
    body.checkout-cart-index .checkout.methods.items.checkout-methods-items,
    body.checkout-cart-index #gift-options-cart,
    body.checkout-cart-index #footer-links-bottom,
    body.checkout-cart-index #jonny-exit-intent-box,
    body.checkout-cart-index #jonny-amm-overlay,
    body.checkout-cart-index #js-jonny-top,
    body.checkout-cart-index #shopping-cart-table .spec-fees,
    body.checkout-cart-index #shopping-cart-table [data-cart-option-label="Fees"],
    html body #jonny-header-external-sites {
        display: none !important;
    }

    @media screen and (min-width: 768px) and (max-width: 1200px) {

        body.checkout-cart-index .cart.table-wrapper .product-item-photo {
            display: inline-block;
            padding-right: 0;
            padding-bottom: 1rem;
            width: auto;
        }

        body.checkout-cart-index .cart.table-wrapper .product-item-details {
            display: inline-block;
            width: auto;
        }
    }

    .page-print .logo {
        /* display: inline-block;
        float: right; */
    }

    body.page-print #maincontent > .logo {
        position: static;
        margin: 0 auto;
    }

    body.checkout-cart-index .page-main {
        padding-left: 0;
        padding-right: 0;
    }

    body.checkout-cart-index .page-main h1.page-title {
        padding: 0;
        margin: 0;
        font-size: 2.1rem;
        clear: both;
    }

    body.checkout-cart-index .page-main h1.page-title span {
        position: relative;
        font-weight: 700;
    }

    body.checkout-cart-index .page-main h1.page-title span::after {
        content: "Quote";
        padding-left: 0.5rem;
    }

    body.checkout-cart-index #current-date {
        display: inline-block !important;
        font-size: 18px !important;
        font-weight: 400;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    body.checkout-cart-index #current-time {
        position: relative;
    }

    body.checkout-cart-index #current-time::after {
        content: attr(data-time);
        font-size: 18px !important;
        font-weight: 400;
    }

    body.checkout-cart-index #csr-fields {
        /* display: inline-block !important; */
        margin-top: 5px;
        background: transparent;
        padding: 0;
        margin-bottom: 0;
    }

    body.checkout-cart-index #csr-fields label {
        display:inline-block;
        margin-top:5px;
        margin-bottom: 0;
        width: auto;
        font-size: 14px;
        font-weight: 400;
    }
     
    body.checkout-cart-index #csr-fields label[for="quoteNumber"] {
        margin-bottom: 0;
    }
     
    body.checkout-cart-index #csr-fields label input {
        display: inline;
        width:200px;
        font-size: 14px;
        color: #666;
    }

    body.checkout-cart-index .cart-container {
        clear: both;
        margin-left: 1rem;
        margin-left: 1rem;
    }

    body.checkout-cart-index .cart-container * {
        font-size: 12px !important;
    }

    body.checkout-cart-index #block-summary, 
    body.checkout-cart-index .cart-summary .block .content {
        display: block !important;
    }

    body.checkout-cart-index .cart-summary {
        width: 25%;/* 35% */
        float: right;
        padding: 1rem 1rem 1rem 1rem;
        margin-right: 1rem;
        border-left: 1px solid #EEE;
        box-sizing: border-box;
    }

    body.checkout-cart-index .cart-summary > .title {
        font-size: 2rem !important;
        display: block !important;
        border-bottom: 1px solid #DDD !important;
        padding-bottom: 1rem !important;
        padding-top: 0;
        margin-top: 0;
    }

    body.checkout-cart-index .cart-summary #block-shipping-heading {
        color: #555;
    }

    body.checkout-cart-index .cart-container .form-cart {
        width: calc(75% - 1rem);/* calc(65% - 1rem) */
        padding-right: 2rem;
        padding-left: 0;
        float: left;
        box-sizing: border-box;
    }

    body.checkout-cart-index .cart.table-wrapper {
        border-top: 0px none;
    }

    body.checkout-cart-index .cart-summary .block > .title {
        padding: 0;
    }

    body.checkout-cart-index .cart-summary .block > .title,
    body.checkout-cart-index .paypal-review-discount .block > .title {
        border-top: 0 none;
    }

    body.checkout-cart-index .cart-summary .block > .title::after, 
    body.checkout-cart-index .cart-summary .block.active > .title::after, 
    body.checkout-cart-index .cart-discount .block > .title::after, 
    body.checkout-cart-index .cart-discount .block.active > .title::after,
    body.checkout-cart-index .cart-summary .block > [aria-expanded="false"].title::after {
        content: none;
    }

    body.checkout-cart-index .cart-summary .block .fieldset .field {
        margin: 0;
    }

    body.checkout-cart-index .cart-summary .block .fieldset .field > .label {
        margin: 0;
    }

    body.checkout-cart-index .cart-summary .block form:not(:last-of-type) .fieldset,
    body.checkout-cart-index .fieldset:last-child,
    body.checkout-cart-index .fieldset,
    body.checkout-cart-index .cart-summary .block .fieldset .field.note {
        margin: 0 0 5px 0;
    }

    body.checkout-cart-index .fieldset:last-child {
        margin-bottom: 0;
    }

    body.checkout-cart-index .cart-summary .block .item-options {
        margin-bottom: 0;
    }

    body.checkout-cart-index .cart.table-wrapper .item-options {
        font-size: 1.1rem;
        line-height: 1.4rem;
    }

    body.checkout-cart-index .cart-summary .block .fieldset .field.note {
        display: none;
    }

    body.checkout-cart-index .cart.table-wrapper .cart > .item {
        border-top: 1px solid #ccc !important;
        border-bottom: 1px solid #ccc !important;
    }

    body.checkout-cart-index .cart.table-wrapper .cart thead,
    body.checkout-cart-index .cart.table-wrapper .cart thead th {
        background-color: #EEE;
        /* inset: 0 0 0 1000px #DDD; */
    }

    body.checkout-cart-index #cart-totals .data.table.totals tr th,
    body.checkout-cart-index #cart-totals .data.table.totals tr td {
        padding-bottom: 5px !important;
        font-size: 11px;
    }

    body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    body.checkout-cart-index .cart-totals tbody .mark, .cart-totals tfoot .mark,
    body.checkout-cart-index .opc-block-summary .table-totals tbody .mark,
    body.checkout-cart-index .opc-block-summary .table-totals tfoot .mark {
        padding-bottom: 0;
    }

    body.checkout-cart-index .cart-totals tbody .amount, .cart-totals tfoot .amount,
    body.checkout-cart-index .opc-block-summary .table-totals tbody .amount,
    body.checkout-cart-index .opc-block-summary .table-totals tfoot .amount {
        padding-bottom: 0;
    }

    body.checkout-cart-index .data.table.totals tbody tr,
    body.checkout-cart-index .data.table.totals tbody tr.totals.sub,
    body.checkout-cart-index .data.table.totals tbody tr.rewards-points,
    body.checkout-cart-index .data.table.totals tbody tr.totals.shipping.excl {
        border-bottom: 2px solid #DDD !important;
    }

    body.checkout-cart-index .data.table.totals tbody tr.grand.totals {
        border-bottom: 0 none !important;
    }

    body.checkout-cart-index .cart-totals .grand strong span {
        color: red;
    }

    body.checkout-cart-index .cart-totals .grand .amount, 
    body.checkout-cart-index .opc-block-summary .table-totals .grand .amount {
        font-size: 1.6rem !important;
        border-top: 1px solid #ccc;
    }

    body.checkout-cart-index .cart-totals .grand strong {
        font-size: 1.6rem !important;
        font-weight: 600;
    }

    body.checkout-cart-index .cart-totals .grand .amount, 
    body.checkout-cart-index .opc-block-summary .table-totals .grand .amount,
    body.checkout-cart-index .cart-totals .grand strong span,
    body.checkout-cart-index .cart-totals .grand strong * {
        font-size: 1.6rem !important;
        font-weight: 600;
    }

    body.checkout-cart-index .use-ajax.action.towishlist.action-towishlist {
        display: none;
    }

    body.checkout-cart-index .cart .actions-toolbar {
        border-bottom: 1px solid #CCC;
        min-height: 30px;
    }

    body.checkout-cart-index .cart .actions-toolbar a,
    body.checkout-cart-index .cart .actions-toolbar div,
    body.checkout-cart-index .cart.table-wrapper .actions-toolbar > .action-edit, 
    body.checkout-cart-index .cart.table-wrapper .actions-toolbar > .action-delete {
        display: none !important;
    }

    body.checkout-cart-index .cart-container .form-cart .actions.main {
        display: none;
    }
}

body.cms-page-view.page-layout-empty #jonny-free-shipbar-top,
body.cms-page-view.page-layout-empty #jonny-sale-banner-text {
    display: none !important;
}

/* JTM -  START - no one touch below code */

#landing-page-wrapper {
   display: grid; 
   grid-template-columns: 1fr;
   grid-template-rows: max-content 1fr;
   /*justify-content:center; 
   align-items: center;*/
   max-width: 767px;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   box-sizing: border-box;
   overflow: hidden;
}

#landing-page-wrapper #landing-page-top {
   display: grid; 
   grid-template-columns: 1fr;
}

#landing-page-wrapper #landing-page-content {
   display: grid; 
   grid-template-columns: 1fr 45%;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   text-align: center;
}

#landing-page-wrapper #landing-page-img {
   
}

#landing-page-wrapper #landing-page-img img {
   /* object-fit: cover; */
   height: 100%;
}

#landing-page-wrapper #landing-page-form {
   background: #d9d9d9;
   padding: 2.5rem 2rem 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

#landing-page-wrapper #landing-page-form h2 {
   text-transform: uppercase;
   color: #000;
   font-size: 33px;
   max-width: 300px;
   margin: 0rem auto 0;
   font-weight: 500;
}


#landing-page-wrapper #landing-page-form iframe {
   border: 0 none;
   min-height: 340px;
   max-width: 100%;
   margin: 0 auto;
}

@media screen and (max-width: 767px) {

    #landing-page-wrapper #landing-page-img img {
        object-fit: cover; 
    }

    #landing-page-wrapper #landing-page-form {
       padding: 1.5rem 1.5rem 0;
    }

    #landing-page-wrapper #landing-page-form h2 {
       font-size: 22px;
    }
}

@media screen and (max-width: 500px) {

    #landing-page-wrapper #landing-page-content  {
       grid-template-columns: 1fr;
    }
    
    #landing-page-wrapper #landing-page-header img {
        image-rendering: optimizequality;
    }

    #landing-page-wrapper #landing-page-form h2 {
       font-size: 30px;
    }
}
/* JTM -  END - no one touch below code */

/* START - jonny-header-external-sites  */
#jonny-header-external-sites {
    
}

body.page-layout-empty #jonny-header-external-sites {
    display: none !important;
}

body[class*="swing-bed-twin"] #jonny-header-external-sites {
    display: none !important;
}

body.checkout-index-index #jonny-header-external-sites {
    display: none;
}

#external-site-logos {
    position: relative;/* fixed */
    top: 0;
    width: 100%;
    height: 3.7rem;
    background: #222;
    overflow: hidden;
}

html.pl #external-site-logos {
    /* background: #FFF; */
}

html.ofc #external-site-logos {
    /* background: #222; */
}

#external-site-logos > div {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 2rem;
    height: 3.7rem;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
}

html.ofc #external-site-logos > div {
    max-width: 100% !important;
    padding: 0 1rem;
}

#external-site-logos > div ul {
    display: inline-flex;
    align-items: center;
    height: 3.7rem;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#external-site-logos > div ul li {
    height: 3.7rem;
    padding: 0 0.7rem;
    margin: 0;
    list-style-type: none;
}

html.pl #external-site-logos > div ul li.li-logo-pl,
html.ofc #external-site-logos > div ul li.li-logo-pl {
    padding-right: 1rem;
}

#external-site-logos > div ul li.active + li:nth-child(2) {
    padding: 0 0.7rem 0 1.4rem;
}

#external-site-logos > div ul li.li-logo-pmf:not(.active) {
    
}

#external-site-logos > div ul li.li-logo-handh:not(.active) {
    
}

#external-site-logos > div ul li.li-logo-pl:not(.active) {
    padding: 0 1rem;
}

#external-site-logos > div ul li.active {
    padding: 0 1rem;
    background: #FFF;
}

#external-site-logos > div ul li.li-logo-pmf.active {
    background: #f5f5f5;
}

#external-site-logos > div ul li.li-logo-handh.active {
    background: #51a584;
}

#external-site-logos > div ul li.li-logo-pl.active {
    background: #DDD;
}

html.ot #external-site-logos > div ul li.li-logo-pl.active {
    /* background-color: var(--main-theme-color);
    padding: 0 1rem; */
}

#external-site-logos > div ul li a {
    text-decoration: none;
}

#external-site-logos > div ul li a:hover {
    text-decoration: none;
}

#external-site-logos > div ul li img {
    height: 2.5rem;
    width: auto;
    max-width: 100%;
    position: relative;
}

#external-site-logos > div .logo-pmf {
    top: 7px;
}

#external-site-logos > div .logo-handh {
    height: 3.4rem;
    top: 2px;
}

#external-site-logos > div .logo-pl {
    top: 7px;
}

#external-site-logos > div .logo-text {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #FFFFFF;
    position: relative;
}

#external-site-logos > div li .logo-text > span {
    color: inherit;
    font-weight: inherit;
    text-transform: inherit;
    font-size: inherit;
    font-family: Poppins;
}

#external-site-logos > div li.active .logo-text > span {
    color: #222222;
}

#external-site-logos > div li .logo-text.logo-pl .first-word {
    color: #FFFFFF;
}

#external-site-logos > div li.active .logo-text.logo-pl .first-word {
    color: #222222;
}

html.pl #external-site-logos > div li.active .logo-text.logo-pl .first-word {
    /* color: #FFFFFF; */
}

#external-site-logos > div li .logo-text.logo-pl .second-word {
    color: #659D32;
}

#external-site-logos > div .shippingfee.label-content {
    position: absolute;
    right: 2rem;
    left: auto;
    color: #FFF;
}

html.ofc #external-site-logos > div .shippingfee.label-content {
    right: 1.5rem;
}

#external-site-logos > div .shippingfee.label-content a {
    color: #FFF;
    font-size: 1.5rem;
}

html.pl #external-site-logos > div .shippingfee.label-content a {
    /* color: #333; */
}

html.ofc #external-site-logos > div .shippingfee.label-content a {
    font-size: 1.4rem;
}

#external-site-logos > div .shippingfee.label-content a:hover {
    color: var(--color-cream);
    text-decoration: none;
}

html.pl #external-site-logos > div .shippingfee.label-content a:hover {
    color: var(--color-link);
}

@media only screen and (min-width: 1440px) {

    #external-site-logos > div {
        max-width: 1280px;
    }
}

@media screen and (min-width: 950px) {

    #jonny-free-shipbar-top {
        display: none !important;
    }
}

@media screen and (max-width: 949px) {

    #external-site-logos > div .shippingfee.label-content {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {

    #jonny-header-external-sites {
        display: none !important;
    }
}

/* END - jonny-header-external-sites  */

/* fake category sections - swatch two column layout */

.jonny-swatch-list-hr {
    margin-top: 0rem;
    margin-bottom: 2rem;
    padding-top: 0rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #CCC;
}

.jonny-swatch-list-box {
    margin: 0 0 2rem 0;
    display: grid;
    grid-template-columns: 420px 1fr;
    grid-template-rows: 1fr;
    gap: 1rem;
    overflow: hidden;
}

.jonny-swatch-list-box .jonny-col {
    position: relative;
}

.jonny-swatch-list-box .jonny-col-1 {
    background: #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
}

.jonny-swatch-list-box .jonny-col-1::before {
    
}

.jonny-swatch-list-box .jonny-col-1 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    z-index: 1;
    text-decoration: none;
    /* background: var(--background-image) no-repeat top center transparent;
    background-size: cover;
    padding-top: calc(400 / 503 * 46.25%); calc(600 / 755 * 46.25%)*/
}

.jonny-swatch-list-box .jonny-col-1 a.circle::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 0;
    pointer-events: none;
    background-color: rgba(0,0,0,0.1);

    display: none;
}

html:not(.touch) .jonny-swatch-list-box .jonny-col-1 a:hover {
    text-decoration: none;
    background: none transparent;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-switch-box {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-switch-circle {
    display: none;
}

.jonny-swatch-list-box .jonny-col-1 a.circle .jonny-swatch-switch-circle {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 50%;
    height: 20rem;
    width: 20rem;
    overflow: hidden;
    transform: translate(-50%, -93%);
    border: 5px solid #FFF;
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

.jonny-swatch-list-box .jonny-col-1 a:hover > .jonny-swatch-switch-box {
    opacity: 0.2;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-switch-box img.jonny-swatch-switch {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
    image-rendering: crisp-edges;
    /* mix-blend-mode: luminosity;
    -webkit-filter: contrast(1.25);
    filter: contrast(1.25);
    position: absolute;
    top: 0; */
    padding: 0;
    margin: 0;
}

.jonny-swatch-list-box .jonny-col-1 a.circle .jonny-swatch-switch-circle img.jonny-swatch-switch {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
    image-rendering: crisp-edges;
    mix-blend-mode: luminosity;
    -webkit-filter: contrast(1.25);
    filter: contrast(1.25);
    position: absolute;
    top: 0;
    -webkit-transform: translate(16rem, 23rem) scale(3);
    transform: translate(16rem, 23rem) scale(3);
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 4rem;
    box-sizing: border-box;
    color: #FFF;
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
    pointer-events: none;
}

html:not(.touch) .jonny-swatch-list-box .jonny-col-1 a:hover .jonny-swatch-collection-cat-content {
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content::before {
    content: "";
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    margin: 2rem;
    border: 1px solid #999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    box-sizing: border-box;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content h4 {
    padding: 0;
    margin: 0 0 1rem 0;
    font-size: 2.2rem;
    line-height: 2.8rem;
    text-transform: uppercase;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content h4::after {
    content: "";
    width: 50%;
    height: 1px;
    position: relative;
    display: block;
    margin: 0 auto;
    padding-top: 1rem;
    border-bottom: 1px solid #999;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    /* text-align: justify;
    text-justify: distribute; */
    padding: 0;
    margin: 0 0 2rem 0;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content .jonny-swatch-collection-cat-button {
    background-color: #e36020;
    color: #FFF;
    padding: 1rem 1.5rem;
    display: inline-block;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-img {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-img img {
    object-fit: scale-down;
    width: 100%;
    height: auto;/* 100% */
    position: absolute;
    top: auto;
    bottom: 0;
    padding: 0;
    margin: 0;
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

html:not(.touch) .jonny-swatch-list-box .jonny-col-1 a:hover .jonny-swatch-collection-cat-img img {
    opacity: 0.1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

.jonny-swatch-list-box .jonny-col-2 {

}

.jonny-swatch-list-box .jonny-swatch-list {

}

.jonny-swatch-list-box .jonny-swatch-list .block.widget {
    padding: 0 !important;
    margin: 0 !important;
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .products-grid.grid {
    overflow-x: hidden;
    overflow-y: auto;
    height: 537px;
    max-height: 100%;
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid {
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 1rem;
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info {
    /* position: relative; */
    padding: 0 !important;
    margin: 0 !important;
    border: 0 none !important;
    border-radius: 3px;
    overflow: hidden;
    /*opacity: 1;
     -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s; */
}

html:not(.touch) .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info:hover {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 none !important;
    /* opacity: 0.7;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s; */
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info .product-image-container {
    position: relative;
    /* overflow: hidden;
    border-radius: 50%; */
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info .product-image-container::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    /* overflow: hidden;
    border-radius: 50%;
    border: 0px solid rgba(218,94,4,0.5);
    border: 0px solid rgba(255,255,255,1); */
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info:hover .product-image-container::after {
    /* border: 8px solid rgba(218,94,4,0.5);
    border: 8px solid rgba(53,74,66,0.5);
    border: 8px solid rgba(255,255,255,0.4); */
    border: 8px solid rgba(0,0,0,0.3);
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info .product-image-container {
    width: 100% !important;
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info .product-image-wrapper {
    padding-bottom: 100% !important;
    /* border-radius: 0%;
    -webkit-transition: border-radius 0.3s ease 0s;
    transition: border-radius 0.3s ease 0s; */
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info:hover .product-image-wrapper {
    /* border-radius: 50%;
    -webkit-transition: border-radius 0.3s ease 0s;
    transition: border-radius 0.3s ease 0s; */
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info .product-image-wrapper img {
    max-width: 100%;
    image-rendering: crisp-edges;
    mix-blend-mode: luminosity;
    -webkit-filter: contrast(1.25);
    filter: contrast(1.25);
    /* -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: -webkit-filter 1s ease 0s;
    transition: filter 1s ease 0s; */
}

.jonny-swatch-list-box .jonny-swatch-list.grommet-curtain .block.widget .product-items.widget-product-grid li .product-item-info .product-image-wrapper img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-81%, 93%) scale(3);
    transform: translate(-81%, 93%) scale(3);
}

html:not(.touch) .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info:hover .product-image-wrapper img {
    /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter 1s ease 0s;
    transition: filter 1s ease 0s; */
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid li .product-item-info > .product-item-details {
    height: 0;
    overflow: hidden;
}

.jonny-swatch-list-box .jonny-swatch-list .block.widget .products-grid .product-item-inner::before {
    content: none;
    display: none;
}

@media all and (min-width: 1500px){

    html.ofc .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid {
        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    }
}

@media all and (min-width: 1300px){

    html.ofc .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid {
        grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    }
}

@media all and (min-width: 1400px){

    html.ofc .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid {
        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    }
}

@media all and (max-width: 1024px){

    .jonny-swatch-list-box {
        /* grid-template-columns: 31rem 1fr;
        height: 417px; */
    }

    .jonny-swatch-list-box .jonny-swatch-list .block.widget .products-grid.grid {
        /* max-height: 417px; */
      }

      .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid {
        grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    }
}

@media all and (max-width: 980px){

    .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid {
        grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    }
}

@media all and (max-width: 767px){

    .jonny-swatch-list-box {
        grid-template-columns: 270px 1fr;
    }

    .jonny-swatch-list-box .jonny-col-1 a.circle .jonny-swatch-switch-circle {
        display: none;
    }

    .jonny-swatch-list-box .jonny-swatch-list .block.widget .products-grid.grid {
        height: 340px;
    }
}

@media all and (min-width: 500px) and (max-width: 767px){

    .jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content h4 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content p {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    
    .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid {
        grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    }
}

@media all and (max-width:  500px){

    .jonny-swatch-list-box {
        grid-template-columns: 1fr;
        gap: 0.5rem;
        /* max-height: 557px;
        height: auto;
        height: auto !important; */
    }

    .jonny-swatch-list-box .jonny-col-1 {
        /* min-height: 435px; */
        padding-top: calc(400 / 503 * 158.25%);
    }

    .jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content,
    html:not(.touch) .jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-content {
        display: none;
    }

    .jonny-swatch-list-box .jonny-col-1 a .jonny-swatch-collection-cat-img img {
        height: auto;
    }

    .jonny-swatch-list-box .jonny-col-1 a:hover .jonny-swatch-collection-cat img,
    html:not(.touch) .jonny-swatch-list-box .jonny-col-1 a:hover .jonny-swatch-collection-cat-img img {
        opacity: 1;
    }


    .jonny-swatch-list-box .jonny-col-1 a:hover .jonny-swatch-switch-box,
    html:not(.touch) .jonny-swatch-list-box .jonny-col-1 a:hover .jonny-swatch-switch-box {
        opacity: 1;
    }

    .jonny-swatch-list-box .jonny-col-2 {
        display: none;
    }

    .jonny-swatch-list-box .jonny-swatch-list .block.widget .products-grid.grid {
        height: auto !important;
    }

    .jonny-swatch-list-box .jonny-swatch-list .block.widget .product-items.widget-product-grid {
        grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
        gap: 0.5rem;
    }

    .jonny-swatch-list-hr {
        display: none;
    }
}

@media all and (max-width: 430px){

    .jonny-swatch-list-box {
        grid-template-columns: 1fr;
    }
    
    .jonny-swatch-list-box .jonny-col-1 {
        /* min-height: 435px; */
    }
}
/* fake category sections - swatch two column layout */

/* start - tooltip option notes styles */

.sale-tag {
    display: inline-block;
    background: #e4f4e4d4;/* #e4f4e4 */
    color: #0d3e0d;
    font-style: normal;
    line-height: 1.75rem;
    padding: 1rem 1.5rem;
    margin-top: 1rem;
    cursor: default;
}

.sale-tag .fa {
    color: #0d3e0dd6;
}

.sale-tag a {
    color: inherit !important;
    text-decoration: underline;
    cursor: pointer;
}

.tooltip-tag,
.warning-tag,
.error-tag {
    display: inline-block;
    line-height: 1.8rem;
    font-style: normal;
    padding: 1rem 1.5rem;
    margin-top: 1rem;
    cursor: default;
}

body:not(.is-builder) .tooltip-tag,
body:not(.is-builder) .warning-tag,
body:not(.is-builder) .error-tag  {
    margin-top: 0;
}

.tooltip-tag,
.warning-tag {
    background: #FDECD0BD;/* #F9EEDB96 #FFF5DFC4 #FFF5DF #FDF3DD #FBEED3 */
    color: #222;
}

.tooltip-tag .fa,
.warning-tag .fa {
    /* display: none; */
    color: #444;
}

.tooltip-tag a,
.warning-tag a {
    text-decoration: underline;
}

.error-tag {
    background: #FBC6C0D9;
    color: #222;
}

.error-tag .fa {
    display: none;
    color: #444;
}

/* start - tooltip option notes styles */

/* grid override */
@media screen and (min-width: 420px) and (max-width: 599px) {

    .jonny-grid > .grid_1_m,
    .jonny-grid > .grid_2_m,
    .jonny-grid > .grid_3_m,
    .jonny-grid > .grid_4_m,
    .jonny-grid > .grid_5_m,
    .jonny-grid > .grid_6_m,
    .jonny-grid > .grid_7_m,
    .jonny-grid > .grid_8_m,
    .jonny-grid > .grid_9_m,
    .jonny-grid > .grid_10_m,
    .jonny-grid > .grid_12_m {
      grid-column: span 6;
    }
}
/* end - grid override */

/* klaviyo popup */
html.is-prod body.catalog-product-view > div > button.needsclick {
    display: none !important;
}

html.is-prod body > div > button.needsclick {
    box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.3);
}

/*html body > div > button.needsclick > svg {
    top: 6px;
    position: relative;
    left: auto;
    right: 6px;
}

.needsclick > .needsclick > .needsclick > .needsclick > div [id*="rich-text-"] > p:not([style="text-align: center;"]) > span {
    font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 1.6rem !important;
    color: #05222d !important;
}*/

/* 3 column product page layout */

@media screen and (min-width: 768px) {

    body.page-layout-1column .product.media {
        /* width: 35%; */
    }

    body.page-layout-1column .product-info-main {
      /* width: 65%;
      margin-bottom: 2rem; */
    }
}

.product-info-main {
    /* display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "title form"
                         "sku form"
                         "disco-msg form"
                         "price form"
                         "price form"
                         "add-to add-to"
                         "upsell upsell";
    gap: 1.5rem; */
    
}

.product-info-main > .page-title-wrapper.product {
    /* grid-area: title; */
}

.product-info-main > .product.attribute.sku  {
    /* grid-area: sku;
    padding: 0;
    margin: 0 0 1rem; */
}

.product-info-main > #discontinued-message {
    /* grid-area: disco-msg; */
}

.product-info-main > .product-info-price {
   /*  grid-area: price; */
}

.product-info-main > .product-add-form {
    /* grid-area: form; */
}

.product-info-main > .jonny-under-cart-addto {
   /*  grid-area: add-to; */
}

.product-info-main > .block.upsell {
    /* grid-area: upsell; */
}

/* end - 3 column product page layout */

/* cushion builder overrides */
html body.is-builder.is-builder-all #pb-box .subtotal-free-shipping a {
    top: -6px;
}
  
html body.is-builder.is-builder-all #pb-box .pb-footer .selected-product .subtotal-free-shipping::after,
html body.is-builder.is-builder-all #pb-box .pb-header .total-price .subtotal-free-shipping::after {
    content: "Buy More Save More";
    font-size: 11px;
    color: #666;
    display: block;
    position: relative;
    z-index: 10;
    top: -13px;
}

/* ----------------- */
@media (min-width: 768px) and (max-width: 1023px) {
    
  html.ofc body .jamm-dropdown-trigger.jamm-dropdown-trigger-click span::after {
    top: 18px !important;
 }
}