@font-face {
    font-family: "FatFrank Heavy Regular";
    src: url('/1299156952/Handler/CSSOverride/GetImage/1/FatFrank Heavy Regular.ttf');
}

/* Root */
:root {
    --primary-color: #1AA6A8;
    --natural-white: #ffffff;

    --secondary-green-color: #13787a;
    --secondary-green-hover-color: #116d6f;
}

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

@media screen and (max-width:767px) {
    .hide-background-image-mobile {
        background-image: none !important;
    }
}


h1,
.homeFeaturedProductsWrapper .bestsellers .title {
    font-family: 'FatFrank Heavy Regular';
}

/* Logo */
.navbar-item img {
    max-height: 6em;
}

.is-header-logo {
    height: 100%;
}

.ict-sub-title.has-style-custom-4,
.ict-title.has-style-custom-4 {
    font-family: "FatFrank Heavy Regular";
}

/* Custom social logos start */
.custom-social-logos li {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
}

.custom-social-logos li a {
    overflow: hidden;
    display: block;
    width: 2rem;
    height: 2rem;
    color: transparent;
}

.custom-social-logos li a:hover {
    color: transparent;
}

.custom-social-logos li:before {
    position: absolute;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    pointer-events: none;
    transform: scale(1);
    transition: 0.2s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.custom-social-logos li:hover:before {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.custom-social-logos li.instagram:before {
    content: "\f16d";
    background-color: var(--primary-color);
    border-radius: 6px;
    color: white;
    font-size: 1.8rem;
}

.custom-social-logos li.tiktok:before {
    content: "";
    background-image: url(/0/Handler/CSSOverride/GetImage/1/tiktok-branded.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.has-background-primary .custom-social-logos li.tiktok:before {
    content: "";
    background-image: url(/0/Handler/CSSOverride/GetImage/1/tiktok-white.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.custom-social-logos li.facebook:before {
    content: "\f082";
}

.custom-social-logos li.youtube:before {
    content: "\f167";
}

.custom-social-logos li.spotify:before {
    content: "\f1bc";
}

ul.custom-social-logos {
    margin: 0;
}

ul.custom-social-logos li:not(:last-child) {
    margin-right: 1rem;
}

/* Custom social logos end */

/* Homepage */
.homebanners .ict-image-column .image img {
    object-fit: contain;
    max-height: 25rem;
}

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

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

/* Footer */
.image.dedicated-footer-logo img {
    width: 100%;
    height: auto;
    max-width: 17rem;
}

ul.horizontal-media-links {
    display: flex;
}

ul.horizontal-media-links li a span:not(:first-child) {
    display: none;
}

.featuredBlog__wrapper {
    float: none;
}

.blogpost .postdate {
    display: none;
}

/* Content Pages */

/* About Us */
.logo-text-banner {
    background-size: cover !important;
}

.logo-text-banner .ict-title {
    position: relative;
    left: 0;
    top: 4rem;
}

/* FAQ */
.accordion-content {
    margin-bottom: 1.5rem;
}

.has-faq-primary-background {
    background-size: cover;
}

.has-faq-primary-background .accordion-item .button {
    background: var(--natural-white) !important;
    color: var(--primary-color) !important;
    transition: .3s;
}

.has-faq-primary-background .accordion-item .button:hover {
    background: var(--primary-color) !important;
    color: var(--natural-white) !important;
    border: 1px solid var(--natural-white);

}

.has-faq-primary-background .accordion-content .ict-paragraph {
    color: var(--natural-white) !important;
}

.no-accordion-top-padding .ict-right-column.column {
    padding-top: 0 !important;
}

/* Dieline Template */

.image-text-dielines .block {
    float: left;
}

.image-text-dielines h3.ict-sub-title {
    display: inline-block;
    margin-left: 1.5rem;
    padding-top: 4.5rem;
}

/* Jotform header padding overwrite to align with our content */
.jotform-form .form-header-group.header-large {
    padding-top: 0 !important;
}

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

/* Category page - Product */
.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .cart-item__price,
.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices,
.catfish-default-product-box .product-item--info .product-item--content .description {
    display: none !important;
}

.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .cart-item__summaryShortDescription,
.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .description {
    display: none !important;
    display: none !important;
}

.catfish-default-product-box .cart-item__price,
.catfish-default-product-box .alternate--prices {
    display: none !important;
}

.catfish-default-product-box .product-item--info .add-info {
    padding: none;
    background: transparent;
}

.catfish-default-product-box .product-item--info .product-item--content .product-title,
.catfish-default-product-box .product-item--info .product-item--content .description {
    text-align: center;
}

.OutlineElement .Paragraph {
    padding-bottom: 1rem;
}

.OutlineElement .TextRun {
    font-family: 'Forza Light', Arial, Helvetica, sans-serif !important;
    font-size: 11pt !important;
    font-weight: 500;
    color: #1AA6A8 !important;
}

.navbar-link.has-icon .icon.is-shown+.acc-icons {
    display: none;
}

.navbar-item.has-dropdown:hover .navbar-link.has-icon i {
    font-weight: 700;
}

@media screen and (min-width: 1088px) {
    .catfish-default-product-box .product-item--info .add-info {
        position: none !important;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        opacity: unset;
    }

    .catfish-default-product-box .product-item--info .add-info {
        position: unset !important;
    }

    .navbar-dropdown {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

@media screen and (max-width: 1088px) {
    .navbar-item img {
        max-height: 3.25em;
    }

    .is-header-logo {
        height: 100%;
    }

    .background-image-right {
        background-position-x: 100%;
    }

    .background-image-right .columns .ict-left-column.column {
        display: none;
    }

    .background-image-right .columns .column .ict-sub-title {
        width: 50%;
    }
}

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



    .page-topic-topicdetails .FAQs .section.section:not(:first-child) {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .has-faq-primary-background .columns .ict-left-column {
        display: none;
    }

    .background-image-right .columns .ict-right-column,
    .has-faq-primary-background .columns .ict-right-column {
        width: 100% !important;
    }

    .has-faq-primary-background .ict-sub-title {
        text-align: center !important;
        padding-bottom: 0;
        color: var(--primary-color);
    }

    .has-faq-primary-background {
        background-image: none !important;
    }

    .has-faq-primary-background .container>.columns {
        border-radius: 15px;
    }

    .background-image-right .columns .column .ict-sub-title {
        width: 100%;
    }

    .background-image-right {
        background: none !important;
    }

    .guide-section .columns .ict-left-column {
        width: 100%;
    }

}

/* Blog */
.featuredBlog__wrapper {
    background-color: #eee;
}

.featuredBlog__wrapper .post .post-content .blogimage img,
.blogpost .blogpost__featureimage img,
.blog-page .blogposts .blogposts-list .post .post-content .blogimage img,
.nextandprevious-image .image img {
    object-fit: contain;
}

.nextandprevious-link a {
    font-size: 1.5rem;
}

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


    div#previousblog,
    div#nextblog {
        max-width: 33.33333%;
    }

    .columns.postlinks-content {
        justify-content: space-between;
    }

}

/* Checkout */
.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .columns {
    justify-content: flex-end;
}

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

    .one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .columns {
        justify-content: center;
    }

    .one-page-checkout .cartTableWrapper .cart tr.cart-item-row td {
        align-items: center;
    }

    #checkout-step-confirm-order .subtitle {
        text-align: center;
    }


    div#cartTotals {
        justify-content: center;
        display: flex;
    }

}

/* Search */
#logorow .catfish-button {
    background-color: #1AA6A8;
}

#logorow .catfish-button:hover {
    background-color: #189b9d;
}

/* Product landing page */
.arone-product-landing-page .producttags-box {
    display: none;
}

.custom-product-form.block.is-medium .field .control:last-child {
    width: 100% !important;
}

/* Blogs */
.featuredBlog__wrapper .list.columns {
    flex-wrap: wrap;
    justify-content: center;
}

/* Temporarily hide test mode */

/* Product Attributes */
.attribute.name_Marketing_Discount,
.attribute.name_Branded_Logo_Discount,
.attribute.name_Advanced_Artwork_Verification {
    max-width: 50% !important;
}

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

    .attribute.name_Marketing_Discount,
    .attribute.name_Branded_Logo_Discount,
    .attribute.name_Advanced_Artwork_Verification {
        min-width: 100%;
    }
}

.attribute.name_Marketing_Discount .attribute-value-item,
.attribute.name_Branded_Logo_Discount .attribute-value-item,
.attribute.name_Advanced_Artwork_Verification .attribute-value-item {
    position: relative;

}

.attribute.name_Marketing_Discount .attribute-value-item .attributeLogic,
.attribute.name_Branded_Logo_Discount .attribute-value-item .attributeLogic,
.attribute.name_Advanced_Artwork_Verification .attribute-value-item .attributeLogic {
    display: block !important;
    position: absolute;
    top: 2rem;
    left: 2rem;
    z-index: 2;
    width: 1.5rem;
    height: 1.5rem;
}

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

    .attribute.name_Marketing_Discount .attribute-value-item .attributeLogic,
    .attribute.name_Branded_Logo_Discount .attribute-value-item .attributeLogic,
    .attribute.name_Advanced_Artwork_Verification .attribute-value-item .attributeLogic {
        accent-color: #fff;
    }
}

.attribute.name_Marketing_Discount .attribute-value-item .button,
.attribute.name_Branded_Logo_Discount .attribute-value-item .button,
.attribute.name_Advanced_Artwork_Verification .attribute-value-item .button {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.attribute.name_Marketing_Discount .attribute-value-item .button .text,
.attribute.name_Branded_Logo_Discount .attribute-value-item .button .text,
.attribute.name_Advanced_Artwork_Verification .attribute-value-item .button .text {
    display: none;
}

.attribute.name_Marketing_Discount .attributeValueInfo,
.attribute.name_Branded_Logo_Discount .attributeValueInfo,
.attribute.name_Advanced_Artwork_Verification .attributeValueInfo {
    margin-left: 2rem;
    text-align: left;
    white-space: normal;
}

.attribute.name_Marketing_Discount .attributeValueInfo .custom-checkbox .subtitle,
.attribute.name_Branded_Logo_Discount .attributeValueInfo .custom-checkbox .subtitle,
.attribute.name_Advanced_Artwork_Verification .attributeValueInfo .custom-checkbox .subtitle {
    margin-bottom: .5rem !important;
    font-size: 0.875rem !important;
    font-weight: 700;
}

.attribute.name_Marketing_Discount .attributeValueInfo .custom-checkbox p,
.attribute.name_Branded_Logo_Discount .attributeValueInfo .custom-checkbox p,
.attribute.name_Advanced_Artwork_Verification .attributeValueInfo .custom-checkbox p {
    font-size: 0.875rem !important;
    font-weight: 500;
}

.attribute.name_Marketing_Discount input:checked+label.button,
.attribute.name_Branded_Logo_Discount input:checked+label.button,
.arone-product-landing-page .attribute.name_Advanced_Artwork_Verification input:checked+label.button {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* .coming-soon .product-variant-list {
    display: none;
} */

/*Form builder refactored*/
.page-dynamicproduct-editor .catfish-button.is-small,
.page-dynamicproduct-editor .button.is-small {
    padding: 0.5rem;
}

.page-dynamicproduct-editor .MEUIFormField .control .meuiNonLayout,
.page-dynamicproduct-editor .MEUIFormField .control .zoom-button {
    height: 100%;
}

.page-dynamicproduct-editor .AddImageToField span.no-image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.Script_DynamicUiGeneration_New .fb-background-color-select .colorSelector {
    min-width: 100%;
}

.megaedit-preview button#addToBasketButton {
    bottom: 4rem;
    top: unset !important;
}

.freeTargetContainer .meuiNonLayout button {
    border-radius: 30px !important;
}

.FieldEdit-FocusMode .user-image-text {
    display: block !important;
}

#loadingScreen .is-underlined {
    text-decoration: underline;
}

.loadingScreen .loadingLogo__logo {
    margin: 0 auto 0;
}

#loadingScreen .loadingSpinner {
    position: relative;
    top: 5rem;
}

#loadingScreen .loadingLogo__logo {
    position: relative;
    top: 4rem;
}

/* instructions popup */
div[aria-describedby="dlgPopupInstruction"] {
    border-radius: 0px;
    background-size: cover;
    background-position: left;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

div[aria-describedby="dlgPopupInstruction"] p#popupInstructionContent {
    width: 100%;
}

@media only screen and (min-width: 951px) {
    div[aria-describedby="dlgPopupInstruction"] p#popupInstructionContent {
        width: 950px
    }
}

div[aria-describedby="dlgPopupInstruction"] .ui-dialog-titlebar,
div[aria-describedby="dlgPopupInstruction"] .ui-dialog-buttonpane {
    border-radius: 0px;
    border: 0px !important;
    background-color: transparent;
}

div[aria-describedby="dlgPopupInstruction"] .ui-dialog-buttonpane {
    justify-content: space-between;
}

div[aria-describedby="dlgPopupInstruction"] div#dlgPopupInstruction {
    padding: 0px;
    background: transparent;
}

div[aria-describedby="dlgPopupInstruction"] .swiper-slide {
    height: 500px !important;
}

div[aria-describedby="dlgPopupInstruction"] .slide-image-first-last {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

div[aria-describedby="dlgPopupInstruction"] .slide-image-first-last img {
    max-height: 400px;
}

div[aria-describedby="dlgPopupInstruction"] .is-white {
    color: white;
}

div[aria-describedby="dlgPopupInstruction"] .slide-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

div[aria-describedby="dlgPopupInstruction"] .ui-dialog-title {
    font-size: 0px;
    background-image: url(/0/Handler/CSSOverride/GetImage/1/builder-logo-header.png);
    height: 55px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

div[aria-describedby="dlgPopupInstruction"] .image-side img {
    max-height: 10rem;
}

div[aria-describedby="dlgPopupInstruction"] .column.image-side {
    text-align: center;
}

.swiper-button-next,
.swiper-button-prev {
    padding: 4rem 2rem 4rem 2rem;
    background: white;
    top: 45% !important;
}

.swiper-button-next {
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
    right: -5px !important;
}

.swiper-button-prev {
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    left: -5px !important;
}

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

    .swiper-button-next,
    .swiper-button-prev {
        padding: 3rem 1rem 3rem 1rem;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: calc(var(--swiper-navigation-size) / 2) !important;
    }

}

.dont-show-again {
    color: black;
    font-weight: bold;
}

input#DontShowAgain {
    margin-right: 10px;
}

.text-side {
    background: #1AA6A8;
}

a.button.is-white {
    background-color: white !important;
}

.galleryCancelUpload.media-right {
    display: none;
}

.galleryUploadItem .media {
    display: block !important;
}

.galleryUploadItem.box {
    padding: 1rem !important;
}

.galleryUploadItem p.name.label {
    word-break: break-word;
    white-space: normal;
}

div[aria-describedby="dlgPopupInstruction"] .button.is-white {
    color: #1AA6A8 !important;
}

div[aria-describedby="dlgPopupInstruction"] .button.is-white:hover {
    background-color: #f7f7f7 !important;
    color: #1AA6A8 !important;
}

div[aria-describedby="dlgPopupInstruction"].ui-dialog .ui-dialog-titlebar-close .ui-icon:hover {
    background-color: #f7f7f7 !important;
}

/* Pricing script */
.priceScriptInfo.column {
    padding-top: 0;
}

#priceHide {
    width: 100%;
}

.column.price .level {
    width: 100% !important;
}

/* Move unit price next to qty dropdown */
.columns.is-multiline.after-attributes-wrapper {
    float: right;
    margin: 0rem;
    width: fit-content;
    display: block;
    width: 100% !important;
}

.price-move-bottom .columns.is-multiline.after-attributes-wrapper,
.price-move-bottom .columns.is-multiline.after-attributes-wrapper .price {
    padding: 0;
}

.move-price-to-qty ul#multiProductCustomProduct {
    margin-top: 3rem;
}

.move-price-to-qty .columns.is-multiline.after-attributes-wrapper .column {
    min-width: 0;
}

.move-price-to-qty .columns.is-multiline.after-attributes-wrapper .column .level,
.move-price-to-qty .columns.is-multiline.after-attributes-wrapper .column .priceScriptMessageItem {
    width: fit-content;
}

@media screen and (max-width:449px) {
    .move-price-to-qty .custom-product-form .field.is-grouped.level {
        width: 100%;
        float: left;
    }

    .move-price-to-qty .columns.is-multiline.after-attributes-wrapper {
        width: 100%;
        float: left;
    }

    .move-price-to-qty ul#multiProductCustomProduct {
        float: left;
        margin-top: 0;
    }
}

/* Hide canvas options */
.megaEditBodyClass-RegisteredUser .me-global-menu-item.is-editor-options .menu-list .dropdown-item:last-of-type {
    pointer-events: none;
    display: none;
}

.megaEditBodyClass-RegisteredUser .me-global-menu-item.is-canvas-sizes .menu-list .dropdown-item {
    pointer-events: none;
}

.megaEditBodyClass-RegisteredUser .editorTop.pane .headerWrapper .currentCanvasSizeWrapper {
    pointer-events: none;
}

/* Hide price in ME editor */
.megaEditBodyClass-RegisteredUser .editorBottom.is-attached-to-editor .priceContainer {
    display: none;
}

/* Custom ME Button */
.button.me-end-custom-download-button {
    position: absolute;
    top: 7.875rem;
    left: 0.5rem;
}

/* Multipart */
.multipart-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.multipart-container .product-details.block,
.multipart-container .parts {
    width: 100%;
}

@media screen and (max-width:1280px) and (min-width:768px) {
    .product-version-list .product-version-item {
        flex-wrap: wrap;
    }

    .field-body>.field:nth-child(2) {
        flex-basis: 50%;
    }
}

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



    .multipart-container .product-details.block,
    .multipart-container .parts {
        width: 50%;
    }
}

.multipart-product.section.is-large {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.uploadMultiPartContainer.block.is-full-width .columns .column {
    width: 100%;
}

.uploadMultiPartContainer.block.is-full-width .columns {
    flex-direction: column;
}

.uploadMultiPartContainer.block.is-full-width .columns .column:first-child {
    order: 1;
}

.multipart-product #errorSummary,
.multipart-product #showPreview,
.multipart-product .addtobasket,
.multipart-product .confirmPreviewButton {
    margin-top: 0;
}

.uploadMultiPart .constraintDescription {
    margin-bottom: 0;
}

.multiPartItem .footer-slot-section.block {
    margin: 0;
}

/* Resolution popup */
.me-helper.ui-warning-message .me-helper__text {
    margin-right: 2rem;
    margin-left: 2rem;
}

div[aria-describedby="dlgFieldIssue"] .ui-dialog-buttonset .ui-button:first-of-type {
    background-color: var(--primary-color);
    color: white;
    transition: 0.3s;
}

div[aria-describedby="dlgFieldIssue"] .ui-dialog-buttonset .ui-button:first-child:hover {
    background-color: #189b9d;
    color: white;
}

/* Above upload section */
.above-upload-section .above-upload-container {
    text-align: center;
}

a.above-upload-link {
    color: #86a3b5;
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    display: block;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    text-decoration-color: transparent;
    transition: 0.3s;
}

.above-upload-section .subtitle {
    color: #163747;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.above-upload-section .above-upload-cta-line {
    color: #d4392b;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

a.above-upload-link:hover {
    text-decoration-color: inherit;
}

.section.above-upload-section {
    padding-bottom: 0;
}

/* MegaEdit price */

@media screen and (max-width:639px) {
    .editorBottom.is-attached-to-editor .priceContainer {
        width: 50%;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-left: 2.2rem;
        padding-right: 2.2rem;
        position: fixed;
        right: -1.2rem;
        top: 4.2rem;
        height: fit-content;
        justify-content: flex-end;
    }

    .memobilePageClass {
        width: 75vw;
        transform: translatex(-35%);
        -webkit-transform: translatex(-35%);
        -moz-transform: translatex(-35%);
        -ms-transform: translatex(-35%);
        -o-transform: translatex(-35%);
    }

    .editorBottom.is-attached-to-editor .priceContainer .subtitle,
    .editorBottom.is-attached-to-editor .priceContainer .title {
        font-size: 1.25rem;
    }

}

@media screen and (min-width:640px) {
    .editorBottom.is-attached-to-editor .priceContainer {
        bottom: 5rem;
    }
}

@media screen and (max-width: 1087px) {
    div#cartTotals {
        flex-wrap: wrap;
    }

    div#cartTotals>* {
        width: 100%;
    }
}

.cart--unitprice .price-per-unit span {
    display: none;
}

.rawAttributeInfo__item .title {
    margin-bottom: 0;
}

.rawAttributeInfo__item:not(:first-child) .title {
    margin-top: 0.25rem;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .summaryShortDescription {
    font-size: 1em;
}

.hide-commonly-asked-questions .global-content-under-image {
    display: none;
}

.homeFeaturedProducts .productlistaddtocartbutton {
    display: none;
}

/* Basket Loading Animation */
.basket-loading-wrapper {
    display: none;
    background: #33333344;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100000;
    pointer-events: all;
}

.basket-loading-wrapper.is-active {
    display: block;
}

.basket-loading-content {
    position: fixed;
    width: 25rem;
    height: 15rem;
    left: calc(50% - 12.5rem);
    top: calc(50% - 7.5rem);
    border: 1px solid #7a7a7a;
    border-radius: 30px;
    padding: 2rem;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.basket-loading-content .loading-text {
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 1.75rem;
}

.basket-loading-content .loading-spinner {
    width: 5rem;
    height: 5rem;
    border: solid 5px;
    border-radius: 100%;
    border-top: solid 5px white;
    border-bottom: solid 5px white;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Header updates */
@media screen and (max-width:1087px) {

    #main-navbar .navbar-link,
    #main-navbar .navbar-item {
        font-weight: 600;
    }

    .navbar-start>.navbar-item {
        border-bottom: solid 1px #eee;
    }

    .navbar-end>.navbar-item.has-dropdown {
        border-bottom: solid 1px #eee;
    }

    .navbar-item.currency-selector-parent {
        order: 1;
    }

    .navbar-end {
        display: flex;
        flex-direction: column;
    }

    #main-nav>.container {
        position: relative;
    }

    div#main-navbar {
        top: 100%;
        background: #f6f9fc;
    }

    .ict-navbar .currency-selector *:not(script) {
        font-weight: bold;
    }

    .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

/* Account Pages */
/* Saved Projects */

#SavedProjects .table-wrapper tbody tr td:first-child a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 44px;
    font-weight: 700;
    background-color: var(--secondary-green-color);
    color: var(--natural-white);
}

#SavedProjects .table-wrapper tbody tr td:first-child a:hover {
    background-color: var(--secondary-green-hover-color);
    color: var(--natural-white);
}

#SavedProjects .table-wrapper tbody tr td .t-grid-edit {
    background-color: transparent;
    border: 2px solid #e6e9eb;
    color: var(--secondary-green-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-weight: 700;
    width: 11rem;
}

#SavedProjects .table-wrapper tbody tr td .t-grid-edit:hover {
    background-color: var(--secondary-green-color);
    border-color: transparent;
    color: var(--natural-white);
}

#SavedProjects .table-wrapper tbody tr td .t-grid-update {
    margin-bottom: .5rem;
}

#SavedProjects .table-wrapper tbody tr td .t-grid-update:hover {
    background: var(--secondary-green-hover-color);
    color: var(--natural-white);
}

#SavedProjects .table-wrapper tbody tr td .t-grid-delete {
    display: flex;
    font-weight: 700
}

.customer-SavedProjects .section-title {
    font-size: 1.2rem !important;
}

#SavedProjects .t-button.t-grid-edit {
    visibility: hidden;
    position: relative;
}

#SavedProjects .t-button.t-grid-edit::after {
    content: "Rename Project";
    width: 11rem;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #e6e9eb;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    transition: .3s;
}

#SavedProjects .t-button.t-grid-edit:hover::after {
    background: var(--secondary-green-hover-color);
    color: var(--neutral-white);
    border-color: transparent;
}

/* Header */
.icon-nav {
    background-color: #f6f9fc;
}

.icon-nav .navbar-end .navbar-item .buttons .button {
    background: transparent;
    color: var(--secondary-green-color);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

.icon-nav .navbar-end .navbar-item.has-icon.is-shown a span.is-hidden-touch.acc-icons,
.icon-nav .navbar-end .navbar-item .button,
.icon-nav .navbar-end .navbar-link.has-icon span.is-hidden-touch:nth-child(2),
.icon-nav .navbar-end .navbar-item .button.is-small:nth-child(1)>span:nth-child(1) {
    height: auto;
}

.icon-nav .navbar-end .navbar-item.has-icon:nth-child(2) {
    padding-top: 1rem;
}

.icon-nav .navbar-end .navbar-item.has-icon:nth-child(2)>a:nth-child(2) {
    padding-bottom: 0;
    padding-top: .5rem;
}

.icon-nav .navbar-end .navbar-item.has-icon.is-shown a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-nav .navbar-end .buttons:last-child {
    align-items: flex-end;
}

.icon-nav .navbar-start a {
    font-weight: bold;
}

.icon-nav .button.is-small.is-primary:focus {
    box-shadow: none !important;
}

@media screen and (min-width: 1088px) {
    .icon-nav .navbar-end .navbar-link.has-icon:not(.is-arrowless)::after {
        margin-top: .4em;
    }

    .icon-nav .navbar-end .navbar-link.has-icon:hover:not(.is-arrowless)::after {
        margin-top: .7em;
    }

    .icon-nav .navbar-end .navbar-link.has-icon {
        padding-left: .5rem;
    }

    .icon-nav .navbar-end .navbar-item.has-icon.is-shown {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .icon-nav .navbar-end .navbar-item.currency-selector-parent {
        padding-right: 1rem;
    }

    .icon-nav .navbar-end .has-dropdown~.navbar-item:nth-child(4) {
        padding-left: .5rem;
    }

    .content-field-navbar .navbar-link:not(.is-arrowless)::after {
        border-color: var(--secondary-green-color);
        transition: .1s;
        -webkit-transition: .1s;
        -moz-transition: .1s;
        -ms-transition: .1s;
        -o-transition: .1s;
    }

    .content-field-navbar .navbar-link:hover:not(.is-arrowless)::after {
        transform: rotate(135deg);
    }

    .navbar-link:hover:not(.is-arrowless)::after {
        margin-top: -0.15rem;
    }

    .icon-nav .navbar-end .navbar-link.has-icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #logorow .navbar .navbar-start>.navbar-item,
    #logorow .navbar .navbar-start>.navbar-list-item>.navbar-item,
    #logorow .navbar .navbar-start .navbar-link,
    #logorow .navbar .navbar-end>.navbar-item,
    #logorow .navbar .navbar-end>.navbar-list-item>.navbar-item,
    #logorow .navbar .navbar-end .navbar-link {
        color: var(--secondary-green-color) !important;
    }

    .icon-nav .navbar-end .navbar-item .buttons .button {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .icon-nav .navbar-end .navbar-item a i,
    .icon-nav .navbar-end .navbar-item span i.fa-2x {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .icon-nav .navbar-item.has-icon.is-shown:hover span i.fa-2x,
    .icon-nav .navbar-item.has-dropdown a:hover .acc-icons i.fa-2x,
    .icon-nav .button.is-small.is-primary:hover span i.fa-2x {
        font-weight: 700;
    }

    .currency-list-container label.currency-label {
        text-align: center !important;
    }

}

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

    .icon-nav .navbar-item,
    .icon-nav .navbar-link {
        padding-left: .5rem;
    }

    .icon-nav .navbar-item a,
    .icon-nav .navbar-item {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1087px) {
    .icon-nav .navbar-end .navbar-item {
        padding-left: 0;
    }

    .icon-nav .navbar-end .navbar-item.currency-selector-parent {
        padding-left: 1rem;
    }
}

/* Knowledge hub - Download */
.ict-buttons.is-width-60 {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 60%;
}

.ict-buttons.is-width-60 a {
    width: 100%;
}

@media screen and (max-width: 869px) and (min-width: 768px) {
    .ict-buttons.is-width-60 {
        width: 75%;
    }
}

/* Knowledge hub - Blog post */
/* Hero banner */
.section.hero.has-overlay {
    justify-content: center;
}

/* Two Column Section */
.section.two-column-section.video-image-right .ict-content-column,
.section.two-column-section.video-image-left .ict-content-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between !important;
}

.section.video-image-right .ict-content-column h3,
.section.video-image-left .ict-content-column h3 {
    flex-grow: 0;
}


.section.video-image-right .ict-content-column .block:nth-child(2) {
    flex-grow: 0;
}

.section.video-image-left .ict-content-column .strapline-content {
    flex-grow: 1;
}

.section.blog-post-main-section .is-image-scale-parent {
    height: auto;
    min-height: 0;
    position: unset;
}

.section.blog-post-main-section .is-image-scale-parent .is-inline-block {
    display: flex !important;
    justify-content: center;
}

.section.blog-post-main-section .is-image-scale-parent .image {
    position: unset;
    width: 50%;
    height: 50%;
}

.strapline-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.strapline-content h4 {
    padding: 0 .5rem;
    margin: 2.5rem 0;
}

@media screen and (min-width: 1088px) {
    .section.two-column-section.video-image-right {
        margin-left: calc(100% - 95%);
        width: 90%;
    }
}

/* Article Sections */
.section.article-section .ict-left-column .block,
.section.article-section .ict-right-column .block {
    position: relative;
}

.section.article-section .ict-left-column .block h3.ict-sub-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    opacity: 0;
    margin: 0 !important;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.section.article-section .ict-left-column .block:hover h3.ict-sub-title {
    opacity: 1;
    pointer-events: none;
}

.section.article-section .block.has-text-centered:hover a {
    filter: brightness(.5);
    -webkit-filter: brightness(.5);
}

/* Social Sections */
.section.social-links-section ul.has-list-style-none {
    margin-left: 0;
    gap: .5rem;
}

.section.social-links-section .icon.is-medium {
    height: 4rem;
    width: 4rem;
}

.section.social-links-section .icon.is-medium {
    background: var(--secondary-green-color);
    border-radius: 10px;
    height: 4rem;
    width: 4rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.section.social-links-section .icon.is-medium:hover {
    background: var(--secondary-green-hover-color);
}

.section.social-links-section .icon.is-medium img {
    height: 50%;
}

/* Markets Overview */
.column.has-box-overlay {
    position: relative;
}

.column.has-box-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 120, 122, .2);
    z-index: 1;
    pointer-events: none;
}

.column.has-box-overlay.has-text-white::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 120, 122, .8);
    z-index: 1;
    pointer-events: none;
}

.column.has-box-overlay h3,
.column.has-box-overlay .block {
    position: relative;
    z-index: 2;
}

.column.has-box-overlay .block h3 {
    margin-bottom: .5rem;
}

.section.list-box-section .list-box .ict-list li {
    list-style: none;
}

.section.list-box-section .list-box .ict-list li {
    list-style-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/fun-list-bullets.svg');
}

.Script_DynamicUiGeneration_New .fb-background-color-select .colorSelector:before {
    position: absolute;
    top: 0px;
    display: block;
    left: 0px;
    right: 0px;
}

.Script_DynamicUiGeneration_New .fb-background-color-select .colorSelector {
    overflow: hidden;
}

.Script_DynamicUiGeneration_New .fb-background-color-select .colorSelector:before {
    content: '';
    background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet, red);
    position: absolute;
    top: 0;
    left: 0;
    width: 86%;
    height: 100%;
    z-index: 0;
    border-right: solid 1px #5e5e5e;
}

.Script_DynamicUiGeneration_New .fb-background-color-select .colorSelector span {
    position: relative;
}

/* Popup */
.modal-content>.box button.close-button {
    position: absolute;
    font-size: 2rem;
    background: white;
    border: none;
    color: var(--secondary-green-color);
    top: 1rem;
    right: 1.5rem;
    height: 2rem;
    outline: none;
    line-height: 1;
    border-radius: 30px;
    padding: 0.4rem;
    height: 3rem;
    width: 3rem;
    transition: 0.3s;
    border: solid 2px white;
}

@media screen and (min-width:1088px) {
    .modal-content>.box button.close-button:hover {
        background-color: var(--secondary-green-color);
        color: white;
    }
}

.modal-content button.close-button {
    cursor: pointer;
}

.modal-content>.box {
    padding-top: 4rem;
}

div#CustomCTModal .modal-content {
    max-width: 80vw;
}

@media screen and (min-width:768px) {
    div#CustomCTModal .modal-content {
        max-width: 50vw;
    }
}

/* Custom Title */
.ict-dedicated-footer h3,
.has-custom-font-family,
.global-content-under-image h3.ict-sub-title,
.featuredBlog__wrapper h3.title,
.cta-block-section h3.ict-sub-title,
.subcategory-title.title,
.list-box-section h3.ict-sub-title {
    font-family: 'FatFrank Heavy Regular';
}

/* Popup Modal */
.modal-content {
    box-shadow: unset;
}

.modal-content .box.box {
    border: 1px solid var(--primary-color);
}

.modal-content>.box button.close-button {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1.5rem;
}


.modal-content .popup-content-two-column .ict-content-column .has-style-custom-4 {
    background: transparent;
    border: 1px solid var(--secondary-green-hover-color);
    color: var(--secondary-green-hover-color);
    font-weight: 600;
}

.modal-content .popup-content-two-column .ict-content-column .has-style-custom-4:hover {
    background: var(--secondary-green-hover-color);
    border: 1px solid var(--secondary-green-hover-color);
    color: var(--natural-white);
}


@media screen and (min-width: 1088px) {
    .modal-content .popup-content-two-column .ict-image-column {
        width: 40% !important;
    }

    .modal-content .popup-content-two-column .ict-content-column {
        width: 60% !important;
    }
}

@media screen and (max-width: 1087px) {
    .modal-content .popup-content-two-column .ict-content-column {
        text-align: center;
    }
}

/* FORM BUIDER ADDITIONAL CSS*/
.upload-status-clone-target .galleryURI {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.upload-status-clone-target .galleryUploadItem__info {
    max-width: calc(100% - 7.7rem);
}

.upload-status-clone-target .galleryPreview.media-left {
    width: 3rem;
    max-width: 3rem;
}

.upload-status-clone-target .uploadList {
    max-height: 10rem !important;
}

.MEUIColumnLayout.box.imageconfiglist {
    max-height: calc(100vh - 22rem);
    overflow: hidden;
    overflow-y: auto;
    border-radius: 0px !important;
    box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.Script_DynamicUiGeneration_New .MEUIColumnLayout.box.imageconfiglist>.columns>.column {
    border: solid 1px rgba(0, 0, 0, 0.05);
    margin-bottom: -1px;
}

.Script_DynamicUiGeneration_New .fbFieldsContainer .field.has-addons .control:last-child .catfish-button {
    margin-bottom: 0px;
}


.Script_DynamicUiGeneration_New .fbFieldsContainer>.columns>.column.UI-SORTABLE {
    padding-left: 3rem !important;
    position: relative;
}

.Script_DynamicUiGeneration_New .fbFieldsContainer>.columns>.column.UI-SORTABLE:before {
    content: '\f7a4';
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    padding: 1.1rem 0.5rem;
    background: #ccc;
    cursor: grab;
    width: 2.7rem;
    height: 3.15rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    text-align: center;
    border-radius: 4px;
}

.Script_DynamicUiGeneration_New .fbFieldsContainer>.columns>.column.UI-SORTABLE.UI-SORTABLE-CREATE-MODE {
    padding-left: 0.5rem !important;
}

.Script_DynamicUiGeneration_New .fbFieldsContainer>.columns>.column.UI-SORTABLE.UI-SORTABLE-CREATE-MODE .field-main-title {
    padding-left: 1.5rem;
}

.Script_DynamicUiGeneration_New .fbFieldsContainer>.columns>.column.UI-SORTABLE-CREATE-MODE:before {
    top: 0.25rem;
    left: 0.5rem;
    padding: 0.5rem 0;
    background: transparent;
    width: 2.5rem;
    height: 2rem;
    text-align: left;
}

.Script_DynamicUiGeneration_New .fbFieldsContainer>.columns>.column.UI-SORTABLE-CREATE-MODE:hover {
    outline: solid 1px #ccc;
}

.Script_DynamicUiGeneration_New .fbFieldsContainer>.columns>.column.UI-SORTABLE .meuiButton:not(.is-small) {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* New loading */
.loadingSpinner .fa {
    display: none;
}

.loadingScreen .loadScreenStepIndicator {
    font-weight: bold;
    font-size: 2rem;
    font-family: "FatFrank Heavy Regular";
    margin-top: 0;
}