:root {
    --lmBrownLight: #ECE3D4;
    --lmGreen: #008B9D;
    --lmTeal: #028c9e;
    --lmDarkGreen: #002d38;
    --lmPurple: #5d2c8b;
    --lmCream: #fcf9ec;
    --lmDarkText: #002d3c;
    --lmOrange: #f18500;
}

body {
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6 {
    font-family: ITC Avant Garde Gothic!important;
    font-weight: bold!important;
}

.has-background-custom-1 {
    background: var(--lmDarkGreen);
}
.has-background-custom-3 {
    background: var(--lmTeal);
}
.has-background-custom-4 {
    background: var(--lmOrange);
}

a.button.has-style-custom-1 {
    background: var(--lmPurple);
}

.has-text-white, .has-text-white a {
    color: white;
}

a.button.is-medium.is-primary {
    padding: .5rem 6rem .5rem 6rem;
    height: auto;
    margin-top: 3rem;
}

button#checkDepartmentChanged, .confirmordernextstepbutton, a.button.has-style-custom-1, .addaddressbutton, .changepasswordbutton, .newpasswordbutton, input#updatecart, input#deleteall, .back-link a, button.newaddressnextstepbutton, button.shippingmethodnextstepbutton.catfish-button, .page-catalog-search input#btnsearch {
    padding: .5rem 6rem .5rem 6rem;
    height: auto;
}

.layout--accountPage, .page-customer-passwordrecovery .password-recovery-container, .password-recovery-confirmation, .page-multipartproduct-editor .multipartUi-V2 {
    background-color: var(--lmBrownLight);
}

.arone-footer {
    .ict-dedicated-footer-column-1 {
        width: 45%;
    }
    .ict-dedicated-footer-column-2, .ict-dedicated-footer-column-3 {
        width: 15%;
    } 

    .ict-dedicated-footer-column-4  {
        &> div {
            height: 100%;
            justify-content: end;
            .footer-socials {
                display: flex !important;
                border-top: 1px solid white;
                padding-top: 1rem;
            }
        }
    }
    .image.dedicated-footer-logo {
        img {
            height: auto;
            width: 300px;
            margin-bottom: 4rem;
        }
    }
}
.headermenu {
    z-index: 99999;
    position: relative;
    .navbar {
        background-color: transparent;
        transition: background-color 0.6s ease;
        &.navbar--scrolled {
            background-color: white;
            .navbar-end {
                .my-account-dropdown-link, .basket-link, .navbar-search-toggle, .login-link {
                    color: var(--lmDarkText)!important;
                }
                .my-account-dropdown-link::after {
                    border-color: var(--lmDarkText)
                }
            }
        }
        .navbar-item, .navbar-link {
            &:not(.navbar-dropdown a.navbar-item), &:not(.navbar-dropdown .navbar-link) {
                font-weight: bold;
            }
            &.has-dropdown {
                &:hover {
                    .navbar-link {
                        &::after {
                            transform: rotate(-225deg);
                            transition: .25s ease-in-out;
                            border-color: var(--lmGreen);
                        }
                    }
                }
            }
        }
        .navbar-dropdown {
            border-top: none;
        }
        .navbar-end {
            .basket-link {
                color: black;
                background-color: transparent !important;
                font-size: 1rem !important;
            }
        }
    }
    .nav-search-container {
        transform: translatey(5.71429em);
        opacity: 0;
        pointer-events: none;
        transition: .6s ease;
        .search-box {
            background: white;
            padding: 3rem 2rem;
            margin: 0px;
        }
        &.is-active {
            opacity: 1;
            pointer-events: all;
            
        }
    }
}

section.banner {
    &:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--lmBrownLight);
        z-index: -1;
    }
    .ict-right-column {
        img {
            z-index: 99998;
            position: relative;
        }
    }
    h1 {
        font-size: 3.3em !important;
    }
}

.homeFeaturedCategoriesWrapper {
    display: none;
}

.homeFeaturedProductsWrapper, .related-products-section, .search-results {
    #homeFeaturedProductsTitleRow {
        padding-bottom: 2rem;
    }
    .product-item--info {
        padding: 0px!important;
        .add-info {
            display: none;
        }
        .product-item--content {
            text-align: center;
            padding: 1.5rem 2rem;
            background: white;
            height: 100%;
            display: flex;
            align-content: center;
            flex-wrap: wrap;
            justify-content: center;
            background: white;
            h2.product-title.click-trigger {
                margin: 0px !important;
            }
            .alternate--prices, .description {
                display: none !important;
                margin: 0px !important;
            }
        }
        .product-item--image {
            .picture {
                background-color: var(--lmBrownLight);
            }
        }
    }
    .product-item {
        background-color: var(--lmBrownLight);
        &:hover {
            background-color: var(--lmDarkGreen)!important;
            .product-item--content {
                background-color: var(--lmDarkGreen)!important;
                .product-title {
                    a {
                        color: white!important;
                    }
                }
            }
        }
    }
}

.homeFeaturedProductsWrapper {
    background: var(--lmCream);
    .listWrapper {
        justify-content: center;
    }
}

.five-reason-cta .image {
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.image-text-split {
    position: relative;
    .columns {
        margin: 0px !important;
        .image-side {
            .image {
                display: block;
                position: unset;
                img {
                    position: absolute;
                    top: 0;
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }
            }
        }
    }
    &.image-left {
        position: relative;
        &::after {
            content: "";
            background-image: url(/0/Handler/CSSOverride/GetImage/8/pink.png);
            position: absolute;
            bottom: -130px;
            right: -235px;
            height: 400px;
            width: 400px;
            background-repeat: no-repeat;
            transform: rotate(30deg);
            background-size: contain;
        }
        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            background-image: url(/0/Handler/CSSOverride/GetImage/8/yellow-clipped.png);
            height: 100%;
            width: 51vw;
            z-index: 99;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .image-side {
            .image {
                img {
                    left: -50%;
                }
            }
        }
        .text-side {
            padding: 6rem 0 6rem 6rem !important;
        }
    }
    &.image-right {
        position: relative;
        &:after {
            content: '';
            background-image: url(/0/Handler/CSSOverride/GetImage/8/orange.png);
            position: absolute;
            top: -200px;
            right: -200px;
            height: 400px;
            width: 400px;
            background-repeat: no-repeat;
            transform: rotate(-245deg);
        }
        .image-side {
            .image {
                img {
                    right: -50%;
                }
            }
        }
        .text-side {
            padding: 6rem  6rem 6rem 0!important;
        }
    }
}

.arone-category-page {
    .hero {
        &.is-primary {
            &.category-hero-section {
                background-color: var(--lmBrownLight) !important;
                color: var(--lmDarkText);
                height: 600px;
                .container, .banner, .category-description-wrapper, .hero-body {
                    height: 100%;
                }
            }
        }
    }
    .pager {
        text-align: center; 
        padding-tOP: 3rem;
    }

    .category-intro-wrapper {
        text-align: center;
        padding-top: 6rem !important;
        padding-bottom: 3rem !important;
    }
    .category-subcategory-section {
        padding-bottom: 1.5rem;
        padding-top: 0px;
        .sub-category-grid {
            .listWrapper {
                .item-box {
                    border-top: none;
                    &::after {
                        display: none;
                    }
                    .picture {
                        background-color: var(--lmBrownLight);
                    }
                    &:hover {
                        .picture {
                            background-color: var(--lmDarkGreen);
                        }
                    }
                    .sub-category-item {
                        background: var(--lmCream);
                        position: relative;
                        display: flex;
                        flex-direction: column-reverse;
                        width: 100%;
                        height: 100%;
                        .category-title {
                            position: relative;
                            transform: none;
                            font-size: 1.2em;
                        }
                        &:hover {
                           
                            .category-title {
                                background: var(--lmDarkGreen);
                                a {
                                    color: white!important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .category-product-section {
        padding-top: 0px;
        padding-bottom: 9rem;
        .listWrapper {
            justify-content: center;
        }
        .product-item {
            .picture {
                background-color: var(--lmBrownLight);
            }
            &:hover {
                .product-item--content {
                    background-color: var(--lmDarkGreen)!important;
                    .product-title {
                        a {
                            color: white!important;
                        }
                    }
                }
               .picture {
                    background-color: var(--lmDarkGreen)!important;
                }
            }
            .product-item--info {
                padding: 0px!important;
                .add-info, .description, .alternate--prices {
                    display: none !important;
                    margin: 0px !important;
                }
                .product-item--content {
                    text-align: center;
                    padding: 1.5rem 2rem;
                    background: var(--lmCream);
                    height: 100%;
                    justify-content: center;
                    align-items: center;
                    display: flex;
                    flex-wrap: wrap;
                    h2.product-title.click-trigger {
                        margin: 0px !important;
                    }
                }
                .product-item--image {
                    .picture {
                        background-color: var(--lmBrownLight);
                    }
                }
            }
        }
    }
}

.search-results {
    .pager {
        text-align: center;
        padding: 3rem 0;
    }

    .product-grid {
        .product-item {
            background-color: var(--lmCream);
        }
    }
}

.arone-product-landing-page {
    .breadcrumb-section {
        display: none;
    }
    .product-info-section {
        background-color: var(--lmBrownLight);
    }
    .bigpicture {
        img {
            background-color: var(--lmCream);
        }
    }
    .dynamic-preview__secondary-picture-container {
        .thumb {
            width: 25%;
            flex-grow: unset;
            flex-basis: unset;
            img {
                background-color: var(--lmCream);
            }
        }
    }
    .product-variant-list {
        .price-quantity-start-wrapper {
            .columns {
                .column {
                    display: flex;
                    align-items: center;
                    &.price {
                        width: 30%;
                        order: 2;
                        justify-content: end;
                        .productPrice {
                            font-weight: bold;
                            font-size: 1.75rem;
                            position: relative;
                            &:before {
                                content: 'Total: AUS';
                            }
                        }
                    }
                    &.quantity-wrapper {
                        width: 70%;
                        order: 1;
                        &> .field {
                            width: 100%;
                            .field-label.is-normal {
                                padding-top: 0px;
                                display: flex;
                                align-items: center;
                            }
                        }
                    }
                    &.add-to-cart-buttons-wrapper {
                        width: 100%;
                        flex: unset;
                        order: 3;
                        .productvariantaddtocartbutton {
                            background-color: var(--lmPurple);
                            font-size: 1.2em;
                        }
                    }
                }
            }
        }
    }
    .additional-description-section {
        display: none;
    }
    .attribute label.button {
        border-color: var(--lmDarkGreen);
    }
}

#lbOverlay, #lbCenter, #lbBottomContainer {
    display: none!important;
}

.related-products-section {
    background-color: var(--lmGreen) !important;
    padding-top: 9rem!important;
    position: relative;
    &:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 499px;
        background-image: url('/0/Handler/CSSOverride/GetImage/8/cream-drip.png');
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 99;
        pointer-events: none;
    }
    h3.title {
        text-align: center;
        color: var(--lmDarkGreen)!important;
    }
}

.page-customer-login {
    div#contentiInnerRow {
        background-color: var(--lmBrownLight);
        .page-title {
            h1 {
                text-align:center;
                padding-bottom: 3rem;
            }
        }
         .returning-wrapper__inner, .register-customer-wrapper form {
            background-color: white;
            padding: 3rem;
        }
        .login__wrapper {
            max-width: unset !important;
             #register-button {
                width: 100%;
            }
        }
    }
   
}

.page-multipartproduct-editor {
    .multipartUi-V2 {
        padding: 9rem 0;
    }
    h1 {
        color: var(--lmDarkText)!important;
    }
    .box {
        background-color: white;
    }
}

.shoppingcart__wrapper {
    background-color: var(--lmPurple);
    position: relative;
    max-width: 100%;
    margin: 0 !important;
    padding: 3rem 3rem 300px 3rem;
    &:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 300px;
        width: 100%;
        background-color: var(--lmBrownLight);
    }
    &:after {
        content: "";
        display: table;
        background-image: url(/0/Handler/CSSOverride/GetImage/8/drips_purple.png);
        position: absolute;
        bottom: 0;
        left: 0;
        height: 300px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .cart-footer__container {
        background: var(--lmGreen);
        input#checkout {
            background: var(--lmPurple);
        }
    }
    .orderSummaryWrapper {
        padding-bottom: 6rem;
        position: relative;
        &:before {
            content: '';
            background-image: url('/0/Handler/CSSOverride/GetImage/8/orange.png');
            background-repeat: no-repeat;
            position: absolute;
            top: -110px;
            right: 100px;
            height: 300px;
            width: 300px;
            background-size: contain;
        }
        &>.catfish-container {
            background: white;
            padding: 3rem;
           
        }
        h3.cart_total--title {
            display: block !important;
            padding-bottom: 1rem;
            text-align: center;
            font-size: 2rem;
        }
    }
    .page-title {
        position: relative;
        z-index: 99;
         &>.catfish-container {
            background: white;
            padding-top: 3rem;
            .title {
                margin: 0px;
            }
        }
    }
    .cartform {
        .cartTableWrapper {
            .cart {
                border: 1px solid grey;
                tbody {
                    padding: 2rem;
                    display: block;
                    width: 100%;
                    max-height: 860px;
                    overflow-y: auto;
                    scrollbar-color: var(--lmDarkText) #eee;
                    scrollbar-width: thin;
                    margin-left: 5px;
                    tr.cart-item-row {
                        background: transparent;
                        display: flex;
                        flex-wrap: wrap;
                        td:not(td.cart--actions) {
                            display: flex;
                            align-items: center;
                        }
                        .cart--actions {
                            width: 100%;
                            .cart--actions__buttons {
                                padding-top: 3rem;
                                flex-direction: row !important;
                            
                                .cart--edititem {
                                    width: 66% !important;
                                    flex-direction: row !important;
                                    justify-content: space-between;
                                    display: flex;
                                    gap: 1rem;
                                    input {
                                        width: 50%!important;
                                    }
                                }
                                .cart--deleteitem {
                                    width: 33%!important;
                                    input#deleteCartItem {
                                        margin-left: 1rem;
                                        width: calc(100% - 1rem);
                                    }
                                }
                                
                            }
                            .cart-label-header {
                                display: none!important;
                            }
                        }
                        .cart-label-header {
                            padding-bottom: 1rem;
                            font-size: 1.25rem;
                        }
                    }
                    tr.cart-item-row:nth-child(n+2) {
                        border-top: 1px solid grey;
                        margin: 0px;
                    }
                }
            }
        }
    }
}

.one-page-checkout {
    background-color: var(--lmBrownLight);
    section.advanced-select, .cartTableWrapper .cart tr.cart-item-row {
        background: white!important;
    }
    .shipping-options {
        background: transparent!important;
    }
}
.checkout-page {
    &.checkout__complete {
        background-color: var(--lmBrownLight);
    }
}

.account-page--order-details #order_details_v2 .od_row.od_row--billing .od_half_row {
    border-radius: 0px;
    border: 0px;
}

.page-catalog-search  {
    .search-panel {
        background-color: var(--lmBrownLight);
    }
}

.quote-block {
    .quote-column {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3rem 0 !important;
        img  {
            height: 200px;
            transform: rotate(-15deg);
            padding-right: 3rem;
        }
    }
}

.layout--accountPage {
    display: inline-block;
    width: 100%;
}
@media only screen and (max-width: 1200px) {
    .cart-form__wrapper {
        input#updatecart, input#deleteall {
            width: 100%;
            margin-right: 0px;
        }
    }
    .shoppingcart__wrapper {
        .cart-footer {
            max-width: 100%;
        }
    }
    .shoppingcart__wrapper {
        .cartform {
            .cartTableWrapper {
                .cart {
                    tbody {
                        tr.cart-item-row {
                            .cart--actions {
                                .cart--actions__buttons {
                                    .cart--edititem {
                                        width: 100%!important;
                                        gap: 0px;
                                        flex-wrap: wrap;
                                        input {
                                            width: 100% !important;
                                            margin-right: 0px;
                                        }
                                    }
                                    .cart--deleteitem {
                                        width: 100%!important;
                                        input#deleteCartItem {
                                            margin-left: 0;
                                            width:100%;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1280px) {
    .homeFeaturedProductsWrapper {
        .listWrapper {
            .listItem {
                width: 20%;
            }
        }
    }
}


@media only screen and (max-width: 1100px){
    .arone-footer {
        .ict-dedicated-footer-column-1, .ict-dedicated-footer-column-4 {
            width: 100%;
        }
        .ict-dedicated-footer-column-2, .ict-dedicated-footer-column-3 {
            display: none;
        }
    }
}

@media only screen and (max-width: 1080px) {
    .image-text-split {
        .container {
            padding: 0px;
        }
        .columns {
            display: flex;
            flex-wrap: wrap;
            .image-side {
                width: 100%;
                padding: 0px!important;
                .image {
                    img {
                        position: relative;
                        right: 0;
                        left: 0;
                    }
                }
            }
            .text-side {
                width: 100%;
                padding: 6rem!important;
            }
        }
        &.image-left {
            &::before {
                width: 100%;
            }
            &::after {
                bottom: -90px;
                right: -10px;
                height: 250px;
                width: 250px;
                background-size: contain;
            }
        }
    }

    .arone-category-page {
        .category-hero-section {
            height: 400px !important;
             .category-description-wrapper {
                .banner {
                    .column {
                        width: 100%;
                        &:nth-child(2) {
                            display: none;
                        }
                    }
                }
            }
        }
    }
   
}

@media only screen and (min-width: 1080px){
    .page-home-index, .page-catalog-category, .page-customer-login, .page-multipartproduct-editor, .page-catalog-search {
        .navbar-end {
            .my-account-dropdown-link, .navbar-search-toggle, .basket-link, .login-link{
                color: white!important;
            }
            .my-account-dropdown-link::after {
                border-color: white;
            }
            .basket-link, .navbar-search-toggle {
                border: 0px;
                background: transparent !important;
            }
        }
        body {
            &::before {
                content: '';
                display: block;
                position: absolute;
                top: -45px;
                right: 0;
                height: 400px;
                width: 40vw;
                
                background-size: cover;
                background-repeat: no-repeat;
                z-index: 9999;
                pointer-events: none;
            }
        }
    }

    .page-catalog-category, .page-customer-login, .page-checkout-onepagecheckout, .page-catalog-search {
        body {
            position: relative;
            &::before {
                background-image: url(/0/Handler/CSSOverride/GetImage/8/yellow.png);
            }
            &::after {
                content: '';
                background-image: url(/0/Handler/CSSOverride/GetImage/8/pink.png);
                position: absolute;
                display: block;
                bottom: 230px;
                left: -100px;
                height: 400px;
                width: 400px;
                background-size: contain;
                transform: rotate(-45deg);
            }
        }
    }

    .page-checkout-onepagecheckout,.page-checkout-complete{
        body {
            &::after {
                content: '';
                background-image: url(/0/Handler/CSSOverride/GetImage/8/pink.png);
                position: absolute;
                display: block;
                bottom: 230px;
                left: -100px;
                height: 400px;
                width: 400px;
                background-size: contain;
                transform: rotate(-45deg);
            }
        }
    }


    .page-home-index, .page-multipartproduct-editor {
        body {
            &::before {
                background-image: url(/0/Handler/CSSOverride/GetImage/8/paint_teal.png);
            }
        }
    }
}


@media only screen and (max-width: 768px) {
    .quote-block {
        .quote-column {
            img {
                height: 120px;
                padding-right: 2rem;
            }
        }
    }

     .image-text-split {
        &.image-left {
            &::after {
                bottom: -90px;
                right: -100px;
                height: 250px;
                width: 250px;
                background-size: contain;
            }
        }
    }

    .shoppingcart__wrapper {
        .orderSummaryWrapper {
            &>.catfish-container {
                background: white;
                padding: 3rem 20px;
            }
        }
        .cartform {
            .cartTableWrapper {
                .cart {
                    tbody {
                        padding: 1rem;
                        margin-left: 0;
                        tr.cart-item-row {
                            padding: 0px 1rem;
                        }
                    }
                }
            }
        }
    }

    #shipping-buttons-container, #billing-buttons-container, #shipping-method-buttons-container, #confirm-order-buttons-container {
        p {
            width: 100%;
            a {
                width: 100%;
            }
        }
        button {
            width: 100%;
        }
    }

    .one-page-checkout .cartTableWrapper .cart tr.cart-item-row td {
        width: 100%;
        align-items: center;
    }
}

.artwork_spec {
    i.fas {
        color: white !important;
    }
}

.page-catalog-product .loader {
  width: 40px;
    height: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    padding: 3px;
    background: radial-gradient(farthest-side, var(--lmGreen) 95%, #0000) 50% 0 / 12px 12px no-repeat, radial-gradient(farthest-side, #0000 calc(100% - 5px), var(--lmGreen) calc(100% - 4px)) content-box;
    animation: l6 2s infinite linear;
    position: absolute;
    top: 0;
    left: 30%;
}

.page-catalog-product .productPrice:has(.loader) {
  color: transparent;
}

@keyframes l6 {
  to {
    transform: rotate(1turn);
  }
}