:root {
    --colemans-printing: #008a9b;
    --colemans-signage: #005695;
    --colemans-creative: #ec174c;
    --colemans-labels: #00b2e9;
    --colemans-packaging: #e88024;
    --colemans-grey: #6a737b;
    --colemans-green: #48a423;

    --colemans-printing-light: #4eacc1;
    --colemans-signage-light: #4e6cbb;
    --colemans-creative-light: #ec4e63;
    --colemans-labels-light: #4ec6fd;
    --colemans-packaging-light: #e89438;
    --colemans-grey-light: #6a7b8f;
    --colemans-green-light: #4ea437;

    --colemans-printing-faded: rgba(0, 138, 155, 0.25);
    --colemans-signage-faded: rgba(0, 86, 149, 0.25);
    --colemans-creative-faded: rgba(236, 23, 76, 0.25);
    --colemans-labels-faded: rgba(0, 178, 233, 0.25);
    --colemans-packaging-faded: rgba(232, 128, 36, 0.25);
    --colemans-grey-faded: rgba(106, 115, 123, 0.25);
    --colemans-green-faded: rgba(72, 164, 35, 0.25);
}

/* ------------------ */

/* Global */
/* Global 0.3s transition, add targeters as needed */
a,
.button,
.catfish-button {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.button,
.catfish-button {
    font-weight: bold;
}

/* Fix button font alignment */
.catfish-button.is-medium,
.button.is-medium {
    padding-bottom: 0.7em;
}

/* Justify content helper classes */
/* Mobile */
@media screen and (max-width: 767px) {
    .is-justify-content-centered-mobile {
        justify-content: center !important;
    }

    .is-justify-content-flex-start-mobile {
        justify-content: flex-start !important;
    }

    .is-justify-content-flex-end-mobile {
        justify-content: flex-end !important;
    }

    .is-justify-content-space-between-mobile {
        justify-content: space-between !important;
    }

    .is-justify-content-space-around-mobile {
        justify-content: space-around !important;
    }

    .is-justify-content-space-evenly-mobile {
        justify-content: space-evenly !important;
    }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width:1087px) {
    .is-justify-content-centered-tablet {
        justify-content: center !important;
    }

    .is-justify-content-flex-start-tablet {
        justify-content: flex-start !important;
    }

    .is-justify-content-flex-end-tablet {
        justify-content: flex-end !important;
    }

    .is-justify-content-space-between-tablet {
        justify-content: space-between !important;
    }

    .is-justify-content-space-around-tablet {
        justify-content: space-around !important;
    }

    .is-justify-content-space-evenly-tablet {
        justify-content: space-evenly !important;
    }
}

/* Desktop */
@media screen and (min-width: 1088px) {
    .is-justify-content-centered-desktop {
        justify-content: center !important;
    }

    .is-justify-content-flex-start-desktop {
        justify-content: flex-start !important;
    }

    .is-justify-content-flex-end-desktop {
        justify-content: flex-end !important;
    }

    .is-justify-content-space-between-desktop {
        justify-content: space-between !important;
    }

    .is-justify-content-space-around-desktop {
        justify-content: space-around !important;
    }

    .is-justify-content-space-evenly-desktop {
        justify-content: space-evenly !important;
    }
}

/* Touch */
@media screen and (max-width: 1087px) {
    .is-justify-content-centered-touch {
        justify-content: center !important;
    }

    .is-justify-content-flex-start-touch {
        justify-content: flex-start !important;
    }

    .is-justify-content-flex-end-touch {
        justify-content: flex-end !important;
    }

    .is-justify-content-space-between-touch {
        justify-content: space-between !important;
    }

    .is-justify-content-space-around-touch {
        justify-content: space-around !important;
    }

    .is-justify-content-space-evenly-touch {
        justify-content: space-evenly !important;
    }
}


/* Medium button styling */
.catfish-button.is-medium,
.button.is-medium {
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    padding: 0.85em 1.78em;
    font-weight: 600;
}

/* Light button styling */

.button.is-light:hover {
    background: transparent;
    color: white;
    border-color: white;
}

.button.is-light {
    border: solid 1px;
    border-color: #F5F9FB;
}

/* Background hover helpers */
.has-background-hover-printing:hover {
    background-color: var(--colemans-printing);
}

.has-background-hover-signage:hover {
    background-color: var(--colemans-signage);
}

.has-background-hover-creative:hover {
    background-color: var(--colemans-creative);
}

.has-background-hover-labels:hover {
    background-color: var(--colemans-labels);
}

.has-background-hover-packaging:hover {
    background-color: var(--colemans-packaging);
}

.has-background-hover-grey:hover {
    background-color: var(--colemans-grey);
}

.has-background-hover-green:hover {
    background-color: var(--colemans-green);
}



/* Section helper classes */
.section.columns-are-flex .columns .column {
    display: flex;
    justify-content: space-between;
}

/* Block helper classes */

.block.is-1 {
    width: 8.33333%;
}

.block.is-2 {
    width: 16.66667%;
}

.block.is-3 {
    width: 25%;
}

.block.is-4 {
    width: 33.33333%;
}

.block.is-5 {
    width: 41.66667%;
}

.block.is-6 {
    width: 50%;
}

.block.is-7 {
    width: 58.33333%;
}

.block.is-8 {
    width: 66.66667%;
}

.block.is-9 {
    width: 75%;
}

.block.is-10 {
    width: 83.33333%;
}

.block.is-11 {
    width: 91.66667%;
}

.block.is-12 {
    width: 100%;
}



/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: #008a9b;
    border-radius: 3px;
}

::-webkit-scrollbar-track {
    background-color: #EBEBEC;
    border-radius: 3px;
}


/* Fade in effect */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    /* Start below its normal position */
    transition: opacity 0.3s, transform 0.3s;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
    /* Back to its normal position */
}

/* Uniform button styling */
/* Primary buttons */
.button.is-primary,
.catfish-button.is-primary,
.one-page-checkout .checkout-data .catfish-button,
.layout--accountPage .catfish-button,
.layout--accountPage .button,
.account-page--order-details #order_details_v2 .od_print_button {
    border: solid 1px var(--colemans-printing);
}

.button.is-primary:hover,
.catfish-button.is-primary:hover,
.one-page-checkout .checkout-data .catfish-button:hover,
.layout--accountPage .catfish-button:hover,
.layout--accountPage .button:hover,
.account-page--order-details #order_details_v2 .od_print_button:hover {
    border: solid 1px var(--colemans-printing);
    background: transparent;
    color: black;
}

/* Fix nested button styling, noticed on password change page */
.button>.catfish-button,
.button>.catfish-button:hover {
    color: inherit;
    background: transparent;
    border: none;
    transition: 0s;
}



/* Cart primary buttons */
.shoppingcart__wrapper .button,
.shoppingcart__wrapper .catfish-button {
    border: solid 1px var(--colemans-printing);
}

.shoppingcart__wrapper .button:hover,
.shoppingcart__wrapper .catfish-button:hover {
    border: solid 1px var(--colemans-printing);
    background: transparent;
    color: black;
}

/* Danger buttons */
.button.is-danger,
.catfish-button.is-danger {
    border: solid 1px #CF4646;
}

.button.is-danger:hover,
.catfish-button.is-danger:hover {
    border: solid 1px #CF4646;
    background: transparent;
    color: black;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton:hover,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton:hover {
    color: white;
    background: var(--colemans-printing);
    border: solid 1px var(--colemans-printing);
    background: #4e9eaf;
    border: solid 1px #4e9eaf;
}

/* Checkout */
.rawAttributeInfo__item .title {
    font-weight: bold;
}

.one-page-checkout .step-title h2 {
    font-weight: bold;
    text-transform: uppercase;
}

.checkout-page.checkout__complete {
    text-align: center;
}

.checkout__completed__top .title {
    font-weight: bold;
}

/* ------------------ */

/* Custom classes */

/* Box */
.box.has-background-custom-1 {
    background-color: #73b1bc;
    border-radius: 10px;
}

/* Title */
.title.has-style-custom-1 {
    font-weight: bold;
}

/* Button */
.button.has-style-custom-1 {
    background-color: var(--colemans-grey);
    border: solid 1px var(--colemans-grey);
}

.button.has-style-custom-1:hover {
    background-color: transparent;
    border-color: white;
}

.button.has-style-custom-2 {
    background-color: var(--colemans-printing);
    border: solid 1px var(--colemans-printing);
}

.button.has-style-custom-2:hover {
    background-color: transparent;
    border-color: white;
}

.button.has-style-custom-3 {
    border: solid 1px var(--colemans-printing);
}

.button.has-style-custom-3:hover {
    background-color: transparent;
    color: black;
}

.button.has-style-custom-4 {
    background-color: var(--colemans-grey);
    border: solid 1px var(--colemans-grey);
}

.button.has-style-custom-4:hover {
    background-color: transparent;
    color: black;
}

/* ------------------ */


/* Ul helper classes */


/* Horizonal list */
ul.horizontal-list {
    display: flex !important;
    flex-wrap: wrap;
    margin: 0;
}

ul.horizontal-list.even-spacing {
    justify-content: space-evenly;
}


ul.horizontal-list li+li {
    margin-top: 0;
}

/* Horizontal spacing for tablet and mobile devices */
@media screen and (max-width:1023px) {
    ul.horizontal-list li+li {
        margin-left: 1rem;
    }
}

@media screen and (max-width:767px) {
    ul.horizontal-list li+li {
        margin-left: 2rem;
    }
}

ul.horizontal-list:not(.even-spacing) li+li {
    margin-left: 0.5rem;
}

ul.icons-only .icon:hover {
    transform: scale(1.05);
}

/* Light text */
ul.light-text li {
    font-weight: 300;
}

/* Icons only social media links */

ul.icons-only .icon+span {
    display: none;
}

ul.icons-only .fa-facebook-square:before {
    content: "\f39e";
}

ul.icons-only .fa-linkedin-square:before {
    content: "\f0e1";
}

ul.icons-only .icon {
    isolation: isolate;
}


ul.icons-only .icon:before {
    content: "";
    background: white;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    position: absolute;
    z-index: -1;
}

/* ------------------ */

/* Header */
.is-header-logo {
    height: 3rem;
}

a.navbar-item,
.navbar-link {
    text-transform: uppercase;
}


@media screen and (min-width:1088px) {

    a.navbar-item,
    .navbar-link {
        font-size: 0.875rem;
    }

}

/* Hover and accent colours */
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
    color: inherit;
    opacity: 0.7;
}

@media screen and (min-width: 1088px) {
    .navbar-dropdown {
        border-top: 3px solid;
        border-color: var(--colemans-printing, #008a9b);
    }

    .has-accent-printing .navbar-dropdown {
        border-color: var(--colemans-printing, #008a9b);
    }

    .has-accent-signage .navbar-dropdown {
        border-color: var(--colemans-signage, #005695);
    }

    .has-accent-creative .navbar-dropdown {
        border-color: var(--colemans-creative, #ec174c);
    }

    .has-accent-labels .navbar-dropdown {
        border-color: var(--colemans-labels, #00b2e9);
    }

    .has-accent-packaging .navbar-dropdown {
        border-color: var(--colemans-packaging, #e88024);
    }

    .has-accent-grey .navbar-dropdown {
        border-color: var(--colemans-grey, #6a737b);
    }
}

.navbar-dropdown a.navbar-item {
    transition: color .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out;
}

.navbar-dropdown a.navbar-item:focus,
.navbar-dropdown a.navbar-item:hover {
    background-color: #00000008;
    opacity: 0.7;
    color: var(--colemans-printing, #008a9b);
}

.has-accent-printing .navbar-dropdown a.navbar-item:focus,
.has-accent-printing .navbar-dropdown a.navbar-item:hover {
    color: var(--colemans-printing, #008a9b);
}

.has-accent-signage .navbar-dropdown a.navbar-item:focus,
.has-accent-signage .navbar-dropdown a.navbar-item:hover {
    color: var(--colemans-signage, #005695);
}

.has-accent-creative .navbar-dropdown a.navbar-item:focus,
.has-accent-creative .navbar-dropdown a.navbar-item:hover {
    color: var(--colemans-creative, #ec174c);
}

.has-accent-labels .navbar-dropdown a.navbar-item:focus,
.has-accent-labels .navbar-dropdown a.navbar-item:hover {
    color: var(--colemans-labels, #00b2e9);
}

.has-accent-packaging .navbar-dropdown a.navbar-item:focus,
.has-accent-packaging .navbar-dropdown a.navbar-item:hover {
    color: var(--colemans-packaging, #e88024);
}

.has-accent-grey .navbar-dropdown a.navbar-item:focus,
.has-accent-grey .navbar-dropdown a.navbar-item:hover {
    color: var(--colemans-grey, #6a737b);
}

/* Mobile menu */

@media screen and (max-width:1087px) {
    .headermenu #main-navbar {
        width: calc(100% + 1.5rem);
        position: relative;
        max-height: 50vh;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        overflow-y: scroll;
    }

    a.navbar-item,
    .navbar-link {
        color: #000000;
        font-weight: bold;
    }

    .ict-navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-item {
        margin-left: 2rem;
    }

    .ict-navbar .navbar-item.has-dropdown .navbar-link:not(.is-arrowless) {
        position: relative;
    }

    .ict-navbar .navbar-item.has-dropdown .navbar-link:not(.is-arrowless)::before {
        content: "";
        position: absolute;
        right: .35rem;
        top: 0;
        background-color: #f0f3f6;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        top: 50%;
        margin-top: -0.75rem;
        right: 0.55rem;
    }

    .ict-navbar .navbar-item.has-dropdown .navbar-link:not(.is-arrowless)::after {
        border-color: #008a9b;
    }
}

/* Mobile menu buttons */
.header-mobile-buttons .buttons,
.header-mobile-buttons .buttons .button {
    width: 100%;
}

.header-mobile-buttons .buttons {
    padding-left: 1.5rem;
    padding-right: 0.5rem;
}

/* Change to stacked logo mobile only */
@media screen and (max-width:767px) {
    .headermenu .is-header-logo {
        height: auto;
        width: 35vw;
    }

    /* .headermenu .navbar-brand .navbar-item>a:after {
        content: "";
        position: absolute;
        top: 0.25rem;
        left: 0.75rem;
        background: url(/1340447799/Handler/CSSOverride/GetImage/1/colemans-labels-logo-full-color-rgb.svg);
        width: calc(100% - 1rem);
        height: calc(100% - 1rem);
        background-repeat: no-repeat;
        background-position: center;
    } */

}

/* ------------------ */

/* Footer */
.is-footer-logo img {
    max-width: 20rem;
}

.colemans-footer a {
    color: var(--colemans-grey, #6a737b);
}

.colemans-footer a:hover {
    color: var(--colemans-printing, #008a9b);
}


/* ------------------ */

/* Slider */
.flexslider.infigo-slider .flex-direction-nav a:before {
    color: var(--colemans-printing);
    text-shadow: none;
}

.flexslider.infigo-slider .flex-control-paging li a {
    background: #008a9b80;
}

.flexslider.infigo-slider .flex-control-paging li a.flex-active {
    background: #008a9b;
}

.flexslider.infigo-slider .flex-control-paging li a:not(.flex-active):hover {
    background: #008a9bbf;
}

/* ------------------ */

/* Custom Cards */
a.custom-card-link {
    background-color: var(--colemans-printing);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding-bottom: 4.5rem;
    height: 100%;
    position: relative;
}


.custom-card-column .card-end-section {
    background: var(--colemans-grey);
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3rem;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-card-link>.block {
    margin-bottom: 0;
}

.has-background-hover-grey:hover .card-end-section,
.has-background-hover-green:hover .card-end-section {
    background-color: var(--colemans-printing);
}

@media screen and (min-width:1088px) {
    .section.what-we-do {
        position: relative;
        isolation: isolate;
    }

    .section.what-we-do:before {
        content: "";
        position: absolute;
        left: 0;
        top: 14rem;
        width: 15rem;
        height: 11.25rem;
        background: url(/755576112/Handler/CSSOverride/GetImage/1/vect-left.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .section.what-we-do:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 7.5rem;
        width: 15rem;
        height: 11.25rem;
        background: url(/755576112/Handler/CSSOverride/GetImage/1/vect-bottom.png);
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1;
    }

}

/* Phone Block */

.block.phone-block a,
.block.phone-block a h4 {
    color: white;
}

.phone-block .phone-icon {
    padding-right: 1rem;
    font-size: 2.5rem;
}

.phone-block a {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.block.phone-block .phone-details .phone-name {
    font-weight: 200;
}

.block.phone-block .phone-details .phone-number {
    font-weight: 400;
}

/* ------------------ */

/* Custom Slider */
.flexslider.infigo-slider.colemans-custom-slider .flex-control-paging li a {
    height: 3px;
    width: 30px;
    background: #d4d7d9;
}

.flexslider.infigo-slider.colemans-custom-slider .flex-control-paging li a.flex-active {
    background: var(--colemans-printing);
}

/* Testimonial Section */
h4.testimonial-name {
    font-size: 1.125rem;
    font-weight: 600;
}

h5.testimonial-role {
    font-weight: 300;
    font-size: 0.875rem;
}

.testimonial-content p {
    font-size: 1.5rem;
}

.testimonials-slider .columns {
    align-items: flex-start;
}

@media screen and (max-width:1087px) {

    h4.testimonial-name,
    h5.testimonial-role,
    .testimonial-content p {
        text-align: center;
    }

    .testimonials-slider .columns {
        flex-direction: column;
    }
}

/* Custom Blog Cards */
.featuredBlog__wrapper {
    float: none;
}

.featuredBlog__wrapper #title {
    display: none;
}

.featuredBlog__wrapper {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.featuredBlog__wrapper .post .post-content .post-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #00899cdb;
    border-radius: 0px 0px 10px 10px;
    color: white;
    width: calc(100% - 1.5rem);
    margin: 0.75rem;
}

.featuredBlog__wrapper .featuredBlog .post {
    position: relative;
    transform: scale(1);
    transition: 0.3s;
}

.featuredBlog__wrapper .post .post-content .blogimage {
    padding-top: 100%;
}

.featuredBlog__wrapper .post .post-content .blogimage img {
    object-fit: cover;
    object-position: bottom;
}

.featuredBlog__wrapper .featuredBlog .post .post-content .blogimage img {
    border-radius: 10px;
}

.featuredBlog__wrapper .post .post-content .post-info .blogtitle {
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.featuredBlog__wrapper .post .post-content .post-info .blogdate {
    display: none;
}

.featuredBlog__wrapper .post .post-content .post-info div.blogdetails {
    margin-bottom: 2rem !important;
    position: relative;
}

.featuredBlog__wrapper .post .post-content .post-info div.blogdetails:after {
    content: "Read More ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢";
    position: absolute;
    left: 0;
    bottom: -2rem;
}

.featuredBlog__wrapper .post .post-content .post-info a.blogtitle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.featuredBlog__wrapper .featuredBlog .catfish-container .columns {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: flex !important;
}

@media screen and (min-width:1088px) {
    .featuredBlog__wrapper .featuredBlog .post:hover {
        transform: scale(1.05);
    }

    .featuredBlog__wrapper .featuredBlog .post:nth-child(-n+2) {
        width: 50%;
    }

    .featuredBlog__wrapper .featuredBlog .post:nth-child(n+3) {
        width: 33.33333%;
    }
}

@media screen and (min-width:768px) and (max-width:1087px) {

    .featuredBlog__wrapper .featuredBlog .post:nth-child(-n+1) {
        width: 100%;
    }

    .featuredBlog__wrapper .featuredBlog .post:nth-child(n+2) {
        width: 50%;
    }
}


@media screen and (max-width:767px) {

    .featuredBlog__wrapper .featuredBlog .post {
        width: 100%;
    }

}

/* ------------------ */

/* Featured Products */
/* .listWrapper {
    justify-content: center;
} */

.listWrapper .product-item--info {
    padding: 1rem !important;
}



.listWrapper .listItem .product-item--info .add-info .buttons .catfish-button {
    text-transform: uppercase;
    color: var(--colemans-grey);
    background: white;
}

.listWrapper .listItem .product-item--info .add-info .buttons .catfish-button:hover {
    background: var(--colemans-printing);
    color: white;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--colemans-printing);
    color: white;
    transition: 0.3s;
}

.listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
    background: #4e9eaf;
}


.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info a {
    color: white;
    text-transform: uppercase;
}


.listWrapper .listItem {
    padding: 0;
}

.listWrapper .listItem {
    width: 100%;
    margin: 1rem;
}

@media screen and (min-width:500px) {

    .listWrapper .listItem {
        width: calc(50% - 2rem);
    }
}


@media screen and (min-width:1088px) {

    .listWrapper .listItem {
        width: calc(25% - 2rem);
    }

    .listWrapper .listItem {
        box-shadow: rgba(0, 0, 0, 0) 1px 1px 10px;
        transition: 0.3s;
    }

    .listWrapper .listItem:hover {
        box-shadow: rgba(0, 0, 0, .39) 0px 0px 15px;
    }

}

.pager {
    margin-top: 1.5rem;
}

.search-results .listWrapper {
    display: flex;
}

.listWrapper .listItem,
.listWrapper .listItem .item-box .small-product-item .product-item {
    border-radius: 10px;
}

.homeFeaturedProductsWrapper .title,
.homeFeaturedCategoriesWrapper .title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 4rem;
    text-transform: uppercase;
}

.homeFeaturedProductsWrapper,
.homeFeaturedCategoriesWrapper {
    padding-top: 3rem;
}

/* Featured Categories */
.listWrapper .listItem,
.listWrapper .listItem .small-product-item,
.sub-category-grid .listWrapper .item-box {
    border-top: 0 !important;
    border-radius: 10px !important;
}

.listWrapper .listItem .small-product-item .category-item .product-title,
.sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    transform: none !important;
    background: var(--colemans-printing) !important;
    font-size: 1.2rem;
    font-weight: 600;
    position: relative !important;
}

.listWrapper .listItem .small-product-item .category-item .product-title a,
.sub-category-grid .listWrapper .item-box .sub-category-item .category-title a {
    color: white !important;
}

.listWrapper .listItem .small-product-item .category-item,
.sub-category-grid .listWrapper .item-box .sub-category-item {
    display: flex;
    flex-direction: column-reverse;
}

.listWrapper .listItem:hover .category-item .product-title,
.sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: #4e9eaf !important;
}

.sub-category-grid .listWrapper .listItem:hover .item-box .sub-category-item .category-title {
    background: var(--colemans-printing-light) !important;
}


.listWrapper .listItem .category-short-description {
    color: white;
    background: var(--colemans-printing);
    padding: 0 1rem 1rem 1rem;
    margin-top: -1rem;
    z-index: 15;
    transition: 0.3s;
    text-overflow: ellipsis;
}

.listWrapper .listItem:hover .category-short-description {
    background: #4e9eaf;
}

.listWrapper .listItem .small-product-item .category-item {
    position: static;
    display: flex;
    flex-direction: column;
}

.listWrapper .listItem .small-product-item .category-item .picture {
    order: -1;
}

/* ------------------ */

/* Category Pages */
.arone-category-page .hero {
    background: var(--colemans-printing);
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.arone-category-page .hero .title {
    font-weight: bold;
}

.hero {
    padding: 0;
}

.hero.is-primary .hero-body {
    padding: 6rem 0;
}


.arone-category-page .listWrapper {
    justify-content: center;
}

.arone-category-page .category-product-section.section {
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (min-width:768px) {
    .columns.custom-category-description-columns {
        justify-content: space-between;
    }

    .custom-image-and-content.image-left .custom-category-description-columns .category-description-content-column {
        order: 1;
    }
}

@media screen and (max-width:767px) {
    .custom-image-and-content.image-left .custom-category-description-columns .category-description-content-column {
        order: 1;
    }
}

.columns.custom-category-description-columns .category-description-image img {
    border-radius: 100%;
    max-width: 87%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.columns.custom-category-description-columns .category-description-image-column {
    position: relative;
}

.columns.custom-category-description-columns .category-description-image-column.has-background-image:before {
    content: "";
    background: url("/0/Handler/CSSOverride/GetImage/1/category-image-behind.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.columns.custom-category-description-columns .category-description-image {
    display: flex;
    justify-content: center;
}

h2.category-sub-title {
    margin-bottom: 3.571em;
}

@media screen and (max-width: 1088px) and (min-width: 768px) {
    .category-description-content-column .ict-embed {
        padding-top: 200%;
    }
}

@media screen and (max-width:767px) {
    .columns.custom-category-description-columns .category-description-content-column {
        order: 1;
    }

    .custom-image-and-content .column {
        width: 100%;
    }

    .category-description-content-column {
        margin-top: 1.5rem;
    }

    .category-description-content-column .ict-embed {
        padding-top: 105%;
    }
}

/* Category Pages */
.listWrapper .listItem .product-item {
    border-radius: 10px !important;
}

/* Product landing pages */

.section.breadcrumb-section {
    background: var(--colemans-printing);
    color: white;
}

.section.breadcrumb-section a {
    color: white;
}

.breadcrumb li+li::before {
    color: white;
}

.arone-product-landing-page .hero .hero-body {
    padding-top: 1.5rem;
}

.has-all-products-title,
.has-all-products-title-main {
    font-weight: 600;
}

/* My Account */
.account-page h1.title,
h2.orders_v2_title.title {
    font-weight: bold;
    text-transform: uppercase;
}

/* Meet the Team cards */
.team-card-columns .card-column .linkedin-link a i {
    color: var(--colemans-printing);
    font-family: "Font Awesome 5 Brands";
}

.team-card-columns .card-column .image.card-image {
    margin-bottom: 2rem;
}

.team-card-columns .card-column .card-name {
    font-weight: bold;
    margin-bottom: 0 !important;
}

.team-card-columns .card-column .linkedin-link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    justify-self: flex-end;
}

.team-card-columns .card-column .card-content {
    padding: 2rem;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    width: auto;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    position: relative;
}

.team-card-columns .card-column .card-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: var(--colemans-printing);
    border-radius: 15px 15px 0 0;
}

@media screen and (max-width:449px) {
    .team-card-columns .card-column {
        width: 100%;
    }
}

/* Logo titles */
.logo-title {
    display: flex;
}

.logo-title:before {
    display: inline-block;
    padding-right: 0.5rem;
    object-fit: contain;
    height: 1em;
}


.logo-title.has-printing-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-printing.png);
}

.logo-title.has-creative-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-creative.svg);
}

.logo-title.has-green-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-green.svg);
}

.logo-title.has-labels-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-labels.png);
}

.logo-title.has-signage-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-signage.png);
}

.logo-title.has-packaging-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-packaging.png);
}

/* Coming soon products */
.arone-product-landing-page.coming-soon .product-variant-list {
    display: none;
}



/* Primary Colour Override overrides START */

/* Creative */
body.primary-override-creative::-webkit-scrollbar-thumb {
    background: var(--colemans-creative);
}

body.primary-override-creative .button.is-primary,
body.primary-override-creative .catfis-button.is-primary {
    background: var(--colemans-creative);
    border: solid 1px var(--colemans-creative);
}

body.primary-override-creative .button.is-primary:hover,
body.primary-override-creative .catfis-button.is-primary:hover {
    opacity: 0.7;
    color: white;
}

body.primary-override-creative .arone-category-page .hero {
    background: var(--colemans-creative);
}

body.primary-override-creative .has-background-primary {
    background: var(--colemans-creative) !important;
}

body.primary-override-creative .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--colemans-creative);
}

body.primary-override-creative .listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
    background: #ff1842;
}

body.primary-override-creative .pager span,
body.primary-override-creative .pager a {
    border-color: var(--colemans-creative);
}

body.primary-override-creative .pager span {
    background-color: var(--colemans-creative);
}

body.primary-override-creative .pager span:hover {
    color: white;
}

body.primary-override-creative .pager a {
    color: var(--colemans-creative);
}

body.primary-override-creative .pager a:hover {
    color: white;
    background-color: var(--colemans-creative);
}

body.primary-override-creative .listWrapper .listItem .product-item--info .add-info .buttons .catfish-button:hover {
    background-color: var(--colemans-creative);
}

body.primary-override-creative .columns.custom-category-description-columns .category-description-image-column.has-background-image:before {
    background-image: url("/0/Handler/CSSOverride/GetImage/1/category-image-behind-creative.png");
}

body.primary-override-creative .search-box .searchbutton {
    background-color: var(--colemans-creative);
}

body.primary-override-creative .search-box .searchbutton:hover {
    opacity: 0.7;
}

body.primary-override-creative {

    .input:hover,
    .input.is-hovered,
    .catfish-input:hover,
    .catfish-input.is-hovered,
    .catfish-select:hover,
    .catfish-select.is-hovered,
    .textarea:hover,
    .textarea.is-hovered,
    .catfish-textarea:hover,
    .catfish-textarea.is-hovered {
        border-color: var(--colemans-creative);
    }

    .input:focus,
    .input.is-focused,
    .input:active,
    .input.is-active,
    .catfish-input:focus,
    .catfish-input.is-focused,
    .catfish-input:active,
    .catfish-input.is-active,
    .catfish-select:focus,
    .catfish-select.is-focused,
    .catfish-select:active,
    .catfish-select.is-active,
    .textarea:focus,
    .textarea.is-focused,
    .textarea:active,
    .textarea.is-active,
    .catfish-textarea:focus,
    .catfish-textarea.is-focused,
    .catfish-textarea:active,
    .catfish-textarea.is-active {
        box-shadow: 0 0 0 0.125em var(--colemans-creative-faded);
    }
}

body.primary-override-creative .section.breadcrumb-section {
    background: var(--colemans-creative);
}

body.primary-override-creative .product-main-wrapper .catfish-button {
    background: var(--colemans-creative);
    border: solid 1px var(--colemans-creative);
}

body.primary-override-creative .product-main-wrapper .catfish-button:hover,
.primary-override-creative .product-main-wrapper .button:hover {
    background: transparent;
    color: black;
    border: solid 1px var(--colemans-creative);
}

body.primary-override-creative .is-today .pika-button {
    color: var(--colemans-creative);
}

body.primary-override-creative .pika-button:hover {
    background-color: var(--colemans-creative);
    color: white;
}


body.primary-override-creative .arone-product-landing-page .attribute input:checked+label.button {
    background-color: var(--colemans-creative);
}


body.primary-override-creative .arone-product-landing-page .attribute label.button:hover,
body.primary-override-creative .arone-product-landing-page .attribute label.button.is-hovered,
body.primary-override-creative .arone-product-landing-page .attribute label.button:focus,
body.primary-override-creative .arone-product-landing-page .attribute label.button.is-focused {
    background-color: var(--colemans-creative-faded);
}

body.primary-override-creative .hero.is-primary {
    background-color: var(--colemans-creative);
}

body.primary-override-creative .sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: var(--colemans-creative) !important;
}

body.primary-override-creative .sub-category-grid .listWrapper .listItem:hover .item-box .sub-category-item .category-title {
    background: var(--colemans-creative-light) !important;
}

.primary-override-creative .content p a {
    color: var(--colemans-creative);
}

.primary-override-creative .content p a:hover {
    color: var(--colemans-creative-light);
}

.primary-override-creative .logo-title.has-dynamic-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-creative.svg);
}

/* Green */
body.primary-override-green::-webkit-scrollbar-thumb {
    background: var(--colemans-green);
}

body.primary-override-green .button.is-primary,
body.primary-override-green .catfis-button.is-primary {
    background: var(--colemans-green);
    border: solid 1px var(--colemans-green);
}

body.primary-override-green .button.is-primary:hover,
body.primary-override-green .catfis-button.is-primary:hover {
    opacity: 0.7;
    color: white;
}

body.primary-override-green .arone-category-page .hero {
    background: var(--colemans-green);
}

body.primary-override-green .has-background-primary {
    background: var(--colemans-green) !important;
}

body.primary-override-green .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--colemans-green);
}

body.primary-override-green .listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
    background: #58ca2b;
}

body.primary-override-green .pager span,
body.primary-override-green .pager a {
    border-color: var(--colemans-green);
}

body.primary-override-green .pager span {
    background-color: var(--colemans-green);
}

body.primary-override-green .pager span:hover {
    color: white;
}

body.primary-override-green .pager a {
    color: var(--colemans-green);
}

body.primary-override-green .pager a:hover {
    color: white;
    background-color: var(--colemans-green);
}

body.primary-override-green .listWrapper .listItem .product-item--info .add-info .buttons .catfish-button:hover {
    background-color: var(--colemans-green);
}

body.primary-override-green .columns.custom-category-description-columns .category-description-image-column.has-background-image:before {
    background-image: url("/0/Handler/CSSOverride/GetImage/1/category-image-behind-green.png");
}

body.primary-override-green .search-box .searchbutton {
    background-color: var(--colemans-green);
}

body.primary-override-green .search-box .searchbutton:hover {
    opacity: 0.7;
}

body.primary-override-green {

    .input:hover,
    .input.is-hovered,
    .catfish-input:hover,
    .catfish-input.is-hovered,
    .catfish-select:hover,
    .catfish-select.is-hovered,
    .textarea:hover,
    .textarea.is-hovered,
    .catfish-textarea:hover,
    .catfish-textarea.is-hovered {
        border-color: var(--colemans-green);
    }

    .input:focus,
    .input.is-focused,
    .input:active,
    .input.is-active,
    .catfish-input:focus,
    .catfish-input.is-focused,
    .catfish-input:active,
    .catfish-input.is-active,
    .catfish-select:focus,
    .catfish-select.is-focused,
    .catfish-select:active,
    .catfish-select.is-active,
    .textarea:focus,
    .textarea.is-focused,
    .textarea:active,
    .textarea.is-active,
    .catfish-textarea:focus,
    .catfish-textarea.is-focused,
    .catfish-textarea:active,
    .catfish-textarea.is-active {
        box-shadow: 0 0 0 0.125em var(--colemans-green-faded);
    }
}

body.primary-override-green .section.breadcrumb-section {
    background: var(--colemans-green);
}

body.primary-override-green .product-main-wrapper .catfish-button {
    background: var(--colemans-green);
    border: solid 1px var(--colemans-green);
}

body.primary-override-green .product-main-wrapper .catfish-button:hover,
.primary-override-green .product-main-wrapper .button:hover {
    background: transparent;
    color: black;
    border: solid 1px var(--colemans-green);
}

body.primary-override-green .is-today .pika-button {
    color: var(--colemans-green);
}

body.primary-override-green .pika-button:hover {
    background-color: var(--colemans-green);
    color: white;
}


body.primary-override-green .arone-product-landing-page .attribute input:checked+label.button {
    background-color: var(--colemans-green);
}


body.primary-override-green .arone-product-landing-page .attribute label.button:hover,
body.primary-override-green .arone-product-landing-page .attribute label.button.is-hovered,
body.primary-override-green .arone-product-landing-page .attribute label.button:focus,
body.primary-override-green .arone-product-landing-page .attribute label.button.is-focused {
    background-color: var(--colemans-green-faded);
}

body.primary-override-green .hero.is-primary {
    background-color: var(--colemans-green);
}

body.primary-override-green .sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: var(--colemans-green) !important;
}

body.primary-override-green .sub-category-grid .listWrapper .listItem:hover .item-box .sub-category-item .category-title {
    background: var(--colemans-green-light) !important;
}

.primary-override-green .content p a {
    color: var(--colemans-green);
}

.primary-override-green .content p a:hover {
    color: var(--colemans-green-light);
}

.primary-override-green .logo-title.has-dynamic-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-green.svg);
}

/* Grey */
body.primary-override-grey::-webkit-scrollbar-thumb {
    background: var(--colemans-grey);
}

body.primary-override-grey .button.is-primary,
body.primary-override-grey .catfis-button.is-primary {
    background: var(--colemans-grey);
    border: solid 1px var(--colemans-grey);
}

body.primary-override-grey .button.is-primary:hover,
body.primary-override-grey .catfis-button.is-primary:hover {
    opacity: 0.7;
    color: white;
}

body.primary-override-grey .arone-category-page .hero {
    background: var(--colemans-grey);
}

body.primary-override-grey .has-background-primary {
    background: var(--colemans-grey) !important;
}

body.primary-override-grey .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--colemans-grey);
}

body.primary-override-grey .listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
    background: #8a96a1;
}

body.primary-override-grey .pager span,
body.primary-override-grey .pager a {
    border-color: var(--colemans-grey);
}

body.primary-override-grey .pager span {
    background-color: var(--colemans-grey);
}

body.primary-override-grey .pager span:hover {
    color: white;
}

body.primary-override-grey .pager a {
    color: var(--colemans-grey);
}

body.primary-override-grey .pager a:hover {
    color: white;
    background-color: var(--colemans-grey);
}

body.primary-override-grey .listWrapper .listItem .product-item--info .add-info .buttons .catfish-button:hover {
    background-color: var(--colemans-grey);
}

body.primary-override-grey .columns.custom-category-description-columns .category-description-image-column.has-background-image:before {
    background-image: url("/0/Handler/CSSOverride/GetImage/1/category-image-behind-grey.png");
}

body.primary-override-grey .search-box .searchbutton {
    background-color: var(--colemans-grey);
}

body.primary-override-grey .search-box .searchbutton:hover {
    opacity: 0.7;
}

body.primary-override-grey {

    .input:hover,
    .input.is-hovered,
    .catfish-input:hover,
    .catfish-input.is-hovered,
    .catfish-select:hover,
    .catfish-select.is-hovered,
    .textarea:hover,
    .textarea.is-hovered,
    .catfish-textarea:hover,
    .catfish-textarea.is-hovered {
        border-color: var(--colemans-grey);
    }

    .input:focus,
    .input.is-focused,
    .input:active,
    .input.is-active,
    .catfish-input:focus,
    .catfish-input.is-focused,
    .catfish-input:active,
    .catfish-input.is-active,
    .catfish-select:focus,
    .catfish-select.is-focused,
    .catfish-select:active,
    .catfish-select.is-active,
    .textarea:focus,
    .textarea.is-focused,
    .textarea:active,
    .textarea.is-active,
    .catfish-textarea:focus,
    .catfish-textarea.is-focused,
    .catfish-textarea:active,
    .catfish-textarea.is-active {
        box-shadow: 0 0 0 0.125em var(--colemans-grey-faded);
    }
}

body.primary-override-grey .section.breadcrumb-section {
    background: var(--colemans-grey);
}

body.primary-override-grey .product-main-wrapper .catfish-button {
    background: var(--colemans-grey);
    border: solid 1px var(--colemans-grey);
}

body.primary-override-grey .product-main-wrapper .catfish-button:hover,
.primary-override-grey .product-main-wrapper .button:hover {
    background: transparent;
    color: black;
    border: solid 1px var(--colemans-grey);
}

body.primary-override-grey .is-today .pika-button {
    color: var(--colemans-grey);
}

body.primary-override-grey .pika-button:hover {
    background-color: var(--colemans-grey);
    color: white;
}


body.primary-override-grey .arone-product-landing-page .attribute input:checked+label.button {
    background-color: var(--colemans-grey);
}


body.primary-override-grey .arone-product-landing-page .attribute label.button:hover,
body.primary-override-grey .arone-product-landing-page .attribute label.button.is-hovered,
body.primary-override-grey .arone-product-landing-page .attribute label.button:focus,
body.primary-override-grey .arone-product-landing-page .attribute label.button.is-focused {
    background-color: var(--colemans-grey-faded);
}

body.primary-override-grey .hero.is-primary {
    background-color: var(--colemans-grey);
}

body.primary-override-grey .sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: var(--colemans-grey) !important;
}

body.primary-override-grey .sub-category-grid .listWrapper .listItem:hover .item-box .sub-category-item .category-title {
    background: var(--colemans-grey-light) !important;
}

.primary-override-grey .content p a {
    color: var(--colemans-grey);
}

.primary-override-grey .content p a:hover {
    color: var(--colemans-grey-light);
}

.primary-override-grey .logo-title.has-dynamic-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-grey.png);
}


/* Labels */
body.primary-override-labels::-webkit-scrollbar-thumb {
    background: var(--colemans-labels);
}

body.primary-override-labels .button.is-primary,
body.primary-override-labels .catfis-button.is-primary {
    background: var(--colemans-labels);
    border: solid 1px var(--colemans-labels);
}

body.primary-override-labels .button.is-primary:hover,
body.primary-override-labels .catfis-button.is-primary:hover {
    opacity: 0.7;
    color: white;
}

body.primary-override-labels .arone-category-page .hero {
    background: var(--colemans-labels);
}

body.primary-override-labels .has-background-primary {
    background: var(--colemans-labels) !important;
}

body.primary-override-labels .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--colemans-labels);
}

body.primary-override-labels .listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
    background: #00b1ff;
}

body.primary-override-labels .pager span,
body.primary-override-labels .pager a {
    border-color: var(--colemans-labels);
}

body.primary-override-labels .pager span {
    background-color: var(--colemans-labels);
}

body.primary-override-labels .pager span:hover {
    color: white;
}

body.primary-override-labels .pager a {
    color: var(--colemans-labels);
}

body.primary-override-labels .pager a:hover {
    color: white;
    background-color: var(--colemans-labels);
}

body.primary-override-labels .listWrapper .listItem .product-item--info .add-info .buttons .catfish-button:hover {
    background-color: var(--colemans-labels);
}

body.primary-override-labels .columns.custom-category-description-columns .category-description-image-column.has-background-image:before {
    background-image: url("/0/Handler/CSSOverride/GetImage/1/category-image-behind-labels.png");
}

body.primary-override-labels .search-box .searchbutton {
    background-color: var(--colemans-labels);
}

body.primary-override-labels .search-box .searchbutton:hover {
    opacity: 0.7;
}

body.primary-override-labels {

    .input:hover,
    .input.is-hovered,
    .catfish-input:hover,
    .catfish-input.is-hovered,
    .catfish-select:hover,
    .catfish-select.is-hovered,
    .textarea:hover,
    .textarea.is-hovered,
    .catfish-textarea:hover,
    .catfish-textarea.is-hovered {
        border-color: var(--colemans-labels);
    }

    .input:focus,
    .input.is-focused,
    .input:active,
    .input.is-active,
    .catfish-input:focus,
    .catfish-input.is-focused,
    .catfish-input:active,
    .catfish-input.is-active,
    .catfish-select:focus,
    .catfish-select.is-focused,
    .catfish-select:active,
    .catfish-select.is-active,
    .textarea:focus,
    .textarea.is-focused,
    .textarea:active,
    .textarea.is-active,
    .catfish-textarea:focus,
    .catfish-textarea.is-focused,
    .catfish-textarea:active,
    .catfish-textarea.is-active {
        box-shadow: 0 0 0 0.125em var(--colemans-labels-faded);
    }
}

body.primary-override-labels .section.breadcrumb-section {
    background: var(--colemans-labels);
}

body.primary-override-labels .product-main-wrapper .catfish-button {
    background: var(--colemans-labels);
    border: solid 1px var(--colemans-labels);
}

body.primary-override-labels .product-main-wrapper .catfish-button:hover,
.primary-override-labels .product-main-wrapper .button:hover {
    background: transparent;
    color: black;
    border: solid 1px var(--colemans-labels);
}

body.primary-override-labels .is-today .pika-button {
    color: var(--colemans-labels);
}

body.primary-override-labels .pika-button:hover {
    background-color: var(--colemans-labels);
    color: white;
}


body.primary-override-labels .arone-product-landing-page .attribute input:checked+label.button {
    background-color: var(--colemans-labels);
}


body.primary-override-labels .arone-product-landing-page .attribute label.button:hover,
body.primary-override-labels .arone-product-landing-page .attribute label.button.is-hovered,
body.primary-override-labels .arone-product-landing-page .attribute label.button:focus,
body.primary-override-labels .arone-product-landing-page .attribute label.button.is-focused {
    background-color: var(--colemans-labels-faded);
}

body.primary-override-labels .hero.is-primary {
    background-color: var(--colemans-labels);
}

body.primary-override-labels .sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: var(--colemans-labels) !important;
}

body.primary-override-labels .sub-category-grid .listWrapper .listItem:hover .item-box .sub-category-item .category-title {
    background: var(--colemans-labels-light) !important;
}

.primary-override-labels .content p a {
    color: var(--colemans-labels);
}

.primary-override-labels .content p a:hover {
    color: var(--colemans-labels-light);
}

.primary-override-labels .logo-title.has-dynamic-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-labels.png);
}

/* Packaging */
body.primary-override-packaging::-webkit-scrollbar-thumb {
    background: var(--colemans-packaging);
}

body.primary-override-packaging .button.is-primary,
body.primary-override-packaging .catfis-button.is-primary {
    background: var(--colemans-packaging);
    border: solid 1px var(--colemans-packaging);
}

body.primary-override-packaging .button.is-primary:hover,
body.primary-override-packaging .catfis-button.is-primary:hover {
    opacity: 0.7;
    color: white;
}

body.primary-override-packaging .arone-category-page .hero {
    background: var(--colemans-packaging);
}

body.primary-override-packaging .has-background-primary {
    background: var(--colemans-packaging) !important;
}

body.primary-override-packaging .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--colemans-packaging);
}

body.primary-override-packaging .listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
    background: #ff9b27;
}

body.primary-override-packaging .pager span,
body.primary-override-packaging .pager a {
    border-color: var(--colemans-packaging);
}

body.primary-override-packaging .pager span {
    background-color: var(--colemans-packaging);
}

body.primary-override-packaging .pager span:hover {
    color: white;
}

body.primary-override-packaging .pager a {
    color: var(--colemans-packaging);
}

body.primary-override-packaging .pager a:hover {
    color: white;
    background-color: var(--colemans-packaging);
}

body.primary-override-packaging .listWrapper .listItem .product-item--info .add-info .buttons .catfish-button:hover {
    background-color: var(--colemans-packaging);
}

body.primary-override-packaging .columns.custom-category-description-columns .category-description-image-column.has-background-image:before {
    background-image: url("/0/Handler/CSSOverride/GetImage/1/category-image-behind-packaging.png");
}

body.primary-override-packaging .search-box .searchbutton {
    background-color: var(--colemans-packaging);
}

body.primary-override-packaging .search-box .searchbutton:hover {
    opacity: 0.7;
}

body.primary-override-packaging {

    .input:hover,
    .input.is-hovered,
    .catfish-input:hover,
    .catfish-input.is-hovered,
    .catfish-select:hover,
    .catfish-select.is-hovered,
    .textarea:hover,
    .textarea.is-hovered,
    .catfish-textarea:hover,
    .catfish-textarea.is-hovered {
        border-color: var(--colemans-packaging);
    }

    .input:focus,
    .input.is-focused,
    .input:active,
    .input.is-active,
    .catfish-input:focus,
    .catfish-input.is-focused,
    .catfish-input:active,
    .catfish-input.is-active,
    .catfish-select:focus,
    .catfish-select.is-focused,
    .catfish-select:active,
    .catfish-select.is-active,
    .textarea:focus,
    .textarea.is-focused,
    .textarea:active,
    .textarea.is-active,
    .catfish-textarea:focus,
    .catfish-textarea.is-focused,
    .catfish-textarea:active,
    .catfish-textarea.is-active {
        box-shadow: 0 0 0 0.125em var(--colemans-packaging-faded);
    }
}

body.primary-override-packaging .section.breadcrumb-section {
    background: var(--colemans-packaging);
}

body.primary-override-packaging .product-main-wrapper .catfish-button {
    background: var(--colemans-packaging);
    border: solid 1px var(--colemans-packaging);
}

body.primary-override-packaging .product-main-wrapper .catfish-button:hover,
.primary-override-packaging .product-main-wrapper .button:hover {
    background: transparent;
    color: black;
    border: solid 1px var(--colemans-packaging);
}

body.primary-override-packaging .is-today .pika-button {
    color: var(--colemans-packaging);
}

body.primary-override-packaging .pika-button:hover {
    background-color: var(--colemans-packaging);
    color: white;
}


body.primary-override-packaging .arone-product-landing-page .attribute input:checked+label.button {
    background-color: var(--colemans-packaging);
}


body.primary-override-packaging .arone-product-landing-page .attribute label.button:hover,
body.primary-override-packaging .arone-product-landing-page .attribute label.button.is-hovered,
body.primary-override-packaging .arone-product-landing-page .attribute label.button:focus,
body.primary-override-packaging .arone-product-landing-page .attribute label.button.is-focused {
    background-color: var(--colemans-packaging-faded);
}

body.primary-override-packaging .hero.is-primary {
    background-color: var(--colemans-packaging);
}

body.primary-override-packaging .sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: var(--colemans-packaging) !important;
}

body.primary-override-packaging .sub-category-grid .listWrapper .listItem:hover .item-box .sub-category-item .category-title {
    background: var(--colemans-packaging-light) !important;
}

.primary-override-packaging .content p a {
    color: var(--colemans-packaging);
}

.primary-override-packaging .content p a:hover {
    color: var(--colemans-packaging-light);
}

.primary-override-packaging .logo-title.has-dynamic-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-packaging.png);
}

/* Printing */
body.primary-override-printing::-webkit-scrollbar-thumb {
    background: var(--colemans-printing);
}

body.primary-override-printing .button.is-primary,
body.primary-override-printing .catfis-button.is-primary {
    background: var(--colemans-printing);
    border: solid 1px var(--colemans-printing);
}

body.primary-override-printing .button.is-primary:hover,
body.primary-override-printing .catfis-button.is-primary:hover {
    opacity: 0.7;
    color: white;
}

body.primary-override-printing .arone-category-page .hero {
    background: var(--colemans-printing);
}

body.primary-override-printing .has-background-primary {
    background: var(--colemans-printing) !important;
}

body.primary-override-printing .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--colemans-printing);
}

body.primary-override-printing .listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
    background: #00acc1;
}

body.primary-override-printing .pager span,
body.primary-override-printing .pager a {
    border-color: var(--colemans-printing);
}

body.primary-override-printing .pager span {
    background-color: var(--colemans-printing);
}

body.primary-override-printing .pager span:hover {
    color: white;
}

body.primary-override-printing .pager a {
    color: var(--colemans-printing);
}

body.primary-override-printing .pager a:hover {
    color: white;
    background-color: var(--colemans-printing);
}

body.primary-override-printing .listWrapper .listItem .product-item--info .add-info .buttons .catfish-button:hover {
    background-color: var(--colemans-printing);
}

body.primary-override-printing .columns.custom-category-description-columns .category-description-image-column.has-background-image:before {
    background-image: url("/0/Handler/CSSOverride/GetImage/1/category-image-behind-printing.png");
}

body.primary-override-printing .search-box .searchbutton {
    background-color: var(--colemans-printing);
}

body.primary-override-printing .search-box .searchbutton:hover {
    opacity: 0.7;
}

body.primary-override-printing {

    .input:hover,
    .input.is-hovered,
    .catfish-input:hover,
    .catfish-input.is-hovered,
    .catfish-select:hover,
    .catfish-select.is-hovered,
    .textarea:hover,
    .textarea.is-hovered,
    .catfish-textarea:hover,
    .catfish-textarea.is-hovered {
        border-color: var(--colemans-printing);
    }

    .input:focus,
    .input.is-focused,
    .input:active,
    .input.is-active,
    .catfish-input:focus,
    .catfish-input.is-focused,
    .catfish-input:active,
    .catfish-input.is-active,
    .catfish-select:focus,
    .catfish-select.is-focused,
    .catfish-select:active,
    .catfish-select.is-active,
    .textarea:focus,
    .textarea.is-focused,
    .textarea:active,
    .textarea.is-active,
    .catfish-textarea:focus,
    .catfish-textarea.is-focused,
    .catfish-textarea:active,
    .catfish-textarea.is-active {
        box-shadow: 0 0 0 0.125em var(--colemans-printing-faded);
    }
}


body.primary-override-printing .section.breadcrumb-section {
    background: var(--colemans-printing);
}

body.primary-override-printing .product-main-wrapper .catfish-button {
    background: var(--colemans-printing);
    border: solid 1px var(--colemans-printing);
}

body.primary-override-printing .product-main-wrapper .catfish-button:hover,
.primary-override-printing .product-main-wrapper .button:hover {
    background: transparent;
    color: black;
    border: solid 1px var(--colemans-printing);
}

body.primary-override-printing .is-today .pika-button {
    color: var(--colemans-printing);
}

body.primary-override-printing .pika-button:hover {
    background-color: var(--colemans-printing);
    color: white;
}


body.primary-override-printing .arone-product-landing-page .attribute input:checked+label.button {
    background-color: var(--colemans-printing);
}


body.primary-override-printing .arone-product-landing-page .attribute label.button:hover,
body.primary-override-printing .arone-product-landing-page .attribute label.button.is-hovered,
body.primary-override-printing .arone-product-landing-page .attribute label.button:focus,
body.primary-override-printing .arone-product-landing-page .attribute label.button.is-focused {
    background-color: var(--colemans-printing-faded);
}

body.primary-override-printing .hero.is-primary {
    background-color: var(--colemans-printing);
}

body.primary-override-printing .sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: var(--colemans-printing) !important;
}

body.primary-override-printing .sub-category-grid .listWrapper .listItem:hover .item-box .sub-category-item .category-title {
    background: var(--colemans-printing-light) !important;
}

.primary-override-printing .content p a {
    color: var(--colemans-printing);
}

.primary-override-printing .content p a:hover {
    color: var(--colemans-printing-light);
}

.primary-override-printing .logo-title.has-dynamic-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-printing.png);
}

/* Signage */
body.primary-override-signage::-webkit-scrollbar-thumb {
    background: var(--colemans-signage);
}

body.primary-override-signage .button.is-primary,
body.primary-override-signage .catfis-button.is-primary {
    background: var(--colemans-signage);
    border: solid 1px var(--colemans-signage);
}

body.primary-override-signage .button.is-primary:hover,
body.primary-override-signage .catfis-button.is-primary:hover {
    opacity: 0.7;
    color: white;
}

body.primary-override-signage .ict-buttons .button.is-primary:hover,
body.primary-override-signage .ict-buttons .catfis-button.is-primary:hover {
    opacity: 1;
    color: black;
}


body.primary-override-signage .arone-category-page .hero {
    background: var(--colemans-signage);
}

body.primary-override-signage .has-background-primary {
    background: var(--colemans-signage) !important;
}

body.primary-override-signage .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--colemans-signage);
}

body.primary-override-signage .listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
    background: #006cbb;
}

body.primary-override-signage .pager span,
body.primary-override-signage .pager a {
    border-color: var(--colemans-signage);
}

body.primary-override-signage .pager span {
    background-color: var(--colemans-signage);
}

body.primary-override-signage .pager span:hover {
    color: white;
}

body.primary-override-signage .pager a {
    color: var(--colemans-signage);
}

body.primary-override-signage .pager a:hover {
    color: white;
    background-color: var(--colemans-signage);
}

body.primary-override-signage .listWrapper .listItem .product-item--info .add-info .buttons .catfish-button:hover {
    background-color: var(--colemans-signage);
}

body.primary-override-signage .columns.custom-category-description-columns .category-description-image-column.has-background-image:before {
    background-image: url("/0/Handler/CSSOverride/GetImage/1/category-image-behind-signage.png");
}

body.primary-override-signage .search-box .searchbutton {
    background-color: var(--colemans-signage);
}

body.primary-override-signage .search-box .searchbutton:hover {
    opacity: 0.7;
}

body.primary-override-signage {

    .input:hover,
    .input.is-hovered,
    .catfish-input:hover,
    .catfish-input.is-hovered,
    .catfish-select:hover,
    .catfish-select.is-hovered,
    .textarea:hover,
    .textarea.is-hovered,
    .catfish-textarea:hover,
    .catfish-textarea.is-hovered {
        border-color: var(--colemans-signage);
    }

    .input:focus,
    .input.is-focused,
    .input:active,
    .input.is-active,
    .catfish-input:focus,
    .catfish-input.is-focused,
    .catfish-input:active,
    .catfish-input.is-active,
    .catfish-select:focus,
    .catfish-select.is-focused,
    .catfish-select:active,
    .catfish-select.is-active,
    .textarea:focus,
    .textarea.is-focused,
    .textarea:active,
    .textarea.is-active,
    .catfish-textarea:focus,
    .catfish-textarea.is-focused,
    .catfish-textarea:active,
    .catfish-textarea.is-active {
        box-shadow: 0 0 0 0.125em var(--colemans-signage-faded);
    }
}


body.primary-override-signage .section.breadcrumb-section {
    background: var(--colemans-signage);
}

body.primary-override-signage .product-main-wrapper .catfish-button {
    background: var(--colemans-signage);
    border: solid 1px var(--colemans-signage);
}

body.primary-override-signage .product-main-wrapper .catfish-button:hover,
.primary-override-signage .product-main-wrapper .button:hover {
    background: transparent;
    color: black;
    border: solid 1px var(--colemans-signage);
}

body.primary-override-signage .is-today .pika-button {
    color: var(--colemans-signage);
}

body.primary-override-signage .pika-button:hover {
    background-color: var(--colemans-signage);
    color: white;
}


body.primary-override-signage .arone-product-landing-page .attribute input:checked+label.button {
    background-color: var(--colemans-signage);
}


body.primary-override-signage .arone-product-landing-page .attribute label.button:hover,
body.primary-override-signage .arone-product-landing-page .attribute label.button.is-hovered,
body.primary-override-signage .arone-product-landing-page .attribute label.button:focus,
body.primary-override-signage .arone-product-landing-page .attribute label.button.is-focused {
    background-color: var(--colemans-signage-faded);
}

body.primary-override-signage .hero.is-primary {
    background-color: var(--colemans-signage);
}

body.primary-override-signage .sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    background: var(--colemans-signage) !important;
}

body.primary-override-signage .sub-category-grid .listWrapper .listItem:hover .item-box .sub-category-item .category-title {
    background: var(--colemans-signage-light) !important;
}

.primary-override-signage .content p a {
    color: var(--colemans-signage);
}

.primary-override-signage .content p a:hover {
    color: var(--colemans-signage-light);
}

.primary-override-signage .logo-title.has-dynamic-logo:before {
    content: url(/0/Handler/CSSOverride/GetImage/1/small-logo-signage.png);
}

/* Primary Colour Override END */

/* Category Pages Start  */
.page-catalog-category .primary-override-labels .category-description-image-column {
    display: none;
}

.page-catalog-category .primary-override-labels .category-intro-wrapper.section {
    padding-bottom: 0 !important;
}

/* small fix */
.page-dynamicproduct-editor .catfish-button.is-small,
.page-dynamicproduct-editor .button.is-small {
    padding: 0.5rem;
}

.page-dynamicproduct-editor .MEUIFormField .control .meuiNonLayout,
.page-dynamicproduct-editor .MEUIFormField .control .zoom-button {
    height: 100%;
}

.page-dynamicproduct-editor .AddImageToField span.no-image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.Script_DynamicUiGeneration_New .fb-background-color-select .colorSelector {
    min-width: 100%;
}

/* --- CSS Mobile UX ---*/
.Script_DynamicUiGeneration_New .ItemsListBody .itemDetails {
    padding-left: 1rem;
    padding-right: 1rem;
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global {
    position: fixed;
    bottom: 4.5rem;
    z-index: 5;
    max-height: 0px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    -webkit-transition: max-height 0.15s linear;
    -moz-transition: max-height 0.15s linear;
    -o-transition: max-height 0.15s linear;
    transition: max-height 0.15s linear;
    box-shadow: inset 0px -7px 19px -10px rgba(0, 0, 0, .2);
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global>.columns {
    padding: 1rem;
    padding-bottom: 2rem;
    margin: 0 !important;
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global.is-active {
    max-height: 70vh;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 5;
    background: #fff;
    text-align: center;
    padding: 0rem;
    box-shadow: rgba(0, 0, 0, .3) 0px 0px 10px;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux>.columns {
    padding: 0px;
    margin: 0px;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux>.columns>.column {
    padding: 1rem;
    margin: 0px;
    border-bottom: solid 1px #eee;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .toggle-fieldlist-button {
    border: none;
    background: transparent !important;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar-container {
    display: block;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar {
    position: relative;
    width: 100%;
    height: 1.5rem;
    border-radius: 0.75rem;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar .progress {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 1.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX .select-step-button .field-name {
    max-width: calc(100vw - 10rem) !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Script_DynamicUiGeneration_New_MobileUX .select-step-button {
    padding: 1rem;
    margin-bottom: -0.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX .column.actions-list {
    overflow: hidden;
    overflow-x: auto;
    border-right: solid 1px #eee;
    box-shadow: inset -7px 0px 26px -13px rgba(0, 0, 0, .2);
    min-height: 100%;
}

.Script_DynamicUiGeneration_New_MobileUX .column.actions-list.Variable-Input-Container {
    overflow: visible;
    overflow-x: visible;
    text-align: left;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button {
    padding: 0.5rem;
    height: 4rem;
    width: 4rem !important;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button .check {}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon {
    display: block;
    margin: 0px !important;
    height: 1.8rem;
    line-height: 2rem;
    width: 100%;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon+.text {
    font-size: 0.75em;
    font-weight: bold;
    padding-top: 0.3rem;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon .fa-edit {
    margin-left: 0.2em;
}

.Script_DynamicUiGeneration_New .edit-mode-done-button {
    position: fixed;
    top: calc(50vh - 4rem);
    right: 1rem;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header {
    position: fixed;
    top: 4rem;
    left: 0px;
    width: 100%;
    z-index: 9;
    padding: 0.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX.EditingMode .column.eds-mobile-ux-header {
    top: 0px;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span {
    padding: 0rem 1rem;
    display: inline-block;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span.orderNR {
    border-right: solid 1px #fff;
}

.Script_DynamicUiGeneration_New_MobileUX .additionalTargetContainer {
    display: none !important;
}

@media screen and (max-width: 600px) {

    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+.dropdown-menu button,
    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button,
    .Script_DynamicUiGeneration_New_MobileUX [uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button {
        border: solid 1px #fff;
        padding: 0.7rem;
        font-size: 1rem;
        min-width: 100%;
        height: 3rem;
        border-radius: 5px;
    }
}

.Script_DynamicUiGeneration_New_MobileUX .input.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .catfish-input.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .catfish-select.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .textarea.is-danger,
.catfish-textarea.is-danger {
    border-color: #CF4646 !important;
    background: #f9dcdc !important;
}

.megaedit-preview #addToBasketButton {
    top: 1rem;
    right: 5rem;
}

/* New Category page Layout */
/* .primary-override-labels .arone-category-page{
    display: flex;
    flex-direction: column;
} */

section.hero.category-hero-section {
    order: 1;
}

.category-intro-wrapper.section,
.section.category-intro-wrapper {
    order: 3;
}

.category-description-wrapper {
    order: 4;
}

.section.is-small,
.section.category-product-section {
    order: 2;
}

section.category-subcategory-section {
    order: 1;
}

.category-outro-wrapper,
.arone-category-page .section.what-we-do {
    order: 6;
}

.arone-category-page .homeFeaturedProductsWrapper .title {
    font-size: 2.488em;
}

.arone-category-page .homeFeaturedCategoriesWrapper {
    padding-top: 6rem;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(1) .category-short-description,
.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(1) .product-title {
    background: var(--colemans-labels) !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(1):hover .category-short-description,
.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(1):hover .product-title {
    background: var(--colemans-labels-light) !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(2) .category-short-description,
.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(2) .product-title {
    background: var(--colemans-creative) !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(2):hover .category-short-description,
.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(2):hover .product-title {
    background: var(--colemans-creative-light) !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(3) .category-short-description,
.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(3) .product-title {
    background: var(--colemans-signage) !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(3):hover .category-short-description,
.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(3):hover .product-title {
    background: var(--colemans-signage-light) !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(4) .category-short-description,
.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(4) .product-title {
    background: var(--colemans-printing) !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(4):hover .category-short-description,
.homeFeaturedCategoriesWrapper .listWrapper .listItem:nth-child(4):hover .product-title {
    background: var(--colemans-printing-light) !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .category-short-description {
    display: none;
}

/* Featured Category with Color Cards */
/* Printing - Color Cards */
.customCardColors .listWrapper .listItem .category-short-description.cs-print-color,
.customCardColors .listWrapper .listItem .product-title.cs-print-color {
    background-color: var(--colemans-printing) !important;
}

.customCardColors .listWrapper .listItem:hover .category-short-description.cs-print-color,
.customCardColors .listWrapper .listItem:hover .product-title.cs-print-color {
    background-color: var(--colemans-printing-light) !important;
}

/* Signage - Color Cards */
.customCardColors .listWrapper .listItem .category-short-description.cs-signage-color,
.customCardColors .listWrapper .listItem .product-title.cs-signage-color {
    background-color: var(--colemans-signage) !important;
}

.customCardColors .listWrapper .listItem:hover .category-short-description.cs-signage-color,
.customCardColors .listWrapper .listItem:hover .product-title.cs-signage-color {
    background-color: var(--colemans-signage-light) !important;
}

/* Creative- Color Cards */
.customCardColors .listWrapper .listItem .category-short-description.cs-creative-color,
.customCardColors .listWrapper .listItem .product-title.cs-creative-color {
    background-color: var(--colemans-creative) !important;
}

.customCardColors .listWrapper .listItem:hover .category-short-description.cs-creative-color,
.customCardColors .listWrapper .listItem:hover .product-title.cs-creative-color {
    background-color: var(--colemans-creative-light) !important;
}

/* Labels- Color Cards */
.customCardColors .listWrapper .listItem .category-short-description.cs-label-color,
.customCardColors .listWrapper .listItem .product-title.cs-label-color {
    background-color: var(--colemans-labels) !important;
}

.customCardColors .listWrapper .listItem:hover .category-short-description.cs-label-color,
.customCardColors .listWrapper .listItem:hover .product-title.cs-label-color {
    background-color: var(--colemans-labels-light) !important;
}

.account-page.account-page--addresses .address-item .address-item-row>td:last-child {
    min-width: 170px;
}

.WorkingFolderInfo.content {
    display: none;
}

/* Hide prices on  */
.arone-category-page {

    .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices,
    .alternate--prices {
        display: none !important;
    }

}

@media screen and (min-width: 768px) {
    .multipart-product {
        .multipart-container {
            display: flex;
            .product-details {
                width: 30%;
            }
            .parts {
                width: 80%;
            }
        }
    }
}