:root {
    --hastings-pink: #d45466;
    --hastings-grey: #a6a6a6;
    --hastings-blue-dark: #5ca4c0;
    --hastings-blue-light: #00c2cb;
    --hastings-yellow: #ffde59;
    --hastings-red: #CE0026;
}


/* Helper Classes */
.section.has-clipped-background.has-clip-background-pink:before {
    background-color: var(--hastings-pink);
}

.section.has-clipped-background.has-clip-background-lightblue:before {
    background-color: var(--hastings-blue-light);
}

.section.has-clipped-background.has-clip-background-darkblue:before {
    background-color: var(--hastings-blue-dark);
}

.section.has-clipped-background.has-clip-background-yellow:before {
    background-color: var(--hastings-yellow);
}

.section.has-clipped-background.has-clip-background-grey:before {
    background-color: var(--hastings-grey);
}

.has-text-hastings-pink {
    color: var(--hastings-pink);
}

.has-text-hastings-grey {
    color: var(--hastings-grey);
}

.has-text-hastings-blue-dark {
    color: var(--hastings-blue-dark);
}

.has-text-hastings-blue-light {
    color: var(--hastings-blue-light);
}

.has-text-hastings-yellow {
    color: var(--hastings-yellow);
}

.has-text-hastings-red {
    color: var(--hastings-red);
}

.section.top-padding-removed {
    padding-top: 0 !important;
}

.section.bottom-padding-removed {
    padding-bottom: 0 !important;
}

.section.vertical-padding-removed {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Tablet order overwrite */
@media screen and (max-width:1087px) {
    .is-tablet-order-1 {
        order: 1;
    }

    .is-tablet-order-2 {
        order: 2;
    }

    .is-tablet-order-3 {
        order: 3;
    }

    .is-tablet-order-4 {
        order: 4;
    }

    .is-tablet-order-5 {
        order: 5;
    }

    .is-tablet-order-6 {
        order: 6;
    }

    .is-tablet-order-7 {
        order: 7;
    }

    .is-tablet-order-8 {
        order: 8;
    }

    .is-tablet-order-9 {
        order: 9;
    }

    .is-tablet-order-10 {
        order: 10;
    }
}

/* Mobile order overwrite */
@media screen and (max-width:797px) {
    .is-mobile-order-1 {
        order: 1;
    }

    .is-mobile-order-2 {
        order: 2;
    }

    .is-mobile-order-3 {
        order: 3;
    }

    .is-mobile-order-4 {
        order: 4;
    }

    .is-mobile-order-5 {
        order: 5;
    }

    .is-mobile-order-6 {
        order: 6;
    }

    .is-mobile-order-7 {
        order: 7;
    }

    .is-mobile-order-8 {
        order: 8;
    }

    .is-mobile-order-9 {
        order: 9;
    }

    .is-mobile-order-10 {
        order: 10;
    }
}

/* Globals */
h1,
h2,
h3,
h4,
h5 {
    color: var(--hastings-red);
}

.button,
.catfish-button,
img.image-is-rounded,
.arone-product-landing-page .attribute input:checked+label.button {
    transition: 0.3s;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.button:hover,
.catfish-button:hover {
    background-color: var(--hastings-blue-dark);
}

.searchbutton {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.flexslider .flex-direction-nav a.flex-next:before,
.flexslider .flex-direction-nav a.flex-prev:before {
    display: none;
}

/* Header */
.social-media-header-icons a {
    transition: 0.2s;
}

a.navbar-item,
a.navbar-item-within,
a.navbar-item,
a.navbar-item.is-active,
.navbar-link,
.navbar-link-within,
.navbar-link,
.navbar-link.is-active {
    transition: 0.2s;
}

.content-field-navbar .top-menu-split {
    font-size: 1rem;
}

i.fa-user.is-impersonated {
    display: none;
}

i.fa-user-secret {
    display: none;
}

i.fa-user-secret.is-impersonated {
    display: block;
}

.fa.fa-cog {
    font-size: 1.2rem;
}

@media screen and (min-width:1088px) {
    .badge {
        top: -.75rem
    }
}

img.is-header-logo {
    height: 4.5rem;
}

.content-field-navbar .bottom-menu-split {
    border-color: #eaeaea;
}

.top-menu-split .header-desktop-icons a,
.top-menu-split .header-search-column a {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1rem;
}

.column.header-desktop-logo-column {
    display: flex;
    justify-content: center;
    align-items: center;
}

.column.header-desktop-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top-menu-split .header-search-column {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.navbar.two-tier-menu,
.header-spacer.two-tier-spacer {
    height: calc(8.12rem + 5em - 1px);
}

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

    .navbar.two-tier-menu,
    .header-spacer.two-tier-spacer {
        height: calc(11rem + 1px);
    }
}

@media only screen and (min-width: 1280px) {
    .navbar-dropdown.second-dropdown {
        margin-left: 100%;
    }

    #bottom-splitmenu .navbar-item.has-dropdown .navbar-dropdown {
        display: block !important;
        overflow: hidden;
        max-height: 0px;
        padding-bottom: 0;
        padding-top: 0;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    #bottom-splitmenu .navbar-item.is-active .navbar-dropdown,
    #bottom-splitmenu .navbar-item.is-hoverable:focus .navbar-dropdown,
    #bottom-splitmenu .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    #bottom-splitmenu .navbar-item.is-hoverable:hover .navbar-dropdown {
        max-height: 600px;
        opacity: 1;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .navbar-item.has-dropdown .navbar-dropdown {
        box-shadow: none;
        border-top: none;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .navbar-item.has-two-dropdowns .navbar-dropdown.second-dropdown {
        border-left: solid 1px;
    }
}

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

    .bottom-menu-split #bottom-splitmenu.navbar-menu .navbar>.navbar-item.has-two-dropdowns .first-dropdown {
        max-width: 10rem;
    }

    .bottom-menu-split #bottom-splitmenu.navbar-menu .navbar>.navbar-item.has-two-dropdowns .second-dropdown {
        max-width: 10rem;
        margin-left: 100%;
    }

    .bottom-menu-split #bottom-splitmenu.navbar-menu .navbar>.navbar-item.has-two-dropdowns .first-dropdown a,
    .bottom-menu-split #bottom-splitmenu.navbar-menu .navbar>.navbar-item.has-two-dropdowns .second-dropdown a {
        white-space: normal;
    }
}

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

    .navbar.is-fixed-top .navbar-menu,
    .navbar.is-fixed-top-touch .navbar-menu {
        max-height: calc(100vh - 9.5em);
    }

    .header-search-column .top-menu-search-icon {
        height: 2.75em;
        display: flex;
        align-items: center;
    }
}

.header-search-column .top-menu-search-icon {
    color: var(--hastings-pink);
}

.header-search-column .top-menu-search-icon:hover {
    color: var(--hastings-pink);
}

.header-search-column .fa-search {
    font-size: 1.5rem;
}


#main-nav .columns.is-gapless {
    margin-top: 1.5rem;
}

.header-desktop-logo-column a {
    line-height: 0;
}

.search-box .searchbox_wrapper .searchbutton {
    color: white;
    background: var(--hastings-pink);
    border: solid 1px var(--hastings-pink);
    border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -ms-border-radius: 0 30px 30px 0;
    -o-border-radius: 0 30px 30px 0;
}

.search-box .searchbox_wrapper .searchbutton:hover {
    color: white;
    background: var(--hastings-blue-dark);
    border-color: var(--hastings-blue-dark);
}

.search-box .searchbox {
    border: none;
    box-shadow: none;
    border-radius: 30px 0 0 30px;
    padding-left: 1.25rem;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
}

@media screen and (min-width:1088px) {
    .search-box .searchbox {
        background: rgba(212, 84, 102, 10%);
    }
}

.top-menu-split .header-search-column {
    order: 1;
    justify-content: center;
}

.column.header-desktop-logo-column {
    order: 0;
    justify-content: flex-start;
}

.column.header-desktop-icons {
    order: 2;
}

@media only screen and (max-width:1087px) {
    .content-field-navbar .bottom-menu-split {
        border: none;
    }

    .navbar-start.mobile-account-icons {
        display: flex;
        justify-content: space-evenly;
    }

    .fa.fa-cog {
        transform: translatey(0.2rem);
        -webkit-transform: translatey(0.2rem);
        -moz-transform: translatey(0.2rem);
        -ms-transform: translatey(0.2rem);
        -o-transform: translatey(0.2rem);
    }
}



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

    .top-menu-search-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .top-menu-search-wrapper .search-box {
        max-width: 100%;
    }

    .top-menu-search-wrapper {
        position: fixed;
        left: 20px;
        right: 20px;
        width: calc(100% - 40px);
        transform: translatey(6.62rem);
        -webkit-transform: translatey(6.62rem);
        -moz-transform: translatey(6.62rem);
        -ms-transform: translatey(6.62rem);
        -o-transform: translatey(6.62rem);
    }

    .top-menu-search-wrapper:after {
        content: "";
        position: fixed;
        top: calc(-1.38rem - 1px);
        left: -20px;
        width: calc(100% + 40px);
        height: calc(100% + 2.72rem);
        background: var(--hastings-blue-dark);
        z-index: -1;
    }

    .search-box .searchbox {
        border: none;
    }

    img.is-header-logo {
        max-height: 3.75rem;
    }

    .badge {
        right: -0.25rem;
        top: -0.65rem;
    }
}

.header-search-column .top-menu-search-icon {
    display: none;
}

@media screen and (max-width:1087px) {
    .navbar-divider {
        display: block;
    }
}

/* Header social media icons */
.social-media-header-icons a {
    color: black;
}

.social-media-header-icons a:hover {
    color: var(--hastings-pink);
}

@media screen and (max-width:1087px) {
    .social-media-header-icons {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 0 auto;
    }
}

@media screen and (min-width:1088px) {
    .social-media-header-icons {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        position: fixed;
        top: 5px;
        right: 5px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .top-menu-split .header-desktop-icons .social-media-header-icons a {
        padding: 0;
    }
}

@media screen and (min-width:1088px) {
    .social-media-header-icons {
        max-width: calc(100vw - 960px);
        /*Calc 100vw - container max width - half padding (for space)*/
    }
}

@media screen and (min-width:1280px) {
    .social-media-header-icons {
        max-width: calc(100vw - 1152px + 16px);
        /*Calc 100vw - container max width - half padding (for space)*/
    }
}

@media screen and (min-width:1472px) {
    .social-media-header-icons {
        max-width: calc(100vw - 1440px + 32px);
        /*Calc 100vw - container max width - half padding (for space)*/
    }
}

/* Burger menu animation */
@media screen and (max-width: 1087px) {
    .navbar-menu {
        display: block;
        transform: translatex(100%);
        -webkit-transform: translatex(100%);
        -moz-transform: translatex(100%);
        -ms-transform: translatex(100%);
        -o-transform: translatex(100%);
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar-menu.is-active {
        display: block;
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
    }

    .navbar-menu {
        top: 6rem;
        border-top: solid 1px #eaeaea;
    }
}



/* Mobile toggle */
@media screen and (max-width:1087px) {
    /* Everything in this MQ is to give the arrow toggle functionality on tablet/mobile devices */

    .navbar-item.has-dropdown .navbar-dropdown,
    .navbar-item.has-dropdown .navbar-dropdown .navbar-item {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0rem;
        opacity: 0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }


    .navbar-item.has-dropdown .navbar-dropdown .navbar-item span.currency-selector,
    .navbar-item.has-dropdown .navbar-dropdown .navbar-item span.language-list-container {
        /* Important required due to specificity. If this is not hidden when the My Account container is not active, the padding etc. will still be shown and cause a pointless scroll.
     Thanks to the transition time for the My Account dropdown's height, there is no transition needed for showing/hiding this section*/
        display: none !important;
    }

    .navbar-item.has-dropdown {
        z-index: 10;
    }

    .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item span.currency-selector,
    .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item span.language-list-container {
        display: block !important;
    }

    .navbar-item.has-dropdown.is-active .navbar-dropdown {
        max-height: 100rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        opacity: 1;
    }

    .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item {
        max-height: 100rem;
        opacity: 1;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .navbar-item.has-dropdown .navbar-link:not(.is-arrowless)::after {
        transform: rotate(-135deg) translatey(-0.2rem);
        -webkit-transform: rotate(-135deg) translatey(-0.2rem);
        -moz-transform: rotate(-135deg) translatey(-0.2rem);
        -ms-transform: rotate(-135deg) translatey(-0.2rem);
        -o-transform: rotate(-135deg) translatey(-0.2rem);
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }

    .navbar-item.has-dropdown.is-active .navbar-link:not(.is-arrowless)::after {
        transform: rotate(-45deg) translatey(-0.2rem);
        -webkit-transform: rotate(-45deg) translatey(-0.2rem);
        -moz-transform: rotate(-45deg) translatey(-0.2rem);
        -ms-transform: rotate(-45deg) translatey(-0.2rem);
        -o-transform: rotate(-45deg) translatey(-0.2rem);
    }

    .navbar-search-toggle .fa-search {
        font-size: 1.3rem;
    }

    a.mobile-dropdown-toggle {
        width: 4rem;
        height: 2.5rem;
        position: absolute;
        right: 0;
        z-index: 25;
    }
}

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

    .navbar-dropdown a.navbar-item,
    .navbar-dropdown a.navbar-item {
        background-color: transparent;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
        background-color: #5ca4c0;
        color: white;
    }
}

.flexslider .title.slide-title {
    font-size: 3.5rem;
    color: white;
    text-shadow: 1px 1px 3px black;
    line-height: 3.5rem;
    font-weight: 500;
}

.buttons.slide-cta-buttons .button {
    font-size: 1.2rem;
}

.flexslider .columns .image-column img {
    max-height: 23rem;
}

.flexslider .columns .image-column {
    text-align: center;
}

.flexslider .slides .columns {
    margin-left: 0;
    margin-right: 0;
    transform: translate(0px, calc(-50% + 20px)) !important;
    -webkit-transform: translate(0px, calc(-50% + 20px)) !important;
    -moz-transform: translate(0px, calc(-50% + 20px)) !important;
    -ms-transform: translate(0px, calc(-50% + 20px)) !important;
    -o-transform: translate(0px, calc(-50% + 20px)) !important;
}

#sliderrow .flexslider.direction-nav-hidden .flex-direction-nav {
    display: none;
}

@media screen and (min-width:768px) {
    #sliderrow .flexslider {
        height: 400px;
    }
}

@media screen and (max-width:979px) {
    .flexslider .slides li.feature-image-right .columns {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .flexslider .slides li.feature-image-right .columns .content-column,
    .flexslider .slides li.feature-image-right .columns .image-column {
        flex: none;
        width: 100%;
    }

    .flexslider .slides li.feature-image-right .columns .image-column {
        order: 0;
    }

    .flexslider .slides li.feature-image-right .columns .content-column {
        order: 1;
    }
}


.buttons.slide-cta-buttons {
    margin-top: 1.5rem;
}

li.no-text-or-title.slide-url-enabled.no-cta-buttons.no-feature-image .columns {
    height: 100%;
}

.no-feature-image .content-column {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

/* Owl Carousel */
.owl-carousel img {
    height: 100px;
    margin: 0 auto;
}

.owl-carousel .owl-item img {
    object-fit: contain;
}

.owl-item .carousel-icon-item a h3 {
    text-align: center;
    font-size: 1.2rem;
}

.owl-stage {
    display: flex;
    align-items: baseline;
}


.contains-owl-carousel {
    overflow: hidden !important;
}

.contains-owl-carousel .column {
    max-width: 100vw;
    overflow: hidden;
}

@media screen and (min-width:1088px) {
    .contains-owl-carousel .column {
        max-width: 960px;
        overflow: hidden;
    }
}

@media screen and (min-width:1280px) {
    .contains-owl-carousel .column {
        max-width: 1152px;
        overflow: hidden;
    }
}

@media screen and (min-width:1472px) {
    .contains-owl-carousel .column {
        max-width: 1440px;
        overflow: hidden;
    }
}

.columns.contains-owl-carousel {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.contains-owl-carousel>.column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Testimonials */
.item.carousel-testimonial-item {
    padding: 2rem;
    background: rgba(166, 166, 166, 0.2);
    border-radius: 30px;
}

h2.testimonial-source {
    font-style: italic;
    font-size: 1.2rem;
}

/* Trust badges */

.section.trust-badges .columns .column img {
    max-height: 12rem;
}

@media screen and (max-width:767px) {
    .section.trust-badges .columns .column {
        width: 100%;
        max-width: 100%;
    }
}

/* .section.trust-badges .columns:before {
    content: "";
    background: white;
    width: 5rem;
    height: 5rem;
    top: -6rem;
    position: absolute;
    clip-path: polygon(50% 75%, 0 0, 100% 0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.section.trust-badges.indicate-left .columns:before {
    left: 16.66%;
}

.section.trust-badges.indicate-center .columns:before {
    left: calc(50% - 2.5rem);
}

.section.trust-badges.indicate-right .columns:before {
    right: 16.66%;
} */

/* Clipped Background */

.section.has-clipped-background {
    position: relative;
}

@media screen and (min-width:768px) {
    .section.has-clipped-background.has-clip-left:before {
        content: "";
        height: calc(100% + 6rem);
        position: absolute;
        left: 0;
        bottom: 0;
        clip-path: polygon(0 20%, 100% 65%, 100% 100%, 0% 100%);
    }

    .section.has-clipped-background.has-clip-right:before {
        content: "";
        height: calc(100% + 6rem);
        position: absolute;
        right: 0;
        bottom: 0;
        clip-path: polygon(0 65%, 100% 20%, 100% 100%, 0% 100%);
    }

    .section.has-clipped-background:before {
        width: 50%;
    }

}

@media screen and (max-width:767px) {
    .section.has-clipped-background.has-clip-left:before {
        content: "";
        height: calc(100% + 6rem);
        position: absolute;
        left: 0;
        top: 0;
        clip-path: polygon(0 0, 100% 0, 100% 20%, 0% 60%);
    }

    .section.has-clipped-background.has-clip-right:before {
        content: "";
        height: calc(100% + 6rem);
        position: absolute;
        right: 0;
        top: 0;
        clip-path: polygon(0 0, 100% 0, 100% 60%, 0% 20%);
    }

    .section.has-clipped-background:before {
        width: 100%;
    }

    .two-column-image-column {
        order: 0;
    }

    .two-column-content-column {
        order: 1;
    }
}

@media screen and (max-width:399px) {
    .section.has-clipped-background.has-clip-left:before {
        content: "";
        height: calc(100% + 6rem);
        position: absolute;
        left: 0;
        top: 0;
        clip-path: polygon(0 0, 100% 0, 100% 20%, 0% 40%);
    }

    .section.has-clipped-background.has-clip-right:before {
        content: "";
        height: calc(100% + 6rem);
        position: absolute;
        right: 0;
        top: 0;
        clip-path: polygon(0 0, 100% 0, 100% 40%, 0% 20%);
    }
}

/* Footer */
.catfish-footer h3 {
    color: var(--hastings-blue-dark);
}

.catfish-footer ul li a:hover {
    color: var(--hastings-pink);
}

.catfish-footer .footerinner .column:nth-child(1) h3 {
    display: none;
}

.catfish-footer .footerinner .column:nth-child(1) img {
    width: auto;
    height: 4.5rem;
}

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

    .catfish-footer .columns.footerinner .column,
    .catfish-footer .columns.footerinner .column ul {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .catfish-footer .columns.footerinner .column ul.footer-social-media-links {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
}

/* Product landing page */
.section.additional-description-section>.container {
    max-width: 100%;
    padding: 0;
}

.section.additional-description-section {
    padding: 0;
}

/* AddExtraButton custom class hiding */

.arone-product-landing-page.AddExtraButton .product-variant-line :is(.block:not(:last-child), .quantity-wrapper, .add-to-cart-buttons-wrapper, .column.price),
.arone-product-landing-page.AddExtraButton .details-wrapper .hero.is-primary {
    display: none;
}

/* Homepage Products */


.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--image .picture .image img,
.arone-category-page .listWrapper .listItem .item-box .catfish-default-product-box .product-item--image .picture .image img,
.related-products-section .picture .image img {
    border-radius: 30px;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .small-product-item .product-item--info .catfish-button,
.arone-category-page .listWrapper .listItem .product-item--info .catfish-button {
    transition: 0.3s;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .small-product-item .product-item--info .catfish-button:hover,
.arone-category-page .listWrapper .listItem .product-item--info .catfish-button:hover {
    background-color: var(--hastings-blue-dark);
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .product-item--content,
.arone-category-page .listWrapper .listItem .item-box .product-item--info .product-item--content,
.related-products-section .listWrapper .listItem .item-box .product-item--info .product-item--content {
    padding-left: 1rem;
    padding-right: 1rem;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info,
.arone-category-page .listWrapper .listItem .item-box .product-item--info,
.related-products-section .listWrapper .listItem .item-box .product-item--info {
    padding-top: 1rem;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .cart-item__price,
.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices {
    display: none !important;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .productlistaddtocartbutton {
    display: none;
}

/* Homepage Categories */

.homeFeaturedCategoriesWrapper .picture:after,
.homeFeaturedProductsWrapper .picture .image:after,
.arone-category-page .product-item .picture .image:after,
.product-grid .picture:after,
.related-products-section .picture .image:after {
    content: "";
    background-color: transparent;
    width: 100%;
    top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-duration: 1s;
    pointer-events: none;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.homeFeaturedCategoriesWrapper .small-product-item:hover .picture:after,
.homeFeaturedProductsWrapper .small-product-item:hover .picture .image:after,
.arone-category-page .product-item:hover .picture .image:after,
.product-grid .small-product-item:hover .picture:after,
.related-products-section .product-item:hover .picture .image:after {
    background-color: #f2f2f26b;
}


.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title,
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title {
    background-color: transparent;
    display: flex;
    padding: 0rem;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a,
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title a {
    background-color: var(--hastings-pink);
    color: white;
    padding: 1rem;
    width: 100%;
    transition: 0.3s;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a:hover {
    background-color: var(--hastings-blue-dark);
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture {
    max-height: 80%;
    border: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .category-short-description {
    display: none;
}

.homeFeaturedCategoriesWrapper {
    padding-top: 3rem;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item {
    border-top: none;
}

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

    .homeFeaturedCategoriesWrapper .listWrapper .column.listItem,
    .homeFeaturedProductsWrapper .listWrapper .column.listItem,
    .related-products-section .listWrapper .column.listItem,
    .arone-category-page .category-product-section .listWrapper .listItem {
        width: 100%;
    }
}

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

    .homeFeaturedCategoriesWrapper .listWrapper .column.listItem,
    .homeFeaturedProductsWrapper .listWrapper .column.listItem,
    .related-products-section .listWrapper .column.listItem,
    .arone-category-page .category-product-section .listWrapper .listItem {
        width: 50%;
    }
}

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

    .homeFeaturedCategoriesWrapper .listWrapper .column.listItem,
    .homeFeaturedProductsWrapper .listWrapper .column.listItem,
    .related-products-section .listWrapper .column.listItem,
    .arone-category-page .category-product-section .listWrapper .listItem {
        width: 33.33%;
    }
}

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

    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a,
    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title a {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

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

    .homeFeaturedCategoriesWrapper .listWrapper .column.listItem,
    .homeFeaturedProductsWrapper .listWrapper .column.listItem,
    .related-products-section .listWrapper .column.listItem,
    .arone-category-page .category-product-section .listWrapper .listItem {
        width: 25%;
    }
}

@media screen and (min-width:1088px) and (max-width:1279px) {

    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a,
    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title a {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

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

    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a,
    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title a {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

/* Topic pages / Content Pages */


/* Blogposts */
.blogpost .postdate {
    display: none;
}

.blog.blog-page {
    padding-top: 0;
}

.blog.blog-page .page-title {
    margin-bottom: 3rem;
}

.blog.blog-page .page-title .title {
    text-align: center;
}

.blog.blog-page .page-title .title h1 {
    color: white;
    margin: 0;
}

.blogpost .blogpost__featureimage {
    display: none;
}

.blogpost .postbody {
    margin-bottom: 0;
}

@media screen and (min-width:1088px) {
    .section.feature-image-section {
        padding-top: 0;
    }
}

.blogpost .page-title h1,
.postdate.is-fullwidth {
    color: var(--hastings-blue-dark);
}

.blogpost .tags,
.blog-page .blogposts .blogposts-list .post .post-content .post-info .tags,
.blogcomments {
    display: none;
}

.blogpost .postlinks .nextandprevious-link a {
    color: var(--hastings-blue-dark);
    transition: 0.2s;
    font-size: 1.2rem;

}

.blogpost .postlinks .nextandprevious-link a:hover {
    color: var(--hastings-pink);
}

.blogpost .postlinks .nextandprevious-title a {
    display: block;
}

@media screen and (max-width:767px) {
    .blogsearch__search-inputs .catfish-input {
        min-width: 100%;
    }

    .blogsearch__search-inputs {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        min-height: 10rem;
    }

    .blog-page .page-title h1 {
        margin-bottom: 0.75rem;
    }

    .blogpost .postlinks .nextandprevious-link {
        text-align: center;
    }

    .blogpost .postlinks .nextandprevious-link a {
        font-size: 1.8rem;
    }

    .blogpost .postlinks .nextandprevious-title a {
        font-size: 1.8rem;
        text-align: center;
    }
}

.blogposts-list .post-info a:last-of-type {
    display: none;
}

.postlinks .image img {
    border-radius: 30px;
}

.blogpost {
    padding: 0;
}

@media screen and (min-width:768px) {
    .blogpost #nextblog #title {
        text-align: end;
    }
}

.postlinks-content .nextandprevious-image,
.postlinks-content .nextandprevious-title {
    display: none;
}

.blogpost .postlinks #previousblog .nextandprevious-link a:before {
    content: "\f060";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    padding-right: 1rem;
}

.blogpost .postlinks #nextblog .nextandprevious-link a:after {
    content: "\f061";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    padding-left: 1rem;
}

.blogpost .postlinks .nextandprevious-link a {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.blogpost .postlinks #nextblog .nextandprevious-link a {
    justify-content: flex-end;
}

@media screen and (max-width:767px) {
    .columns.postlinks-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}

.postlinks-content #previousblog,
.postlinks-content #nextblog {
    width: auto;
}

.postlinks-content {
    justify-content: space-between;
}

.postlinks-content #previousblog #title a,
.postlinks-content #nextblog #title a {
    font-size: 1.5rem;
}

.column.blog-subtitle {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

section.custom-blog-header-section {
    padding-bottom: 0;
}

.section.custom-blog-content-section>.container {
    padding-left: calc(2rem + 20px);
    padding-right: calc(2rem + 20px);
}

@media screen and (min-width:768px) {
    .section.custom-blog-content-section>.container {
        padding-left: calc(2rem + 64px);
        padding-right: calc(2rem + 64px);
    }
}

/* Blog cards */
.blog-page .blogposts .blogposts-list .post .post-content img {
    border-radius: 30px;
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogtitle {
    font-weight: 700;
    font-size: 1.2rem;
}

.blog-page .blogposts .blogposts-list .post .post-content {
    background: transparent;
}

.custom-blog-header-section .container > .columns .image-is-not-rounded {
    border-radius: 30px;
}


.blog.cards .column.blog-card-column {
    border-radius: 30px;
}

@media screen and (min-width:768px){
    .blog.cards .column.blog-card-column {
        width:33.33333%;
    }    

    .blog.cards.columns{
        justify-content: flex-start!important;
    }
}

@media screen and (min-width:1088px){
    .blog.cards .column.blog-card-column {
        width:25%;
    }    
}


.blog.cards img.blog-card-image {
    border-radius: 30px 30px 0 0px;
}



/* ICT social media links */
.ict-social-media-links a {
    color: black;
    transition: 0.2s;
    font-size: 1.25rem;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.ict-social-media-links a:hover {
    color: var(--hastings-pink);
}

ul.ict-social-media-links.list-style-columns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.ict-social-media-links.list-style-columns.two-per-row li {
    width: 50%;
}

ul.ict-social-media-links.list-style-columns.three-per-row li {
    width: 33.33%;
}

ul.ict-social-media-links.list-style-columns.four-per-row li {
    width: 25%;
}

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

    ul.ict-social-media-links.list-style-columns.two-per-row li,
    ul.ict-social-media-links.list-style-columns.three-per-row li,
    ul.ict-social-media-links.list-style-columns.four-per-row li {
        width: 100%;
    }
}

/* ============================= */
/* Category content order changed - so breadcrumbs is below hero banner */
.generalPageWrapper .clearfix>.arone-category-page {
    display: flex;
    flex-direction: column;
}

.generalPageWrapper .clearfix .arone-category-page>.category-hero-section {
    order: 1;
}

.generalPageWrapper .clearfix .arone-category-page>.breadcrumb-section {
    order: 2;
}

.generalPageWrapper .clearfix .arone-category-page>.catfish-container {
    order: 3;
}

/* Blog cards */
.column.blog-card-column {
    background: #fafafa;
    background-clip: content-box;
}

.blog-card-content {
    padding: 1rem;
}

.blog-card-content h3 {
    color: var(--hastings-pink) !important;
}

.blog-card-content .ict-paragraph {
    color: black !important;
}

@media screen and (min-width:1088px) {
    .column.blog-card-column {
        transform: scale(1);
        transition: 0.3s;
    }

    .column.blog-card-column:hover {
        transform: scale(1.05);
    }
}

/* Flexslider loading animation START */
.arone-slider #sliderrow .flexslider:after {
    opacity: 100;
    transition: 0.3s;
    content: "";
    border-top: solid 7px #d45466;
    border-right: solid 7px transparent;
    border-bottom: solid 7px #5ca4c0;
    border-left: solid 7px transparent;
    border-radius: 10rem;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: calc(50% - 2.5rem);
    bottom: calc(50% - 2.5rem);
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.arone-slider #sliderrow .flexslider .slides {
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.arone-slider #sliderrow .flexslider.loaded:after {
    opacity: 0;
}

.arone-slider #sliderrow .flexslider.loaded .slides {
    opacity: 100;
}

.arone-slider #sliderrow .flexslider ul.flex-direction-nav {
    opacity: 0;
    transform: 0.3s;
    -webkit-transform: 0.3s;
    -moz-transform: 0.3s;
    -ms-transform: 0.3s;
    -o-transform: 0.3s;
}

.arone-slider #sliderrow .flexslider.loaded ul.flex-direction-nav {
    opacity: 1;
}

/* Flexslider loading animation END */

/* Builder content template slider fix */
.flexslider.infigo-slider .slides .columns {
    margin-left: calc(-1 * 1rem);
    margin-right: calc(-1 * 1rem);
    transform: none !important;
}

.flexslider.infigo-slider .slides>li>.container {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 768px),
print {
    .flexslider.infigo-slider .slides>li>.container {
        padding-left: 64px;
        padding-right: 64px;
    }
}

/* Delivery included text */
.arone-product-landing-page .productPrice:after {
    content: "Delivery included in price!";
    font-size: 0.8em;
    display: flex;
    color: #d45466;
}