/*------------------------------------*\
  #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
\*------------------------------------*/
.secondary-navigation {
  position: relative;
}

.secondary-navigation__item:not(:last-child) {
  margin-bottom: 0;
}

.secondary-navigation__header {
  margin-bottom: 2rem;
}
.secondary-navigation__header .secondary-navigation__welcome {
  color: #575757;
  margin-bottom: 0.5rem;
}
.secondary-navigation__header .secondary-navigation__name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  line-height: 1em;
}
.secondary-navigation__header .secondary-navigation__spacer {
  margin-top: 0.5rem;
  width: 1rem;
  border-bottom: solid 0.125rem #000;
}

.secondary-navigation__mobile .secondary-navigation__header {
  display: none;
}

.secondary-navigation__desktop.account-pages {
  display: none;
}

@media (min-width: 48rem) {
  .secondary-navigation__desktop.account-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .secondary-navigation__item:not(:last-child) {
    margin-bottom: 0;
  }
  .secondary-navigation__mobile {
    display: none;
  }
}
@media (max-width: 47.9375rem) {
  .secondary-navigation__mobile.account-landing {
    display: none;
  }
  .secondary-navigation__desktop .secondary-navigation__list {
    display: none;
  }
  .secondary-navigation {
    margin-bottom: 1.5625rem;
    border-bottom: solid 0.0625rem #000;
  }
  .secondary-navigation__trigger {
    margin-bottom: 1.25rem;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .secondary-navigation__trigger-icon {
    right: 1rem;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
  }
  .toggle--active .secondary-navigation__trigger-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .secondary-navigation__list-old {
    display: none;
  }
  .secondary-navigation__list-old.toggle--active {
    display: block;
  }
  .secondary-navigation__item, .secondary-navigation__item--extra {
    padding: 0.1875rem;
  }
}
/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
.cms-page__contents:not(:first-child) {
  margin-top: 1.5rem;
}

.cms-page--single .html-block__body {
  font-size: 0.875rem;
}
.cms-page--single .html-block__title {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
}
.cms-page--single .cms-generic-copy ul,
.cms-page--single .cms-generic-copy ol,
.cms-page--single .cms-generic-copy p {
  margin-top: 0;
  margin-bottom: 1rem;
}

@media (min-width: 48rem) {
  .cms-page--single .html-block__title {
    margin-bottom: 1.875rem;
  }
  .cms-page--single .html-block__body {
    font-size: 0.875rem;
  }
}
.stores-title {
  text-align: center;
  font-family: "Newtime R Heavy", Helvetica, Arial, sans-serif;
}

.stores-description {
  margin-bottom: 2.5rem;
}

.stores-list .stores-item {
  margin-bottom: 1.875rem;
}

.stores-item__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.stores-item__image--stub {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFF;
  min-height: 12.5rem;
}

.stores-page__description {
  font-size: 1.125rem;
  margin-top: 5.625rem;
}

.stores-page__image {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-bottom: 2rem;
}

.stores-page__cta .html-block__cta {
  font-size: 1.125rem;
}

.stores-page__cta .html-block__actions {
  display: inline-block;
  margin-top: 1rem;
  margin-left: -0.625rem;
}

.store-page__back {
  font-size: 0.875rem;
}
.store-page__back .icon {
  height: 0.6875rem;
  width: 0.6875rem;
}

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

@media (min-width: 48rem) {
  .stores-title {
    padding-top: 0.75rem;
    padding-bottom: 1.875rem;
  }
  .stores-page__content {
    padding: 0 3.75rem;
  }
  .stores-description {
    margin-bottom: 4.6875rem;
  }
  .stores-list {
    margin: 0 -0.625rem;
  }
  .stores-list .stores-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 0.625rem;
    margin-bottom: 4.6875rem;
  }
  .store-page__back {
    font-size: 1rem;
  }
  .store-page__details {
    font-size: 1.125rem;
    text-align: left;
  }
  .stores-page__image {
    margin-bottom: 0;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
  .stores-page__cta .html-block__cta {
    font-size: 1.875rem;
    margin-top: 2rem;
  }
  .stores-page__cta .html-block__cta:hover {
    text-decoration: none;
  }
  .stores-page__arrow-icon {
    font-weight: 600;
  }
  .stores-page__cta .html-block__actions {
    margin-top: 2rem;
  }
  .stores-page__description {
    font-size: 1.875rem;
    margin-left: auto;
  }
  .stores-page__description .cms-generic-copy a {
    text-decoration: underline;
  }
}
@media (min-width: 48rem) {
  .store-page__back {
    position: absolute;
  }
}
.faq-item {
  line-height: 2.25rem;
}

.faq-link {
  letter-spacing: 0.031rem;
}

.contact-us__inner {
  margin-top: -1.875rem;
}

.contact-us__data {
  background: #f8f8f8;
}

.contact-us__form {
  padding-top: 1.25rem;
}

.contact-us .html-block__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.3125rem;
}

.contact-us .html-block__cta {
  font-size: 0.75rem;
  margin-bottom: 0.3125rem;
}

@media (max-width: 63.9375rem) {
  .contact-us__data {
    margin: 0 0 0 -0.9375rem;
    width: calc(100% + 30px);
    -ms-flex-preferred-size: calc(100% + 30px);
        flex-basis: calc(100% + 30px);
    max-width: calc(100% + 30px);
    padding: 1.25rem 0.9375rem 1.875rem 0.9375rem;
  }
}
@media (min-width: 64rem) {
  .contact-us__inner {
    min-height: calc(100vh - 40px);
  }
  .contact-us__data {
    margin-left: -0.9375rem;
    padding-left: 1.25rem;
    padding-top: 1.5rem;
    max-width: calc(100% + 30px);
  }
  .contact-us__form {
    max-width: 22.5rem;
    padding-left: 1.25rem;
    padding-top: 1.875rem;
  }
  .contact-us .html-block__cta {
    font-size: 0.875rem;
  }
}
.sitemap__title {
  margin: 0.3125rem 1.25rem 0;
  margin-bottom: 1.25rem;
  text-align: center;
}
.sitemap__container {
  width: 100%;
  margin: 0 0.9375rem;
}
.sitemap__items {
  padding: 0;
}
.sitemap__item:before {
  content: "";
}
.sitemap__item::marker {
  content: "";
}

@media (min-width: 48rem) {
  .sitemap__container {
    margin: 0 auto 2.5rem;
    max-width: 37.5rem;
  }
  .sitemap__title {
    margin: 0 0 2.1875rem;
  }
}

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