/* Global */

:root {
    --primary-blue: #169BD6;
    --primary-yellow: #ffe006;
    --primary-black: #0c0c0c;

    --translucent-black: #0c0c0cbf;
}


/* Transitions */
a,
.button,
.catfish-button {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

/* Gradient */
.section.has-gradient-top {
    position: relative;
}

.section.has-gradient-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20rem;
    background: linear-gradient(to bottom, var(--primary-black), transparent);
    pointer-events: none;
}


/* Backgrounds */
@media screen and (max-width:767px) {
    .bg-right-mobile {
        background-position: right;
    }
}

.section.lowered-background {
    background-position: 0% 20%;
}

.block.box.has-background-custom-2 {
    background-color: var(--translucent-black);
}

/* Colour overrides */

.has-text-dark {
    color: var(--primary-black) !important;
}

/* Titles */
.title,
.subtitle {
    color: var(--primary-yellow);
}

.title {
    font-weight: bold;
}

.ict-title.is-1 {
    font-size: 2.5rem;
}

/* Paragraphs */

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

/* Header */
.headermenu .navbar,
.headermenu .navbar-menu {
    background-color: var(--primary-black);
}

.headermenu .navbar .navbar-item,
.headermenu .navbar .navbar-link {
    color: white;
}

.content-field-navbar .select:not(.is-multiple):not(.is-loading)::after,
.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: var(--primary-yellow);
}

.navbar-dropdown {
    background-color: var(--primary-black);
    border-color: var(--primary-yellow);
}

.headermenu .navbar.nav-search-container {
    border-top: solid 1px var(--primary-yellow);
}

@media screen and (max-width:1087px) {
    .ict-navbar .navbar-item.has-dropdown .navbar-dropdown.second-column {
        margin-left: 0 !important;
    }
}

@media screen and (min-width:1088px) {
    .ict-navbar .navbar-item.has-dropdown .navbar-dropdown.second-column {
        margin-left: 100% !important;
    }
}

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

    .headermenu .navbar .navbar-menu a.navbar-item,
    .headermenu .navbar .navbar-menu a.navbar-link {
        text-decoration: underline;
        text-underline-offset: 0.4em;
        text-decoration-color: transparent;
        -moz-text-decoration-color: transparent;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .headermenu .navbar a.navbar-item:hover,
    .headermenu .navbar a.navbar-link:hover {
        text-decoration-color: var(--primary-yellow);
        -moz-text-decoration-color: var(--primary-yellow);
    }

    .headermenu .navbar .navbar-dropdown a.navbar-item:hover {
        text-decoration-color: transparent;
        -moz-text-decoration-color: transparent;
    }
}


/* Homepage banner */
.block.box.has-background-custom-1 {
    background-color: transparent;
}

@media screen and (min-width:768px) {
    .flex-active-slide .block.box.has-background-custom-1 {
        position: relative;
        isolation: isolate;
    }

    .flex-active-slide .block.box.has-background-custom-1:before {
        content: "";
        background: var(--translucent-black);
        width: 100vw;
        height: calc(100% + 5rem);
        position: absolute;
        top: -2rem;
        right: 0;
        z-index: -1;
    }
}

@media screen and (max-width:767px) {
    .flex-active-slide.dark-grey-bg-mobile:before {
        content: "";
        background: var(--translucent-black);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
}


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

    .flexslider.infigo-slider .slides>li>.container,
    .flexslider.infigo-slider .slides>li>.container>.columns {
        justify-content: center;
        align-items: center;
        display: flex;
    }

}

/* Cookie banner */
.shared__cookie-banner {
    background: var(--primary-black);
    border-top: solid 1px var(--primary-yellow);
}

/* Login */
.page-customer-login div#contentiInnerRow {
    background-image: url("/0/Handler/CSSOverride/GetImage/23/tall-bg-default.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 24%;
}

.login__wrapper .returning-wrapper .returning-wrapper__inner {
    background: var(--translucent-black);
}

.login__wrapper>.catfish-container {
    background: var(--translucent-black);
    padding-top: 64px;
    padding-bottom: 64px;
    border-radius: 8px;
}

.login__wrapper .requiredMarker {
    font-weight: bold;
}

.field-validation-error {
    font-weight: bold;
}

.login__wrapper .catfish-input {
    background: var(--primary-black);
    border-color: #363636;
    color: white;
}

.login__wrapper .catfish-select {
    background: var(--primary-black);
    border-color: #363636;
    color: white;
}

.login__wrapper .catfish-input::placeholder {
    color: #aaa;
}

.login__wrapper .title {
    text-align: center;
}

.login__wrapper .columns {
    justify-content: center;
}

/* Footer */


@media screen and (min-width:500px) {
    .footer-logo {
        min-width: 30rem;
    }
}


@media screen and (min-width:1088px) {
    .footer-logo {
        min-width: 40rem;
    }
}

/* Homepage products */
.homeFeaturedProductsWrapper #homeFeaturedProductsTitleRow .title {
    margin-bottom: 4.5rem;
}

.homeFeaturedProductsWrapper {
    padding-top: 4.5rem;
}

.homepage-large-products .columns {
    justify-content: center;
}


.product-item h2.product-title a {
    color: var(--primary-yellow);
    font-size: 2rem;
}


@media screen and (min-width:768px) {
    .homeFeaturedProductsWrapper .listWrapper .listItem {
        width: 33.33333%;
    }

    .homeFeaturedProductsWrapper .listWrapper {
        justify-content: space-around;
    }
}

.product-item--info .add-info {
    display: none;
}

@media screen and (min-width:1088px) {
    .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .picture {
        transition: 0.2s;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
    }

    .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box:hover .picture {
        opacity: 1;
        transform: scale(1.1);
    }
}

@media screen and (max-width: 1087px) {
    .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
        background: transparent;
    }

    .homeFeaturedProductsWrapper .listWrapper .listItem {
        width: 50%;
    }
}

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

    .homeFeaturedProductsWrapper .listWrapper .listItem {
        width: 100%;
    }
}

.homeFeaturedProductsWrapper {
    background: url("/0/Handler/CSSOverride/GetImage/23/background-1-with-gradient.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}


.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    background: var(--translucent-black);
    border-radius: 8px;
    transition: 0.2s;
}

@media screen and (min-width:1088px) {
    .homeFeaturedProductsWrapper .listWrapper .listItem:hover .item-box .catfish-default-product-box .product-item--info {
        background: var(--primary-black);
    }
}

/* Landing page */

.arone-product-landing-page .additional-description-section {
    display: none;
}

.arone-product-landing-page .product-info-section {
    background: url("/0/Handler/CSSOverride/GetImage/23/background-1-with-gradient.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.arone-product-landing-page .column.quantity-wrapper {
    display: none;
}

/* FAQ */
.custom-faqs .accordion-columns .accordion-item>.button.accordion-title {
    background: #0c0c0c7a;
    margin-bottom: 0;
    justify-content: space-between;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    border-radius: 0;
}


.custom-faqs .accordion-columns .accordion-item.is-active>.button.accordion-title {

    background: var(--translucent-black);
}

.custom-faqs .accordion-columns .accordion-item:nth-child(1) {
    border-top: solid 5px var(--primary-yellow);
}

.custom-faqs .accordion-columns .accordion-item {
    border-bottom: solid 5px var(--primary-yellow);
}


.ict-accordion .accordion-item:not(:first-of-type) .button.is-rounded.accordion-title {
    margin-top: 0;
}

.custom-faqs .accordion-columns .accordion-item>.button.accordion-title .fas {
    order: 1;
}

.ict-accordion .accordion-item.is-active .accordion-content {
    padding: 0.8rem;
    padding-top: 0;
    background: var(--translucent-black);
}

.ict-accordion .accordion-item .accordion-content {
    background: transparent;
}

.custom-faqs .accordion-columns .accordion-item>.button.accordion-title .fas.fa-plus {
    display: block !important;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    border-top: solid 3px white;
    border-right: solid 3px white;
    width: 15px;
    height: 15px;
    transform: rotate(135deg);
}

.custom-faqs .accordion-columns .accordion-item.is-active>.button.accordion-title .fas.fa-plus {
    transform: rotate(315deg);
}

.custom-faqs .accordion-columns .accordion-item>.button.accordion-title .fas.fa-plus:before {
    content: "";
}

.custom-faqs .accordion-columns .accordion-item>.button.accordion-title .fas.fa-minus {
    display: none !important;
}

/* Basket and Checkout */
.page-shoppingcart-cart #contentiInnerRow {
    background: url(/ai/CF/Scales/GetFile?identifier=e720e238-f09c-46ed-9153-e813429a6988&contextId=23);
    background-size: cover;
    background-position: 0% 20%;
    background-repeat: no-repeat;
    position: relative;
}

.page-shoppingcart-cart #contentiInnerRow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20rem;
    background: linear-gradient(to bottom, var(--primary-black), transparent);
    pointer-events: none;
}



.page-shoppingcart-cart #contentiInnerRow,
.one-page-checkout,
.checkout-page.checkout__complete {
    background: url(/ai/CF/Scales/GetFile?identifier=e720e238-f09c-46ed-9153-e813429a6988&contextId=23);
    background-size: cover;
    background-position: 0% 20%;
    background-repeat: no-repeat;
    position: relative;
}

.page-shoppingcart-cart #contentiInnerRow::before,
.one-page-checkout:before,
.checkout-page.checkout__complete:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20rem;
    background: linear-gradient(to bottom, var(--primary-black), transparent);
    pointer-events: none;
}

.shoppingcart__wrapper .title {
    text-align: center;
    margin-bottom: 3rem;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row {
    background: var(--translucent-black);
}

.shopping-cart__product__images {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart-label-header,
.cart-form__wrapper .cartform .cartTableWrapper .cart-label-header {
    color: var(--primary-yellow);
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart {
    display: flex;
    flex-direction: column;
}

.shoppingcart__wrapper .cart-footer .cart-footer__container {
    border: none;
    background: var(--translucent-black);
}

.shoppingcart__wrapper .cart-footer .checkout-buttons {
    margin: 0;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton {
    border-color: var(--primary-yellow);
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton:hover,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton:hover,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton:active,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton.is-active,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton:active,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton.is-active,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton:hover,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton.is-hovered,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton:focus,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton.is-focused,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton:hover,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton.is-hovered,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton:focus,
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton.is-focused {
    background-color: var(--primary-yellow);
    color: var(--primary-black);
}

.one-page-checkout .cartTableWrapper .cart tr.cart-item-row {
    background: var(--translucent-black);
}

.one-page-checkout .step-title h2 {
    color: var(--primary-yellow);
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart-label-header,
.cart-form__wrapper .cartform .cartTableWrapper .cart-label-header {
    color: var(--primary-yellow);
}

.checkout-data-info {
    background: var(--translucent-black);
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    font-size: 1.25rem;
}

.checkout-page.checkout__complete .title {
    text-align: center;
}

.checkout-page.checkout__complete .checkout-data-info .select-button {
    margin: 0;
}

.checkout-data-info br {
    display: none;
}

span.checkout-data-info__orderid strong {
    color: var(--primary-yellow);
}

a.checkout-data-info__orderdetails {
    /* font-weight: bold; */
    display: none;
}

.checkout__complete p {
    margin-top: 1em;
}

span.checkout-data-info__orderid {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}


.one-page-checkout .catfish-input {
    background: var(--primary-black);
    border-color: #363636;
    color: white;
}

.one-page-checkout .catfish-select {
    background: var(--primary-black);
    border-color: #363636;
    color: white;
}

.one-page-checkout .catfish-input::placeholder {
    color: #aaa;
}


.vue-component-wrapper-billing .advanced-select .item-list,
.vue-component-wrapper-billing .advanced-select .footer-controls {
    border-radius: 0;
    background: var(--primary-black);
    border-color: #363636;
    color: white;
}

.vue-component-wrapper-billing .advanced-select span {
    color: white;
}

.vue-component-wrapper-billing .advanced-select .selected-item {
    border-radius: 0;
    background: var(--primary-black);
    color: white;
}

#checkout-emailaddress-load label {
    display: flex;
    justify-content: center;
    margin-bottom: 0.25rem;
}

form#co-billing-form,
form#co-emailaddress-form {
    background: var(--translucent-black);
    padding: 2rem;
    border-radius: 8px;
}

.checkout-page.checkout__complete .checkoutCompletedWrapper__wrapper {
    order: 1;
}

.checkout-page.checkout__complete {
    display: flex;
    flex-direction: column;
}

/* About Infigo */
.flex-active-slide.title-only .title {
    font-size: 4rem;
    margin: 0;
}

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

    .flex-active-slide.title-only .block.box.has-background-custom-1 {
        margin-bottom: 0;
    }

    .flex-active-slide.title-only .block.box.has-background-custom-1:before {
        height: calc(100%);
        top: 0;
    }

    .flexslider.infigo-slider .slides>li.title-only>.container,
    .flexslider.infigo-slider .slides>li.title-only>.container>.columns {
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: normal;
    }
}

/* Registration */
.login__wrapper .catfish-container>.columns>.column {
    width: 100%;
}

.login__wrapper .catfish-container>.columns {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.table-container.table-container--company,
.table-container.table-container--phone,
.table-container.table-container--address,
.table-container.table-container--custom,
.table-container.table-container--password tr,
.table-container.table-container--general tbody tr {
    width: 49%;
}

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

    .table-container.table-container--company,
    .table-container.table-container--phone,
    .table-container.table-container--address,
    .table-container.table-container--custom,
    .table-container.table-container--password tr,
    .table-container.table-container--general tbody tr {
        width: 100%;
    }

}

.login__wrapper .new-wrapper .body,
.table-container.table-container--password tbody,
.table-container.table-container--general tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Allow top menu interaction on large tablets */
.navbar-item.has-dropdown.is-hoverable a.navbar-link {
    pointer-events: none;
}

/* My Account */
.layout--accountPage{
    background: url(/ai/CF/Scales/GetFile?identifier=e720e238-f09c-46ed-9153-e813429a6988&contextId=23);
    background-size: cover;
    background-position: 0% 20%;
    background-repeat: no-repeat;
    position: relative;
}

.layout--accountPage:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20rem;
    background: linear-gradient(to bottom, var(--primary-black), transparent);
    pointer-events: none;
}

.layout--accountPage .account-page > .catfish-container {
    padding: 2rem;
    background: var(--translucent-black);
    border-radius: 8px;
}

.block-account-navigation {
    background: var(--translucent-black);
    border-radius: 8px;
    padding: 2rem;
    margin-top: 6rem;
}


.account-page .catfish-input,
.account-page .text-box.single-line {
    background: var(--primary-black);
    border-color: #363636;
    color: white;
}

.account-page .text-box.single-line {
    width: 100%;
}

.account-page .catfish-select {
    background: var(--primary-black);
    border-color: #363636;
    color: white;
}

.account-page .catfish-input::placeholder {
    color: #aaa;
}

.block-account-navigation ul a:hover {
    background: #169bd67d;
}

#AlbumManagement #albums {
    background-color: var(--translucent-black);
    border: solid 1px #363636;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.account-page--myorders .orders_v2 #filtered_orders .orders_row>.order_container {
    background: var(--translucent-black);
    border-color: #363636;
}

.account-page--myorders .orders_v2 #filtered_orders .order_details.short_view_order_details {
    background: transparent;
}

.account-page--myorders .orders_v2 .order_container .order_show_details_but {
    background: transparent;
}

.account-page--myorders .orders_v2 .order_container .order_show_details_but:hover {
    background: var(--translucent-black);
}

.account-page--myorders .orders_v2 #filtered_orders .order_details {
    background: transparent;
}

.account-page--myorders .orders_v2 #filtered_orders .order_products_list ul {
    background: var(--translucent-black);
    border-color: #363636;
}

.account-page--myorders .order_toggle_filter.default {
    background: var(--primary-blue);
}

.account-page .orderLineItems {
    background: var(--translucent-black);
    border: solid 1px #363636;
    border-radius: 8px;
}

.account-page .orderLineItems .t-grid,
.account-page .orderLineItems .t-toolbar {
    background: transparent;
}