/* Custom Styles */
/* Custom Styles */
@font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Light.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-LightItalic.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-LightItalic.woff')
        format('woff');
    font-weight: 300;
    font-style: italic;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Book.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-BookItalic.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-BookItalic.woff')
        format('woff');
    font-weight: 400;
    font-style: italic;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Medium.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Medium.woff')
        format('woff');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-MediumItalic.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-MediumItalic.woff')
        format('woff');
    font-weight: 500;
    font-style: italic;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Bold.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-BoldItalic.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-BoldItalic.woff')
        format('woff');
    font-weight: 700;
    font-style: italic;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Black.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
  }

  @font-face {
    font-family: 'EF Circular Latin';
    font-display: fallback;
    src: url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-BlackItalic.woff2')
        format('woff2'),
      url('https://cdn.ef.design/libs/web-ui/v2.9.2/assets/fonts/LatinSubset-EFCircularWeb-BlackItalic.woff')
        format('woff');
    font-weight: 900;
    font-style: italic;
  }


body, .btn, .form-btn, .filter__field, .form-group label, .form-control, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'EF Circular Latin';
}

body {
    color: #191919;
}

.header a {
   color: rgba(25,25,25,0.8);
   transition: color 0.2s;
   font-size: 14px;
}

.header a:hover, .header a:focus {
    color: #ff329b;
}

:root .btn, :root .form-btn {
    border: 0;
    padding: 16px 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    height: 48px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}


:root:root .btn.btn--solid, :root:root .form-btn.btn--solid, #form-button.form-btn.btn--solid {
    border: 0;
    height: 48px;
    border-radius: 24px;
    background: linear-gradient(to right, #FF1C75, #DD0095);
}

:root:root .btn.btn--solid, :root:root .form-btn.btn--solid, #form-button.form-btn.btn--solid {
    border: 0;
    height: 48px;
    border-radius: 24px;
    background: linear-gradient(to right, #FF1C75, #DD0095);
}

:root:root .product__button .btn.btn--solid {
    color: #ffffff;
    background-color: #191919;
}

:root:root .product__button .btn.btn--solid {
    background: none;
    background-color: #191919;
}

:root:root .btn.btn--solid:hover, :root:root .form-btn.btn--solid:hover {
    filter: brightness(110%);
}

:root:root .btn.btn--outline, :root:root .form-btn.btn--outline {
    color: #191919!important;
    border: 1px solid rgba(25,25,25,0.2);
    box-shadow: none;
    border-radius: 24px;
}

:root:root .btn.btn--outline:hover, :root:root .form-btn.btn--outline:hover {
    box-shadow: 0 3px 8px 0 rgba(25,25,25, 0.24);
}

h1 {
    background-color: rgba(207,1,166,1);
    background-image: url('text-gradient.jpg');
    background-size: cover;
    background-position: 0 0;
    background-repeat: repeat;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    font-size: 56px;
    line-height: 1.143;
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 80px; 
        line-height: 1.1;
    }
}

.button-wrap {
    display: flex;
    margin: 24px 0;
}

.button-wrap > * + * {
    margin-left: 16px;
}

.divider {
    height: 1px;
    display: block;
    background: #bababa;
    margin: 24px 0;
    border: none;
}

.divider.-small {
    width: 150px;
    background: white;
    margin: 40px auto;
}

.itunes-button, .android-button {
    width: 160px;
    height: 50px;
    display: block;
    text-indent: -9999em;
}

.itunes-button {
    background: url('itunesbtn.png') no-repeat center center / contain;
}

.android-button {
    background: url('androidbtn.png') no-repeat center center / contain;
    width: 172px;
}

.thank-you {
    background: url('thank-you-bg.png') no-repeat center center / cover #191919;
}

.thank-you h1 {
    margin: 40px 0;
}

/* checkout */

.panel.checkout-panel .panel-heading {
    background: pink;
}