/*------------------------------------*\
  #GLOBALS
\*------------------------------------*/
/*------------------------------------*\
  #CUSTOM SETUP

  Mixins ................. custom mixins without inheriting of accelerator
  Variables .............. variables to override accelerator ones with !default
  Fonts .................. client fonts definition

\*------------------------------------*/
/**
 * Position definition
 *
 * Example of utilization
 * @include absolute(top 1rem left 2rem);
 */
/*md
@no-stat

# Scheme

## Greyscale

```html_example
    <div class="styleguide__section-colors">
        <div class="bg--white">
            <span>$white</span>
            #ffffff
        </div>
        <div class="bg--grey-1">
            <span>$grey-1</span>
            #f8f8f8
        </div>
        <div class="bg--grey-2">
            <span>$grey-2</span>
            #e9e8e1
        </div>
        <div class="bg--grey-3">
            <span>$grey-3</span>
            #eeeeee
        </div>
        <div class="bg--grey-4">
            <span>$grey-4</span>
            #c4c4c4
        </div>
        <div class="bg--grey-5">
            <span>$grey-5</span>
            #999999
        </div>
        <div class="bg--black text-color--white">
            <span>$black</span>
            #000000
        </div>
    </div>
```

## Colors

```html_example
    <div class="styleguide__section-colors">
        <div class="bg--beige">
            <span>$beige</span>
            #f5f5dc
        </div>
        <div class="bg--green text-color--white">
            <span>$green</span>
            #00503f
        </div>
        <div class="bg--blue text-color--white">
            <span>$blue</span>
            #4D96E7
        </div>
        <div class="bg--red text-color--white">
            <span>$red</span>
            #e60000
        </div>
        <div class="bg--start-white text-color--black">
            <span>$start-white</span>
            #efefe8
        </div>
    </div>
```

*/
/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
  #ELEMENT-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #TOOLTIP ELEMENTS
\*------------------------------------*/
/*------------------------------------*\
  #HORIZONTAL-SPACING
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/*------------------------------------*\
  #FONT WEIGHTS
\*------------------------------------*/
/*------------------------------------*\
  #HEADER SPECIFIC
\*------------------------------------*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Newtime R";
  src: url("../fonts/newtime/medium/NewtimeR-Medium.woff2") format("woff2"), url("../fonts/newtime/medium/NewtimeR-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Newtime R Book";
  src: url("../fonts/newtime/book/NewtimeR-Book.woff2") format("woff2"), url("../fonts/newtime/book/NewtimeR-Book.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 900;
  font-style: normal;
  font-family: "Newtime R Heavy";
  src: url("../fonts/newtime/heavy/NewtimeR-Heavy.woff2") format("woff2"), url("../fonts/newtime/heavy/NewtimeR-Heavy.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Catalogue";
  src: url("../fonts/cataloguell/regular/CatalogueLLWeb-Regular.woff2") format("woff2"), url("../fonts/cataloguell/regular/CatalogueLLWeb-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Catalogue Italic";
  src: url("../fonts/cataloguell/italic/CatalogueLLWeb-Italic.woff2") format("woff2"), url("../fonts/cataloguell/italic/CatalogueLLWeb-Italic.woff") format("woff");
  font-display: swap;
}
/*------------------------------------*\
  #ACCELERATOR BASICS

  Variables .............. default variables setting up with !default
  Misins ................. basic mixins

\*------------------------------------*/
/**
 * Returns the value of the `$key` value of a provided `$map`.
 */
/**
 * Uses `getProperty()` to return a value from the `$colors` map.
 */
/**
 * Uses `getProperty()` to return a value from the `$breakpoints` map.
 */
/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
  #COLORS
\*------------------------------------*/
/*------------------------------------*\
  #ELEMENT-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #HEADER-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #HORIZONTAL-SPACING
\*------------------------------------*/
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/**
 * Responsive Mixin
 * This mixin is designed for a _cleaner_ first approach
 * This means that css isn't overridden but rather replaced for
 * different viewport widths; making it easier to inspect/debug css
 *
 * Usage:
 * @include media-query(exclude-medium)    { ... }
 * @include media-query(medium-up-to-site) 	   { ... }
 * ... etc
 */
/**
 * [Adds styles to allow an element's height scale proportionatelly]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 */
/**
 * [Calculates the percentage aspect ratio (what % height is compared to the width)]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM******
 * [Calculates the center of an element in relation to a provided width and height.
 * Useful to place an absolute element at the center of another when
 * the positioned element cannot be the target's child ]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * [In the  awful case you can't use Flexbox to vertically align something]
 * @param  {[type]} $transform:       false         [Use transforms to align instead of the absolute trick]
 * @param  {[type]} $pos:             absolute      [position type]
 * @param  {[type]} $posAdj:          0             [position adjustment. If $transform is true, this value only affects the 'top' property.]
 * @param  {[type]} $alignHorizontal: false         [Includes horizontal alignment]
 */
/**
 * Generate Enumerated Class
 * Iterates from 0 to the specified length and generates classes that set the specified property
 * @param  {[String]} $classname:       required      [Required: Specify the class name]
 * @param  {[String]} $property:        $classname    [Optional: Specify the enumerated property (if it's different from the name of the class)]
 * @param  {[Number]} $length:          10            [Optional: Specify the end of the loop]
 * @param  {[String]} $units:           null          [Optional: specify units to append to the enumerated property]
 */
/**
* [Strip the pesky units from values]
* @param  {[Number]} $value
*/
/**
* [Fluid Type]
*/
/*------------------------------------*\
  #EXTERNALS
\*------------------------------------*/
.store-locator__detect-location {
  margin-top: 0.5rem;
}

.store-locator__result-check:checked + .store-locator__result-content {
  background-color: #e9e8e1;
}

.store-locator__result-content {
  display: block;
  padding: 1.25rem 1rem;
}
.store-locator__result-content:hover {
  cursor: pointer;
  background-color: #f8f8f8;
}

.store-locator__form {
  margin-bottom: 3rem;
}

.store-locator__results {
  overflow: auto;
}

.store-locator__result-item {
  position: relative;
  border-bottom: solid 0.0625rem #e9e8e1;
}

.store-locator__no-results {
  margin: auto;
}

.store-locator__actions {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.store-locator__container .product-pickup__selected {
  padding-left: 0;
}

@media (min-width: 48rem) {
  .store-locator__results {
    max-height: 30rem;
  }
}
@media (max-width: 47.9375rem) {
  .store-locator--modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: inherit;
  }
  .store-locator--modal .store-locator__form {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .store-locator--modal .store-locator__results {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    max-height: none;
  }
  .store-locator--modal .store-locator__actions {
    margin-top: auto;
  }
  .store-locator__results {
    max-height: 22rem;
  }
}
.wishlist-title {
  margin-right: auto;
}

.wishlist-share-input {
  position: fixed;
  top: -9999px;
}

.product-line-item__wishlist-revert .icon {
  font-family: "Newtime R Book", Helvetica, Arial, sans-serif;
  display: block;
}

.product-line-item--wishlist .price {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.product-line-item--wishlist .product-line-item__main {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-line-item--wishlist .product-line-item__image {
  position: relative;
}
.product-line-item--wishlist .product-line-item__actions {
  margin: 0;
}
.product-line-item--wishlist .product-line-item__remove {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0.625rem 0.9375rem;
}
.product-line-item--wishlist .product-line-item__details {
  padding-bottom: 0.9375rem;
}
.product-line-item--wishlist .product-line-item__footer {
  margin-top: auto;
}

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
html {
  scroll-behavior: smooth;
}

.login {
  margin-top: 1.875rem;
  margin-bottom: 1.125rem;
}

.login__title {
  margin-bottom: 0.3125rem;
  line-height: 2.0625rem;
}

.login-header {
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
}

.login__form .invalid-feedback, .login__form .form-invalid-feedback {
  text-align: left;
}

.login--checkout {
  padding-bottom: 6.25rem;
}
.login--checkout .login-header {
  display: none;
}
.login--checkout .back-to-top__container {
  background-color: #FAF9F7;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0 1rem;
}

.login__forgot-password, .login__section .tab-nav .tab-nav__item {
  padding-top: 1rem;
}

.login--wishlist .product-line-item--wishlist {
  border: 0;
}
.login--wishlist .login-header {
  display: none;
}

.login__section {
  margin: 0 auto 1.875rem auto;
}

.login__section--checkout {
  width: 100%;
  margin: 0 auto 1rem;
}

.login__section--checkout .form-intro__title {
  text-align: center;
  margin-bottom: 0.5rem;
}

.login__actions {
  margin-top: 0.625rem;
}

.login__wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.login-header__asset a {
  text-decoration: underline;
}
.login-header__asset a:hover {
  text-decoration: none;
}

.login__section-actions {
  gap: 0.5rem;
}

.express-pay__container.paypal-disallowed:has(> .cart__checkout-buttons > .button--cart-applepay:empty) {
  display: none;
}

.express-pay__container {
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  background-color: #FAF9F7;
}

.cart__checkout-buttons {
  gap: 0.5rem;
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cart__checkout-buttons .button--cart-applepay {
  width: 0;
  opacity: 0;
  margin-left: -0.5rem;
}
.cart__checkout-buttons .button--cart-applepay.StripeElement {
  margin: 0;
  opacity: 1;
  width: 100%;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}

.cart__checkout-action {
  width: 100%;
  max-width: 13.75rem;
}

.login__section--checkout-row {
  background-color: #FAF9F7;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

@media (max-width: 47.9375rem) {
  .express-pay__container {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .login--checkout {
    padding-top: 5.75rem;
  }
  .login--checkout .checkout__container {
    margin-top: 1rem;
  }
  .login__section--checkout-row {
    padding: 2rem 2rem 0 2rem;
    margin-bottom: 2rem;
  }
  .login__section--checkout {
    margin-bottom: 3rem;
  }
  .login__section--checkout:last-child {
    margin-bottom: 2rem;
  }
  .login__section--track-order {
    margin-top: 3.375rem;
  }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .login__section--checkout-row {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 64rem) {
  .login--checkout {
    padding-top: 0;
    padding-bottom: 0;
  }
  .express-pay__container {
    padding-bottom: 3rem;
    margin-bottom: 0.5rem;
  }
  .login__section {
    min-width: 18rem;
    max-width: 25rem;
    padding: 0;
  }
  .login__section:first-child {
    margin: 0 2.5rem 3.75rem auto;
  }
  .login__section:last-child {
    margin: 0 auto 3.75rem 2.5rem;
  }
  .login__section.login__section--centered {
    margin: 0 auto;
  }
  .login__section--checkout-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3.5rem;
  }
  .login__section--checkout {
    padding-right: 1.5rem;
  }
  .login__section--checkout:first-child {
    margin: 0 auto 3.75rem auto;
    padding-left: 1.5rem;
    padding-right: 0;
  }
  .login__section--checkout .form-group {
    min-width: unset;
  }
}
@media (min-width: 90.0625rem) {
  .login__section--checkout {
    padding-right: 3.5rem;
  }
  .login__section--checkout:first-child {
    padding-left: 3.5rem;
  }
}

/*# sourceMappingURL=loginMain.css.map*/