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

:root {
    /* inside "/app/design/frontend/Refueledinc/patiolane/web/css/pl-theme-css-var.css" */
}

/* magento blank override styles font family */
.block-event .slider-panel .slider .item .action.event {
    font-family: var(--font-family);
}

.fieldset > .field .addon .addbefore,
.fieldset > .fields > .field .addon .addbefore,
.fieldset > .field .addon .addafter,
.fieldset > .fields > .field .addon .addafter {
    font-family: var(--font-family);
}

.action.primary {
    font-family: var(--font-family);
}

.am-dropdown .am-select,
.am-dropdown .chosen-container .chosen-choices {
    font-family: var(--font-family);
}

.am-dropdown .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: var(--font-family);
}

.payment-method-braintree .hosted-control {
    font-family: var(--font-family);
}

.file-uploader-button {
    font-family: var(--font-family);
}

.block-event .slider-panel .slider .item .action.event {
    font-family: var(--font-family);
}

/* magento blank override styles font family */

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

body {
    background-color: var(--color-white);
    color: var(--color-text);
    line-height: 2.3rem;
    /* min-width: 320px; */
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 1.4rem;/* 1.6rem */
    line-height: 2.1rem;/* 2.2rem */
}

@media screen and (max-width: 767px) {
    
    body {
        font-size:  1.4rem;
        line-height: 2.1rem;
    } 

    /*html:not(.window-loaded) {
		overflow: hidden;
	}

	 html.window-loaded {
		overflow: hidden;
	} */
}

body > table {}

html.lock-scrolling {
   overflow: hidden;
}

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

/*body.loading-overlay-showing > .loading-overlay {
     temp 
    display: none;
}*/

html.ie11 body > .loading-overlay,
html.ie11 body.loading-overlay-showing > .loading-overlay  {
   display: none !important;
}

body.loading-overlay-showing > .loading-overlay {
    opacity: 1;
    visibility: visible;
    
    /* temp
    display: none;*/ 
}

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

/* html.window-loaded .loading-overlay-showing > .loading-overlay {
	opacity: 0;
	visibility: hidden;
} */

body .loading-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 0;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    background: #FFF;
    background: url("../images/logo-symbol-white.png") no-repeat 50% 49% #FFFFFF;
    background: url("../images/logo-symbol-white.png") no-repeat calc(50% + 5px) calc(50% - 60px) var(--color-white);
    
    /* background-color: transparent; */

    -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;
    will-change: opacity;
}

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

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

html.ie11 body .bounce-loader,
html.ie11 body.loading-overlay-showing .bounce-loader {
    display: none !important;
 }

body.loading-overlay-showing .bounce-loader {
    margin: -9px 0 0 -35px;
    text-align: center;
    width: 82px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10000;
    box-sizing: border-box;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    /*will-change: transform; */
    /* display: block; */

    /* temp */
    /*-webkit-transition: none;
    transition: none;
    display: none;  */
}

body.loading-overlay-showing .bounce-loader .bounce1,
body.loading-overlay-showing .bounce-loader .bounce2,
body.loading-overlay-showing .bounce-loader .bounce3{
    background-color: var(--color-gray);
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0 2px;
    border-radius: var(--border-radius-circle);
    box-sizing: border-box;
    /* -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); */
    -webkit-animation: 1.6s ease-in-out 0s normal both infinite bouncedelay;
    animation: 1.6s ease-in-out 0s normal both infinite bouncedelay;
    /* will-change: transform; */
}

body.loading-overlay-showing .bounce-loader .bounce1 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
    background-color: var(--color-purple);
}

body.loading-overlay-showing .bounce-loader .bounce2 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
    background-color: var(--color-yellow-orange);
}

body.loading-overlay-showing .bounce-loader .bounce3{
    background-color: var(--color-seafoam);
}

@-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);
    }
}

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


}

/* ----------------------------------------------------- */
/* wrapper */
.page-wrapper {

    /*width: 602px !important;*/
    /* display: block;
	-webkit-flex-direction: unset;
	-ms-flex-direction: unset;
	flex-direction: unset; */

    /* width:100%;*/
    /*height: 100vh;   temp comment */
    max-width: 100%;
    /*min-width: 320px;
     min-height: 700px; */
    margin: 0 auto;
    background: var(--color-white);
}

html.fotorama__fullscreen .page-wrapper {
    /* z-index: 1; */
}

html.fotorama__fullscreen .page-header,
html.fotorama__fullscreen .minicart-wrapper {
    /* pointer-events: none; */
}

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

    body.checkout-index-index._has-modal-custom .modal-custom-overlay {
        display: none;
    }
}

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

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

    html .page-header {
        position: static;
        /*position: fixed;
		width: 100%;
		left: 0;
		top: 0;*/
        z-index: 1000;
        background-color: var(--color-white);
        margin-bottom: 0;
    }

    html body.checkout-index-index .page-header {
        position: relative;
        z-index: 0;
    }

    body.checkout-index-index .header.content {
        padding-bottom: 15px;
    }
}

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

html body .columns {
    /*background: #000 !important;*/
}

.column.main {
    overflow: visible;
    box-sizing: border-box;
}

body.catalog-product-view:not(.page-product-grouped) .column.main > .block.related .fa-chevron-right {
    display: none;
}

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

    .page-layout-2columns-left .main {
        padding-left: 0;
    }

    body.catalog-product-view:not(.page-product-grouped) .column.main {
        display: flex;
        /* flex-direction: column; */
        flex-flow: row wrap;
    }

    body.catalog-product-view:not(.page-product-grouped) .column.main > .product.media {
        order: 1;
    }

    body.catalog-product-view:not(.page-product-grouped) .column.main > .product-info-main {
        order: 2;
    }
    
    body.catalog-product-view:not(.page-product-grouped) .column.main > #product-fake-jump-tabs {
        order: 3;
        flex: 100%;
    }

    body.catalog-product-view:not(.page-product-grouped) .column.main > .product.info.detailed {
        order: 4;
        flex: 100%;
        margin-bottom: 0;
    }

    body.catalog-product-view:not(.page-product-grouped) .column.main > .block.related {
        order: 5;
        flex: 100%;
        /* margin-top: 3rem; */
    }

    .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 (max-width: 767px) {

    body.catalog-product-view:not(.page-product-grouped) .column.main > .product.info.detailed {
        /* order: 4; */
    }
} 

/* ----------------------------------------------------- */
/* page-title-wrapper - h1 title */

h1,
h1.page-title {
    font-size: 4.2rem;
    line-height: 1.2;
    font-weight: 300;
    text-transform: capitalize;
    margin-bottom: 0;
    letter-spacing: 2px;
    color: inherit;
}

body.catalog-product-view h1,
body.catalog-product-view h1.page-title {
    font-size: 3.5rem;
    line-height: 1.25;
}

.page-title-wrapper {
    position: relative;
    z-index: 0;
    border-bottom: 0 none;
    margin-top: 0;
    border-bottom: 1px solid #EEE;
    background-color: var(--color-dark-purple);
    color: var(--color-white);
    text-shadow: var(--text-shadow-dark);
    /* 0px 0px 15px rgba(255, 255, 255, 0.1), -0px -0px 15px rgba(255, 255, 255, 0.1); */
}

/* target safari ipad portrait */
@media screen and (max-width:768px) and (min-resolution:.001dpcm) { 
    
    html.touch-ipad.portrait .page-title-wrapper {
        margin-top: 2rem;
    }
}

.page-title-wrapper h1.page-title {
    max-width: 1280px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

body.account .page-title-wrapper .page-title {
    display: block;
}

body.catalogsearch-result-index .page-title-wrapper h1.page-title {
    text-transform: none;
}

.page-title-wrapper h1.page-title span {
    position: relative;
    padding: 2rem;
    text-align: center;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.catalog-product-view .page-title-wrapper h1.page-title span {
    
}

body.account.sales-order-view .page-title-wrapper h1.page-title span {
    min-height: 90px;
    padding-top: 5.5rem;
}

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

    body.catalog-product-view .page-title-wrapper h1.page-title span {
        max-width: 75%;
        margin: 0 auto;
    }
}

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

    h1,
    h1.page-title {
        font-weight: 400;
    }
}

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

    .page-header.shrink ~ .page-title-wrapper {
        margin-top: 47px;/* 102px */
    }
}

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

    .page-title-wrapper h1.page-title span {
        min-height: unset;
    }
}

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

    body.page-products h1 {
        font-size: 1.8rem;
        line-height: 3.5rem;
        font-weight: 500;
    }

    .page-title-wrapper h1.page-title {
        text-align: center;
    }
    
    body.page-products .page-title-wrapper h1.page-title span {
        min-height: unset;
    }

    body.page-products .page-title-wrapper h1.page-title span {
        padding: 0;
        min-height: unset;/* 150px */
        padding: 1.5rem 0;
    }
}

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

    body.page-products .page-title-wrapper {
        width: 100%;
    }

    .checkout-cart-index .page-title-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .page-title-wrapper span br {
        display: inline-block;
        width: 0.5rem;
    }
}

/* content formatting - global h1 page title is grouped with page-title-wrapper */
h1,
h2,
h3,
h4 {
    font-family: var(--font-family); /*"Gotham SSm A" */
    color: var(--color-dark-gray);
}

body.cms-home h1.home-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;
}

body .page-title-wrapper h1.page-title {
    
}

h2 {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-transform: capitalize;
}

.content-inner h2 {
    /*text-transform: uppercase;
	margin-top: 0;*/
}

.content-inner h3 {
    /*text-transform: uppercase;
	margin-top: 0;*/
}

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

.content-inner h3 {
    margin-top: 1.5rem;
}

.content-inner .jonny-grid > div > h3 {
    margin-top: 0;
}

h4 {
    font-weight: 500;
}

.content-inner .section-heading {
    font-weight: 600;
    border-top: 1px dashed #CCC;
    padding-top: 2rem;
    margin-top: 2rem;
}

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

    /*h1 {
		font-size: 3.1rem;
		margin-bottom: 20px;
	}*/
}

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

    /*h1 {
		font-size: 2.5rem;
		margin-bottom: 20px;
	}*/
}

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

    h1 {
        font-size: 2.3rem;
        line-height: 2.7rem;
        text-align: center;
    }

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

    body .page-title-wrapper h1.page-title {
        /* font-weight: 600; */
    }

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

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

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

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

    h1.page-title {
        /*font-size: 1.8rem;
		line-height: 2rem;*/
    }
}

p {
    margin-bottom: 1rem;
}

.content-inner .message p {
    margin-bottom: 0;
}

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

.content-inner img.fit {
    width: 100%;
    max-width: 100%;
    height: auto;
}

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

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

.content-inner a, 
.content-inner .alink {
    color: var(--color-link-hover);
    text-decoration: none;
}

.content-inner a:hover, 
.content-inner .alink:hover {
    color: var(--color-link);
    text-decoration: underline;
}

.content-inner .value p,
.product.attribute.description .value p {
    /* line-height: 2.1rem; */
    margin-bottom: 1rem;
}

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

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

    #contact-info a[href^="mailto:"] {
        font-size: 1.2rem;
    }
}

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

    body.cms-page-view .content-inner p,
    body.cms-page-view .content-inner ul li,
    body.cms-page-view .content-inner ol li {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    body.cms-page-view .content-inner > h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}


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

.nowrap {
    white-space: nowrap;
}

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

.content-inner ul,
.content-inner ol {
    padding: 0 0 1.5rem 1.8rem;
    margin: 0;
}

.content-inner .message ul,
.content-inner .message ol {
    padding: 0 0 0 1.8rem;
    margin: 0;
}

.content-inner ul,
.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;
}

.no-padding-top,
.content-inner ul.no-padding-top,
.content-inner ol.no-padding-top {
    padding-top: 0;
}

.no-padding-bottom,
.content-inner ul.no-padding-bottom,
.content-inner ol.no-padding-bottom {
    padding-bottom: 0;
}

ul > li,
ol > li {
    list-style-position: outside;
    margin-bottom: 0.4rem;
}

.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 ul {
    list-style-type: disc;
}

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

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 .fa,
ol.no-bullet li .fa {
    padding-right: 0.5rem;
}

ul.no-bullet li .fa.larger,
ol.no-bullet li .fa.larger {
    position: relative;
    top: 2px;
}

dt {
    font-weight: 600;
}

dl {
    list-style-position: inside;
}

.bullet-item {
    display: list-item;
    padding-left: 1.5rem;
    list-style-position: inside;
}

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

/* helper classes */
small,
.small {
    font-size: 11px;
}

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

.fa.larger::before {
    font-size: 17px;
}

b, strong {
    font-weight: 500;
}

.content-inner h3 b,
.content-inner h3 strong {
    font-weight: 700;
}

.bold {
    font-weight: 600;
}

.bolder {
    font-weight: 800;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

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

.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);
}

.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;
}

.page-title-wrapper h1.page-title em {
    text-transform: none;
    font-style: normal;
    font-weight: 100;
}

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

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

/* add clearfix to various elements */
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

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

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

    .page-title-wrapper h1.page-title em {
        font-weight: 200;
    }
}

/* ----- */

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

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

.margin-top {
    margin-top: 1.5rem;
}

.margin-bottom {
    margin-bottom: 1.5rem;
}

.margin-left {
    margin-left: 1.5rem;
}

.margin-right {
    margin-right: 1.5rem;
}

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

a[href*="javascript"],
a[href="javascript:;"]

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

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

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

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

a,
button.action.primary {
    text-decoration: none;
    /* -webkit-transition: all 300ms ease;
	transition: all 300ms ease; */
}

.content-inner a {
    /* text-decoration: underline; */
}

a:hover,
button.action.primary:hover {
    text-decoration: none;
}

.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: var(--border-radius-circle);
    padding: 0 !important;
}

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

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

.amsearch-form-container.-opened .input-text::placeholder {
    color: #777;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

.block-search input::placeholder {
    color: #777;
    font-size: 1.5rem;
    font-weight: 400;
}

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

    .block-search input::placeholder {
        /* text-align: center; */
    }

    .-opened .block-search input::placeholder {
        text-align: left;
    }
}

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

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

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

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

input:focus,
select:focus,
textarea:focus {
    background-color: var(--color-cream) !important;
    /* #EEE !important; rgba(236,236,236,0.4) #FFC ;*/
}

._keyfocus :focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: none !important;
    border-width: 1px !important;
}

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

    ._keyfocus :focus,
    input:not([disabled]):focus,
    textarea:not([disabled]):focus,
    select:not([disabled]):focus {
        border-color: #DDD !important;
        /* border-bottom: 1px solid transparent !important;
        border-right: 0 none !important;
        border-left: 0 none !important; */
    }
}

input.input-text,
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;
    border-radius: 3px;
    padding: 1rem 1.5rem;
    height: auto;
}

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

    input.input-text,
    input[type="text"],
    input[type="password"],
    input[type="url"],
    input[type="tel"],
    input[type="search"],
    input[type="number"],
    input[type="datetime"],
    input[type="email"] {
        /* font-size: 1.6rem; */
    }
}

/*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;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

input[type=number].input-text.qty::-webkit-outer-spin-button,
input[type=number].input-text.qty::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"],
input[type=number].input-text.qty {
    -moz-appearance:textfield; /* Firefox */
}

html.desktop select {
    /* webkit-appearance: menulist;
	-moz-appearance: menulist;
   -ms-appearance: menulist;
   appearance: menulist; */
}

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

button,
input,
select,
textarea {
    font-weight: 300;
    color: var(--color-text);
}

select {
    border-radius: 3px;
    height: auto;
    padding: 1rem 2.5rem 1rem 1.5rem;
    cursor: pointer;
}

select[multiple="multiple"] {
    border-radius: 3px;
}

textarea {
    border-radius: 3px;
}

body #form-validate input[type="checkbox"] {
    position: relative;
    top: 0px;
}

.button-call-to-action {
    display: inline-block;
    background: #FFC;
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
    color: var(--color-link);
}

.button-call-to-action:hover {
    color: var(--color-purple);
}

.column .block-addbysku .qty .qty,
.bundle-options-container .input-text.qty,
.box-tocart .input-text.qty,
.account .data.table-return-items .qty .input-text,
.table-giftregistry-items .field.qty .qty,
.block-giftregistry-shared-items .qty .qty,
.table.grouped .col.qty .control.qty .qty,
.block-wishlist-info-items .input-text.qty,
.multicheckout .table-wrapper .col .qty .input-text,
.account .table-wrapper .data.table.wishlist .box-tocart .qty,
.products-grid.wishlist .product-item .box-tocart input.qty,
.sidebar .block-addbysku .fieldset .fields .field.qty .qty {
    width: 60px;
    height: auto;
}

.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: 300;
}

/* elements to hide */



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

.jonny-home-sale-banner:empty {
    display: none !important;
}

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

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;
}

.emergency-sale-banner-text.banner-text > div {
    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 {
    line-height: 2.3rem;
}

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

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

.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 (max-width: 767px) {

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

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


/* block title */
.block .title {
    /*margin-bottom: 2rem;*/
    font-weight: 400;
}

body.account .sidebar .block-collapsible-nav .title.active {
    border-bottom: 0px solid #ccc;
}

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

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

.message.error {

}

.message.error > :first-child::before {
    color: #991612;
}

.message.info {
}

.message.warning {
    background: #fdf0d5;
}

.message.success {
    background: #d5eed5;
}

.message.error,
.message.info,
.message.warning,
.message.success {
    margin: 0 0 2.5rem;
    line-height: 1.9rem;
}

.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;
}

.minicart-messages .message.error,
.minicart-messages .message.info,
.minicart-messages .message.warning,
.minicart-messages .message.success {
    margin: 0;
}

div#qty-error.mage-error[generated] {
    margin-top: 0;
    padding: 1rem 1rem 1rem 1rem;
    line-height: 1.5rem;
}

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

.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;
}

.message a {
    text-decoration: underline;
    color: inherit !important;
}

.message.info a {
    text-transform: capitalize;
}

.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);
}

/* discontinued messages */

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

#discontinued-message p {
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 400;
}

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

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

    #discontinued-message {

    }
}

/* modal + modal wrapper */
.modals-wrapper {
    position: relative;
    z-index: 1012;
}

.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-form .fieldset .field.attachment {
    display: none;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
}

.hdmx__contact-form .fieldset .field.attachment.active {
    display: block;
}

.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;
}

.hdmx__contact-form .fieldset .legend {
    display: none;
}

.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
    font-weight: 500;
}

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

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

.modal-popup {
    /*overflow-y: unset;*/
}

.modal-popup.simple-modal-no-arrows {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

body._has-modal {
    overflow: auto;
}

/* product banners */


/* block search */

.block-search .label {}

.block-search input {
    padding: 9px 4px;
}

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

    .block-search input {
        padding: 9px 2rem;
    }
}

.block-search .action.search::before {
    line-height: 40px;
}

.amsearch-wrapper-input {
    position: relative;
    transition: none;
}

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

    .block-search {
        width: 300px;
        padding: 0;
        position: relative;
        top: 28px;
    }

    .block-search .label {
        display: none;
    }

    .amsearch-form-container .amsearch-wrapper-input,
    .amsearch-form-container.-opened .amsearch-wrapper-input {
        position: static;
        -webkit-transition: none;
        transition: none;
    }

    .block.block-search .form.minisearch input[name="q"] {
        padding-left: 40px;
        left: 0;
        position: static;
        font-size: 1.8rem;
        /* width: 0; */
    }
}

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

    .block-search .label {
        display: none !important;
        position: relative;
        top: -5px;
    }

    .block-search .search .control {
        padding: 0;
        border: 0 none;
    }

    .block-search input {
        position: static !important;
        margin: 0;
        border-radius: 0;
        left: 0;
        padding: 1rem;
        line-height: 3.5rem;
        border: 0 none;
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }
    
    .block-search .label.active + .control input {
        /* position: static; */
    }

    .block.block-search .form.minisearch input[name="q"] {
        padding-left: 49px;
    }

    .search .amsearch-loupe {
        display: block !important;
        z-index: 1;
        left: 18px;
        cursor: default;
        /* -webkit-transform: scale(1);
        transform: scale(1); */
        background-size: 25px;
        height: 30px;
        width: 30px;
        position: absolute;
        top: 25%;
        left: 9px;        
        border: 0;
        padding: 0;
        box-shadow: none;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni45NjYgNTYuOTY2Ij48cGF0aCBkPSJNNTUuMTQ2IDUxLjg4N0w0MS41ODggMzcuNzg2QTIyLjkyNiAyMi45MjYgMCAwIDAgNDYuOTg0IDIzYzAtMTIuNjgyLTEwLjMxOC0yMy0yMy0yM3MtMjMgMTAuMzE4LTIzIDIzIDEwLjMxOCAyMyAyMyAyM2M0Ljc2MSAwIDkuMjk4LTEuNDM2IDEzLjE3Ny00LjE2MmwxMy42NjEgMTQuMjA4Yy41NzEuNTkzIDEuMzM5LjkyIDIuMTYyLjkyLjc3OSAwIDEuNTE4LS4yOTcgMi4wNzktLjgzN2EzLjAwNCAzLjAwNCAwIDAgMCAuMDgzLTQuMjQyek0yMy45ODQgNmM5LjM3NCAwIDE3IDcuNjI2IDE3IDE3cy03LjYyNiAxNy0xNyAxNy0xNy03LjYyNi0xNy0xNyA3LjYyNi0xNyAxNy0xN3oiIGZpbGw9IiNhOWE5YTkiLz48L3N2Zz4=') no-repeat center;
    }
}

/* amasty search ext overrides */

/* ----------------------------------------------------- */
/* autocomplete - amasty */

.smile-elasticsuite-autocomplete-result {
    border-top: 5px solid var(--color-link);
}

.search-autocomplete{
    width: 100% !important;
    margin: 3px 0 0 0;
    top: 41px;
}

.search-autocomplete dl dd .product-item {
    text-align: left;
}

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

    .search-autocomplete {
        max-height: 450px;
        height: auto;
    }
}

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

    .search-autocomplete {
        top: calc(100% + -3px);
        left: 0;
    }
}

/* ----------------------------------------------------- */
/* 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;
}

/* ----------------------------------------------------- */
/* 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;
    }

    .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;
}

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

.top-container {}

.page-wrapper #maincontent {
    padding-top: 0;
    padding-bottom: 4rem;
    margin-top: 2.5rem;
    /*min-height: 748px;*/
    z-index: 0;
}

body.cms-page-view .page-wrapper #maincontent {
    /* margin-top: 0; */
}

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

    .page-wrapper #maincontent {
        margin-top: 1.5rem;
    }

    body.checkout-index-index .page-wrapper #maincontent {
        margin-top: 1.5rem;
    }
}

#maincontent .page.messages {
    display: none;
}

#maincontent .page.messages div:empty {
    display: none;
}

html.window-loaded #maincontent .page.messages,
html.window-loaded #maincontent .page.messages div {
    display: block;
}

/* ----------------------------------------------------- */
/* contacts page */
#map-container {
    width:100%; 
    height:300px;
    margin-bottom:1rem;
}

#map-container .map-block {
    width:156px; 
    height:105px;    
}

#map-container .map-block .indent {
    width:156px; 
    height:105px;    
}

#map-container .map-block .indent p {
    width:156px; 
    height:105px;
}

#map_canvas {
    margin-bottom: 1.5rem;
    width:100%; 
    height:300px;
}

#map_canvas iframe {
    border:0;
    border-bottom: 1px solid #FAFAFA;
    width:100%; 
    height:300px;
}

#jonny-contact-text {
    margin-bottom: 2rem;
    display: none;
}

#jonny-contact-text.active {
    display: block;
}

#helpdesk-contacts-form .field-recaptcha {
    margin-top: 1.5rem;
}

.hdmx__contact-form .actions-toolbar .action.primary {
    background: var(--color-gray);
    float: none;
    margin-top: 1.5rem;
    padding: 1.5rem 2rem;
}

.hdmx__contact-form .actions-toolbar .action.primary:hover {
    background: var(--color-dark-gray);
}

#helpdesk-contacts-form .fieldset > .field > .label, 
#helpdesk-contacts-form .fieldset > .fields > .field > .label {
    line-height: 3rem;
    margin-bottom: 0;
}

#helpdesk-contacts-form .fieldset > .field:last-child, 
#helpdesk-contacts-form .fieldset > .fields > .field:last-child {
    margin: 0 0 1rem;
}

.hdmx__contact-popup .fieldset :last-child, 
.hdmx__contact-form .fieldset :last-child, 
.hdmx__ticket-new .fieldset :last-child {
    margin-top: 0;
}

.hdmx__contact-form .fieldset .group-3 {
  margin-bottom: 0rem;
}

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

    body.contact-index-index .columns .column.main > p {
        font-size: 1.4rem;
        line-height: 2rem;
        text-align: justify;
        letter-spacing: -0.1px;
    }
    
    .hdmx__contact-form .fieldset .group-3 .field:first-child {
        width: 100%;
    }

    .hdmx__contact-form .fieldset .group-3 .field:nth-child(2) {
        width: 50%;
    }

    .hdmx__contact-form .fieldset .group-3 .field:nth-child(3) {
        width: 50%;
    }
    
    .fieldset > .field, .fieldset > .fields > .field {
        margin: 0 0 0.5rem;
    }

    #helpdesk-contacts-form .fieldset > .field > .label, 
    #helpdesk-contacts-form .fieldset > .fields > .field > .label {
        font-size: 1.4rem;
    }

    .hdmx__contact-form .actions-toolbar .action.primary {
        width: 100%;
        float: none;
    }
}

/* ----------------------------------------------------- */
/* 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-hover);
}

.content-inner .cms-tabs li a:hover {
    color: var(--color-link);
}

.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) {

}

/* product name / cat name / upsell name / related name */

.page-title-wrapper h1.page-title span[title^="Throw Pillow Made"],
.product.name a[title^="Throw Pillow Made"].product-item-link,
.page-title-wrapper h1.page-title span[title^="Order Cut Yardage:"],
.product.name a[title^="Order Cut Yardage:"].product-item-link,
.page-title-wrapper h1.page-title span[title^="Sample of"],
.product.name a[title^="Sample of"].product-item-link {
    font-weight: 500;
}

.page-title-wrapper h1.page-title span[title^="Throw Pillow Made"] > em,
.product.name a[title^="Throw Pillow Made"].product-item-link > em,
.page-title-wrapper h1.page-title span[title^="Order Cut Yardage:"] > em,
.product.name a[title^="Order Cut Yardage:"].product-item-link > em,
.page-title-wrapper h1.page-title span[title^="Sample of"] > em,
.product.name a[title^="Sample of"].product-item-link > em {
    display: inline;
    font-style: normal;
    font-weight: 300;
}

.page-title-wrapper h1.page-title span[title^="Throw Pillow Made"] > em,
.page-title-wrapper h1.page-title span[title^="Order Cut Yardage:"] > em,
.page-title-wrapper h1.page-title span[title^="Sample of"] > em {
    font-weight: 200;
}

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

    
}

/* minicart */

#minicart-wrapper {
    
}

html.fotorama__fullscreen-delay #minicart-wrapper {
    pointer-events: none;
}

#minicart-wrapper .block-content {
    position: relative;
    /* display: flex;
    flex-direction: column; */
}

.minicart-wrapper .block-minicart {
    padding: 20px 20px 15px 20px;
    border: var(--border-solid-gray);
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
}

.minicart-wrapper.active .block-minicart {
    opacity: 1;
    -webkit-transition: opacity 0.5s 0.5s;
    transition: opacity 0.5s 0.5s;
}

.page-header.shrink .minicart-wrapper.active .block-minicart {
    /* display: none !important;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; */
}

.minicart-items .product-item {
    padding: 1rem 0;
}

#minicart-content-wrapper .minicart-items .product-item-details .product.options {
    /* display: none; */
}

.block-minicart .block-content > .actions {
    margin-top: 8px;
}

.block-minicart .block-content > .subtotal + .actions {
    margin-top: 8px;
}

.block-minicart .minicart-items .action.edit:hover::before, 
.block-minicart .minicart-items .action.delete:hover::before {
    color: var(--color-pink);
}

.block-minicart .subtitle.empty {
    padding: 20px 0 20px;
    font-weight: 400;
}

#top-cart-btn-checkout + div {
    display: none;
}

.block-minicart .block-content > .actions > .primary {
    margin: 0 0 0.8rem;
    /* display: none; */
}

.block-minicart .block-content > .subtitle {
    display: block;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1rem;
    position: relative;
    top: 1px;
}

.block-minicart .block-content > .subtitle.empty {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0rem;
}

#minicart-wrapper .minicart-messages {
    margin: -1rem -1rem 2rem -1rem;
    /* 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;
}

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;
}

html.after-window-loaded #minicart-wrapper .message.error {
    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;
}

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

    .minicart-items-wrapper {
        max-height: 400px;
        height: 400px !important;
    }
}

@media screen and (max-width: 767px) {
    
    .block-minicart .block-content {
        
    }

    .block-minicart .block-content > .subtitle {
        
    }

    button {
        
    }

    #minicart-wrapper .minicart-messages {
        margin: -2rem -1rem 2rem -1rem;
        padding-left: 1rem;
    }
}

.minicart-items .product-item-name {
    margin: 0;
}

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

.minicart-items .item-qty {
    width: 50px;
    padding: 0.2em 1.5rem;
}

.minicart-items .product-item-details .details-qty {
    /* display: none; */
}

.block-minicart .amount .price-wrapper:first-child .price {
    color: var(--color-red);
    font-weight: 400;
}

.minicart-items .product-item-details .price {
    font-weight: 500;
    color: #565559;
}

.block-minicart .block-content > .actions > .secondary .action.viewcart {
    display: block;
    width: 100%;
    line-height: 2.2rem;
    /* letter-spacing: 1px; */
    font-weight: 400;
    font-size: 1.8rem;
    color: #333;
    text-align: center;
    margin: 0rem auto 0;
    padding: 1.4rem 1.7rem;
    text-decoration: none;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray);
    position: relative;
    top: 1rem;
}

.block-minicart .block-content > .actions > .secondary .action.viewcart:hover {
    background: var(--color-white);
    border-color: var(--color-pink);
    color: var(--color-pink);
}

.minicart-wrapper .action.close {
    right: -1.5rem;
    top: -0.5rem;
    z-index: 1;
}

.block-minicart .items-total {
    float: none;
    margin: 0;
    position: absolute;
    top: 92px;/* 101px 36px 93px 115px */
    right: 0;
    font-size: 1.2rem;
}

#minicart-wrapper .minicart-messages:not(:empty) + .block-title + .block-content .items-total {
    /* top: 185px; */
}

.block-minicart .subtotal {
    margin: 0 10px 10px;
    text-align: center;
    float: none;
    display: flex;
    flex-direction: row;
    position: relative;
    top: -5px;
}

.block-minicart .subtotal .label {
    width: 57%;
    text-align: right !important;
    padding-right: 0.5rem;
}

.block-minicart .subtotal .amount price-container {
    width: 43%;
    text-align: left;
    padding-left: 0.5rem;
}

.minicart-items .product.options .toggle > span {
    letter-spacing: 1px;
    font-size: 1.2rem;
}

.block-minicart dl.product.options.list {
    display: block;
    clear: both;
    padding: 1rem;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    border-radius: var(--border-radius-rounded);
    font-size: 1.2rem;
    position: relative;
    top: -2.3rem;
}

.minicart-items .product-item-details .product .options.list dt {
    margin-bottom: 0;
    display: block;
    float: none;
}

.minicart-items .product-item-details .product .options.list dd {
    margin-bottom: 0;
    display: block;
    float: none;
}

.minicart-items .product-item-name a {
    line-height: 2rem;
    font-size: 1.3rem;
    color: var(--color-text);
}

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

    #minicart-wrapper {
        /* z-index: 10; */
    }
}

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

    #top-cart-btn-checkout {
        font-size: 1.4rem;
    }
}

/* hide custom option details in minicart 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.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.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: #666;
    margin: 0;
    padding: 0;
    display: flex;
}

.minicart-items .product.options .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.options .content {
    display: none !important;
}

/* cart - discount code */

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

    #block-discount {}

    #block-discount .title {
        display: none;
    }

    #block-discount .content {
        display: block !important;
        padding: 0;
    }

    #block-discount .content .action.apply.primary {
        margin-left: 1rem;
    }
}

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

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

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

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

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

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

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


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

    .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 (min-width: 640px) and (max-width: 767px) {}

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

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

/* header */

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

.logo #logo-svg {
    display: none;
}

#logo-mobile-text {
        display: none;
}

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

    .panel.wrapper > .page-header > .widget.block {
        float: left;
    }
}

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

    /* align logo and menu hamburger for mobile trigger */
    .logo {
        /* margin: 0 0 0 50px; */
        display: inline-block;
        /* background: url("../images/logo-mobile-no-symbol.png") no-repeat 0 0 transparent;
      background-size: 171px; */
        max-width: 100%;
        width: 171px;
        height: 37px;
        overflow: visible;
        position: relative;
        top: -7px;
        margin-bottom: 7px;
        /* margin-left: 0; */
    }

    html .logo img,
    .logo #logo-svg {
        height: 37px;
        /* auto */
        width: 171px;
    }

    .logo img {
        /*height: auto;
      width: 150px;*/
        opacity: 0;
        display: none;
    }

    .logo #logo-svg {
        display: inline-block;
    }

    #logo-mobile-text {
        display: block;
        font-size: 11px;
        font-weight: 300;
        color: #444;
        position: absolute;
        bottom: -1rem;
        left: 2.95rem;
        letter-spacing: 1.5px;
    }
}

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

    .header.panel > .header.links > li {
        font-size: 1.6rem !important;
    }
}

/* ------------------------------------ */
/* header panel */
.header.panel > .header.links {
    margin: 0;
}

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

html .header.panel > .header.links > li.authorization-link {
    /* display: none; */
}

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; */
}

.header.panel > .header.links > li.authorization-link a {
    position: relative;
}

.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;
    text-align: center;
    width: 100%;
}

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

.customer-welcome li a {
    color: var(--color-white) !important;
    font-size: 1.3rem;
}

#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: 700;
    text-transform: uppercase;
    color: #555;
    float: right;
    height: 34px;
    width: 139px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    border: 0 none;
    line-height: 35px;
}

html .jonny-selectlist > span {
    display: block;
    cursor: pointer;
    padding: 0 30px 0 15px;
    line-height: 50px;
    text-align: left;
    /*background: var(--color-white) url('../images/select-bg.svg') no-repeat 100% 45%;*/

    line-height: 35px;
    font-size: 12px;
    color: var(--color-white);
    font-weight: bold;
    text-transform: uppercase;
}

html .jonny-selectlist:hover > span {
    color: var(--color-cream);
    /*background: #333;
	background: #333 url('../images/select-bg-hover.svg') no-repeat 100% 45%;*/
}

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

html .jonny-selectlist:hover > ul {
    display: block;
    /* -webkit-animation: fade-in 0.2s;
	animation: fade-in 0.2s; */
}

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

html .jonny-selectlist ul::before {
    border: 6px solid;
    border-color: transparent transparent var(--color-white) transparent;
    z-index: 99;
}

html .jonny-selectlist ul::after {
    border: 7px solid;
    border-color: transparent transparent #bbbbbb transparent;
    z-index: 98;
}

html .jonny-selectlist ul::before {
    right: 10px;
    top: -12px;
}

html .jonny-selectlist ul::after {
    right: 9px;
    top: -14px;
}

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

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

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

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

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

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-white);
    text-decoration: none;
    -webkit-font-smoothing: subpixel-antialiased;
}

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

html .jonny-selectlist::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 22px;
    color: inherit;
    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: var(--color-white);
    position: absolute;
    top: 6px;
    right: 11px;
}

html .jonny-selectlist:hover::after {
    content: '\e621';
    color: var(--color-cream);
}

/*html .jonny-selectlist::before,
html .jonny-selectlist::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 9px;
    background: var(--color-white);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
}*/

/*html .jonny-selectlist::before {
    right: 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

html .jonny-selectlist::after {
    right: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

html .jonny-selectlist:hover::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
}

html .jonny-selectlist:hover::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

html .jonny-selectlist:hover::before, 
html .jonny-selectlist:hover::after {
    width: 14px;
}

html .jonny-selectlist:hover::before,
html .jonny-selectlist:hover::after {
	background: var(--color-white);
}*/

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

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

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

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

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

    .page-header .action.skip.contentarea {
        display: none;
    }

    .page-header .panel.wrapper {
        /* background: var(--color-white);
        color: var(--color-text);
        text-shadow: var(--text-shadow-light);
        border-bottom: 1px solid #EEE; */
        width: 100%;
        /* height: 50px; */
        z-index: 2;
    }

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

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

    .page-header .header.panel a {
        /* color: red; */
    }

    .page-header .panel.header #header-phone-top {
        /* float: left;
      text-align: left; */
    }

    .panel.header > .header.links {
        /* float: right;
        text-align: right; */
        margin-left: 1em;
        /* margin-right: 3rem; */
        z-index: 1;
        position: relative;
        top: 0;
        right: 0;
        /* color: var(--color-white); */
    }

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

    .customer-welcome .action.switch::after {
        color: var(--color-white);
        position: relative;
        top: 4px;
    }

    html.logged-in .customer-welcome .action.switch::after {
        color: var(--color-text);
        /* top: 4px; */
    }

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

    .customer-welcome .customer-menu {
        cursor: pointer;
    }

    .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;
    }

    html.logged-out .header.panel > .header.links > .authorization-link::after {
        content: attr(data-label);
        display: inline-block;
        margin: 0 -5px 0 5px;
        color: inherit;
        /* var(--color-white) */
        line-height: 1.2rem;
        font-weight: 400;
        /* font-size: 12px;
        text-transform: uppercase; */
    }

    html.logged-in .header.panel > .header.links > .authorization-link::after {
        content: none;
    }

    .header.panel > .header.links > li.welcome,
    .header.panel > .header.links > li > a,
    .header.panel > .header.links > li.customer-welcome span.customer-name {
        cursor: pointer;
        white-space: nowrap;
        color: inherit;
        /* var(--color-text) */
        /* font-size: 12px;
        font-weight: 400; */
        text-transform: capitalize;
    }

    .header.panel > .header.links > li.welcome {
        display: none;
    }

    html.logged-in .header.panel > .header.links > li.welcome {
        display: inline-block;
        position: relative;
        top: 2px;
        margin: 0 26px 0 0;/* 0 73px 0 0; */
        clip-path: inset(22px 3px 28px 68px);
        /* hide welcome word */
    }

    html.logged-in.is-chrome .header.panel > .header.links > li.welcome {
        clip-path: unset;
        /* hide welcome word */
    }

    html.logged-in .header.panel > .header.links > li.customer-welcome {
        /* margin: 0 52px 0 0; */
        margin: 0;
        position: absolute;
        right: 10px;/* 58px */
        width: 40%;
    }

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

    .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;
    }

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

    .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: 300;
        /* text-transform: uppercase; */
        color: inherit;
        /* var(--color-white) */
        text-decoration: none;
        /* text-shadow: var(--text-shadow-dark); */
    }

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

    html.logged-in .customer-welcome .action.switch {
        left: 0;
    }

    .header.panel > .header.links > li > a:hover,
    .header.panel > .header.links > li.customer-welcome:hover span.customer-name {
        color: var(--color-yellow-orange);
        text-shadow: var(--text-shadow-light);
        text-decoration: none;
    }

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

    .copyright {
        border-bottom: 0px none transparent;
        background-color: var(--color-gray);
        color: inherit;
    }

    .header.content {
        padding: 5px 20px 0;
        overflow: visible;
        /* height: 50px; */
    }

    .logo {
        margin: 0;
        padding: 0;
        /* border: 1px solid #DDD;
		position: absolute;
		top: -35px;
		left: 2rem;
		z-index: 11; */
        /* 
		background: var(--color-white);
		position: absolute;
          top: -6px;
          left: 50%;
		z-index: 11;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%); */
    }
}

/* ------------------------------------ */
/* 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;
}

/* ------------------------------------ */
/* shareaholic widget (external) */
html .shareaholic-share-buttons-container {
    display: none;
}

html .shareaholic-share-buttons-container.shareaholic-floated {
    /*left: -4px;*/
    -webkit-transform: scale(1.2);
    transform: scale(1.15);
    opacity: 0.9;
}

html .shareaholic-share-buttons-container.shareaholic-floated:hover {
    opacity: 1;
}

html .shareaholic-share-buttons-container.shareaholic-floated .shareaholic-share-button-container:hover {
    /*opacity: unset;	*/
}

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

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

/* ------------------------------------ */
/* social links */

/*.page-header .header.panel .social-links {
	float: left;
	display:inline-block;
	margin-right: 15px;
}

@media screen and (max-width: 767px) {
	
	html.mobile .page-header .header.panel .social-links {
		display:none;
	}
}*/

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

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

ul.social-links li a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    height: 35px;
    line-height: 35px;
    /*color: var(--color-white);*/
    color: #444;
}

#footer ul.social-links li a {
    color: var(--color-white);
}

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: 35px;
    height: 35px;
    line-height: 35px;
    color: inherit;
    text-align: center;
    -webkit-transition: background-color .8s ease, color .8s ease;
    transition: background-color .8s ease, color .8s ease;
}

#footer ul.social-links li a i {
    color: var(--color-white);
}

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;
}

/* ------------------------------------ */
/* phone number */
.top-container-phone-mobile {
    display: none;
}

.phone-number {
    display: none;
}

.phone-number a {
    font-weight: 300;
    font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 1.4;
    -webkit-font-smoothing: subpixel-antialiased;
}

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

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

    .page-header .header.panel .phone-number {
        display: block;
        float: left;
        /*margin-left: 177px;*/
        margin-top: 5px;
    }

    .page-header .header.panel .phone-number a {
        display: inline-block;
        margin-right: 10px;
        color: var(--color-text);
    }

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


@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;
    }
}

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

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

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

    .top-container-phone-mobile {
        display: block;
    }

    .phone-number {
        display: block;
        width: 100%;
        text-align: center;
        /* border-bottom: 1px solid #DDD; */
        background: var(--color-seafoam);
        color: var(--color-white);
        letter-spacing: 3px;
    }

    body.page-products .phone-number {
        background: var(--color-seafoam);
        text-shadow: var(--text-shadow-dark);
    }

    .phone-number a {
        font-size: 2rem;
        display: inline-block;
        /* margin-top: 2rem;
      margin-bottom: 1.8rem; */
        margin-top: 1rem;
        margin-bottom: 1rem;
        color: inherit;
        letter-spacing: inherit;
    }

    .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 */

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

    html body .sections.nav-sections {
        /* display: none !important; */
    }
}

.sections {
    /* background: var(--color-white); */
}

.page-header .sections {}

/* #jonny-amm-overlay {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 14;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    cursor: default;
    background-color: var(--modal-overlay-mobile-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.6s 0s, opacity 0.3s 0s, visibility 0s 0s;
    transition: transform 0.6s 0s, opacity 0.3s 0s, visibility 0s 0s;
    touch-action: none;
    pointer-events: none;
}

.nav-open #jonny-amm-overlay {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
    -webkit-transition: -webkit-transform 0.6s 0s, opacity 0.3s 0.5s, visibility 0s 0s;
    transition: transform 0.6s 0s, opacity 0.3s 0.5s, visibility 0s 0s;
    touch-action: none;
    pointer-events: auto;
} */

#jonny-amm-overlay {
    display: none;
}

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

    /* #jonny-amm-overlay {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    .nav-open #jonny-amm-overlay {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    } */
}

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

    .sections {
        position: relative;
    }
}

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

    .sections {
        /* box-shadow: none;
      background-color: transparent; */
    }

    .nav-sections .header.links li.greet.welcome {
        display: none;
    }

    /* nav mobile styles - html.nav-open  */

    .page-wrapper {
        overflow: auto;/* visible */
        left: 0 !important;
        top: 0;
    }

    .nav-before-open .page-wrapper {
        overflow: visible;
        left: 0 !important;
        top: 0;
    }

    html.mobile.nav-open .block-search {
        z-index: 1;
    }

    .sections.nav-sections.menu-switch {
        opacity: 0;
    }

    html .sections.nav-sections {
        width: calc(100% - 60px);
        left: auto !important;
        right: 0;
        top: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(125%);
        transform: translateX(125%);
        -webkit-transition: -webkit-transform 0.6s 0s;
        transition: transform 0.6s 0s;
        will-change: transform;

        box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.2);
    }

    html.nav-open .sections.nav-sections {
        left: auto !important;
        right: 0;
        top: 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: -webkit-transform 0.6s 0s;
        transition: transform 0.6s 0s;
    }

    #jonny-amm-overlay {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: fixed;
        z-index: 14;
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;
        cursor: default;
        background-color: var(--modal-overlay-mobile-color);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* -webkit-backface-visibility: hidden;
        backface-visibility: hidden; */
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: -webkit-transform 0.6s 0s, opacity 0.3s 0s, visibility 0s 0s;
        transition: transform 0.6s 0s, opacity 0.3s 0s, visibility 0s 0s;
        /* will-change: transform, opacity; */
        touch-action: none;
        pointer-events: none;
    }

    .nav-open #jonny-amm-overlay {
        opacity: 1;
        visibility: visible;
        z-index: 2;
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%);
        -webkit-transition: -webkit-transform 0.6s 0s, opacity 0.3s 0.5s, visibility 0s 0s;
        transition: transform 0.6s 0s, opacity 0.3s 0.5s, visibility 0s 0s;
        touch-action: none;
        pointer-events: auto;
    }

    /* -- */

    div[aria-controls="store.settings"].section-item-title.nav-sections-item-title {
        display: none !important;
    }

    html .sections.nav-sections {
        left: auto !important;
        right: 0;
        z-index: 100;
        /* background: var(--color-dark-purple);   */
        background: var(--color-white);
    }

    html .sections.nav-sections .header.links {
        /* border: 1px solid var(--color-transparent-light); */
        border: 0 none;
    }

    html .sections.nav-sections .nav-sections-items {
        /* background: var(--color-darker-purple); */
    }

    html .sections.nav-sections .nav-sections-item-title {
        /* background: var(--color-darker-purple);
      border-color: var(--color-darker-purple); */
        width: 50%;
        border: none;
        height: 59px;
        padding-top: 18px;
    }

    html .sections.nav-sections .nav-sections-item-content {
        /* padding: 0; */
        padding: 1.5rem 0;
        /* background: var(--color-dark-purple); */
    }

    html .sections.nav-sections .navigation {
        background: transparent;
    }

    html .sections.nav-sections .nav-sections-item-title.active {
        /* border-color: var(--color-dark-purple);
      background: var(--color-dark-purple); */
    }

    html .navigation ul {
        padding: 1rem;/* 1rem 4rem 1rem 1rem; */
    }

    html .sections.nav-sections .nav-sections-item-title a {
        letter-spacing: 2px;
        font-size: 1.5rem;
        font-weight: 600;
        text-transform: uppercase;
        color: #999;
        text-shadow: var(--text-shadow-light);
    }

    html .sections.nav-sections .nav-sections-item-title.active a {
        color: var(--color-text);
        text-shadow: var(--text-shadow-light);
    }

    html .sections.nav-sections .navigation .level0 > .level-top,
    html .sections.nav-sections .header.links li > a {
        display: inline-block;
        padding: 1rem 1rem 1rem 1rem;
        border-top: 0 none;
        text-transform: capitalize;
        letter-spacing: 1px;
        font-weight: 500;
        font-size: 1.4rem;
        /* border-top: 1px solid var(--color-transparent-light);
        text-shadow: var(--text-shadow-dark);
        color: var(--color-white); */
        color: var(--color-purple);
    }

    html .sections.nav-sections .header.links li > a {
        padding: 1rem 2rem 1rem 2rem;
    }

    /* html .sections.nav-sections .navigation .level0 .level-top:hover,
   html .sections.nav-sections .header.links li > a:hover {
      color: var(--color-yellow-orange);  
   } */

    html .sections.nav-sections .navigation .parent .level-top::after {
        top: 15px;
        /* color: var(--color-yellow-orange); */
        display: none;
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) {
        /* background: var(--color-darker-purple); */
        display: block !important;
        overflow: visible;
        padding-left: 2rem;
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) .ui-menu-item.all-category {
        position: absolute;
        top: -41px;
        z-index: 1000;
        /* width: 100%; */
        opacity: 0;
    }

    html .sections.nav-sections .navigation li.level0:last-child {
        /* border-bottom: 1px solid var(--color-transparent-light); */
        border-bottom: 0 none;
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) > li > a {
        font-weight: 300;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        /* color: var(--color-lighter-gray);
      border-bottom: 1px solid var(--color-transparent-light); */
        position: relative;
        display: inline-block;
        color: var(--color-purple);
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) > li > a::before {
        content: "\f04d ";
        font-family: "FontAwesome";
        font-size: 0.8rem;
        position: relative;
        left: -10px;
        top: -3px;
        color: var(--color-purple);
        opacity: 0.9;
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) > li.disabled > a::before {
        color: #AAA;
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) > li.disabled,
    html .sections.nav-sections .navigation .submenu:not(:first-child) > li.disabled > a {
        pointer-events: none;
        color: var(--color-text);
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) > li.disabled > a span {
        opacity: 0.6;
    }

    /* html .sections.nav-sections .navigation .submenu:not(:first-child) > li > a:hover {
      color: var(--color-white);  
   } */

    html .sections.nav-sections .navigation .level0.active > a:not(.ui-state-active),
    html .sections.nav-sections .navigation .level0.has-active > a:not(.ui-state-active) {
        /* border-left: 8px solid var(--color-yellow-orange);
        border-left: 8px solid var(--color-purple); 
        border-left: 0 none; */
        border-left: 0px solid transparent;
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) .active > a {
        /* border-left: 8px solid var(--color-yellow-orange);
        border-left: 8px solid var(--color-purple); 
        border-left: 0 none; */
        border-left: 0px solid transparent;
    }

    .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), 
    .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) {
        margin-left: 0;
    }

    html .sections.nav-sections .navigation .parent a.level-top span.ui-menu-icon {
        display: none;
    }
}

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

    html .sections.nav-sections .navigation .level0 > .level-top {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }

    html .sections.nav-sections .navigation .submenu:not(:first-child) > li > a {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }
}

div[id="store.menu"] {}

.navigation {
    /*background: transparent; var(--color-white) */
}

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

    .page-header > .sections/*,
	body > .sections*/ {
        /*box-shadow: 0 4px 1px #EEE, 0 -4px 1px #EEE;
		border-top: 4px solid #EEE;
      border-bottom: 4px solid #EEE;*/

        /* border-top: 1px solid #DDD;
      border-bottom: 1px solid #DDD; */
        box-sizing: border-box;
        /* max-height: 53px; */
        height: 53px;
        margin-bottom: 0;
    }

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

    div[id="store.menu"] {
        /*max-height: 55px;
		border-top: 4px solid #EEE;
		border-bottom: 4px solid #EEE;*/
    }

    html.desktop div[id="store.menu"] {
        display: block !important;
    }
}

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

    .nav-toggle {
        top: 17px;
    }

    .nav-toggle::before {
        color: #666;
    }

    .nav-open .nav-toggle::before {
        z-index: 2;
        position: relative;
    }

    .nav-open .nav-toggle::after {
        background: rgba(255, 255, 255, 0.9);
        z-index: 1;
        pointer-events: none;
        cursor: default;
    }

    .navigation .level0 {
        border-top: 0 none;
        border-bottom: 0 none;
    }

    .navigation .level0 > .level-top {
        border-top: 1px solid #DDD;
        font-weight: 500;
        /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(255, 255, 255, 0.5); */
    }

    .navigation .level0 > .level1 {
        font-weight: 400;
    }
}

/* ----------------------------------------------------- */
/* mobile company info menu block */

#companyInfoMenu {
    display: none;
}

html .navigation #companyInfoMenu ul {
    padding: 0;
}

html .navigation #companyInfoMenu ul li {
    
}

html .navigation #companyInfoMenu ul li a {
    padding-left: 2.2rem;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.3rem;
    color: var(--color-purple);
}

html .navigation #companyInfoMenu ul li:first-of-type a {
    padding-top: 0;
}

html .navigation #companyInfoMenu ul li.phone-li a {
    font-weight: 400;
    color: var(--color-text);
}

html .navigation #companyInfoMenu ul li a i {
    display: none;
}

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

    #companyInfoMenu {
        display: block;
    }
}

/* ----------------------------------------------------- */
/* block */

.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 {
    font-size: 1.8rem;
    font-weight: 400;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
}

.abs-cart-block > .title,
.minicart-items .product .toggle,
.abs-discount-block .block > .title,
.cart-summary .block > .title,
.paypal-review-discount .block > .title,
.cart-discount .block > .title {}

/* widget accordion */

.accordion [data-role="collapsible"] {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

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

    body.catalog-product-view .accordion [data-role="collapsible"] {
        border-bottom: 0px none transparent;
    }
}

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

    .accordion [data-role="collapsible"].active > [data-role="trigger"]::after {
        top: 12px;
    }

    .accordion [data-role="collapsible"].active {
        border-bottom: 0px none transparent;
    }
}

.accordion [data-role="collapsible"] [data-role="trigger"] {
    position: relative;
    color: #555;
    cursor: pointer;
    font-weight: 600;
    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;
}

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

    body.catalog-product-view .accordion [data-role="collapsible"] [data-role="trigger"]::after {
        /*top: 13px;*/
        right: 10px;
        font-size: 14px;
    }
}

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

    .accordion:not(.jonny-gradient-read-more) [data-role="collapsible"] [data-role="trigger"] {
        font-weight: 800;
        background: #EEE;
    }
}

.accordion [data-role="collapsible"].active > [data-role="trigger"]::after {
    content: '\e621';
    /*top: 13px;*/
}

.accordion [data-role="collapsible"] [data-role="trigger"] span {
    display: block;
    padding: 10px 40px 10px 10px;
    font-size: 1.4rem;
    line-height: 1.42857143;
}

.accordion [data-role="content"] {
    padding: 10px 0 0 0;
}

.accordion [data-role="content"]:empty {
    display: none !important;
}

/* ----------------------------------------------------- */
/* layout columns */
/*.page-layout-2columns-left .column.main {
    width: 75.16666667%;
}

.page-layout-2columns-left .sidebar-main {
	width: 24.83333333%;
}

.page-layout-2columns-left .sidebar-additional{
	width: 24.83333333%;
}*/

/* ----------------------------------------------------- */
/* homepage */

#jonny-top-home-beauty {
    display: none !important;
}

body.cms-home #jonny-top-home-beauty {
    display: block !important;
}

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

body.cms-home .page-wrapper #maincontent {
   padding-top: 0;
   padding: 0;
}

body.cms-home .content-inner {
   margin-left: 2rem;
   margin-right: 2rem;
}

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;
}

} */

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

/* ----------------------------------------------------- */
/* home text blocks */

/*body.catalog-product-view #featured-top-blocks,
body.catalog-category-view #featured-top-blocks,
body.checkout-index-index #featured-top-blocks,*/
.page-products #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 {
    /*margin-bottom: 2rem;*/
    padding-bottom: 0;
    min-height: 88px;
}

#featured-top-blocks .col-content {
    background-color: #EEE;
    height: 100%;
    cursor: default;
    /* padding: 1em 16px 1em 18px; */
    padding: 0;
    min-height: 88px;
}

#featured-top-blocks a {
    display: block;
    font-size: 0.8em;
    /* margin-left: 60px; */
    position: relative;
    color: #444;
    padding: 1em 16px 1em 76px
}

#featured-top-blocks a:hover,
#featured-top-blocks a:hover > * {
    text-decoration: none;
    color: var(--color-link-hover);
    /*#174689*/
}

#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 var(--color-white);
    border-radius: var(--border-radius-circle);
    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:0;
	left:-60px; */
    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;
    /*color: #222;*/
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
}

#featured-top-blocks p {
    font-size: inherit;
    /*color: #777;*/
    text-align: left;
    line-height: 1.7rem;
    margin-bottom: 0;
}

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

    /* do not allow parts of page to be clickabel when moble nav is open */
    html .page-wrapper .page-header .panel.wrapper,
    html .page-wrapper .page-header .header.content .logo,
    html .page-wrapper .page-header .header.content .minicart-wrapper,
    html .page-wrapper .page-header .header.content .block.block-search,
    html .page-wrapper .top-container,
    html .page-wrapper .top-container .phone-number,
    html .page-wrapper #maincontent,
    html .page-wrapper .page-footer,
    html .page-wrapper .footer-links-bottom {
        /* opacity: 1;
      -ms-transition: opacity 0.8s;
      transition: opacity 0.8s;  */
    }

    html.nav-open .page-wrapper .page-header .panel.wrapper,
    html.nav-open .page-wrapper .page-header .header.content .logo,
    html.nav-open .page-wrapper .page-header .header.content .minicart-wrapper,
    html.nav-open .page-wrapper .page-header .header.content .block.block-search,
    html.nav-open .page-wrapper .top-container,
    html.nav-open .page-wrapper .top-container .phone-number,
    html.nav-open .page-wrapper #maincontent,
    html.nav-open .page-wrapper .page-footer,
    html.nav-open .page-wrapper .footer-links-bottom {
        pointer-events: none;
        /* opacity: 0.5;
     background-color: var(--color-white);
      -ms-transition: opacity 0.8s;
      transition: opacity 0.8s;  */
    }

    .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;
    }

    #featured-top-blocks br { 
        display: none;
    }
}

/* ----------------------------------------------------- */
/* youtube videos homepage */

/*div.youtube {
	background-color: #000;	
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}

div.youtube img {
	width: 100%;
	height:auto;
	top: -16.82%;
}

div.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: var(--color-red);
	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 var(--color-white);
}

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;
}*/

/* youtube videos homepage 
.has-tooltip > .tooltip {
	display:none;	
}*/

/* ----------------------------------------------------- */
/* category page */

.category-view {}

#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;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    margin-right: 3px;
}

#amasty-shopby-product-list .toolbar.toolbar-products + .block dd.item a {
    background: #FFF;
    border: 1px solid #DDD;
    padding: 5px 10px;
    border-radius: var(--border-radius-rounded);
    font-size: 1.2rem;
}

#amasty-shopby-product-list .toolbar.toolbar-products + .block dd.item a:hover {
    background: #EEE;
}

/*body .modes {
	display:none !important;
}

body #mode-list {
	display:none;
}

body .modes-label + .modes-mode {
	border-radius: 3px;
}*/

/* category page - if category image and category description is inside page-title-wrapper   */

/* body.page-products .page-title-wrapper .category-image {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

body.page-products .page-title-wrapper .category-image img,
body.page-products .page-title-wrapper .category-image video {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: auto;
    display: flex;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    opacity: 0.25;
}

body.page-products .page-title-wrapper.overlay .category-image img,
body.page-products .page-title-wrapper.overlay .category-image video {
    opacity: 0.3;
}

#page-title-heading .category-description {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0 none;
    font-weight: 300;
    font-size: 1.8rem;
    margin-top: 1rem;
    text-shadow: inherit;
    color: inherit;
    text-align: inherit;
}

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

    body.page-products .page-title-wrapper .category-image img,
    body.page-products .page-title-wrapper .category-image video {
        
    }
}

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

    #page-title-heading .category-description {
        font-weight: 300;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
} */

/* category page - category image */

body .page-main > .category-view,
body .page-main > .category-view .category-image {
    /* display: none; */
}

.category-image {}

.category-image .image {
    border-radius: var(--border-radius-rounded);
}

/* category page - category description */

.category-description {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: var(--border-dashed-gray);
    font-weight: 300;
}

#category-description [data-role="content"],
#category-description p {
    font-size: 1.4rem;
    line-height: 2rem;
}

#category-description.accordion [data-role="collapsible"] [data-role="trigger"]::after {
    top: 9px;
}

#category-description.accordion [data-role="collapsible"].active [data-role="trigger"]::after {
    top: 9px;
}

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

    .category-description {
        /*font-size: 1.4rem;*/
    }

    .category-description {
        text-align: justify;
        letter-spacing: -0.5px;
    }
}

/* category page - 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;
}

/* #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.normal {
    min-height: unset;
    padding-bottom: 0;
}

.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.normal > [data-role="content"] {
    max-height: unset;
    min-height: unset;
}

.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.normal > .active + [data-role="content"] {
    max-height: unset;
}

.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;
}

.accordion.category-description.jonny-gradient-read-more.normal [data-role="collapsible"] {
    display: none;
}

@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;
    color: var(--color-link-hover);
    z-index: 1;
    position: absolute;
    width: calc(100% - -1rem);
    height: 100%;
    left: 0;
    top: 9px;
}

.accordion.category-description.jonny-gradient-read-more [data-role="collapsible"].active [data-role="trigger"] span:hover::after {
    color: var(--color-link);
}

.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;
    color: var(--color-link-hover);
}

.accordion.category-description.jonny-gradient-read-more [data-role="collapsible"] [data-role="trigger"] span a:hover {
    color: var(--color-link);
}

.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: var(--color-text);
    min-height: 4rem;
}

.accordion.category-description.jonny-gradient-read-more > .active + [data-role="content"] #category-description-text {
    padding-bottom: 4rem;
    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.normal > [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::after,
.accordion.category-description.jonny-gradient-read-more.normal > .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;
}

/* category layered filter nav */

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

    body #layered-filter-block.active .block-content.filter-content strong {
        color: var(--color-white);
        padding-left: 1rem;
    }

    .filter.active .filter-options {
      padding: 0 1.5rem 6rem 1.5rem;
    }

    .product-item {
       
    }

    .product-item-actions .actions-primary {
        
    }
}

/* filter layered nav overrides */

.filter-label {
    font-weight: 500;
    display: block;
}

.filter-content a.filter-clear {
    font-size: 1.2rem;
    padding: 0.7rem 1rem;
    min-width: 37px;
    border-radius: 3px;
    border: 1px solid var(--color-light-gray);
    background-color: var(--color-white);
    color: #333;
    text-decoration: none;
}

.filter-content a.filter-clear:hover {
    color: var(--color-purple);
    text-decoration: none;
}

.filter-options-item {
    padding-bottom: 0;
    border-bottom: var(--border-solid-gray);

    padding-top: 0.5rem;
}

#narrow-by-list > div:last-of-type {
    border-bottom: 0 none;
}

.filter-options-title {
    
}

.filter-options .filter-options-title, 
.sidebar .block .filter-options-title, 
.filter-options .block-title strong, 
.sidebar .block .block-title strong {
    cursor: pointer;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    word-break: normal;
    z-index: 1;
    font-size: 1.8rem;
    margin-top: 0;
    font-family: var(--font-family);
}

.filter-options .filter-options-title, 
.sidebar .block .filter-options-title {
    color: var(--color-text);
    padding: 12px 42px 12px 0;
}

#narrow-by-list.filter-options > div:first-of-type .filter-options-title {
    
}

.filter-options .filter-options-title, 
.sidebar .block .filter-options-title {
    color: var(--color-text);
    padding: 12px 42px 12px 0;

    pointer-events: none;
}

.filter-options-title::after {
    content: none !important;
}

.active > .filter-options-title::after {
    content: none;
}

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

    .filter-options .filter-options-title, 
    .sidebar .block .filter-options-title, 
    .filter-options .block-title strong, 
    .sidebar .block .block-title strong {
        font-size: 1.6rem;
    }
}

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

    .filter-options .filter-options-title, 
    .sidebar .block .filter-options-title, 
    .filter-options .block-title strong, 
    .sidebar .block .block-title strong {
        font-size: 1.6rem;
    }
}

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

    .filter-options .filter-options-title, 
    .sidebar .block .filter-options-title, 
    .filter-options .block-title strong, 
    .sidebar .block .block-title strong {
        font-size: 1.5rem;
    }
}

.filter-options-content {
    background: #FFF;
    padding: 0;
    margin-bottom: 1rem;
    display: block !important;
}

.filter-options-content > div,
.filter-options-content > ol {
    padding: 0 0.5rem;
}

.filter-options-content ol {
    
}

.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-current + .block-actions.filter-actions {
    border-bottom: var(--border-solid-gray);
    padding-top: 1rem;
    padding-bottom: 2rem;
    padding-left: 0;
    margin-bottom: 0.2rem;
}

.filter .filter-current .items,
.filter .filter-current.active .items {
    padding: 0rem 10px 0rem 0rem;
}

.filter .filter-content .filter-current .item {
    padding: 5px 0 5px 2rem;
    cursor: default;
    border-bottom: var(--border-solid-gray);
}

.filter .filter-content .filter-current .item:not(.am-shopby-item) {
    margin: 0;
    display: grid;/* block */
    grid-template-columns: max-content 1fr;
    gap: 1rem;
    justify-content: left;
    align-items: center;
}

.filter .filter-current-subtitle::before,
.filter .filter-current-subtitle::after {
    font-weight: 400;
}

.filter-current .action.remove {
    left: 1px;
    top: 6px;
}

.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;
    cursor: pointer;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--color-lighter-gray);/* var(--border-solid-gray) */
}

.filter-options-content .item > a {
    padding: 1rem 0 1rem 0.5rem;
}

.filter-options-content .item:nth-last-child(1) > a,
.filter-options-content .item:nth-last-child(1) > span {
    border-bottom: 0px none transparent;
}

.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 {
    position: relative;
    padding: 1rem 0 1rem 0;
    cursor: pointer;
    width: calc(100% - 2rem);
    box-sizing: border-box;
    display: grid;
    gap: 0;
    grid-template-columns: 1fr 2rem;/* 2.5rem 1fr 2rem */
    align-items: center;
}

.filter-options-content .item > a label:hover,
.filter-options-content .item > span label:hover,
.filter-options-content .item > a input:checked + label,
.filter-options-content .item > span input:checked + label {
    color: var(--color-dark-pink);/*  #000 */
}

.filter-options-content .item {
    line-height: 1.8rem;
}

.filter .actions {
    text-align: left;
    margin: 1rem 0 1.5rem;
}

.filter .actions div.primary {
    display: flex;
    justify-content: left;
}

.filter .actions div.secondary {
    display: flex;
    justify-content: right;
}

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

    .filter-options-content > div, 
    .filter-options-content > ol {
        padding: 0;
    }
}

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

    .filter-options-content .item > a,
    .filter-options-content .item > span {
        border-bottom: 0px none;
    }
}

.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;
}

.filter-options-content a label {
    cursor: pointer;
}

.filter .actions div.secondary a {
    white-space: nowrap;
}

.filter .actions div.secondary .show-more,
.filter .actions div.secondary .show-less {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    float: right;
    line-height: 2rem;
    padding: 0.5rem 1rem;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid var(--color-lighter-gray);
    background-color:  var(--color-white);
    color: #333;
}

.filter .actions div.secondary .show-more:hover,
.filter .actions div.secondary .show-less:hover {
    text-decoration: none;
    border-color: var(--color-purple);
    background-color:  var(--color-white);
    color: var(--color-purple);
}

.filter-options-content .count {
    font-size: 1rem;
    float: right;
    color: #444;
}

.filter-options-content input[type="checkbox"] {
    position: relative;
    top: -1px;
    appearance: none;
}

.item {
    position: relative;
}

.filter .filter-content .item {
    margin: 0;
}

.filter .filter-content .items > li:last-of-type {
    border-bottom: 0 none;
}

.sidebar .filter-options .filter-options-content .item > span label::before {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1px #BBB inset;
    margin: 2px 7px 2px 0;
    background-color: #fff;
    color: #666;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar .filter-options .filter-options-content .item > span input:checked + label::before {
    content: "";
    box-shadow: 0 0 0 1px var(--color-purple) inset;
    background-color: #FFF;
}

.sidebar .filter-options .filter-options-content .item > span:hover label::before {
    content: "";
    box-shadow: 0 0 0 1px var(--color-purple) inset;
}

.sidebar .filter-options .filter-options-content .item > span input:checked + label::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 3px;
    display: inline-block;
    vertical-align: text-top;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 1px var(--color-purple) inset;
    margin: 2px 7px 2px 0;
    background-color: var(--color-purple);
    color: #666;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar .filter .filter-options-content .item > span label > span:first-child {
    position: relative;
    /* top: 2px; */
    padding-left: 2.5rem;
}

html:not(.touch) .sidebar .filter .filter-options-content .item > span label:hover > span:first-child,
html:not(.touch) .sidebar .filter .filter-options-content .item > span label:hover > span.count {
    color: var(--color-link-hover);
}

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

    .filter .filter-content .item {
        border-bottom: 1px solid #EEE;
        /* padding-bottom: 5px;
        padding-top: 5px; */
    }
}

/* 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;
}

.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: 2px;
    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;
    } */
}

/* 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 2rem;
}

.sidebar .block-reorder .product-item .field.item {
    /* display: inline-block; */
    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;
}

/* product list - cat page grid */


.page-products .products-grid .product-item {
    padding: 0;
}

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

    .page-products.page-layout-1column .products-grid .product-item {
        width: 50%;
    }
}

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

    .page-products.page-layout-1column .products-grid .product-item {
        width: 50%;
    }

    .product-items .product-item-info .product-image-container {
        width: calc(100%) !important;
    }

    .product-items .product-item-info .product-image-container .product-image-wrapper {
        height: auto;
        padding-bottom: 0 !important; /* */
    }

    .page-products .products-grid .product-item {
        margin-bottom: 1.5rem;
    }
}

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

    .page-products .products-grid .product-item:nth-child(2n+1) {
        /* margin-left: 3%;
        width: calc((100% - 3%)/2); */
    }
}

body:not(.account.review-customer-view) .product-image-wrapper {
    padding-bottom: 0 !important;
    height: auto;
    overflow: visible;
}

.product-item .product-image-photo {
    max-width: 100%;
    height: auto;
    /*width: 640px;*/
    position: static;
    /* border-radius:var(--border-radius-circle);
    -webkit-transition: border-radius 0.4s ease 0s;
    transition: border-radius 0.4s ease 0s; */
    border-radius: var(--border-radius-rounded);
    -webkit-transition: none;
    transition: none;
}

.product-item > .product-item-info:hover .product-image-photo {
    /* border-radius:var(--border-radius-rounded);
    -webkit-transition: border-radius 0.4s ease 0s;
    transition: border-radius 0.4s ease 0s; */
    border-radius: var(--border-radius-rounded);
    -webkit-transition: none;
    transition: none;
}

.column.main .product-items {
    width: 100%;
}

.page-products .product-item-info {
    padding: 1rem 0 9rem 0;
    margin: 0;
    border: 1px solid var(--color-white);
    width: 100%;
}

.page-products .product-item.has-options .product-item-info {
    padding-bottom: 9.5rem;/* 6.5rem */
}

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

    .products-grid .product-item-info:hover,
    .products-grid .product-item-info.active {
        padding: 1rem 0 5.5rem 0;
        margin: 0;
        border: 1px solid transparent;
        box-shadow: unset;
    }

    .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner,
    .products-grid .product-item-info .product-item-inner {
        background: transparent;
        box-shadow: unset;
        opacity: 0;
        -webkit-transition: opacity 0.5s 0s;
        transition: opacity 0.5s 0s;
    }

    .products-grid .product-item-info .product-item-inner {
        padding: 0 0 9px;
        border: 1px solid transparent;
        opacity: 1;
        -webkit-transition: opacity 1s 0s;
        transition: opacity 1s 0s;
    }

    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: 1rem 0 5.5rem 0;
        opacity: 1; */
        /* maybe use to always display button on cat product grid list */
    }
}

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

    .page-products .product-item-info,
    .page-products .product-item-info:hover {
        /* padding-bottom: 2rem; */
    }

    .page-products .product-item.has-options .product-item-info {
        padding-bottom: 2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .page-products .product-item.has-options .product-item-inf:hover {
        padding: 0 0 2rem 0;
    }
}

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

    .page-products .product-item-info,
    .page-products .product-item-info:hover {
        /* padding-bottom: 2rem; */
    }
}

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

    .page-products .product-item-info,
    .page-products .product-item-info:hover {
        padding-bottom: 1rem;
    }

    body.page-products .actions-primary .action.primary {
        font-size: 12px;
    }
}

.page-products .product-item-info .product-image-box,
.gallery-grid .jonny-zoom {
    position: relative;
    display: block;
}

.page-products .product-item-info .product-image-box .jonny-zoom {
    display: block;
    font-size: 2.6rem;
    color: var(--color-white);
    position: absolute;
    top: auto;
    bottom: 0rem;
    right: 0rem;
    z-index: 10;
    width: 3rem;
    height: 2.5rem;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3), -2px -2px 6px rgba(0, 0, 0, 0.3);
    /* -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
    opacity: 0.7;
    -webkit-transition: opacity 0.6s 0s /* , text-shadow 0.6s 0s */;
    transition: opacity 0.6s 0s/* , text-shadow 0.6s 0s */;
}

.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 /* , text-shadow 0.6s 0s */;
    transition: opacity 0.6s 0s /* , text-shadow 0.6s 0s */;
}

.page-products .product-item-info .product-image-box .jonny-zoom .fa{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gallery-grid .jonny-zoom .fa {
    position: absolute;
    top: auto;
    bottom: 0.5rem;
    left: auto;
    right: 0.5rem;
    z-index: 10;
    width: 3rem;
    height: 3rem;
    -webkit-transform: none;
    transform: none;
    color: #FFF;
    font-size: 2.5rem;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2), -1px -1px 1px rgba(0,0,0,0.2);
}

.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: 5px;
}

.product-item .product-image-container {
    display: block;
    width: auto !important;
}

body.checkout-index-index #opc-sidebar .product-item .product-image-container {
    width: 40px !important;
    border-radius: var(--border-radius-rounded);
}

.block.upsell .product-item .product-image-container {
    width: auto !important;
}

.page-products .product-item-info .product-item-photo {
    position: relative;
    display: block;
}

.page-products .block.upsell .product-item-info .product-item-photo {
    position: absolute;
}

.product-item .product-image-photo {
    max-width: 100%;
    width: 100%;
    vertical-align: bottom;
}

.product-item .actions-secondary {
    right: 5px;
}

.product-item .actions-secondary.secondary-addto-links {
    display: none !important;
}

.product-item-actions .actions-primary + .actions-secondary {
    display: none;
}

.product-item .actions-secondary.sample-button {
    bottom: 85px;
}

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

    .product-item .actions-secondary.sample-button {
        bottom: 71px;
    }
}

/* label sale */
.label-sale.percentage {
    display: inline-block;
    cursor: default;
    border-radius: 3px;
    border: 1px solid #FF0000;
    background-color: #FF0000;
    color: var(--color-white);
    padding: 0.1rem 0.7rem 0.1rem 0.7rem;
    margin: 0 6px 0 0;
    z-index: 9;
    color: var(--color-white);
    font-size: 1.35rem;
    font-weight: 800;
    text-shadow: 1px 1px 1px var(--color-red), -1px -1px 1px var(--color-red);
    text-transform: uppercase;
    position: relative;
    top: -3px;
    text-rendering: optimizeLegibility;
}

body.page-products .label-sale.percentage:not(.round) {
    display: none !important;

    /* margin-top: 5px;
    order: 3;
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 1.3rem; */
    
    grid-column: span 3;
    margin-top: 5px;
    order: 3;
    display: flex;
    justify-content: center;
    font-weight:500;
    font-size: 1.2rem;
    /* position: absolute;
    bottom: 0.3rem;
    top: auto; */
    max-width: 53px;
}

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

    body.page-products .label-sale.percentage:not(.round) {
        position: absolute;
        left: 0;
        top: 3rem;
    }

    html:not(.touch) body.page-products li.product-item > div.product-item-info:hover .label-sale.percentage {
        /* display: none !important; */
    }
}

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

    body.page-products .label-sale.percentage {
        margin-top: 5px;
        order: 3;
        grid-column: span 3;
        position: static;
    }
}

body.page-products .label-sale.percentage {
    /*position: absolute;
	z-index: 100;
	right: -5px;
	top: 0;
	margin: 0 0 0 6px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 5px;*/
}

.label-sale.percentage.round,
body.page-products .label-sale.percentage.round {
    display: inline-block;
    /* none */
    /*border-radius: var(--border-radius-circle);
	border: 0;
	height: 39px;
	line-height: 31.2px;
	background-color: #FF0000;
	color: var(--color-white);	
	position: absolute;
	right: 5px;
	top: 4px;
	padding: 0 7px;
	margin: 0;
	min-width: 25px;
	z-index: 9;
	color: var(--color-white);
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 700;*/
    border-radius: var(--border-radius-circle);
    height: 59px;
    line-height: 42.2px;
    background-color: #FF0000;
    color: var(--color-white);
    position: absolute;

    padding: 0 7px;
    margin: 0;
    min-width: 45px;
    z-index: 9;
    color: var(--color-white);
    text-align: center;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 800;
    border: 5px solid var(--color-white);
    bottom: auto;
    left: auto;
    right: -10px;
    top: -10px;
}

/*	float: left;
	position: relative;
	top: 5px;
	margin-left: 0;
	clear: both;
	font-size: 2rem;
	padding-left: 0.5rem;
	width: 65px;
	border-radius: var(--border-radius-circle);
	height: 65px;
	box-sizing: border-box;
	line-height: 2rem;
	text-align: center;
	padding-top: 1rem;
	
	float: left;
	position: relative;
	top: 5px;
	margin-left: 0;
	clear: both;
	font-size: 2rem;
	padding-left: 0.5rem;
	width: 56px;
	border-radius: 0;
	height: 56px;
	box-sizing: border-box;
	line-height: 2rem;
	text-align: center;
	padding-top: 0.6rem;
*/

.label-sale.percentage.round span/* ,
body.catalog-product-view .label-sale.percentage.round span */ {
    display: block;
    height: auto;
    font-weight: 700;
    font-size: 0.75em;
    line-height: normal;
    position: relative;
    top: -10px;
}

body.catalog-product-view .label-sale.percentage:not(.round) span {
    padding-left: 0.2rem;
}

body.catalog-product-view .label-sale.percentage i {
    display: none;
}

body.page-products .label-sale.percentage i {
    display: none;
    font-style: normal;
}

.label-sale.percentage span {
    display: inline-block;
    height: auto;
    text-transform: lowercase;
}

body.page-products .label-sale.percentage:not(.round) span {
    padding-left: 5px;
}

.price-box .label-sale.percentage {
    float: left;
}

body.catalog-product-view .price-box .label-sale.percentage:not(.round) {
    float: left;
    position: relative;
    top: 0;
    margin-left: 0;
    clear: both;
    font-size: 1.5rem;
    height: 3rem;
    padding: 0.25rem 0.7rem 0.25rem 0.9rem;
    margin-right: 1rem;
}

body.catalog-product-view .product-info-main .price-box .label-sale.percentage {
    /* display: none !important;
    order: 3; */
}

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

    body.catalog-product-view .price-box .label-sale.percentage:not(.round) {
        top: 3px;
    }
}

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

    body.catalog-product-view .price-box .label-sale.percentage:not(.round) {
        top: -3px;
        font-size: 1.3rem;
        font-weight: 500;
    }
}

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

    .products-grid .price-box .label-sale.percentage {
        /*float: none;*/
    }
}

/* prices - cat product grid and product page */

.cat-price-box-wrapper {
    display: flex;
    flex-direction: row;
    position: relative;
}

li.product-item.has-options.custom-price-zero .cat-price-box-wrapper {
    display: none !important;
}

.cat-price-box-wrapper .cat-price-starting-at {
    margin: 10px 0 0;
    font-weight: 300;
    font-size: 1.2rem;
}

.cat-price-box-wrapper .cat-price-starting-at span {
    position: relative;
    top: 1px;
}

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

    .cat-price-box-wrapper {
        /* margin-bottom: 2.5rem; */
    }
}

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

    .cat-price-box-wrapper {
        flex-direction: column;
        align-items: start;
        margin-bottom: 5px;
    }
}

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: 10px 5px 2px;
}

.block.related .product-item .price-box {
    display: none;
}

.product-item.has-options .price-box {
    /* display: none;
    display: flex;
    flex-direction: row; */
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    margin-right: 0;
}

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

    .product-item.has-options .price-box {
        margin-top: 0;
        margin-left: 0;
    }
}

.product-item .price-box.price-final_price > .price-container.price-final_price.tax.rewards_earn {
    display: none;
}

html.logged-out body.page-products .price-box.price-final_price > .price-container.price-final_price.tax.rewards_earn {
    /*display: block;*/
}

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: 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: 0;
    /* display: flex; */
}

body.catalog-product-view .product-info-main .product-info-price .price-box {
    
}

body.catalog-product-view .product-info-main .product-info-price .price-box.price-final_price {
    display: flex;
    margin-bottom: 0rem;
}

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

    body.catalog-product-view .product-info-main .product-info-price {
        margin-bottom: 0rem;
        padding-bottom: 0rem;
        /* border-bottom: 1px solid #EEE; */
    }

    body.catalog-product-view .product-info-main .product-info-price .price-box.price-final_price {
        margin-bottom: 0;
    }
}

.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 0 0;
    float: left;
}

body.page-products .product-item .old-price {
    margin-bottom: 0;
    order: 1;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.product-options-bottom .price-box .old-price,
.product-info-price .price-box .old-price {
    line-height: 1rem;
}

.product-item .old-price {
    clear: both;
}

body.catalog-product-view .product-info-price .price-box .old-price {
    order: 1;
}

.price-box .special-price {
    margin: 0 5px 0 0;
    float: left;
}

body.page-products .price-box .special-price {
    margin-bottom: 0;
    order: 2;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

body.catalog-product-view .product-info-price .price-box .special-price {
    order: 2;
}

.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 {
    color: #565559;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

.product-info-main .price-container.price-final_price .price,
.product-info-main .product-info-price .price-box .price-container .price {
    font-size: 2.6rem;
}

.product-info-main .block.upsell .price-container.price-final_price .price {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1rem;
    padding-top: 8px;
}

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

    body.catalog-product-view .product-info-price .price-box .old-price {
        position: relative;
        top: -2px;
    }

    .product-info-main .price-container.price-final_price .price,
    .product-info-main .product-info-price .price-box .price-container .price {
        font-size: 2rem;
    }
}

body.page-product-grouped .product-info-main .price-container.price-final_price .price,
body.page-product-grouped .product-info-main .product-info-price .price-box .price-container .price {
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: 1px;
}

.old-price .price-container.price-final_price::before {
    /*content: "SALE: ";
	visibility: hidden;
	content: "ON SALE";
	color: var(--color-white);
	background: #FF0000;
	border-radius: 3px;
	border: 1px solid #FF0000;
	padding: 1px 5px 1px 5px;
	margin-right: 5px;*/
    /*position: absolute;
	top: 2rem;
	width: 40px;
	height: 30px;
	left: 10px;
	z-index: 1;*/
}

.old-price .price-container.price-final_price .price,
.product-info-main .product-info-price .old-price .price-wrapper .price {
    color: #666;
    font-size: 1.8rem;
    font-weight: 400;
    text-decoration: line-through;
    line-height: 1rem;
}

body.page-products .old-price .price-container.price-final_price .price {
    font-size: 1.3rem;
}

body.page-products .old-price .price-container.price-final_price .price,
body.page-products .product-info-main .product-info-price .old-price .price-wrapper .price {
    line-height: 1rem;
}

.product-item .minimal-price-link {
    display: inline-block;
    color: #565559;/* var(--color-red) */
}

.product-item .minimal-price-link:hover {
    color: #444;
}

.product-item .price-box .price-label {
    display: inline-block;
}

.product-item .price-box .price-label + .price-wrapper {
    display: inline-block;
}

.addto-under-addtocart {
    clear: both;
}

.addto-under-addtocart:empty {
    display: none;
}

/* unit of measure */
.unit-of-measure {
    display: none;
}

.product-info-price .price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
    position: relative;
    float: left;
    font-weight: 600;
}

.price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
    
}

.product-info-main .product-info-price .price-box .price-container > span.price-wrapper {
    display: inline-block;
    line-height: 3.5rem;
}

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

    .old-price .price-container.price-final_price .price,
    .product-info-main .product-info-price .old-price .price-wrapper .price {
        font-size: 1.5rem;
    }

    body.page-products .products-grid .price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
        /* line-height: 2.4rem;
        font-size: 1.6rem;  */
    }

    body.page-products .price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
        /* line-height: 2.4rem;
        font-size: 1.6rem; */
    }
    
    .product-info-main .product-info-price .price-box .price-container > span.price-wrapper {
        line-height: 2.5rem;
    }
}

.price-container.price-final_price .unit-of-measure {
    display: none;
    opacity: 0;
}

.old-price .unit-of-measure,
body.page-product-grouped.catalog-product-view #product_addtocart_form .unit-of-measure {
    display: none !important;
}

body.catalog-product-view .column.main > .product-info-main .product-info-price .unit-of-measure {
    display: inline-block;
}

.old-price .unit-of-measure {
    /* display: none !important; */
}

/*.price-container.price-final_price > [id^="product-price"].price-wrapper > .unit-of-measure:not(:empty) + .price::after,*/
.price-container.price-final_price > [id^="product-price"].price-wrapper + .unit-of-measure::before,
.price-container.price-final_price > [id^="product-price"].price-wrapper + meta + meta + .unit-of-measure::before {
    /*content: "/";
	display: inline-block;
	color: #888;
	font-size: inherit;
	margin-left: 5px;
	font-weight: 300;
	opacity: 1;
	transition: opacity 0.3s 0.3s;*/
    content: "/";
    /* display: inline-block; */
    color: #AAA;
    margin-left: 5px;
    font-weight: 300;
    font-size: 3rem;
    line-height: 1.5rem;
    position: relative;
    top: 0.6rem;
    left: -3px;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.product-info-main .price-container.price-final_price .unit-of-measure:not(:empty) {
    /* display: inline-block; */
    position: relative;
    top: -12px;
    color: #666666;
    font-weight: 200;
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-left: 0px;
    text-transform: lowercase;
    font-weight: 300;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0s;
    transition: opacity 0.3s 0s;
}

.product-info-main .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 (max-width: 767px) {

    .product-info-main .price-container.price-final_price .unit-of-measure:not(:empty) {
        font-size: 1.4rem;
        line-height: 2.8rem;
        top: -2px;
        left: -2px;
    }

    body.catalog-product-view .price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
        /* margin-bottom: 0.5rem; */
        display: inline-block;
        float: none;
    }

    body.catalog-product-view .block.related .price-container.price-final_price > [id^="product-price"].price-wrapper > .price {
        font-size: 1.6rem
    }

    .price-container.price-final_price > [id^="product-price"].price-wrapper/* > .price*/ + .unit-of-measure::before {
        font-size: 2.5rem;
    }

    .price-container.price-final_price /* > [id^="product-price"].price-wrapper */ .unit-of-measure:not(:empty) {
        /* font-size: 1.6rem;
        line-height: 2rem; */
        font-weight: 400;
        margin-left: 5px;
        /* margin-bottom: 0.5rem; */
    }

    .price-container.price-final_price > [id^="product-price"].price-wrapper + .unit-of-measure::before,
    .price-container.price-final_price > [id^="product-price"].price-wrapper + meta + meta + .unit-of-measure::before {
        font-size: 2.1rem;
        top: 0.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: 2rem;
    }
}

/* end of unit of measure */

/* PDF icon */
.pdf_download,
#product-attribute-specs-table .pdf_download {
    color: var(--color-link-hover);
    /* border-bottom: 1px dashed transparent; */
    background: url("../images/pdf.png") no-repeat 0 0 transparent;
    display: inline-block;
    vertical-align: middle;
    padding-left: 2.5rem;
}

.pdf_download:hover,
#product-attribute-specs-table .pdf_download:hover {
    color: var(--color-link);
    /* border-bottom: 1px dashed #222; */
    text-decoration: underline;
}

/* toolbar */
.toolbar {
    text-transform: capitalize;
}

.toolbar select {
    box-shadow: unset;
    background-color: var(--color-white);
    border-radius: 3px;
    padding: 5px 20px 5px 14px;
    min-width: 66px;
}

.toolbar select:hover {
    background-color: #EEE;
}

.modes-mode {
    box-shadow: unset;
}

.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;
    font-weight: 400;
    border-radius: var(--border-radius-button);
    background: var(--color-gray);
}

.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 > .secondary #compare-clear-all.action:last-child {
    border-radius: 0;
    background: transparent;
    margin-top: 1.4rem;
    text-decoration: underline;
    display: inline-block;
}

.cart-discount .actions-toolbar .action.cancel:not(:focus){
    color:#FFF;
    box-shadow: none !important;
    margin-left: 1rem;
}

.cart-discount .actions-toolbar .action.cancel:not(:focus):hover {
    background: var(--color-dark-gray);
}

.actions-toolbar > .primary .action:last-child:hover,
.actions-toolbar > .secondary .action:last-child:hover {
    background: var(--color-dark-gray);
}

.actions-toolbar > .primary .action.create:last-child,
.actions-toolbar > .primary .action.login:last-child {
    font-size: 1.4rem;
    background-color: var(--color-yellow-orange);
    border-color: var(--color-yellow-orange);
}

.actions-toolbar > .primary .action.create:last-child:hover,
.actions-toolbar > .primary .action.login:last-child:hover {
    background-color: var(--color-yellow-orange);
    border-color: var(--color-yellow-orange);
}

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

    .page-products .toolbar {
        display: flex;
        margin-bottom: 2rem;
    }

    .page-products .toolbar-amount {
        width: 50%;
        font-size: 12px;
    }

    .page-products .page-products .sorter {
        width: 50%;
    }

    .actions-toolbar > .primary .action:last-child,
    .actions-toolbar > .secondary .action:last-child {
        /* font-size: 1.6rem; */
    }

    .actions-toolbar > .secondary [data-bind="attr: {href: forgotPasswordUrl}"].action {
        padding: 1rem;
    }
}

/* pagination */
.pages a.page {
    color: unset;
    padding: 0 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    min-width: 32px;
}

.pages a.page:hover {
    color: #666;
    background: #DDD;
    border: 1px solid #DDD;
    /*#DDD*/
}

.pages strong.page,
.pages strong.page:hover {
    color: unset;
    font-weight: normal;
    padding: 0 10px;
    color: var(--color-white);
    background: var(--color-gray);
    border: 1px solid var(--color-gray);
    border-radius: 3px;
    cursor: default;
    min-width: 32px;
    /*text-shadow: 1px 1px 1px var(--color-white), -1px -1px 1px var(--color-white);*/
}

.pages .action {
    box-shadow: unset;
    background: var(--color-white);
    border: 1px solid #DDD;
    border-radius: 3px;
    min-width: 10px;
}

.pages .action:hover {
    background: #DDD;
    border-color: #DDD;
    color: #666;
}

.pages .action.next::before,
.pages .action.prev::before {
    /*color: var(--color-white);*/
    position: relative;
    left: 2px;
}

.pages .action.next:hover::before,
.pages .action.prev:hover::before {
    /*color: var(--color-white);*/
}

/* ----------------------------------------------------- */
/* 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;
}

/* ----------------------------------------------------- */
/* compare and compare page */
body header.page-header .compare.wrapper,
body > .compare.wrapper,
body > #page-wrapper > .compare.wrapper {
    display: none !important;
}

.compare.wrapper {
    display: inline;
    line-height: 1.5rem;
    float: none;
    margin-left: 1rem;
}

.compare.wrapper .item {
    margin-bottom: 0;
    line-height: 1.5rem;
    display: inline-block;
    margin-left: 5px;
}

.compare.wrapper .action.compare {
    line-height: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    /*font-size: 1.2rem;*/
}

body.catalog-product-view .compare.wrapper .action.compare {
    padding-left: 2rem;
    color: #555;
    position: relative;
}

/*.compare.wrapper .item a {
	color: #555;
}*/

.compare.wrapper .item a::before {
    content: "\f2d2";
    font-family: FontAwesome;
    color: #555;
    /*font-size: 1.4rem;*/
    position: absolute;
    top: 0;
    left: -1px;
}

.compare.wrapper .action.compare:hover {
    color: #222;
    text-decoration: none;
}

.compare.wrapper .action.compare:hover::before {
    color: #222;
}

.compare.wrapper .action.compare.no-display {
    display: none;
    /* inline */
    padding-left: 21px;
}

.compare.wrapper .counter.qty {
    display: inline-block;
}

.product-addto-links {
    display: block;
    /*text-align: right;
    margin-bottom: 2rem;
    padding-bottom: 0.75em;
    border-bottom: 1px solid #DDD;*/
}

.product-addto-links .action {
    margin-bottom: 5px;
}

.product-addto-links > a:only-of-type {
    margin: 0;
}

.product-addto-links > a:last-of-type {
    margin: 0;
}

.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;
    text-transform: capitalize;
    font-family: var(--font-family);
}

.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 {
    font-size: 1.2rem;
}

@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 */

.fotorama__caption {
    opacity: 0 !important;
    font-size: 1.2rem;
    font-weight: 400;
    color: #000;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.7), -1px -1px 1px rgba(255,255,255,0.7);
    -webkit-transition: opacity 0.3s 0s; 
    transition: opacity 0.3s 0s; 
}

html:not(.touch) .fotorama__stage__shaft:hover .fotorama__caption {
    opacity: 0.7;
    -webkit-transition: opacity 0.3s 0s; 
    transition: opacity 0.3s 0s;
}

html.fotorama__fullscreen .fotorama__caption {
    opacity: 0.65;
    font-size: 1.6rem;
    -webkit-transition: opacity 0.3s 0s; 
    transition: opacity 0.3s 0s; 
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 1;
}

.fotorama__nav--dots .fotorama__nav__frame {
    padding: 2px 3px;
}

.fotorama__dot {
    width: 1.6rem;
    height: 1.6rem;
    left: 1px;
    top: 7px;
    border-radius: 50%;
}

.fotorama__active .fotorama__dot {
    background-color: var(--color-purple);
    border-color: var(--color-purple);
}

html.fotorama__fullscreen #html-body .widget-visible.tawk-chat {
    display: none !important;
}

/* product fake jump tab links */

#product-fake-jump-tabs {
    margin: 3rem 0 0 0;
    padding: 2rem 0 2rem 0;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    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 0.8rem;
    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;
    white-space: nowrap;
}

#product-fake-jump-tabs ul li a:hover {
    text-decoration: none;
    color: #FFF;
    background-color: var(--color-link-hover);
}

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

    #product-fake-jump-tabs ul {
        justify-content: center;
    }
}

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

    #product-fake-jump-tabs ul li a {
        font-size: 12px;
    }
}

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


}

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

    #product-fake-jump-tabs ul {
        flex-wrap: wrap;
    }

    #product-fake-jump-tabs ul li {
        padding: 0 0.5rem;
    }

    #product-fake-jump-tabs ul li a {
        font-size: 14px;
    }
}

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

    #product-fake-jump-tabs {
        margin-top: 1rem;
        padding: 1rem 0 1.5rem 0;
    }

    #product-fake-jump-tabs ul {
        /* flex-direction: column; */
    }

    #product-fake-jump-tabs ul li {
        
    }

    #product-fake-jump-tabs ul li a {
        font-size: 1.2rem;
    }
}

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

    #product-fake-jump-tabs ul li a {
        font-size: 1.4rem;
    }
}

/* product - min qty message */

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;
}

#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.page-layout-1column .product-info-main {
    display: flex;
    flex-direction: column;
}

.product.media #preview.magnifier-preview {
    display: none !important;
}

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

    body.page-layout-1column .product-info-main {
        width: 55%;
        margin-top: 0.2rem;/* 2.8rem */
    }

    body.page-layout-1column .product.media {
        width: 45%;
    }

    .product-info-main .product-info-price .price-box .price-container > span {
        margin-bottom: 0px;
        line-height: 2rem;
    }

    .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;
    }

    .magnify-lens {
        border-radius: var(--border-radius-rounded);
    }

    .magnifier-preview img {
        /* border-radius: var(--border-radius-rounded); */
        top: 50% !important;
        height: auto !important;
        transform: translateY(-50%);
    }

    /* reverse layout pos of product media and details */

    /* body .column.main .product-info-main {
		float: left;
	}
	
	body .column.main .product.media {
		float: right;
	}
	
	.column.main .product.media .gallery-placeholder {
		padding-right: 0;
		padding-left: 2.5rem;
	} */
}

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

    body.page-layout-1column .product-info-main {
        width: 65%;
    }

    body.page-layout-1column .product.media {
        width: 35%; 
    }
}

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

    /*.columns .column.main {
		width: calc(100vw - 10px);
	}
	
	.columns .column.main .product-info-main,
	.columns .column.main .product.media,
	.columns .column.main .product.info.detailed,
	.products.wrapper.grid.products-grid.products-related {
		width: calc(100vw - 10px);
	}*/
}

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

body.page-products .bundle-options-container {
    /*position:relative;*/
}

body.page-products .bundle-options-container:before,
body.page-products .bundle-options-container:after {
    clear: both;
    display: table;
    content: "";
    line-height: 0;
}

body.page-products .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.page-products .top-container .block-static-block.widget,
body.page-products .top-container .block-cms-link.widget {
    margin: 0;
}

body.page-products .product-social-links {
    /*display: none;*/
    margin-bottom: 0;
    clear: both;
    padding-top: 0.5rem;
}

.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;
}

/* 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 {
    /*margin-top: 1.5rem;*/
}

body.catalog-product-view .product-info-price .amasty-hide-price-container {
    cursor: pointer;
    color: #565559;/* var(--color-red) */
    text-transform: uppercase;
}

/* reviews */

.fieldset .review-legend.legend span {
    font-size: 1.5rem;
}

.fieldset .review-legend.legend strong {
    font-size: 1.4rem;
}

.product-reviews-summary .reviews-actions a {
    /* font-size: 1.2rem; */
}

.product-reviews-summary .reviews-actions a:not(:last-child) {
    margin-right: 1.5rem;
}

body.catalog-product-view .product-reviews-summary {
    width: 100%;
    margin-bottom: 1.7rem;
    text-align: center;
}

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

    body.catalog-product-view #reviews {
        /*display:none;*/
    }
}

.product-info-main .rating-summary,
.customer-review .rating-summary {
    margin-right: 1rem;
}

/* product page - short description */

.product-info-main .product.attribute.overview {
    /*font-size: 1.2rem;
    line-height: 1.8rem;
    border-bottom: 1px solid #EEE;*/
    padding-bottom: 0;/* 0.7rem */
    margin-top: 1rem;
    margin-bottom: 1rem;
    order: 1;
}

.product.attribute.overview p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.product.attribute.overview a {
    color: var(--color-link-hover);
    text-decoration: underline;
}

.product.attribute.overview a:hover {
    color: var(--color-link);
    text-decoration: underline;
}

.product.attribute.overview ul + p {
    margin-top: 1rem;
}

.product.attribute.overview p + ul,
.product.attribute.overview p + ul {
    margin-top: 1rem;
}

html body .product.attribute.overview ul.features,
html body .product.attribute.description ul.features {
    margin-bottom: 0;
    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;
}

.product.attribute.overview ul,
.product.attribute.overview ol {
    margin: 0 0 1rem 1.5rem;
    padding: 0 0 1rem 0;
    height: auto;
    list-style-type: disc;
    list-style-position: inside;
}

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

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

.product.attribute.overview ul li,
.product.attribute.overview ol li {
    box-sizing: border-box;
    margin: 0;
}

.product.attribute.overview .other-product-version {
    display: inline-block;
    padding: 0.5rem 1rem;
    /* margin-bottom: 1rem; */
    background: #EEEEEE96;
    color: var(--color-purple);
    text-decoration: none;
    font-size: 1.3rem;
}

html:not(.touch) .product.attribute.overview .other-product-version:hover {
    background: var(--color-purple);
    color:#FFF;
    text-decoration: none;
}

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

    .product.attribute.overview .other-product-version {
        font-size: 1.3rem;
    }
}

/* product page - description */

.product.attribute.description .value h3 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.product.attribute.description .value ul + h3 {
    margin-top: 1.5rem;
}

.product.attribute.description .value p {
    margin-top: 0;
}

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

.product.attribute.description .value ul,
.product.attribute.description .value ol {
    margin: 0 0 1rem 0;
    padding: 0 0 0 1.5rem;
    height: auto;
    list-style-type: disc;
}

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

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

.product.attribute.description .value ul li,
.product.attribute.description .value ol li {
    box-sizing: border-box;
    margin: 0;
}

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

    .product.attribute.description .value h3 {
        font-size: 1.5rem;
    }
    
    .product.attribute.description .value p {
        font-size: 1.4rem;
    }
    
    .product.attribute.description .value ul,
    .product.attribute.description .value ol {
        font-size: 1.4rem;
    }
}

/* FAQ details (html5 accordion) - .product-faq */

.product-faq {
    
}

#product-info-detailed .product-faq {
    margin-top: 4rem;
}

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: center;
    }

    details summary {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    
    .content-inner > .product-faq > h3.product-faq-heading {
        font-size: 1.6rem;
    }
}

/* category filter */

.page-with-filter .toolbar-amount {
    text-transform: none;
}

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

    .category-cms,
    .category-image {
        /*font-size: 1.4rem;*/
    }

    .page-with-filter .toolbar-amount {
        position: static;
        width: 35%;
        display: inline-block;
        font-size: 1.2rem;
    }

    .page-products .sorter {
        position: static;
        width: 65%;
        display: inline-block;
        text-align: right;
        font-size: 1.4rem;
    }

    .toolbar select {
        font-size: 1.2rem;
        display: inline-block;
        /* width: 105px; */
    }

    .column.main .products.wrapper.grid.products-grid {
        clear: both;
        width: 100%;
    }
}

.column.main .products.wrapper.grid.products-grid {
    padding-bottom: 0;
    /* 3.5em */
    margin-top: 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;
    }
}

/* tier pricing - product page */
ul.prices-tier {
    clear: both;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    padding: 0;
    display: inline-block;
    border: 1px solid #DDD;
    border-radius: 3px;
}

.product-info-main .product-info-price + ul.prices-tier {
    margin-top: 2rem;
}

@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: 2em;
	margin-bottom: 0;
	padding: 3px 10px;
	border-bottom: 1px solid #EEE;
	letter-spacing: 1px;
	font-size: 1.2rem;*/
    line-height: 2em;
    margin-bottom: 0;
    padding: 2px 7px 2px 9px;
    border-bottom: 1px solid #EEE;
    letter-spacing: 1px;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 400;
    color: #555;
}

ul.prices-tier li.item::before {
    content: "\f02c";
    font-family: FontAwesome;
    /*color: #777;
	font-size: 1.4rem;
	position: relative;
	top: 2px;*/
    font-size: 1.2rem;
    position: relative;
    top: 1px;
}

ul.prices-tier li.tier-price-heading {
    text-align: center;
    letter-spacing: 3px;
    background: #EEE;
    /*color: var(--color-white);*/
    padding: 6px 10px;
    font-weight: 600;
    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 li.item:nth-child(odd) {
    /*background-color: #F5f5f5;*/
}

ul.prices-tier .price-container {
    display: inline-block;
}

ul.prices-tier .price {
    line-height: inherit;
    font-size: inherit;
    font-weight: 700;
}

ul.prices-tier .benefit {
    font-weight: 700;
    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: #222222;/* var(--color-red) */
    font-weight: 300;
}

@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;
    }
}

/* SKU - product page  */

.product-info-main .product-info-stock-sku {
    /* display: inline-flex;
    flex-direction: column; */
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 0;
    float: none;
    text-align: left;
    /* font-size: 1.3rem; */

    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: center;

    order: 1;
}

body:not(.has-options) .product-info-main .product-info-stock-sku {
    /* padding-bottom: 1.5rem; */
}

.column.main.media-right .product-info-main .product-info-stock-sku {
    float: left;
    padding-left: 0;
    padding-right: 5%; 
}

.product-info-main .product-info-stock-sku {

}

.product-info-main .product.attribute.sku {
    font-size: 1.2rem;
    line-height: 1.7rem;
    text-align: left;
    order: 1;
    word-break: normal;
}

body.is-builder-fake .product-info-main .product.attribute.sku {
    /* display: none; */
}

.product-info-main .product.attribute.sku .type::after {
    content: ":";
}

.product-info-main .product-info-stock-sku .availability.only {
    background-color: #ffc8c8;
    padding: 0.4rem 1.2rem;
    margin-top: 0;
    display: inline-block;
    border-radius: 3px;
    color: #060606;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
    /* text-transform: capitalize; */
    order: 2;
    align-self: start;
}

.product-info-main .product-info-stock-sku .availability.only strong[data-unit-of-measure="per pair"]::after {
    content: " pairs ";
    font-weight: 400;
}

.product-info-main .product.attribute.sku .type {
    font-weight: 500;
    /* display: none; */
}

.product-info-main .product-info-stock-sku .stock {
    margin-top: 0;
    font-weight: normal;
}

.product-info-main .product-info-stock-sku .stock.available {
    display: none;
}

.product-info-main .product-info-stock-sku .stock.available span {
    color: green;
}

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

    .product-info-main .product-info-stock-sku {
        /* display: none; */
    }

    .product-info-main .product.attribute.sku {
        font-size: 1.2rem;
        padding-top: 1rem;
    }

    .product-info-main .product-info-stock-sku .availability.only {
        font-size: 1.2rem;
    }
}

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

    .product-info-main .product.attribute.sku {
        margin-top: 0;
    }

    .product-info-main .product.attribute.sku .type {
        display: none;
    }
}

.bundle-options-container .block-bundle-summary > .title > strong {
    font-weight: 700;
    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: var(--color-white);
}

.product-info-main .product-add-form {
    margin-top: 1rem;
    padding-top: 0px;
    border-top: 1px solid #DDD;
    order: 2;
}

.product-info-main .product-info-price + .product-add-form {
    margin-top: 1.5rem;
    order: 2;
}

.product-info-main .product-info-price + .product-add-form.steps-circles-vertical {
    margin-top: 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.6rem; */
        margin-bottom: 0rem;
        margin-left: 0rem;
        padding-bottom: 1.5rem;
    }

    .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 */
.product.data.items {
    border-bottom: 1px solid #CCC;
    margin-left: 0;
    margin-right: 0;
}

body.catalog-product-view .product.info.detailed .items > .content .block-title {
    /* display: none; */
}

body.catalog-product-view .product.info.detailed .items > .content:not([id="product.info.description"]) {
    /*display:none;*/
    margin-top: 2rem;
}

.product.data.items > .item.content {
    /* display: none; */
    border-bottom: 0 none transparent;
    margin-left: 0;

    margin-top: 0rem;
    padding: 0rem 0rem 2rem;
}

.product.data.items > .item.title.active + .item.content {
    display: block;
}

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

    body.catalog-product-view .product.info.detailed .items > .content {
        font-size: 1.4rem;
    }

    body.catalog-product-view .product.info.detailed .items > .content p,
    body.catalog-product-view .product.info.detailed .items > .content ul {
        font-size: 1.4rem;
    }

    .product.data.items > .item.content {
        padding-bottom: 0;
    }
}

.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
    box-shadow: none;
}

body.catalog-product-view .product.info.detailed .items > .content a {
    color: var(--color-link-hover);
}

body.catalog-product-view .product.info.detailed .items > .content a:hover {
    color: var(--color-link);
    text-decoration: underline;
}

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

    .product.data.items > .item.content:not(#additional) {
        /*display:none;*/
        padding-top: 0;
    }

    .product.data.items > .item.title > .switch {
        font-weight: 700;
    }

    .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 {
        border: 0 none;
        /* padding: 0rem 0rem 2rem; */
    }
}

.product.data.items > .item.title > .switch {
    text-transform: uppercase;
    background: #EEE;
    box-shadow: none;
    border: 0 none;
    padding: 0 0 1.2rem 0;
    display: block;
    height: auto;
    /*box-shadow: inset 0 1px 0 0 var(--color-white), inset 0 -1px 0 0 rgba(204, 204, 204, 0.3);*/
}

.product.data.items > .item.title {
    float: none;
    width: 100%;
    clear: both;
    border-bottom: var(--border-dashed-gray);
    pointer-events: none;
    margin-top: 1rem;
}

.product.data.items > .item.title > .switch,
.product.data.items > .item.title > .switch:visited {
    color: #555;
}

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

    .product.data.items > .item.title {
        text-align: center;
    }
    

    .product.data.items > .item.title > .switch,
    .product.data.items > .item.title > .switch:visited {
        font-weight: 800;
        background: #EEE;
        color: #555;
    }

    #tab-label-description {
        color: #555;
        text-align: center;
    }

    #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;
        text-align: center;
    }

    #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;
        /* cursor:default; */
    }
}

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

    .product.data.items > .item.title > .switch {
        /*font-size: 1rem;
      padding: 1px 14px 1px 14px;
      font-size: 1.3rem;*/
    }
}

/* ----------------------------------------------------- */
/* tab - additional - specs */

#additional #product-attribute-specs-table {
    width: 100%;
}

#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;
    color: var(--color-text);
    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;
}

.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]::before,
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]::before {
    color: var(--color-text);
    font-weight: 500;
}

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

    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td:before,
    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th:before {
        color: inherit;
        font-weight: 600;
    }

    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]::before,
    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]::before {
        display: block;
        padding: 0;
    }

    #product-attribute-specs-table tbody tr td.col.data {
        font-size: 1.4rem;
        line-height: 2rem;
        padding-left: 0;
        padding-right: 0;
    }
}

.product-info-main h2 {
    text-transform: capitalize;
}

.product-info-main .product-info-price {
    /*border-bottom: 1px solid #DDD;*/
    border-bottom: 0px solid #DDD;
    /*border-top: 4px solid #DDD;	
	padding-top: 2rem;*/
    margin-bottom: 0;
    order: 0;
}

/* .product-info-main .product-info-price, */
body.has-options .product-info-main .product-info-price {
    /* order: 2; */
}

/* ----------------------------------------------------- */
/* box-tocart */

button,
#block-discount .content .action.apply.primary {
    padding: 1em 1.8em 1em 1.8em;
    border-color: #EEE;
    background-color: #EEE;
    box-shadow: none;
    color: var(--color-text);
}

button:hover,
#block-discount .content .action.apply.primary:hover {
    border-color: var(--color-lighter-gray);
    background-color: var(--color-lighter-gray);
}

#block-discount .content .action.apply.primary {
    margin-left: 0;
    color: #FFF;
    background-color: #666;
    border-color: #666;
    border-radius: var(--border-radius-button);
}

#block-discount .content .action.apply.primary:hover {
    margin-left: 0;
    color: #FFF;
    background-color: var(--color-link);
    border-color: var(--color-link);
}

.modal-footer button.action-primary.action-accept {
    padding: 1em 1.8em 1em 1.8em;
    box-shadow: none;
    border: 0 none;
    border-radius: var(--border-radius-button);
}

.modal-footer button.action-primary.action-accept:hover  {
    padding: 1em 1.8em 1em 1.8em;
    box-shadow: none;
    border-radius: var(--border-radius-button);
    border: 0 none;
    background-color: var(--color-lighter-gray);
    color: #333;
}

.bundle-options-container .block-bundle-summary .box-tocart,
.box-tocart {
    margin: 1rem 0 0 0;
    padding: 1.2rem 2rem 1.2rem 1.4rem;/* 2.5rem 0rem 2rem 0rem */
    border-bottom: 1px dashed #CCC;
}

#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);
    /* var(--color-purple) */
    border-color: var(--color-yellow-orange);
    /* var(--color-purple) */
    color: var(--color-white);
    /* #333 */
    margin-bottom: 0;/* 1rem */
    /* text-transform: uppercase; */
    font-weight: 600;
    /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), -1px -1px 1px rgba(255, 255, 255, 0.3); */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), -1px -1px 1px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    padding: 1.5rem 2rem 1.5rem 1.4rem;/* 1em 2.2em 1em 1.8em */
    border-radius: var(--border-radius-button);
}

.action.tocart.primary.no-left-icon {
    padding: 1.5rem 2rem 1.5rem 2rem;
}

body.page-products .box-tocart .action.tocart:not(:last-child),
body.page-products .action.tocart.primary {
    /* font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
     padding: 8px 8px 8px 8px !important;
     margin-right: 0px;*/
}

body.page-products .box-tocart [title="Choose Items"].action.tocart:not(:last-child),
body.page-products [title="Choose Items"].action.tocart.primary {
    padding: 1em 1.8em 1em 1.8em;
}

button:not([title*="Sample"]).action.tocart.primary {
    /* padding: 1em 1.8em 1em 1.8em; */
}

body.page-products .action.tocart.primary {
    width: 100%;
}

.box-tocart .action.tocart:not(:last-child):hover,
.action.tocart.primary:hover {
    /* background: #f5b223;
     border-color: #f5b223; */
    background: var(--color-yellow-orange);
    /*var(--color-dark-purple)  */
    border-color: var(--color-yellow-orange);
    /*var(--color-dark-purple) */
    color: var(--color-white);
    /* #FFF #333 */
    opacity: 0.9;
}

.box-tocart .action.tocart.primary.disabled {
    background: var(--color-gray);
    border-color: var(--color-gray);
    cursor: not-allowed !important;
}

.action.primary.order.sample {
    font-weight: 600;
    background: var(--color-dark-gray);
    border-color: var(--color-dark-gray);
    color: var(--color-white);
    margin-top: 1rem;
}

.action.primary.order.sample:hover {
    background: var(--color-dark-gray);
    border-color: var(--color-dark-gray);
    color: var(--color-white);
    opacity: 0.85;
}

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

    .box-tocart .action.tocart:not(:last-child),
    .action.tocart.primary {
        font-size: 1.4rem;
    }

    .box-tocart #product-addtocart-button.action.tocart:not(:last-child),
    #product-addtocart-button.action.tocart.primary {
        /* font-size: 1.6rem; */
    }

    .action.tocart.primary.no-left-icon {
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    }
}

body.page-products .actions-primary .action.primary {
    /* margin-bottom: 0.8rem;
     font-size: 1.2rem;
     line-height: 1.6rem;
     box-sizing: content-box; */
}

body.catalog-product-view .actions-primary .action.primary {
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

body.catalog-product-view .review-form-actions .actions-primary .action.primary {
    border-color: var(--color-gray);
    background: var(--color-gray);
}

body.catalog-product-view .review-form-actions .actions-primary .action.primary:hover {
    border-color: var(--color-dark-gray);
    background: var(--color-dark-gray-gray);
}

body.catalog-product-view .review-form-actions .actions-primary .action.primary span {
    color: #FFFFFF;
}

.box-tocart .action.tocart:not(:last-child) span,
.action.tocart.primary span {
    position: relative;
    left: 7px;
}

[title="Choose Items"].box-tocart .action.tocart:not(:last-child) span,
[title="Choose Items"].action.tocart.primary span,
.action.tocart.primary.no-left-icon span {
    left: 0;
}

.box-tocart .action.tocart:not(:last-child) span::before,
.action.tocart.primary span::before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 1.8rem;
    position: relative;
    top: 1px;
    left: -8px;
    text-align: center;
    font-weight: 400;
}

.box-tocart button:not([title*="Sample"]).action.tocart:not(:last-child) span::before,
button:not([title*="Sample"]).action.tocart.primary span::before {
    /* content: none; */
}

.action.tocart.primary.no-left-icon span::before {
    content: none;
}

.page-products .box-tocart .action.tocart:not(:last-child) span::before,
.page-products .action.tocart.primary span::before {
    font-size: 1.4rem;
    top: 1px;
    left: -6px;
    font-weight: 400;
}

.page-products .box-tocart [title*="choose"].action.tocart:not(:last-child) span::before,
.page-products [title="Choose Items"].action.tocart.primary span::before {
    content: "";
}

.block.related .box-tocart .action.tocart:not(:last-child) span::before,
.block.related .action.tocart.primary span::before {
    font-size: 1.4rem;
    top: 1px;
}

button.order.sample.button {}

button.order.sample.button button[id^="product-addsample-button"] {}

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

    .box-tocart .action.tocart:not(:last-child) {
        /* width: 50%; */
    }

    /* button[id^="product-addsample-button"] {
		margin-top: 1.4rem;
		margin-left: 1rem;
	} */
}

/*@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	.box-tocart .action.tocart:not(:last-child) {
		width: 100%;
	}
}*/

@media screen and (max-width: 767px) {
    
    body.page-products .actions-primary [title="Add Sample to Cart"].action.primary {
        padding: 1.2rem 1.4rem 1.2rem 1.4rem;
        font-size: 1.3rem;
        font-weight: 500;
        letter-spacing: 0;
        box-sizing: border-box;
    }

    .page-products .box-tocart .action.tocart:not(:last-child) span,
    .page-products .action.tocart.primary span {
        left: 6px;
    }

    .page-products [title="Add Sample to Cart"].action.tocart.primary span {
        left: 0;
    }
    
    .box-tocart [title="Add Sample to Cart"].action.tocart:not(:last-child) span::before,
    [title="Add Sample to Cart"].action.tocart.primary span::before {
        display: none;
    }
}

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

    .box-tocart .action.tocart:not(:last-child) span,
    .action.tocart.primary span {
        left: 6px;
    }
}

/* #product-addsample-button {
	float: none;
	padding: 3px 7px 2px 22px;
	background: transparent;
	color: #444;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(255,255,255,0.5);
	border: none;
	font-size: 1.4rem;
	width: auto;
	text-transform: uppercase;
	font-weight: 600;
}

#product-addsample-button:hover {
	color: #222;
	text-decoration: underline;
}

@media screen and (max-width: 1264px) {
	
	#product-addsample-button {
		padding: 3px 7px 2px 22px;
	}
}

.action.primary.sample-addtocart {
	margin-bottom: 1rem;
	box-sizing: border-box;
}

#product-addsample-button br {
	display: none;
}

#product-addsample-button .sample-label {
	display: inline-block;
	font-size: inherit;
	text-decoration: none;
}

#product-addsample-button:hover .sample-label {
	text-decoration: underline;
}

.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  {
     font-weight: 400;
     text-transform: uppercase;
     padding: 8px 8px 8px 8px;
     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: var(--color-white);
}

.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); */
    /* height: auto;
	width: 60px; */
}

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

    .box-tocart .action.tocart:not(:last-child),
    .action.tocart.primary {
        margin-bottom: 0;/* 1.5rem */
    }

    .box-tocart .fieldset .field.qty label {
        float: left;
        margin-right: 5px;
        margin-bottom: 0;
        position: relative;
        top: 5px;
    }
}

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

    #product_addtocart_form .box-tocart .action.tocart:not(:last-child),
    #product_addtocart_form .action.tocart.primary {
        /* font-size: 1.6rem; */
    }
}

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

.box-tocart .fieldset .actions {
    /* display: inline-block; */
    float: right;
    margin-bottom: 0;
    width: calc(100% - 120px);
    /* same width minus as below .box-tocart .fieldset .field.qty width */
}

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

    .box-tocart .fieldset .actions {
        margin-bottom: 0rem;
    }
}

.box-tocart.has-add-to-cart-msg .fieldset .actions {
    margin-bottom: 2rem;
}

body.page-product-grouped .box-tocart .fieldset .actions {
    width: calc(100%);
    /* (group products donthave qty field */
}

.box-tocart.is-room-product .fieldset .actions {
    /* display: inline-block; */
    float: none;
    width: 100%;
    /* same width minus as below .box-tocart .fieldset .field.qty width */
}

.box-tocart .fieldset .field.qty {
    position: relative;
    top: 7px;
    /* display: inline-block; */
    float: left;
    margin-bottom: 0;
    width: 120px;
    /* same width minus as above .box-tocart .fieldset .actions width calc */
}

.box-tocart.is-room-product .fieldset .field.qty {
    opacity:0;
    width:0;
    height:0;
    overflow:hidden;
}

.box-tocart .fieldset .field.qty label {
    display: none;
    /* inline-block*/
    text-transform: uppercase;
    /*font-size: 1.2rem;*/
}

.box-tocart .fieldset .field.qty .control {
    display: inline-block;
    /* text-space-collaspe: discard;  */
}

body.catalog-product-view .box-tocart .actions.has-sample-btn #product-addtocart-button {
    width: 100%;
}

/*}*/

@media screen and (min-width: 1025px) and (max-width: 1050px) {

    body.page-products .actions-primary .action.primary {
        font-size: 1.3rem;
    }
}

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

    body.page-products .actions-primary .action.primary {
        font-size: 1.5rem;
    }

    .box-tocart .action.tocart:not(:last-child),
    .action.tocart.primary {
        font-size: 1.4rem;
    }

    .product-info-main .box-tocart .action.tocart:not(:last-child),
    .product-info-main .action.tocart.primary {
        font-size: 1.8rem;
    }

    /*.action.primary, 
	.sample-addtocart {
		font-size: 1.1rem;
		line-height: 2rem;
	}
	
	.action.primary.sample-addtocart span {
		left: 4px;
	}
	
	.action.primary.sample-addtocart span::before {
		font-size: 1.3rem;
		left: -6px;
	}*/
}

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

    .box-tocart .fieldset .field.qty {
        top: 6px;
    }
}

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

    .box-tocart .fieldset .field.qty {
        top: 7px;
    }
}

.box-tocart .fieldset {
    margin: 0 0 1.5rem;
}

.box-tocart .fieldset:last-child {
    margin-bottom: 0;
}

/* ----------------------------------------------------- */
/* add to cart message */

.box-tocart .add-to-cart-msg {
    display: block;
}

.add-to-cart-msg {
    display: none;
    position: relative;
    left: -26px;
    clear: both;
    margin: 2rem 0 1rem;
    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;
}

.add-to-cart-msg .add-to-cart-msg-inner {
    position: relative;
    left: 0;
    width: calc(100% + 20px);
    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 a {
        font-size: 1.4rem;
    }
}

/* ----------------------------------------------------- */
/* sample add to cart */

/* @media screen and (max-width: 767px) {
	
	#product-addsample-button {
		font-size: 1.2rem;
		text-transform: capitalize;
		text-decoration: none;
	}
	
	#product-addsample-button:hover {
		text-decoration: underline;
	}
	
	#product-addsample-button .sample-label {
		text-transform: capitalize;
		text-decoration: none;
	}	
	
	#product-addsample-button:hover .sample-label {
		text-decoration: underline;
	}
	
	.action.primary.sample-addtocart span::after {
		content: "+";
		top: -1px;
		font-size: 1.9rem;
		font-weight: 800;	
	}
} */

/* ----------------------------------------------------- */
/* product upsell popup image  */

#upsell-popup-image-wrapper {
    /* display: none; */
}

#upsell-popup-image-wrapper.fancybox-content {
    /* background: none transparent;
    padding: 0; */
}

#upsell-popup-image-wrapper a {

}

#upsell-popup-image-wrapper a img {

}

/* ----------------------------------------------------- */
/* button styles - other  */
button:not(.primary) {
    box-shadow: none;
    border: 0 none;
    border-radius: var(--border-radius-button);
}

.action.primary,
.action.primary:focus,
.action.primary:active,
.action.primary:hover {
    border: 0 none;
    box-sizing: border-box;
    border-radius: var(--border-radius-button);
}

.action.primary {
    /* letter-spacing: 1px; */
    font-weight: 300;
    font-size: 1.5rem;
    padding: 1.2rem 2rem 1.2rem 2rem;
    border-radius: var(--border-radius-button);
    /* background: var(--color-link); */
}

.action.primary:hover {
    /* opacity: 0.85;
   background: var(--color-link-hover); */
}

#layered-filter-block .action.primary {
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
}

#layered-filter-block .action.primary:hover {
    border-radius: 0;
}

.action.primary.ordersample {
    /* text-transform: uppercase; */
}

.column.main .cart-empty a {
    color: var(--color-link-hover);
}

.column.main .cart-empty a:hover {
    text-decoration: underline;
    color: var(--color-link);
}

.cart-container .form-cart .actions.main .continue {
    display: inline-block;
    line-height: 1.42857143;
    color: #6a2f64;
    font-weight: 400;
}

.cart-container .form-cart .actions.main .continue:hover {
    text-decoration: underline;
    color: var(--color-link);
}

.cart-container .form-cart .actions.main .action.clear {

}

.cart-container .form-cart .actions.main .action.clear:hover {
    color: var(--color-link);
}

.cart-container .form-cart .actions.main .action.update {
    display: inline-block;
    line-height: 1.42857143;
    background-color: var(--color-purple);/* #6a2f64 */
    color: #FFF;
    font-weight: 400;
}

.cart-container .form-cart .actions.main .action.update:hover {
    text-decoration: none;
    background-color: var(--color-link);
    color: #FFF;
}

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

    .cart-container .form-cart .actions.main .continue {
        float: left;
        margin-top: 1rem;
    }
}

html .big-button,
html .small-button {
    display: inline-block;
    font: normal normal 400 1.5rem var(--font-family);
    text-align: center;
    vertical-align: middle;
    border: 1px solid #666;
    box-sizing: border-box;
    background: #666;
    color: var(--color-white);
    border-radius: var(--border-radius-button);
    text-decoration: none;
    text-transform: uppercase;
    margin: 0.5rem 0 0.7rem 0;
    padding: 0.6rem 1.5rem 0.6rem 1.5rem;
}

html .small-button {
    font: normal normal 400 1.3rem var(--font-family);
}

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.orange,
html .small-button.orange {
    border: 1px solid var(--color-orange);
    background: var(--color-orange);
    color: var(--color-white);
}

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: var(--color-white);
}

html .big-button.blue,
html .small-button.blue {
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
    color: var(--color-white);
}

html .big-button:hover,
html .small-button:hover {
    border: 1px solid #CCC;
    background: #CCC;
    color: #444;
    text-decoration: none;
}

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 */

/* ----------------------------------------------------- */
/* rewards - social */

.rewardssocial-buttons {
    /*display: none !important;
	margin-bottom: 0;
	padding-top: 2rem;*/
}

/*@media screen and (max-width: 767px) {
	
	.rewardssocial-buttons {
		width: 218px;
		text-align: center;
		clear: both;
		display: block;
		height: 30px;
		margin: 0 auto 0 auto;
	}
}*/

/* ----------------------------------------------------- */
/* amasty shipbar */

#page-wrapper > div[data-bind*="amasty-shipbar-top"] {
    /* display: none;
	background: #3F8654; 
	min-height: 54px;*/
    box-sizing: border-box;
}

#page-wrapper > div[data-bind*="amasty-shipbar-top"] * {
    box-sizing: border-box;
}

#page-wrapper .amasty-shipbar.container {
    display: grid;
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: max-height 2s ease 2s, opacity 2s ease 1s;
    transition: max-height 2s ease 2s, opacity 2s ease 1s;
}

html.window-loaded #page-wrapper .amasty-shipbar.container {
    max-height: 200px;
    opacity: 1;
}

html.jonny-amm-open #page-wrapper .amasty-shipbar.container {
    position: relative;
    z-index: 1;
}

.amasty-shipbar .bar-content {
    /* color: #FFC !important; */
}

.amasty-shipbar .label-content {
    /* font-family: var(--font-family) !important;
	color: #555 !important;
	font-weight: 300;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3),-1px -1px 1px rgba(255,255,255,0.3); */
    /* font-family: var(--font-family) !important; */
    /* color: #555 !important; */
    font-weight: 300;
    /* text-shadow: 1px 1px 1px rgba(255,255,255,0.3),-1px -1px 1px rgba(255,255,255,0.3); */
}

.amasty-shipbar .bar-content:hover .label-content,
.amasty-shipbar .bar-content:hover .label-content b,
.amasty-shipbar .bar-content:hover svg {
    color: #FFC !important;
    fill: #FFC !important;
}

.amasty-shipbar .label-content b {
    /* color: #555 !important; */
    font-weight: 400;
}

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

    .amasty-shipbar .content {
        margin: auto;
        padding: 15px 20px;
    }
}

/* ----------------------------------------------------- */
/* related products */
.column.main div[aria-labelledby="block-related-heading"] .block-actions {
    /* display: none !important; */
    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) {

    .products-grid .product-item-info:hover .product-item-inner,
    .products-grid .product-item-info.active .product-item-inner {
        padding-left: 0;/* 1rem */
    }
}

.page-products .product-item-actions {
    margin-bottom: 0;
}

.page-products .product-item.has-options .product-item-actions {
    /* display: flex;
    justify-content: center; */
}

.column.main .products-related .product-items .product-item-info {
    width: 100%;
    text-align: center;
    padding: 1rem 1rem 1rem 1rem;/* 1rem 1rem 6rem 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 solid transparent;
    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;
}

.products-related .product-items .product-item-info .product-image-container {
    margin: 0 auto 1rem auto;
}

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

    .products-related .product-items .product-item-info .product-image-container {
        display: block;
        width: calc(98%) !important;
        /* margin: 0 auto 1rem auto; */
    }
}

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

    .column.main .products-related .product-items .product-item-info {
        padding: 0rem;
    }
}

.product-item-name {
    -moz-hyphens: none;
    hyphens: none;
    margin: 5px;
}

.block.upsell .product-item-name {
    margin: 0 0 0.1rem;
}

.products-related input[type="checkbox"].checkbox.related {
   /*  display: none !important; */
}

/* related products (fabric by the yard - same 4 products in group product) */
.block.related {
    /* padding-top: 2rem;
    border-top: var(--border-dashed-gray); */
}

.block.related .block-title {
    /* text-align: center; */
}

.block.related .block-title strong {
    font-size: 0;
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 1.5rem;
    min-height: 3rem;
    font-weight: 600;
    font-size: 1.8rem;
    color: #555;

    float: none;
    clear: both;
    border-bottom: var(--border-dashed-gray);
    margin-top: 0;
    padding-bottom: 2.5rem;
    pointer-events: none;
}

.block.related .block-title strong::before {
    /* content: "Add Coordinating Items";
    background: var(--color-white);
    color: var(--color-text);
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px;
    letter-spacing: 1px;
    min-width: 305px; */
}

.column.main div[aria-labelledby="block-related-heading"] .block-actions {
    margin: 0 auto 2rem;
}

.column.main .products-related .product-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    grid-gap: 0;
}

.column.main .products-related .product-items li {
    width: 100%;
}

.column.main .products-related .product-items .choose-matching li {
    width: auto;
}

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

    .column.main .products-related .product-items li {
        margin: 0 0 75px 0;
    }
}

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

    .block.related .block-title {
        text-align: center;
    }

    .block.related .block-title strong {
        
    }

    .column.main .products-related .product-items li {
        margin: 0;
        padding: 0;
    }

    /* .box-tocart .action.tocart:not(:last-child), 
	.action.tocart.primary {
		font-size: 1.2rem;
   } */
}

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

    .column.main .products-related .product-items {
        grid-template-columns: 1fr; /* repeat(auto-fill, minmax(50%, 1fr)); */
    }
}

.block.related .product-image-wrapper {
    padding-bottom: 0% !important;
    height: auto;
}

.block.related .product-item .product-image-photo {
    max-width: 100%;
    width: 100%;/* 160px */
    height: auto;
    position: static;
    border-radius: var(--border-radius-rounded);/* var(--border-radius-circle) */
}

.block.related .related-available .product-item-name {
    margin: 1rem 0 0 0;
}

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

    .block.related .products-grid .product-item-info:not(:hover):not(.active) .product-item-actions {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
}

.block.related .products-grid .product-item-info:not(:hover):not(.active) .product-item-actions,
.block.related .products-grid .product-item-info .product-item-actions {
    box-shadow: unset;
}

.block.related .products-grid .product-item-actions {
    background: transparent;
    /* box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3); */
    border: 1px solid transparent;
    border-top: none;
    margin: 0px -11px 0 -11px;
    padding: 0 1rem 2rem;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}

@media screen and (min-width: 912px) and (max-width: 1196px) {

    .column.main .products-related .product-items {
        grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    }
}

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

    .block.related .products-grid .product-item-info:not(:hover):not(.active) .product-item-actions,
    .block.related .products-grid .product-item-info .product-item-actions {
        position: static;
        /* display: none; */
        margin-bottom: 1rem;
    }

    .block.related .product-item-actions .actions-primary {
        display: inline-block;
    }

    .block.related .product-image-wrapper {
        padding-bottom: 0% !important;
    }
}

/* ----------------------------------------------------- */
/* upsell products */

.product-info-main .block.upsell {
    margin: 0 0 2rem 0;
    opacity: 0;
    margin-top: 0;/* 1.5rem */
}

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: 1.5rem;
}

.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;
    /* background-color: #f5f5f5;   
    border: 2px dashed #CCC;
    border-radius: var(--border-radius-rounded); */
}

html.window-loaded .product-info-main .block.upsell .block-content.content {
    /* background-color: #f5fafa;
   -webkit-transition:  background-color 1s 5s;
   transition:  background-color 1s 5s; */
}

.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;/* 1fr 1fr */
    gap: 1.5rem;
    margin: 0;
    padding: 0;
}

.product-info-main .block.upsell .products-grid .product-item {
    /* display: flex;
    height: 100%; */
    width: 100%;
    margin: 0 0 0 0;/* 0 0 1.5rem 0 */
    padding: 0;
}

.product-info-main .block.upsell .products-grid .product-item .product-item-info {
    width: 100%;
    display: grid;
    grid-template-columns: 100px 1fr ;/* 1fr */
    grid-gap: 1.5rem;
    padding: 2rem 2rem 1.5rem;/* 1.5rem 2rem */

    background-color: #fbfafa;/* #f5f5f5 #fcfce0  */
    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: 1.5rem;
    padding: 1.5rem 1.5rem 1.5rem;/* 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-info:hover,
.product-info-main .block.upsell .products-grid .product-item-info.active {
    padding: 1.5rem 1.5rem 1.5rem;/* 1.5rem 2rem */
    margin: 0;
    border: 0 none;
    box-shadow: unset;
    border: 2px dashed #CCC;
    background-color: #fcfce0;/* #f5f5fa */
    -webkit-transition: background-color 1s 0s;
    transition: background-color 1s 0s;
}

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

    .products-grid .product-item-info:hover, .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 a {
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0px;
}

@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;
}

/* .product-info-main .block.upsell .products-grid .product-item-actions {
    display: none;
} */

.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),
.products-grid .product-item .actions-primary [title*="View Details"].action.primary:not(.tocart),
.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) {
    position: relative;
    margin-top: 1rem;
    background-color: var(--color-purple);
    border-color: var(--color-purple);
}

.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) {
    background-color: var(--color-link);
    border-color: var(--color-link);
}

.products-grid .product-item.has-options .actions-primary [title*="View Details"].action.primary:not(.tocart),
.products-grid .product-item.has-options .actions-primary [title*="Become a Dealer"].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,
.block.related .products-grid .product-item .actions-primary .action.primary:not(.tocart):hover,
.products-grid .product-item .actions-primary [title*="View Details"].action.primary:not(.tocart):hover,
.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart):hover {
    background-color: #797979;/* var(--color-dark-purple); */
    border-color: #797979;/* var(--color-dark-purple); */
}

.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart):hover {
    background-color: #797979;/* var(--color-dark-purple); */
    border-color: #797979;/* var(--color-dark-purple); */
}

body .product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary,
body .block.related .products-grid .product-item .actions-primary .action.primary:not(.tocart),
.products-grid .product-item .actions-primary [title*="View Details"].action.primary:not(.tocart),
.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) {
    padding-right: 3.5rem;/* 3.3rem */
    -webkit-transition: padding-right 0.5s 0s;
    transition: padding-right 0.5s 0s;
    white-space: normal;
}

.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) {
    padding-right: 20px;
}

body .product-info-main .block.upsell .products-grid .product-item:hover .actions-primary.no-left-icon .action.primary,
body .block.related .products-grid .product-item:hover .actions-primary .action.primary:not(.tocart),
.products-grid .product-item:hover .actions-primary [title*="View Details"].action.primary:not(.tocart),
.products-grid .product-item:hover .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) {
    padding-right: 4.5rem;
    -webkit-transition: padding-right 0.5s 0s;
    transition: padding-right 0.5s 0s;
}

.products-grid .product-item:hover .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) {
    padding-right: 20px;
}

.product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary i,
.block.related .products-grid .product-item .actions-primary .action.primary:not(.tocart) i,
.products-grid .product-item .actions-primary [title*="View Details"].action.primary:not(.tocart) i,
.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) i {
    position: absolute;
    right: 1.2rem;
    top: 50%;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.4s 0.1s;
    transition: transform 0.4s 0.1s;
}

.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) i {
    display: none !important;
}

body .product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary.no-left-icon {
    padding-right: 1.5rem;
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s;
    transition: opacity 0.5s 0s;
    
}

body .product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary.no-left-icon {
   padding-right: 1.5rem;/* 2.2rem 4.5rem */
   opacity: 0.9;
   -webkit-transition: opacity 0.5s 0s;
   transition: opacity 0.5s 0s;
}

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

    body .product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary.no-left-icon {
        padding-right: 1.5rem;
    }

    body .product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary.no-left-icon {
        padding-right: 1.5rem;/* 2.2rem 4.5rem */
     }
}



/* .product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary.no-left-icon i.first {
    right: -1.8rem;
}

.product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary.no-left-icon i.first {
    right: -2.2rem;
} */

.product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary i.first,
.block.related .products-grid .product-item .actions-primary .action.primary:not(.tocart) i.first,
.products-grid .product-item .actions-primary [title*="View Details"].action.primary:not(.tocart) i.first,
.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) i.first {
    opacity: 1;
    -webkit-transition: opacity 0.4s 0s;
    transition: opacity 0.4s 0s;
}

.product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary i.last,
.block.related .products-grid .product-item .actions-primary .action.primary:not(.tocart) i.last,
.products-grid .product-item .actions-primary [title*="View Details"].action.primary:not(.tocart) i.last,
.products-grid .product-item .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) i.last {
    opacity: 0;
    -webkit-transition: opacity 0.4s 0s;
    transition: opacity 0.4s 0s;
}

.product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary i.first,
.block.related .products-grid .product-item:hover .actions-primary .action.primary:not(.tocart) i.first,
.products-grid .product-item:hover .actions-primary [title*="View Details"].action.primary:not(.tocart) i.first,
.products-grid .product-item:hover .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) i.first {
    opacity: 0;
    -webkit-transition: opacity 0.4s 0s;
    transition: opacity 0.4s 0s;
}

.product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary i.last,
.block.related .products-grid .product-item:hover .actions-primary .action.primary:not(.tocart) i.last,
.products-grid .product-item:hover .actions-primary [title*="View Details"].action.primary:not(.tocart) i.last,
.products-grid .product-item:hover .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) i.last {
    opacity: 1;
    -webkit-transition: opacity 0.4s 0s;
    transition: opacity 0.4s 0s;
}

.product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary i,
.block.related .products-grid .product-item:hover .actions-primary .action.primary:not(.tocart) i,
.products-grid .product-item:hover .actions-primary [title*="View Details"].action.primary:not(.tocart) i,
.products-grid .product-item:hover .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) i {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: transform 0.4s 0.1s;
    transition: transform 0.4s 0.1s;
}

.product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary i::before,
.block.related .products-grid .product-item:hover .actions-primary .action.primary:not(.tocart) i::before,
.products-grid .product-item:hover .actions-primary [title*="View Details"].action.primary:not(.tocart) i::before,
.products-grid .product-item:hover .actions-primary [title*="Become a Dealer"].action.primary:not(.tocart) i::before {
    /* content: "\f061"; */
}

.product-info-main .block.upsell .products-grid .product-item .actions-primary .action.primary.no-left-icon i.last {
    right: -2.2rem;
    -webkit-transition: opacity 0.4s 0s, right 0.4s 0s;
    transition: opacity 0.4s 0s, right 0.4s 0s;
}

.product-info-main .block.upsell .products-grid .product-item:hover .actions-primary .action.primary.no-left-icon i.last {
    right: -2.6rem;
    -webkit-transition: opacity 0.4s 0s, right 0.4s 0s;
    transition: opacity 0.4s 0s, right 0.4s 0s;
}

@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;
        /* border-top: var(--border-dashed-gray); */
        clear: both;
        order: 3;
    }

    .product-info-main .block.upsell .title {
        text-align: center;
    }

    .column.main .products.wrapper.grid.products-grid ol.product-items {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
        grid-gap: 1rem;
    }

    html.touch-iphone .column.main .products.wrapper.grid.products-grid ol.product-items {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }

    .column.main .products.wrapper.grid.products-grid li.product-item {
        display: inline-flex;
        justify-content: center;
        margin: 0 0 1rem 0 !important;
        padding: 0 0 0 0 !important;
        width: auto !important;
    }

    .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) {

    
}

/* ----------------------------------------------------- */
/* choose matching room product types */

.choose-matching {
    display: block;
    font-size: 12px;
    margin: 1rem auto 0 auto;
    cursor: pointer;
}

body.catalog-product-view .choose-matching {
    margin-bottom: 0;
}

body.catalog-product-view .block.related .choose-matching {
    display: none;
}

.choose-matching b {
    font-weight: 600;
}

.choose-matching ul {
    display: block;
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0;
    cursor: pointer;
}

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

.choose-matching ul li {
    font-size: 10px;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0.3rem 0.5rem;
    background-color: #EEE;
    color: var(--color-darker-gray);
    border: 1px solid #DDD;
    font-family: Arial;
    font-weight: lighter;
}

body.catalog-product-view .choose-matching ul li {
    font-size: 11px;
    padding: 0.3rem 0.6rem;
    background-color: var(--color-white);
    color: var(--color-darker-gray);
    font-weight: 400;
    font-family: var(--font-family);
}

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

    body.catalog-product-view .choose-matching ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .choose-matching ul li {
        color: #444;
        font-weight: 400;
    }
}

/* ----------------------------------------------------- */
/* room individual w options - contact quote */

.contact-quote-box {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contact-quote-box i {
    margin-right: 1rem;
}

.contact-quote-box .contact-quote-link {
    color: var(--color-purple);
    /* text-decoration: underline; */
}

.contact-quote-box .contact-quote-link:hover {
    color: var(--color-dark-purple);
    text-decoration: underline;
}

/* product options was here */

/* ----------------------------------------------------- */
/* cart page */

body.checkout-cart-index .cart-summary {
    position: static !important;
    top: 0 !important;
}

.cart-discount {
    /* display:none;	 */
}

.cart.table-wrapper .action {
    margin-right: 10px;
}

.minicart-items {
    display: block !important;
}

#top-cart-btn-checkout {
    background: var(--color-purple);
    border: 1px solid var(--color-purple);
    text-align: center;
}

#top-cart-btn-checkout:hover {
    background: var(--color-dark-purple);
    border: 1px solid var(--color-dark-purple);
}

.cart.table-wrapper .col.qty .input-text {
    width: 50px;
}

body.checkout-index-index #opc-sidebar .opc-block-summary .items-in-cart > .title {
    display: none !important;
}

.cart-summary .block .title {}

.cart-summary .block > .title::after {
    top: 13px;
}

.cart-summary .block .title strong {
    color: var(--color-link-hover);
}

.cart-summary .block .title:hover strong {
    color: var(--color-link);
}

.cart-summary .block .item-options .field .radio {
    /* position: relative;
   top: 4px; */
}

.cart.table-wrapper .item-options,
.cart.table-wrapper .product-item-name + .item-options {
    font-size: 1.2rem;
    line-height: 1.6rem;
}

.cart.table-wrapper .item-options dt {
    margin: 0 10px 1px 0;
    display: block;
    width: 100%;
}

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

    html .cart.table-wrapper .product-item-name > a,
    html .cart.table-wrapper .col.price .price-excluding-tax,
    html .cart.table-wrapper .col.subtotal .price-excluding-tax,
    html .cart.table-wrapper .col.qty .input-text {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

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

    body.checkout-index-index .minicart-items .product-item-details {
        padding-left: 5rem;
    }
    
    .opc-block-summary .product-item .product-item-name-block {
        padding-right: 0;
    }

    body.checkout-index-index .minicart-items .product-item-name {
        font-size: 1.4rem;
    }
}

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

    .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp {
        font-size: 1.4rem;
    }

    .abs-incl-excl-tax .price-including-tax, .abs-incl-excl-tax .price-excluding-tax, .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 .input-text {
        font-size: 1.4rem;
    }
}

#cart-totals .data.table.totals .total-rules {
    background: #FFF;
}

#cart-totals .data.table.totals .total-rules .rule-name {
    padding-left: 1rem;
    font-size: 1.2rem;
    color: red;
}

#cart-totals .data.table.totals .total-rules .rule-amount {
    padding-right: 1rem;
    font-size: 1.2rem;
    color: red;
}

.cart-totals .grand strong span {
    color: red;
}

.cart-summary .checkout-methods-items .action.primary.checkout {
    background-color: var(--color-orange);
}

body.checkout-cart-index .cart-container form .checkout-button-trigger {
    display: none !important;
}

.cart-summary .checkout-methods-items {
    margin-top: 0;
}

.cart-summary .checkout-methods-items .item {
    margin-bottom: 1.5rem;
}

.cart-summary .checkout-methods-items li:nth-child(2) {
    margin-bottom: 0.5rem;
}

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

    body.checkout-cart-index .cart-container form .checkout-button-trigger {
        display: block !important;
        background-color: var(--color-orange);/* #563b53 */
        width: width(100% - 3rem);
        text-align: center;
        line-height: 2.2rem;
        padding: 14px 17px;
        margin: 0 1.5rem 1.5rem 1.5rem;
        font-size: 1.8rem;
        border: 0 none;
        box-shadow: none;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: 'Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 300;
        vertical-align: middle;
        border-radius: var(--border-radius-button);
    }
}

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

    body.checkout-cart-index .cart-container {
        display: flex;
        flex-direction: column;
    }

    body.checkout-cart-index .cart-container .cart-summary {
        order: 1;
    }

    body.checkout-cart-index .cart-container .form.form-cart {
        order: 0;
    }
}

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

.product-item-name,
.product.name a {
    font-weight: 400;
    line-height: 2rem;
    margin-left: 0;
    margin-right: 0;
    word-break: unset;
    overflow-wrap: normal;
}

.product-item-name > a,
.product.name a > a,
.abs-product-link > a {
    /* color: var(--color-link); */
    letter-spacing: 0.5px;
    line-height: 2.6rem;
}

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

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

.product-item-info:hover .product-item-name > a {
    /* color: var(--color-link); */
}

html body:not(.account.review-customer-view) .product-image-photo {
    border-radius: var(--border-radius-rounded);/* var(--border-radius-circle); */
    -webkit-transition: none;/* border-radius 0.4s ease 0s; */
    transition: none;/* border-radius 0.4s ease 0s; */
}

html body:not(.account.review-customer-view) .block.upsell .product-image-photo {
    border-radius: var(--border-radius-rounded);
    border: 1px solid #DDD;
  }

html body:not(.account.review-customer-view) .product-image-photo:hover {
    border-radius: var(--border-radius-rounded);
    -webkit-transition: none;/* border-radius 0.4s ease 0s; */
    transition: none;/* border-radius 0.4s ease 0s; */
}

.cart.table-wrapper .actions-toolbar {
    min-height: 35px;
}

/* amazon button */
/*.amazon-button-container__cell {
    min-width: 40px;
}

.amazon-button-container .field-tooltip {
    margin: -17px 0 0;
    top: 50%;
    right: 13px;
}*/

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

    .product-item-name,
    .product.name a {
        font-size: 1.3rem;
    }
}

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

    .item .product.name a {
        line-height: 1.8rem;
        font-size: 1.4rem;
    }
}

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

    .item .product.name a {
        line-height: 1.8rem;
        font-size: 1.3rem;
    }
}

/* crosssell products */
.block.crosssell {
    margin-top: 0;
}

.block.crosssell .actions-secondary {
    display: none !important;
}

.column.main .block.crosssell:last-child {
    width: 68%;
    padding: 0 1.5rem 0 0;
    box-sizing: border-box;
}

.column.main .block.crosssell .product-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
    gap: 1.5rem;
}

.block.crosssell .products-grid .product-item {
    width: 100%;
}

.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;
    }

    .block.crosssell .products-grid .product-item .price-box {
        margin-bottom: 1rem;
    }
}

/* ----------------------------------------------------- */
/* checkout page */

.opc-wrapper .step-title {
  font-weight: 600;
}

.opc-estimated-wrapper .estimated-block .estimated-price {
    color: red;
}

.checkout-payment-method .checkout-billing-address {
    margin: 0 0 2rem;
    /* border-top: 1px solid #DDD; */
    padding-top: 0;/* 2rem */
}

.checkout-payment-method .checkout-billing-address .billing-address-details {
    line-height: 2.4rem;
}

body.checkout-index-index .checkout-container .opc-wrapper .opc #checkoutSteps .fieldset .label {
    line-height: 2.4rem;
}

body.checkout-index-index .checkout-agreement.field.choice.required .action.action-show {
    text-align: left;
    margin-left: 3px;
}

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

    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-index-index .logo {
        margin-left: 0;
        margin: 0 auto;
        /*width: auto; 148px*/
        float: none;
        text-align: center;
        display: block;

        position: relative;
        width: 114px;
        top: -44px;
    }

    body.checkout-index-index .header.content {
        /*padding: 0px 20px 14px;*/
    }
}


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

    .opc-block-shipping-information {
        padding: 0 1rem;
    }

    .opc-block-summary {
        padding: 1rem 1.3rem;
    }

    .opc-block-summary > .title {
        font-size: 1.8rem;
        font-weight: 500;
    }

    .abs-checkout-title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title {
        font-size: 1.8rem;
        font-weight: 500;
    }

    .opc-block-shipping-information .shipping-information-title .action-edit {
        top: 2px;
    }

    .abs-sidebar-totals tbody .mark, .abs-sidebar-totals tfoot .mark, .cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark {
        font-size: 1.2rem;
    }

    .abs-sidebar-totals tbody .amount, .abs-sidebar-totals tfoot .amount, .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount {
        font-size: 1.2rem;
    }

    .abs-sidebar-totals .grand strong, .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong {
        font-size: 1.4rem;
    }

    .checkout-payment-method .payment-option.discount-code._collapsible .payment-option-title {
        pointer-events: none;
        padding-left: 0;
        padding-bottom: 1rem;
    }

    .checkout-payment-method .payment-option.discount-code._collapsible .payment-option-title #block-discount-heading {
        color: var(--color-text);
        font-weight: 500;
    }

    .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;
        display: none;
    }

    .checkout-payment-method .payment-option.discount-code .payment-option-content,
    .checkout-payment-method .payment-option.discount-code._collapsible .payment-option-content {
        display: block !important;
        padding: 0 0 20px 0;
    }
}

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

    .opc-block-shipping-information {
        padding: 0;
    }
}

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

    .opc-block-summary > .title {
        font-size: 1.8rem;
    }

    .abs-reset-list, .bundle-options-container .block-bundle-summary .bundle.items, .product-items, .prices-tier, .search-terms, .cart-summary .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .order-details-items .items-qty, .footer.content ul, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .checkout-payment-method .payment-option.discount-code._collapsible .payment-option-title {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .checkout-payment-method .payment-option.discount-code .payment-option-content,
    .checkout-payment-method .payment-option.discount-code._collapsible .payment-option-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .checkout-payment-method .payment-method #authnetcim-form-cc + .payment-method-content {
        padding-left: 0;
        padding-right: 0;
    }
}

.authentication-wrapper {
    margin-top: 0px;
}

.authentication-wrapper button.action-auth-toggle {
    background: var(--color-blue);
    padding: 14px 17px;
    color: var(--color-white);
    margin-top: 0;
    text-decoration: none;
}

.authentication-wrapper button.action-auth-toggle:hover {
    background: #222;
}

.checkout-payment-method .ccard > .field.cvv > .control {
    padding-right: 30px;
    position: relative;
}

#shipping-method-buttons-container .modal-content {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.table-checkout-shipping-method tbody td {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.checkout-payment-method .payment-method-title {
    padding: 1rem 0;
}

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

    .checkout-payment-method .payment-method-title {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* 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: 1rem;
    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;
}

/* 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;
        padding-bottom: 0.5rem;
    }
}

/* checkout page - modal - agree to terms and conditiona modal */

.modal-popup.agreements-modal .modal-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#checkout-agreements-modal {
    
}

#checkout-agreements-modal h2 {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#checkout-agreements-modal .checkout-agreements-item-content > h2 {
    font-size: 1.8rem;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
}

#checkout-agreements-modal h3 {
    font-size: 1.4rem;
    line-height: 2rem;
}

#checkout-agreements-modal ul {
    padding-left: 2rem;
}

#checkout-agreements-modal p,
#checkout-agreements-modal li {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

/* ----------------------------------------------------- */
/* 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 rgba(0,0,0,0.2);
}

ul.links-list li:first-child {
    border-top: none;
}

ul.links-list li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    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;
    transition: transform 0.5s ease;
}

ul.links-list.dark li::after {
    background-color: var(--color-dark-purple);
}

ul.links-list li:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

ul.links-list li > a {
    background-color: unset;
    display: block;
    padding: 1.4rem 0 1.4rem 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: 2.6rem;
    left: 7px;
    opacity: 1;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

ul.links-list li > a:hover::before {
    color: var(--color-cream);
}

/*ul.links-list li > a:hover::before {
	opacity: 0;
}

ul.links-list li > a::after {
    content: " ";
    font-size: 4rem;
    margin: 0 7px 0 4px;
    line-height: 0;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
	width: 5px; 
	height: 100%;
	background-color: #555;
	opacity: 1;
    -webkit-transition: opacity .3s ease, background-color .3s ease;
	transition: opacity .3s ease, background-color .3s ease;
}

ul.links-list li > a:hover::after {
	opacity: 1;
	background-color: var(--color-orange);
}*/

/* ----------------------------------------------------- */
/* footer extended */
footer#footer {
    background-color: var(--color-seafoam);
    color: inherit;
    padding: 0;
    margin: 0;
}

footer#footer .footer-inner {
    padding: 3rem 20px;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 1.4rem;
    color: inherit;
}

footer#footer .footer-inner .jonny-grid {
    grid-gap: 2rem;
}

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

    footer#footer .footer-inner .jonny-grid {
        display:block;
    }
}

footer#footer .footer-inner > .jonny-grid:empty {}

footer#footer .footer-inner .footer-address-block {
    padding-top: 0;
}

footer#footer .footer-inner h2 {
    font-size: 1.8rem;
    color: inherit;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 20px 0 13px;
}

footer#footer .footer-inner p {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 200;
}

footer#footer .footer-inner p a {
    font-size: 1.5rem;
    /* word-break: normal; */
    color: inherit;
    /* display: block; */
}

footer#footer .footer-inner a[href^="tel"] {
    letter-spacing: 2px;
}

footer#footer .footer-inner a[href^="mailto:"] {
    /* font-size: 1.3rem; */
}

footer#footer .footer-inner p a[href="/about-us"] {
    font-weight: 400;
    margin-top: 1.5rem;
    display: inline-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-link-hover);
    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: inherit;
}

footer#footer .footer-inner ul li > a:hover {
    color: var(--color-link-hover);
    color: var(--color-white);
}

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

    footer#footer .footer-inner ul li > a {
        font-size: 1.5rem;
        font-weight: 400;
    }
}

@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.5rem;
    }

    footer#footer .footer-inner ul li > a {
        font-size: 1.5rem;
    }
}

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

    footer#footer .footer-inner {
        /* font-size: 1.6rem; */
        word-break: normal;/* break-all */
    }
    
    footer#footer .footer-inner a,
    footer#footer .footer-inner p,
    footer#footer .footer-inner p a {
        /* font-size: 1.6rem; */
    }

    footer#footer .footer-inner p {
        /* font-size: 1.6rem; */
        word-break: normal;/* break-all */
    }
    
    footer#footer .footer-inner p a {
        /* font-size: 1.6rem; */
    }

    footer#footer .footer-inner .footer-address-block p a[href^="mailto:support"] {
        /* font-size: 1.2rem; */
        word-break: normal;/* break-all */
    }

    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.6rem; */
    }
}

@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#footer .footer-inner a {}
}

/* footer social icons */

footer#footer .social-icons a {
    display: block;
    border-radius: 50%;
    height: 50px;
    margin: 0 0 1rem 0;
    background: none transparent;
    color: inherit;
}

footer#footer .social-icons a i {
    display: block;
    font-size: 23px;
    color: #EEE;
    text-align: center;
    position: relative;
    top: 8px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--color-yellow-orange);
    color: var(--color-white);
    /* same as footer background */
    border-radius: 50%;
    float: left;
    margin-right: 1.5rem;
}

footer#footer .social-icons a:hover i {
    background-color: var(--color-text);
}

footer#footer .social-icons a span {
    display: block;
    float: left;
    line-height: 40px;
    position: relative;
    top: 7px;
    color: inherit;

    font-size: 1.6rem;
    text-transform: capitalize;
    letter-spacing: 4px;
}

footer#footer .social-icons a:hover span {
    color: var(--color-purple);
}

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

    footer#footer .social-icons a i {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}

/* ----------------------------------------------------- */
/* footer */
.page-footer #footer-newsletter button.action.submit.primary,
button.action.submit.primary {
    margin-top: 1em;
}

.page-footer {
    display: none;
    background: transparent;
    margin: 0;
    padding: 0;
}

.footer.content {
    padding-top: 0;
    border: 0;
}

/* footer bottom */
#footer-links-bottom {
    background-color: var(--color-dark-gray);
    color: var(--color-white);
}

body.checkout-index-index #footer-links-bottom {
    display: none;
}

/* copyright */
#footer-links-bottom .copyright {
    display: block;
    clear: both;
    background: inherit;
}

#footer-links-bottom .copyright .copyright-inner {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 200;
    padding: 0;
    margin: 0;
}

#footer-links-bottom .copyright .copyright-inner a {
    color: inherit;
}

#footer-links-bottom .copyright .copyright-inner a:hover {
    color: var(--color-yellow-orange);
}

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

    #footer-links-bottom .copyright .copyright-inner {
        /* font-size: 1.6rem; */
    }
}

/* copyright footer links */
#footer-links-bottom .footer.links {
    margin: 0 auto;
    padding: 1rem 1rem 1.2rem 1rem;
    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 {
    display: inline-block;
    content: "";
    height: 22px;
    margin-right: 3px;
    margin-top: 6px;
    position: absolute;
    top: 4px;
    left: 0;
    border-left: 1px solid #AAA;
}

#footer-links-bottom .footer.links li:last-of-type:after {
    display: none;
    content: "";
    float: right;
    height: 22px;
    margin-right: 3px;
    margin-top: 6px;
    position: absolute;
    top: 4px;
    right: 0;
    border-right: 1px solid #AAA;
}

#footer-links-bottom .footer.links li:first-of-type:before {
    border-left: 0px none transparent;
}

#footer-links-bottom .footer.links li a,
#footer-links-bottom .footer.links li strong {
    color: inherit;
    /* text-shadow: var(--text-shadow-light);
   font-size: 1.1rem; */
    font-weight: normal;
    padding: 0.5em 1em 0;
    display: block;
    -webkit-font-smoothing: subpixel-antialiased;
}

#footer-links-bottom .footer.links li a:hover {
    color: var(--color-text);
    text-shadow: var(--text-shadow-light);
    text-decoration: none;
}

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

    #footer-links-bottom .footer.links {
        display: flex;
        flex-direction: column;
    }

    #footer-links-bottom .footer.links li::before {
        border-left: 0px none transparent;
    }

    #footer-links-bottom .footer.links li a,
    #footer-links-bottom .footer.links li strong {
        padding: 0.5em 1rem 1rem;
        line-height: 1.6rem;
    }    
}

/* newsletter */

/* .g-recaptcha-response {
    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;
    }
}

.filter.block {
        
}

.sidebar .filter.block > .title {
    margin: 0 0 2rem;
}

.sidebar .filter.block > .title strong {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 1px;
}

.filter.block .content {
    padding: 1.5rem;
    background:#EEE;
}

.filter.block .content #narrow-by-list2 dt {
    margin-bottom: 1.5rem;
}

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

    .page-main .block,
    .customer-review .product-details {
        margin-bottom: 2.5rem;
    }

    .page-main .block.block-compare {
        display: none;
    }

    .content-inner p + .block.widget.block-products-list.grid {
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .content-inner .block.widget.block-products-list.grid + .block.widget.block-products-list.grid {
        margin-top: 0;
        margin-bottom: 0;
    }

    .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;
    }

    .content-inner p + .block.widget.block-products-list.grid ol {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.block-static-block.widget,
.block-cms-link.widget {
    margin-bottom: 0;
}

/* ----------------------------------------------------- */
/* account page */
body.account .block-collapsible-nav {
    top: -1px;    
}

body.account.page-layout-2columns-left .sidebar-main .block {
    margin-bottom: 2.5rem;
}

body.account .block-collapsible-nav .title strong {
    text-transform: uppercase;
}

body.account .block a.action.edit,
body.account .block a.action.change-password {
    text-decoration: underline;
}

.hdmx-green.create-button,
.create-button {
    position: static;
    float: none;
    margin: 0 0 2rem;
    z-index: 0;
    font-weight: 400 !important;
}

.block-collapsible-nav .item.current a {
    border-color: var(--main-theme-color);
}

.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current > strong {
    color: var(--color-link-hover);
}

.account .data.table .col.actions .action.view {
    text-decoration: underline;
}

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

    body.account .page-title-wrapper {
        /* margin-top: 42px; */
    }

    body.account.page-layout-2columns-left .sidebar-main .block.block-collapsible-nav {
        position: static;
    }

    .account .column.main .block:not(.widget) .block-content .box:last-child {
        margin-bottom: 2rem;
    }
}

/* ----------------------------------------------------- */
/* login page */

.fieldset {
    margin: 0 0 20px;
}

/* ----------------------------------------------------- */
/* register page */

.form.create.account {
    width: 100%;
}

/* ----------------------------------------------------- */
/* global misc media breakpoints */

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


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

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

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


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


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


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


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

/* filter block */

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

    #layered-filter-block {
        /* background-color: var(--color-white);
        #EEE */
        /* border: var(--border-dashed-gray); */
    }
}

.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 {
    font-size: 1.8rem;
    font-weight: 400;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
}

.abs-cart-block > .title,
.minicart-items .product .toggle,
.abs-discount-block .block > .title,
.cart-summary .block > .title,
.paypal-review-discount .block > .title,
.cart-discount .block > .title {}


.filter-title strong {
    cursor: pointer;
    background-color: var(--color-gray);
    border: 1px solid var(--color-gray);
    color: var(--color-white);
    box-shadow: none;
    line-height: 2.2rem;
    padding: 12px 14px;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 1px;
    min-width: 124px;
}

/* .filter-title strong::before {
    content: "Filter By";
    color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-purple);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filter-title strong:hover,
.filter-title strong:hover::before {
    background: var(--color-dark-purple);
    border-color: var(--color-dark-purple);
    color: var(--color-white);
} */

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

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

    body.filter-active .filter.active .filter-title strong {
        background: var(--color-seafoam);
        color: #FFF;
    }
}

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

    .filter .block-subtitle {
        font-size: 1.5rem;
        padding: 10px 10px 10px 0;
    }

    .filter-active #layered-filter-block .filter-title {
        background-color: var(--color-seafoam);
    }

    .filter-title strong {
        cursor: pointer;
        /*left: calc(50% - 48px);*/
        width: 99%;
        margin: 0 auto;
    }

    .filter-title strong {
        /* background-color: var(--color-purple);
        border-color: var(--color-purple); */
    }

    .filter.active .filter-title strong {
        display: block;
        text-align: center;
        position: relative;
        left: 0;
        right: auto;
        /* color: var(--color-purple); */
        /* font-size: 1.6rem; */
        font-weight: 400;
        padding: 2px 12px;
    }

    /* .filter.active .filter-title strong:hover::before {
        background: none;
        border: none;
    }

    .filter-title strong::before {
        background-color: var(--color-purple);
    } */

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

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

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

    .filter-title strong {
        /* display: flex;
        width: 98%; */
        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: 600;
        box-sizing: border-box;
    }

    .filter-title strong:hover {
        /* background: #555;
      border-color: #555; */
        color: var(--color-white);
    }

    .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,
body[class*="amblog-"] .amblog-title  {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.42857143;
    padding: 10px 0px 20px;
    border-bottom: 0 none;
    background-color: var(--color-white);
}

body[class*="amblog-"] .amblog-title  {
    color: var(--color-text-hover);
    font-weight: 600;
    padding-bottom: 0px;
    cursor: pointer;
}

body[class*="amblog-"] .amblog-title:hover  {
    color: var(--color-text);
}

.filter #am-shopby-container .block-subtitle {
    padding-top: 5px;
}

#layered-filter-block > .block-content.filter-content > .block-subtitle {
    /* display: none; */
}

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

    .filter .block-subtitle,
    body[class*="amblog-"] .amblog-title  {
        display: none;
    }
}

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

    .amblog-post-container .amblog-date, 
    .amblog-grid-list > .amblog-item .amblog-date, 
    .amblog-grid-list .slick-slide .amblog-item .amblog-date {
        /* font-size: 1.6rem; */
    }

    .amblog-element-block .amblog-title::before, .amblog-element-block .amblog-title::after, .amblog-post-container .amblog-widget-container .amblog-title::before, .amblog-post-container .amblog-widget-container .amblog-title::after, .amblog-grid-list > .amblog-item .amblog-widget-container .amblog-title::before, .amblog-grid-list > .amblog-item .amblog-widget-container .amblog-title::after, .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-title::before, .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-title::after {
        display: block;
    }

    .amblog-post-container .amblog-category, .amblog-grid-list > .amblog-item .amblog-category, .amblog-grid-list .slick-slide .amblog-item .amblog-category {
        /* font-size: 1.6rem; */
    }

    .amblog-index-index .amblog-ref, .amblog-index-post .amblog-ref, .amblog-index-author .amblog-ref {
        /* font-size: 1.6rem; */
    }

    .amblog-social-container .amblog-icon {
        width: 48px;
        height: 48px;
    }

    .amblog-social-container .amblog-social {
        width: 48px;
        height: 48px;
    }
}


/* ------------------------------------------------ */
/* allow Shop By filter modal on tablet breakpoints */

.page-products .columns {
    padding-top: 0;
    /*85px*/
}

body.page-products.no-page-filter .columns {
    padding-top: 0px;
}

.page-products .columns > .column.main > span,
#maincontent #contentarea {
    display: none;
}

@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: 1;/* 3 */
        font-size: 1.2rem;
        line-height: 1.8rem;
        margin-top: 0;
    }

    .product-info-main > .product-info-price {
        order: 1;
    }

    .product-info-main > .product-add-form {
        order: 2;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

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

    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%;
    }

    .columns .sidebar {
        width: 100%;
    }

    .toolbar-amount,
    .page-with-filter .toolbar-amount {}

    .page-products .products-grid .product-item {
        /*text-align: center;
		width: 25%;*/
        /* width: calc((100% - 4%) / 4);
		margin-left: 0%; */
    }

    .page-products .products-grid .product-item:nth-child(3n+1) {
        /* margin-left: 0%; */
    }

    .page-products .products-grid .product-item:nth-child(1n+3) {
        /* margin-left: 1%; */
    }

    .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;
    }

    .compare.wrapper,
    [class*="block-compare"] {
        /*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: -1px;
        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: #FFF;
        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: #FFFFFF;
        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: var(--color-white);
        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 {
        /*padding: 5px 10px;*/
    }

    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: .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;
    }

}

/* allow Shop By filter modal on tablet breakpoints */

/* 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.6);
    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;
}

#application-icons-box.has-applications {
    display: block !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-top: 1rem;
    /* margin-bottom: 1.5rem; */
    border-top: 1px dashed #CCC;
    border-bottom: 1px dashed #CCC;
}

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: 700;
    color: #666;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
}

#application-icons-box #application-icons li {
    /* display:inline-block; */
    float: left;
    background: url("../images/application-uses-icons-all.png") no-repeat 0 0 transparent;
    padding: 0;
    margin: 0 1.1rem 1.1rem 0;
    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;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    line-height: 1em;
    color: #666;
    height: 20px;
    /*text-indent:-99999999px;*/
}

#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;
}

/* end - application icons */

/* disclaimer */
#disclaimer {
    clear: both;
    cursor: default;
    letter-spacing: 0.2px;
    font-weight: 300;
    border-top: 1px solid var(--color-transparent-dark);
    border-bottom: 1px solid var(--color-transparent-dark);
    background-color: var(--color-transparent-dark);
    color: #333;
    text-shadow: var(--text-shadow-light);
    /*-webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;*/
    -webkit-transition: background-color 0.3s ease 0s, color 0.3s ease 0s, text-shadow 0.3s ease 0s;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s, text-shadow 0.3s ease 0s;
}

#disclaimer:hover {
    background-color: var(--color-dark-gray);
    border-color: var(--color-gray);
    color: var(--color-white);
    text-shadow: var(--text-shadow-dark);
}

#disclaimer .disclaimer-inner {
    /* padding-left: 2rem;
    padding-right: 2rem; */
    padding: 20px 2rem;
    margin: 0;
    background: var(--color-transparent-dark);
}

#disclaimer p {
    margin: 0;
    padding: 0;
    line-height: 2rem;
    font-size: 1.2rem;
    text-align: justify;
    text-justify: distribute;
    /* font-weight: 200; */
    color: inherit;
}

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

    #disclaimer p {
        /* font-size: 1.6rem;
        line-height: 2.4rem; */
    }   
}

/* end - disclaimer */

/* html data table */

table.data-table {}

table.data-table tbody tr:nth-child(2n+1) {
    background-color: #fafafa;
}

table.data-table tbody th {
    padding: 10px 30px 10px 0;
    text-align: right;
    /*width: 25%;*/
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    font-weight: 600;
}

table.data-table tbody td {
    padding: 10px 30px 10px 0;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

@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;
    }
}

/* html data table - comparison */

.table-comparison {
    border: 1px solid #CCC;
    box-sizing: border-box;
    margin: 2rem 0 2rem 0;
}

.table-comparison .product-image-wrapper {
    padding-bottom: 100% !important;
    height: 0;
    overflow: hidden;
}

.table-wrapper.comparison .table-comparison > tbody > tr > th,
.table-wrapper.comparison .table-comparison > tbody > tr > td {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.table-comparison .product-image-photo {
    position: static;
}

.table-comparison .product-item-actions {
    /* display: none !important;  */
}

.table-comparison .cell.remove {
    text-align: center;
}

.table-comparison .cell.label .attribute.label {
    text-align: right;
}

.table-comparison .cell.remove {
    padding-bottom: 5px;
    padding-top: 5px;
}

.table-comparison .cell.remove .action.delete {
    margin-right: 0;
}

.abs-remove-button-for-blocks::before,
.sidebar .product-items .action.delete::before,
.sidebar .block-compare .action.delete::before,
.table-comparison .cell.remove .action.delete::before,
.block-compare .action.delete::before,
.filter-current .action.remove::before {
    color: #C00;
}

/* ----------------------------------------------------- */
/* 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 #EEE;
    border-bottom: 0 none;
    margin-top: 2rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.product-info-main .product-options-wrapper + .product-options-bottom .box-tocart {
    margin-top: 0;
}

/* .product-info-main .product-options-wrapper.table-based-options-not-builder + .product-options-bottom .box-tocart {
    margin-top: 0;
    padding: 2rem 1rem 1rem;
    background: #EEE;
} */

.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) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .options-list + .no-margin {
    padding-top: 2rem;
} */

@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;
    }
}

/* ----------------------------------------------------- */
/* 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;
}

/* ----------------------------------------------------- */
/* iToris Dynamic Option Extensions */

#itoris_dynamicproductoptions table.form-list:only-child, 
.itoris_dynamicproductoptions table.form-list:only-child {
    margin: 0 !important;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fieldset,
body:not(.is-builder) .itoris_dynamicproductoptions .fieldset {
    background: none transparent;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fieldset,
body:not(.is-builder) .itoris_dynamicproductoptions .fieldset,
#product-options-wrapper .fieldset.fieldset-section {
    margin: 0;
    padding: 0 0 0 0;
    border-radius: 0;
    border: 0 none;
    /* border-top: 1px solid #EEE;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; */
}

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 table.form-list {
    margin-bottom: 0 !important;/* 2rem */
    padding-bottom: 1rem;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

#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 {
    padding: 0 !important;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table td.image-option-list {
    padding-bottom: 0 !important;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table td > div {
    padding: 1rem 0rem 1rem 0rem;
    margin: 0 2rem;
    width: calc(100% - 4rem);
    box-sizing: border-box;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table td.image-option-list > div {
    padding-bottom: 2.5rem;
} */

#itoris_dynamicproductoptions .dpo_dd_list,
.itoris_dynamicproductoptions .dpo_dd_list {
    max-height: 300px;
}

#itoris_dynamicproductoptions .fieldset .form-list div.field .dpo_dd_search {
    display: none;
}

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

    #itoris_dynamicproductoptions .dpo_dd_list,
    .itoris_dynamicproductoptions .dpo_dd_list {
        max-height: 260px;
    }

    /* body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table td {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table td > div {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    } */
}

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 1rem;
    padding-bottom: 0.5rem;
    /* content-visibility: auto;
    contain-intrinsic-size: 1px 150px; */
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .options-list:not(.itoris-dynamicoptions-list-images) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.6rem;
    padding: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col1 .options-list:not(.itoris-dynamicoptions-list-images) {
    grid-template-columns: max-content;/* 1fr */
    gap: 0.7;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col2 .options-list:not(.itoris-dynamicoptions-list-images) {
    grid-template-columns: repeat(2, minmax(min-content, max-content));
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col3 .options-list:not(.itoris-dynamicoptions-list-images) {
    grid-template-columns: repeat(3, minmax(min-content, max-content));
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col4 .options-list:not(.itoris-dynamicoptions-list-images) {
    grid-template-columns: repeat(4, minmax(min-content, max-content));
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col5 .options-list:not(.itoris-dynamicoptions-list-images) {
    grid-template-columns: repeat(5, minmax(min-content, max-content));
}

/* itoris-dynamicoptions-list-images */

body:not(.is-builder) #itoris_dynamicproductoptions .form-list/* :not(table) */ .fields .options-list.itoris-dynamicoptions-list-images {
    display: grid;
    grid-template-columns: repeat(auto-fill, 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-fill, minmax(70px, 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-fill, minmax(100px, 1fr));
    gap: 1.2rem;
    padding: 0;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .form-list .fields .image-option-list .options-list.itoris-dynamicoptions-list-images {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 1.2rem;
    padding: 0;
}

body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .form-list .fields .image-option-list.larger .options-list.itoris-dynamicoptions-list-images {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 1rem;
} */

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;
}

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

    body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col4 .options-list:not(.itoris-dynamicoptions-list-images) {
        gap: 1.5rem;
    }
}

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

    body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col4 .options-list:not(.itoris-dynamicoptions-list-images) {
        /* grid-template-columns: repeat(2, minmax(min-content, max-content)); */
    }
}

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

    body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col5 .options-list:not(.itoris-dynamicoptions-list-images) {
        grid-template-columns: repeat(3, minmax(min-content, max-content));
    }
}

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

    body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col2 .options-list:not(.itoris-dynamicoptions-list-images),
    body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col3 .options-list:not(.itoris-dynamicoptions-list-images),
    body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col4 .options-list:not(.itoris-dynamicoptions-list-images),
    body:not(.is-builder) #itoris_dynamicproductoptions .form-list .fields .col5 .options-list:not(.itoris-dynamicoptions-list-images) {
        grid-template-columns: repeat(1, minmax(min-content, max-content));
    }
}

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 {
    margin-bottom: 0;
}

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: 1rem;
    margin-bottom: 1rem;
    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) #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) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table tr:nth-last-child(1) td,
body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fieldset table tr:only-of-type td {
    padding-bottom: 2rem !important;
} */

body:not(.is-builder) #itoris_dynamicproductoptions .fields div.field .options-list .choice:hover,
body:not(.is-builder) #itoris_dynamicproductoptions .fields div.field .options-list .choice:hover  {
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .choice:hover input[type="radio"] ~ label,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .choice:hover input[type="checkbox"] ~ label {
    color: #196597;
}

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;
}

/* #product-options-wrapper:not(.table-based-options-not-builder) .options-list .field.choice > label.admin__field-label > span:first-of-type {
    padding-right: 1rem;
} */

body:not(.is-builder) #itoris_dynamicproductoptions .options-list label {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 0;
    width: auto;
    cursor: pointer;
    color: #444;
}

body:not(.is-builder) #itoris_dynamicproductoptions .options-list:not(.itoris-dynamicoptions-list-image) label {
    display: flex;
    flex-direction: row;
    padding-left: 5px;
}

body:not(.is-builder) #itoris_dynamicproductoptions tr.fields td.col1 .options-list:not(.itoris-dynamicoptions-list-image) label {
    
}

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

    body:not(.is-builder) #itoris_dynamicproductoptions .options-list label {
        font-size: 1.3rem;
    }
}

/* 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.5rem;
    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) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions table .fields td.accept-terms .field > label:not(.label) {
    opacity: 0;
    pointer-events: none;
    line-height: 1rem;
    margin-bottom: 0;
    padding-top: 0;
} */

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: start;/* normal center */
    text-align: center;
    height: 100%;
    padding-top: 0;/* 0.6rem */
    padding-left: 0;
    font-size: 1.3rem;
    line-height: 1.6rem;
    order: 2;
    cursor: pointer;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .image-option-list .options-list.itoris-dynamicoptions-list-images .radio + label,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .image-option-list .options-list.itoris-dynamicoptions-list-images .checkbox + label {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields div.field .options-list .choice input[type="radio"] ~ label:hover,
body:not(.is-builder) #itoris_dynamicproductoptions .fields div.field .options-list .choice input[type="checked"] ~ label:hover  {
    color: #196597;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields div.field .options-list .choice input[type="radio"]:checked ~ label:hover,
body:not(.is-builder) #itoris_dynamicproductoptions .fields div.field .options-list .choice input[type="checked"]:checked ~ label:hover  {
    color: #196597;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .choice:hover input[type="radio"] ~ label,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .choice:hover input[type="checkbox"] ~ label {
    color: #196597;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list input[type="radio"]:checked ~ label, 
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list input[type="radio"]:checked ~ label:hover, 
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list input[type="checkbox"]:checked ~ label,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list input[type="checkbox"]:checked ~ label:hover {
    color: #196597;
    padding-top: 0;
}

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

    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 {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .radio + label span:not(.price-notice),
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .checkbox + label span:not(.price-notice) {
    color: inherit;
}

body[class*="bundle-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-crib label,
body[class*="bundle-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-twin label {
   /*  display: flex;
    flex-direction: column;
    padding-left: 0; */
}

body[class*="bundle-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-crib label::after,
body[class*="bundle-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-twin label::after,
body[class*="-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-crib label::after,
body[class*="-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-twin label::after,
body[class*="-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.save-now label::after,
body[class*="-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.save-now label::after {
    /* content: "Most Popular"; */
    position: relative;
    top: -2px;
    margin: 0 0 0 0.4rem;/* 0.5rem 0 0 0 */
    padding: 0.1rem 0.6rem;
    background-color: #FDECD0BD;/* #FBE8C0 #D3F7D2 #FFE4AB */
    border-radius: 3px;
    color: #555;/* #295728 */
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: 0px;
    text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF;
}

body[class*="-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.save-now label::after,
body[class*="-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.save-now label::after {
    /* content: "SAVE 20%"; */
    /* background: #e4f4e4d4;
    color: #0d3e0d; */
}

body[class*="bundle-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-crib input[type="radio"]:checked ~ label::after,
body[class*="bundle-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-twin input[type="radio"]:checked ~ label::after,
body[class*="-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-crib input[type="radio"]:checked ~ label::after,
body[class*="-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-twin input[type="radio"]:checked ~ label::after,
body[class*="-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.save-now input[type="radio"]:checked ~ label::after,
body[class*="-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.save-now input[type="radio"]:checked ~ label::after,
body[class*="bundle-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-crib input[type="radio"]:checked ~ label:hover::after,
body[class*="bundle-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-twin input[type="radio"]:checked ~ label:hover::after,
body[class*="-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-crib input[type="radio"]:checked ~ label:hover::after,
body[class*="-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.most-popular-twin input[type="radio"]:checked ~ label:hover::after,
body[class*="-crib"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.save-now input[type="radio"]:checked ~ label:hover::after,
body[class*="-twin"].is-builder-fake #itoris_dynamicproductoptions tr.fields div.field .options-list .choice.save-now input[type="radio"]:checked ~ label:hover::after  {
    background-color: #c1e5fd;
    color: #154d73;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .radio + label + div,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .checkbox + label + div {
    margin-top: 0.7rem;
    order: 5;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .radio + label + div .option-qty-label,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .checkbox + label + div .option-qty-label {
    font-size: 1.2rem;
}

body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .radio + label + div .option-qty,
body:not(.is-builder) #itoris_dynamicproductoptions .fields .options-list .checkbox + label + div .option-qty {
    margin-left: 5px;
    padding: 3px 4px;
    font-size: 1.2rem;
}

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.5rem;
}

@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) {

    
}

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

    /* body:not(.is-builder) .product-options-wrapper.table-based-options-not-builder #itoris_dynamicproductoptions .fields .field > label:not(.label) {
        font-size: 1.4rem;
    } */
}

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; */
    margin: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions tr.fields td .options-list:not(.itoris-dynamicoptions-list-image) div.field .choice,
body:not(.is-builder) #itoris_dynamicproductoptions li.fields .options-list:not(.itoris-dynamicoptions-list-image) div.field .choice,
.itoris_slider_group .itoris_dynamicproductoptions .options-list:not(.itoris-dynamicoptions-list-image) div.field .choice {
    display: flex;
    flex-wrap: wrap;
    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 .image-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;
    grid-template-rows: min-content min-content;
    grid-template-columns: 1fr;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 5px;
}

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 {
    position: relative;
} */

body:not(.is-builder) #itoris_dynamicproductoptions tr.fields td.read-only div.field .choice {
    pointer-events: none !important;
}

body:not(.is-builder) #itoris_dynamicproductoptions tr.fields td.read-only div.field label.required::after {
    content: '';
}

body:not(.is-builder) #itoris_dynamicproductoptions li.fields div.field .options-list:not(.itoris-dynamicoptions-list-images) .choice {}

/* #itoris_dynamicproductoptions tr.fields td:not(.show-first-none-option) .options-list .choice:nth-child(1) {
    display: none !important;
}*/ 

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 select {
    margin-bottom: 1rem;
    padding: 0.8rem;
    height: auto;
    border: 1px solid #DDD;
    cursor: pointer;
}

/* 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="checkbox"]:checked ~ label {
    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;
    margin-right: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .fields .control .options-list:not(.itoris-dynamicoptions-list-images) input[type="radio"],
body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .fields .control .options-list:not(.itoris-dynamicoptions-list-images) input[type="checkbox"] {
    margin-right: 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;
    top: 2px;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list .field .control div:not(.dpo_swatch) input[type="checkbox"] {
    margin-top: 0;
}

body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field .control div.dpo_swatch input[type="checkbox"] {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    
    body:not(.is-builder) #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .fields .control .options-list:not(.itoris-dynamicoptions-list-images) input[type="checkbox"] {
        top: 2px;
    }

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

    body:not(.is-builder) #cd-builder-fake #itoris_dynamicproductoptions .form-list.option-fields-cols-1 .field .control div:not(.dpo_swatch) input[type="radio"] {
        top: 0;
    }
}

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 {
    order: 1;
    margin: 0;
    padding: 1px;
    max-width: 100%;/* 88px */
    margin: 0 auto 0.4rem 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 .image-option-list .options-list.itoris-dynamicoptions-list-images img.itoris-dynamicoptions-thumbnail-image {
    /* max-width: 79px; */
}

body:not(.is-builder) .fields .image-option-list.larger .options-list.itoris-dynamicoptions-list-images img.itoris-dynamicoptions-thumbnail-image {
    /* max-width: 120px; */
}

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: 4px 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;
    margin-bottom: 0.6rem;
}

body:not(.is-builder) .fields .image-option-list .options-list.itoris-dynamicoptions-list-images div[style="clear: both;"] {
    order: 4;
}


/* 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;
} */

body:not(.is-builder) .product-info-main .product-options-wrapper + .product-options-bottom .box-tocart,
.product-info-main #product_addtocart_form > .box-tocart {
    margin-top: 0;
    background: #FFF;
    padding: 1rem 1.5rem 1rem;/* 2rem 1.5rem 1rem */
    border-bottom: none;
    border: 1px solid #DDD;
    border-top: 0 none;
}

body.is-builder-fake:not(.is-builder) .product-info-main .product-options-wrapper + .product-options-bottom .box-tocart {
    padding: 1rem 1.5rem 1rem;
    border-top: 1px solid #DDD;
}

/* grouped product - single product accordion */
body.catalog-product-view #itoris_dynamicproductoptions .form-list::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

body.catalog-product-view #itoris_dynamicproductoptions .form-list > li:first-of-type {
    margin-top: 0 !important;
}

body.catalog-product-view #itoris_dynamicproductoptions .form-list > li::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 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 {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 3;
        background: #FFF;/* rgba(255,255,255,0.9) */
        width: 100%;
        border-top: 1px solid #DDD;
        box-shadow: 0px -15px 10px -13px rgba(0, 0, 0, 0.2);
    }

    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 .product-options-wrapper + .product-options-bottom .box-tocart {
        margin-top: 0.1rem !important;
        padding: 1rem 1rem 1rem 1rem !important;
        border-top: 0 none;
        background-color: transparent;
    }

    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 .block.upsell {
        padding-top: 0;
    }
}

/* ------------------------------- */
/* content formatting styles */

.content-inner p + img {
    /*padding-top: 1.5rem;*/
}

.content-inner figure 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,
.content-inner img.no-border,
html .content-inner [class*="grid-"].no-border > div img,
html .content-inner [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;
}

.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-right: 0;
    margin-left: 1.5rem;
}

.aside-img.align-left,
.aside-text.align-left,
figure.align-left {
    float: left;
    margin-right: 1.5rem;
    margin-left: 0;
}

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

    .aside-img.quarter {
        max-width: 25%;
    }

    .aside-img.thirty {
        max-width: 30.5%;
    }
}

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

    .aside-img.half {
        max-width: 51%;
    }
}

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

    .aside-img,
    .aside-text,
    figure {
        max-width: 60%;
        /*100%*/
        margin: 1rem auto;
    }

    .content-inner 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 {
        width: auto;
    }
}

.aside-text.align-right {
    border-left: 6px solid #CCC;
}

.aside-text.align-left {
    border-right: 6px solid #CCC;
}

.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: "";
    /*border-left: 6px solid #CCC;*/
}

.aside-text p span {
    font-style: italic;
    font-weight: normal;
    display: block;
}

.content-inner 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 {
    /*position: relative;
	top: -5px;
	color: #555;
	text-align:center;*/
    margin-bottom: 1rem;
    font-size: 1.1rem;
    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 {
    position: relative;
    margin: 1rem 0px 1.5rem;
    padding: 1em 10px;
    background: #f9f9f9;
    border-left: 6px solid var(--color-purple);
    /*#659d32*/
    quotes: "\201C" "\201D" "\2018" "\2019";
    color: #777;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
}

blockquote p {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
}

blockquote span {
    font-style: italic;
    font-weight: normal;
    display: block;
    margin-left: 1rem;
}

blockquote p::before {
    color: #BBB;
    content: '"';
    font-size: 2.8em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.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;
}

.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%;
    }
}

.content-inner .grid > div img {
    padding: 0rem !important;
    border: 0px none transparent !important;
}

/* 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 var(--color-white);
    box-sizing: border-box;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col:hover {
    border-color: #DDD;
    /*box-shadow: 0px 0px 6px 0 #cccccc;*/
}

.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;
    /*opacity: 0;*/
    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 {
    /*clip-path: inset(20px 0px 20px 0px);*/
    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: var(--color-white);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.widget .products-grid.grid ol[class*="grid-"] > li.col .product-item-actions {
    /*display: none;*/
    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: 600;
}

@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: 600;
    }

    .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;
}

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

@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: 700;
    }

    .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.4rem;
        line-height: 1.8rem;
        display: block;
    }
}

/* ---------------------------------------------------*/
/* sku text copy */
/* .product-info-main .sku  { 
	cursor: pointer;
}

.product-info-main input#sku-input {
	opacity: 0;
	width: 1px;
	height: 1px;
	text-indent: -99999999px;
}

.product-info-main .sku #sku-text {
	padding-left: 25px;
	position: relative;
	-webkit-transition: opacity 0.6s 0s;
	transition: opacity 0.6s 0s;
}

.product-info-main .sku #sku-text.copied {
	margin-right: 0px;
}

html .product-info-main .sku #sku-text {
	opacity: 0;
}

html.window-loaded .product-info-main .sku #sku-text {
	opacity: 1;
}

.product-info-main .sku #sku-text::before {
	content: "\f0ea";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: 1px;
	color: var(--color-link);
	white-space: nowrap;
	margin-left: 5px;
	font-size: 1.4rem;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity 0.6s 0s;
	transition: opacity 0.6s 0s;
}

.product-info-main .sku #sku-text.copied::after {
	opacity: 0;
}

.product-info-main .sku #sku-text.copied::after {
	content: "\f00c  copied sku";
	font-family: FontAwesome;
	color: var(--color-link);
	position: absolute;
	top: -23px;
	left: 0;
	cursor: default;
	opacity: 1;
	-webkit-transition: opacity 0.6s 0s;
	transition: opacity 0.6s 0s;
} */

/* --------- */
/* 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;
    }
}

/* tawk */
/* body > div > iframe[src="about:blank"][title="chat widget"] */
#tawk-modal {
    position: fixed;
    right: 0 !important;
    bottom: 0 !important;
}

/* highlight */
.product-info-main .block.upsell .product-item-info.highlight-before {
    background-color: #f5f5f5;
}

.highlight-before,
.product-info-main .block.upsell .product-item-info.highlight-before {
    -webkit-transition: background-color 1.2s 0s;
    transition: background-color 1.2s 0s;
}

.highlight-before.highlight,
.product-info-main .block.upsell .product-item-info.highlight-before.highlight {
    background-color: var(--color-cream);
    -webkit-transition: background-color 1.2s 0s;
    transition: background-color 1.2s 0s;
}

/* -------------------------------- 
Triangle breadcrumb
-------------------------------- */
/* 
#page-wrapper .breadcrumbs {
     width: 100%;
     max-width: 1280px;
     padding: 0;
     margin: 2em auto 0;
     background-color: transparent;
     border-radius: 0.25em;
   }

   #page-wrapper .breadcrumbs:after {
     content: "";
     display: table;
     clear: both;
   }

   #page-wrapper .breadcrumbs li {
     display: inline-block;
     float: left;
     margin: 0.5em 0;
   }

   #page-wrapper .breadcrumbs li::after {
     display: inline-block;
     content: '\00bb';
     margin: 0 0.6em;
     color: #959fa5;
   }

   #page-wrapper .breadcrumbs li:last-of-type::after {
     display: none;
   }

   #page-wrapper .breadcrumbs li > * {
     display: inline-block;
     font-size: 1.3rem;
     color: #2c3f4c;
   }

   #page-wrapper .breadcrumbs li.current > * {
     color: #96c03d;
   }

   .no-touch #page-wrapper .breadcrumbs a:hover {
     color: #96c03d;
   }

@media only screen and (min-width: 768px) {
     #page-wrapper .breadcrumbs {
       padding: 0;
     }
     #page-wrapper .breadcrumbs li {
       margin: 1.2em 0;
     }
     #page-wrapper .breadcrumbs li::after {
       margin: 0 1em;
     }
     #page-wrapper .breadcrumbs li > * {
       font-size: 1.3rem;
     }
}

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

     #page-wrapper .breadcrumbs .items {
       background-color: transparent;
       padding: 0 0 0 2rem;
       list-style: none;
     }

     #page-wrapper .breadcrumbs .items li {
       position: relative;
       padding: 0;
       margin: 0px 4px 0px 0;
     }

     #page-wrapper .breadcrumbs .items li:last-of-type {
       margin-right: 0;
     }

     #page-wrapper .breadcrumbs .items li > * {
       position: relative;
       padding: 1.2rem .8rem 1.2rem 2.5em;
       color: #2c3f4c;
       background-color: #edeff0;
       border-color: #edeff0;
     }

     #page-wrapper .breadcrumbs .items li.current > *,
     #page-wrapper .breadcrumbs .items li:last-of-type * {
       color: var(--color-white);
       background-color: #96c03d;
       border-color: #96c03d;
     }

     #page-wrapper .breadcrumbs .items li:first-of-type > * {
       padding-left: 1.6em;
       border-radius: .25em 0 0 .25em;
     }

     #page-wrapper .breadcrumbs .items li:last-of-type > * {
       padding-right: 1.6em;
       border-radius: 0 .25em .25em 0;
     }

     .no-touch #page-wrapper .breadcrumbs .items a:hover {
       color: var(--color-white);
       background-color: #2c3f4c;
       border-color: #2c3f4c;
     }

     #page-wrapper .breadcrumbs .items li::after {
          display: inline-block;
          content: '\00bb';
          margin: 0 0.6em;
          color: #959fa5;
     }

     #page-wrapper .breadcrumbs .items li::after, 
     #page-wrapper .breadcrumbs .items li > *::after {
       content: '';
       position: absolute;
       top: 0;
       left: 100%;
       content: '';
       height: 0;
       width: 0;
       border: 24px solid transparent;
       border-right-width: 0;
       border-left-width: 20px;
     }

     #page-wrapper .breadcrumbs .items li::after {
       z-index: 1;
       -webkit-transform: translateX(4px);
       -ms-transform: translateX(4px);
       transform: translateX(4px);
       border-left-color: var(--color-white);
       margin: 0;
     }

     #page-wrapper .breadcrumbs .items li > *::after {
       z-index: 2;
       border-left-color: inherit;
     }

     #page-wrapper .breadcrumbs .items li:last-of-type::after, 
     #page-wrapper .breadcrumbs .items li:last-of-type > *::after {
       display: none;
     }

     #page-wrapper .breadcrumbs .items.custom-separator li::after {
       background-image: none;
     }

     #page-wrapper .breadcrumbs .items.custom-icons li::after, 
     #page-wrapper .breadcrumbs .items.custom-icons li > *::after {
       border-top-width: 25px;
       border-bottom-width: 25px;
     }
   
     @-moz-document url-prefix() {
       #page-wrapper .breadcrumbs .items li::after,
       #page-wrapper .breadcrumbs .items li > *::after {
         border-left-style: dashed;
       }
     }

} */

/* navigation tooltips - <em class="tooltip-label" style="">Log In to see Discount</em> */
.tooltip-label {
    opacity: 0;
    -webkit-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
}

html.mobile.nav-open .tooltip-label {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 1s 1s, visibility 0s 0s;
    transition: opacity 1s 1s, visibility 0s 0s;
}

li.level0.active .tooltip-label {
    /* opacity: 0; */
}

.tooltip-label {
    display: inline-block;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -19px;
    bottom: auto;
    left: 50%;
    z-index: 999;
    padding: 4px 7px 5px;
    margin: 0 0 0 5px;
    border: 0px solid;
    border-radius: 2px;
    white-space: nowrap;
    line-height: 1.1em;
    /* text-transform: uppercase; */
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, "Poppins", "Open Sans";
    color: #FFFFFF;
    background-color: #EB4C4C;
    /* var(--color-seafoam) */
    border-color: #EB4C4C;
    /* var(--color-seafoam) */
    text-shadow: var(--text-shadow-dark);
    vertical-align: middle;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip-label.top {
    bottom: auto;
    top: -19px;
}

.tooltip-label.bottom {
    bottom: -19px;
    top: auto;
}

.tooltip-label.left {
    left: -40%;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.tooltip-label.right {
    left: auto;
    right: 40%;
    top: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.tooltip-label.left-submenu {
    top: 50%;
    bottom: auto;
    left: calc(100% + 1rem);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tooltip-label.right-submenu {
    top: 10px;
    bottom: auto;
    left: auto;
    right: 10px;
    -webkit-transform: none;
    transform: none;
}

.tooltip-label::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    top: auto;
    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: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip-label.top::after {
    top: auto;
    bottom: -4px;
    -webkit-transform: translateX(-50%) rotate(-180deg);
    transform: translateX(-50%) rotate(-180deg);
}

.tooltip-label.bottom::after {
    top: -4px;
    bottom: auto;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
}

.tooltip-label.left::after {
    top: 50%;
    right: -6px;
    left: auto;
    -webkit-transform: translateX(0%) translateY(-50%) rotate(-90deg);
    transform: translateX(0%) translateY(-50%) rotate(-90deg);
}

.tooltip-label.right::after {
    top: 50%;
    right: auto;
    left: -6px;
    -webkit-transform: translateX(0%) translateY(-50%) rotate(90deg);
    transform: translateX(0%) translateY(-50%) rotate(90deg);
}

.tooltip-label.left-submenu::after {
    top: 50%;
    left: -6px;
    -webkit-transform: translateX(0%) translateY(-50%) rotate(90deg);
    transform: translateX(0%) translateY(-50%) rotate(90deg);
}

.tooltip-label.right-submenu::after {
    top: 50%;
    left: auto;
    right: -6px;
    -webkit-transform: translateX(0%) translateY(-50%) rotate(-90deg);
    transform: translateX(0%) translateY(-50%) rotate(-90deg);
}

/* fancybox overrides */

.fancybox-bg {
    /*background: rgba(15, 34, 43, 0.5);
    rgba(255, 255, 255, 0.75) var(--color-white) */
    background: rgba(255,255,255,0.8);
}

.fancybox-caption__body,
.fancybox-caption__body h2.jonny-fabric-title {
    color: var(--color-white);
    /* var(--color-dark-gray) */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3), -1px -1px 3px rgba(0, 0, 0, 0.3);
    /*  1px 1px 1px rgba(255,255,255,0.1), -1px -1px 1px rgba(255,255,255,0.1)*/
    font-weight: 500;
    font-size: 1.6rem;
}

.fancybox-button, 
.fancybox-button:link,
.fancybox-button:active,
.fancybox-button:visited {
    border-radius: 2px;/* 50% */
    margin-left: 3px;
}

.fancybox-button, 
.fancybox-button:link,
.fancybox-button:active,
.fancybox-button:focus
.fancybox-button:visited {
    background-color: var(--color-link-hover);
    color: #FFF;
}

.fancybox-button:hover {
    background-color: var(--color-link);
    color: #FFF;
}

.fancybox-button[disabled], 
.fancybox-button[disabled]:hover {
    display: none;
}

html.simple-modal-no-arrows.simple-popup .fancybox-container .fancybox-button.fancybox-button--close {
    display: none;
}

html.simple-modal-no-arrows .fancybox-container .fancybox-button.fancybox-close-small {
    background-color: #CCC;
    border: 1px solid #CCC;
    color: #111;
    margin: 1rem;
}

html.simple-modal-no-arrows .fancybox-container .fancybox-button.fancybox-close-small:hover {
    background-color: var(--color-link-hover);
    border: 1px solid var(--color-link-hover);
    color: #FFF;
}

html.simple-modal-no-arrows body#html-body .widget-visible {
    display: none !important;
}

/* ------------------------------- */
/* blog */
html.swipy-blog-active {
    /*overflow-y:hidden;*/
}

html.swipy-blog-active #maincontent {
    z-index: 1000;
}

body[class*="amblog-"] article.desktop.three-columns section.content {
    padding: 1rem 14px 0;
}

body[class*="amblog-"] #swipe_me {
    /*display:none !important;*/
    width: 30px;
    height: 30px;
    background-size: 30px;
    position: absolute;
    z-index: 10;
    right: 0;
    opacity: 0.9;
}

body[class*="amblog-"] h1 {
    
}

body[class*="amblog-"] i.amblog-classic.glyphicons/*, 
body[class*="amblog-"] i.amblog-classic.glyphicons::before*/ {
    /* position: relative; */
    top: 6px;
}

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; /*inset(0 2px)*/
    padding: 1rem;
    border: 1px solid #DDD;
    box-sizing: border-box;
}

body[class*="amblog-"] .amblog-post .am-content p a {
   text-decoration: underline;
}

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;
}

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

    body[class*="amblog-"] .two-columns-right > aside a,
    body[class*="amblog-"] .three-columns > aside a {
        /* font-size: 1.6rem;
        line-height: 2.4rem; */
    }
}

body[class*="amblog-"] .two-columns-right > aside a {
    display: list-item;
}

body[class*="amblog-"] .three-columns > aside a {}

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-form-search .amblog-btn,
.amblog-form-comment .amblog-btn {
    background: var(--color-yellow-orange);
}

.amblog-form-search .amblog-btn:hover,
.amblog-form-comment .amblog-btn:hover {
    background: var(--color-link);
}

.amblog-svg.-classic {
    fill: var(--color-seafoam);
}

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 {
    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;
    width: 137px;
    height: 137px;
    object-fit: cover;
    min-height: 100%;
}

body[class*="amblog-"] .widget .products-grid.grid ol[class*="grid-"] > li.col .product-image-wrapper {
    position: static !important;
}

body[class*="amblog-"] .widget .products-grid.grid ol[class*="grid-"] .product-image-wrapper .product-image-photo {
    width: 137px;
    height: 137px;
    object-fit: cover;
    min-height: 100%;
}

body[class*="amblog-"] .product-image-container {
    display: block;
    margin: 0 auto;
}

body[class*="amblog-"] .amblog-post .amblog-wrapper img.amblog-image {
    clip-path: unset;
    padding: 1rem;
    border: 1px solid #DDD;
    box-sizing: border-box;
}

body[class*="amblog-"] .amblog-list .amblog-wrapper img.amblog-image, 
body[class*="amblog-"] .amblog-post .amblog-wrapper img.amblog-image {
    width: auto;
}

.amblog-post-container, 
.amblog-main-content .amblog-search, 
.amblog-grid-list > .amblog-item, 
.amblog-grid-list .slick-slide .amblog-item {
    border: 0 none;
    border-radius: 0;
}

.amblog-post-container .amblog-features.-post {
    padding: 0;
}

.amblog-post-container .amblog-content {
    margin-top: 0;
    padding: 0;
}

.amblog-post-container .amblog-content p a {
    text-decoration: underline;
    color: var(--color-link-hover);
}

body.amblog-index-post .amblog-features {
    display: none;
}

.amblog-post-container .amblog-tags {
    display: none;
}


.amblog-aside-right.active .amblog-element-block .amblog-title::before,
.amblog-aside-right.active .amblog-element-block .amblog-title::after {
    top: 20px;
}

.amblog-post-container .amblog-headline, 
.amblog-grid-list > .amblog-item .amblog-headline, 
.amblog-grid-list .slick-slide .amblog-item .amblog-headline {
    color: var(--color-seafoam);
}

.amblog-post-container .amblog-image, 
.amblog-grid-list > .amblog-item .amblog-image, 
.amblog-grid-list .slick-slide .amblog-item .amblog-image {
    width: 100%;
    object-fit: cover;
    height: auto;
    min-height: 100%;
}

#amblog_sidebar_categories .amblog-categories > li {
    list-style-type: square;
    list-style-position: inside;
}

#amblog_sidebar_categories .amblog-categories > li:nth-child(1) {

}

#amblog_sidebar_categories .amblog-categories > li:nth-child(2) {

}

#amblog_sidebar_categories .amblog-categories > li:nth-child(3) {

}

#amblog_sidebar_categories .amblog-categories > li > .amblog-link {
    position: relative;
    padding-left: 10px;
}

#amblog_sidebar_categories .amblog-categories > li > .amblog-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -50px;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#amblog_sidebar_categories .amblog-categories > li > [href*="h-and-h-spotlight.html"].amblog-link::before {
    /* background: url("../images/blog/spotlight-50px.png") no-repeat 0 0; */
}

/* #amblog_sidebar_categories .amblog-categories > li > [href*="h-and-h-spotlight.html"].amblog-link::before {
    background: url("../images/blog/collaborations-purple-50px.png") no-repeat 0 0;
} */

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

    .amblog-element-block .amblog-item.-search {
        padding: 0;
    }
}

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

    .amblog-aside-right.active, 
    .amblog-aside-left.active {
        padding: 2rem;
        overflow: auto;
    }

    .amblog-aside-right .amblog-close, 
    .amblog-aside-left .amblog-close {
        margin: 0;
        cursor: pointer;
    }

    #amblog_sidebar_categories .amblog-categories > li > .amblog-link {
        /* font-size: 1.6rem;
        line-height: 2.4rem; */
    }
}

.amblog-element-block {
    display: block;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
}

.amblog-categories {
    list-style-position: inside;
}

.amblog-categories li { 
    list-style-position: outside;
}

.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 {
    display: inline-block;
    font-size: inherit;
    font-weight: unset;
    color: var(--color-seafoam);/* inherit */
    word-break: unset;
    word-wrap: unset;
    overflow-wrap: unset;
}

.amblog-element-block .amblog-headline:hover, .amblog-element-block .amblog-categories .amblog-link:hover, .amblog-post-container .amblog-widget-container .amblog-headline:hover, .amblog-grid-list > .amblog-item .amblog-widget-container .amblog-headline:hover, .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-headline: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);
}

.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;
}

.amblog-post-container .amblog-read,
.amblog-index-index .amblog-ref,
.amblog-index-post .amblog-ref {
    color: var(--color-seafoam);
}

.amblog-post-container .amblog-read{
    color: var(--color-white);
    background-color: var(--color-seafoam);
}

.amblog-post-container .amblog-read:hover {
    background-color: #666;
    color: var(--color-white);
}

.amblog-index-index .amblog-ref, 
.amblog-index-post .amblog-ref {
    color: var(--color-text);
}

.amblog-index-index .amblog-ref:hover,
.amblog-index-post .amblog-ref:hover {
    color: var(--color-link);
    text-decoration: underline;
}

.amblog-post-container .amblog-headline:hover, 
.amblog-grid-list > .amblog-item .amblog-headline:hover, 
.amblog-grid-list .slick-slide .amblog-item .amblog-headline:hover {
    color: var(--color-link);
}

.amblog-element-block:not(.widget) > div:not(.amblog-overlay), .amblog-element-block.widget, .amblog-grid-list .list-item, .amblog-post-container, .amblog-tags.amblog-widget-container, .amblog-post-container .amblog-widget-container:not(.widget) > div:not(.amblog-overlay), .amblog-post-container .amblog-widget-container.widget, .amblog-grid-list .slick-slide .amblog-item, .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container:not(.widget) > div:not(.amblog-overlay), .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container.widget {
    box-shadow: none !important;
}

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

    .amblog-post-container .amblog-read {
        color: var(--color-white);
        background: var(--color-seafoam);
    }

    .amblog-post-container .amblog-read:hover {
        color: var(--color-white);
        background: var(--color-link);
    }
}

.amblog-element-block .amblog-categories .amblog-link {
    /* color: var(--color-seafoam); */
}

.amblog-post-container .amblog-shot, 
.amblog-grid-list > .amblog-item .amblog-shot, 
.amblog-grid-list .slick-slide .amblog-item .amblog-shot {
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: var(--color-text);
}

.amblog-post-container .amblog-content {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 300;
}

body.amblog-index-post .products-grid .product-item-info {
    padding: 9px;
    margin: 0;
    border: 0px solid transparent;
}

body.amblog-index-post .products-grid .product-item-info:hover, 
body.amblog-index-post .products-grid .product-item-info.active {
    padding: 9px;
    margin: 0;
    border: 0px solid transparent;
}

body.amblog-index-post .product-item-name > a, 
body.amblog-index-post .product.name a > a, 
body.amblog-index-post .abs-product-link > a {
    letter-spacing: 0px;
    line-height: 2rem;
    font-size: 1.2rem;
}

body.amblog-index-post .product-item-name > a, 
body.amblog-index-post .product.name a > a, 
body.amblog-index-post .abs-product-link > a {
    letter-spacing: 0px;
    line-height: 2rem;
    font-size: 1.2rem;
}

body.amblog-index-post .block.widget .products-grid .product-item .product-item-inner, 
body.amblog-index-post .page-layout-1column .block.widget .products-grid .product-item .product-item-inner, 
body.amblog-index-post .page-layout-3columns .block.widget .products-grid .product-item .product-item-inner {
    display: none;
}

/* blog grid view for */

/* html body.blog-grid-view .amblog-container-list .amblog-post-container {
    margin-bottom: 0px;
}

html body.blog-grid-view .amblog-container-list .amblog-post-container .amblog-shot,
html body.blog-grid-view .amblog-container-list .amblog-post-container .amblog-footer {
    display: none !important;
}

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

    html body.blog-grid-view .amblog-container-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        grid-gap: 1.5rem;
    }

    html body.blog-grid-view article.desktop.three-columns.blog-grid {
        display: grid;
        grid-template-columns: 1fr 25%;
    }

    html body.blog-grid-view article.desktop.three-columns.blog-grid section {
        width: auto;
    }

    html body.blog-grid-view article.desktop.three-columns.blog-grid aside {
        width: auto;
        max-width: unset;
    }

    html body.blog-grid-view aside.left {
        display: none;
    }

    html 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;
} */

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

html.mobile {
    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;
}

/* action order */
body.account .page-title-wrapper .order-status,
body.account .page-title-wrapper .order-date {
    margin: 0 auto;
    text-align: center;
    width: 200px;
    padding: 1rem 0;
    display: block;
} 

body.account.customer-account-index a.action.order {
    display: none;
}

.order-details-items .product-item-name {
    font-size: 1.4rem;
}

.account .column.main .order-details-items .table-wrapper .data.table, [class^=sales-guest-] .column.main .order-details-items .table-wrapper .data.table, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table, .block-giftregistry-results .data.table, .block-wishlist-search-results .data.table, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table {
    font-size: 1.4rem;
}

/* form extra styles */

body.cms-page-view .content-inner .jotform-box {
    min-height: 400px;
}

#pre-order-waitlist-request-form {
    /* padding-left: 1rem; */
}

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

}

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

#how-to-customize {
    /* display: none; */
    padding: 0rem 2rem 0rem 2rem;
    margin-top: 0;
}

#how-to-customize:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
  
h4#how-to-customize {
    text-align: center;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 1.7rem;
    color: inherit;
}
  
h4#how-to-customize + ol {
    display: block;
    margin: 1rem auto 0;
    padding: 0rem;
    text-align: left;
    /* max-width: 423px; */
    list-style-position: outside;
}

h4#how-to-customize + ol.active {
    margin-top: 1rem;
}

h4#how-to-customize + ol li {
    padding: 0rem 2rem;
    text-align: left;
    list-style-position: outside;
}

h4#how-to-customize + ol li:first-of-type {
    padding-top: 1rem;
}

h4#how-to-customize + ol li:last-of-type {
    /* padding-bottom: 2rem; */
}

h4#how-to-customize + ol:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
  
h4#how-to-customize + ol li{
    margin: 0;
}


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

    h4#how-to-customize + ol {
        width: 300px;
    }
    
}
/* ---------------- */

body.checkout-index-index .logo {
    width: auto;
    /* top: 0; */
}

body.checkout-index-index .actions-toolbar > .secondary .action:last-child,
body.checkout-index-index .actions-toolbar > .secondary .action.action-login.secondary:last-child {
    padding: 1rem 2rem;
    color: var(--color-white);
    margin-top: 0;
}

body.checkout-index-index .actions-toolbar > .primary .action:last-child {
    background: var(--color-blue);
    color: var(--color-white);
}

body.checkout-index-index .actions-toolbar > .secondary .action:last-child:hover,
body.checkout-index-index .actions-toolbar > .secondary .action.action-login.secondary:last-child:hover {
    color: var(--color-white);
}

body.checkout-index-index .actions-toolbar > .primary button.action.primary.checkout:last-child {
    background-color: var(--color-yellow-orange);
    color: #222;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.3), -1px -1px 1px rgba(255,255,255, 0.3);
    text-transform: uppercase;
    letter-spacing: 0;
    -webkit-transition: background-color 0.3s 0s, color 0.3s 0s, text-shadow 0.3s 0s;
    transition: background-color 0.3s 0s, color 0.3s 0s, text-shadow 0.3s 0s;
}

body.checkout-index-index .actions-toolbar > .primary button.action.primary.checkout:last-child:hover {
    background-color: #666;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.3), -1px -1px 1px rgba(0,0,0, 0.3);
    -webkit-transition: background-color 0.3s 0s, color 0.3s 0s, text-shadow 0.3s 0s;
    transition: background-color 0.3s 0s, color 0.3s 0s, text-shadow 0.3s 0s;
}

body.checkout-index-index .authentication-wrapper button.action-auth-toggle {
    margin-bottom: 1rem;
    margin-left: 1rem;
}

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

    body.checkout-index-index .logo {
        width: max-content;
        top: 0;
        padding: 1.5rem;
    }
}

/* ---------------- */
/* google stuupid reviews badge */
#___ratingbadge_0 {
    /* left: 0 !important;
    right: auto !important; */
    z-index: 1 !important;
}

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

    #___ratingbadge_0 {
        display: none !important;
    }
}

/* overrides for production mode */

/* 
.jonny-grid.fit-images [class*="grid_"] img:not(.aside-img) {
  max-width: 100%;
  width: auto;
  object-fit: cover;
  height: 100%;
  min-height: 100%;
}

@media (min-width: 30rem) and (max-width: 48rem) {

    .content-inner .jonny-grid.fit-images > .grid_5_m {
        grid-column: span 5;
    }

    .content-inner .jonny-grid.fit-images > .grid_7_m {
        grid-column: span 7;
    }
} */

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

    body.cms-home #jonny-home-banners > .jonny-grid > div:first-of-type {
        /* display: none; */
    }
}

.product-image-wrapper {
    padding-bottom: 0 !important;
    height: auto;
}

@media (max-width: 800px) and (min-resolution:.001dpcm) {

   /*  @media {  */

        html.touch-ipad.portrait .page-header .panel.header > .header.links {
            -ms-flex: 0 0 47%;
            flex: 0 0 47%;
            max-width: 47%;
            width: 47%;
        }

        html.touch-ipad.portrait .page-header .panel.header #header-contact-top {
            -ms-flex: 0 0 47%;
            flex: 0 0 47%;
            max-width: 47%;
            width: 47%;
           /*  display: none !important; */
        }
   /*  } */
}

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

    body #jonny-home-beauty {
        /* height: 100%; */
    }

    body #jonny-home-beauty a {
        display: block
    }

    body #jonny-home-beauty > img#bb-mobile {
        position: relative;
    }

    #jonny-home-beauty > img, 
    #jonny-home-beauty > video {
        position: relative;
    }
}

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

    #footer-inner-bottom .jonny-grid > .grid_6_m {
        grid-column: span 12;
    }
}

/* ---------------------------------------- */
#home-text-svg {
    overflow: visible;
}

#home-text-svg-g {
    overflow: visible;
}

html.is-chrome #home-text-svg-g {
    overflow: visible;
}

body.cms-home #emergency-msg {
    display: none;
}

#emergency-msg {
    background: #FFA; 
    color: #333;
    font-size: 1.2rem;
    text-align: center;
    padding: 1rem;
}

#emergency-msg p {
    text-transform: none;
    margin: 0;
    padding: 0;
    line-height: 2rem;
    text-shadow: none;
}

/* room overrides */
@media screen and (max-width: 767px) {

    #itoris_dynamicproductoptions .options-list label, 
    .itoris_dynamicproductoptions .options-list label {
        /* font-size: 1.6rem; */
        line-height: 2.4;
    }
}

/* quickcart overrides */

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

    #minicart-wrapper {
        margin-top: 0;
        position: relative;
        top: -5px;
    }
    
    html.quickcart-enabled .minicart-wrapper.quickcart-wrapper .action.showcart {
        height: 48px;
        padding-top: 10px;
    }
    
    html.quickcart-enabled .minicart-wrapper.quickcart-wrapper .action.showcart {
        font-size: 1.2rem;
    }
}

/* 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: "Please contact us if you need a custom or international shipping method for your order:\A\A • Local Phone:  727.597.4142\A • Toll-Free: 1.866.614.2836\A • E-mail: support@havenandharmony.com";
   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;
} */

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

/* ----------------------------------------------------- */
/* start - media print only styles */

@media print {

    body .page-title-wrapper h1.page-title span {
        margin: 0;
        min-height: 0;
    }

    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 {
        display: none !important;
        box-shadow: none;
    }
}

@media print {

    /* order print page */
     
    body .page-wrapper #maincontent *,
    body.page-print .page-wrapper #maincontent * {
        
    }
    
    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 {
        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;
    }

    #footer-links-bottom,
    small.copyright {
        display: none !important;
    }
}

@media print {

    body {
        -webkit-print-color-adjust: exact !important;
    } 

    html body #jonny-header-external-sites,
    html body #jonny-home-sale-banner {
        display: none !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 .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"] {
        display: none;
    }

    @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 {
        
    }

    .page-print .logo svg {
       
    }

    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 {
        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%;
        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);
        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;
    }

    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;
    }
}

/* end - media print only styles */
/* ----------------------------------------------------- */

/* 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;
    }

    html body.checkout-cart-index .jonny-navbar-header {
        grid-column: 1 / 25;
        border-bottom: 1px solid #DDD;
    }

    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: 250px;
    }

    html body .logo,
    html body.page-print .logo,
    html body.page-print header.page-header .header.content .logo,
    html body.catalog-product-view header.page-header .header.content .logo {
        
    }

    html body header.page-header .header.content .logo,
    html body.catalog-product-view header.page-header .header.content .logo {
        
    }

    html body .logo img,
    html body.page-print .logo img,
    html body.page-print header.page-header .header.content .logo img {
        
    }

    html body.catalog-product-view header.page-header .header.content .logo img {
        
    }

    html body.checkout-cart-index #print-contact-info {
        display: block !important;
        float: right;
        text-align: right;
        padding-right: 2rem;
        padding-top: 1.5rem;
    }

    html body.checkout-cart-index #print-contact-info p,
    html 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
    }
} */


/* ----------------------------------------------------- */
/*  also for csr print PDF */
/* @media print {

    html body #jonny-header-external-sites,
    html body #jonny-home-sale-banner {
        display: none !important;
    }
     
    body .page-wrapper #maincontent *,
    body.page-print .page-wrapper #maincontent * {
        
    }
    
    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 {
        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 {

    html body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        font-family: "Poppins", sans-serif;
    }

    html body.checkout-cart-index {
        font-size: 1.2rem !important;
    }

    body.checkout-cart-index header {
        height: 100px  !important;
        border: 0 none;
    }

    body.checkout-cart-index .page-header:not(.shrink) .header.content {
        height: auto !important;
        border: 0 none;
    }

    html body .header.content > [class] {
        display: block;
    }

    header.page-header.shrink:not(.sticky-always-fixed) {
          position: static;
          z-index: 0;
          box-shadow: none !important;
    }

    html body:not(.checkout-index-index) #page-wrapper .page-header:not(.shrink)::after {
        content: none !important;
    }

    body.checkout-cart-index .header.content .logo {
        
    }

    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 .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 (min-width: 768px) {
    
        .cart.table-wrapper .product-item-details {
            display: table-cell;
            padding-bottom: 35px;
            vertical-align: top;
            white-space: normal;
            width: 99%;
            line-height: 2rem;
        }
    }

    @media (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 {
        
    }

    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 {
        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;
    }

    html body.checkout-cart-index .cart-container {
        clear: both;
        margin-left: 1rem;
        margin-left: 1rem;
        font-size: 1.2rem !important;
    }

    html body.checkout-cart-index .cart-container * {
        font-size: 12px !important;
    }

    html body.checkout-cart-index .cart.table-wrapper *,
    html body.checkout-cart-index .cart-summary * {
        font-size: 1.2rem !important;
    }

    html body.checkout-cart-index .cart-summary select,
    html body.checkout-cart-index .cart-summary input[type="text"] {
        background-color: rgb(255, 255, 255) !important;
        opacity: 1;
    }

    html body.checkout-cart-index .cart-totals .grand .mark,
    html body.checkout-cart-index .cart-totals .grand strong *,
    html body.checkout-cart-index .cart-totals .grand .amount .price {
        font-size: 1.2rem !important;
    }

    html body.checkout-cart-index .cart-totals .grand strong {
        font-size: 1.2rem !important;
        font-weight: 600;
    }

    body.checkout-cart-index #block-summary, 
    body.checkout-cart-index .cart-summary .block .content {
        display: block !important;
        font-size: 1.2rem !important;
    }

    body.checkout-cart-index .cart-summary {
        width: 25%;
        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);
        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-container .cart-summary {
        background-color: #EEE !important;
    }

    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;
    }

    body.checkout-cart-index .cart.table-wrapper {
        border-top: 1px solid #CCC;
    }

    body.checkout-cart-index .cart.table-wrapper .cart thead {
        background: #f5f5f5 !important;
    }

    body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col {
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
    }

    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.table-wrapper .cart thead tr th.col.price,
    body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col.qty,
    body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col.subtotal {
        width: 100px !important;
    }

    body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col.qty {
        width: 75px !important;
    }

    body.checkout-cart-index .cart.table-wrapper * {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    body.checkout-cart-index .cart.table-wrapper .product-item-name a {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    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;
    }
} */

/* end 2 - media print only styles */
/* ----------------------------------------------------- */

/* hide price */
/* .hide-price .product-item-price-box::after,
[data-unit-of-measure="/ "].product-item-price-box::after {
    content: none;
    display: none !important;
} */

/* 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;
} */

/* hide add to cart */
/* .products-grid .product-item.hide-addtocart {
   padding: 0 0 0 0 !important;
}

.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: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;
} */

/* 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;
} */

/* 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%;
}

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;
}

.box-tocart .fieldset .actions.show-addtocart-msg {
   margin-bottom: 1rem;
}

body.catalog-product-view .hide-addtocart .box-tocart .fieldset .actions {
   width: 100%;
} */

/* show sample */

/* .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;
}

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

   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;
   }
}

.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;
} */


/* TEMP - jonny-grid */
.jonny-grid [class*="grid_"] figure {
    max-width: unset;
    margin: 0 auto;
}

.jonny-grid [class*="grid_"] figure img {
    object-fit: contain;
}

.jonny-grid.gap-2rem {
    gap: 2rem;
}

.jonny-grid.gap-3rem {
    gap: 3rem;
}

@media (min-width: 48rem) and (max-width: 64rem) {

    .jonny-grid.gallery-grid > div:last-of-type:nth-child(odd) {
        grid-column: span 6;
        display: block;
    }

    .jonny-grid.gallery-grid > div:last-of-type:nth-child(2n+1) img:not(.aside-img) {
        width: 100%;
        margin: 0 auto;
    }
}

/* overrides - hide add to cart */

html body #cd-builder-fake,
html body .block.upsell,
html body .block.crosssell,
html body .cat-price-box-wrapper,
html body .price-box,
html body .action.tocart.primary,
html body .header.content .minicart-wrapper,
html body .product-add-form,
html body .choose-matching {
   display: none !important;
}

html body a.big-button.order-on-pl,
html body .product.attribute.overview a.big-button.order-on-pl {
  text-decoration: none;
  color: #FFF;
  display: block;
  padding: 1rem;
  background-color:var(--color-seafoam);
}

html body .product.attribute.overview a.big-button.order-on-pl {
  margin-bottom: 0;
}

html body a.big-button.discover-dealers {
    order:10;
    padding: 1rem;
    margin-top: 0;
}

html body a + br + a.big-button.discover-dealers {
    margin-top: 0.5rem;
}