/*============================================================================*\
    Imports
\*============================================================================*/

/*CN @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');*/


/*============================================================================*\
    Text
\*============================================================================*/

body,
a,
.editor-content,
.ui-widget,
.ui-widget button {
    /*CN font-family: 'Poppins', sans-serif;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*CN font-family: "Poppins", sans-serif;*/
    /*CN color: #201f1f;*/
    margin-top: 0px;
    /*CN font-weight: 700;*/
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

h5 {
    /*CN font-size: 1.6rem;*/
    margin-bottom: 17px;
    line-height: 22px;
}

/* div,
p {
    font-size: 1.4rem;
} */

/*CN body,
a,
.editor-content,*/
.side-column {
    font-size: 1.4rem;
}


.block-summary {
    margin-bottom: 15px;
}

/*============================================================================*\
    Buttons & Links
\*============================================================================*/

.product-add form>a.add_to_cart-form-submit {
    font-size: 1.6rem;
}

#cart_Add_Message span a,
#p_recaptcha_widget a,
.account_side_container a,
.cart_Add_Message span a,
.product_option-browse .product_option-toggle,
.search-result tr a,
.search-result-item-title a,
.site-link a {
    color: #323232;
}

.site-link a {
    text-decoration: underline;
}

.site-link a.sui-sf-c-btn,
a.sui-sf-c-btn {
    text-decoration: none;
}

#cart_Add_Message span a:hover,
#p_recaptcha_widget a:hover,
.account_side_container a:hover,
.cart_Add_Message span a:hover,
.product_option-browse .product_option-toggle:hover,
.search-result tr a:hover,
.search-result-item-title a:hover,
.site-link a:hover {
    text-decoration: none;
}

a:hover {
    color: #040E10;
    opacity: 1;
    filter: opacity(1);
    -moz-filter: opacity(1);
    -webkit-filter: opacity(1);
}

div.g-recaptcha {
    margin-top: 15px;
    margin-left: -4px;
}

/*============================================================================*\
    Buttons
\*============================================================================*/

.related_lists_more {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    text-align: center;
    margin-top: 24px;
}

.related_lists_more a {
    font-weight: 700;
    padding: 15px 20px;
    text-align: center;
    background-color: none;
    font-size: 14px;
}

.related_lists_more a:hover {
    background-color: #E5E5E5;
}

a.sui-sf-c-btn {
    /*CN padding: 15px 50px;*/
    /*CN -webkit-border-radius: 3px;*/
    /*CN -moz-border-radius: 3px;*/
    /*CN border-radius: 3px;*/
}

a.sui-sf-c-btn.sui-sf-c-btn--default {
    /*CN background-color: #444;*/
    /*CN border: 1px solid #444;*/
    /*CN color: #ffffff;*/
    /*CN font-weight: 700;*/
}

a.sui-sf-c-btn.sui-sf-c-btn--default:hover {
    /*CN background-color: #323232;*/
    /*CN border: 1px solid #323232;*/
    /*CN color: #ffffff;*/
}

a.sui-sf-c-btn.sui-sf-c-btn--primary {
    /*CN background-color: #DF430D;*/
    /*CN border: 1px solid #DF430D;*/
    /*CN color: #ffffff;*/
    /*CN font-weight: 700;*/
}

a.sui-sf-c-btn.sui-sf-c-btn--primary:hover {
    /*CN background-color: #040E10;*/
    /*CN border: 1px solid #040E10;*/
    /*CN color: #ffffff;*/
}

a.sui-sf-c-btn.sui-sf-c-btn--secondary {
    /*CN background-color: #040E10;*/
    /*CN border: 1px solid #040E10;*/
    /*CN color: #ffffff;*/
    /*CN font-weight: 700;*/
}

a.sui-sf-c-btn.sui-sf-c-btn--secondary:hover {
    /*CN background-color: #ffffff;*/
    /*CN border: 1px solid #040E10;*/
    /*CN color: #040E10;*/
}

a.sui-sf-c-btn.sui-sf-c-btn--tertiary {
    /*CN background-color: #FFFFFF;*/
    /*CN border: 1px solid #FFFFFF;*/
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    /*CN color: #040E10;*/
    /*CN font-weight: 700;*/
    color: #fff;
    background-color: #242424;
}

a.sui-sf-c-btn.sui-sf-c-btn--tertiary:hover {
    /*CN background-color: transparent;*/
    /*CN border: 1px solid #ffffff;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /*CN color: #ffffff;*/
}

a.sui-sf-c-btn.sui-sf-c-btn--link {
    /*CN color: #444;*/
    /*CN padding: 0;*/
    /*CN border: 0;*/
    vertical-align: unset;
    text-align: left;
    /*CN font-weight: 400;*/
    text-decoration: underline;
}

a.sui-sf-c-btn.sui-sf-c-btn--link:hover {
    /*CN color: #8c8c8c;*/
}

.sui-form .formSubmit,
form .formSubmit {
    float: left;
    margin-top: 15px;
    margin-left: 28%;
    padding: 15px;
    width: 80%;
    max-width: 304px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/*============================================================================*\
    Header
\*============================================================================*/

.top-site-bar {
    /*CN border-bottom: 0;*/
    /*CN background-color: #fbfbfb;*/
}


.top-site-bar > .content-wrapper div.site-top-bar {
    width: calc(70% - 300px);
}

.top-site-bar > .content-wrapper div.nav-links {
    align-content: center;
}

.top-site-bar > .content-wrapper div.nav-links > span {
    display: inline-block;
}

.top-site-bar > .content-wrapper div.nav-links > span.general-links {
    display: none;
}


/* **********Need to add this to the theme designer********** */
.top-site-bar>.content-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}

.quick-search>form {
    height: 30px;
}

.site-search form {
    border-radius: 5px;
}

/* **********End Need to add this to the theme designer********** */

.site-search form {
    /*CN border-color: transparent;*/
    /*CN background-color: #efefef;*/
}

.nav-links a:hover {
    color: #dcdcdc;
}

input.search-text {
    float: left;
    width: 80%;
}

.quick-search>form {
    position: relative;
}

.quick-search>form:after {
    content: '\f002';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.quick-search .search-button {
    background-image: none;
    z-index: 1;
    padding: 0 14px;
    position: relative;
    margin: 0;
}

/* Navigation */

.page-header-wrapper>.top-site-header>.content-wrapper {
    position: relative;
    padding: 10px 15px;
}

.navbar-default .navbar-nav>li>a:before,
.navbar-default .navbar-nav>li>a:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #000;
}

.navbar-default .navbar-nav>li>a:before {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
    transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navbar-default .navbar-nav>li>a:after {
    opacity: 0;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>li>a:focus:before,
.navbar-default .navbar-nav>li>a:focus:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>li>a:focus:before {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navbar-default .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>li>a:focus:after {
    -webkit-transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
    transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media only screen and (min-width: 768px) {
    .primary-nav>.content-wrapper {
        /*CN max-width: 100%;*/
        /*CN margin: 0;*/
    }
}


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

    .nav-links a,
    input.search-text {
        font-weight: normal;
        font-size: .8em;
    }

    .quick-nav {
        padding-top: 6px;
        padding-bottom: 6px;
    }

}


/*============================================================================*\
    General
\*============================================================================*/


/* List Checkmarks */

/*CN ol {
    list-style-type: none;
    padding: 0 0 0 25px;
    margin: 20px 0;
}

ol li {
    padding: 3px;
}

ol li::before {
    content: '\f058';
    font-family: 'Font Awesome 5 Pro';
    color: #62A804;
    font-size: 1.6rem;
    padding-right: 4px;
}*/

/* List Numbers */

/*CN ol.numbered {
    list-style-type: decimal;
}

ol.numbered li:before {
    content: ' ';
    display: none;
}*/

/*============================================================================*\
    Carousel
\*============================================================================*/

.page-wrapper>.carousel.shout-gallery-carousel_gallery_with_button_fullwidth,
.page-wrapper>.carousel.shout-gallery-carousel_gallery_with_button_fullscreen {
    /* DT min-height: 750px; */
}

.page-wrapper>.carousel .carousel-inner div.img-bg,
.carousel .carousel-inner img {
    /* DT height: 750px; */
}

.page-wrapper>.carousel .carousel-inner {
    /* DT height: 750px;
    max-height: 750px; */
    height: auto;
    background-color: #202124;
}

.page-wrapper>.carousel.carousel .carousel-caption {
    padding: 15px;
}

.page-wrapper>.carousel .carousel-inner .item::before {
    /*CN opacity: 0;*/
}

.carousel .carousel-inner .item::before {
    /*CN background-color: #ffffff;*/
}

.carousel .carousel-caption .gallery-item-title {
    /*CN font-weight: 600;*/
    line-height: 1.2;
    /*CN color: #323232;*/
}

.page-wrapper > .carousel .carousel-caption .gallery-item-title,
.page-wrapper > .carousel .carousel-caption .gallery-item-caption {
    max-width: 550px;
}


.page-wrapper > .carousel .carousel-caption .gallery-item-caption {
    line-height: 1.6em;
}

.carousel .carousel-caption .gallery-item-title p,
.carousel .carousel-caption .gallery-item-caption p {
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    font-size: inherit;
}

.carousel .carousel-caption.background--light .gallery-item-title,
.carousel .carousel-caption.background--light .gallery-item-caption {
    /*CN color: #323232;*/
}

.carousel .carousel-caption .gallery-item-title,
.carousel .carousel-caption .gallery-item-caption,
.carousel .carousel-caption.background--dark .gallery-item-title,
.carousel .carousel-caption.background--dark .gallery-item-caption {
    /*CN color: #fff;*/
}

button.btn.btn-default.gallery-item-link-button {
    /*CN border-color: #323232;*/
    position: relative;
    display: inline-block;
    /*CN text-transform: uppercase;*/
    text-align: center;
    /*CN font-weight: 600;*/
    /*CN height: 50px;*/
    line-height: 46px;
    /*CN padding: 0 42px;*/
    border: 2px solid #323232;
    /*CN color: #323232;*/
    /*CN background: #fff;*/
    z-index: 1;
    /*CN font-size: 12px;*/
    /*CN border-radius: 0;*/
}

.carousel .carousel-caption .gallery-item-button button.btn.btn-default.gallery-item-link-button {
    /*CN text-transform: uppercase;*/
}

.carousel-caption button.btn.btn-default.gallery-item-link-button,
.carousel-caption.background--dark button.btn.btn-default.gallery-item-link-button {
    /*CN border-color: #fff;*/
}

.carousel-caption button.btn.btn-default.gallery-item-link-button:hover,
.carousel-caption.background--dark button.btn.btn-default.gallery-item-link-button:hover {
    /*CN border-color: #000;*/
    /*CN background-color: #000;*/
}

.carousel-caption.background--light button.btn.btn-default.gallery-item-link-button {
    /*CN border-color: #000;*/
}

.carousel-caption.background--light button.btn.btn-default.gallery-item-link-button:hover {
    /*CN border-color: #000;*/
    /*CN background-color: #000;*/
}

@media only screen and (min-width: 768px) {
    .page-wrapper>.carousel.carousel .carousel-caption {
        height: 35%;
    }

    body.sui-sf-feature-carousel-caption-flex--enabled .page-wrapper>.carousel.carousel .carousel-caption {
        height: 100%;
    }

    .carousel .carousel-caption .gallery-item-caption {
        /*CN font-size: 1em;*/
    }

    .page-wrapper>.carousel .carousel-caption .gallery-item-title,
    .page-wrapper>.carousel .carousel-caption .gallery-item-caption {
        /*CN width: 40%;*/
    }
}

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

    /* DT .page-wrapper>.carousel.shout-gallery-carousel_gallery_with_button_fullwidth,
    .page-wrapper>.carousel.shout-gallery-carousel_gallery_with_button_fullscreen {
        min-height: 550px;
    }

    .page-wrapper>.carousel .carousel-inner {
        height: 550px;
        max-height: 550px;
    }

    .page-wrapper>.carousel .carousel-inner div.img-bg,
    .page-wrapper>.carousel .carousel-inner img {
        height: 550px;
    } */

    .page-wrapper>.carousel .carousel-caption .gallery-item-title,
    .page-wrapper>.carousel .carousel-caption .gallery-item-caption {
        width: 100%;
    }

    .carousel .carousel-caption {
        top: 25%;
    }
}

@media only screen and (max-width: 481px) {
    .carousel .carousel-caption .gallery-item-caption {
        display: block;
    }
}


/*
    * ============================================================================
    *  Accordion Block UI Style
    * ============================================================================
    */


.ui-accordion .ui-accordion-header {
    border: none;
    font-weight: 700;
    padding: 15px 20px 15px 50px;
    margin: 0 0 0 0;
    background: rgba(255, 255, 255, 0.0);
    outline: none;
    position: relative;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    font-family: inherit;
    color: #242424;
}

.ui-accordion .ui-accordion-header:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: 20px;
    font-size: 1em;
    top: 15px;
}

.ui-accordion .ui-accordion-header.ui-state-active:before {
    content: '\f078';
    color: #343434;
}

.ui-accordion .ui-accordion-header:hover {
    background-color: #ebebeb;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    color: #343434;
    margin: 0 0 0 0;
    border: 1px solid transparent;
    font-weight: 700;
}

.ui-accordion .ui-accordion-header.ui-state-active:hover {
    background-color: #f7f7f7;
}

.ui-accordion .ui-accordion-content {
    padding: 15px 20px;
    margin-bottom: 0px;
    border: none;
}

.ui-accordion .ui-accordion-header-icon {
    display: none !important;
}


/*============================================================================*\
    Tabs
\*============================================================================*/

/* Custom Tabs - FOR DESKTOP ONLY */

.ui-tabs {
    border: 0 !important;
}

.ui-tabs,
.ui-tabs ul.ui-tabs-nav {
    background: none;
    padding: 0;
    border: 0;
}

.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    border: none;
    background: none;
    float: none;
    display: inline-block;
    position: static;
    white-space: initial;
}

.ui-tabs .ui-tabs-panel {
    padding: 15px 20px;
    border: 1px solid #efefef;
}

.ui-tabs::before,
.ui-tabs::after {
    content: ' ';
    display: table;
}

.ui-tabs::after {
    clear: both;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 12px 20px;
    font-weight: 700;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #323232;
    background-color: #efefef !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: default;
}

.ui-tabs {
    position: relative;
}

/* Custom Tabs - FOR MOBILE ONLY */
@media only screen and (max-width: 482px) {
    .ui-tabs .ui-tabs-nav .ui-tabs-tab {
        display: block;
        margin-right: 0;
        width: 100%;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-tab a {
        padding-left: 0;
        padding-right: 0;
    }
}

/*============================================================================*\
    Article
\*============================================================================*/

.body.body .list-one_column-minimal .list-item-article .list-item-datum-created,
.body.body .list-one_column-minimal .list-item-article .list-item-datum-modified {
    width: 100%;
    display: block;
}

.body.body .list-one_column-minimal .list-item-article .list-item-datum-created {
    margin-top: 4px;
}

.body.body .list-one_column-minimal .list-item-article .list-item-datum-modified:empty {
    margin: 0;
}

/*============================================================================*\
    Product
\*============================================================================*/

.product-add-to-compare {
    margin: 10px 0px;
}

.product-add {
    margin-top: 10px;
    margin-bottom: 40px;
}

.category-product-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox]+label:before,
.list-item-article .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox]+label:before,
.list-item-product .list-item-datum-add_to_compare.add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox]+label:before,
.newsitem-add-to-compare .add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox]+label:before,
.product-add-to-compare .add-to-compare-button.add-to-compare-button--checkbox-button input[type=checkbox]+label:before {
    font-size: .8em;
}

.category-product-quick-view-button a,
.list-item-article .list-item-datum-quick-view-button a,
.list-item-product .list-item-datum-quick-view-button a {
    font-weight: 700;
}

.price-regular {
    margin-top: 16px;
}

.list-one_column-minimal .product-stock {
    padding: 0;
}

.list-one_column-minimal .list-item-product .list-item-datum-add_to_cart input {
    margin-right: 4px;
}

/* Sale Meta-Information */

.list-item-product .list-item-product-price-sale,
.product-price-sale {
    color: #D93025;
}

.category-product-quick-view-button a,
.list-item-article .list-item-datum-quick-view-button a,
.list-item-product .list-item-datum-quick-view-button a {
    font-family: inherit;
    background-color: rgba(255, 255, 255, 0.0);
}

/*============================================================================*\
    Product Add to Cart Buttons
\*============================================================================*/

.category-product-add-cart .add_to_cart-message a, .list-item-product .list-item-datum-add_to_cart .add_to_cart-message a, .product-add .add_to_cart-message a {
    color: #1E9761;
}

.category-product-add-cart div>a.add_to_cart-dialog-open:before,
.category-product-add-cart div>a.add_to_cart-form-submit:before,
.category-product-add-cart form>a.add_to_cart-dialog-open:before,
.category-product-add-cart form>a.add_to_cart-form-submit:before,
.list-item-product .list-item-datum-add_to_cart div>a.add_to_cart-dialog-open:before,
.list-item-product .list-item-datum-add_to_cart div>a.add_to_cart-form-submit:before,
.list-item-product .list-item-datum-add_to_cart form>a.add_to_cart-dialog-open:before,
.list-item-product .list-item-datum-add_to_cart form>a.add_to_cart-form-submit:before,
.product-add form>a.add_to_cart-dialog-open:before,
.product-add form>a.add_to_cart-form-submit:before,
.category-product-add-cart form>a:before,
.list-item-product .list-item-datum-add_to_cart form>a:before,
.product-add form>a.add_to_quote-form-submit:before {
    content: "Add to Cart";
    color: #fff;
    border: 1px solid #000000;
    background-color: #000000;
}

.product-add form>a.add_to_cart-dialog-open:before,
.product-add form>a.add_to_cart-form-submit:before {
    background-color: #000000;
    color: #fff;
}

.category-product-add-cart form>a:hover:before,
.list-item-product .list-item-datum-add_to_cart form>a:hover:before,
.product-add form>a.add_to_cart-dialog-open:hover:before,
.product-add form>a.add_to_cart-form-submit:hover:before,
.product-add form>a.add_to_quote-form-submit:hover:before {
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
}

/* Buy Buttons */

.list-item-product .list-item-datum-view_button a:before,
.view-button a:before {
    color: #fff;
    border: 1px solid #000000;
    background-color: #000000;
}

.list-item-product .list-item-datum-view_button a:hover:before,
.view-button a:hover:before {
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
}

/* Quickview Buttons */

.ui-dialog.product-dialog .add_to_cart-form>a.add_to_cart-dialog-open:before,
.ui-dialog.product-dialog .add_to_cart-form>a.add_to_cart-form-submit:before {
    content: "Add to Cart";
    color: #fff;
    border: 1px solid #000000;
    background-color: #000000;
}

.ui-dialog.product-dialog .add_to_cart-form>a.add_to_cart-dialog-open:hover:before,
.ui-dialog.product-dialog .add_to_cart-form>a.add_to_cart-form-submit:hover:before {
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
}

/* Update 21.01.06 start */
.list-item-product .list-item-datum-add_to_cart form>a.add_to_quote-dialog-open:before,
.category-product-add-cart form>a.add_to_quote-form-submit:before,
.list-item-product .list-item-datum-add_to_cart form > a.add_to_quote-form-submit:before {
    background-color: transparent;
    color: #323232;
    border-color: #323232;
}

.list-item-product .list-item-datum-add_to_cart form>a.add_to_quote-dialog-open:hover:before,
.category-product-add-cart form>a.add_to_quote-form-submit:hover:before,
 .list-item-product .list-item-datum-add_to_cart form > a.add_to_quote-form-submit:hover:before {
    background-color: #323232;
    color: #fff;
    border-color: transparent;
}

.product-add form>a.add_to_quote-form-submit:before {
    content: 'Add to Quote';
    padding: 10px 9px;
    font-size: .9em;
    background-color: transparent;
    color: #323232;
    border-color: #323232;
}

.product-add form>a.add_to_quote-form-submit:hover:before {
    background-color: #323232;
    color: #fff;
    border-color: transparent;
}
/* Update 21.01.06 end */

/*============================================================================*\
    Product Side Column
\*============================================================================*/

/* These have to be styled in the BACKEND as well */

.body.body .zone-side-section .list-one_column-withoptions .list-item-product .cell>.middle>.middle-left,
.body.body .zone-side-section .list-one_column-withoptions .list-item-product .cell>.middle>.middle-center,
.body.body .zone-side-section .list-one_column-withoptions .list-item-product .cell>.middle>.middle-right,
.body.body .zone-side-section .list-two_column .layout-grid-row-data,
.body.body .zone-side-section .list-three_column .layout-grid-row-data,
.body.body .zone-side-section .list-four_column .layout-grid-row-data {
    width: 100%;
}

.body.body .zone-side-section .list-one_column-minimal .list-item-product .cell>.middle>.middle-left,
.body.body .zone-side-section .list-one_column .list-item-product .cell>.middle>.middle-left {
    width: 20%;
}

.body.body .zone-side-section .list-one_column-minimal .list-item-product .cell>.middle>.middle-center,
.body.body .zone-side-section .list-one_column .list-item-product .cell>.middle>.middle-center {
    width: 50%;
}

.body.body .zone-side-section .list-one_column-minimal .list-item-product .cell>.middle>.middle-center,
.body.body .zone-side-section .list-one_column-minimal .list-item-product .cell>.middle>.middle-right,
.body.body .zone-side-section .list-one_column .list-item-product .cell>.middle>.middle-center,
.body.body .zone-side-section .list-one_column .list-item-product .cell>.middle>.middle-right {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.body.body .zone-side-section .list-one_column-minimal .product-price-adjusted {
    text-align: left;
}

.body.body .zone-side-section .list-item-product .list-item-product-sale-name {
    margin-top: 0;
}

.body.body .zone-side-section .list-one_column-minimal .list-item .list-item-datum-title,
.body.body .zone-side-section .list-one_column .list-item .list-item-datum-title,
.body.body .zone-side-section .list-one_column-minimal .list-item .list-item-datum-sku,
.body.body .zone-side-section .list-one_column .list-item .list-item-datum-sku {
    font-size: 1.2rem;
}

.body.body .zone-side-section .list-item-datum-title {
    margin: 0;
}

.body.body .zone-side-section .list-item-datum-title a {
    font-size: inherit;
    line-height: inherit;
}

.body.body .zone-side-section .list-one_column-blog .list-item-datum-title .body.body .zone-side-section .list-one_column-withoptions .list-item-datum-title,
.body.body .zone-side-section .list-two_column .list-item-datum-title,
.body.body .zone-side-section .list-three_column .list-item-datum-title,
.body.body .zone-side-section .list-four_column .list-item-datum-title {
    margin-top: 10px;
}

.body.body .zone-side-section .list-one_column-blog .list-item-datum-title a,
.body.body .zone-side-section .list-one_column-withoptions .list-item-datum-title a,
.body.body .zone-side-section .list-two_column .list-item-datum-title a,
.body.body .zone-side-section .list-three_column .list-item-datum-title a,
.body.body .zone-side-section .list-four_column .list-item-datum-title a {
    font-size: 2rem;
}

.body.body .zone-side-section .list-one_column-minimal .list-item.list-item-product .list-item-datum-description,
.body.body .zone-side-section .list-one_column-minimal .list-item .list-item-datum-add_to_cart,
.body.body .zone-side-section .list-one_column-minimal .list-item .list-item-datum-view_button,
.body.body .zone-side-section .list-one_column .list-item.list-item-product .list-item-datum-description,
.body.body .zone-side-section .list-one_column .list-item .list-item-datum-add_to_cart,
.body.body .zone-side-section .list-one_column .list-item .list-item-datum-view_button {
    display: none;
}

.body.body .zone-side-section .list-one_column-minimal .list-item-product .list-item-product-price-regular,
.body.body .zone-side-section .list-one_column-minimal .list-item-product .list-item-product-price,
.body.body .zone-side-section .list-one_column-minimal .list-item-product .list-item-product-price-sale .body.body .zone-side-section .list-one_column .list-item-product .list-item-product-price-regular,
.body.body .zone-side-section .list-one_column .list-item-product .list-item-product-price,
.body.body .zone-side-section .list-one_column .list-item-product .list-item-product-price-sale {
    font-size: 1.4rem;
}

.body.body .zone-side-section .list-one_column-minimal .list-item-product .list-item-product-sale-name {
    text-align: left;
}

.body.body .zone-side-section .list-one_column-minimal .list-item-product .list-item-product-price-regular,
.body.body .zone-side-section .list-one_column-minimal .list-item-product .list-item-product-price-adjusted,
.body.body .zone-side-section .list-one_column-minimal .list-item-product .list-item-product-price-sale {
    font-size: inherit;
}

.body.body .zone-side-section .list-one_column-minimal .list-item-datum-add_to_compare label {
    font-size: .85em;
}






/* @CHRIS SHOUTCMS BACKEND */
.zone-block-content-wrapper .body.with-sidebar .main-column .list-one_column-withoptions .cell>.middle>.middle-left,
.zone-block-content-wrapper .body.with-sidebar .main-column .list-one_column-withoptions .cell>.middle>.middle-center,
.zone-block-content-wrapper .body.with-sidebar .main-column .list-two_column .layout-grid-row-data,
.zone-block-content-wrapper .body.with-sidebar .main-column .list-three_column .layout-grid-row-data,
.zone-block-content-wrapper .body.with-sidebar .main-column .list-four_column .layout-grid-row-data {
    width: 100%;
}

/*============================================================================*\
    Product Option Radio Buttons
\*============================================================================*/

.product_option-radio .product_option-field__label {
    float: left;
}

/*============================================================================*\
    Product Radio Button List
\*============================================================================*/

.product_option-button .product_option-field__control-container {
    margin-top: 10px;
}

.product_option-button .product_options-input .product_options-input-label {
    background-color: white;
    font-family: inherit;
    min-width: 150px;
}

.product_option-button .product_options-input .product_options-input-label.ui-state-active {
    background-color: #323232;
    color: white;
}

.product_option-button .product_options-input .product_options-input-label .ui-checkboxradio-icon {
    display: none;
}

.product_option-button .product_options-input {
    margin-right: .3em;
}


/*============================================================================*\
    Meta Page Information
\*============================================================================*/

.content_meta__title {
    margin-bottom: 40px;
}

body.article .content_meta__title {
    margin-bottom: 10px;
}

.content_meta__summary {
    margin-bottom: 10px;
}

.list-toolbar {
    padding: 0 0 30px 0;
}

.list-toolbar .sort select {
    margin: 0;
}

.meta-created .meta_created-date:not(:empty) {
    margin: 5px 0 20px 0;
    text-transform: uppercase;
    color: #afafaf;
}

@media (min-width: 768px) {
    .list-one_column-minimal .list-item .list-item-datum-description {
        font-size: .9em;
        /*CN min-width: 530px;*/
    }

    .body.body .zone-side-section .list-one_column-minimal .list-item .list-item-datum-description {
        min-width: auto;
    }
}


/*============================================================================*\
    Compare
\*============================================================================*/

.compare-list-container .compare-list-container__header__toggle-button,
.compare-list-container .compare-list-container__body__compare-button {
    background-color: #323232;
}

.compare-list-container__body__compare-button * {
    color: white;
}


/*============================================================================*\
    Content Snippets
\*============================================================================*/

/* Hero Inner */
.hero-inner {
    height: 300px;
    margin-bottom: 24px;
}

/* Form Thank Yous */
.thank-you-default {
    max-width: 576px;
}

/* Footer */

.footer-content-navigation p {
    margin: 8px 0;
}

.footer-content-company p {
    max-width: 576px;
}


/* Content Two / Three Across */

.content-one-across,
.content-two-across,
.content-two-across-promotion,
.content-three-across,
.content-three-across-promotion,
.content-four-across,
.content-five-across {
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.content-one-across-half,
.faq-one-across-half {
    max-width: 576px;
}

.content-two-across-promotion *,
.content-three-across * {
    position: relative;
}

.content-two-across img {
    margin-bottom: 15px;
}

.content-two-across-promotion {
    height: 400px;
}

.content-two-across-promotion p {
    max-width: 376px;
}

.content-three-across-promotion a,
.content-two-across-promotion a {
    min-width: 175px;
}

.content-three-across-promotion::before,
.content-three-across-promotion::after {
    content: '';
    height: 60px;
    width: 100%;
    display: block;
}

.social-media-contact img {
    margin: 3px;
}

/* Multiple Button Tables */

.two-across-buttons a {
    width: 100%;
}

/* Blog Articles */

.article-author,
.article-reading-time {
    padding-left: 15px;
}

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

.social-media img {
    margin: 3px;
}

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

    .author-thumbnail,
    .article-author,
    .article-reading-time,
    .social-media {
        text-align: center;
    }

    .article-author,
    .article-reading-time {
        padding-left: 0;
    }

    .author-thumbnail img {
        padding-bottom: 15px;
    }

    .social-media {
        padding-top: 0px;
    }
}

/* Product Information */
.product-additional-information tr {
    border-bottom: 1px solid #E5E5E5;
}

.product-additional-information tr:last-child {
    border-bottom: 0;
}

.checkmark-list li::marker {
    content: "";
    font-size: 14px;
    color: #444;
    font-family: "Font Awesome 5 Pro";
}

.checkmark-list p {
    margin-left: 7px;
}

/* Disable Movement / Styling in the editor */

#tinymce .content-two-across:hover::before,
#tinymce .content-three-across:hover::before {
    height: 60px;
}


#tinymce .article-details,
#tinymce .social-media {
    width: 50% !important;
}

/* Embedding */

.google-map-embed {
    height: 540px;
}


/* Responsive Content Snippet Styles */

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

    .mobile-hidden-two-across,
    .mobile-hidden-three-across {
        display: none !important;
    }

    .content-two-across,
    .content-two-across-promotion,
    .content-three-across,
    .content-three-across-promotion {
        margin-bottom: 15px;
    }

    .content-three-across td {
        width: 100% !important;
    }

    .content-three-across-promotion p {
        max-width: 345px;
    }

    .google-map-embed {
        height: auto;
    }

    .top-site-bar > .content-wrapper {
        flex-direction: column !important;
    }

    .top-site-bar > .content-wrapper > div {
        width: 100% !important;
    }

    .top-site-bar > .content-wrapper > div.site-top-bar > table {
        text-align: center;
    }

    .top-site-bar > .content-wrapper > div.site-top-bar > table.top-bar-content td {
        padding-bottom: 15px;
    }

    .top-site-bar > .content-wrapper > div.site-top-bar > table.top-bar-content {
        margin-bottom: 15px;
        border-bottom: 1px solid #DADCE0;
    }

    .top-site-bar > .content-wrapper > div.nav-links {
        text-align: center;
    }

    .quick-search > form {
        height: 50px;
    }

    .block-block_form {
        padding-right: 15px;
        padding-left: 15px;
    }

    div.g-recaptcha {
        margin-top: 15px;
        margin-left: 0;
    }

    .sui-form .formSubmit,
    form .formSubmit {
        float: inherit;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}

/*============================================================================*\
    Login Page
\*============================================================================*/

body#system-login div.page-wrapper div.page-content-wrapper {
    padding: 100px 0 200px;
}

body#system-login .breadcrumb-bar {
    display: none;
}

#system-login .login-frame .redTextSm {
    color: red;
    font-size: 1.4rem;
    padding: 15px 30px;
    background-color: #ffffff;
}

body#system-login div.page-wrapper div.page-content-wrapper article.editor-content > div.content-wrapper {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 30px 30px;
    background-color: #ffffff;
    border: 1px solid #DADCE0;
}

body#system-login div.login-frame > div.content-wrapper {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: 1px solid #DADCE0;
    border-top: none;
}

body#system-login div.login-frame > div.content-wrapper div.sui-block-content {
    padding: 0 30px 30px;
}

#system-login .login-frame form {
    max-width: 100%;
}

.account_recovery-link.site-link > div.content-wrapper {
    max-width: 600px;
    padding: 30px 15px;
    text-align: center;
}

.account_recovery-link.site-link a {
    position: inherit;
    color: #000000;
    font-size: 1.6rem;
}

.login-frame input[type=submit] {
    padding: 15px 50px;
}

@media only screen and (max-width: 767px) {
    body#system-login div.page-wrapper div.page-content-wrapper {
        padding: 100px 15px 150px;
    }

    .login-frame input[type=submit] {
        width: 100%;
    }
}