/** Shopify CDN: Minification failed

Line 448:0 Unexpected "/"
Line 900:4 Comments in CSS use "/* ... */" instead of "//"
Line 1375:40 Comments in CSS use "/* ... */" instead of "//"

**/
body {
    background-color: #EEEEEE;
    font-family: "Nunito Sans", sans-serif;
    overflow-x: hidden;
}

.free-shipping-bar,
.gwp-bar {
    margin-top: 0;
}

.free-shipping-bar__message,
.gwp-bar__message {
    text-align: left;
    font-family: "Nunito Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    margin-bottom: 10px;
}

.free-shipping-bar__message span,
.gwp-bar__message span {
    font-weight: 700;
}

.special-notice,
.embroidery-notice {
    display: none;
    border-radius: 16px;
    padding: 16px;
    background-color: rgba(204, 61, 122, .1);
    margin-top: 32px;
    margin-bottom: 2px;

    &.active {
        display: flex;
    }

    & .text {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        letter-spacing: 0em;
        text-align: left;
        display: flex;
        align-items: center;
        flex-basis: calc(100% - 34px);

        & .metafield-rich_text_field p:last-child {
            margin-bottom: 0;
        }
    }

    & .icon {
        height: 34px;
        width: 34px;
        margin-right: 8px;
    }
}

.template-cart .cart-form #custom-cart-fields .inputrow {
    /*flex: 1 1 auto;*/
    width: calc(25% - 16px);
    padding: 0 0 20px;
    padding-inline-end: 16px;
}

.template-cart .cart-form #custom-cart-fields .inputrow .lightly-styled-select,
.template-cart .cart-form #custom-cart-fields .inputrow input {
    border-radius: 8px;
}

body .lightly-styled-select,
body .lightly-styled-select select,
body input[type="text"],
body input[type="search"],
body input[type="number"],
body input[type="email"],
body input[type="password"],
body [type="address"],
body input[type="tel"] {
    height: 40px !important;
    border-radius: 0;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 19px !important;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 8px;
    color: #262626;
}

body textarea {
    border-radius: 0;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 19px !important;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 8px;
    color: #262626;
}

body *::placeholder {
    color: #262626;
}

body label {
    margin-bottom: 8px;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}

.lightly-styled-select {
    margin-top: 8px;
}

body .lightly-styled-select select {
    margin-top: 0;
}

.lightly-styled-select::after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.16473%208.67662C3.38439%208.44114%203.74055%208.44112%203.96023%208.67658L12%2017.2938L20.0398%208.67658C20.2595%208.44112%2020.6156%208.44114%2020.8353%208.67662C21.0549%208.9121%2021.0549%209.29387%2020.8352%209.52933L12.7955%2018.1464C12.5846%2018.3728%2012.2984%2018.5%2012%2018.5C11.7016%2018.5%2011.4154%2018.3728%2011.2045%2018.1464L3.16477%209.52933C2.94509%209.29387%202.94507%208.9121%203.16473%208.67662Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    margin-right: 8px;
}

.template-cart #custom-cart-fields {
    margin-top: 20px;
    margin-inline-end: -16px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.template-cart .payroll-deduction-container {
    background-color: #F5F5F5;
    padding: 8px;
    margin: 24px 0;

    .warning {
        width: 100%;
        text-align: center;
        color: red;
    }
}

.template-cart {

    &.payroll-requires-csv {

        .payroll-deduction-container {
            display: none;
        }

        &[data-employee-id-validated="true"] {

            .payroll-deduction-container {
                display: block;
            }
        }
    }
}

.template-cart .checkout-subtotal-container .card-scheme {
    border-radius: 18px;
    overflow: hidden;
    background-color: #fff;
}

.template-cart .payroll-deduction-open,
.template-cart .payroll-deduction-close {
    display: flex;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
}

.template-cart .checkout-buttons {
    margin-bottom: 24px;
}

.template-cart .checkout-buttons .additional-checkout-buttons {
    margin-top: 8px;
}

.template-cart .payroll-deduction-close {
    display: none;
}

.template-cart .payroll-deduction-container {

    .payroll-rules {
        padding: 10px;
        margin-top: 10px;
    }
}

.template-cart .payroll-deduction-container:not(.active) {

    .payroll-rules {
        display: none;
    }
}

.template-cart .payroll-deduction-container.active .payroll-deduction-open {
    display: none;
}

.template-cart .payroll-deduction-container.active .payroll-deduction-close {
    display: flex;
}

.template-cart .payroll-deduction-container .header,
.template-cart .payroll-deduction-container .header a {
    justify-content: center;
    align-items: center;
}

.template-cart .payroll-deduction-container .header a {
    text-decoration: underline;
}

.template-cart .payroll-deduction-container .header .icon {
    height: 20px;
    width: 20px;
    margin-right: 8px;
}

.template-cart .payroll-deduction-container .periods {
    display: flex;
    flex-wrap: wrap;
    max-height: 0;
    height: 0;
    transition: all .5s;
    overflow: hidden;
    opacity: 0;
}

.template-cart .payroll-deduction-container.active .periods {
    max-height: 1000px;
    height: auto;
    opacity: 1;
}

.template-cart .payroll-deduction-container .period {
    flex-basis: calc(33.33% - 8px);
    margin: 0 4px;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 9px;
}

.template-cart .payroll-deduction-container .period .title {
    margin: 0;
}

.template-cart .payroll-deduction-container .period .amount {
    flex-basis: calc(33.33% - 8px);
    margin: 0 4px;
    font-weight: 700;
}

.product-detail .detail .title {
    font-family: 'Futura', sans-serif;
    font-size: 31px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;

}

.product-form .price-area .on-sale .was-price {
    display: none;
}
.product-form .price-area .on-sale .theme-money {
    color: #000;
}
.product-form .price-area .on-sale .was-price,
.product-form .price-area .on-sale .current-price {
    font-size: 23px;
}

.product-form .quantity-wrapper a {

    &[data-quantity="down"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: none;
    }

    &[data-quantity="up"] {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: none;
    }
}

.product-form .input-row input[name="quantity"] {
    margin: 0;
    text-align: center !important;
    height: 48px !important;
}

body .buttoned-input input[type="number"] {
    text-align: center;
    margin-top: 0;
}

#contact_form input {
    border-radius: 8px;
}

.group-code-field {
    display: flex;
    align-items: center;
    position: relative;
}

.group-code-field label {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: right;
    width: 40px;
    margin-right: 10px;
    margin-bottom: 0;
}

.group-code-field input {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #2C2825;
    width: 103px;
    margin-top: 0 !important;
    padding: 8px;
    border: 1px solid #C7C7C6;
}

.group-code-field input.error {
    border-color: red;
}

.group-code-field input::placeholder {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #2C2825;
}

.group-code-field button {
    position: absolute;
    right: 6px;
    top: 9px;
    background-color: #FB4896;
    border-color: #FB4896;
    color: #fff;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;

    svg.icon {
        width: 12px;
        height: 10px;
    }
}

.opt-btn:checked + .opt-label {
    border-color: #000000 !important;
}

.variant-swatches .opt-label {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    min-height: 30px;
    min-width: 30px;
    border: 2px solid rgb(255, 255, 255);
    padding: 0;
    position: relative;
    z-index: 1;
}

.variant-swatches .opt-label::before {
    display: inline-block;
    content: ' ';
    border-radius: 50%;
    height: 30px;
    width: 30px;
    top: -2px;
    left: -2px;
    position: absolute;
    z-index: 1;
}
/*------------------------------------------------------ Tyler Edits ---------------------------------------------------------------*/
/*----------------Title and Text Changes-----------------*/
#shopify-section-template--21386032677141__image_with_text_overlay_WgJNqm .overlay-text__inner {
  padding: 70px 70px 40px 70px; 
}
#shopify-section-template--21386032677141__collection_list_HX64FW .section-title {
  margin: 80px 0 20px 0;
  font-size: 40px;
}
#section-id-template--21386032677141__multi_column_fYW4UC .section-title {
  font-size: 40px;
  padding-top: 20px;
}
#shopify-section-template--21386032677141__collection_list_w3WNAd .section-title {
  font-size: 40px;
  padding-top: 20px;
}

/-------------------END NW-------------------*/
.btn--icon.mobile-nav-toggle.tap-target svg line {
  color: #000 !important;
}
.algolia-plp-promo-block span {
  text-shadow: 2px 2px rgba(0,0,0,.4);
}
/*------------------------------------ CLIENT TEAMS STORE PAGE ---------------------------------------*/
/*--------- BUTTON COLOR CORRECTIONS -------*/
.team-section .slideshow-container .overlay-text__button .btn__text {
  color: #121212 !important;
  transition: .3s;
}
.team-section .slideshow-container .overlay-text__button:hover .btn__text {
  color: #eeeeee !important;
  transition: .3s;
}
.team-section.custom-row .btn .btn__text {
  color: #121212 !important;
  transition: .3s;
}
.section-featured-product.team-section .button--large {
  color: #121212 !important;
  border-color: #121212 !important;
  transition: .3s;
}
.section-featured-product.team-section .button--large:hover {
  background: #d3d3d3 !important;
  color: #121212 !important;
  transition: .3s;
}
.cart-drawer .button--large {
  color: #eeeeee !important;
}
.checkout-subtotal-container #update-cart {
  color: #eeeeee !important;
}
#customer_login .btn {
  color: #eeeeee !important;
}
#customer_detail .button--reset-wizard {
  color: #eeeeee !important;
}
#address_form_new .btn {
  color: #eeeeee !important;
}
#create_customer .btn {
  color: #eeeeee !important;
}
.section-wizard-success .button {
  color: #eeeeee !important;
}
/*--------- HIDE IMAGE WIZARD ---------*/
@media screen and (max-width: 1300px) {
  .step-through-wizard--content {
    width: 100% !important;
  }
.step-through-wizard--image {
    display: none !important;
  }
}
@media screen and (max-width: 959px) {
    .step-through-wizard--content {
      height: 100%;
      width: 100%;
      padding: 0px 95px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      align-content: center;
    }
}
/*--------------------------------------- TEAMS PAGE ------------------------------------------*/
/*----HERO----*/
#DP--template--22255169667349__design_pack_banner_image_simple_kiypMC .dsgn-pck__inner-content {
  background: none !important;
}
.dsgn-pck__block-id-divider_dkWQCC .dsgn-pck__divider {
  width: 27% !important;
  min-width: 140px;
}
.dsgn-pck__block-id-buttons_WGVzcP .dsgn-pck__button-secondary {
  padding: .6em 1.2em !important;
}
/*----WHAT WE OFFER----*/
#shopify-section-template--22255169667349__multi_column_6aYJXG {
  margin: 0 auto;
  width: 85%;
}
#shopify-section-template--22255169667349__multi_column_6aYJXG h2 {
  font-size: 40px;
  font-weight: 700;
}
#shopify-section-template--22255169667349__multi_column_6aYJXG .flexible-layout--variable-columns {
  justify-content: center !important;
}
#section-id-template--22255169667349__multi_column_6aYJXG .card-scheme {
  margin: 20px !important;
  width: 100%;
  max-width: 400px;
  min-width: 300px;
  min-height: 290px;
  background-color: #faf7ff;
  border-radius: 25px;
  border: 1px outset #d3d0e3;
}
#section-id-template--22255169667349__multi_column_6aYJXG .card-scheme .padded-row-bottom--medium {
  padding-bottom: 20px !important;
}

/*----Testimonial----*/
#section-id-template--22255169667349__testimonials_M6QrTc {
  background-color: #767678;
  padding: 40px 0px;
  margin: 100px 0px;
}
#section-id-template--22255169667349__testimonials_M6QrTc .testimonial__blockquote.heading-font.h2-style {
  color: #fff;
  line-height: 1.5;
}
#section-id-template--22255169667349__testimonials_M6QrTc .cc-carousel-buttons--overlay-top .cc-carousel-button {
  --bg: #2c2825 !important;
}
/*----WHO WE'RE BUILT FOR----*/
#section-id-template--22255169667349__custom_row_GGW9Y4 {
  max-width: 80%;
  margin: 0 auto;
}
#section-id-template--22255169667349__custom_row_GGW9Y4 h2 {
  font-size: 40px;
  font-weight: 700;
}
#section-id-template--22255169667349__custom_row_GGW9Y4 .rte {
  font-size: 20px;
  font-weight: 400;
}
#section-id-template--22255169667349__custom_row_GGW9Y4 .btn.btn--primary.btn--link {
  border-color: #fb4896;
  background-color: #fb4896;
  border-radius: 10px;
  padding: .8em 1.7em !important;
  font-size: 18px;
}
#section-id-template--22255169667349__custom_row_GGW9Y4 .btn .btn__text {
  color: #ffffff !important;
}
/*----LOGOS----*/
#shopify-section-template--22255169667349__rich_text_WpyyeE h2 {
  font-size: 40px;
  font-weight: 700;
}
#shopify-section-template--22255169667349__rich_text_WpyyeE p {
    font-size: 20px !important;
    font-weight: 400;
}
#shopify-section-template--22255169667349__rich_text_WpyyeE .card {
  padding-top: 100px !important;
  padding-bottom: 0px !important;
}
#section-id-template--22255169667349__logo_list_N84z68 {
  padding: 0px;
}
/*----CONTACT----*/
#shopify-section-template--22255169667349__contact_form_efteWy h2 {
  font-size: 40px;
}
#shopify-section-template--22255169667349__contact_form_efteWy #template {
  background-color: #fff;
  padding: 40px;
  border-radius: 10px;
}
#shopify-section-template--22255169667349__contact_form_efteWy polyline {
  color: #53504d !important;
}
#shopify-section-template--22255169667349__contact_form_efteWy .lightly-spaced-row button {
  color: #ffffff !important;
}
#shopify-section-template--22255169667349__contact_form_efteWy button:hover {
  color: #53504d !important;
}
#shopify-section-template--22255169667349__contact_form_efteWy .lightly-spaced-row button:hover {
  color: #ffffff !important;
}
#shopify-section-template--21386032283925__main .lightly-spaced-row button {
  color: #ffffff !important;
}
/*---------------------------------------------------BEGIN MEDIA QUERY------------------------------------------------------*/
/*--------------------------------------TYLER MEDIA EDITS ---------------------------------------------------*/
@media screen and (max-width: 1650px) {
  #DP--template--22255169667349__design_pack_banner_image_simple_kiypMC .dsgn-pck__inner-content {
    border-radius: 10px;
    background: rgba(255,255,255,.4)!important;
    backdrop-filter: saturate(180%) blur(6px);
    width: 48% !important;
  }
}
@media screen and (max-width: 1100px) {
  #section-id-template--22255169667349__multi_column_6aYJXG .card-scheme {
    max-width: 350px;
    min-width: 300px;
    min-height: auto;
  }
  #shopify-section-template--22255169667349__multi_column_6aYJXG {
    width: 100%;
  }
  #section-id-template--22255169667349__custom_row_GGW9Y4 {
    max-width: 100%;
  }
  #shopify-section-template--22255169667349__testimonials_M6QrTc .testimonial-list__presented-text {
    width: 40% !important;
  }
  #shopify-section-template--22255169667349__testimonials_M6QrTc .testimonial-list--with-images .cc-carousel {
    width: calc(60% - var(--gutter-content) * 2) !important;
  }
  #shopify-section-template--22255169667349__testimonials_M6QrTc .testimonial__blockquote {
    font-size: 24px !important;
  }
}
@media screen and (max-width: 768px) {
  #DP--template--22255169667349__design_pack_banner_image_simple_kiypMC h1 {
    font-size: 6vw !important;
  }
  #shopify-section-template--22255169667349__multi_column_6aYJXG .flexible-layout {
    flex-direction: row !important;
  }
  #shopify-section-template--22255169667349__testimonials_M6QrTc .testimonial-list__presented-text {
    width: 100% !important;
  }
  #shopify-section-template--22255169667349__testimonials_M6QrTc .testimonial-list--with-images .cc-carousel {
    width: 100% !important;
  }
  .section-image-with-text-overlay .overlay-text__button-row {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  #DP--template--22255169667349__design_pack_banner_image_simple_kiypMC .dsgn-pck__inner-content {
    background: none !important;
    backdrop-filter: none;
    transition: .3s
  }
  #DP--template--22255169667349__design_pack_banner_image_simple_kiypMC h1 {
    font-size: 10vw !important;
  }
  #section-id-template--22255169667349__multi_column_6aYJXG .card-scheme {
    margin: 20px 0 !important;
    padding: 20px;
    max-width: 400px;
    min-height: auto;
  }
  #section-id-template--22255169667349__multi_column_6aYJXG h2 {
    font-size: 36px !important;
  }
  #section-id-template--22255169667349__testimonials_M6QrTc {
    margin: 50px 0;
  }
  #section-id-template--22255169667349__custom_row_GGW9Y4 {
    max-width: 100%;
  }
  #section-id-template--22255169667349__custom_row_GGW9Y4 h2 {
    font-size: 36px !important;
  }
  #section-id-template--22255169667349__custom_row_GGW9Y4 .btn {
    width: 100%;
  }
  #shopify-section-template--22255169667349__rich_text_WpyyeE .card {
    padding: 50px 0 0 0 !important;
  }
  #shopify-section-template--22255169667349__rich_text_WpyyeE h2 {
    font-size: 36px !important;
  }  
  #shopify-section-template--22255169667349__rich_text_WpyyeE .align-center {
    text-align: left !important;
  }
  #shopify-section-template--22255169667349__rich_text_WpyyeE p {
    font-size: 20px !important;
    font-weight: 400;
  }
  #shopify-section-template--22255169667349__logo_list_N84z68 .logo-list__logo {
    flex: 0 0 calc(50% - 40px) !important;
    margin: 0 10px 10px 10px !important;
  }
  #shopify-section-template--22255169667349__logo_list_N84z68 .card-content-padding {
    padding: 0;
  }
  #shopify-section-template--22255169667349__logo_list_N84z68 h2 {
    font-size: 36px !important;
  }
}







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

    .template-cart #custom-cart-fields {
        flex-direction: column;
    }

    .template-cart .cart-form #custom-cart-fields .inputrow,
    .template-cart .cart-form #custom-cart-fields .inputrow input {
        width: 100%;
    }

    .template-cart .card-scheme .subtotal {
        font-family: 'Open Sans', sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
    }

    .template-cart .card-scheme .cart-policies {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;
    }

    .template-cart .card-scheme .feature-link {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
        display: block;
    }

    .template-cart .cart-form .checkout-buttons.lightly-spaced-row-above {
        margin-top: 24px;
    }

    .template-cart .cart-form .button.button--large {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: 0em;
        text-align: center;
        height: 54px;
    }

    .template-cart .paypalLight {
        border-radius: 50px;
        overflow: hidden;
        height: 54px;
        display: flex;
        align-items: center;
    }

    .template-cart .continue-shopping {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;
    }

    .template-cart .checkout-buttons {
        margin-bottom: 24px;
    }

    .template-cart .checkout-buttons .additional-checkout-buttons {
        margin-top: 8px;
    }
}

@media screen and (min-width: 768px) {
    .hide-desktop {
        display: none !important;
    }

    .product-detail .gallery--size-medium + .product-column-right {
        width: calc(55% - var(--product-margin-between) * 1);
        margin-right: 0;
        max-width: 600px;
    }
}

.slideshow-controls__arrows .slick-next::before {
    content: ' ';
    position: absolute;
    border: solid #FB4896;
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 2;
    top: 18px;
    left: 16px;
}

.slideshow-controls__arrows .slick-arrow svg {
    display: none;
}

.slideshow-controls__arrows .slick-prev::before {
    content: ' ';
    position: absolute;
    border: solid #FB4896;
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    z-index: 2;
    top: 18px;
    left: 20px;
}

@media screen and (max-width: 768px) {
    .cart-form .cart-item:not(:only-child) {
        border-bottom: none;
    }
}

.final-sale-warning {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #FB4896;
    background-color: #FFECF4;
    border-radius: 8px;
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 3px 9px;
    margin-bottom: 20px;

    @media screen and (max-width: 768px) {
        align-items: flex-start;
        padding-top: 3px;
    }
    @media screen and (min-width: 768px) {
    //height: 31px;
        margin-left: 100px;
        max-width: 500px;
        margin-top: -10px;
    }

    svg {
        width: 14px;
        height: 12.5px;
        margin-right: 5px;

        @media screen and (max-width: 768px) {
            margin-top: 5px;
        }
    }
}

product-block {

    .custom-image {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .variant-swatches {
        margin-top: 7px;

        .label {
            display: none;
        }
    }
}


.custom-select {
    position: relative;

    &::after {
        content: ' ';
        border: solid black;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        right: 16.5px;
        bottom: 20px;
    }

    &.error {

        &::after {
            bottom: 44px;
        }
    }

    select {
        font-family: 'Open Sans', sans-serif;
        font-size: .8125rem;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: left;
        color: #000000;
        width: 100%;
        padding: 12px 15px;
        margin-bottom: 0 !important;
        appearance: none;
    }
}

.ais-SearchBox {

    .ais-SearchBox-form {
        margin-top: 0;

        .ais-SearchBox-input {
            margin-top: 0;
        }

        .ais-SearchBox-reset,
        .ais-SearchBox-submit {
            top: calc(50% - 0px);
            padding: 0;

            svg {
                height: 16px;
                width: 16px;
            }

            &:hover {
                background-color: transparent;
            }
        }

    }
}

.ais-page {
    .ais-results-as-block {
        .ais-Hits {

            .ais-Hits-list {
                list-style: none;

                .ais-Hits-item {
                    list-style: unset;

                    &::marker {
                        display: none;
                    }

                    .ais-hit--picture {
                        left: auto;
                        width: 100%;
                        margin-left: 0;

                        @media screen and (min-width: 768px) {
                            margin-left: -25px;
                        }
                    }

                    .ais-hit--details {
                        margin-top: 200px;
                    }
                }
            }
        }
    }
}

.ais-facet--item {
    list-style: none;
}


.aa-Autocomplete {

    input {
        border: none;
        background-color: transparent;
    }

    .aa-Label {
        margin-bottom: 0;

        .aa-SubmitButton {

            &:hover {
                background-color: transparent;
            }
        }
    }
}

.main-search__close {
    display: none;
}

.section-wizard-success .card-scheme {
    height: 600px;
    display: flex;
    align-items: center;
}

.section-wizard-success .container {
    text-align: center;
}

.button--reset-wizard {
    display: block;
    margin-top: 1em;
}

#customer_detail {

    .email.note {
        margin: 0;
    }

    .edit-email-container {
        margin-bottom: 1em;
        width: 290px;

        .row {
            display: flex;

            div {
                width: calc(50% - 10px);

                &:first-child {
                    margin-right: 5px;
                }

                &:last-child {
                    margin-left: 5px;
                }
            }
        }

        input {
            width: 100%;
            border-radius: 8px;
            border: 1px solid #C7C7C6;
            margin-bottom: 14px;
        }

        .btn {
            padding: 6px 14px;
            font-size: 14px;
            line-height: 14px;
            clear: both;

            &.edit-email {
                margin-top: 5px;
            }

            &.submit {
                background-color: #A8A8A8;
                color: #525252;
                border: none;
                padding: 6px 31px;
                transition: background-color .1s, color .1s, border-color .1s, opacity .1s, transform 50ms;

                &:hover {
                    background-color: #525252;
                    color: #A8A8A8;
                }
            }
        }
    }
}

body.select-block select {
    pointer-events: none;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border: 2px solid #000;
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    z-index: 9999999;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.wizard-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.wizard-overlay.active {
    display: flex;
}


/* Algolia collections and search */
.ais-hits-container {

    .ais-Hits {

        .ais-Hits-list {
            margin: 0;
            margin-inline-start: 0;
            /*display: grid;
            grid-template-columns: 50% 50%;*/

            @media screen and (min-width: 768px) {
                display: grid;
                grid-template-columns: 25% 25% 25% 25%;
            }

            .ais-Hits-item {

                .ais-hit {
                    width: 100%;
                    margin-left: 0;
                }
            }
        }
    }
}

/* Algolia collection pages */
/* .cc-popup-no-scroll .cc-popup-no-scroll-pad-right */
.template-collection {

    &.has-store-brands {

        #content {

            .collection-filter-btn {
                top: 230px;
            }
        }
    }

    #content {
        position: relative;

        .collection-filter-btn {
            position: absolute;
            top: 30px;
            left: 32px;
            background-color: #e2e1e1;
            border-radius: 50px;
            padding-inline-start: 10px;
            padding-inline-end: 10px;
            border: 1px solid #53504d;

            span {
                color: #53504d;
            }

            svg {

                path {
                    fill: #53504d;
                }
            }

            &:hover {
                background-color: #53504d;
                border-color: #e2e1e1;

                span {
                    color: #e2e1e1;
                }

                svg {

                    path {
                        fill: #e2e1e1;
                    }
                }
            }
        }

        .main-container[class*="ais-results-"] {

            .ais-page {
                max-width: 100%;
                margin: 0 auto;
                padding: 0 7px;

                & > .ais-h2,
                & > .ais-input,
                .ais-facets-button,
                .ais-search-header {
                    display: none;
                }

                .ais-facets {
                    display: none;
                    position: fixed;
                    width: calc(100vw - 16px);
                    top: 8px;
                    left: 8px;
                    z-index: 9999;
                    background-color: #eee;
                    overflow-y: auto;
                    height: calc(100vh - 16px);
                    border-radius: 10px;
                    padding: 30px;
                    padding-top: 60px;

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

                    .ais-facet--header {
                        background-color: transparent;
                        cursor: pointer;
                        font-weight: 600;
                        text-transform: capitalize;
                        color: rgb(83, 80, 77);

                        &:after {
                            position: absolute;
                            right: 30px;
                            content: ' ';
                            display: inline-block;
                            border: solid black;
                            border-width: 0 2px 2px 0;
                            padding: 3px;
                            transform: rotate(45deg);
                            -webkit-transform: rotate(45deg);
                        }
                    }

                    .ais-facet-dropdown-wrapper {
                        border-top: 1px solid #e2e2e2;
                        padding-top: 20px;
                    }

                    .ais-RefinementList-searchBox {
                        display: none;
                    }

                    .ais-facet--item {
                        padding: 4px 50px 4px 0;
                    }
                }

                .ais-block {
                    width: 100%;

                    .ais-Hits {

                        .ais-Hits-list {

                            .ais-Hits-item {

                                .algolia-plp-promo-block {
                                    height: 100%;
                                    position: relative;

                                    @media screen and (min-width: 768px) {
                                        padding: 8px 8px 0 0;
                                    }

                                    img {
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        border-radius: 10px;
                                    }

                                    span {
                                        position: absolute;
                                        bottom: 30px;
                                        left: 30px;
                                        color: #FFFFFF;
                                        line-height: 1.1em;
                                        font-family: Open Sans,sans-serif;
                                        font-weight: 700;
                                        font-size: 32px;
                                    }
                                }

                                .ais-hit {
                                    height: auto;
                                    width: 100%;
                                    position: relative;
                                    margin-bottom: 0;
                                    margin-left: 0 !important;

                                    @media screen and (max-width: 768px) {
                                        padding: 0;
                                    }
                                    @media screen and (min-width: 768px) {
                                        //aspect-ratio: 247/430;
                                        width: calc(100% - 10px);
                                    }
                                    @media screen and (min-width: 768px) and (max-width:1000px) {
                                        aspect-ratio: 247/430;
                                    }
                                    @media screen and (min-width: 1000px) and (max-width: 1100px) {
                                        aspect-ratio: 247/410;
                                    }
                                    @media screen and (min-width: 1100px) and (max-width: 1300px) {
                                        aspect-ratio: 247/390;
                                    }
                                    @media screen and (min-width: 1300px) and (max-width: 1600px) {
                                        aspect-ratio: 247/380;
                                    }
                                    @media screen and (min-width: 1600px) {
                                        aspect-ratio: 247/365;
                                    }

                                    .ais-hit--picture {
                                        height: auto;
                                        width: 100%;
                                        aspect-ratio: 247/309;
                                        background-size: cover;
                                        border-radius: 10px;
                                        top: 0;
                                        display: block;

                                        @media screen and (max-width: 768px) {
                                            position: relative;
                                        }
                                    }

                                    .ais-hit--details {
                                        width: 100%;
                                        margin-top: 20px;
                                        padding: 0 10px;

                                        @media screen and (min-width: 768px) {
                                            position: absolute;
                                            bottom: 0;
                                            left: 0;
                                        }
                                    }

                                    .ais-hit--title {
                                        margin-top: 5px;
                                        font-size: 14px;

                                        a {

                                            span {
                                                color: #000;
                                                text-decoration: none;
                                            }
                                        }
                                    }

                                    .ais-hit--subtitle {
                                        font-weight: 700;
                                        font-size: 15px;
                                        margin-bottom: 10px;
                                    }

                                    .ais-hit--price {
                                        b {
                                            font-weight: 400 !important;
                                            font-size: 14px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    &.filters-open {

        #content {

            .collection-filter-btn {
                position: fixed;
                top: 30px;
                left: 38px;
                z-index: 99999;
            }

            .main-container[class*="ais-results-"] {

                .ais-page {

                    .ais-facets {
                        display: block;
                    }
                }
            }
        }
    }
}

.ais-facet-price,
.ais-facet-tags,
.ais-Hits-item:empty {
    display: none;
}

.ais-hit--price b {
    transition: opacity .25s;
}
.ais-hit--price:not(.active),
.aa-ItemContentPrice:not(.active) {
    display: none !important;
}

.aa-PanelSection--left {
    display: none !important;
}
.aa-PanelSection--right {
    width: 100% !important;
}

.cart-item .small-text {
    max-width: 250px;
    overflow: hidden;

    .line-item-property {
        line-break: anywhere;
    }
}

.no-opacity {
    opacity: 0;
}

.error {
    transition: opacity .25s;

    &.line-required-error {
        color: red;
        margin-bottom: -5px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .cc-carousel:not(.cc-carousel--mobile-only) .cc-carousel__scroll-area {
        justify-content: flex-start;
    }
}

.ais-hit--details {
    min-height: 85px;
}

.product-form .quantity-submit-row .quantity-submit-row__submit button[type="submit"] {
    color: #fff;
}

.ais-change-display-list {
    display: none;
}

.page-header__left {
    flex: 2 0 0;
    text-align: start;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;

    & .page-header__title {
        margin-right: 23px;
    }

    & .feature-link {
        margin-bottom: 3px;
        margin-right: 10px;
    }
}

.error-container {
    min-height: 24px;
    margin-top: -15px;

    & .error-message {
        color: red;
        text-align: center;
    }
}

body.noscroll {
    overflow-y: hidden !important;
}

.pageheader .logo a:before {
    display: none;
}