/* Global */

.title,
.ict-title {
    text-transform: uppercase;
}

a,
.button,
.ict-button,
.catfish-button {
    transition: 0.3s;
}

.section.justify-columns-space-between .columns {
    justify-content: space-between !important;
}

.has-background-width-50{
    background-size: 50% auto;
}

.has-background-width-60{
    background-size: 60% auto;
}

/* Selects Styling */
.input,
.catfish-input,
.catfish-select,
.textarea,
.catfish-textarea {
    background-color: #f0f0f0;
    border: none;
    box-shadow: none;
}

/* Pale green backgrounds */
.section.custom-faq-section,
.section.section.related-products-section.has-background-light.is-large {
    background: #F4F8EC !important;
}

/* Featured Products wrappers */
.homeFeaturedProductsWrapper {
    background: #F4F8EC;
}

.listWrapper .listItem .item-box {
    padding: 1.5rem;
    background: white;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 15px 0px #0000001A;
    box-shadow: 0px 0px 15px 0px #0000001A;
    transition: 0.3s;
}

.listWrapper .listItem .item-box:hover {
    -webkit-box-shadow: 0px 0px 15px 0px #00000040;
    box-shadow: 0px 0px 15px 0px #00000040;
}

.listWrapper .listItem .product-item--info .product-title a {
    font-weight: 800;
}

.listWrapper .listItem .product-item--info .product-title {
    text-align: center;
}


.listWrapper .listItem .product-item--info .alternate--prices .flex-container {
    align-items: center;
    justify-content: center !important;
    color: #7B7D80;
}


/* Custom styles */

/* Title */
.title.has-text-custom-1 {
    color: #166223;
}

.title.has-style-custom-1 {
    font-weight: bold;
}

/* Header */
a.navbar-item,
.navbar-link {
    color: #7B7D80;
    font-weight: 600;
}

a.navbar-item:hover,
.navbar-link:hover {
    color: #28A03C;
}

.navbar-burger span {
    background-color: #7B7D80;
}

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

.ict-dedicated-footer .subtitle,
.homeFeaturedProductsWrapper .title {
    font-weight: 800;
}

/* Custom FAQ */
.custom-faq-questions .accordion-item .accordion-title {
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 15px 0px #0000001A;
    box-shadow: 0px 0px 15px 0px #0000001A;
    background: white;
    color: #28A03C;
    font-weight: 800 !important;
    font-size: 1.5rem;
    transition: none;
}

.custom-faq-questions.ict-accordion .button.is-rounded.accordion-title i {
    order: 1;
}

.custom-faq-questions.ict-accordion .button.is-rounded.accordion-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.custom-faq-questions.ict-accordion .accordion-item.is-active .accordion-content {
    margin-bottom: 2rem;
    border-radius: 0px 0px 15px 15px;
    -webkit-box-shadow: 0px 0px 15px 0px #0000001A;
    box-shadow: 0px 0px 15px 0px #0000001A;
    padding: 1rem;
    background-color: white;
}

.custom-faq-questions.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title {
    border-radius: 15px 15px 0px 0px;
    margin-bottom: 0;
    box-shadow: 0px 0px 15px 0px #0000001A;
    clip-path: inset(-15px -15px 0px -15px);
}

.custom-faq-questions.ict-accordion .button.is-rounded.accordion-title i {
    display: none;
}

.custom-faq-questions.ict-accordion .button.is-rounded.accordion-title:after {
    content: "";
    position: absolute;
    top: 1.25rem;
    right: 1.5rem;
    width: 1rem;
    height: 1rem;
    border-top: solid 5px #166223;
    border-right: solid 5px #166223;
    transition: 0.3s;
    transform: rotate(135deg);
}

.custom-faq-questions.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title:after {
    transform: rotate(315deg);
}

/* Product Landing Page */
.arone-product-landing-page .attribute.type_RadioList label.button {
    background-color: #F0F0F0;
    color: #166223;
    font-weight: 800;
    border: none;
}

.arone-product-landing-page .attribute.type_RadioList label.button:hover {
    background-color: #94C01E80;
}


.arone-product-landing-page .attribute.type_RadioList input:checked+label.button {
    background-color: #94C01E;
    color: #166223;
    border: none;
}

.product-info-section .title {
    font-weight: 800;
}

.attributeTitle {
    color: black;
}

label.enterQuantityBoxLabel {
    color: black;
    text-transform: capitalize;
}

/* Related products */
.related-products-section .title {
    font-weight: 800;
    text-align: center;
    font-size: 2.375rem;
    margin-bottom: 3rem;
}


/* Basket */
.coupon-box {
    padding: 2rem;
    background: #166223;
    border-radius: 30px;
}

.coupon-box {
    color: white;
}

.coupon-box .coupon-box__input input#discountcouponcode {
    background: transparent;
    color: white;
    border: solid 2px white;
}

input#applydiscountcouponcode,
input.basketEditButton.options.catfish-button {
    background-color: #94C01E;
    color: #166223;
    font-weight: 800;
}

input#applydiscountcouponcode:hover,
input.basketEditButton.options.catfish-button:hover {
    background-color: #28A03C;
    color: white;
}

div#cartTotals {
    background: #f0f0f0;
    border-radius: 30px;
    padding: 2rem;
}

input#continueshoppingDummy {
    background: transparent;
    border: solid 2px #28A03C;
    color: #28A03C;
}

input#continueshoppingDummy:hover {
    background: #28A03C;
    color: white;
}

td.cart_total_right {
    color: black;
}

td.cart_total_left {
    color: #166223;
}

span.productPrice.productPrice__total {
    color: #166223;
}

.cartTableWrapper tr.cart-header-row th {
    color: #166223 !important;
}

.cart-item-row span.productPrice {
    color: black;
}

.cart--itemtotal span.productPrice {
    color: #166223;
}

td.product.cart--productinfo {
    color: #7B7D80;
}

.product.cart--productinfo .rawAttributeInfo__item .title {
    color: black;
}

/* Checkout address dropdown */
.checkout-page .enter-address-body .vue-component-wrapper-billing {
    background: transparent;
    border: none;
}

.advanced-select .selected-item {
    border: none;
}

.advanced-select .item-list,
.advanced-select .footer-controls {
    display: none;
}

.advanced-select.is-extended .item-list,
.advanced-select.is-extended .footer-controls {
    display: block;
    border-radius: 0;
    border: none;
    background: #f0f0f0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.advanced-select.is-extended .footer-controls {
    border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -moz-border-radius: 0px 0px 30px 30px;
    -ms-border-radius: 0px 0px 30px 30px;
    -o-border-radius: 0px 0px 30px 30px;
}



.advanced-select.is-extended {
    border-radius: 30px 30px 0px 0px;
    -webkit-border-radius: 30px 30px 0px 0px;
    -moz-border-radius: 30px 30px 0px 0px;
    -ms-border-radius: 30px 30px 0px 0px;
    -o-border-radius: 30px 30px 0px 0px;
}

.advanced-select {
    background: #F0F0F0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.advanced-select .selected-item {
    padding-left: 1.25rem;
}

.advanced-select .item-list .button {
    border: solid 2px;
    background: white;
}

#checkout-step-confirm-order div#cartTotals {
    margin-left: 0.75rem;
}

.one-page-checkout .cartTableWrapper .cart tr.cart-item-row,
.one-page-checkout #opc-shipping_method .shipping-options {
    background: #F0F0F0;
}

/* MegaEdit */
.leftPaneTabbedContentArea span.icon.has-background-primary {
    border-radius: 30px;
}

.leftPaneTabbedContentArea .instruction {
    background-color: #95c030;
}

#leftPaneTabs .leftPaneTabbedContentArea__selector .autofillButton {
    background: #F0F0F0;
}

/* MegaEdit Loading screen */
.loadScreenStepIndicator {
    color: white !important;
}

.addtoBasketScreen .ME_loading_hints,
#loadingArea .ME_loading_hints,
.loadingArea .ME_loading_hints,
.loadingScreen .ME_loading_hints {
    display: none;
}

.addtoBasketScreen .loadScreenStepIndicator,
#loadingArea .loadScreenStepIndicator,
.loadingArea .loadScreenStepIndicator,
.loadingScreen .loadScreenStepIndicator {
    color: white !important;
}

.addtoBasketScreen .loadingSpinner,
#loadingArea .loadingSpinner,
.loadingArea .loadingSpinner,
.loadingScreen .loadingSpinner {
    position: relative;
}

.addtoBasketScreen .loadingSpinner:before,
#loadingArea .loadingSpinner:before,
.loadingArea .loadingSpinner:before,
.loadingScreen .loadingSpinner:before {
    content: "";
    width: 16rem;
    height: 8rem;
    position: absolute;
    top: -11rem;
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/9/PRINTIQ-PRIMARY-LOGO-DARK_SCREEN-WHITE.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.addtoBasketScreen .loadingSpinner:after,
#loadingArea .loadingSpinner:after,
.loadingArea .loadingSpinner:after,
.loadingScreen .loadingSpinner:after {
    content: "";
    width: 16rem;
    height: 3rem;
    position: absolute;
    bottom: -7.5rem;
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/9/powered-by-infigo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.addtoBasketScreen #addtoBasketControlArea,
.addtoBasketScreen #addToBasketScreenMsg,
.addtoBasketScreen .loadingArea__loadScreenStepIndicator,
.addtoBasketScreen .loadScreenStepIndicator,
#loadingArea #addtoBasketControlArea,
#loadingArea #addToBasketScreenMsg,
#loadingArea .loadingArea__loadScreenStepIndicator,
#loadingArea .loadScreenStepIndicator,
.loadingArea #addtoBasketControlArea,
.loadingArea #addToBasketScreenMsg,
.loadingArea .loadingArea__loadScreenStepIndicator,
.loadingArea .loadScreenStepIndicator,
.loadingScreen #addtoBasketControlArea,
.loadingScreen #addToBasketScreenMsg,
.loadingScreen .loadingArea__loadScreenStepIndicator,
.loadingScreen .loadScreenStepIndicator {
    color: white;
}

.addtoBasketScreenContainer span.icon{
    position: relative;
}

.addtoBasketScreenContainer span.icon:before {
    content: "";
    width: 16rem;
    height: 8rem;
    position: absolute;
    top: -11rem;
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/9/PRINTIQ-PRIMARY-LOGO-DARK_SCREEN-WHITE.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: -3rem;
}

.addtoBasketScreenContainer span.icon:after {
    content: "";
    width: 16rem;
    height: 3rem;
    position: absolute;
    bottom: -7.5rem;
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/9/powered-by-infigo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: -3rem;
}


/* Green circle section */
@media screen and (min-width:768px) {
    .section.green-circle-left:before {
        content: "";
        background: #93c01f;
        height: 100%;
        width: 45vw;
        position: absolute;
        top: 0;
        left: 0;
    }

    .section.green-circle-left {
        position: relative;
    }

    .section.green-circle-left:after {
        content: "";
        position: absolute;
        background: #93c01f;
        top: 0;
        left: 40vw;
        width: 10%;
        height: 100%;
        clip-path: ellipse(46% 57% at 45% 50%);
        z-index: 0;
    }

    .section.green-circle-left {
        isolation: isolate;
    }

    .section.green-circle-left>.container {
        z-index: 1;
    }

}

@media screen and (max-width:767px) {
    .section.green-circle-left {
        background: #93c01f !important;
    }
}


@media screen and (min-width:768px) and (max-width:899px) {
    .section.green-circle-left {
        background-size: auto 100%;
    }
}

@media screen and (min-width:1088px){
    .section.green-circle-left {
        background-position: 100% 33%;
    }
}