/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
.heading__text,
.heading {
  color: #000;
  text-transform: uppercase;
  line-height: 1.2; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading__text,
.heading {
  font-weight: 500; }

.btn-secondary.dark {
  background-color: #000; }

.btn-primary.dark {
  color: #000; }

/*
PM-1358 Update font stack in CSS
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond|Montserrat:400,500,600&display=swap');
*/
.font-base {
  font-family: 'Helvetica Now', 'Helvetica Now Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.font-serif {
  font-family: 'Palatino Nova', Palatino, Garamond, serif; }

.font-montserrat {
  font-family: 'Montserrat', sans-serif; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-regular {
  font-weight: 400 !important; }

.font-weight-medium {
  font-weight: 500 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.body-sm,
.body-md,
.body-lg,
.body-xl {
  line-height: 1.4; }

.body-sm,
.body-md,
.body-lg {
  letter-spacing: 0; }

.body-sm {
  font-size: 0.75rem; }

.body-md {
  font-size: 0.875rem; }

.body-lg {
  font-size: 1rem; }

.body-xl {
  font-size: 1rem;
  letter-spacing: 0.02em; }

.font-italic {
  font-style: italic; }

.display-lg {
  font-size: 3.5rem; }

.display-md {
  font-size: 2.5rem; }

.display-sm {
  font-size: 2rem; }

.display-xs {
  font-size: 1.75rem;
  letter-spacing: 0.04em; }

.heading-2xl {
  font-size: 2rem; }

.heading-xl {
  font-size: 1.75rem; }

.heading-lg {
  font-size: 1.5rem; }

.heading-md {
  font-size: 1.375rem; }

.heading-sm {
  font-size: 1.125rem; }

.heading-xs {
  font-size: 1rem; }

.heading-2xs {
  font-size: 1rem; }

.display-lg,
.display-md,
.display-sm {
  line-height: 1;
  letter-spacing: 0.02em; }

.display-xs,
.heading-2xl,
.heading-xl,
.heading-lg,
.heading-md,
.heading-sm,
.heading-xs,
.heading-2xs {
  line-height: 1.1; }

.component-heading.text-primary *,
.component-body-text-block.text-primary * {
  color: #071D49 !important; }

.component-heading.text-secondary *,
.component-body-text-block.text-secondary * {
  color: #707070 !important; }

.component-heading.text-tertiary *,
.component-body-text-block.text-tertiary * {
  color: #454545 !important; }

.component-heading.text-primary-inverse *,
.component-body-text-block.text-primary-inverse * {
  color: #fff !important; }

@media (max-width: 991.98px) {
  .component-heading.text-primary--mobile,
  .component-heading.text-primary--mobile *,
  .component-body-text-block.text-primary--mobile,
  .component-body-text-block.text-primary--mobile * {
    color: #071D49 !important; }
  .component-heading.text-secondary--mobile,
  .component-heading.text-secondary--mobile *,
  .component-body-text-block.text-secondary--mobile,
  .component-body-text-block.text-secondary--mobile * {
    color: #707070 !important; }
  .component-heading.text-tertiary--mobile,
  .component-heading.text-tertiary--mobile *,
  .component-body-text-block.text-tertiary--mobile,
  .component-body-text-block.text-tertiary--mobile * {
    color: #454545 !important; }
  .component-heading.text-primary-inverse--mobile,
  .component-heading.text-primary-inverse--mobile *,
  .component-body-text-block.text-primary-inverse--mobile,
  .component-body-text-block.text-primary-inverse--mobile * {
    color: #fff !important; } }

@media (min-width: 992px) {
  .body-xl {
    font-size: 1.25rem; }
  .display-lg {
    font-size: 4.5rem; }
  .display-md {
    font-size: 4rem; }
  .display-sm {
    font-size: 3rem; }
  .display-xs {
    font-size: 2.5rem; }
  .heading-2xl {
    font-size: 2.375rem; }
  .heading-xl {
    font-size: 2rem; }
  .heading-lg {
    font-size: 1.75rem; }
  .heading-md {
    font-size: 1.5rem; }
  .heading-sm {
    font-size: 1.375rem; }
  .heading-xs {
    font-size: 1.125rem; }
  .heading-2xs {
    font-size: 1rem; } }

.body-sm,
.body-md,
.body-lg,
.body-xl {
  letter-spacing: 0.04em; }

.display-lg,
.display-md,
.display-sm,
.display-xs,
.heading-2xl,
.heading-xl,
.heading-lg,
.heading-md,
.heading-sm,
.heading-xs,
.heading-2xs {
  line-height: 1.2;
  letter-spacing: 0.02em; }

.heading-2xs {
  font-size: 0.875rem;
  letter-spacing: 0.04em; }

.component-heading.text-primary *,
.component-body-text-block.text-primary * {
  color: #000 !important; }

.component-heading.text-secondary *,
.component-body-text-block.text-secondary * {
  color: #707070 !important; }

.component-heading.text-tertiary *,
.component-body-text-block.text-tertiary * {
  color: #454545 !important; }

.component-heading.text-primary-inverse *,
.component-body-text-block.text-primary-inverse * {
  color: #fff !important; }

.component-heading.text-primary a,
.component-heading.text-secondary a,
.component-heading.text-tertiary a,
.component-heading.text-primary-inverse a,
.component-body-text-block.text-primary a,
.component-body-text-block.text-secondary a,
.component-body-text-block.text-tertiary a,
.component-body-text-block.text-primary-inverse a {
  text-decoration: underline; }

@media (max-width: 991.98px) {
  .component-heading.text-primary--mobile,
  .component-heading.text-primary--mobile *,
  .component-body-text-block.text-primary--mobile,
  .component-body-text-block.text-primary--mobile * {
    color: #000 !important; }
  .component-heading.text-secondary--mobile,
  .component-heading.text-secondary--mobile *,
  .component-body-text-block.text-secondary--mobile,
  .component-body-text-block.text-secondary--mobile * {
    color: #707070 !important; }
  .component-heading.text-tertiary--mobile,
  .component-heading.text-tertiary--mobile *,
  .component-body-text-block.text-tertiary--mobile,
  .component-body-text-block.text-tertiary--mobile * {
    color: #454545 !important; }
  .component-heading.text-primary-inverse--mobile,
  .component-heading.text-primary-inverse--mobile *,
  .component-body-text-block.text-primary-inverse--mobile,
  .component-body-text-block.text-primary-inverse--mobile * {
    color: #fff !important; }
  .heading-md {
    font-size: 1.125rem; }
  .heading-sm {
    font-size: 1rem; } }

@media (min-width: 992px) {
  .heading-2xs {
    font-size: 1rem; } }

.storepage .container {
  padding: 0 1rem;
  max-width: 120rem; }
  .storepage .container .container-asset {
    padding: 0; }

@media (min-width: 992px) {
  .storepage .container {
    padding: 0 4rem; } }