/* CSS Document */
.nodisplay { display: none; }

.custom_btn { font-size: 1em; font-weight: bold; text-decoration: none; white-space: nowrap; background: #EF3E42; text-align: center; color: #fff; padding: 0 2em; border-radius: 2px; -webkit-transition: 0.24s all ease; -o-transition: 0.24s all ease; transition: 0.24s all ease; line-height: 32px; max-height: 32px; font-family: inherit; color: #fff; }

.custom_btn:hover, .custom_btn:active { background: #ed2b30; -webkit-box-shadow: 0px 4px 24px rgba(231, 19, 24, 0.25); box-shadow: 0px 4px 24px rgba(231, 19, 24, 0.25); color: #f2f2f2; }

#hero_wellness_beauty { background: #fff; max-width: 965px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: 'Gotham', 'Lato', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; border: 1px solid #e5e5e5; position: relative; }

@media (min-width: 993px) { #hero_wellness_beauty { background: url(https://s3.amazonaws.com/media.riteaid.com/Home/Home%20Page%20Hero/2018/180408/hero-banner_wellness-beauty_180408_bg.jpg) no-repeat center center/cover; height: 365px; } }

@media (max-width: 992px) { #hero_wellness_beauty { height: auto; }
  #hero_wellness_beauty .only_on_mobile { grid-row: 1; grid-column: 1 / span 8; background: url(https://s3.amazonaws.com/media.riteaid.com/Home/Home%20Page%20Hero/2018/180408/hero-banner_wellness-beauty_180408_tablet.jpg) no-repeat center top/cover; } }

@media (max-width: 767px) { #hero_wellness_beauty .only_on_mobile { background: url(https://s3.amazonaws.com/media.riteaid.com/Home/Home%20Page%20Hero/2018/180408/hero-banner_wellness-beauty_180408_phone.jpg) no-repeat center top/cover; } }

@supports (display: grid) { #hero_wellness_beauty { display: grid; grid-template-columns: repeat(auto-fill, minmax(119px, 1fr)); grid-template-rows: repeat(3, 1fr); }
  @media (max-width: 992px) { #hero_wellness_beauty { grid-template-columns: repeat(8, 1fr); grid-template-rows: 1fr 1fr 64px; } }
  @media (max-width: 767px) { #hero_wellness_beauty { grid-template-rows: 1fr 1fr 64px; } }
  @media (max-width: 360px) { #hero_wellness_beauty { grid-template-rows: 160px 1fr 80px; } } }

#hero_wellness_beauty .content { 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-align: center; -ms-flex-align: center; align-items: center; }

@supports (display: grid) { #hero_wellness_beauty .content { grid-column: 4 / span 4; grid-row: 1 / span 3; -ms-flex-item-align: center; align-self: center; padding-left: 2em; }
  @media (max-width: 992px) { #hero_wellness_beauty .content { grid-column: 1 / span 8; grid-row: 2 / span 1; padding-left: 0; } } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #hero_wellness_beauty .content { position: absolute; width: 431px; height: 240px; left: 400px; top: 63px; display: block; text-align: center; } }

#hero_wellness_beauty .content figure { margin: 0; padding: 0; }

#hero_wellness_beauty .content figure img { width: 100%; height: auto; }

@media (max-width: 992px) { #hero_wellness_beauty .content figure img { display: none; } }

#hero_wellness_beauty .content figure figcaption { text-align: center; font-size: 20px; font-family: "Arial", sans-serif; color: #344a9f; font-weight: bold; text-transform: uppercase; line-height: 1.2; text-align: center; z-index: 42; }

@media (max-width: 992px) { #hero_wellness_beauty .content figure figcaption { padding: 1em 0; } }

@media (max-width: 767px) { #hero_wellness_beauty .content figure figcaption { font-size: 16px; } }

@media (max-width: 360px) { #hero_wellness_beauty .content figure { font-size: 12px; padding: 0 1em; } }

#hero_wellness_beauty .content .earn_10 { font-size: 40px; font-family: "Gotham", sans-serif; font-weight: bold; color: #b01f81; line-height: 1; text-align: center; z-index: 38; }

@media (max-width: 992px) { #hero_wellness_beauty .content .earn_10 { font-size: 48px; } }

@media (max-width: 767px) { #hero_wellness_beauty .content .earn_10 { font-size: 32px; } }

@media (max-width: 360px) { #hero_wellness_beauty .content .earn_10 { font-size: 24px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #hero_wellness_beauty .content .earn_10 { font-size: 36px; display: block; } }

#hero_wellness_beauty .content hr { border: none; background-color: #e6b8d7; margin: 16px 0; width: 400px; height: 2px; z-index: 40; }

@media (max-width: 992px) { #hero_wellness_beauty .content hr { display: none; } }

#hero_wellness_beauty .content .when_you { font-size: 16px; font-family: "Roboto", sans-serif; color: #7071b4; line-height: 1.2; text-align: center; margin-top: 8px; z-index: 37; }

@media (max-width: 360px) { #hero_wellness_beauty .content .when_you { font-size: 12px; } }

#hero_wellness_beauty .content .disclaimer { font-size: 12px; font-family: "Arial"; color: #7071b4; line-height: 1.2; text-align: center; z-index: 46; margin-top: 20px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #hero_wellness_beauty .content .disclaimer { display: block; } }

@media (max-width: 992px) { #hero_wellness_beauty .content .disclaimer { grid-row: 3; } }

@media (max-width: 360px) { #hero_wellness_beauty .content .disclaimer { font-size: 10px; } }

#hero_wellness_beauty .custom_btn { position: absolute; bottom: 1em; right: 1em; margin: 0; }