/*
$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)
*/
.storepage {
  width: 100%; }

.content-landing-page .container {
  padding: 0 1rem;
  max-width: 120rem; }
  .content-landing-page .container .container-asset {
    padding: 0; }

.content-landing-page hr {
  border-color: #000; }

.content-landing-page .hero-image {
  margin-bottom: 1rem; }
  .content-landing-page .hero-image img {
    max-height: 58.125rem;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.content-landing-page .hero-content {
  color: #fff;
  max-width: 51.0625rem;
  top: 0.75rem;
  left: 1rem;
  padding-right: 1.25rem; }
  .content-landing-page .hero-content h1,
  .content-landing-page .hero-content h2 {
    font-size: 2.5rem;
    line-height: 3.3125rem;
    margin-bottom: 0.5rem;
    color: #fff; }
  .content-landing-page .hero-content .hero-text {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-bottom: 1.5rem;
    letter-spacing: 0.0175rem; }
  .content-landing-page .hero-content .hero-cta {
    border: 1px solid #fff;
    min-width: 15.5rem;
    padding: 1rem 0;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    letter-spacing: 0.01625rem; }

.content-landing-page .hero-text,
.content-landing-page .hero-cta,
.content-landing-page .recommendation-heading {
  font-weight: 500; }

.content-landing-page .recommendation-heading {
  margin: 2.5rem 0;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: 0.0225rem; }

@media (min-width: 768px) {
  .content-landing-page .recommendation-heading {
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: 0.025rem; } }

@media (min-width: 992px) {
  .content-landing-page .container {
    padding: 0 2rem; }
  .content-landing-page .hero-image {
    margin-bottom: 2.875rem; }
    .content-landing-page .hero-image img {
      max-height: unset; }
  .content-landing-page .hero-content {
    left: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-right: 0; }
    .content-landing-page .hero-content .hero-text {
      letter-spacing: 0.0225rem;
      font-size: 1.125rem;
      line-height: 1.375rem; }
    .content-landing-page .hero-content h1,
    .content-landing-page .hero-content h2 {
      font-size: 4rem;
      line-height: 4.375rem; }
    .content-landing-page .hero-content .hero-cta {
      border: 0.125rem solid #fff;
      font-size: 1rem;
      line-height: 1.125rem; }
  .content-landing-page .recommendation-heading {
    font-size: 2rem;
    line-height: 2.375rem;
    letter-spacing: 0.04rem;
    margin: 4.5rem 0; } }