/** Shopify CDN: Minification failed

Line 16:0 Comments in CSS use "/* ... */" instead of "//"
Line 17:0 Comments in CSS use "/* ... */" instead of "//"
Line 18:0 Comments in CSS use "/* ... */" instead of "//"
Line 20:0 Comments in CSS use "/* ... */" instead of "//"
Line 21:0 Comments in CSS use "/* ... */" instead of "//"
Line 22:0 Comments in CSS use "/* ... */" instead of "//"
Line 23:0 Comments in CSS use "/* ... */" instead of "//"
Line 24:0 Comments in CSS use "/* ... */" instead of "//"
Line 25:0 Comments in CSS use "/* ... */" instead of "//"
Line 26:0 Comments in CSS use "/* ... */" instead of "//"
... and 4 more hidden warnings

**/
// =============================================================================
// Halo Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================

@font-face {
  font-family: 'Futura Md Bt Bold';
  src: url({{ "Futura Md Bt Bold.ttf" | asset_url }}) format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Md Bt Medium';
  src: url({{ "Futura Md Bt Medium.ttf" | asset_url }}) format('truetype');
  font-weight: 500;
  font-style: normal;
}
.cloud-loader {
    z-index: 99 !important;
    background: #fff;
}

.cloud {
    display: block;
    background-color: transparent !important;
     z-index: 2 !important;
}

body {
     font-weight: 500 !important;
  font-family: var(--font-heading-family);

}

h1, h2, h3,h4, h5, h6 {
   
font-weight: 500 !important;
  font-family: var(--font-heading-family);

}


.header-nav__icons {
    max-width: fit-content;
}

.header-bottom {
    width: 100%;
}
.ab-track{
    padding:0 !important;
}
.ab__center {
     max-width: calc(30% + 150px);
    margin: 0 auto;
    width: 100%;
    padding-right: 150px;
}
.ab-ico svg {
  fill: #5b3620 !important;
    width: 24px !important;
    height: 24px !important;
}

.ab-social a {
    background: #fff !important;
    width: 39px !important;
    height: 39px !important;
}

.ab-social a:hover {
    transform: scale(1.1);
}

.halo-announce__inner.page-width {
    padding: .2% 4% !important;
}

.header-middle >  .container {
    padding-left: 4% !important;
    padding-right: 4% !important;
    width: 100% !important;
    max-width: 100% !important;
}
a.choice-card__link {
    background: #E9D7BE;
    padding: 10px 10px 0;
   
}

.choice-card__img {
    object-fit: contain !important;
    aspect-ratio: 2.5 / 3 !important;
   
}

.choice-card__media {
    background: transparent !important;
    border-radius: 0 !important;
}

.choice-card {
   border-radius:0 !important;
}

.choice-card__pills {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin-top: 15px !important;
}

span.pill {border-radius: 4px;padding: 2px 10px;}

.choice-card__body {
    padding-top: 0;
}
li.gs__item {
    background: #F5F5F5;
}

.gs__img {
    object-fit: contain!important;
    aspect-ratio: 4.5 / 4 !important;
}



.hero-fade__heading {
    font-size: clamp(35px, 4vw, 78px) !important;

}

.hero-fade__slides {
    min-height: 83vh !important;
}
section.halo-hero-fade.color- {
    PADDING: 0 !IMPORTANT;
}

section.halo-hero-fade {
    PADDING: 0 4% !important;
}
.hero__badge {
    max-width: fit-content;
}

a.button.hero__button {
    max-width: fit-content;
    margin-left: 0;
    margin-bottom: 0 !important;
}
.hero-fade__btn {
    max-width: fit-content;
}
.hero__content {
    max-width: 85%;
    position:relative;
    height:100%;
    justify-content: center;
    padding-right: 4%;
}

.hero__content:after {
    content: "";
    background:url('//bigchatosapparel.com/cdn/shop/t/12/assets/Line 2.png');
    height: 90%;
    width: 2px;
    position: absolute;
    right: 0;
    top:0'
}
.hero__content:before {
    content: "";
    background: url('//bigchatosapparel.com/cdn/shop/t/12/assets/Line 1.png');
    height: 3px;
    width: 115%;
    position: absolute;
    left: -9%;
    bottom: 10%;
}

.hero__media {
    z-index: 1;
}

section.halo-variant-cards {
    padding: 2% 4%;
}

ul.cards__grid {
    padding-left: 0;
}

.card__sizes {
    max-width: 55%;
    gap: 20px;
        z-index: 1;
    position: relative;
}

.card__sizes .sizechip {
   border-radius: 100px;
    width: fit-content;
    padding: 15px 16px;
    min-width: 3.5vw;
    height: 3.5vw;
    font-size: clamp(12px, 2vw, 20px);
    font-weight: 500;
    cursor:pointer;
}

.card__media a {
    position: absolute;
    right: 0;
}
h3.card__title {
    font-size: 53px;
    font-size: clamp(25px,2.5vw,53px);
}

.card__price {
    font-weight: 500;
    font-size: clamp(25px,2.5vw,40px);
}

button.card__cart {
    margin-top: 0 !important;
    width: clamp(40px, 3vw, 60px);
    height: clamp(40px, 3vw, 60px)
}

button.card__cart svg{width: 3rem;
    height: 3rem;
}

.card__media {
    margin-top: -20%;
}

.card__inner{
padding:35px !important;

}
.hero__grid--guides:after, .hero__grid--guides:before{
content:unset !important;
}


header.gs__header {
    padding: 0 4%;
}

ul.choice__grid {padding-left: 4%;padding-right: 4%;}

ul.brand-grid {
    padding-left: 4%;
    padding-right: 4%;
}

.gs__shell {
    grid-template-columns: 1fr !important;
}button.gs__nav {
    display: none;
}

.newsletter-block__subheading {
    display: none;
}

.newsletter-form__field-wrapper {
    margin-left: 0 !important;
}

ul.list-unstyled.list-social.clearfix {
    max-width: fit-content;
}

.footer__top {
    grid-template-columns: minmax(50%, 420px) 1fr !important;
}

svg.footer__payment-icon {fill: none !important;stroke: none !important;filter: grayscale(1);}

.halo-footer-custom {
    padding-left: 4% !important;
    padding-right: 4% !important;
}

.halo-newsletter .list-social__link .icon {
    fill: #1c1919;
}

.halo-newsletter .list-social__link {
    background: #fff;
}

.list-social__item {
    margin: 6px 30px 6px 0;
}

a.link.link--text.list-social__link:hover {
    background: #fff;
    transform: scale(1.1);
}
a.link.link--text.list-social__link:hover svg{
      fill: #1c1919;
}
.halo-newsletter .list-social__link:before {
    box-shadow: unset;
}
.halo-footer-custom .container.container-full {
    overflow: hidden;
}
a.button.hero__button:hover {
    background: transparent;
    color:  #1c1919;
}

a.button.hero__button {
    font-size: 28px;
    font-weight: 500;
    text-transform: none;
}
.hero__heading {
    font-size: clamp(42px, 5vw, 90px) !important;
}
.hero__badge {
    font-size: clamp(14px, 1.5vw, 27px) !important;
    padding: 10px 36px;
}
.hero__subtext{
     font-size: clamp(18px, 1.5vw, 27px) !important;
         padding-right: 15%;
}

.newsletter-item__form .field__input {
    background: transparent;
}

.newsletter-form__field-wrapper {
    border-radius: 0 !important;
    background: transparent !important;
}

.newsletter-item__form .field {
    background: transparent;
}

button#Subscribe-sections--25728334692666__halo_footer_custom_KXmkbf {}

.newsletter-form__button {
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    border-left: 1px solid !important;
    text-transform: none;
    font-weight: 500;
    font-size: 20px;
}

.newsletter-item__title span.text {
    font-size: 22px !important;
    font-weight: bold;
}

.list-social__link {
    padding: 12px !important;
}
ul.ab-social {
    gap: 20px;
}
span.ab-text {
    font-size: clamp(18px,1.2vw,36px);
    font-weight: 500;
}
.menu-lv-1__action, .top-custom-link, .halo-sidebar-menu .nav-title-mobile {
    color: #5B5B5B;
    font-weight: 500;
    font-size: clamp(18px,1.1vw,24px);
}

a.button.button--primary.hero-fade__btn {
    margin-top:20px;
    padding: 11px 28px;
    background: transparent;
    color: black;
    border-radius: 5px;
    font-size: 28px;
    font-weight: 500;
    text-transform: none;
}

a.button.button--primary.hero-fade__btn:hover {
    background:#000;
    color:#fff;
    border-color:#000;
}

p.hero-fade__eyebrow {
    font-size: 32px;
    color: #1F1E1E;
}


.hero-fade__right p {
    color: #0000008f;
    font-size: 22px;
}a.cards__viewmore {
    background: #000;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 24px;
    &:hover{
         background: #fff;
    color: #000;
    }
}

.cards__title {
    font-size: clamp(28px, 5vw, 60px) !important;
}
h2.choice__heading,h2.brand-strip__heading,h2.gs__title{
     font-size: clamp(35px, 5vw, 60px) !important;
}
.choice-card__title {
    font-size: clamp(22px, 2vw, 44px) !important;
}
.gs__sub {
    font-size: clamp(13px, 1vw, 18px) !important;
}
.choice-card__sub {
    font-size: 18px !important;
}
button.choice-card__cart {
    transform: scale(1.2) !important;
}



button.choice-card__cart svg {transform: scale(2) !important;}

.choice-card__price {
    font-size: 28px !important;
    font-weight: 500 !important;
}
img.card__img {
    max-width: 16vw;
    height: 24vw;
    max-height: 500px;
    object-fit:contain !important;
}
.brand-card__img {
    max-height: max-content !important;
}
.btn_size {
    border: 1px solid transparent !important;
}


/* btn animation */


.card__cart:before,button.choice-card__cart:before {
    content:"";
    width:15px;
    height:15px;
    background:url('https://bigchatosapparel.com/cdn/shop/t/12/assets/cart.svg');
    background-size:100% 100%;
    position:absolute;
    z-index: 1;
    opacity:0;
}
.card__cart:hover svg,button.choice-card__cart:hover svg {
    transform: scale(20) !important;
}

.card__cart:hover:before,button.choice-card__cart:hover:before {
opacity:1
}
.card__cart,button.choice-card__cart {overflow:hidden !important;cursor:pointer;}


.card__cart:hover,.choice-card__cart:hover {
    outline: 2px solid #ffffff;
    outline-offset: -1px;
}
.bg-image {
    object-fit: fill !IMPORTANT;
}
@media(max-width:767px){
    .footer__copyright {
    text-align: center;
}
.cloud-loader .logo{ width:200px !important; height:200px !important; transition:filter .8s ease, transform .8s ease; }
html, body {
    overflow-x: clip;
}
.cloud {
         background-size: 145% 45% !important;
        background-repeat: repeat !important;
}
.halo-announce__inner.page-width{
    padding-top:20px !important;
}
    .halo-announce__inner {
        grid-template-columns: 1fr !important;
    }
    
    .ab__center {.ab__center:;max-width: 100%;padding: 0;}
    
    .ab__left {
        justify-content: center;
    }
    
    .ab__right {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    
    .ab-nav {
        transform: scale(.7);
    }

    

img.hero-fade__image {
    max-width: min(340px, 80vw);
}

    .page-width.footer__top {
        grid-template-columns: 1fr !important;
    }
    
    .newsletter-form__button {
        padding: 5px !important;
    }
    
    .hero__content {
        max-width: 100% !important;
        padding: 0 !important;
        padding-left: 10px !important;
    }
    
    .hero__content:after {
        right: 10px;
    }
    
    .hero__content:before {
        bottom: 70px !important;
    }
    
    a.button.hero__button {
        font-size: 16px;
        margin-top: 30px;
    }
    
    h2.hero__heading {padding-right: 15px;}
    
    ul.cards__grid {
        grid-template-columns: 1fr;
    }
    
    img.card__img {
        max-width: 100% !important;
      
        max-height: 72vw !important;
        height: 100%;
    }
    
    .card__sizes .sizechip {
        height: 45px;
    }
    button.card__cart svg{
        width: 2.5rem;
        margin-left: -3px;
}
p.hero-fade__eyebrow {
    font-size: 18px;
}

a.button.button--primary.hero-fade__btn {
    font-size: 18px;
    padding: 10px;
}

.hero-fade__right p {
    font-size: 16px;
}

a.cards__viewmore {
    font-size: 18px;
    padding: 8px 15px;
}
.hero-fade__slides {
    min-height: 115vh !important;
}

}