/*Variables*/
:root {
    --dark-grey: #363636;
    --light-grey: #767676;
    --dark-blue: #0467ae;
    --light-blue: #a3d8de;
    --dark-green: #80be26;
    --light-green: #ddf39b;
    --dark-orange: #f75710;
    --light-orange: #feba66;
    --dark-purple: #441e89;
    --light-purple: #f5b2db;
}

/*Global*/
section.is-very-small {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.section.is-very-large {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.button.is-rounded,
.is-rounded>.button,
.is-rounded img,
img.is-rounded,
.topicpage-body .button {
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
}

.is-min-height-100 {
    min-height: 100%;
}

.has-no-top-padding {
    padding-top: 0;
}

.has-text-dark-grey {
    color: var(--dark-grey) !important;
}

.has-text-light-grey {
    color: var(--light-grey) !important;
}

.has-text-dark-blue {
    color: var(--dark-blue) !important;
}

.has-text-light-blue {
    color: var(--light-blue) !important;
}

.has-text-dark-green {
    color: var(--dark-green) !important;
}

.has-text-light-green {
    color: var(--light-green) !important;
}

.has-text-dark-orange {
    color: var(--dark-orange) !important;
}

.has-text-light-orange {
    color: var(--light-orange) !important;
}

.has-text-dark-purple {
    color: var(--dark-purple) !important;
}

.has-text-light-purple {
    color: var(--light-purple) !important;
}

.has-background-dark-grey .has-text-white {
    background-color: var(--dark-grey);
}

.has-background-light-grey {
    background-color: var(--light-grey);
}

.has-background-dark-blue .has-text-white {
    background-color: var(--dark-blue);
}

.has-background-light-blue {
    background-color: var(--light-blue);
}

.has-background-dark-green .has-text-white {
    background-color: var(--dark-green);
}

.has-background-light-green {
    background-color: var(--light-green);
}

.has-background-dark-orange .has-text-white {
    background-color: var(--dark-orange);
}

.has-background-light-orange {
    background-color: var(--light-orange);
}

.has-background-dark-purple .has-text-white {
    background-color: var(--dark-purple);
}

.has-background-light-purple {
    background-color: var(--light-purple);
}

.is-object-fit-contain,
.is-object-fit-contain img {
    object-fit: contain !important;
}

.is-object-fit-cover,
.is-object-fit-cover img {
    object-fit: cover !important;
}

.is-object-fit-fill,
.is-object-fit-fill img {
    object-fit: fill !important;
}

/*Mobile order classes*/

@media screen and (max-width:767px) {


    .is-mobile-order-1 {
        order: 1;
    }

    .is-mobile-order-2 {
        order: 2;
    }

    .is-mobile-order-3 {
        order: 3;
    }

    .is-mobile-order-4 {
        order: 4;
    }

    .is-mobile-order-5 {
        order: 5;
    }

    .is-mobile-order-6 {
        order: 6;
    }

    .is-mobile-order-7 {
        order: 7;
    }

    .is-mobile-order-8 {
        order: 8;
    }

    .is-mobile-order-9 {
        order: 9;
    }

    .is-mobile-order-10 {
        order: 10;
    }

    .is-mobile-order-11 {
        order: 11;
    }

    .is-mobile-order-12 {
        order: 12;
    }

    .is-mobile-order-13 {
        order: 13;
    }

    .is-mobile-order-14 {
        order: 14;
    }

    .is-mobile-order-15 {
        order: 15;
    }

    /*Overrides width set by free builder*/
    .topicpage-body .column.is-12-mobile {
        width: 100% !important;
    }
}

/*Top menu*/
.header-spacer {
    height: 9.45rem;
}

.navbar-item .fa-user-secret {
    padding-left: 0.25rem;
    font-weight: 300;
}

@media screen and (min-width: 1352px) {
    .page-catalog-product .header-spacer {
        height: 10.45rem;
    }
}

#main-nav .navbar-brand>.navbar-item {
    padding-top: 0;
    padding-bottom: 0;
}

.is-header-logo {
    height: 4em;
}

@media screen and (max-width:1351px) {
    .header-spacer {
        height: 11.5rem;
    }
}

@media screen and (max-width:1087px) {
    .header-spacer {
        height: 8.5rem;
    }
}

@media screen and (max-width:767px) {
    .header-spacer {
        height: 9rem;
    }

    .container.ribbon-container .adminmenu {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        flex-wrap: wrap;
    }

}

@media screen and (max-width: 400px) {
    .navbar-item {
        padding-left: 0.75rem;
    }
}

.navbar>.section>.navbar-main-container {
    align-items: stretch;
    display: flex;
    width: 100%;
}

.ribbon-section a.navbar-item {
    color: white;
}

.ribbon-section a.navbar-item {
    padding-right: 0;
}

.header-basket-quantity {
    margin-left: 0.4em;
}

.navbar-item.button.is-filled {
    color: white;
}

.navbar-burger span {
    background-color: white;
    height: 3px;
}

.navbar-item.button.is-outlined {
    border: solid 2px transparent;
}

.navbar-item.button.is-filled {
    border: solid 2px transparent;
}

.navbar-item.button.is-filled:hover {
    background: transparent;
}

.navbar-item.button.is-outlined {
    color: var(--dark-grey);
}

.navbar-item.button.is-outlined:hover {
    color: var(--dark-grey);
    background-color: transparent;
    border: solid 2px var(--dark-grey);
}

.button.is-outlined:focus {
    background-color: transparent;
    color: var(--dark-grey);
    border-color: var(--dark-grey);
}

.adminlinks a,
.adminlinks i::before {
    color: white;
}

li.cf_headerlinks_privatemessages {
    display: none !important;
}

/****Colour profiles START****/

/********************DEFAULT***********************/

.button.is-filled:focus {
    background-color: var(--dark-blue);
}

.navbar-main-section {
    background-color: var(--light-blue);
}

.ribbon-section {
    background-color: var(--dark-blue);
}

.navbar-item.button.is-filled {
    background-color: var(--dark-blue);
}

.navbar-item.button.is-filled:hover {
    color: var(--dark-blue);
    background: transparent;
    border: solid 2px var(--dark-blue);
}

.topicpage h1,
.topicpage h2,
.topicpage h3 {
    color: var(--dark-blue);
}

.quote-source strong {
    color: var(--dark-blue);
}

/******************PRODUCT PAGES**********************/

.arone-product-landing-page .full-description-wrapper,
.arone-product-landing-page .short-description-wrapper {
    color: var(--dark-grey);
}

/*Main nav background colour*/

.page-catalog-product .navbar-main-section {
    background-color: var(--light-green);
}

/*Ribbon background colour*/

.page-catalog-product .ribbon-section {
    background-color: var(--dark-green);
}

/*Header filled buttons*/

.page-catalog-product .navbar-item.button.is-filled {
    background-color: var(--dark-green);
}

.page-catalog-product .button.is-filled:focus {
    background-color: var(--dark-green);
}

.page-catalog-product .navbar-item.button.is-filled:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

/*General text*/

.page-catalog-product body {
    color: var(--dark-green);
}

.page-catalog-product .quote-source strong {
    color: var(--dark-green);
}

/*Landing page buttons*/

.arone-product-landing-page .button,
.page-catalog-product .add-to-cart-buttons-wrapper .productvariantaddtocartbutton,
.page-catalog-product .action-button-wrapper .catfish-button {
    color: white;
    background-color: var(--dark-green);
    font-weight: bold;
    border: solid 2px var(--dark-green);
}

.arone-product-landing-page .button:hover,
.page-catalog-product .add-to-cart-buttons-wrapper .productvariantaddtocartbutton:hover,
.page-catalog-product .action-button-wrapper .catfish-button:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

.arone-product-landing-page .catfish-input,
.page-catalog-product .add-to-cart-buttons-wrapper .productvariantaddtocartbutton,
.page-catalog-product .action-button-wrapper .catfish-button {
    border-radius: 30px;
}

.arone-product-landing-page .catfish-input:hover,
.arone-product-landing-page .catfish-input.is-hovered,
.arone-product-landing-page .catfish-input:focus,
.arone-product-landing-page .catfish-input.is-focused,
.arone-product-landing-page .catfish-input:active,
.arone-product-landing-page .catfish-input.is-active,
.arone-product-landing-page .catfish-select:hover,
.arone-product-landing-page .catfish-select.is-hovered,
.arone-product-landing-page .catfish-select:focus,
.arone-product-landing-page .catfish-select.is-focused,
.arone-product-landing-page .catfish-select:active,
.arone-product-landing-page .catfish-select.is-active,
.page-shoppingcart-cart .catfish-input:hover,
.page-shoppingcart-cart .catfish-input:focus,
.page-shoppingcart-cart .catfish-input:active,
.one-page-checkout .catfish-select:hover,
.one-page-checkout .catfish-select:focus,
.one-page-checkout .catfish-select:active,
.one-page-checkout .catfish-input:hover,
.one-page-checkout .catfish-input:focus,
.one-page-checkout .catfish-input:active {
    border-color: var(--dark-green);
    box-shadow: 0 0 0 0.125em rgba(128, 190, 38, 0.25);
}

/*Footer background*/
.page-catalog-product .catfish-footer {
    background: var(--dark-green);
}

.catfish-footer #footerrow .row__container .footerinner h3 {
    color: white;
}

/*****************PRODUCT UPLOAD PAGES*****************/

/*Main nav background colour*/

.page-multipartproduct-editor .navbar-main-section {
    background-color: var(--light-green);
}

/*Ribbon background colour*/

.page-multipartproduct-editor .ribbon-section {
    background-color: var(--dark-green);
}

/*Header filled buttons*/

.page-multipartproduct-editor .navbar-item.button.is-filled {
    background-color: var(--dark-green);
}

.page-multipartproduct-editor .button.is-filled:focus {
    background-color: var(--dark-green);
}

.page-multipartproduct-editor .navbar-item.button.is-filled:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

/*General text*/

.page-multipartproduct-editor body {
    color: var(--dark-green);
}

.page-multipartproduct-editor .quote-source strong {
    color: var(--dark-green);
}

/*Footer background*/
.page-multipartproduct-editor .catfish-footer {
    background: var(--dark-green);
}

/*Editor*/
.multipart-product .multiPartAttributesContainer .content {
    color: var(--dark-grey);
}

.multipart-product .mainUIParent .partInputItem .partHeader.description {
    color: var(--dark-grey);
}

.page-multipartproduct-editor .multipart-product .catfish-button {
    background-color: var(--dark-green);
}

.page-multipartproduct-editor .multipart-product .catfish-button:focus {
    background-color: var(--dark-green);
}

.page-multipartproduct-editor .multipart-product .catfish-button:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

.multipart-product .pageflip div#pageflip-controls,
.multipart-product .pageflip #pf-pagerin {
    color: var(--dark-green);
}

.multipart-product .pageflip .pf-control-bar-button g {
    fill: var(--dark-green);
}

.multipart-product .pageflip .pf-control-bar-button g:hover,
.multipart-product .pageflip .pf-control-bar-button:not(.pf-disabled):hover g {
    fill: var(--light-green);
}

/*****************CATEGORY PAGES*****************/

.arone-category-page .full-description-wrapper,
.arone-category-page .short-description-wrapper {
    color: var(--dark-grey);
}

/*Main nav background colour*/

.page-catalog-category .navbar-main-section {
    background-color: var(--light-green);
}

/*Ribbon background colour*/

.page-catalog-category .ribbon-section {
    background-color: var(--dark-green);
}

/*Header filled buttons*/

.page-catalog-category .navbar-item.button.is-filled {
    background-color: var(--dark-green);
}

.page-catalog-category .button.is-filled:focus {
    background-color: var(--dark-green);
}

.page-catalog-category .navbar-item.button.is-filled:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

/*General text*/

.page-catalog-category body {
    color: var(--dark-green);
}

.page-catalog-category .quote-source strong {
    color: var(--dark-green);
}

/*Footer background*/
.page-catalog-category .catfish-footer {
    background: var(--dark-green);
}

/*Category buttons*/

.arone-category-page .catfish-default-product-box .add-info .catfish-button {
    background-color: var(--dark-green);
}

.arone-category-page .catfish-default-product-box .add-info .catfish-button:focus {
    background-color: var(--dark-green);
}

.arone-category-page .catfish-default-product-box .add-info .catfish-button:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}


/*****************PRODUCT UPLOAD PAGES*****************/

/*Main nav background colour*/

.page-multipartproduct-editor .navbar-main-section {
    background-color: var(--light-green);
}

/*Ribbon background colour*/

.page-multipartproduct-editor .ribbon-section {
    background-color: var(--dark-green);
}

/*Header filled buttons*/

.page-multipartproduct-editor .navbar-item.button.is-filled {
    background-color: var(--dark-green);
}

.page-multipartproduct-editor .button.is-filled:focus {
    background-color: var(--dark-green);
}

.page-multipartproduct-editor .navbar-item.button.is-filled:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

/*General text*/

.page-multipartproduct-editor body {
    color: var(--dark-green);
}

.page-multipartproduct-editor .quote-source strong {
    color: var(--dark-green);
}

/*Footer background*/
.page-multipartproduct-editor .catfish-footer {
    background: var(--dark-green);
}

/*****************CART*****************/

/*Main nav background colour*/

.page-shoppingcart-cart .navbar-main-section {
    background-color: var(--light-green);
}

/*Ribbon background colour*/

.page-shoppingcart-cart .ribbon-section {
    background-color: var(--dark-green);
}

/*Header filled buttons*/

.page-shoppingcart-cart .navbar-item.button.is-filled {
    background-color: var(--dark-green);
}

.page-shoppingcart-cart .button.is-filled:focus {
    background-color: var(--dark-green);
}

.page-shoppingcart-cart .navbar-item.button.is-filled:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

/*General text*/

.page-shoppingcart-cart body {
    color: var(--dark-green);
}

.page-shoppingcart-cart .quote-source strong {
    color: var(--dark-green);
}

/*Footer background*/
.page-shoppingcart-cart .catfish-footer {
    background: var(--dark-green);
}


/*Cart form*/
.page-shoppingcart-cart .cart-form__wrapper .cart-header-row th {
    color: var(--dark-green);
}

.page-shoppingcart-cart .rawAttributeInfo__item .title {
    color: var(--dark-grey);
    font-weight: bold;
}

.page-shoppingcart-cart .product__title {
    color: var(--dark-grey);
    font-weight: bold;
}

.page-shoppingcart-cart .shoppingcart__wrapper .cartTableWrapper table td {
    color: var(--dark-grey);
}

.page-shoppingcart-cart .shoppingcart__wrapper .product.cart--productinfo a {
    color: var(--dark-green);
}

.page-shoppingcart-cart .shoppingcart__wrapper .product.cart--productinfo a:hover {
    text-decoration: underline;
}

.page-shoppingcart-cart .catfish-button {
    background-color: var(--dark-green);
}

.page-shoppingcart-cart .catfish-button:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

.page-shoppingcart-cart .cart--deleteitem .catfish-button {
    background-color: #ff0000;
}

.page-shoppingcart-cart .cart--deleteitem .catfish-button:hover {
    color: #ff0000;
    background: transparent;
    border: solid 2px #ff0000;
}

.page-shoppingcart-cart .catfish-button {
    font-weight: bold;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.page-shoppingcart-cart .terms-of-service a {
    color: var(--dark-green);
}

.page-shoppingcart-cart .terms-of-service a:hover {
    text-decoration: underline;
}

.page-shoppingcart-cart .terms-of-service a {
    color: var(--dark-green);
}

.page-shoppingcart-cart .terms-of-service a:hover {
    text-decoration: underline;
}

.page-shoppingcart-cart .cart-footer__container .cart_total_right,
.page-shoppingcart-cart .coupon-box--tooltip {
    color: var(--dark-grey);
}


/*****************CHECKOUT PAGE*****************/

/*Main nav background colour*/

.page-checkout-onepagecheckout .navbar-main-section {
    background-color: var(--light-green);
}

/*Ribbon background colour*/

.page-checkout-onepagecheckout .ribbon-section {
    background-color: var(--dark-green);
}

/*Header filled buttons*/

.page-checkout-onepagecheckout .navbar-item.button.is-filled {
    background-color: var(--dark-green);
}

.page-checkout-onepagecheckout .button.is-filled:focus {
    background-color: var(--dark-green);
}

.page-checkout-onepagecheckout .navbar-item.button.is-filled:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

/*General text*/

.page-checkout-onepagecheckout body {
    color: var(--dark-grey);
}

.page-checkout-onepagecheckout .quote-source strong {
    color: var(--dark-green);
}

/*Footer background*/
.page-checkout-onepagecheckout .catfish-footer {
    background: var(--dark-green);
}

/*Checkout form*/
.one-page-checkout .sectionheader .number {
    background-color: var(--dark-green);
}

.one-page-checkout .address-table-container .catfish-input,
.one-page-checkout .address-table-container .catfish-select {
    background: rgba(221, 243, 155, 0.25);
    color: var(--dark-grey);
}

.one-page-checkout .catfish-button {
    background-color: var(--dark-green);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.one-page-checkout .catfish-button:focus {
    background-color: var(--dark-green);
}

.one-page-checkout .catfish-button:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

.one-page-checkout .item-name {
    color: var(--dark-grey);
}

.one-page-checkout .item-name .requiredMarker {
    color: red;
}

.one-page-checkout .payment-methods,
.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item input:checked+label:before,
.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item.payment__PaymentsPurchaseOrder label:before,
.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item label:before,
.one-page-checkout #opc-confirm_order .cartTableWrapper table thead .cart-header-row th,
.one-page-checkout .cart-item-row .cart--productinfo a {
    color: var(--dark-green);
}

.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item label,
.one-page-checkout .cart-item-row .rawAttributeInfo__item .title {
    color: var(--dark-grey);
}

.one-page-checkout .cart-item-row .cart--productinfo a:hover {
    text-decoration: underline;
}

/*****************ORDER SUCCESS*****************/

/*Main nav background colour*/

.page-checkout-completed .navbar-main-section {
    background-color: var(--light-green);
}

/*Ribbon background colour*/

.page-checkout-completed .ribbon-section {
    background-color: var(--dark-green);
}

/*Header filled buttons*/

.page-checkout-completed .navbar-item.button.is-filled {
    background-color: var(--dark-green);
}

.page-checkout-completed .button.is-filled:focus {
    background-color: var(--dark-green);
}

.page-checkout-completed .navbar-item.button.is-filled:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

/*General text*/

.page-checkout-completed body {
    color: var(--dark-grey);
}

.page-checkout-completed .quote-source strong {
    color: var(--dark-green);
}

/*Footer background*/
.page-checkout-completed .catfish-footer {
    background: var(--dark-green);
}

/*Order complete info*/

.page-checkout-completed .catfish-button,
.page-checkout-completed .orderdetailsprintbutton {
    background-color: var(--dark-green);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.page-checkout-completed .catfish-button:focus,
.page-checkout-completed .orderdetailsprintbutton:focus {
    background-color: var(--dark-green);
}

.page-checkout-completed .catfish-button:hover,
.page-checkout-completed .orderdetailsprintbutton:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}


.page-checkout-completed .order-details .order-overview.box b,
.page-checkout-completed .checkout__complete table thead th,
.checkout__complete .checkout_data_integrated table thead td,
.checkout__complete .checkout_data_integrated table thead th {
    color: var(--dark-green);
}

.page-checkout-completed .order-details .order-overview.box,
.page-checkout-completed .product-details-box,
.page-checkout-completed .box {
    color: var(--dark-grey);
}

.page-checkout-completed .product-details-box em a {
    font-style: normal;
    font-weight: bold;
    color: var(--dark-grey);
}

/*****************GENERIC PROFILES*****************/
/*****************GREEN*****************/

/*Main nav background colour*/

.colour-profile-green .navbar-main-section {
    background-color: var(--light-green);
}

/*Ribbon background colour*/

.colour-profile-green .ribbon-section {
    background-color: var(--dark-green);
}

/*Header filled buttons*/

.colour-profile-green .navbar-item.button.is-filled {
    background-color: var(--dark-green);
}

.colour-profile-green .button.is-filled:focus {
    background-color: var(--dark-green);
}

.colour-profile-green .navbar-item.button.is-filled:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

.colour-profile-green .button.is-colour-profile-button,
.colour-profile-green .is-colour-profile-button .button,
.colour-profile-green .topicpage-body .button {
    background-color: var(--dark-green);
}

.colour-profile-green .button.is-colour-profile-button:focus,
.colour-profile-green .is-colour-profile-button .button:focus,
.colour-profile-green .topicpage-body .button:focus {
    background-color: var(--dark-green);
}

.colour-profile-green .button.is-colour-profile-button:hover,
.colour-profile-green .is-colour-profile-button .button:hover,
.colour-profile-green .topicpage-body .button:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

.colour-profile-green .faq-button.is-colour-profile-button,
.colour-profile-green .is-colour-profile-button .faq-button {
    background-color: var(--light-green);
    color: var(--dark-green);
}

.colour-profile-green .faq-button.is-colour-profile-button:focus,
.colour-profile-green .is-colour-profile-button .faq-button:focus {
    background-color: transparent;
}

.colour-profile-green .faq-button.is-colour-profile-button:hover,
.colour-profile-green .is-colour-profile-button .faq-button:hover {
    background: transparent;
    border: solid 2px var(--dark-green);
}

/*General text*/

.colour-profile-green body {
    color: var(--dark-grey);
}

.colour-profile-green h1,
.colour-profile-green h2,
.colour-profile-green h3 {
    color: var(--dark-green);
}

.colour-profile-green .quote-source strong {
    columns: var(--dark-green);
}

/*Footer background*/
.colour-profile-green .catfish-footer {
    background: var(--dark-green);
}

/*Order complete info*/

.colour-profile-green .catfish-button,
.colour-profile-green .reorderbutton,
.account-page--order-details #order_details_v2 .od_print_button {
    background-color: var(--dark-green);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.colour-profile-green .catfish-button:focus,
.colour-profile-green .reorderbutton:focus {
    background-color: var(--dark-green);
}

.colour-profile-green .catfish-button:hover,
.colour-profile-green .reorderbutton:hover,
.account-page--order-details #order_details_v2 .od_print_button:hover {
    color: var(--dark-green);
    background: transparent;
    border: solid 2px var(--dark-green);
}

.colour-profile-green .has-profile-dark-text {
    color: var(--dark-green);
}

.colour-profile-green .has-profile-light-text {
    color: var(--light-green);
}

.colour-profile-green .has-profile-dark-background {
    background-color: var(--dark-green);
}

.colour-profile-green .has-profile-light-background {
    background-color: var(--light-green);
}

/*****************ORANGE*****************/

/*Main nav background colour*/

.colour-profile-orange .navbar-main-section {
    background-color: var(--light-orange);
}

/*Ribbon background colour*/

.colour-profile-orange .ribbon-section {
    background-color: var(--dark-orange);
}

/*Header filled buttons*/

.colour-profile-orange .navbar-item.button.is-filled {
    background-color: var(--dark-orange);
}

.colour-profile-orange .button.is-filled:focus {
    background-color: var(--dark-orange);
}

.colour-profile-orange .navbar-item.button.is-filled:hover {
    color: var(--dark-orange);
    background: transparent;
    border: solid 2px var(--dark-orange);
}

.colour-profile-orange .button.is-colour-profile-button,
.colour-profile-orange .is-colour-profile-button .button,
.colour-profile-orange .topicpage-body .button {
    background-color: var(--dark-orange);
}

.colour-profile-orange .button.is-colour-profile-button:focus,
.colour-profile-orange .is-colour-profile-button .button:focus,
.colour-profile-orange .topicpage-body .button:focus {
    background-color: var(--dark-orange);
}

.colour-profile-orange .button.is-colour-profile-button:hover,
.colour-profile-orange .is-colour-profile-button .button:hover,
.colour-profile-orange .topicpage-body .button:hover {
    color: var(--dark-orange);
    background: transparent;
    border: solid 2px var(--dark-orange);
}

.colour-profile-orange .faq-button.is-colour-profile-button,
.colour-profile-orange .is-colour-profile-button .faq-button {
    background-color: var(--light-orange);
    color: var(--dark-orange);
}

.colour-profile-orange .faq-button.is-colour-profile-button:focus,
.colour-profile-orange .is-colour-profile-button .faq-button:focus {
    background-color: transparent;
}

.colour-profile-orange .faq-button.is-colour-profile-button:hover,
.colour-profile-orange .is-colour-profile-button .faq-button:hover {
    background: transparent;
    border: solid 2px var(--dark-orange);
}

/*General text*/

.colour-profile-orange body {
    color: var(--dark-grey);
}

.colour-profile-orange h1,
.colour-profile-orange h2,
.colour-profile-orange h3 {
    color: var(--dark-orange);
}

.colour-profile-orange .quote-source strong {
    columns: var(--dark-orange);
}

/*Footer background*/
.colour-profile-orange .catfish-footer {
    background: var(--dark-orange);
}

/*Order complete info*/

.colour-profile-orange .catfish-button {
    background-color: var(--dark-orange);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.colour-profile-orange .catfish-button:focus {
    background-color: var(--dark-orange);
}

.colour-profile-orange .catfish-button:hover {
    color: var(--dark-orange);
    background: transparent;
    border: solid 2px var(--dark-orange);
}

.colour-profile-orange .has-profile-dark-text {
    color: var(--dark-orange);
}

.colour-profile-orange .has-profile-light-text {
    color: var(--light-orange);
}

.colour-profile-orange .has-profile-dark-background {
    background-color: var(--dark-orange);
}

.colour-profile-orange .has-profile-light-background {
    background-color: var(--light-orange);
}

/*****************PURPLE*****************/

/*Main nav background colour*/

.colour-profile-purple .navbar-main-section {
    background-color: var(--light-purple);
}

/*Ribbon background colour*/

.colour-profile-purple .ribbon-section {
    background-color: var(--dark-purple);
}

/*Header filled buttons*/

.colour-profile-purple .navbar-item.button.is-filled {
    background-color: var(--dark-purple);
}

.colour-profile-purple .button.is-filled:focus {
    background-color: var(--dark-purple);
}

.colour-profile-purple .navbar-item.button.is-filled:hover {
    color: var(--dark-purple);
    background: transparent;
    border: solid 2px var(--dark-purple);
}

.colour-profile-purple .button.is-colour-profile-button,
.colour-profile-purple .is-colour-profile-button .button,
.colour-profile-purple .topicpage-body .button {
    background-color: var(--dark-purple);
}

.colour-profile-purple .button.is-colour-profile-button:focus,
.colour-profile-purple .is-colour-profile-button .button:focus,
.colour-profile-purple .topicpage-body .button:focus {
    background-color: var(--dark-purple);
}

.colour-profile-purple .button.is-colour-profile-button:hover,
.colour-profile-purple .is-colour-profile-button .button:hover,
.colour-profile-purple .topicpage-body .button:hover {
    color: var(--dark-purple);
    background: transparent;
    border: solid 2px var(--dark-purple);
}

.colour-profile-purple .faq-button.is-colour-profile-button,
.colour-profile-purple .is-colour-profile-button .faq-button {
    background-color: var(--light-purple);
    color: var(--dark-purple);
}

.colour-profile-purple .faq-button.is-colour-profile-button:focus,
.colour-profile-purple .is-colour-profile-button .faq-button:focus {
    background-color: transparent;
}

.colour-profile-purple .faq-button.is-colour-profile-button:hover,
.colour-profile-purple .is-colour-profile-button .faq-button:hover {
    background: transparent;
    border: solid 2px var(--dark-purple);
}


/*General text*/

.colour-profile-purple body {
    color: var(--dark-grey);
}

.colour-profile-purple h1,
.colour-profile-purple h2,
.colour-profile-purple h3 {
    color: var(--dark-purple);
}

.colour-profile-purple .quote-source strong {
    columns: var(--dark-purple);
}



/*Footer background*/
.colour-profile-purple .catfish-footer {
    background: var(--dark-purple);
}

/*Order complete info*/

.colour-profile-purple .catfish-button {
    background-color: var(--dark-purple);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.colour-profile-purple .catfish-button:focus {
    background-color: var(--dark-purple);
}

.colour-profile-purple .catfish-button:hover {
    color: var(--dark-purple);
    background: transparent;
    border: solid 2px var(--dark-purple);
}

.colour-profile-purple .has-profile-dark-text {
    color: var(--dark-purple);
}

.colour-profile-purple .has-profile-light-text {
    color: var(--light-purple);
}

.colour-profile-purple .has-profile-dark-background {
    background-color: var(--dark-purple);
}

.colour-profile-purple .has-profile-light-background {
    background-color: var(--light-purple);
}

/*Colour profiles END*/


/*Homepage*/

html.homePage {
    scroll-behavior: smooth;
}

.homeFeaturedProductsWrapper #homeFeaturedProductsTitleRow .bestsellers h3 {
    display: none;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .description {
    display: none !important;
}

.homeFeaturedProducts .product-item-teaser-details {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: none;
}

/*Footer*/
.catfish-footer {
    background: var(--dark-blue);
    color: white;
}

.catfish-footer .footerinner>.column:first-child h3 {
    display: none;
}

.catfish-footer h3 {
    font-size: 1.5rem;
}

.footer-section-container li a,
.catfish-footer ul a {
    color: white;
}

.footer-section-container li a:hover,
.catfish-footer ul a:hover {
    color: white;
    text-decoration: underline;
}

.footer-section-container li:not(:last-of-type),
.catfish-footer ul li:not(:last-of-type) {
    padding-bottom: 1rem;
}

.catfish-footer .footercopyright {
    font-size: 1rem;
    color: white;
}

.footerinner img {
    max-width: 14rem;
}

footer.catfish-footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/*Banner*/
.content:not(:last-child) {
    margin: 0;
}

.button.banner-button {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.homepage-banner-section .banner-text {
    margin-top: 1em;
    margin-bottom: 1em;
}

.homepage-banner-section img.feature-image {
    max-height: 30em;
}

.homepage-banner-section .picture.feature-image-wrapper {
    text-align: center;
}

.button,
.catfish-button {
    border: solid 2px transparent;
    text-decoration: none;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
}

.button:hover,
.catfish-button:hover {
    background: white;
    border: solid 2px var(--dark-blue);
    color: var(--dark-blue);
    text-decoration: underline;
}

/*Featured products*/
.homeFeaturedProducts .product-item--image .picture img {
    border-radius: 30px;
}

.homeFeaturedProducts .listItem .item-box {
    padding: 1rem;
}

.homeFeaturedProducts .product-item--content .productPrice {
    display: none;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices {
    display: none !important;
    margin: 0;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .description {
    display: none;
    margin: 0;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-title {
    text-align: center;
    font-size: 1.4em;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    padding-top: 0;
}

.homeFeaturedProductsWrapper .add-info.product-item--actions .pricerow .buttons .catfish-button {
    width: auto !important;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
}

/*How it works section*/
.how-it-works-title h2 {
    padding-bottom: 3rem;
}

/*FAQ Section*/
.button.is-rounded.faq-button {
    white-space: normal;
    height: auto;
    min-width: 100%;
    text-align: left;
    justify-content: left;
    margin-bottom: 0.5rem;
    padding: 0.8rem;
    font-weight: bold;
}

.button.is-rounded.faq-button:hover {
    text-decoration: none;
}

.button.is-rounded.faq-button .fas {
    padding-right: 10px;
}

.faq-answer.content {
    padding-left: 1rem;
    padding-right: 1rem;
}

.faq-question-set .fa-plus {
    display: block;
}

.faq-question-set .fa-minus {
    display: none;
}

.faq-question-set.is-active .fa-plus {
    display: none;
}

.faq-question-set.is-active .fa-minus {
    display: block;
}

.faq-answer.content {
    color: var(--dark-grey);
}

.faq-question-set .faq-answer {
    max-height: 0;
    padding-bottom: 0;
    overflow: hidden;
    height: auto;
    transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
    -webkit-transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
    -moz-transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
    -ms-transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
    -o-transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
}

.faq-question-set.is-active .faq-answer {
    max-height: 50rem;
    padding-bottom: 1rem;
    transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
    -webkit-transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
    -moz-transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
    -ms-transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
    -o-transition: max-height 0.7s ease-in, padding-bottom 0.3s ease-in;
}

.faq-question-set:not(:first-of-type) .button.is-rounded.faq-button {
    margin-top: 0.5rem;
}

.faq-answer .columns .image-column img {
    max-width: 20rem;
    margin: 0 auto;
    margin-top: 1rem;
}

.faq-answer .columns .image-column {
    text-align: center;
}


/*Product landing page*/
.arone-product-landing-page .title {
    font-weight: bold;
}

.arone-product-landing-page .catfish-select {
    border-radius: 30px;
}

.arone-product-landing-page .custom-product-form>.field {
    display: none;
    /*Hides the qty box for custom products*/
}

.arone-product-landing-page ul#multiProductCustomProduct .button {
    border-radius: 30px;
    margin: 0;
    width: 100%;
}

.arone-product-landing-page ul#multiProductCustomProduct {
    margin: 0;
}

.arone-product-landing-page ul#multiProductCustomProduct li {
    width: 100%;
}

.arone-product-landing-page .product-variant-line>.block {
    margin-bottom: 1rem;
}

.arone-product-landing-page .product-variant-line>.block {
    margin-top: calc(1.5rem + 0.75rem);
}

.arone-product-landing-page .price-quantity-wrapper.block {
    display: none;
}

.arone-product-landing-page .thumb.column.product-picture {
    max-width: 33.33%;
    flex: none;
}

.arone-product-landing-page .picture.columns .thumbs>.columns {
    flex-wrap: wrap;
}

.arone-product-landing-page .thumb.column.product-picture img,
.arone-product-landing-page .bigpicture img {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.arone-product-landing-page .breadcrumb-section+.product-info-section {
    padding-top: 0;
}

.arone-product-landing-page .hero.is-primary.is-small {
    background: none;
}

.hero-body .container .level {
    background: var(--dark-green);
    border-radius: 30px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.full-description-wrapper li+li {
    margin-top: .25em;
}

.full-description-wrapper ul {
    margin-left: 2em;
    list-style: disc outside;
    margin-top: 1em;
}

.breadcrumb.level li a {
    color: var(--light-grey);
}

.breadcrumb.level i.fas.fa-home {
    display: none;
}

.arone-product-landing-page.hide-quantity .column.quantity-wrapper {
    display: none;
}

.arone-product-landing-page.hide-price .price-quantity-start-wrapper .price {
    display: none;
}

.attributes .attribute .attributeHeader .tooltip-html-container br {
    display: block;
}

.cf-tooltip.is-right.is-multiline.is-medium:after,
.cf-tooltip.is-right.is-multiline.is-medium .tooltip-html-container {
    width: 260px;
}

/*Roll stock attributes*/

.attribute.name_UnwindOrientation .arone-product-landing-page .attributeHeader {
    max-width: 100%;
}

.attribute.name_UnwindOrientation .arone-product-landing-page .attribute-item {
    width: auto;
}

.attribute.name_UnwindOrientation .attributeHeader {
    max-width: 100%;
}

.attribute.name_UnwindOrientation .attribute-item {
    width: auto;
}

.arone-product-landing-page .attributes .attribute.name_UnwindOrientation {
    flex-direction: column !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.attribute.name_UnwindOrientation .attribute-value-item.column {
    max-height: 100%;
    height: auto;
}

.attribute.name_UnwindOrientation .attribute-item label .text {
    display: none;
}

.attribute.name_UnwindOrientation .attribute-item label .attributeValueInfo {
    height: auto;
    margin: 0px;
    display: flex;
}

.attribute.name_UnwindOrientation .attribute-value-item input {
    height: auto;
}

.attribute.name_UnwindOrientation .attribute-value-item label {
    height: auto;
    max-height: 100%;
    padding: 0px !important;
}

.attribute.name_UnwindOrientation .attribute-value-item input:checked+label.button {
    height: auto !important;
    max-height: 100% !important;
    background-color: transparent;
    padding: 0px;
    border: solid 2px var(--dark-green) !important;
}

.arone-product-landing-page .attribute.name_UnwindOrientation label.button:hover {
    background-color: transparent;
    border-color: var(--light-green);
}

.attribute.name_UnwindOrientation .attribute-value-item.column {
    width: 25% !important;
}

@media screen and (max-width:767px) {
    .attribute.name_UnwindOrientation .attribute-item.columns {
        display: flex;
    }

    .attribute.name_UnwindOrientation .attribute-value-item.column {
        width: 50% !important;
        flex: none;
    }
}

/*Categories*/
.arone-category-page .catfish-default-product-box .alternate--prices,
.arone-category-page .catfish-default-product-box .description {
    display: none !important;
}

.arone-category-page .catfish-default-product-box .product-item-teaser-details {
    color: var(--dark-grey);
    margin-bottom: 2rem;
    margin-top: 1.5rem;
    text-align: center;
}

.arone-category-page .category-description-wrapper h2.title {
    font-size: 3.5rem;
}

.arone-category-page .product-grid .listWrapper {
    justify-content: center;
}

@media only screen and (max-width: 549px) {
    .arone-category-page .product-grid .listWrapper .listItem {
        max-width: 100%;
        width: 100%;
    }
}

.arone-category-page .item-box .picture img {
    border-radius: 30px;
}

.arone-category-page .product-item--info h2.product-title {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    text-align: center;
}

.arone-category-page .product-item--info h2.product-title a {
    color: var(--dark-green);
}

.catfish-default-product-box .add-info .catfish-button {
    border-radius: 30px;
}

.catfish-default-product-box .add-info .catfish-button {
    width: auto;
}

.catfish-default-product-box .add-info .buttons {
    justify-content: center;
}

.arone-category-page .hero.category-hero-section {
    background: transparent;
}

.arone-category-page .hero.category-hero-section .hero-body .title {
    color: var(--dark-green);
    font-weight: bold;
    font-size: 3rem;
}

.arone-category-page .hero .hero-body {
    padding: 0;
}

.arone-category-page .category-intro-wrapper {
    display: none;
}

.arone-category-page.shop-category .product-grid .product-item--content .product-item-teaser-details {
    display: none;
}

.arone-category-page.shop-category .product-grid .add-info {
    display: none;
}

.arone-category-page.shop-category .product-grid .listWrapper {
    justify-content: space-between;
}

@media screen and (min-width:1088px) {
    .arone-category-page .product-grid .listItem {
        flex: none;
        width: 33%;
    }
}

/*Multipart Product Edtior*/

.multipart-product .catfish-button {
    border-radius: 30px;
}

/*Cart page*/
.shoppingcart__wrapper {
    padding-top: 0;
}

.shoppingcart__wrapper .page-title {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: var(--light-green);
}

.orderSummaryWrapper.clearfix {
    padding-top: 6rem;
}

.shoppingcart__wrapper .page-title h1 {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 3rem;
    text-transform: uppercase;
}

.page-shoppingcart-cart .common-buttons .cart--editlastasnew .catfish-button {
    margin-right: 0.5rem;
}

/*Topic Pages*/

.topicpage h1 {
    font-size: 3rem;
}

.topicpage {
    padding-bottom: 0;
}

.button-list.buttons .button:not(:last-child) {
    margin-right: 1rem !important;
}

/*Topic page container fix start*/

.topicpage>.catfish-container,
.blogpost .news-header>.catfish-container {
    max-width: 100%;
    padding: 0;
}

.topicpage>.catfish-container .container,
.blogpost .news-header>.catfish-container .container {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 768px) {

    .topicpage>.catfish-container .container,
    .blogpost .news-header>.catfish-container .container {
        padding-left: 64px;
        padding-right: 64px;
    }
}

/*Topic page container fix end*/

/*Tabbed FAQs*/
.faq-tabs.buttons .button:not(:last-child) {
    margin-right: 1rem;
}

.faq-tabs.buttons {
    border-bottom: solid 3px #d7d7d7;
}

.faq-tabs.buttons .button {
    background: transparent;
    color: var(--dark-grey);
    font-weight: bold;
    border: none;
    margin-bottom: 0;
    padding: 1.5rem;
}

.faq-tabs.buttons .button:hover,
.faq-tabs.buttons .focus {
    background: transparent;
    color: var(--dark-grey);
    border: none;
}

.faq-tabs.buttons .button.is-active {
    background: var(--light-orange);
    border-radius: 20px 20px 0px 0px !important;
    color: var(--dark-orange);
    -webkit-border-radius: 20px 20px 0px 0px !important;
    -moz-border-radius: 20px 20px 0px 0px !important;
    -ms-border-radius: 20px 20px 0px 0px !important;
    -o-border-radius: 20px 20px 0px 0px !important;
}

.tabbed-faq-section .faq-columns .column {
    display: none;
}

.tabbed-faq-section .faq-columns .column.is-active {
    display: block;
}

.tabbed-faq-section .faq-columns.is-active .column {
    display: block;
}

.tabbed-faq-section .faq-columns.is-active {
    margin-top: 0.5rem;
}

/*Products Display*/
.displayed-product {
    height: 100%;
}

.products-display-section .displayed-product .product-image {
    margin-bottom: 1rem;
}

.products-display-section .displayed-product .info-and-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: center;
}

.products-display-section .displayed-product .buttons.product-button {
    margin-top: 1rem;
}

.products-display-section .displayed-product .buttons.product-button a {
    margin: 0 auto;
}

@media screen and (max-width: 1087px) {
    .displayed-product .product-info {
        text-align: center;
    }
}

.dfm-svg-restrict img,
img.dfm-svg-restrict {
    max-width: 13rem;
    margin: 0 auto;
}

.topicpage-body h1,
.topicpage-body h2,
.topicpage-body h3 {
    font-weight: bold;
}

.topicpage .file-link-prefix {
    margin-right: 1rem;
}

.quote-text p {
    padding-left: 1rem;
    padding-right: 1rem;
}

.quote-text p::before {
    content: "\"";
    position: absolute;
    left: -0.7rem;
    top: -0.1rem;
    font-size: 3rem;
    line-height: 100%;
    color: var(--light-blue);
    font-style: italic;
    font-weight: bold;
}

.quote-text {
    position: relative;
}

.quote-text p::after {
    content: "\"";
    position: absolute;
    right: -0.7rem;
    top: -0.1rem;
    font-size: 3rem;
    line-height: 100%;
    color: var(--light-blue);
    font-style: italic;
    font-weight: bold;
}

/*Pricing script CSS*/
.arone-product-landing-page.hide-default-price .column.price {
    /* display: none; */
    font-size: 0px;
}

span.newProductPriceWrapper__icon.icon.loader {
    border-left-color: var(--dark-green);
    border-bottom-color: var(--dark-green);
    height: 2rem;
    width: 2rem;
    margin: 0 auto;
}

.arone-product-landing-page.hide-default-price .newProductPriceWrapper.updateProductPrice.level-item>.catfish-classes {
    margin: 0 auto;
}

.arone-product-landing-page.hide-default-price .newProductPriceWrapper.updateProductPrice.level-item {
    font-size: 0px;
}

.arone-product-landing-page.hide-default-price .productPrice {
    font-size: 0px;
}

.arone-product-landing-page.hide-default-price .column.add-to-cart-buttons-wrapper.action-button-wrapper.add-info {
    margin-top: 1rem;
}

.priceScriptInfo {
    width: 100%;
}

.price-quantity-start-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.price-quantity-start-wrapper>.columns {
    width: calc(100% - 1rem);
}

.priceScriptInfo .price-table .column {
    border-top: solid 1px #bdbcbc;
    background: #f9f9f9;
    padding: 0.5rem !important;
    color: var(--dark-grey);
}

/*has-ratio fix*/
.image .has-ratio,
.image.has-ratio {
    height: 100%;
    width: 100%;
}

.image .has-ratio,
.image.has-ratio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/*Blogs*/
.blog-page .blogimage img {
    border-radius: 30px;
}

.blogposts .post-info {
    background: transparent;
}

.blog-page .blogposts .blogposts-list .post .post-content {
    background: transparent;
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info {
    display: flex;
    flex-direction: column;
    border-left: 0;
    border-right: 0;
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogdate {
    order: 0;
    font-size: 1.3rem;
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogtitle {
    order: 1;
    color: var(--dark-purple);
    font-weight: bold;
    font-size: 2rem;
    text-transform: uppercase;
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogtitle:hover {
    text-decoration: underline;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogdetails {
    order: 2;
}

.blogdetails button.blueButton {
    border: 0;
    background: transparent;
    color: var(--light-purple);
    padding: 0;
    font-weight: bold;
    font-size: 1.2rem;
    cursor: pointer;
}

.blogdetails button.blueButton:hover {
    text-decoration: underline;
}


.blog-page .pager .catfish-container {
    text-align: center;
}


.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogdetails:last-of-type {
    /*Hide comments link*/
    display: none;
    color: var(--dark-purple);
}

.blog-page .attribute-datepicker__container .attribute-datepicker {
    color: var(--dark-purple);
}

.blog-page .pager span {
    border-radius: 30px;
    background-color: var(--dark-purple);
    border-color: var(--dark-purple);
}

.blog-page .pager a {
    border-radius: 30px;
    border-color: var(--dark-purple);
    color: var(--dark-purple);
}

.blog-page .pager span:hover {
    color: white;
}

#main-nav .navbar-brand>.navbar-item a img {
    padding: 0;
}

#main-nav .navbar-brand>.navbar-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.blog-page .pager a:hover {
    text-decoration: underline;
    background-color: var(--light-purple);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.blog-page .page-title td.title h1 {
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: bold;
}

.blog.blog-page .page-title {
    padding-top: 9rem;
    padding-bottom: 9rem;
    background: var(--light-purple);
    margin-top: -6rem;
    margin-bottom: 3rem;
}

.blog.blog-page .page-title table::after {
    content: "Whether you are getting started with a new product or looking for a packaging solution for your current product line, we have the information you need to take your brand to the next level. Stay up-to-date on the latest custom packaging news and what The PKG Lab can do for you.";
    position: relative;
    display: block;
    margin-top: 1rem;
}

.page-blog-search .blogposts-list {
    display: flex;
    flex-wrap: wrap;
}

.page-blog-blogpost .blogpost {
    padding-top: 0;
}

.page-blog-blogpost h1.title {
    font-size: 3rem;
}

.blogpost .horizontal-links a {
    color: var(--dark-purple);
    text-decoration: underline;
}

.blogpost .blogpost__featureimage {
    display: none;
}

.horizontal-links a:not(:last-of-type) {
    margin-bottom: 1rem;
}

/*Login page*/
.login__wrapper .returning-wrapper .returning-wrapper__inner {
    background-color: rgba(221, 243, 155, 0.3);
    color: var(--dark-green);
}

.login__wrapper .returning-wrapper .returning-wrapper__inner a {
    color: var(--dark-green);
}

/*Account Page*/
.block.block-account-navigation .title {
    color: var(--dark-green);
    font-weight: bold;
}

.block-account-navigation .listbox ul li a {
    color: var(--dark-green);
}

.block-account-navigation .listbox ul li a.active {
    color: white;
    background-color: var(--dark-green);
}

.colour-profile-green .catfish-input:hover,
.colour-profile-green .catfish-input:focus {
    border-color: var(--dark-green);

}

.colour-profile-green .catfish-input:focus {
    box-shadow: 0 0 0 0.125em rgb(128 190 38 / 25%);
}

.account-page--myorders .orders_v2 .order_container .order_show_details_but {
    background-color: var(--dark-green);
    color: white;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
}

.account-page--myorders .orders_v2 .order_container .order_show_details_but:hover {
    background-color: var(--dark-green);
    text-decoration: underline;
}

.account-page--myorders .orders_v2 .order_q_info .order_q_info .o_data,
.account-page--myorders .orders_v2 .order_q_info .order_info .o_data,
.account-page--myorders .orders_v2 .order_f_info .order_q_info .o_data,
.account-page--myorders .orders_v2 .order_f_info .order_info .o_data,
.account-page--myorders .orders_v2 #filtered_orders .orders_row>.order_container,
.account-page--order-details #order_details_v2 .od_products_container .od_product_box>.od_product_info {
    color: var(--dark-grey);
}

.account-page--myorders .order_toggle_filter.default {
    color: var(--dark-grey) !important;
    border-color: var(--dark-grey);
    background: rgba(200, 200, 200, 0.1);
}

.account-page--order-details #order_details_v2 .od_products_container .od_product_box .od_product_name a {
    color: var(--dark-green)
}

.account-page--order-details #order_details_v2 .od_products_container .box {
    background-color: rgba(200, 200, 200, 0.1);
}

.account-page--order-details #order_details_v2 .od_products_container .od_product_box {
    align-items: center;
}

.account-page--order-details #order_details_v2 .od_products_container .od_product_box>.od_product_info {
    margin: 0;
    padding: 1rem;
}

.account-page--order-details #order_details_v2 .od_products_container .od_product_box .od_product_thumb {
    margin: 0;
}

.account-page--order-details #order_details_v2 .od_products_container .od_product_box br {
    display: block;
}

.od_row .checkout-attributes {
    margin-top: 2rem;
}

/*LOCKDOWN*/
/* #lockdown {
    position: absolute;
    width: 100%;
    background-image: url(/0/Handler/CSSOverride/GetImage/4/changeover.jpg);
    background-color: #a2d8e2;
    z-index: 100000;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.login__wrapper {
    display: none !important;
} */

/*Password Recovery*/

.customer-pass-recovery>.button {
    background: none;
    padding: 0;
    border-radius: 30px;
    border: 0;
}

.customer-pass-recovery>.button:hover {
    color: var(--dark-green);
    text-decoration: none;
    border: 0;
}

.customer-pass-recovery>.button>.catfish-button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border: solid 2px transparent;
}

.customer-pass-recovery>.button>.catfish-button:hover {
    border: solid 2px var(--dark-green);
}

/*Dynamic upload*/
.page-dynamicproductupload-editor .upload-pages .upload-pages__uploader__title,
.page-dynamicproductupload-editor .upload-pages .upload-pages__price {
    background-color: var(--dark-green);
}


.page-dynamicproductupload-editor .upload-pages .rawAttributeInfo__item .title,
.page-dynamicproductupload-editor .upload-pages .upload-pages__dimension,
.page-dynamicproductupload-editor .upload-pages .upload-pages__dimension_attributes {
    color: var(--dark-green);
}

.page-dynamicproductupload-editor .upload-pages .upload-pages__dimension__attributes,
.page-dynamicproductupload-editor .upload-pages .upload-pages__count .counter__counter {
    color: var(--dark-grey);
}

.page-dynamicproductupload-editor .upload-pages .upload-pages__count .counter__title {
    color: var(--dark-green);
    font-weight: bold;
}

/*Shipping options*/


.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item label:before,
.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item label:before {
    color: var(--dark-green);
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item input:checked+label:before,
.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item input:checked+label:before {
    font-weight: 300;
    color: var(--dark-green);
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item label,
.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item label {
    border: solid 2px transparent;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item input:checked+label,
.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item input:checked+label {
    border: solid 2px var(--dark-green);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.one-page-checkout .shipping-options .option-name.ui-buttonset {
    height: 100%;
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item label:hover,
.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item label:hover {
    border-color: var(--light-green);
}

.option-name.ui-buttonset label span.ui-button-text {
    color: var(--dark-grey);
}



/*TEMP FIX FOR HEADER LINKS*/

body>.header-links-wrapper {
    position: fixed;
    top: 0.5rem;
    z-index: 1000;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: flex-end;
}

@media screen and (min-width:768px) {
    body>.header-links-wrapper {
        padding-left: 64px;
        padding-right: 64px;

    }
}

@media screen and (min-width:1088px) {
    body>.header-links-wrapper {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media screen and (max-width: 767px) {
    body>.header-links-wrapper .adminlinks .adminmenu {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        flex-wrap: wrap;
    }

    body>.header-links-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        display: block;
    }
}

#main-nav .navbar-end .header-links-wrapper a,
#main-nav .navbar-end .header-links-wrapper i::before {
    color: transparent !important;
    pointer-events: none !important;
}

/*TEMP LOADING SCREEN*/
.loadingScreen {
    position: fixed;
    z-index: 1040;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 5% !important;
    background-color: rgba(163, 216, 222, 0.6);
}

.loadingScreen .icon {
    display: block;
    height: auto;
    width: auto;
}

.loadingScreen .loadingLogo__logo {
    margin: 0 auto 7.5rem;
}

.loadingScreen .loadingLogo__logo img {
    object-fit: contain;
    width: 10.3125rem;
    max-height: 10.3125rem;
}

.loadingScreen .addtoBasketScreenContainer,
.loadingScreen .loadingLogo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none !important;
    flex-direction: column;
    height: 100%;
    text-align: center;
}

.loadingScreen .loadingSpinner {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loadingScreen .loadScreenStepIndicator.ng-binding {
    padding-top: 1rem;
    font-size: 1.5rem;
}

.loadingScreen .fa-cog,
.loadingScreen .fa-spinner {
    position: static;
    font-size: 40px !important;
    height: 10rem;
    width: 10rem;
    border: 0.1875rem solid #441e89;
    opacity: 1 !important;
    border-radius: 99999px;
    border-right-color: #ffffff;
    animation: a 4s infinite linear;
    -webkit-border-radius: 99999px;
    -moz-border-radius: 99999px;
    -ms-border-radius: 99999px;
    -o-border-radius: 99999px;
    -webkit-animation: a 4s infinite linear;
}

.loadingScreen .fa-cog,
.loadingScreen .fa-spinner {
    border-color: var(--dark-blue);
    border-right-color: #ffffff;
}

.colour-profile-green .loadingScreen .fa-cog,
.loadingScreen .fa-spinner,
.page-catalog-product .loadingScreen .fa-cog,
.page-catalog-product .loadingScreen .fa-spinner,
.page-multipartproduct-editor .loadingScreen .fa-cog,
.page-multipartproduct-editor .loadingScreen .fa-spinner,
.arone-category-page .loadingScreen .fa-cog,
.arone-category-page .loadingScreen .fa-spinner,
.page-shoppingcart-cart .loadingScreen .fa-cog,
.page-shoppingcart-cart .loadingScreen .fa-spinner,
.page-checkout-onepagecheckout .loadingScreen .fa-cog,
.page-checkout-onepagecheckout .loadingScreen .fa-spinner,
.page-checkout-completed .loadingScreen .fa-cog,
.page-checkout-completed .loadingScreen .fa-spinner {
    border-color: var(--dark-green);
    border-right-color: #ffffff;
}

.colour-profile-orange .loadingScreen .fa-cog,
.loadingScreen .fa-spinner {
    border-color: var(--dark-orange);
    border-right-color: #ffffff;
}

.colour-profile-purple .loadingScreen .fa-cog,
.loadingScreen .fa-spinner {
    border-color: var(--dark-purple);
    border-right-color: #ffffff;
}

.colour-profile-green .loadingScreen,
.page-catalog-product .loadingScreen,
.page-multipartproduct-editor .loadingScreen,
.arone-category-page .loadingScreen,
.page-shoppingcart-cart .loadingScreen,
.page-checkout-onepagecheckout .loadingScreen,
.page-checkout-completed .loadingScreen {
    background-color: rgba(221, 243, 155, 0.6);
}

.colour-profile-orange .loadingScreen {
    background-color: rgba(254, 186, 102, 0.6);
}

.colour-profile-purple .loadingScreen {
    background-color: rgba(245, 178, 219, 0.6);
}

.loadingScreen .fa-cog:before,
.loadingScreen .fa-cog:after,
.loadingScreen .fa-spinner:before,
.loadingScreen .fa-spinner:after {
    display: none !important;
}

/*Media Queries*/
/*Max width queries*/

@media only screen and (max-width: 1087px) {
    .ribbon-section .ribbon-container .navbar-end {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .navbar>.section>.navbar-main-container {
        display: block;
    }

    .main-nav-buttons {
        display: block;
    }

    .main-nav-buttons .navbar-item.button,
    .main-nav-buttons .navbar-item.button.is-filled {
        background: transparent;
        border: none;
        color: var(--dark-grey);
        font-weight: bold;
    }

    .main-nav-buttons .navbar-item.button:hover {
        background: transparent;
        border: none;
        color: var(--dark-grey);
        font-weight: bold;
    }

    /*How it works MOBILE*/

    .how-it-works-content .image-column .image {
        max-width: 18rem;
        margin: 0 auto;
    }

    /*Design for me MOBILE*/
    .design-for-me img {
        max-width: 18rem;
        margin: 0 auto;
    }

    .design-for-me .column {
        width: 100% !important;
    }

    .design-for-me .column {
        text-align: center;
    }


}

@media only screen and (max-width: 767px) {
    .homeFeaturedProducts .listWrapper .listItem {
        width: 100%;
    }

    .shoppingcart__wrapper {
        padding-bottom: 1.5rem;
    }

    .ribbon-section .ribbon-container .navbar-end {
        display: block;
    }
}

@media only screen and (max-width: 319px) {}

/*Min width queries*/

@media only screen and (min-width: 1600px) {}

@media only screen and (min-width: 1472px) {
    .how-it-works-row:before {
        right: 1rem;
    }
}

@media only screen and (min-width: 1280px) {}


@media only screen and (min-width: 1088px) {
    .navbar-main-container .navbar-menu {
        flex-shrink: inherit;
    }

    .buttons.main-nav-buttons {
        justify-content: flex-end;
    }

    .buttons:not(.is-fullwidth) .button:not(:first-child) {
        margin-left: 0.5rem;
        margin-right: 0;
    }

    .navbar>.section>.navbar-main-container {
        padding-bottom: 0.75rem;
        padding-top: 0.75em;
    }

    a.navbar-item.button.is-rounded {
        padding-left: 0.75em;
        padding-right: 0.75em;
    }

    .container.navbar-main-container,
    .container.ribbon-container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .container.navbar-main-container,
    .container.ribbon-container {
        margin: 0;
        min-width: 100%;
    }

    /*How it works DESKTOP*/
    .how-it-works-row .title:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .how-it-works-content .image-column .image {
        max-width: 13rem;
    }

    .how-it-works-content>.column:nth-child(even) .image-column {
        order: 1;
    }

    .how-it-works-content>.column:nth-child(even) .text-column {
        text-align: right;
    }

    .how-it-works-content>.column:nth-child(odd) .text-column {
        text-align: left;
    }

    .how-it-works-content>.column:nth-child(odd) .image-column {
        align-items: end;
    }

    .how-it-works-content>.column:nth-child(even) .image-column {
        align-items: start;
    }

    .how-it-works-row {
        position: relative;
    }

    .how-it-works-row:before {
        content: "";
        background: url("/0/Handler/CSSOverride/GetImage/4/dashed-line.svg");
        background-size: contain;
        background-position: top right;
        background-repeat: no-repeat;
        width: 66.6%;
        height: 0;
        padding-bottom: 6.5%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .how-it-works-row:nth-child(2n):before {
        left: 7rem;
        background-position: top left;
    }

    .how-it-works-row:first-child:before {
        display: none;
    }

    .how-it-works.column.is-8-desktop.is-12-mobile.columns.is-gapless.is-multiline {
        min-width: 800px;
    }

    .how-it-works-row:nth-child(odd):before {
        transform: scalex(-1);
        -webkit-transform: scalex(-1);
        -moz-transform: scalex(-1);
        -ms-transform: scalex(-1);
        -o-transform: scalex(-1);
    }

    /*Product landing page DESKTOP*/
    .arone-product-landing-page .attributes .attribute {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .arone-product-landing-page .attribute-item {
        width: 50%;
    }

    .arone-product-landing-page .attributeHeader {
        max-width: 40%;
    }

    .attribute.name_UnwindOrientation .arone-product-landing-page .attributeHeader {
        max-width: 100%;
    }

    .attribute.name_UnwindOrientation .arone-product-landing-page .attribute-item {
        width: auto;
    }

    /*Blogs DESKTOP*/
    .blog-page .blogposts-list .column {
        width: 50%;
    }
}

@media screen and (min-width: 1088px) and (max-width:1351px) {
    .navbar>.section>.navbar-main-container {
        padding-bottom: 1.25rem !important;
    }
}

@media only screen and (min-width: 768px) {

    .navbar>.navbar-main-container {
        height: 5em;
    }

    .homeFeaturedProducts .listWrapper.columns {
        justify-content: center;
    }

    .homeFeaturedProductsWrapper .listWrapper .listItem {
        width: 33.33%;
    }

}

/* Header token cache height fix */
section.section.is-very-small.ribbon-section {
    height: 3.5rem;
}