/* defaults */
@font-face {
    font-family: poppins;
    src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Poppins-Regular.ttf');
}

@font-face {
    font-family: futura;
    src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Futura Bold font.ttf');
}

body:not(.fa, .fas) {
    font-family: poppins, sans-serif;
}

h1,
h2,
h3,
h4,
h5 .title,
.subtitle,
.product-title a {
    font-family: futura, sans-serif !important;
    font-weight: bold !important;
}

h1 {
    font-size: 2rem;
}

h2.product-title,
h2 {
    font-size: 1.8rem;
}

h3 {
    font-size: 1.6rem;
}

h1,
h2,
h3 {
    margin-bottom: 1rem;
    font-weight: 500;
}

h1:last-child,
h2:last-child,
h3:last-child {
    margin-bottom: 0rem;
}

.attributeHeader .attributeDescription {
    margin-left: 1rem;
    color: #817e7e;
    font-weight: 400;
}

.main-menu-nav .nav-item {
    font-family: futura, sans-serif !important;
    font-size: 1.2rem;
}

.title {
    font-size: 3.074em;
}

.subtitle.is-6,
.subtitle.is-4,
.subtitle.is-5 {
    font-size: 1.4rem;
}

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

.hero.product-intro-section .hero-body {
    padding: 2rem 0rem;
}

.secondary-background {
    background-color: #F2F2F2;
}

.black-background {
    background-color: black;
}

.white-background {
    background-color: white;
}

.uppercase {
    text-transform: uppercase;
}

.white-text {
    color: white;
}

.white-button {
    color: black;
    background-color: white;
}

.large-text {
    font-size: 2rem;
}

.is-very-large {
    padding: 9rem 0px;
}

/* misc */
/* Hidden nav-item for now
.w-full.main-menu-nav li.nav-item:nth-child(2),
.w-full.main-menu-nav li.nav-item:nth-child(3),
.footer-section .column:nth-child(2) {
    display: none;
} */

.is-between {
    align-content: space-between;
}

.relative {
    position: relative;
}

.bold {
    font-weight: bold;
}

.admin-menu,
.main-menu-nav,
.style-none {
    list-style: none;
}

.admin-menu li,
.nav-item {
    float: left;
}

.header-menu {
    overflow-x: hidden;
}

.header-menu-container .nav-item {
    transition: .6s;
}

.header-menu-container .nav-item:hover a {
    text-decoration: underline;
}

.w-full,
.headermenu {
    width: 100%;
}

span.mobile-menu-item {
    width: 50px;
    height: 4px;
    background-color: black;
    display: block;
    margin-bottom: 10px;
}

span.mobile-menu-item:last-of-type {
    margin-bottom: 0px;
}

.logo-container img {
    width: 200px;
    margin-bottom: 0.5rem;
}

.admin-button-search-container .search-box {
    width: 350px;
    max-width: 500px;
    margin: 0px 0px 0px 1rem;
    display: inline-block;
    position: absolute;
    bottom: -62px;
    right: 0px;
    opacity: 0;
    z-index: -1;
}

.admin-button-search-container .search-box.active {
    opacity: 1;
    z-index: 1;
}

.admin-button-search-container .search-box .searchbutton {
    border: none;
    border-bottom: 1px solid black;
    margin: 0px !important;
}

.main-menu-nav .nav-item {
    margin-right: 1rem;
}

.main-menu-nav .nav-item:last-child {
    margin-right: 0px;
}

/* slider */
ol.flex-control-nav.flex-control-paging {
    position: absolute;
    bottom: 0;
    z-index: 28;
    width: 100%;
    display: flex;
    justify-content: center;
    list-style: none;
    margin-bottom: 2rem;
}

section.footer-section {
    padding-top: 6rem;
}

ol.flex-control-nav.flex-control-paging li {
    text-align: center;
}

ol.flex-control-nav.flex-control-paging li:not(:first-of-type) {
    margin-left: 1rem;
}

ol.flex-control-nav.flex-control-paging li a {
    color: transparent;
    background: rgba(250, 250, 250, 0.7);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

ol.flex-control-nav.flex-control-paging li a.flex-active {
    background: rgba(250, 250, 250, 0.9);
}

/* homepage categories */
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item {
    border-top: none;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item {
    position: relative;
    display: flex;
    flex-direction: column;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title {
    transform: none;
    background: transparent;
    color: black;
    position: relative;
    order: 1;
    padding: 1rem 0px;
    text-align: center;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture .image {
    height: 100%;
    padding: 100% 0 0 0;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item:after {
    display: none;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 500;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture:after {
    content: 'Shop now';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    font-size: 1rem;
    color: white;
    text-align: center;
    background: black;
    padding: 20px;
    font-weight: bold;
    opacity: 0;
    transition: .5s;
    pointer-events: none;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture:hover:after {
    opacity: 1;
}

.homeFeaturedProductsWrapper {
    display: inline-block;
}

/* carousel */
.carousel-icons .owl-carousel img {
    width: auto;
    height: 55px;
    margin: 0 auto;
}

.carousel-icons .owl-dots {
    display: none;
}

.carousel-icons .owl-nav {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}

.carousel-icons .owl-stage-outer {
    z-index: 99999;
}

.carousel-icons .owl-carousel .owl-nav.disabled {
    display: block !important;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    transform: translateY(-50%);
}

.carousel-icons .owl-carousel button.owl-next {
    position: absolute;
    right: 0px;
}

.carousel-icons .owl-carousel .owl-next span,
.carousel-icons .owl-carousel .owl-prev span {
    display: none;
}

.carousel-icons .owl-carousel .owl-nav button.owl-next,
.carousel-icons .owl-carousel .owl-nav button.owl-prev {
    background-image: url('/0/Handler/CSSOverride/GetImage/1/chevron-left.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 22px;
    height: 40px;
}

.carousel-icons .owl-carousel button.owl-next {
    transform: rotate(180deg);
}

.arone-category-page .breadcrumb-section+.category-intro-wrapper {
    padding-top: 0px;
}

/* footer */
.footer-section li {
    margin-bottom: .5rem;
}

/* sections */
.two-columns-images .image-column .inner-container {
    width: 80%;
}

.two-columns-images .image-column>div {
    padding-bottom: 12rem !important;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

#threeIconsSection .three-icon-container {
    width: 80%;
    margin: 0 auto;
}

#threeIconsSection .three-icon-container img {
    margin-bottom: 1rem;
}

#threeIconsSection .three-icon-container h2 {
    font-weight: bold;
}

.ImageBlock {
    background-size: cover;
    background-repeat: no-repeat;
}

.reverse-order {
    order: -1;
}

/* Accordion Feature */
.faq {
    background-color: #000;
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}

.faq.active {
    background-color: transparent;

}

/* Faq Info */

.faq-title {
    padding: 25px 70px;
    color: #fff !important;
    margin: 0px !important;
    font-size: inherit !important;
    cursor: pointer;
    position: relative;
}

.faq.active .faq-title {
    color: #000 !important;
    background-color: #f2f2f2;
}

.faq-text-title {
    font-size: 2rem !important;
    margin: 0 35px 0 0;
    color: #333 !important;
}

.faq.active .faq-text-title {
    margin: 45px 0 20px 0;
}

.accordion-inner-container {
    display: none;
    margin-bottom: 2rem;
}

.faq.active .accordion-inner-container {
    display: block;
}

/* Icon buttons */
.faq-toggle {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    height: 30px;
    width: 30px;
}

.faq-toggle .fa-minus {
    display: none;
}

.faq.active .faq-toggle .fa-minus {
    display: block;
    color: #000;
}

.faq.active .faq-toggle .fa-plus {
    display: none;
}

.faq-toggle .fa-plus {
    color: #fff;
}

.topicpage {
    padding: 0px;
}

#phTopic>.catfish-container {
    max-width: 100%;
    padding: 0px;
}

.middle-column {
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-left: none;
    border-right: none;
}

.three-details img {
    margin-bottom: 1.5rem;
}

.page-catalog-category .category-intro-wrapper>.container {
    max-width: 100%;
    padding: 0px;
}

.page-catalog-category .category-intro-wrapper {
    padding: 0px;
}

.page-catalog-category .product-item--content {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    padding: 1rem 0px;
}

.page-catalog-category .add-info.product-item--actions {
    position: absolute;
    transition: .3s all cubic-bezier(0.25, 0.1, 0.25, 1);
    top: -100%;
    width: 100%;
    padding: 1rem;
    background-color: #fafafa;
    opacity: .9;
}

.page-catalog-category .catfish-default-product-box {
    overflow: hidden;
}

.page-catalog-category .catfish-default-product-box:hover .add-info.product-item--actions {
    top: 0px;
}

.page-catalog-category .catfish-default-product-box:hover .picture {
    opacity: .5;
}

section.section.image-header {
    background-size: cover;
    background-repeat: no-repeat;
}

.attributes.columns.is-multiline {
    margin-top: 1rem;
}

.page-catalog-category .pager {
    text-align: center;
}

/* CTA newsletter */


/* Mailchimp */
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    background-color: black !important;
}

#mce-EMAIL,
#mce-FNAME,
#mce-LNAME {
    background: black !important;
    color: #fff !important;
    border: #fff 2px solid !important;
}

/* Content Banner */
.content-banner {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
}

@media only screen and (min-width: 986px) {
    .simple-header>.container {
        width: 60%;
    }

    .middle-column {
        border-left: 2px solid white;
        border-right: 2px solid white;
        border-top: none;
        border-bottom: none;
    }
}

.breadcrumb-section {
    background-color: #F2F2F2;
}

/* responsive */
@media only screen and (max-width: 1087px) {
    .main-menu-nav {
        background-color: white;
        position: absolute;
        bottom: -15px;
        z-index: 999;
        transform: translateY(99%);
        width: 100%;
        right: -100%;
        padding: 2rem;
        margin: 0 auto;
        text-align: right;
        transition: .6s;
    }

    .main-menu-nav.active {
        right: 0px;

    }

    .main-menu-nav .nav-item {
        float: none;
        margin-right: 0px !important;
        margin-bottom: 0.75rem;
        font-size: 1.25rem;
    }

    .main-menu-nav .mobile-menu-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }

    .headermenu {
        overflow: unset !important;
    }
}

@media only screen and (max-width: 1080px) {}

@media only screen and (max-width: 986px) {
    #threeIconsSection column {
        margin-bottom: 2rem;
    }

    .three-icon-container {
        padding-bottom: 2rem;
    }
}

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

    .homePageCategories .listItem,
    .homepage-large-products .listItem,
    .product-grid .listItem {
        width: 100%;
    }

    .two-columns-images .image-column .inner-container {
        width: 100%;
    }
}

.arone-product-landing-page .attribute.type_RadioList.name_Stock_Colour label.button,
.arone-product-landing-page .attribute.type_RadioList.name_Thread_Colour label.button,
.arone-product-landing-page .attribute.type_RadioList.name_Colour label.button {
    background-color: transparent;
    border-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
}

.color-swatch-circle {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    box-shadow: 5px 5px 5px #00000045;
    margin-bottom: .5rem;
}

.arone-product-landing-page .attribute.type_RadioList.name_Stock_Colour .button span.text,
.arone-product-landing-page .attribute.type_RadioList.name_Thread_Colour .button span.text,
.arone-product-landing-page .attribute.type_RadioList.name_Colour .button span.text {
    order: 2;
    font-size: .8rem !important;
}

.arone-product-landing-page .attribute.type_RadioList.name_Stock_Colour input:checked+label.button,
.arone-product-landing-page .attribute.type_RadioList.name_Thread_Colour input:checked+label.button,
.arone-product-landing-page .attribute.type_RadioList.name_Colour input:checked+label.button {
    background-color: transparent;
    color: black;
    height: auto;
    padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    display: flex;
}

.arone-product-landing-page .attribute.type_RadioList.name_Stock_Colour label.button .attributeValueInfo,
.arone-product-landing-page .attribute.type_RadioList.name_Thread_Colour label.button .attributeValueInfo,
.arone-product-landing-page .attribute.type_RadioList.name_Colour label.button .attributeValueInfo {
    border: 4px solid transparent;
}

.arone-product-landing-page .attribute.type_RadioList.name_Stock_Colour input:checked+label.button .attributeValueInfo,
.arone-product-landing-page .attribute.type_RadioList.name_Thread_Colour input:checked+label.button .attributeValueInfo,
.arone-product-landing-page .attribute.type_RadioList.name_Colour input:checked+label.button .attributeValueInfo {
    border: 4px solid black;
    border-radius: 100%;
}

.arone-product-landing-page .attribute.type_RadioList.name_Stock_Colour .attribute-item,
.arone-product-landing-page .attribute.type_RadioList.name_Thread_Colour .attribute-item,
.arone-product-landing-page .attribute.type_RadioList.name_Colour .attribute-item {
    display: flex;
}

.attribute-item.columns.is-multiline {
    display: flex !important;
}

/* get rid to show Process Attribute */
.attributes .attribute.name_Process {
    display: none;
}

.attribute-value-item .button .text {
    display: inline-block;
    min-width: 5rem;
    white-space: normal;
}

.type_RadioList .attribute-value-item {
    min-width: 11rem;
    width: 25%;
}

.type_RadioList.name_Stock_Colour .attribute-value-item,
.type_RadioList.name_Thread_Colour .attribute-value-item,
.type_RadioList.name_Colour .attribute-value-item {
    min-width: 6rem;
    width: 14%;
}

.catfish-select[readonly],
.catfish-select[disabled] {
    background-color: #ececec;
    border-color: #cecece;
}

.has-background-light {
    background-color: #f2f2f2 !important;
}

@media only screen and (max-width: 1480px) {
    .type_RadioList .attribute-value-item {
        width: 20%;
    }
}

@media only screen and (max-width: 960px) {
    .type_RadioList .attribute-value-item {
        width: 14%;
    }
}

@media only screen and (max-width: 768px) {
    .type_RadioList .attribute-value-item {
        width: 33%;
    }
}

@media screen and (max-width: 480px) {
    #mc_embed_signup {
        width: 350px !important;
    }
}

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

.sub-category-grid .listWrapper .item-box .sub-category-item .category-title {
    transform: translate(0px);
    background-color: white;
    pointer-events: none;
}

.headermenu {
    overflow: hidden;
}

/* .arone-category-page {
    display: flex;
    flex-wrap: wrap;
} */

.arone-category-page>* {
    width: 100%;
}

section.category-intro-wrapper.section {
    order: -1;
}

/* Colour Attributes */
.type_Checkboxes .attribute-item {
    max-height: 20rem;
    overflow-y: auto;
}

.attribute.type_RadioList.name_Colour .attribute-item {
    max-height: 28rem;
    overflow-y: auto;
}

.type_Checkboxes .attribute-value-item,
.type_RadioList.name_Colour .attribute-value-item {
    max-width: 20%;
    min-width: 20%;
}

.type_Checkboxes .attribute-value-item .button,
.attribute.name_Colour .attribute-value-item .button {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: none;
    box-shadow: none !important;
}

.type_Checkboxes .attribute-value-item .button:hover,
.attribute.name_Colour .attribute-value-item .button:hover {
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}

.attribute.type_Checkboxes input:checked+label.button,
.attribute.name_Colour input:checked+label.button {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: transparent;
    color: #000;
}


.type_Checkboxes input:checked+label.button .attributeValueInfo,
.attribute.name_Colour input:checked+label.button .attributeValueInfo {
    width: 75% !important;
    border: unset !important;
}

.attribute-value-item .button .text {
    order: 2;
    min-width: 6rem;
    width: 6rem;
    font-size: .8rem !important;
}

.type_Checkboxes .attribute-value-item .button .text {
    min-width: 8rem;
}

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

    .type_Checkboxes .attribute-item,
    .attribute.type_RadioList.name_Colour .attribute-item {
        max-height: 32rem;
    }

    .type_Checkboxes .attribute-item .attribute-value-item,
    .attribute.name_Colour .attribute-item .attribute-value-item {
        max-width: 20%;
        min-width: 20%;
    }
}

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

    .type_Checkboxes .attribute-item,
    .attribute.type_RadioList.name_Colour .attribute-item {
        max-height: 28rem;
    }

    .type_Checkboxes .attribute-item .attribute-value-item,
    .attribute.name_Colour .attribute-item .attribute-value-item {
        max-width: 30%;
        min-width: 30%;
    }
}

/* Checkboxes Attributes */
.type_Checkboxes .attribute-value-item .button {
    border: 0px !important;
}

.type_Checkboxes input:checked+label.button .attributeValueInfo {
    display: flex;
    justify-content: center;
}

.type_Checkboxes input:checked+label.button .attributeValueInfo .color-swatch-circle {
    border: 3px solid #000;
}

/* name_Colour */
.attribute.name_Colour input:checked+label.button {
    box-shadow: 0px 0px 4px 1px #000 !important;
}

/* Nav Two Tier Menu - Start */
.nested.dropdown:hover>.dropdown-menu {
    display: block;
}

.nested.dropdown .dropdown-menu {
    top: -15px;
    margin-left: 100%;
}

.nested.navbar-item.dropdown:hover .icon.is-small i {
    transition: transform 0.3s;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.nested.dropdown .dropdown-trigger a:hover span:first-child {
    text-decoration: underline;
}

.nested.navbar-item,
.nested.navbar-item .dropdown-trigger {
    width: 100%;
}

.nested.navbar-item .dropdown-trigger a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown+.dropdown {
    margin-left: 0;
}

.dropdown-menu .dropdown-content .dropdown-item {
    font-size: 1rem !important;
}

.dropdown-menu .dropdown-content .dropdown-item:hover {
    text-decoration: underline;
}


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

    .nav-item.top-level .navbar-link {
        pointer-events: all;
    }

    .top-level .navbar-link.active+.navbar-dropdown {
        max-height: 100% !important;
        opacity: 1 !important;
        pointer-events: all !important;
    }

    .top-level .navbar-link.active+div .nested,
    .top-level .navbar-link.active+div a.navbar-item {
        max-height: 100% !important;
        opacity: 1 !important;
        pointer-events: all !important;
    }

    .nested.dropdown:hover>.dropdown-menu {
        display: none;
    }

    .dropdown-trigger~.dropdown-menu {
        display: none !important;

    }

    .dropdown-trigger.active~.dropdown-menu {
        display: contents !important;

    }

    .dropdown-trigger.active~.dropdown-menu .dropdown-content,
    .nested.dropdown:hover .dropdown-menu .dropdown-content {
        background: none !important;
        box-shadow: none !important;
        border-radius: none !important;
    }

    .dropdown-trigger>a>span {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .navbar-link.active:not(.is-arrowless)::after {
        transition: .3s;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        pointer-events: all;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }

    .dropdown-trigger:hover .icon i {
        transition: .3s;
        transform: rotate(-0deg);
        -webkit-transform: rotate(-0deg);
        -moz-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        -o-transform: rotate(-0deg);
    }

    .dropdown-trigger.active .icon i,
    .dropdown-trigger.active:hover .icon i,
    .nested.navbar-item.dropdown:hover .icon.is-small i {
        transition: .3s;
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
    }
}

/* Nav Two Tier Menu - End */

/* Header module support */
.navbar-item {
    font-size: 1.2rem;
    font-family: 'futura';
}

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

    .navbar-item {
        float: none;
        justify-content: flex-end;
        padding: 0;
        margin-bottom: 0.75rem;
        width: fit-content;
        margin-left: auto;
    }


    .navbar-dropdown .navbar-item {
        padding: 0;
    }

    .navbar-dropdown {
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-link:not(.is-arrowless) {
        padding: 0;
    }

    .navbar-item.has-dropdown .navbar-dropdown,
    .navbar-item.has-dropdown .navbar-dropdown .navbar-item {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
        transition: all 0.3s;
        pointer-events: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }


    .navbar-item.has-dropdown.is-active .navbar-dropdown,
    .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item {
        pointer-events: all;
        max-height: 200rem;
        opacity: 1;
    }

    nav.pb-5 {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    span.mobile-dropdown-toggle {
        width: 2.5rem;
        height: 2.5rem;
        position: absolute;
        right: 0;
        z-index: 25;
    }

    .navbar-item.has-dropdown.is-active .navbar-link {
        margin-bottom: 0.75rem;
    }

    .navbar-item.has-dropdown .navbar-link {
        margin-bottom: 0;
        transition: 0.3s;
    }

    .navbar-item.has-dropdown.is-active {
        margin-bottom: 0;
    }

    .navbar-link:not(.is-arrowless)::after {
        position: absolute;
        right: -2rem;
        transform: rotate(-45deg);
        transition: 0.3s;
    }

    .navbar-item.is-active .navbar-link:not(.is-arrowless)::after {
        transform: rotate(135deg);
    }

    .navbar-item.has-dropdown,
    .navbar-item {
        padding-right: 3rem;
    }
}

@media screen and (min-width:1088px) {
    .headermenu {
        overflow: visible;
    }

    .navbar-link:not(.is-arrowless) {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-item.is-hoverable:hover .navbar-dropdown {
        z-index: 10000;
    }

    .navbar-item {
        width: auto;
        display: inline-flex;
        padding: 0;
        float: left;
    }

    a.navbar-item,
    .navbar-link {
        margin-right: 1rem;
        padding: 0;
    }

    .navbar-link:not(.is-arrowless) {
        margin-right: 0;
    }

    a.navbar-item,
    .navbar-link {
        text-decoration: underline;
        text-underline-offset: 0.25rem;
        text-decoration-color: transparent;
        transition: 0.3s;
    }

    a.navbar-item:hover,
    .navbar-link:hover,
    a.navbar-item:focus,
    .navbar-link:focus {
        text-decoration-color: inherit;
    }

    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
        background-color: inherit;
    }
}

/* Desktop category/product grid width*/
@media screen and (min-width:1088px) {
    .listWrapper .listItem {
        width: 25%;
    }

}

/* Footer copyright */
.columns.footer-right-column {
    height: 100%;
}

@media screen and (min-width:768px) {
    .columns.footer-right-column .copyright-column {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }
}

.copyright-column>ul.horizontal-icons {
    justify-content: flex-start;
}

/* Hide "from £0.00" in categories until prices have been configured */
/* .category-product-section .listWrapper .productPrice,
.homeFeaturedProducts .listWrapper .productPrice {
    display: none;
} */

/* Footer social media */
ul.icons-only li a span:last-child {
    display: none;
}

ul.icons-only li a span:first-child {
    font-size: 1.5rem;
}

ul.icons-only li:not(:last-child) a span:first-child {
    margin-right: 1rem;
}

ul.horizontal-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

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

    .columns.footer-right-column .copyright-column {
        flex-direction: column;
    }

    ul.horizontal-icons {
        justify-content: flex-end;

    }


    .copyright-column>ul,
    .copyright-column>div {
        width: 100%;
        min-width: 100%;
    }

    .copyright-column .copyright-bottom {
        display: flex;
        justify-content: flex-end;
    }



    ul.icons-only li a span:first-child {
        transition: 0.3s;
        transform: scale(1);
    }

    ul.icons-only li a span:first-child:hover {
        transform: scale(1.1);
    }

}

/* Header phone number */
@media screen and (min-width:1088px) and (max-width:1279px) {
    .column.desktop-menu-top {
        width: 75%;
        flex: none;
    }
}

/* Header tax selector */
@media screen and (min-width:1088px) {
    .column.desktop-menu-top .admin-menu {
        display: flex;
        align-items: center;
    }

    .column.desktop-menu-top {
        flex: none;
    }

    .column.desktop-menu-top>.columns {
        margin: 0 !important;
    }

}

@media screen and (min-width:1088px) and (max-width:1279px) {
    .column.desktop-menu-top {
        width: 90%;
        flex: none;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }


    .column.logo-container img {
        max-width: 10rem;
        width: 100%;
    }

    .column.logo-container {
        flex: none;
        width: 10%;
    }

    .tax-selector .catfish-select {
        width: auto;
        font-size: 1rem;
        padding: 0;
    }
}


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

    .mobile-menu-footer .admin-menu {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .mobile-menu-footer .admin-menu .tax-selector {
        width: 100%;
    }

    .main-menu-nav .mobile-menu-footer>.tax-selector {
        width: 100%;
    }

    .main-menu-nav .mobile-menu-footer>.tax-selector .catfish-select {
        width: fit-content;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:449px) {
    .mobile-menu-footer .admin-menu {
        margin-bottom: 1rem;
    }
}

.tax-selector .catfish-select {
    border: none;
    box-shadow: none;
    font-family: 'Poppins';
}


/* Two tier menu NEW APPROACH */
.two-tier-menu-item>.navbar-dropdown a.navbar-link {
    font-size: 1.2rem;
}

.two-tier-menu-item>.navbar-dropdown>a.navbar-link.single-tier:after {
    display: none;
}

@media screen and (min-width:1088px) {
    .navbar-item.two-tier-menu-item>.navbar-dropdown {
        padding-left: 1rem;
    }

    .two-tier-menu-item>.navbar-dropdown>.second-tier-dropdown-inner {
        padding-left: 0;
        position: relative;
    }

    .two-tier-menu-item>.navbar-dropdown>.navbar-link {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
    }

    .navbar-item.second-tier-dropdown-inner {
        width: 100%;
    }

    .navbar-item.second-tier-dropdown-inner>.navbar-link {
        display: flex;
        justify-content: space-between;
    }

    .navbar-item.is-hoverable:hover .navbar-dropdown.second-tier-dropdown {
        position: absolute;
        top: 0;
        left: 100%;
        display: none;
    }

    .navbar-item.is-hoverable:hover .second-tier-dropdown-inner:hover .navbar-dropdown.second-tier-dropdown {
        display: block;
    }

    .navbar-item.is-hoverable .second-tier-dropdown-inner .contains-second-tier:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transition: 0.15s;
        -webkit-transition: 0.15s;
        -moz-transition: 0.15s;
        -ms-transition: 0.15s;
        -o-transition: 0.15s;
    }

    .navbar-item.is-hoverable .second-tier-dropdown-inner:hover .contains-second-tier:after {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
    }

}

@media screen and (max-width:1087px) {
    .navbar-item.has-dropdown.two-tier-menu-item.is-active .navbar-dropdown .second-tier-dropdown-inner:not(.is-active) .navbar-dropdown {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        padding-top: 0;
        padding-bottom: 0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }

    .navbar-item.has-dropdown.two-tier-menu-item.is-active .navbar-dropdown .second-tier-dropdown-inner.is-active .navbar-dropdown {
        max-height: 200rem;
        opacity: 1;
        pointer-events: all;
    }

    .navbar-item.has-dropdown.two-tier-menu-item.is-active .navbar-dropdown .second-tier-dropdown-inner:not(.is-active) .navbar-link:not(.is-arrowless)::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transition: 0.15s;
        -webkit-transition: 0.15s;
        -moz-transition: 0.15s;
        -ms-transition: 0.15s;
        -o-transition: 0.15s;
    }

    .navbar-item.has-dropdown.two-tier-menu-item.is-active .navbar-dropdown .second-tier-dropdown-inner.is-active .navbar-link:not(.is-arrowless)::after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }

    .navbar-item.has-dropdown.two-tier-menu-item.is-active .navbar-dropdown {
        align-items: flex-end;
    }

    .navbar-item.two-tier-menu-item .navbar-link {
        text-align: right;
    }

    .second-tier-dropdown-inner>span.mobile-dropdown-toggle {
        right: -2.5rem;
    }

    .navbar-item.has-dropdown.two-tier-menu-item.is-active .navbar-dropdown .second-tier-dropdown-inner:not(.is-active) .navbar-item {
        max-height: 0;
        margin: 0;
    }

    .navbar-item.has-dropdown.is-hoverable.two-tier-menu-item.is-active>.navbar-dropdown>.navbar-item {
        margin-bottom: 0;
    }
}

/* Flexslider loading animation START */
.arone-slider #sliderrow .flexslider:after {
    opacity: 100;
    transition: 0.3s;
    content: "";
    border-top: solid 7px #020202;
    border-right: solid 7px transparent;
    border-bottom: solid 7px #020202;
    border-left: solid 7px transparent;
    border-radius: 10rem;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: calc(50% - 2.5rem);
    bottom: calc(50% - 2.5rem);
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -webkit-transition: 0.3s;
    -emoz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.arone-slider #sliderrow .flexslider .slides {
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.arone-slider #sliderrow .flexslider.loaded:after {
    opacity: 0;
}

.arone-slider #sliderrow .flexslider.loaded .slides {
    opacity: 100;
}

.arone-slider #sliderrow .flexslider ul.flex-direction-nav {
    opacity: 0;
    transform: 0.3s;
    -webkit-transform: 0.3s;
    -moz-transform: 0.3s;
    -ms-transform: 0.3s;
    -o-transform: 0.3s;
}

.arone-slider #sliderrow .flexslider.loaded ul.flex-direction-nav {
    opacity: 1;
}

/* Hide info attribute box */
.attribute.type_Info .attribute-item input {
    display: none;
}

/* Hide old footer */
.catfish-footer {
    display: none;
}

.header-links-wrapper .adminlinks .adminmenu {
    display: none;
    pointer-events: none;
    visibility: hidden;
}

/* Fix tag search collision */
.arone-category-page .TagSearchMainArea {
    margin-bottom: 1rem;
}

/* Hide : in discount price */
.price-quantity-start-wrapper .discountedPrice text {
    display: none;
}

/* Search box on mobile */
@media screen and (max-width:1087px) {

    .header-menu-container .desktop-icons .admin-menu,
    .header-menu-container .desktop-icons .basket-button,
    .header-menu-container .basket-and-search-buttons .basket-button {
        display: none;
    }

    .fa.fa-search {
        font-size: 2rem;
        padding-left: 0 !important;
        font-weight: 600;
    }

    .basket-and-search-buttons {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .columns.desktop-icons {
        height: 100%;
        margin: 0;
    }

    .desktop-menu-top {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .admin-button-search-container .search-box {
        display: flex;
        left: 0;
        margin: 0;
        padding: 20px 64px;
        width: 100%;
        max-width: 100%;
        background: white;
    }

    .admin-button-search-container.relative {
        position: static;
    }

    .admin-button-search-container .search-box .searchbox_wrapper {
        width: 100%;
        display: flex;
    }

    .searchbox_wrapper form {
        width: 100%;
        min-width: 100%;
    }

    .searchbox_wrapper div.awesomplete {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .admin-button-search-container .search-box {
        padding: 10px 20px;
    }
}

/* Reduce spacing on the homepage */


.homeFeaturedProductsWrapper {
    padding-bottom: 0;
    padding-top: 3rem;
}

section#threeIconsSection {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media screen and (max-width:767px) {
    .homeFeaturedProductsWrapper {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .homeFeaturedCategoriesWrapper {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .homeFeaturedProductsWrapper+.section {
        padding-bottom: 3rem;
    }

    .section.generic-two-column {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.section.generic-two-column {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

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

.homeFeaturedCategoriesWrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.section.carousel-icons {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.login__wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* Header notification */
section.header-notification-section {
    background: #000;
}

section.header-notification-section a {
    color: #fff200;
    display: block;
    width: 100%;
    padding: 0.5rem;
    text-align: center;
}

.product-variant-list .garment-colour .ict-image.image.attribute-image {
    width: 35px;
}

@media only screen and (min-width: 1217px) {
    .attributes {
        .type_RadioList {
            .attribute-value-item.column {
                flex-grow: 0;
                flex-basis: auto;
                width: 33%;
            }
        }
    }
}




/* add black border to selected checkbox buttons */
.attribute.type_Checkboxes.name_Colour_-_T-Shirt input:checked+label.button {
    border: 1px solid black !important;
}


/* FORMBUILDER REFACTOR*/

.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%);
}

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

/* --- CSS Mobile UX ---*/
.Script_DynamicUiGeneration_New .ItemsListBody .itemDetails {
    padding-left: 1rem;
    padding-right: 1rem;
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global {
    position: fixed;
    bottom: 4.5rem;
    z-index: 5;
    max-height: 0px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    -webkit-transition: max-height 0.15s linear;
    -moz-transition: max-height 0.15s linear;
    -o-transition: max-height 0.15s linear;
    transition: max-height 0.15s linear;
    box-shadow: inset 0px -7px 19px -10px rgba(0, 0, 0, .2);
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global>.columns {
    padding: 1rem;
    padding-bottom: 2rem;
    margin: 0 !important;
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global.is-active {
    max-height: 70vh;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 5;
    background: #fff;
    text-align: center;
    padding: 0rem;
    box-shadow: rgba(0, 0, 0, .3) 0px 0px 10px;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux>.columns {
    padding: 0px;
    margin: 0px;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux>.columns>.column {
    padding: 1rem;
    margin: 0px;
    border-bottom: solid 1px #eee;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .toggle-fieldlist-button {
    border: none;
    background: transparent !important;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar-container {
    display: block;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar {
    position: relative;
    width: 100%;
    height: 1.5rem;
    border-radius: 0.75rem;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar .progress {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 1.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX .select-step-button .field-name {
    max-width: calc(100vw - 10rem) !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Script_DynamicUiGeneration_New_MobileUX .select-step-button {
    padding: 1rem;
    margin-bottom: -0.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX .column.actions-list {
    overflow: hidden;
    overflow-x: auto;
    border-right: solid 1px #eee;
    box-shadow: inset -7px 0px 26px -13px rgba(0, 0, 0, .2);
    min-height: 100%;
}

.Script_DynamicUiGeneration_New_MobileUX .column.actions-list.Variable-Input-Container {
    overflow: visible;
    overflow-x: visible;
    text-align: left;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button {
    padding: 0.5rem;
    height: 4rem;
    width: 4rem !important;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button .check {}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon {
    display: block;
    margin: 0px !important;
    height: 1.8rem;
    line-height: 2rem;
    width: 100%;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon+.text {
    font-size: 0.75em;
    font-weight: bold;
    padding-top: 0.3rem;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon .fa-edit {
    margin-left: 0.2em;
}

.Script_DynamicUiGeneration_New .edit-mode-done-button {
    position: fixed;
    top: calc(50vh - 4rem);
    right: 1rem;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header {
    position: fixed;
    top: 4rem;
    left: 0px;
    width: 100%;
    z-index: 9;
    padding: 0.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX.EditingMode .column.eds-mobile-ux-header {
    top: 0px;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span {
    padding: 0rem 1rem;
    display: inline-block;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span.orderNR {
    border-right: solid 1px #fff;
}

.Script_DynamicUiGeneration_New_MobileUX .additionalTargetContainer {
    display: none !important;
}

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

    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+.dropdown-menu button,
    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button,
    .Script_DynamicUiGeneration_New_MobileUX [uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button {
        border: solid 1px #fff;
        padding: 0.7rem;
        font-size: 1rem;
        min-width: 100%;
        height: 3rem;
        border-radius: 5px;
    }
}

.Script_DynamicUiGeneration_New_MobileUX .input.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .catfish-input.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .catfish-select.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .textarea.is-danger,
.catfish-textarea.is-danger {
    border-color: #CF4646 !important;
    background: #f9dcdc !important;
}

.megaedit-preview #addToBasketButton {
    top: 1rem;
    right: 5rem;
}

.UploadIntroDialog .modal-content {
    max-width: 30rem;
    box-shadow: none;
}

.UploadIntroDialog .modal-content .modal-header,
.UploadIntroDialog .modal-content .modal-footer {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
}

.UploadIntroDialog .modal-content .modal-body {
    padding: 3rem;
    border-radius: 2rem;
}

.UploadIntroDialog .modal-content .modal-header {
    display: none;
}

.UploadIntroDialog .uploadIntro-UploadButton {
    border-style: dashed !important;
    border-width: 2px !important;
    background: transparent;
    padding: 1rem;
    white-space: normal;
}

.UploadIntroDialog .modal {
    background: rgba(255, 255, 255, .7);
}

/* --- CSS Mobile UX ---*/
.Script_DynamicUiGeneration_New .ItemsListBody .itemDetails {
    padding-left: 1rem;
    padding-right: 1rem;
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global {
    position: fixed;
    bottom: 4.5rem;
    z-index: 5;
    max-height: 0px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    -webkit-transition: max-height 0.15s linear;
    -moz-transition: max-height 0.15s linear;
    -o-transition: max-height 0.15s linear;
    transition: max-height 0.15s linear;
    box-shadow: inset 0px -7px 19px -10px rgba(0, 0, 0, .2);
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global>.columns {
    padding: 1rem;
    padding-bottom: 2rem;
    margin: 0 !important;
}

.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global.is-active {
    max-height: 70vh;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 5;
    background: #fff;
    text-align: center;
    padding: 0rem;
    box-shadow: rgba(0, 0, 0, .3) 0px 0px 10px;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux>.columns {
    padding: 0px;
    margin: 0px;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux>.columns>.column {
    padding: 1rem;
    margin: 0px;
    border-bottom: solid 1px #eee;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .toggle-fieldlist-button {
    border: none;
    background: transparent !important;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar-container {
    display: block;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar {
    position: relative;
    width: 100%;
    height: 1.5rem;
    border-radius: 0.75rem;
}

.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar .progress {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 1.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX .select-step-button .field-name {
    max-width: calc(100vw - 10rem) !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Script_DynamicUiGeneration_New_MobileUX .select-step-button {
    padding: 1rem;
    margin-bottom: -0.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX .column.actions-list {
    overflow: hidden;
    overflow-x: auto;
    border-right: solid 1px #eee;
    box-shadow: inset -7px 0px 26px -13px rgba(0, 0, 0, .2);
    min-height: 100%;
}

.Script_DynamicUiGeneration_New_MobileUX .column.actions-list.Variable-Input-Container {
    overflow: visible;
    overflow-x: visible;
    text-align: left;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button {
    padding: 0.5rem;
    height: 4rem;
    width: 4rem !important;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button .check {}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon {
    display: block;
    margin: 0px !important;
    height: 1.8rem;
    line-height: 2rem;
    width: 100%;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon+.text {
    font-size: 0.75em;
    font-weight: bold;
    padding-top: 0.3rem;
}

.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon .fa-edit {
    margin-left: 0.2em;
}

.Script_DynamicUiGeneration_New .edit-mode-done-button {
    position: fixed;
    top: calc(50vh - 4rem);
    right: 1rem;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header {
    position: fixed;
    top: 4rem;
    left: 0px;
    width: 100%;
    z-index: 9;
    padding: 0.5rem;
}

.Script_DynamicUiGeneration_New_MobileUX.EditingMode .column.eds-mobile-ux-header {
    top: 0px;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span {
    padding: 0rem 1rem;
    display: inline-block;
}

.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span.orderNR {
    border-right: solid 1px #fff;
}

.Script_DynamicUiGeneration_New_MobileUX .additionalTargetContainer {
    display: none !important;
}

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

    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+.dropdown-menu button,
    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button,
    .Script_DynamicUiGeneration_New_MobileUX [uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button {
        border: solid 1px #fff;
        padding: 0.7rem;
        font-size: 1rem;
        min-width: 100%;
        height: 3rem;
        border-radius: 5px;
    }
}

.Script_DynamicUiGeneration_New_MobileUX .input.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .catfish-input.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .catfish-select.is-danger,
.Script_DynamicUiGeneration_New_MobileUX .textarea.is-danger,
.catfish-textarea.is-danger {
    border-color: #CF4646 !important;
    background: #f9dcdc !important;
}

.Script_DynamicUiGeneration_New .UploadIntroDialog .modal-content {
    max-width: 30rem;
    box-shadow: none;
}

.Script_DynamicUiGeneration_New .UploadIntroDialog .modal-content .modal-header,
.UploadIntroDialog .modal-content .modal-footer {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
}

.Script_DynamicUiGeneration_New .UploadIntroDialog .modal-content .modal-body {
    padding: 3rem;
    border-radius: 2rem;
}

.Script_DynamicUiGeneration_New .UploadIntroDialog .modal-content .modal-header {
    display: none;
}

.Script_DynamicUiGeneration_New .UploadIntroDialog .uploadIntro-UploadButton {
    border-style: dashed !important;
    border-width: 2px !important;
    background: transparent;
    padding: 1rem;
    white-space: normal;
}

.Script_DynamicUiGeneration_New .UploadIntroDialog .modal {
    background: rgba(255, 255, 255, .7);
}

.Script_DynamicUiGeneration_New .SceneModeControls {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .Script_DynamicUiGeneration_New .SceneModeControls {
        bottom: 1rem;
        left: 1rem;
    }

    .editorBottom.is-attached-to-editor .priceContainer {
        bottom: 1rem;
        right: 1rem;
    }

    .editorBottom.is-attached-to-editor .priceContainer h2.subtitle {
        font-size: 1rem;
    }

    .editorBottom.is-attached-to-editor .priceContainer .price.title {
        font-size: 1.5rem;
    }
}

.Script_DynamicUiGeneration_New .customScriptUi-mainControlsArea>div>.control {
    display: inline;
    position: initial;
}

.Script_DynamicUiGeneration_New .SceneView-Container {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
}

.Script_DynamicUiGeneration_New .SceneView-Container .image-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.Script_DynamicUiGeneration_New .SceneView-Container .image-container img {
    box-shadow: rgba(0, 0, 0, .3) 2px 2px 10px;
}

.Script_DynamicUiGeneration_New .errormsg.error.text-danger.has-text-danger {
    white-space: normal;
}

.Script_DynamicUiGeneration_New .UploadIntroDialog .modal {
    background-image: url("/973669751/Handler/CSSOverride/GetImage/150/EditorSplash.jpg");
    background-size: cover;
    background-position: center;
}

.Script_DynamicUiGeneration_New .SceneView-Container .image-container {
    top: 38%;
    left: 70%;
}

.Script_DynamicUiGeneration_New .SceneView-Container {
    background-image: url("/973669751/Handler/CSSOverride/GetImage/150/EditorSplash.jpg");
    background-size: cover;
    background-position: center;
}

.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);
}

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

li.pr-3.header-payments-image {
    margin-bottom: -18px;
}

li.pr-3.header-payments-image img {
    max-width: 232px;
}

body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/*NUX PRODUCT*/



.NUXProduct .attribute.type_TextBox {
    max-width: 33.3;
    width: 33.3%;
}

.NUXProduct .productvariantaddtocartbutton.is-disabled {
    opacity: 0.6 !important;
    pointer-events: none !important;
}

.NUXProduct .name_Colour .attribute-item.columns,
.NUXProduct .name_Colour_-_T-Shirt .attribute-item.columns,
.NUXProduct .name_Colour_-_Hoodie .attribute-item.columns,
.NUXProduct .name_Colour_-_Sweatshirt .attribute-item.columns,
.NUXProduct .name_Colour_-_Cap .attribute-item.columns,
.NUXProduct .name_Colour_-_Beanie .attribute-item.columns,
.NUXProduct .name_Colour_-_Aprons .attribute-item.columns,
.NUXProduct .name_Colour_-_Bags .attribute-item.columns,
.NUXProduct .name_Colour_-_Fleece .attribute-item.columns,
.NUXProduct .name_Colour_-_Garment .attribute-item.columns,
.NUXProduct .name_Colour_-_Patch .attribute-item.columns,
.NUXProduct .name_Colour_-_Polo .attribute-item.columns,
.NUXProduct .name_Colour_-_Tea_Towel .attribute-item.columns,
.NUXProduct .name_Colour_-_Zipped_Hoodie .attribute-item.columns {
    max-height: 12rem;
    border: solid 1px #ccc;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .1);
    overflow: hidden;
    overflow-y: auto;
    margin: 0px;
}

.NUXProduct .name_Colour .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_T-Shirt .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Hoodie .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Sweatshirt .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Cap .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Beanie .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Aprons .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Bags .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Fleece .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Garment .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Patch .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Polo .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Tea_Towel .attribute-item.columns>.column,
.NUXProduct .name_Colour_-_Zipped_Hoodie .attribute-item.columns>.column {
    padding: 2px;
    min-width: 20%;
    justify-content: flex-start !important;
    width: 20%;
    height: 100%;
}

.NUXProduct .name_Colour .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_T-Shirt .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Hoodie .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Sweatshirt .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Cap .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Beanie .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Aprons .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Bags .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Fleece .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Garment .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Patch .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Polo .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Tea_Towel .attribute-item.columns>.column>label,
.NUXProduct .name_Colour_-_Zipped_Hoodie .attribute-item.columns>.column>label {
    border: none;
    flex-wrap: wrap !important;
    height: 100% !important;
    text-align: center !important;
    padding: 0.5rem !important;
    min-height: 7rem;
}

.NUXProduct .name_Colour .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_T-Shirt .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Hoodie .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Sweatshirt .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Cap .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Beanie .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Aprons .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Bags .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Fleece .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Garment .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Patch .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Polo .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Tea_Towel .attribute-item.columns>.column>label .text,
.NUXProduct .name_Colour_-_Zipped_Hoodie .attribute-item.columns>.column>label .text {
    width: 100%;
    text-align: center;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.NUXProduct .name_Colour .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_T-Shirt .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Hoodie .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Sweatshirt .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Cap .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Beanie .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Aprons .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Bags .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Fleece .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Garment .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Patch .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Polo .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Tea_Towel .attribute-item.columns>.column>label .attributeValueInfo,
.NUXProduct .name_Colour_-_Zipped_Hoodie .attribute-item.columns>.column>label .attributeValueInfo {
    height: 2.5rem!important;
    width: 2.5rem!important;
    border: solid 1px #ccc;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}

.NUXProduct .name_Colour .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_T-Shirt .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Hoodie .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Sweatshirt .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Cap .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Beanie .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Aprons .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Bags .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Fleece .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Garment .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Patch .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Polo .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Tea_Towel .attribute-item.columns>.column>label .attributeValueInfo .colorswatch,
.NUXProduct .name_Colour_-_Zipped_Hoodie .attribute-item.columns>.column>label .attributeValueInfo .colorswatch {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.NUXProduct .name_Colour .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_T-Shirt .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Hoodie .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Sweatshirt .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Cap .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Beanie .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Aprons .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Bags .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Fleece .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Garment .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Patch .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Polo .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Tea_Towel .attribute-item.columns>.column input:checked+label.button,
.NUXProduct .name_Colour_-_Zipped_Hoodie .attribute-item.columns>.column input:checked+label.button {
    background-color: #fff;
    border-color: #000;
    border-width: 1px;
    color: #000;
}

.NUXProduct .name_Front_Print,
.NUXProduct .name_Back_Print,
.NUXProduct .name_Right_Arm,
.NUXProduct .name_Left_Arm,
.NUXProduct .name_Inside_Neck_Print {
    max-width: 40%;
}

.NUXProduct .name_Detagging,
.NUXProduct .name_Bagging {
    max-width: 50%;
}

.NUXProduct .name_Front_Print .attribute-value-item,
.NUXProduct .name_Back_Print .attribute-value-item,
.NUXProduct .name_Right_Arm .attribute-value-item,
.NUXProduct .name_Left_Arm .attribute-value-item,
.NUXProduct .name_Inside_Neck_Print .attribute-value-item,
.NUXProduct .name_Bagging .attribute-value-item,
.NUXProduct .name_Detagging .attribute-value-item {
    min-width: 50%;
}

.NUXProduct .name_Front_Print .attribute-value-item .button .text,
.NUXProduct .name_Back_Print .attribute-value-item .button .text,
.NUXProduct .name_Right_Arm .attribute-value-item .button .text,
.NUXProduct .name_Left_Arm .attribute-value-item .button .text,
.NUXProduct .name_Inside_Neck_Print .attribute-value-item .button .text {
    min-width: 2rem;
    width: auto;
}

.NUXProduct .name_NumberOfPrintColoursFront,
.NUXProduct .name_NumberOfPrintColoursBack,
.NUXProduct .name_NumberOfPrintColoursRSleeve,
.NUXProduct .name_NumberOfPrintColoursLSleeve,
.NUXProduct .name_NumberOfPrintColoursInsideNeck {
    max-width: 60%;
}

.NUXProduct .attribute.name_Colour_-_T-Shirt input:checked+label.button {
    background-color: #fff;
    border-color: #000;
    border-width: 1px;
    color: #000;
}

.NUXProduct .name_Need_help .attributeHeader .attributeDescription {
    margin: 0px;
    margin-top: 0.5rem;
}

.NUXProduct .name_Need_help .attributeHeader {
    display: block !important;
}

@media screen and (max-width: 767px) {
    .NUXProduct .attributes.columns.is-multiline {
        display: flex !important;
    }

    .NUXProduct .attributes.columns .column.is-12 {
        flex: none;
        width: 100% !important;
        max-width: 100% !important;
    }

    .NUXProduct .attributes.columns .attribute.type_TextBox {
        max-width: 50% !important;
        width: 50% !important;
    }

    .NUXProduct .name_Colour_-_T-Shirt .attribute-item.columns>.column {
        min-width: 33.3%;
    }
}

/* Align and bold category product price */
.arone-category-page .productPrice {
    margin: 0 auto;
    font-weight: bold;
}