:root{
    --primary-blue-color: #1474B6;
    --primary-light-cyan-color: #D2DBDD;
    
    --neutral-grey-color: #F2F2F2;
    --neutral-blue-color: #B4BBDA;
    --neutral-orange-color: #DE986F;
    --neutral-white-color: #ffffff;
}

@font-face {
    font-family: Nato-light;
    src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/NotoSans-Light.ttf');
}

/* General - Start */
p{
    font-family: 'Nato-light';
}

h1,h2{
    font-weight: 400 !important;
    text-transform: uppercase !important;
}

.related-products-section .title,
#homeFeaturedProductsTitleRow .bestsellers h3,
.ict-page-title, .title, .ict-title{
    font-family: 'Nato-light';
    text-transform: uppercase;
}


html:not(.page-dynamicproduct-editor) .catfish-button,
html:not(.page-dynamicproduct-editor) .button,
html:not(.page-dynamicproduct-editor) a{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

html:not(.page-dynamicproduct-editor) .catfish-button,
html:not(.page-dynamicproduct-editor) .button{
    font-size: 1rem !important;
    text-transform: uppercase;
    background: transparent !important;
    border: 2px solid var(--primary-blue-color) !important;
    color: var(--primary-blue-color) !important;
}

html:not(.page-dynamicproduct-editor) .catfish-button:hover,
html:not(.page-dynamicproduct-editor) .button:hover{
    background-color: var(--primary-blue-color) !important;
    color: var(--neutral-white-color) !important;
}

html:not(.page-dynamicproduct-editor) .button input{
    border: none !important;
}

html:not(.page-dynamicproduct-editor) .validation-summary-errors,
html:not(.page-dynamicproduct-editor) .warning-box{
    background-color: var(--neutral-orange-color) !important;
}

@media screen and (min-width: 1088px) {
    .topicpage-body,
    #contentiInnerRow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .page-customer-info #contentiInnerRow,
    .page-customer-addresses #contentiInnerRow,
    .page-customer-orders #contentiInnerRow,
    .page-customer-changepassword #contentiInnerRow,
    .page-customer-orderline #contentiInnerRow{
        flex-direction: unset;
        align-items: unset;
    }
    
    .homebanners .section{
        width: 100% !important;
    }
    
    .homebanners,
    section.section.is-large,
    section.section{
        width: 95%;
    }

    .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
        background-color: var(--primary-blue-color);
        color: var(--neutral-white-color);
    }
}

@media screen and (max-width: 1087px) {
    section.section.has-background-tablet{
        background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/tablet-image.png') !important;
    }

    .has-background-tablet.has-background-cover{
        background-size: cover !important;
    }   
}
/* General - End */

/* Custom Styling - Start */
.section.has-columns-start .container .columns{
    justify-content: start !important;
}

.section.has-columns-end .container .columns{
    justify-content: end !important;
}

.has-x-large-padding{
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
}

.button.has-style-custom-1{
    border: 2px solid var(--neutral-white-color) !important;
    color: var(--neutral-white-color) !important;
}

.button.has-style-custom-1:hover{
    background-color: var(--neutral-white-color) !important;
    color: var(--primary-blue-color) !important;
}

@media screen and (min-width: 1087px) {
    .page-topic-topicdetails  .section.is-banner{
        position: relative;
    }

    .page-topic-topicdetails  section.is-banner::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(2, 3, 15, 0.6) 5%, rgba(255,255,255,0) 100%); /* Adjust the gradient colors and direction as needed */
        z-index: 1;
    }

    .page-topic-topicdetails  section.is-banner .container.content {
        position: relative;
        z-index: 2;
    }
}

/* Custom Styling - End */

/* Modules - Start */

/* Header */
.navbar-brand .navbar-item img {
    max-height: 2.706em;
}

.navbar-item,
.navbar-link,
.navbar-item .button{
    font-family: 'Nato-light', sans-serif;
    text-transform: uppercase;
}

.navbar-item .button{
    border: none !important;
    color: inherit !important;
    font-size: 1rem !important;
}

.navbar-item .button:hover{
    background-color: transparent !important;
    color: var(--primary-blue-color) !important;
}

.content-field-navbar .navbar-link:not(.is-arrowless):hover::after{
    border-color:var(--primary-blue-color) !important;
}

.button:focus:not(:active){
    box-shadow: none !important;
}

@media screen and (max-width: 1087px) {
    .navbar-item:hover,
    .navbar-link:hover{
        background-color: var(--primary-blue-color) !important;
        color: var(--neutral-white-color) !important;
    }
}

/* Footer */
.ict-dedicated-footer .image img{
    object-fit: contain;
}

.footer-column-content a, 
.ict-dedicated-footer .columns .column .ict-list li a{
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: .3s;
    text-underline-offset: 0.25rem;
}

.footer-column-content a:hover,
.ict-dedicated-footer .columns .column .ict-list li a:hover{
    color: inherit;
    text-decoration: underline !important;
}

.ict-dedicated-footer .subtitle{
    font-weight: 600;
    text-transform: uppercase;
}

.ict-dedicated-footer .footer-column-content ul li a{
    font-family: 'Nato-light', sans-serif;
    font-size: inherit;
    text-transform: uppercase;
}

.footer-copyright h4{
    color: #3C4858;
}

/* Featured Product */
.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .addtocart{
    display: none !important;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .product-item--content .product-title a{
    color: inherit;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info{
    justify-content: center !important;
    align-items: center !important;
    padding-bottom: 2.5rem;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .product-item--content{
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .add-info .buttons input{
    padding-left: 6.625rem;
    padding-right: 6.625rem;
}

.alternate--prices .productPrice{
    color: inherit !important; 
}

@media screen and (max-width: 480px) {
    .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .add-info .buttons input{
        background: var(--black);
        padding-left: 3.625rem;
        padding-right: 3.625rem;
       
    }
}

@media screen and (max-width: 480px) {
    .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .add-info .buttons input{
        background: var(--black);
        padding-left: 2.625rem;
        padding-right: 2.625rem;
       
    }
}
/* Modules - End */

/* Pages - Start */
/* Product Landing Pages */
.related-products-section{
    background-color: transparent !important;
}

.related-products-section .title{
    text-align: center;
    color: inherit !important;
}

.page-catalog-product #contentiInnerRow .product-wrapper {
    display: flex;
    flex-direction: column;
}

.additional-description-wrapper{
    order: 3;
}

.details-wrapper .title,
.productPrice{
    color: var(--primary-blue-color);
}

.full-description-wrapper{
    font-family: 'Nato-light';
}

.enterQuantityBoxLabel{
    color: inherit !important;
}

.name_Size .attribute-value-item .button{
    font-size: 0.825rem;
    color: inherit !important;
    border: none !important;
    height: 3.588em;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
}

.name_Size .attribute-value-item .button:hover{
    background-color: transparent !important;
    color: var(--primary-blue-color) !important;
}

.arone-product-landing-page .attribute input:checked + label.button{
    border: 2px solid var(--primary-blue-color) !important;
    font-size: 0.825rem;
    height: 3.588em;
}

@media screen and (min-width: 1088px) {
    .page-catalog-product #contentiInnerRow {
        display: unset;
    }

    .additional-description-wrapper{
        display: flex;
        justify-content: center;
        order: 3;
    }

    section.section.is-large.related-products-section{
      width: unset;
    }
}

/* Custom FAQ */
.custom-faq-section .accordion-item .accordion-title {
    background: transparent;
    border: solid 1px #3C4858;
    color: var(--primary-blue-color);
    font-size: 1.2rem !important;
}

.custom-faq-section .accordion-item .button.is-rounded{
    font-family: 'Nato-light', sans-serif;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.ict-accordion .button.is-rounded.accordion-title .fas {
    display: none;
}

.ict-accordion .button.is-rounded.accordion-title:after {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    border-top: solid 3px var(--primary-blue-color);
    border-right: solid 3px var(--primary-blue-color);
    transition: 0.3s;
    transform: rotate(135deg);
    position: absolute;
    right: 1.5rem;
    top: 1rem;
}

.ict-accordion .button.is-rounded.accordion-title:hover::after {
    border-top: solid 3px var(--neutral-white-color);
    border-right: solid 3px var(--neutral-white-color);
}

.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title:after {
    transform: rotate(-45deg);
    top: 1.25rem;
}

.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title {
    border-bottom: 0;
    margin-bottom: 0;
}

.ict-accordion .accordion-item.is-active .accordion-title.button{
    border: solid 2px inherit;
    color: #000000 !important;
}

.ict-accordion .accordion-item.is-active .button{
    border: solid 2px #000000 !important;
    border-bottom: 0 !important;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
}

.ict-accordion .accordion-item.is-active .button:hover{
    background-color: transparent !important;
    color: var(--primary-blue-color) !important;
}

.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title:hover::after {
    border-top: solid 3px var(--primary-blue-color);
    border-right: solid 3px var(--primary-blue-color);
}


.ict-accordion .accordion-item.is-active .accordion-content {
    border: solid 2px #000000;
    border-top: 0;
    padding: 1rem;
    margin-bottom: 1rem;
}

.custom-faq-section .columns {
    background: var(--neutral-grey-color);
    padding: 1rem;
}

.custom-faq-section.mb-6{
    margin-bottom: 6rem !important;
}

/* Basket page */
.continueshoppingbutton.catfish-button,
#deleteCartItem {
    border-color: #000 !important;
    color: #000 !important;
}

.continueshoppingbutton:hover,
#deleteCartItem:hover {
    border-color: #000 !important;
    background-color: #000 !important;
    color: var(--neutral-white-color) !important;
}

#cartTotals{
    padding: 1.5rem;
    background-color: var(--neutral-grey-color);
}

.cart-collaterals{
    height: 50%;
    background-color: var(--primary-blue-color);
    padding: 1rem;
}

.coupon-box{
    color: var(--neutral-white-color) !important;
}

#discountcouponcode{
    background: transparent;
    border: solid 2px var(--neutral-white-color);
}

#applydiscountcouponcode{
    border: solid 2px var(--neutral-white-color) !important;
    background: var(--neutral-white-color) !important;
    color: var(--primary-blue-color) !important;
}

#applydiscountcouponcode:hover{
    border: solid 2px var(--neutral-white-color) !important;
    background-color: transparent  !important;
    color: var(--neutral-white-color) !important;
}

.productPrice.productPrice__total,
.cart--unitprice .productPrice{
    color: #000000;
}

/* Mega Edit - Screen */
#loadingScreen{
    background-color: var(--primary-blue-color) !important;
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/mega-edit-background.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.loadingScreen .loadingLogo::before {
    content: "";
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/Color-Logo.png");
    width: 20rem;
    height: 50%;
    position: absolute;
    top: -2rem;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.loadingScreen .loadingLogo::after{
    content: "";
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/White-Logo.png");
    width: 15rem;
    height: 100%;
    position: absolute;
    top: 18rem;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.loadingScreen .loadingLogo .ME_loading_hints{
    display: none;
}

.loadingScreen .loadingLogo .loadScreenStepIndicator{
    color: var(--neutral-white-color);
    font-size: 1.5rem;
    margin-top: 2rem;
}

.loadingScreen .fa-cog{
    height: 13rem !important;
    width: 13rem !important;
}

/* Mega edit - Editor */
.current_prod_name.catfish-button{
    border: none !important;
    color: var(--neutral-white-color) !important;
}

.nextStepButton.catfish-button,
.viewControlButton.catfish-button,
.backButton.catfish-button,
.dropdown-trigger .catfish-button{
    border: none !important;
    background-color: var(--neutral-white-color) !important;
    color: #7f7f7f !important;
}

/* Login */
.catfish-footer{
    display: none;
}
/* Pages - End */
@media screen and (max-width: 767px) {
    .layout-set-select-button img {
    width: auto!important;
    height: calc(33vh - 10.5rem)!important;
    left: 50%!important;
    -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    top: 1vh!important;
}

.layout-set-select-button .image {
    padding-top: calc(33vh - 9rem);
    text-align: center;
}
  .title.meuiTitle.main-title {
    display: none;
}

.MEUIColumnLayout.ng-scope.mode-select-container {
    margin-top: -3rem;
}

.meuiLabel hr {
    display: none;
}
.megaedit-preview #addToBasketButton {
    top: auto !important;
    bottom: 4rem;
    width: calc(100% - 2rem);
    right: 1rem !important;
}
.StroopwafelTin.arone-product-landing-page .column.add-to-cart-buttons-wrapper.action-button-wrapper.product-action-button-wrapper.add-info {
    position: fixed;
    z-index: 99999999999;
    bottom: 0px;
    width: 100%;
    background: #ffffff;
    left: 0;
    box-shadow: rgba(0, 0, 0, .2) 0 0 10px;
    padding: 1rem;
}
.StroopwafelTin.arone-product-landing-page .action-button-wrapper .catfish-button {
    min-width: 100%;
    background: var(--primary-blue-color) !important;
    color: #fff !important;
}
}
.shoppingcart__wrapper .cartTableWrapper .cart-item-row.StroopwafelTin  .cart--actions__buttons>div.cart--edititem {
    display: none !important;
}