/* Root */
:root{
    --primary-navy: #002E47;
    --primary-coral: #FF6867;
    --tertiary-blue: #cadfeb;
    --tertiary-light-blue: #F5F9FB;
    --natural-white: #fff;
}

html {
    scroll-behavior: smooth;
}

/* General */

.content .ict-sub-title + .ict-title,
.ict-sub-title + .ict-title {
    margin-top: 1rem;
}

.has-text-custom-1 {
    color: #f06765 !important;
}

.header-links-wrapper {
    display: none;
}

    /*Hiding elements of the product page*/
    .page-catalog-product .review-wrapper.box.block.is-light {
        display: none;
    }
    
    
    .page-catalog-product .button.show-tango-button {
        display: none;
    }

    .page-catalog-productsbytag .product-item--image,
    .page-catalog-productsbytag span.level-item.multi-selector-switch {
        display: none;
    }

    .page-catalog-product .column.save-quote-buttons-wrapper.action-button-wrapper {
        display: none;
    }

    .page-catalog-product footer.article-footer.clearfix,
    .page-catalog-product .article-more-questions,
    .page-catalog-product section.article-comments,
    .page-catalog-product .header.header,
    .page-catalog-product .search-box,
    .page-catalog-product .breadcrumbs,
    .page-catalog-product a.article-subscribe,
    .page-catalog-product h1.article-header,
    .page-catalog-product .column.is-12.title.is-4.invalidPrice,
    .page-catalog-product .sub-nav .breadcrumbs,
    .page-catalog-product a.article-unsubscribe,
    .page-catalog-product .article-meta {
        display: none !important;
    }

    /*Hiding elements of customer orders page*/
    .page-customer-orders .block.block-account-navigation {
        display: none;
    }

    .page-customer-orders ul.order_f_info.billingAddress {
        display: none;
    }

    .page-order-details .block.block-account-navigation {
        display: none;
    }

    .page-order-details .od_half_row.od_row_formating.column.is-narrow {
        display: none;
    }

    .page-customer-orders a.reorderbutton.button.is-small {
        display: none;
    }

    .page-customer-orders .grid_3.column.is-3-desktop {
        display: none;
    }

    .page-customer-orderline .block.block-account-navigation {
        display: none;
    }

    .page-customer-orderline .t-toolbar.t-grid-toolbar.t-grid-top {
        display: none;
    }



/* Other */
.column.add-to-cart-buttons-wrapper.action-button-wrapper.add-info {
    justify-content: center;
    display: flex;
}

/* Login */
.page-customer-login .nav-search-container.ict-navbar{
    display: none !important;
}

.page-customer-login .generalPageWrapper .login__wrapper .columns .login-block tr td.item-value .text-box {
    width: 100%;
    min-width: 100%;
}

.page-customer-addresses .cf_accountlinks_CustomerAddresses,
.page-customer-info .cf_accountlinks_CustomerAddresses,
.page-customer-orders .cf_accountlinks_CustomerAddresses,
.page-customer-changepassword .cf_accountlinks_CustomerAddresses,
.page-customer-avatar .cf_accountlinks_CustomerAddresses,
.page-customer-orderline .cf_accountlinks_CustomerAddresses {
    display: none;
}

.page-customer-addresses .cf_accountlinks_OrderLine,
.page-customer-info .cf_accountlinks_OrderLine,
.page-customer-orders .cf_accountlinks_OrderLine,
.page-customer-changepassword .cf_accountlinks_OrderLine,
.page-customer-avatar .cf_accountlinks_OrderLine,
.page-customer-orderline .cf_accountlinks_OrderLine {
    display: none;
}

.page-customer-info li.cf_accountlinks_CustomerOrders,
.page-customer-changepassword li.cf_accountlinks_CustomerOrders {
    display: none;
}

.page-customer-orders .field.is-horizontal.order_page_filters__sort,
.page-customer-orders .field,
.page-customer-orders .order_f_info.shippingAddress,
.page-customer-orders ul.order_f_info.order_f_info_m.shippedOn,
.page-order-details .od_row.columns.is-widescreen.od_row--billing,
.page-order-details .od_half_row.od_row_formating.column.is-6,
.page-order-details li.cf_accountlinks_CustomerAddresses,
.page-order-details li.cf_accountlinks_OrderLine,
.page-downloadableproducts-downloadableproducts li.cf_accountlinks_OrderLine,
.page-downloadableproducts-downloadableproducts li.cf_accountlinks_CustomerAddresses,
.page-catalog-search tr.search-price-range,
.page-catalog-search tr.search-price-range {
    display: none;
}



.page-catalog-search .navigationmenu {
    background-color: var(--tertiary-blue);
    border-radius: 3rem;
    margin-bottom: 6rem;
}

.page-catalog-search .navigationmenu h6 {
    color: var(--primary-coral);
    font-size: 2rem;
    text-transform: uppercase;
    text-align: center;
}

.page-catalog-search .navigationmenu u1 {
    text-align: left;
    margin-left: 3rem;
}

/* Navbar */
.top-bar-section .headermenu {
    display: none;
}

.icon.is-relative,
span.badge {
    display: none;
}

.search-box {
    margin-bottom: 2rem;
}

.header-spacer.ict-header-spacer{
    display: none;
}

.awesomplete-popup {
    top: 5rem;
}

.account-inbox .navbar-link::after{
    content: none;
}

.selectnavwrapper{
    display: none;
}

/* Home Banner */
.homebanners .section.aca-banner{
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
}

.ict-embed > iframe{
    clip-path: inset(1px 1px);
    width: 100%;
}

/* About Us page */
.support-team:nth-child(1){
    padding-bottom: 0 !important;
}

.success-team .ict-title:first-child,
.support-team .ict-title:first-child{
    font-weight: 700;
}

.success-team .column:not(:first-child) .ict-title,
.support-team .column:not(:first-child)  .ict-title{
    font-weight: 400;
    margin-bottom: 0.5rem !important;
}

.success-team .ict-sub-title,
.support-team .ict-sub-title {
    font-size: 1.24em;
}

.success-team .ict-buttons .button,
.support-team .ict-buttons .button {
    background: transparent;
    color: var(--primary-navy);
    border: 2px solid var(--primary-navy);
    transition:  0.3s;
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
}

.success-team .ict-buttons .button:hover,
.support-team .ict-buttons .button:hover{
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
    color: var(--natural-white);
}

.success-team .ict-buttons .button:focus,
.support-team .ict-buttons .button:focus{
    box-shadow: 0 0 0 .125em rgba(0, 46, 71, 0.25);
}

.success-team .ict-right-column .is-inline-block,
.success-team .ict-right-column .block,
.support-team .is-inline-block,
.support-team .block{
    display: flex !important;
    justify-content: center;
}

.success-team .ict-image,
.support-team .ict-image{
    width: 50%;
}

.success-team .block .ict-buttons:hover a,
.support-team .block .ict-buttons:hover a{
    background-color: var(--primary-navy);
}

.success-team .ict-buttons:hover a,
.support-team .ict-buttons:hover a{
    color: var(--natural-white);
}

.success-team .column .ict-paragraph p a,
.support-team .column .ict-paragraph p a{
    transition: 3s ease-in;
    -webkit-transition: 3s ease-in;
    -moz-transition: 3s ease-in;
    -ms-transition: 3s ease-in;
    -o-transition: 3s ease-in;
}

.success-team .column .ict-paragraph p a:hover,
.support-team .column .ict-paragraph p a:hover{
    text-decoration: underline;
}

.success-team .column:not(:first-child) .ict-paragraph p,
.support-team .column .ict-paragraph p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
}

.success-team .ict-image{
    width: 75%;
}

.support-team .column p:nth-child(1)  {
    width: 75%;
}

.support-team .column:nth-child(2) p:nth-child(1){
    width: 300px;
} 

/* FAQ Page */
.faq-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.faq-content h2,
.faq-content .block{
    color: var(--primary-navy) !important;
}

.faq-category h3{
    color: var(--primary-coral);
}

.faq-category:not(:first-child) .title{
    margin-top: 3rem !important;
}

.card-header,
.card-header-icon,
.card-content{
    background-color: var(--tertiary-blue) !important;
}

.card-header{
    cursor: pointer;
}

.card .card-header-icon{
    align-items: flex-start;
}

.card-header-icon .catfish-button, .button{
    border-width: 8px;
}

.card-header.is-active {
    border-bottom: 2px solid rgba(10,10,10,0.1);
}

.card-header.is-active .fa-angle-down{
   transform: rotate(-180deg);
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   transition: transform 0.3s ease-in-out;
   -webkit-transition: transform 0.3s ease-in-out;
   -moz-transition: transform 0.3s ease-in-out;
   -ms-transition: transform 0.3s ease-in-out;
   -o-transition: transform 0.3s ease-in-out;
}

.fa-angle-down{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
}

.card-header .icon .fa-angle-down{
    font-size: x-large;
}

/* My Inbox page */
.page-privatemessages-index #BeforeMainContainer,
.page-privatemessages-sendpm #BeforeMainContainer{
    padding: 0 !important;
}

.page-privatemessages-index .private-messages-page,
.page-privatemessages-sendpm .privatemessagesend,
.ui-tabs .ui-tabs-panel {
    background-color: var(--tertiary-light-blue) !important;
}

/* Inbox Tabs */
#tabs-1 > div:nth-child(1) > form:nth-child(2), 
#tabs-2 > div:nth-child(1) > form:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Message Box Styling */
.privatemessagesend {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 0rem;
}

.privatemessagesend .wrapper {
    width: 100vw;
    display: flex;
    justify-content: center;
    margin-bottom: -12rem;
}

.privatemessagesend .title{
    font-weight: 700;
    color: var(--primary-navy);
}

table.postmessage > tbody:nth-child(1) {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Message box Input elements */
table.postmessage tbody tr {
    display: flex;
    gap: 2rem
}

table.postmessage > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
    padding-left: 2.7rem;
}

#Subject {
    padding-left: 1rem;
    width: 40vw;
    max-width: 40vw;
}
   
table.postmessage > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2) {
    padding-left: .5rem;
}

.page-privatemessages-sendpm textarea#Message{
    width: 40vw;
    max-width: 40vw;
    height: 200px;
    border: 1px solid var(--tertiary-blue);
}

.page-privatemessages-sendpm textarea#Message:focus,
.page-privatemessages-sendpm textarea#Message:focus-visible{
    border-color: var(--primary-coral);
    box-shadow: 0 0 0 .125em rgba(255,104,103,0.25);
    outline: none;
}

.page-privatemessages-sendpm .toolbar {
    display: none;
}

.page-privatemessages-sendpm .input,
.catfish-input,
.catfish-select,
.textarea,
.catfish-textarea {
    width: 500px;
}

.page-privatemessages-sendpm .toolbar {
    display: none;
}

.page-privatemessages-sendpm .input,
.catfish-input,
.catfish-select,
.textarea,
.catfish-textarea {
    width: 500px;
}

.page-privatemessages-sendpm textarea#Message {
    width: 45vw;
    height: 200px;
}

.page-privatemessages-sendpm table.postmessage {
    margin-bottom: 200px;
}

table.postmessage > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1),
table.postmessage > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1),
table.postmessage > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) {
    color: var(--primary-coral);
}

/* Message Buttons */
table.postmessage > tbody:nth-child(1) > tr:nth-child(4) {
    display: flex;
    justify-content: end;
    margin-top: 1rem;
}

table.postmessage > tbody:nth-child(1) > tr:nth-child(4) .catfish-button, .button{
    background-color: var(--primary-coral);
    border-color: var(--primary-coral);
    color: var(--primary-navy);
    padding-left: 3.333rem;
    padding-right: 3.333rem;
}

table.postmessage > tbody:nth-child(1) > tr:nth-child(4) .submitpmbutton {
    margin-right: .5rem;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid var(--primary-coral);
}

table.postmessage > tbody:nth-child(1) > tr:nth-child(4) .submitpmbutton:hover{
    color: var(--natural-white);
}

table.postmessage > tbody:nth-child(1) > tr:nth-child(4) .submitpmbutton:hover{
    background-color: var(--primary-coral);
    
}

table.postmessage > tbody:nth-child(1) > tr:nth-child(4) .cancelpmbutton {
    margin-right: 3rem;
    font-weight: 700;
    color: var(--natural-white);
}

/* Validatition Error */
.privatemessagesend .validation-summary-errors{
    height: 50%;
}

/* Private Message View Page */
.page-privatemessages-sendpm table.postmessage,
.page-privatemessages-viewpm table.viewmessage {
    font-family: PTSans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: var(--primary-navy);
    background-color: var(--natural-white);
    border: 1px solid var(--tertiary-blue);
    border-radius: 0rem;
    padding: 1.5rem;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s ease;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    box-sizing: border-box;
    display: table-cell;
    min-width: 50%;
}

.page-privatemessages-viewpm #contentrow{
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.page-privatemessages-viewpm #contentrow .grid_3{
    display: none;
}

.page-privatemessages-viewpm #contentrow .grid_9{
    width: 100%;
}

.page-privatemessages-viewpm .grid_9.column.is-9-desktop {
    padding: 3rem;
}

.page-privatemessages-viewpm .privatemessageview {
    margin-bottom: auto;
}

.privatemessageview {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.privatemessageview .viewmessage tr{
    display: flex;
    gap: 1rem;
}

.privatemessageview .title{
    font-weight: 700;
    color: var(--primary-navy);
}

.privatemessageview .viewmessage > tbody:nth-child(1) {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.privatemessageview .viewmessage > tbody:nth-child(1) > tr:nth-child(5) {
    display: flex;
    justify-content: end;
    margin-top: 1rem;
}

.privatemessageview .options .catfish-button,
.button {
    padding-left:2.333rem;
    padding-right:2.333rem;
    font-weight: 700;
    
}

.privatemessageview .options .replypmbutton{
    background: transparent;
    border: 1px solid var(--primary-coral);
    margin-right: .8rem;
    color: var(--primary-navy);
}

.privatemessageview .options .replypmbutton:hover{
    background: var(--primary-coral);
    color: var(--natural-white);
}

.privatemessageview .options .deletepmbutton {
    margin-right: .8rem;
}

.privatemessageview .options .deletepmbutton,
.privatemessageview .options .backpmbutton {
    color: var(--natural-white);
}
   
/* Private Message View */
.viewmessage > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2) {
    padding-left: .5rem;
}
.viewmessage > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2) {
    padding-left: 2.7rem;
}
.viewmessage > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
    padding-left: 1.4rem;
}

.privatemessageview .viewmessage .message{
    background-color: var(--natural-white);
}

.viewmessage > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1),
.viewmessage > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1),
.viewmessage > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1),
.viewmessage > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1){
    color: var(--primary-coral);
}

.viewmessage > tbody:nth-child(1) > tr:nth-child(5) {
    border-top: 2px solid rgba(0, 46, 71, .2);
    padding-top: 1.5rem;
}

/* Product Landing */
.arone-product-landing-page .column.quantity-wrapper,
.arone-product-landing-page .column.picture-wrapper,
.arone-product-landing-page .column.price {
    display: none;
}

.arone-product-landing-page .action-button-wrapper .catfish-button {
    padding: 2rem 4rem;
    height: auto;
    font-size: 1.5rem;
    min-width: 0px;
}

.arone-product-landing-page .product-intro-section + .product-info-section {
    padding-top: 0.8rem;
    padding-bottom: 0px;
}

/* Product Item */
#homeFeaturedCategoriesTitleRow .title{
    margin-bottom: 5rem;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item{
    border: 1px solid rgba(0, 0, 0, 0.3);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.listItem.grid_3 .small-product-item:hover{
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
}

/* Column Styling  */
.homePageCategories .listItem.grid_3{
    background: transparent;
}

/* Product Image  */
.homeFeaturedCategoriesWrapper .category-item .picture {
    height:50% !important;
    display: flex;
    justify-content: center;
}

.category-item .picture .image{
    width: 100%;
}

.homeFeaturedCategoriesWrapper .category-item .picture img {
    width:100%;
    object-fit: contain;
}

.listItem.grid_3 .small-product-item {
    border: solid 1px #eee;
    background: var(--natural-white);
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

/* Product Title */
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    padding: 1rem;
    background: transparent;
    display: flex;
    align-items: center;
    height: 100%;
} 

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title:hover{
    background: transparent;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    background: transparent;
}

.product-title a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--primary-navy) !important;
    font-size: 1.4em;
    line-height: 1.3;
    font-weight: 700;
    margin-top: 1.5rem;
}

/* Product Description */

.category-short-description{
    padding: 0 1.5rem;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 14%;
    left: 0;
}

/* Page Shopping Cart */
.page-shoppingcart-cart .catfish-default-product-box .product-item--image,
.page-catalog-category .catfish-default-product-box .product-item--image {
    display: none;
}

.page-shoppingcart-cart .product-grid,
.shoppingcart__wrapper .product-grid {
    display: inline-block;
    width: 100%;
    float: left;
    padding-top: 0rem;
    padding-bottom: 0rem;
    width: 100%;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.page-shoppingcart-cart input#checkout {
    display: none;
}

.page-catalog-category .button.is-rounded.accordion-title,
.page-catalog-category a.button.is-medium.is-primary {
    border-radius: 10px;
    font-size: 1rem;
    width: 100%;
}

.page-shoppingcart-cart .cart--deleteitem,
.page-shoppingcart-cart .summaryShortDescription,
.page-shoppingcart-cart input#continueshoppingDummy,
.page-shoppingcart-cart .addtocart.level.level-left {
    display: none;
}

/* Page Checkout */
.page-checkout-onepagecheckout .order-summary-body {
    display: none;
}

.page-checkout-onepagecheckout .one-page-checkout {
    margin: 0 auto;
    display: block;
    min-height: 00rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.one-page-checkout .step-title h2 {
    display: none;
}

.one-page-checkout .buttons {
    padding: 1rem;
    width: 30%;
}

.page-checkout-completed .recentlyViewedItemImg {
    height: 20px;
    background-color: var(--primary-coral);
}

.page-checkout-completed .recenttitle {
    background: none;
}

.page-checkout-completed .recentlyViewed_closed,
.page-checkout-completed .recentlyViewed_open {
    top: 0px !important;
    right: 0px !important;
}

.page-checkout-completed .recentlyViewedContainerParent {
    width: auto;
    height: auto;
}

.page-checkout-completed .recentlyViewedHandle {
    display: none !important;
}

.page-checkout-completed .recentlyViewed {
    position: static;
}

.page-checkout-completed .shadow {
    box-shadow: none;
    background: var(--natural-white);
}

.page-checkout-completed .navigationmenu h6 {
    color: var(--primary-coral);
    font-size: 2rem;
    text-transform: uppercase;
    text-align: center;
}

.page-checkout-completed .navigationmenu u1 {
    text-align: left;
    margin-left: 3rem;
}

.page-checkout-completed li.inactive {
    color: var(--tertiary-blue) !important;
}

.page-checkout-completed .page-title,
.page-checkout-completed .grid_12.checkout_data_integrated {
    display: none;
}

.page-checkout-completed .navigationmenu {
    background-color: var(--tertiary-blue);
    border-radius: 3rem;
    margin-bottom: 6rem;
}

/* Page Catalog */
/* Column Styling */

.page-catalog-category .category-hero-section{
    background-color: var(--natural-white) !important;
}

.category-subcategory-section{
    background-color: var(--tertiary-light-blue) !important;
}

.category-product-section{
    background-color: var(--tertiary-light-blue) !important;
}

.page-catalog-category .category-subcategory-section{
    background-color: var(--tertiary-blue);
}

.page-catalog-category .listWrapper .listItem.grid_3 .item-box .sub-category-item .category-title a,
.page-catalog-category .listWrapper .listItem.grid_3 .item-box .sub-category-item .category-title a:hover{
    color: var(--primary-navy);
}

.sub-category-grid .listWrapper .item-box{
    border-top: none;
}

.page-catalog-category .listWrapper .listItem.grid_3 .item-box{
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
}

.page-catalog-category .listWrapper .listItem.grid_3 .item-box:hover {
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
}

.sub-category-grid .listWrapper .item-box .sub-category-item {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.page-catalog-category .product--stockquantity{
    font-size: 1.2em;
}

.category-intro-wrapper .subtitle{
    display: none;
}

.page-catalog-category .addtocart.level.level-left,
.page-catalog-search .product-item--image,
.page-catalog-search .addtocart.level.level-left {
    display: none;
}

.page-catalog-category .catfish-button,
.page-catalog-search .catfish-button,
.button {
    background-color: var(--primary-coral);
}

.page-catalog-product .product-item--image {
    display: none;
}

.page-catalog-product .description {
    color: white;
}

.page-catalog-category .addtocart.level.level-left,
.page-catalog-product .addtocart.level.level-left {
    display: none;
}

.page-catalog-category .product-item--info {
    background-color: var(--tertiary-blue);
    padding: 2rem;
    border-radius: 1rem;
}

.page-catalog-product .column.add-to-cart-buttons-wrapper.action-button-wrapper.add-info {
    justify-content: left;
    display: flex;
}

.page-catalog-product .stock.block {
    color: black;
    font-size: 1rem;
    padding-top: 4rem;
}

.page-catalog-product .attributes.columns.is-multiline {
    width: 100%;
    background-color: var(--tertiary-light-blue);
    color: black;
    border-radius: 0rem;
}

.page-catalog-product button.button.start-quiz-button {
    display: none;
}

.page-catalog-product .last_ratings--wrapper,
.page-catalog-product .show_all_reviews {
    display: none;
}

/* Image Layout */
.sub-category-grid .item-box .sub-category-item .picture {
    height:50% !important;
    display: flex;
    justify-content: center;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .picture img {
    object-fit:contain;
}

.sub-category-item .category-title{
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;  
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sub-category-grid .listWrapper .item-box .sub-category-item:hover .category-title{
    background: none;
    padding: 1rem;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .category-title a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    font-size: 1.4em;
    line-height: 1.3;
    font-weight: 700;
    margin-top: 1.5rem;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .short-description{
    display: block !important;
    padding: 0 1.5rem;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 14%;
    left: 0;
}

.category-outro-wrapper.section,
.category-outro-wrapper.section .product-item .product-item--info {
    display: none;
}

.category-product-section .product-grid .item-box{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.page-home-index .homeFeaturedCategoriesWrapper {
    background-color: var(--tertiary-light-blue);
}

.page-home-index div#homeFeaturedCategoriesTitleRow {
    color: var(--primary-coral) !important;
}

.page-home-index div#homeFeaturedCategoriesTitleRow .title {
    font-size: 2.5em;
    font-weight: 900 !important;
}

/* Product Landing */
.section.product-info-section{
    background-color: var(--natural-white) !important;
}

.additional-description-wrapper .columns .column .buttons .button,
.additional-description-wrapper .columns .column .buttons .button a{
    color: var(--natural-white);
}

section.related-products-section{
    background-color: var(--tertiary-blue) !important;
}

section.section.breadcrumb-section.is-small {
    background: var(--primary-navy);
}

section.section.product-info-section {
    background: var(--tertiary-blue);
}


section.related-products-section .title{
    color: var(--primary-navy) !important;
}

.subtitle.short-description-wrapper{
    display: none;
}

/* Product Landing Desc */
.main-title,
.transcript-section .ict-sub-title,
#tango-section .ict-title {
    color: var(--primary-navy) !important;
}

.video-desc .video-desc-info {
    padding: 1.5rem;
    border: 1px solid var(--primary-navy);
}

.video-desc .video-desc-buttons {
    gap: 3rem;
}

.video-desc .video-desc-buttons .button{
    margin: 0;
    padding: 0;
    background: var(--natural-white);
    border: none;
}

.video-desc .video-desc-buttons .button{
    color: rgba(255, 104, 103, 1);
}

.stock.block{
    padding-top: 0 !important;
}

.product-variant-line{
    display: flex !important;
}

.product-variant-line .block{
    display: flex;
    align-items: end;
    width: 100%;
    margin-bottom: 0 !important;
}

.product-variant-line .block .label:not(:last-child){
    margin-bottom: 0 !important;
}

.stock > span:nth-child(2) {
    margin-left: .5rem;
}
   
.price-quantity-start-wrapper{
    display: flex;
    justify-content: end;
}

.price-quantity-start-wrapper .productvariantaddtocartbutton{
    padding: .925rem 3rem !important;
    font-size: 1.2em !important;
}

/* Transcript */
.transcript-section .block{
    max-height: 20rem;
    overflow: auto;
}

.transcript-section .block .ict-wysiwyg.content{
    height: 15rem;
    padding: 0 1.5rem;
}

/* Tango Section */
.tango-section{
    background-color: var(--tertiary-light-blue);
}

/* Related Products */
.related-products-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.related-products-section .title {
    margin-bottom: 0;
    font-size: 2.1333333333333333em;
    font-weight: 700;
}

.related-products-section .product-title a{
    color: var(--primary-navy) !important;
}

.related-products-section .description{
    color: #333;
}

/* Graduation Page*/
.graduation-section .ict-paragraph:nth-child(2){
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.graduation-section ul{
    margin: 0;
}

.graduation-section .ict-paragraph:nth-child(2) > ul:nth-child(1) > li{
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.graduation-section .ict-paragraph:nth-child(2) > ul > li:before{
    content: "\2022"; /* Bullet point character */
    margin-right: 5px;
}

.content .graduation-section ul{
    display: flex;
    justify-content: center;  
    flex-direction: column;
    align-items: center;
}

/* Customer Support Page  */
.page-topic-topicdetails .support-button-section{
    background: var(--tertiary-light-blue) !important;
}

.support-button-section .ict-sub-title{
    font-weight: 400;
}

/* Booking Kic-off Page */

.page-topic-topicdetails .book-meeting-sec{
    background-color: var(--tertiary-light-blue) !important;
}

/* Sam - Product Landing  */
.page-catalog-product .product-info-section .picture-wrapper{
    display: unset;
}

.page-catalog-product input.productvariantaddtowishlistbutton.catfish-button{
    padding: .925rem 3rem !important;
    font-size: 1.2em !important;
}

/* Wishlist */
.page-shoppingcart-wishlist {
    table.cart.table.is-fullwidth th:nth-child(2),
    table.cart.table.is-fullwidth td:nth-child(2),
    table.cart.table.is-fullwidth th:nth-child(4),
    table.cart.table.is-fullwidth td:nth-child(4) {
        display: none;
    }
}

.page-shoppingcart-wishlist {
    input#emailafriend{
        display: none;
    }
    input#addtocartbutton{
        display: none;
    }
}

/* Laptop */
@media  screen and (max-width: 1600px){
    .homebanners .section.aca-banner{
        padding-top: 6rem !important;
        padding-bottom: 9rem !important;
    }
}

/* Tablet */
@media  screen and (max-width: 768px){
    .homebanners .section.aca-banner{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

}

@media screen and (max-width: 767px){
    .page-privatemessages-sendpm table.postmessage {
        min-width: 90%;
    }

    #Subject,
    .page-privatemessages-sendpm textarea#Message {
        width: 65vw;
        max-width: 70vw;
    }

    table.postmessage > tbody:nth-child(1) > tr:nth-child(4) .cancelpmbutton {
        margin-right: 0rem;
    }
    
    .page-privatemessages-viewpm .grid_9.column.is-9-desktop {
        padding: 0;
    }

    .viewmessage > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2) {
        width: 400px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .page-home-index .listItem.grid_3,
    .page-catalog-category .listItem.grid_3{
        width: 100%;
    }
}

/* Mobile */
@media screen and (max-width: 480px){
    .homebanners .section.aca-banner{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
        background: url('/854505877/Handler/CSSOverride/GetImage/22/Mobile-Bg.png') no-repeat cover;
        background-position: bottom;
    }

    .awesomplete {
        width: 80%;
    }

    .ict-embed > iframe{
        height: 300px;
    }

    .product-variant-line{
        display: flex !important;
        flex-direction: column;
    }

    .price-quantity-start-wrapper{
        justify-content: center;
        margin-top: 1rem;
    }

    .price-quantity-start-wrapper .productvariantaddtocartbutton{
        padding: .925rem 13.2rem !important;
        font-size: 1.2em !important;
    }

    /* My Inbox */

    .page-privatemessages-viewpm #contentrow{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .viewmessage tbody:first-child tr:nth-child(3),
    .viewmessage tbody:first-child tr:nth-child(4){
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .viewmessage > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2) {
    padding-left: 0;
    width: 312px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .privatemessageview .viewmessage .options{
        display: flex;
        flex-wrap: wrap;
    }
    
    .privatemessageview .viewmessage .options .backpmbutton {
        margin-top: 1rem;
        padding-left: 4rem;
        padding-right: 4rem;
    }

    th:not(:first-child),
    td:not(:first-child){
    padding-left: .5rem;
    }

    #tabs-1 > th:not(:first-child),
    #tabs-2 > th:not(:first-child),
    #tabs-2 >td:not(:first-child),
    #tabs-1 >td:not(:first-child){
    padding-left: .5rem;
    }

    table.postmessage {
        margin: .5rem;
        margin-bottom: 200px;
    }

    #Subject,
    .page-privatemessages-sendpm textarea#Message {
        width: 85vw;
        max-width: 85vw;
    }

    table.postmessage > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2),
    table.postmessage > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2),
    table.postmessage > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2){
        padding-left: 0rem !important;
    }
       
    table.postmessage > tbody tr:nth-child(2),    
    table.postmessage > tbody tr:nth-child(3){
        flex-direction: column;
        gap: .5rem;
    }

    table.postmessage > tbody:nth-child(1) > tr:nth-child(4) .cancelpmbutton {
        margin-right: 0rem;
    }

    .privatemessagesend .wrapper {
        display: flex;
        flex-direction: column;
    }

    .privatemessagesend .validation-summary-errors{
        height: 50%;
    }

    /* About */
    .support-team .column:nth-child(2) .ict-paragraph p{
        width: 100%;
    }

    .support-team .column p:nth-child(1) {
        width: 100%;
    }

    .success-team .column:not(:first-child) .ict-paragraph p,
    .support-team .column:nth-child(2) .ict-paragraph p{
        height: 70px;
    }

    .success-team .ict-image,
    .support-team .ict-image {
    width: 70%;
    }

    /* Category */
    .category-short-description{
        padding: 0 3rem;
        width: 100%;
        height: 100px;
        position: absolute;
        bottom: 15%;
        left: 0;
    }


}






/* === Target only checklist sections (with id^="section_") on page 427 === */

/* Force list items to break out of the grid and span full width */
.page427 section[id^="section_"] .listWrapper .listItem {
    float: none !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 15px;
  }
  
  /* Override any column classes inside these sections */
  .page427 section[id^="section_"] .column,
  .page427 section[id^="section_"] .grid_3 {
    float: none !important;
    width: auto !important;
  }
  
  /* Hide images entirely */
  .page427 section[id^="section_"] .product-item--image {
    display: none !important;
  }
  
  /* Style the container for each checklist item */
  .page427 section[id^="section_"] .item-box {
    background-color: #CADFEB; /* Light blue background */
    border-left: 5px solid #FF6867; /* Coral accent by default (for incomplete items) */
    border-radius: 4px;
    padding: 0px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  
  /* Layout the info area as a flex container */
  .page427 section[id^="section_"] .product-item--info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  
  /* On smaller screens, stack vertically */
  @media (max-width: 600px) {
    .page427 section[id^="section_"] .product-item--info {
      flex-direction: column;
      align-items: flex-start;
    }
    .page427 section[id^="section_"] .buttons,
    .page427 section[id^="section_"] .addtocart {
      margin-top: 8px;
    }
  }
  
  /* Style the title (name) */
  .page427 section[id^="section_"] .product-item--content h2 {
    margin: 0 0 5px;
    font-size: 1.2em;
    color: #002E47; /* Navy */
    font-weight: 600;
  }
  
  /* Status text */
  .page427 section[id^="section_"] .product--stockquantity {
    font-size: 0.9em;
    font-weight: 600;
  }
  
  /* Style the Launch button */
  .page427 section[id^="section_"] .buttons input[type="button"] {
    background-color: #FF6867; /* Coral */
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  .page427 section[id^="section_"] .buttons input[type="button"]:hover {
    background-color: #FFA89B; /* Secondary Coral */
  }
  
  /* Style the Complete button */
  .page427 section[id^="section_"] .addtocart input[type="button"] {
    background-color: #3483AC; /* Blue */
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  .page427 section[id^="section_"] .addtocart input[type="button"]:hover {
    background-color: #98C1D9; /* Place Blue */
  }


  /* Darken / grey out an entire section when locked */
  .locked-section {
    opacity: 0.5;           /* Make it semi-transparent */
    pointer-events: none;   /* Disable clicks and interactions */
    filter: grayscale(100%);/* Optionally, make it grayscale as well */
  }











/*Styling for category pages*/
section.category-subcategory-section.section {
    background-color: white !important;
}

section.category-product-section.section {
    background-color: white !important;
}
.page-catalog-category h1.title {
    color: #FF6867;
    font-size: xxx-large;
    text-align: center !important;
}

  /* Only apply this search-box styling on pages with the “page-catalog-category” class */
  .page-catalog-category .section-search-box {
    width: 100%;                  /* span the full width of the container */
    padding: 0.5em;               /* some breathing room inside */
    margin-bottom: 1em;           /* space below before the grid */
    font-family: 'PT Sans', Arial, sans-serif;  /* your brand font, fallback to Arial */
    font-size: 1em;               /* readable text size */
    border: 2px solid #FF6867;    /* Primary Coral outline */
    border-radius: 4px;           /* soft, approachable corners */
    box-sizing: border-box;       /* include padding in the width */
  }

  /* Optional: focus state highlight */
  .page-catalog-category .section-search-box:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255,104,103,0.3);
  }

/* Sub-category search box */
.page-catalog-category #subcat-search-box {
  width: 100%;                             /* fill the container */
  padding: 0.5em;                          /* breathing room */
  margin-bottom: 1em;                      /* space below */
  font-family: 'PT Sans', Arial, sans-serif;
  font-size: 1em;
  border: 2px solid #FF6867;               /* Primary Coral */
  border-radius: 4px;                      /* soft corners */
  box-sizing: border-box;                  /* include padding in width */
  transition: border-color 0.2s ease,
              box-shadow 0.2s ease;
  background-color: #fff;
}

/* Focus state */
.page-catalog-category #subcat-search-box:focus {
  outline: none;
  border-color: #E65554;                   /* slightly darker coral */
  box-shadow: 0 0 0 3px rgba(255,104,103,0.3);
}

/* Placeholder text */
.page-catalog-category #subcat-search-box::placeholder {
  color: #999;
  opacity: 1;                              /* override default opacity */
}










/* ============================================
   Infigo Academy Navigation Styles
   - Uses Infigo’s PT Sans font and official
     colour palette from the brand guidelines
   - Comments explain what each part does
   ============================================ */

/* 1) Define brand colours and font once at the top,
      so you can tweak them easily in future */
:root {
  /* Our brand font (PT Sans) with fallbacks */
  --font-family: 'PT Sans', Arial, sans-serif;

  /* Core background and text colours */
  --color-background: #FFFFFF;    /* white */
  --color-text:       #002E47;    /* Primary Navy */

  /* Link and highlight colours */
  --color-link:       #FF6867;    /* Primary Coral */
  --color-link-hover: #3483AC;    /* Secondary Blue */
  --color-active:     #FFA89B;    /* Secondary Coral */

  /* Accents and borders */
  --color-border:     #CADFEB;    /* Tertiary Blue */
  --color-tier1:      #98C1D9;    /* Secondary Pale Blue */

  /* How much to indent each nested level */
  --indent-size:      1rem;
}

/* 2) Overall navigation container */
.navigationmenu {
  font-family:       var(--font-family);
  background-color:  var(--color-background);
  color:             var(--color-text);
  border:            1px solid var(--color-border);
  border-radius:     4px;                /* soft rounded corners */
  box-shadow:        0 2px 4px rgba(0,0,0,0.1); /* subtle depth */
  padding:           1rem;               /* inner spacing */
  max-height:        100%;               /* fill its parent */
  overflow-y:        auto;               /* scroll if too tall */
}

/* 3) Search box styling */
.nav-search {
  width:             100%;
  padding:           0.5rem;             /* comfy click/tap area */
  margin-bottom:     1rem;               /* space below */
  border:            1px solid var(--color-tier1);
  border-radius:     4px;
  font-family:       var(--font-family);
  font-size:         1rem;
  color:             var(--color-text);
}

/* 4) Menu title */
.navigationmenu--title {
  font-size:         1.25rem;            /* slightly larger */
  font-weight:       bold;
  margin-bottom:     0.75rem;
  color:             var(--color-link);  /* coral accent */
}

/* 5) Remove default list styling */
.navigationmenu--categories,
.navigationmenu--categories ul {
  list-style: none;
  margin:     0;
  padding:    0;
}

/* 6) Top-level list items spacing */
.navigationmenu--categories > li {
  margin-bottom: 0.5rem;
  position:      relative; /* for any future absolute children */
}

/* 7) Arrange arrow and link side-by-side */
.navigationmenu--categories li .toggle-arrow,
.navigationmenu--categories li > a {
  display:         inline-block;
  vertical-align:  middle;
}

/* Arrow appearance */
.navigationmenu--categories li .toggle-arrow {
  width:           1rem;
  font-size:       0.9rem;
  text-align:      center;
  cursor:          pointer;
  transition:      transform 0.3s ease, color 0.2s ease;
  color:           var(--color-tier1);
  margin-right:    0.5rem;
}

/* Rotate arrow when expanded */
.navigationmenu--categories li.expandedListItem > .toggle-arrow {
  transform: rotate(90deg);
}

/* Arrow hover feedback */
.navigationmenu--categories li .toggle-arrow:hover {
  color: var(--color-link);
}

/* 8) Link text styling */
.navigationmenu--categories li > a {
  color:            var(--color-text);
  text-decoration:  none;    /* remove underline */
  font-weight:      normal;
  transition:       color 0.2s ease;
  padding:          0.25rem 0; /* extra click area vertically */
}

/* Link hover colour */
.navigationmenu--categories li > a:hover {
  color: var(--color-link);
}

/* Active (currently selected) link */
.navigationmenu--categories li.active > a {
  color:       var(--color-active);
  font-weight: bold;
}

/* 9) Nested sub-lists */
.navigationmenu--categories .subcats {
  display:      none;               /* hide by default */
  margin:       0;
  padding-left: var(--indent-size); /* indent inward */
}

/* Show subcats when parent has expandedListItem */
.navigationmenu--categories li.expandedListItem > .subcats {
  display: block;
}

/* Space between nested items */
.navigationmenu--categories .subcats li {
  margin-bottom: 0.4rem;
}

/* Slight arrow size tweak deeper down */
.navigationmenu--categories .subcats .toggle-arrow {
  font-size: 0.85rem;
}

/* 10) Keyboard focus outline for accessibility */
.navigationmenu--categories li > a:focus {
  outline:        2px dashed var(--color-link);
  outline-offset: 2px;
}

/* 11) Current category header (hidden/visible control) */
.navigationmenu--currentCategory {
  font-size:     1rem;
  font-weight:   bold;
  margin-bottom: 0.5rem;
  color:         var(--color-text);
}








/* ===================================================================
   Allow the navigationmenu to expand to its full content height
   (override any inline max-height like 185px on other pages) */
.navigationmenu {
  /* remove any fixed cap on height */
  max-height: none !important;
  /* only scroll if it really overflows the viewport */
  overflow-y: visible !important;
}

/* If you’d still like a viewport-based cap rather than infinite height,
   you can use something like this instead: */
.navigationmenu {
  max-height: calc(100vh - 200px) !important;  /* adjust 200px for header/footer */
  overflow-y: auto !important;
}

/* --------------------------------------------------------------------
   𝗞𝗲𝗲𝗽 𝗮𝗿𝗿𝗼𝘄 & 𝗳𝗶𝗿𝘀𝘁 𝗹𝗶𝗻𝗲 𝗼𝗳 𝗰𝗮𝘁𝗲𝗴𝗼𝗿𝘆 𝗻𝗮𝗺𝗲 𝘁𝗼𝗴𝗲𝘁𝗵𝗲𝗿
   -------------------------------------------------------------------- */
.navigationmenu--categories li {
  display: flex;             /* line up arrow + text on one row */
  flex-wrap: wrap;           /* allow nested subcats to drop under */
  align-items: flex-start;   /* keep arrow aligned with top of text */
}

/* keep the arrow at its natural size */
.navigationmenu--categories li > .toggle-arrow {
  flex-shrink: 0;
}

/* let the link take up remaining space and wrap its own text */
.navigationmenu--categories li > a {
  flex: 1;                   /* fill row next to arrow */
  min-width: 0;              /* allow wrapping inside link */
  white-space: normal;       /* wrap long category names */
}

/* ensure any <ul.subcats> always starts on a new row below */
.navigationmenu--categories li > .subcats {
  flex-basis: 100%;          /* full-width row under the arrow+link */
  margin-top: 0.25rem;       /* small gap before nested items */
}