:root {
    --primary-colour: #f5be01;
    --secondary-colour: #fdf5de;
}
body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
    font-weight: bold!important;
}

.catfish-button.is-medium, .button.is-medium {
    font-size: 1rem;
}

.headermenu {
    .my-account-dropdown-link {
        &:before {
            mask: url(/0/Handler/CSSOverride/GetImage/13/account_icon.svg);;
        }
    }
    .basket-link {
        background: transparent;
        font-size: 16px;
        font-weight: bold;
        color: black;
        &:before {
            mask: url(/0/Handler/CSSOverride/GetImage/13/basket_icon.svg);
        }
        &:hover {
            background-color: transparent;
            border-color: transparent;
            color: var(--primary-colour);
        }
    }
    .basket-link, .my-account-dropdown-link {
        &:before {
            content: "";
            width: 1.5rem;
            height: 1.5rem;
            background-color: var(--primary-colour);
            background-repeat: no-repeat;
            background-size: contain;
            margin-right: .5rem;
        }
    }
    .navbar-link, .navbar-item {
        &:not(.navbar-dropdown .navbar-link, .navbar-dropdown .navbar-item) {
            font-size: 16px;
            font-weight: bold;
        }
    }
    .navbar-dropdown {
        border-top: 5px solid var(--primary-colour);
    }
}

footer {
    h3 {
        font-weight: bold !important;
    }
    .ict-image {
        width: 150px;
    }
    .social-links {
        display: flex;
    }
}


.attribute {
    &.name_NrOfStickers {
        display: none;
    }
    &.name_Stock {
        .attribute-value-item {
            max-width: 8rem;
            min-width: 20%;
            .button {
                /* flex-wrap: wrap; */
                height: auto!important;
                flex-direction: column-reverse;
                max-width: 100%;
                white-space: normal;
                border: 0px;
                padding: 0px;
                .text {
                    white-space: normal;
                    font-size: 0.8rem;
                    min-height: 2.5rem;
                    display: block;
                    line-height: 1.4;
                }
                img {
                    border-radius: 100%;
                    overflow: hidden;
                    border: solid 1px #e3e3e3;
                    width: 60px;
                    height: 60px;
                    object-fit: contain;
                }
            }
        }
        input:checked+label.button {
            padding: 0px;
        }
    }
}


.homeFeaturedCategoriesWrapper {
    /* .bestsellers {
        h3 {
            font-weight: bold;
        }
    } */
    .listItem {
        .small-product-item {
            border: none !important;
        }
        .category-item {
            .picture {
                max-height: 80%!important;
                img {
                    object-fit: contain!important;
                }
            }
            .product-title {
                transform: none !important;
                background: transparent !important;
                padding: .5rem 1rem !important;
                a {
                    font-size: 1.5rem !important;
                    font-weight: bold;
                }
            }
        }
    }
}

.homeFeaturedProductsWrapper {
    background: var(--primary-colour);
}

.flexslider {
    .flex-viewport {
        overflow: visible !important;
    }
    .slides {
        li {
            height: 700px;
            opacity: 0;
            &.flex-active-slide {
                opacity: 1;
            }
            .overflow-image {
                img {
                    transform: scale(1.7) rotate(-5deg) translate(5rem, -3.5rem);
                }
            }
        }
    }
}

.three-cta {
    padding-top: 10rem !important;
}

.sparkly-heart-bottom,
.rainbow-heart-top {
    position: absolute;
    width: 200px;
    transform: rotate(20deg);
}

.sparkly-heart-bottom {
    bottom: -10rem;
    right: 0;
}

.rainbow-heart-top {
    top: 0rem;
    left: 0;
}

.catfish-button.is-primary:hover, .catfish-button.is-primary.is-hovered, .button.is-primary:hover, .button.is-primary.is-hovered, input.productlistproductdetailbutton:hover {
    opacity: 0.7;
}

.catfish-button, .button {
    font-weight: bold;
}

.arone-category-page {
    .pager {
        padding-top: 3rem;
        text-align: center;
    }
}

.listItem {
    .item-box {
        .product-item--info {
            .product-item--content {
                padding: 1rem;
            }
            .product-title {
                text-align: center;
                a {
                    color: black;
                }
            }
            .alternate--prices {
                .flex-container {
                    justify-content: center !important;
                    flex-wrap: wrap !important;
                    * {
                        width: 100%;
                        text-align: center;
                    }
                    span.productPrice {
                        padding: .25rem;
                    }
                }
            }
        }
    }
}

.newsletter-section {
    .Header__LogoImage-sc-fiew38-0 {
        display: none;
    }
    .Background__Base-sc-4lq1r6-1 {
        background: transparent !important;
    }
    .WidgetTitle__Header-sc-ruy1gu-2, .WidgetTitle__Caption-sc-ruy1gu-3, .SubmitMessage__Text-sc-n9b9ya-3, .SubmitMessage__Title-sc-n9b9ya-2 {
        color: white;
    }
    label {
    color: white !important;
    }
    .TextControlBase__TextControlBaseContainer-sc-1s66zih-0 {
        background: white !important;
        border-radius: 0px !important;
    }
    button.ButtonBase__ButtonContainer-sc-p43e7i-3 {
        width: 100%;
        border-radius: 0px !important;
        background: var(--primary-colour)!important;
        span.ButtonBase__Overlay-sc-p43e7i-4 {
            background: transparent !important;
            font-size: 1rem !important;
            font-weight: bold!important;
        }
        &:hover {
            opacity: .7;
        }
    }
}

.tabs-container {
    display: inline-block;
    padding-top: 3rem;
    .tab-tirles {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 20px;
        list-style: none;
        margin: 0;
        position: relative;
        padding-bottom: .25rem;
        cursor: pointer;
        &:before {
            content: '';
            border-bottom: 1px solid grey;
            position: absolute;
            bottom: 5px;
            width: 100%;
            height: 1px;
            left: 0;
            right: 0;
            z-index: -1;
        }
        li {
            margin-top: 0px !important;
        }
        span.tab-title.is-active {
            border-bottom: 2px solid var(--primary-colour);
        }
    }
}

.shoppingcart__wrapper, .checkout_message_bottom__wrapper {
    .cartTableWrapper {
        .summaryShortDescription, .summaryShortDescription {
            display: none!important;
            height: 0.001em;
            margin: 0px !important;
        }
    }  
}

.cart_total--subtotal, .cart_total--shipping {
    display:none;
}

.page-dynamicproduct-editor {
    .priceContainer {
        display: none;
    }
}

.has-background-custom-1 {
    background: var(--secondary-colour);
}

.priceScriptMessageItem  {
    &:nth-child(n+2) {
        height: 0.0001em;
        opacity: 0;
    }
}

@media only screen and (max-width: 1300px) {
    .headermenu {
        .navbar-brand {
            img.is-header-logo {
                height: 2rem !important;
            }
        }
        .basket-link {
            .icon.is-relative {
                display: none;
            }
        }
    }
    .flexslider {
        .slides {
            li {
                .overflow-image {
                    img {
                        transform: scale(1.7) rotate(-5deg) translate(5rem, 0rem);
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 1087px) {
    .flexslider {
        .slides {
            li {
                .overflow-image {
                    img {
                        transform: none;
                    }
                }
            }
        }
    }
    .rainbow-heart-top {
        top: -10rem;
        left: -8rem;
    }
}

@media only screen and (max-width: 786px) {
    .flexslider {
        .slides {
            li {
                height: auto;
            }
        }
    }
    .type_RadioList.name_Stock {
        .attribute-item {
            display: flex;
        }
        .attribute-value-item {
            max-width: 33%;
            min-width: 33%;
        }
    }
    .homeFeaturedCategoriesWrapper {
        & .listItem {
            & .category-item {
                .picture {
                    max-height: 75% !important;
                }
            }
        }
    }
}
@media only screen and (max-width: 480px) {
    .type_RadioList.name_Stock {
        .attribute-value-item {
            max-width: 50%;
            min-width: 50%;
        }
    }
    .homeFeaturedCategoriesWrapper {
        & .listItem {
             width: 100%;
            & .category-item {
                .picture {
                    max-height: 85% !important;
                }
            }
        }
    }
}