/* line 1, ../sass/ogx-global.scss */
body.modal-open {
  overflow: hidden; }

/* Base colors */
/* OGX brand colors */
/* OGX brand fonts */
@font-face {
  font-display: swap;
  font-family: 'Alternate Gothic No2 D';
  src: url("../fonts/alt-gothic-no2-d.otf") format("opentype"); }
@font-face {
  font-display: swap;
  font-family: 'Avenir Next';
  src: url("../fonts/avenir-next-regular.ttf") format("truetype"); }
@font-face {
  font-display: swap;
  font-family: 'Avenir Next Bold';
  src: url("../fonts/avenir-next-bold.ttf") format("truetype"); }
/* Breakpoints */
/* Page elements */
/* line 84, ../sass/ogx-global.scss */
html {
  scroll-behavior: initial; }

/* line 88, ../sass/ogx-global.scss */
body {
  background-color: #FFFFFF;
  color: #000000; }

/* line 93, ../sass/ogx-global.scss */
.content-module {
  clear: both;
  text-align: center; }
  /* line 97, ../sass/ogx-global.scss */
  .content-module img.hero {
    margin: 0 auto 0 auto; }
  /* line 101, ../sass/ogx-global.scss */
  .content-module h1, .content-module h2 {
    margin: 0; }
  /* line 105, ../sass/ogx-global.scss */
  .content-module p {
    text-align: left; }
  /* line 109, ../sass/ogx-global.scss */
  .content-module p.inner {
    margin: 0 2rem 0 2rem; }
    @media (min-width: 1200px) {
      /* line 109, ../sass/ogx-global.scss */
      .content-module p.inner {
        margin: 0; } }

/* line 118, ../sass/ogx-global.scss */
.content-module-inner {
  margin: 0 2rem 0 2rem;
  max-width: 1340px; }
  @media (min-width: 1400px) {
    /* line 118, ../sass/ogx-global.scss */
    .content-module-inner {
      margin: 0 auto 0 auto; } }

/* line 127, ../sass/ogx-global.scss */
.header-script {
  font-family: "Avenir Next";
  font-size: 64px;
  font-style: normal;
  font-weight: normal;
  line-height: 60px;
  letter-spacing: 0.01em; }

/* line 136, ../sass/ogx-global.scss */
h3, h4, h5, h6 {
  color: #000000; }
  /* line 139, ../sass/ogx-global.scss */
  h3 a, h4 a, h5 a, h6 a {
    color: #000000;
    text-decoration: none; }

/* line 145, ../sass/ogx-global.scss */
h1 {
  color: #FFFFFF;
  font-family: "Alternate Gothic No2 D";
  font-size: 60px;
  line-height: 55px;
  letter-spacing: 0.01em; }
  @media (min-width: 1200px) {
    /* line 145, ../sass/ogx-global.scss */
    h1 {
      font-size: 40px;
      line-height: 55px; } }

/* line 158, ../sass/ogx-global.scss */
h1.semibold {
  font-weight: 600; }

/* line 162, ../sass/ogx-global.scss */
h2 {
  color: #FFFFFF;
  font-family: "Alternate Gothic No2 D";
  font-size: 48px;
  line-height: 42px;
  letter-spacing: 0.01em; }
  /* line 169, ../sass/ogx-global.scss */
  h2 a {
    color: #000000;
    text-decoration: none; }
  @media (min-width: 900px) {
    /* line 162, ../sass/ogx-global.scss */
    h2 {
      font-size: 60px;
      line-height: 55px; } }

/* line 180, ../sass/ogx-global.scss */
h3 {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 31px; }
  @media (min-width: 1200px) {
    /* line 180, ../sass/ogx-global.scss */
    h3 {
      font-size: 30px;
      font-weight: 400;
      line-height: 35px;
      line-height: 40px; } }

/* line 195, ../sass/ogx-global.scss */
h4 {
  font-family: "Avenir Next Bold";
  font-size: 22px;
  line-height: 32px; }
  @media (min-width: 1200px) {
    /* line 195, ../sass/ogx-global.scss */
    h4 {
      line-height: 136%; } }

/* line 205, ../sass/ogx-global.scss */
h5 {
  font-family: "Avenir Next";
  font-size: 20px;
  line-height: 150%; }

/* line 211, ../sass/ogx-global.scss */
h6 {
  font-family: "Avenir Next";
  font-size: 22px;
  line-height: 30px;
  text-transform: none; }

/* line 218, ../sass/ogx-global.scss */
p {
  font-family: "Avenir Next"; }

/* line 222, ../sass/ogx-global.scss */
p.primary {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px; }

/* line 229, ../sass/ogx-global.scss */
p.secondary {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em; }

/* line 239, ../sass/ogx-global.scss */
p.inner-page-content {
  font-family: "Avenir Next";
  font-size: 16px;
  line-height: 24px;
  margin: 2rem 2rem 0 2rem; }

/* line 246, ../sass/ogx-global.scss */
p.bold, span.bold {
  font-weight: bold; }

/* line 250, ../sass/ogx-global.scss */
p.paginator {
  text-align: center !important; }

/* line 254, ../sass/ogx-global.scss */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* line 260, ../sass/ogx-global.scss */
a.cta-button {
  border: 3px solid #000000;
  color: #000000;
  display: block;
  font-family: "Alternate Gothic No2 D";
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 21px;
  margin: 2.05rem auto 0 auto;
  max-width: 260px;
  padding: 2.5rem 2.5rem 1.5rem 2.5rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 10; }

/* line 278, ../sass/ogx-global.scss */
a.cta-button-primary {
  background-color: #FFA3CA !important;
  box-shadow: #FFA3CA -8px 7px, #000000 -8px 7px 0px 2px; }
  /* line 282, ../sass/ogx-global.scss */
  a.cta-button-primary.cta-banner {
    background-color: #6778BD !important;
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    font-weight: 400;
    position: relative;
    left: -8px;
    box-shadow: #6778BD 8px 7px, #FFFFFF 8px 7px 0px 2px; }

/* line 293, ../sass/ogx-global.scss */
a.cta-button-secondary {
  background-color: #FEE123 !important;
  padding-bottom: 1rem;
  padding-top: 1.5rem; }

/* line 299, ../sass/ogx-global.scss */
#fixed-cta {
  bottom: 20px;
  left: 20px;
  position: fixed; }
  /* line 304, ../sass/ogx-global.scss */
  #fixed-cta a.fixed-cta-close {
    background-image: url("../images/icons/fixed-cta-close.png");
    background-size: contain;
    bottom: 10px;
    display: block;
    height: 32px;
    position: absolute;
    right: 13px;
    width: 32px; }
  /* line 315, ../sass/ogx-global.scss */
  #fixed-cta span.fixed-cta-text {
    display: block;
    margin: 5px 0 0 10px;
    width: 160px; }

/* line 322, ../sass/ogx-global.scss */
.find-more-cta {
  background-color: #827AC2;
  border-radius: 10px;
  color: #FFFFFF;
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  min-height: 50px;
  min-width: 187px; }
  /* line 334, ../sass/ogx-global.scss */
  .find-more-cta a:link, .find-more-cta a:hover, .find-more-cta a:visited {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline; }

/* line 341, ../sass/ogx-global.scss */
mark.purple-highlight {
  background-color: #827AC2;
  color: #FFFFFF;
  padding: 0 2px; }
/* line 346, ../sass/ogx-global.scss */
mark.yellow-highlight {
  background-color: #FEE123;
  color: #000000;
  border: 1px solid #000000;
  padding: 0 2px; }

@media (min-width: 900px) {
  /* line 354, ../sass/ogx-global.scss */
  .mobile-only {
    display: none !important; } }

/* line 360, ../sass/ogx-global.scss */
.desktop-only {
  display: none !important; }
  @media (min-width: 900px) {
    /* line 360, ../sass/ogx-global.scss */
    .desktop-only {
      display: block !important; } }

/* line 368, ../sass/ogx-global.scss */
.homepage-only {
  display: none; }

@media (min-width: 900px) {
  /* line 373, ../sass/ogx-global.scss */
  .home .homepage-only {
    display: block; } }

/* line 380, ../sass/ogx-global.scss */
.subpage-only {
  display: none; }

@media (min-width: 900px) {
  /* line 385, ../sass/ogx-global.scss */
  .page-template-templates .subpage-only, .page-template-default .subpage-only, .ogx_product-template-default .subpage-only, .page-template-page_product-list .subpage-only, .ogx_collection-template-default .subpage-only, .error404 .subpage-only {
    display: block; } }

/* line 393, ../sass/ogx-global.scss */
.error404 .content-404#site-content {
  padding-top: 0; }

/* Galleries */
/* line 400, ../sass/ogx-global.scss */
.gallery-item, .slick-slide:focus, .slick-arrow:focus {
  outline: none; }

/* Breadcrumbs */
/* line 406, ../sass/ogx-global.scss */
#breadcrumbs {
  margin: 2rem 0 0 0; }
  /* line 410, ../sass/ogx-global.scss */
  #breadcrumbs ul li {
    display: inline-block;
    padding-left: 0.5rem; }
  /* line 415, ../sass/ogx-global.scss */
  #breadcrumbs ul li a {
    border-right: 1px solid #000000;
    padding: 0 1rem 0 1rem; }
  /* line 420, ../sass/ogx-global.scss */
  #breadcrumbs ul li, #breadcrumbs ul li a {
    color: #000000;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase; }
  @media (min-width: 900px) {
    /* line 406, ../sass/ogx-global.scss */
    #breadcrumbs {
      margin-left: 2.5rem; } }

/* Check out complete page */
/* line 440, ../sass/ogx-global.scss */
.content-thank-you {
  padding: 12rem 0 8rem 0; }
  /* line 443, ../sass/ogx-global.scss */
  .content-thank-you h1 {
    color: #000000;
    font-family: "Avenir Next";
    text-align: center; }
  /* line 449, ../sass/ogx-global.scss */
  .content-thank-you p {
    text-align: center; }

/* 404 page */
/* line 457, ../sass/ogx-global.scss */
.content-404 #hero {
  background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/03/22796914989_US_eCarousel_Asset2_OGX_ArganOilMoroc_Mousse_8z_RenewingArganOilMoroccoVoluminousMousse_ApplicatorCropped2.jpg");
  background-position: top center;
  background-size: cover;
  height: 700px;
  text-align: center;
  padding-top: 220px; }
  /* line 465, ../sass/ogx-global.scss */
  .content-404 #hero h1 {
    font-weight: 600;
    line-height: 45.5px;
    margin: 0 auto 0 auto;
    color: #000000; }
    /* line 471, ../sass/ogx-global.scss */
    .content-404 #hero h1 span {
      font-size: 80px;
      line-height: 60px; }
    @media (min-width: 900px) {
      /* line 465, ../sass/ogx-global.scss */
      .content-404 #hero h1 {
        line-height: 55px;
        max-width: 542px; } }
  /* line 482, ../sass/ogx-global.scss */
  .content-404 #hero .hero-inner {
    color: #000000;
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin: 0 auto 0 auto;
    max-width: 452px; }
  /* line 492, ../sass/ogx-global.scss */
  .content-404 #hero ul {
    margin: 3rem 0 6rem 0; }
    /* line 497, ../sass/ogx-global.scss */
    .content-404 #hero ul li a {
      border: solid #000000;
      border-width: 0 0 1px 0;
      display: block;
      color: #000000;
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      text-decoration: none;
      width: 100%; }
      @media (min-width: 900px) {
        /* line 497, ../sass/ogx-global.scss */
        .content-404 #hero ul li a {
          display: inline;
          margin-bottom: 0;
          padding-bottom: 0.5rem;
          width: auto; } }
    @media (min-width: 900px) {
      /* line 495, ../sass/ogx-global.scss */
      .content-404 #hero ul li {
        flex: 1; } }
    @media (min-width: 900px) {
      /* line 492, ../sass/ogx-global.scss */
      .content-404 #hero ul {
        display: flex; } }
  @media (min-width: 900px) {
    /* line 457, ../sass/ogx-global.scss */
    .content-404 #hero {
      background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/03/22796914989_US_eCarousel_Asset2_OGX_ArganOilMoroc_Mousse_8z_RenewingArganOilMoroccoVoluminousMousse_ApplicatorCropped2.jpg");
      background-size: cover;
      background-position: top center;
      height: 1200px;
      margin-top: 0;
      padding-top: 280px; } }

/* Generic content page */
/* line 538, ../sass/ogx-global.scss */
#generic-hero {
  padding: 6rem 3rem 0 3rem; }
  /* line 541, ../sass/ogx-global.scss */
  #generic-hero h1 {
    color: #000000;
    text-align: center; }

/* Decor */
/* line 551, ../sass/ogx-global.scss */
.content-module hr.gold {
  background-image: url("../images/decor/mobile/gold-border.png");
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  display: block;
  height: 2px; }
  @media (min-width: 900px) {
    /* line 551, ../sass/ogx-global.scss */
    .content-module hr.gold {
      background-image: url("../images/decor/gold-border.png");
      margin: 4rem 0 4rem 0; } }

/* Bazaarvoice Gallery */
/* line 567, ../sass/ogx-global.scss */
#crl8-homepage-carousel {
  padding-top: 2rem; }
  /* line 570, ../sass/ogx-global.scss */
  #crl8-homepage-carousel .jRepUp, #crl8-homepage-carousel .ioijAT {
    color: #FFFFFF !important; }
  /* line 574, ../sass/ogx-global.scss */
  #crl8-homepage-carousel .jRepUp {
    font-family: "Alternate Gothic No2 D";
    font-size: 60px !important;
    line-height: 55px; }
  /* line 580, ../sass/ogx-global.scss */
  #crl8-homepage-carousel .ioijAT {
    font-family: "Avenir Next";
    font-size: 16px !important;
    line-height: 24px; }

/* Includes */
/* line 3, ../sass/_ogx-about-us.scss */
body.page-template-page_about #page-header {
  background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/about-mobile-hero-2.png");
  background-position: right; }
  @media (min-width: 900px) {
    /* line 3, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #page-header {
      background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/about-hero-2.png");
      min-height: 651px; } }
/* line 15, ../sass/_ogx-about-us.scss */
body.page-template-page_about #inner-page-header h1 {
  text-transform: uppercase; }
  @media (min-width: 900px) {
    /* line 15, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #inner-page-header h1 {
      font-size: 100px; } }
@media (min-width: 900px) {
  /* line 13, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #inner-page-header {
    padding-top: 500px; } }
/* line 28, ../sass/_ogx-about-us.scss */
body.page-template-page_about #site-content-inner {
  background: url("../images/decor/grain/grain-128.png") repeat, radial-gradient(circle at 110% -10%, #FFA3CA 8%, rgba(0, 0, 0, 0) 20%), linear-gradient(to bottom, #F98226 20%, #FEE123, #F98226, #827AC2);
  padding-bottom: 8rem; }
  /* line 38, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #site-content-inner h1, body.page-template-page_about #site-content-inner h2, body.page-template-page_about #site-content-inner h3 {
    margin: 0 3rem 0 3rem; }
  /* line 42, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #site-content-inner h2, body.page-template-page_about #site-content-inner h3 {
    color: #FFFFFF;
    font-family: "Alternate Gothic No2 D";
    font-weight: normal; }
  /* line 48, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #site-content-inner h3 {
    font-size: 24px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 900px) {
      /* line 48, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #site-content-inner h3 {
        font-size: 50px;
        letter-spacing: 7px;
        padding-top: 3rem; } }
  /* line 61, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #site-content-inner h4 {
    font-size: 15px;
    font-family: "Avenir Next Bold";
    line-height: 20px; }
    @media (min-width: 900px) {
      /* line 61, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #site-content-inner h4 {
        font-size: 20px;
        line-height: 30px; } }
  /* line 73, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #site-content-inner p {
    color: #000000;
    font-family: "Avenir Next";
    font-size: 15px;
    line-height: 20px;
    margin: 2rem 4rem 0 4rem; }
    @media (min-width: 900px) {
      /* line 73, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #site-content-inner p {
        font-size: 20px;
        line-height: 30px; } }
  /* line 87, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #site-content-inner span.bold {
    font-family: "Avenir Next Bold"; }
  /* line 91, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #site-content-inner .content-image {
    background-size: cover;
    margin: 2rem auto 0 auto;
    max-width: 360px; }
    /* line 96, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #site-content-inner .content-image img {
      width: 100%; }
    @media (min-width: 900px) {
      /* line 91, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #site-content-inner .content-image {
        display: none; } }
  /* line 105, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #site-content-inner .full-content-image {
    display: none; }
    @media (min-width: 900px) {
      /* line 105, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #site-content-inner .full-content-image {
        background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/products-left.png");
        background-size: cover;
        display: block;
        height: 1769px;
        left: 40px;
        position: absolute;
        top: 100px;
        width: 392px; } }
  @media (min-width: 900px) {
    /* line 28, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #site-content-inner {
      background: url("../images/decor/grain/grain-128.png") repeat, radial-gradient(circle at -10% 10%, #F98226 10%, rgba(0, 0, 0, 0) 30%), radial-gradient(circle at 30% -20%, #FFA3CA 20%, rgba(0, 0, 0, 0) 40%), radial-gradient(circle at 120% 30%, #7CCC79 10%, rgba(0, 0, 0, 0) 30%), radial-gradient(circle at -10% 60%, #F98226 10%, rgba(0, 0, 0, 0) 30%), linear-gradient(to bottom, #FEE123 50%, #827AC2 80%);
      position: relative; } }
/* line 133, ../sass/_ogx-about-us.scss */
body.page-template-page_about #our-philosophy .content-module-inner, body.page-template-page_about #stand-for .content-module-inner, body.page-template-page_about #experience .content-module-inner, body.page-template-page_about #ingredients .content-module-inner, body.page-template-page_about #inclusion .content-module-inner {
  margin: 0; }
  @media (min-width: 600px) {
    /* line 133, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-philosophy .content-module-inner, body.page-template-page_about #stand-for .content-module-inner, body.page-template-page_about #experience .content-module-inner, body.page-template-page_about #ingredients .content-module-inner, body.page-template-page_about #inclusion .content-module-inner {
      margin: 0 auto 0 auto;
      position: relative; } }
/* line 142, ../sass/_ogx-about-us.scss */
body.page-template-page_about #our-philosophy h2, body.page-template-page_about #stand-for h2, body.page-template-page_about #experience h2, body.page-template-page_about #ingredients h2, body.page-template-page_about #inclusion h2 {
  font-size: 30px;
  text-transform: uppercase; }
  @media (min-width: 900px) {
    /* line 142, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-philosophy h2, body.page-template-page_about #stand-for h2, body.page-template-page_about #experience h2, body.page-template-page_about #ingredients h2, body.page-template-page_about #inclusion h2 {
      font-size: 60px;
      line-height: 60px;
      padding: 2rem 0 2rem 0; } }
@media (min-width: 900px) {
  /* line 153, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-philosophy h2, body.page-template-page_about #our-philosophy p, body.page-template-page_about #our-philosophy hr.gold, body.page-template-page_about #stand-for h2, body.page-template-page_about #stand-for p, body.page-template-page_about #stand-for hr.gold, body.page-template-page_about #experience h2, body.page-template-page_about #experience p, body.page-template-page_about #experience hr.gold, body.page-template-page_about #ingredients h2, body.page-template-page_about #ingredients p, body.page-template-page_about #ingredients hr.gold, body.page-template-page_about #inclusion h2, body.page-template-page_about #inclusion p, body.page-template-page_about #inclusion hr.gold {
    max-width: 740px !important; } }
@media (min-width: 900px) {
  /* line 131, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-philosophy, body.page-template-page_about #stand-for, body.page-template-page_about #experience, body.page-template-page_about #ingredients, body.page-template-page_about #inclusion {
    padding-left: 480px; } }
/* line 165, ../sass/_ogx-about-us.scss */
body.page-template-page_about #our-philosophy {
  padding-top: 4rem;
  position: relative; }
  /* line 169, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-philosophy h2 {
    line-height: 50px;
    font-size: 50px;
    font-style: normal;
    font-weight: normal;
    max-width: 380px;
    text-align: left;
    text-transform: none; }
    @media (min-width: 900px) {
      /* line 169, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #our-philosophy h2 {
        margin: 0 auto 0 auto;
        text-align: center;
        padding-top: 8rem; } }
  /* line 187, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-philosophy .content-image {
    max-width: 360px; }
/* line 194, ../sass/_ogx-about-us.scss */
body.page-template-page_about #stand-for .content-image {
  max-width: 260px; }
/* line 201, ../sass/_ogx-about-us.scss */
body.page-template-page_about #experience .content-image {
  max-width: 266px; }
/* line 208, ../sass/_ogx-about-us.scss */
body.page-template-page_about #ingredients .content-image {
  max-width: 288px; }
/* line 212, ../sass/_ogx-about-us.scss */
body.page-template-page_about #ingredients ul {
  list-style-type: disc;
  margin: 2rem 4rem 0 4rem;
  padding-left: 2rem; }
  /* line 217, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #ingredients ul li {
    font-family: "Avenir Next";
    font-size: 15px;
    line-height: 20px;
    margin: 1rem 0 0 0;
    text-align: left; }
    @media (min-width: 900px) {
      /* line 217, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #ingredients ul li {
        font-size: 20px;
        line-height: 30px; } }
/* line 234, ../sass/_ogx-about-us.scss */
body.page-template-page_about #inclusion .content-image {
  max-width: 320px; }
@media (min-width: 900px) {
  /* line 232, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #inclusion {
    padding-bottom: 8rem; } }
/* line 243, ../sass/_ogx-about-us.scss */
body.page-template-page_about #our-commitment {
  position: relative; }
  /* line 246, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-commitment .content-module-inner {
    background-color: #827AC2;
    border: 2px solid #FFFFFF;
    margin: 2rem;
    padding: 2rem 0 2rem 0; }
    @media (min-width: 600px) {
      /* line 246, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #our-commitment .content-module-inner {
        display: flex;
        flex-direction: row;
        max-width: 1100px;
        padding: 2rem 4rem 4rem 4rem;
        position: relative; } }
    @media (min-width: 900px) {
      /* line 246, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #our-commitment .content-module-inner {
        padding-bottom: 8rem; } }
    @media (min-width: 1200px) {
      /* line 246, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #our-commitment .content-module-inner {
        margin: 0 auto 0 auto; } }
  /* line 269, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-commitment .sustainability-icons {
    display: flex;
    justify-content: space-around;
    margin: 2rem 0 0 0;
    padding: 0 2rem 0 2rem; }
    /* line 275, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-commitment .sustainability-icons div {
      background-size: 64px;
      background-repeat: no-repeat;
      background-position: center;
      flex: 1;
      height: 64px;
      margin: 0 0.25rem 0 0.25rem;
      width: 64px; }
      @media (min-width: 600px) {
        /* line 275, ../sass/_ogx-about-us.scss */
        body.page-template-page_about #our-commitment .sustainability-icons div {
          display: none; } }
    /* line 289, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-commitment .sustainability-icons .icon-ingredients {
      background-image: url("../images/sustainability/icons/ingredients.png"); }
    /* line 293, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-commitment .sustainability-icons .icon-packaging {
      background-image: url("../images/sustainability/icons/packaging.png"); }
    /* line 297, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-commitment .sustainability-icons .icon-renewable {
      background-image: url("../images/sustainability/icons/renewable.png"); }
    /* line 301, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-commitment .sustainability-icons .icon-responsible {
      background-image: url("../images/sustainability/icons/responsible.png"); }
    @media (min-width: 600px) {
      /* line 269, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #our-commitment .sustainability-icons {
        background-image: url("../images/sustainability/icons/icon-set.png");
        background-size: 264px;
        background-repeat: no-repeat;
        background-position: center;
        flex-direction: column-reverse;
        height: 264px;
        margin-right: 2rem;
        max-width: 264px;
        padding: 0;
        width: 264px; } }
  @media (min-width: 600px) {
    /* line 319, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-commitment br {
      display: none; } }
  @media (min-width: 600px) {
    /* line 326, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-commitment h3 {
      line-height: 42px; } }
  /* line 333, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-commitment h3, body.page-template-page_about #our-commitment p {
    margin: 0;
    text-align: left;
    text-transform: none; }
  /* line 339, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-commitment p {
    color: #000000;
    padding: 2rem 2rem 0 0; }
  /* line 344, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-commitment .inner-content {
    margin-left: 2rem; }
  @media (min-width: 600px) {
    /* line 348, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #our-commitment .sustainability-icons, body.page-template-page_about #our-commitment .inner-content {
      flex: 1; } }
  /* line 355, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #our-commitment a.cta-button-learn {
    border-width: 2px;
    box-shadow: #FFA3CA -7px 6px, #000000 -7px 6px 0px 1px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    padding: 0.5rem 0.5rem 0 0.25rem;
    position: absolute;
    right: 35px;
    top: 40px;
    width: 80px; }
    @media (min-width: 600px) {
      /* line 355, ../sass/_ogx-about-us.scss */
      body.page-template-page_about #our-commitment a.cta-button-learn {
        bottom: 20px;
        box-shadow: #FFA3CA -8px 7px, #000000 -8px 7px 0px 2px;
        font-size: 32px;
        padding: 2rem 2rem 1rem 2rem;
        left: 70px;
        right: auto;
        top: auto;
        width: 170px; } }
/* line 381, ../sass/_ogx-about-us.scss */
body.page-template-page_about #yourself {
  padding-top: 2rem; }
  /* line 384, ../sass/_ogx-about-us.scss */
  body.page-template-page_about #yourself h2 {
    line-height: 60px;
    margin: 0 auto 0 auto;
    max-width: 580px;
    text-align: left;
    padding-top: 2rem; }
    /* line 391, ../sass/_ogx-about-us.scss */
    body.page-template-page_about #yourself h2 span {
      background-image: url("../images/decor/ogx-gold.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      display: inline-block;
      height: 45px;
      width: 45px; }

/* line 1, ../sass/_ogx-animation.scss */
.ticker {
  overflow-x: hidden;
  position: relative; }
  /* line 5, ../sass/_ogx-animation.scss */
  .ticker span {
    -moz-animation: ticker 8s linear infinite;
    -webkit-animation: ticker 8s linear infinite;
    animation: ticker 8s linear infinite;
    display: block;
    position: absolute; }

@-moz-keyframes ticker {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-100%); } }
@-webkit-keyframes ticker {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-100%); } }
@keyframes ticker {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }
/* line 3, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list #hero {
  background-image: url("../images/collections/headers/mobile/collections.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (min-width: 600px) {
    /* line 3, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list #hero {
      background-image: url("../images/collections/headers/collections.jpg"); } }
/* line 15, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list #inner-page-header h1 {
  font-weight: 400;
  text-transform: none; }
/* line 21, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list #site-footer {
  margin-top: 8rem; }
/* line 87, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list .collection-list-container {
  margin: 0 auto 0 auto;
  max-width: 1440px; }
  /* line 89, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hero {
    background-image: url("../images/collections/headers/mobile/collections.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (min-width: 600px) {
      /* line 89, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hero {
        background-image: url("../images/collections/headers/collections.jpg"); } }
  /* line 101, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #inner-page-header h1 {
    font-weight: 400;
    text-transform: none; }
  /* line 107, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #site-footer {
    margin-top: 8rem; }
  /* line 173, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list .collection-list-container {
    margin: 0 auto 0 auto;
    max-width: 1440px; }
    @media (min-width: 900px) {
      /* line 173, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list .collection-list-container {
        margin-top: 4rem;
        padding-top: 0; } }
  /* line 183, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 0.5rem 0 0.5rem; }
    /* line 189, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list .collection-wrap {
      display: flex;
      flex-direction: column;
      width: 163px; }
      @media (min-width: 900px) {
        /* line 189, ../sass/_ogx-collection-list.scss */
        body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list .collection-wrap {
          width: 290px; } }
      /* line 199, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list .collection-wrap .collection {
        margin: 2rem 0.5rem 0rem 0.5rem; }
    /* line 205, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list a {
      text-align: center;
      text-decoration: none; }
    /* line 210, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list span {
      color: #000000;
      font-family: "Avenir Next";
      font-style: normal;
      font-weight: 600;
      text-decoration: none;
      font-size: 16px; }
      @media (min-width: 900px) {
        /* line 210, ../sass/_ogx-collection-list.scss */
        body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list span {
          background: none;
          min-height: 0;
          text-align: center;
          padding: 0; } }
    /* line 228, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list .collection-img {
      display: block;
      height: 226px;
      margin: 2rem 0.5rem 4rem 0.5rem;
      width: 163px;
      position: relative;
      text-decoration: none;
      object-fit: cover; }
      @media (min-width: 900px) {
        /* line 228, ../sass/_ogx-collection-list.scss */
        body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list .collection-img {
          height: 340px;
          margin: 2rem 0.5rem 5rem 0.5rem;
          width: 270px; } }
    /* line 246, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list .collection-image {
      background-color: #FFFFFF; }
      /* line 249, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list .collection-image img {
        margin: 0 auto 0 auto;
        width: 100%; }
      @media (min-width: 900px) {
        /* line 246, ../sass/_ogx-collection-list.scss */
        body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #collection-list .collection-image {
          padding: 1rem; } }
  /* line 260, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hair-quiz, body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula {
    background-size: cover;
    margin-top: 4rem; }
    /* line 264, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hair-quiz h3, body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hair-quiz p, body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula h3, body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula p {
      font-weight: 600; }
    /* line 268, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hair-quiz h3, body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula h3 {
      font-size: 21px;
      line-height: 31px;
      margin: 0; }
    /* line 274, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hair-quiz p, body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula p {
      font-size: 16px;
      line-height: 24px;
      margin-top: 1rem; }
  /* line 281, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hair-quiz {
    background-image: url("../images/collections/backgrounds/mobile/collections-hair-quiz.jpg");
    min-height: 430px;
    position: relative; }
    /* line 286, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hair-quiz .inner-content {
      position: absolute;
      bottom: 40px;
      left: 20px;
      max-width: 190px; }
      /* line 292, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #hair-quiz .inner-content .cta-button {
        border-width: 3px;
        margin: 1rem 0 0 0;
        padding: 2rem 1rem 1rem 1rem;
        width: 195px; }
  /* line 301, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula {
    background-image: url("../images/collections/backgrounds/mobile/collections-formula.jpg"); }
    /* line 304, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula .inner-content {
      margin: 0 2rem 0 2rem;
      padding: 6rem 0 6rem 0; }
      /* line 308, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula .inner-content a:link, body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list #formula .inner-content a:visited {
        color: #000000;
        border-width: 3px;
        font-family: "Avenir Next Bold";
        text-transform: uppercase;
        width: 195px; }
  /* line 318, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list .featured-collection {
    margin-top: 4rem; }
    /* line 321, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list .featured-collection .inner-content {
      background-size: cover;
      margin: 0 2rem 0 2rem;
      height: 433px;
      position: relative; }
    /* line 328, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list .featured-collection .text-content {
      bottom: 14px;
      position: absolute;
      text-align: center;
      width: 100%; }
    /* line 335, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list .featured-collection h3 {
      font-size: 16px;
      line-height: 24px;
      margin: 0 auto 0 auto;
      max-width: 120px;
      text-align: center; }
    /* line 343, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container body.page-template-page_collection-list .featured-collection p {
      font-size: 11px;
      line-height: 13px;
      margin-top: 1rem; }
  /* line 351, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container #collection-list-header {
    height: 360px;
    margin-top: 10rem;
    position: relative; }
  /* line 357, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .collection-list-container #collection-list-header-content {
    color: #FFFFFF;
    max-width: 580px;
    padding: 8rem;
    position: absolute;
    right: 50px;
    text-align: center; }
    /* line 365, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container #collection-list-header-content h1 {
      margin: 0; }
    /* line 369, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container #collection-list-header-content .collection-content {
      font-family: "Avenir Next";
      font-size: 18px;
      font-weight: 400;
      line-height: 28px;
      margin-top: 2rem; }
  @media (min-width: 900px) {
    /* line 87, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list .collection-list-container {
      margin-top: 4rem;
      padding-top: 0; } }
/* line 386, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list #collection-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 0.5rem 0 0.5rem; }
  /* line 392, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #collection-list .collection-wrap {
    text-align: center;
    width: 50%;
    margin-bottom: 3rem; }
    @media (min-width: 900px) {
      /* line 392, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list #collection-list .collection-wrap {
        width: 25%;
        margin-bottom: 3rem; } }
    @media screen and (max-width: 1300px) {
      /* line 392, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list #collection-list .collection-wrap {
        margin: 0 1em; } }
    @media screen and (max-width: 1015px) {
      /* line 392, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list #collection-list .collection-wrap {
        width: 50%; } }
    @media screen and (max-width: 900px) {
      /* line 392, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list #collection-list .collection-wrap {
        width: 100%;
        margin: 0 10vw; } }
  /* line 416, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #collection-list .collection-wrap:first-child a.collection .collection-img {
    position: absolute;
    /*top: -30%;*/ }
    @media screen and (max-width: 900px) {
      /* line 416, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list #collection-list .collection-wrap:first-child a.collection .collection-img {
        position: relative; } }
  /* line 425, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #collection-list a {
    color: #000000;
    text-decoration: none;
    text-align: center; }
  /* line 431, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #collection-list a.collection {
    background-color: #f0f0f0;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 226px;
    margin: 2rem auto 4rem auto;
    width: 163px;
    position: relative;
    overflow: hidden;
    text-decoration: none; }
    /* line 444, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list #collection-list a.collection span {
      background-color: #FFFFFF;
      bottom: -40px;
      color: #000000;
      display: block;
      font-family: "Avenir Next";
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      min-height: 60px;
      padding-top: 10px;
      position: absolute;
      text-align: left;
      width: 100%; }
      @media (min-width: 900px) {
        /* line 444, ../sass/_ogx-collection-list.scss */
        body.page-template-page_collection-list #collection-list a.collection span {
          background: none;
          min-height: 0;
          text-align: center;
          padding: 0; } }
    @media (min-width: 900px) {
      /* line 431, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list #collection-list a.collection {
        height: 203px;
        margin: 2rem auto 8rem auto;
        width: 313px;
        text-align: center; } }
    @media screen and (max-width: 900px) {
      /* line 431, ../sass/_ogx-collection-list.scss */
      body.page-template-page_collection-list #collection-list a.collection {
        height: auto;
        width: fit-content; } }
/* line 490, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list #hair-quiz, body.page-template-page_collection-list #formula {
  background-size: cover;
  margin-top: 4rem; }
  /* line 494, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #hair-quiz h3, body.page-template-page_collection-list #hair-quiz p, body.page-template-page_collection-list #formula h3, body.page-template-page_collection-list #formula p {
    font-weight: 600; }
  /* line 498, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #hair-quiz h3, body.page-template-page_collection-list #formula h3 {
    font-size: 21px;
    line-height: 31px;
    margin: 0; }
  /* line 504, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #hair-quiz p, body.page-template-page_collection-list #formula p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 1rem; }
/* line 511, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list #hair-quiz {
  background-image: url("../images/collections/backgrounds/mobile/collections-hair-quiz.jpg");
  min-height: 430px;
  position: relative; }
  /* line 516, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #hair-quiz .inner-content {
    position: absolute;
    bottom: 40px;
    left: 20px;
    max-width: 190px; }
    /* line 522, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list #hair-quiz .inner-content .cta-button {
      border-width: 3px;
      margin: 1rem 0 0 0;
      padding: 2rem 1rem 1rem 1rem;
      width: 195px; }
/* line 531, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list #formula {
  background-image: url("../images/collections/backgrounds/mobile/collections-formula.jpg"); }
  /* line 534, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list #formula .inner-content {
    margin: 0 2rem 0 2rem;
    padding: 6rem 0 6rem 0; }
    /* line 538, ../sass/_ogx-collection-list.scss */
    body.page-template-page_collection-list #formula .inner-content a:link, body.page-template-page_collection-list #formula .inner-content a:visited {
      color: #000000;
      border-width: 3px;
      font-family: "Avenir Next Bold";
      text-transform: uppercase;
      width: 195px; }
/* line 548, ../sass/_ogx-collection-list.scss */
body.page-template-page_collection-list .featured-collection {
  margin-top: 4rem; }
  /* line 551, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .featured-collection .inner-content {
    background-size: cover;
    margin: 0 2rem 0 2rem;
    height: 433px;
    position: relative; }
  /* line 558, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .featured-collection .text-content {
    bottom: 14px;
    position: absolute;
    text-align: center;
    width: 100%; }
  /* line 565, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .featured-collection h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 0 auto;
    max-width: 120px;
    text-align: center; }
  /* line 573, ../sass/_ogx-collection-list.scss */
  body.page-template-page_collection-list .featured-collection p {
    font-size: 11px;
    line-height: 13px;
    margin-top: 1rem; }

/* line 581, ../sass/_ogx-collection-list.scss */
#collection-list-header {
  height: 360px;
  margin-top: 10rem;
  position: relative; }

/* line 587, ../sass/_ogx-collection-list.scss */
#collection-list-header-content {
  color: #FFFFFF;
  max-width: 580px;
  padding: 8rem;
  position: absolute;
  right: 50px;
  text-align: center; }
  /* line 595, ../sass/_ogx-collection-list.scss */
  #collection-list-header-content h1 {
    margin: 0; }
  /* line 599, ../sass/_ogx-collection-list.scss */
  #collection-list-header-content .collection-content {
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 2rem; }

/* line 3, ../sass/_ogx-collection.scss */
body.single-ogx_collection #hero {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover; }
/* line 11, ../sass/_ogx-collection.scss */
body.single-ogx_collection #inner-page-header h1, body.single-ogx_collection #inner-page-header p.description {
  text-transform: none;
  max-width: 500px; }
/* line 16, ../sass/_ogx-collection.scss */
body.single-ogx_collection #inner-page-header p.description {
  color: #FFFFFF;
  display: none;
  font-family: "Avenir Next";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  margin-left: 2rem; }
  @media (min-width: 900px) {
    /* line 16, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #inner-page-header p.description {
      display: block; } }
/* line 34, ../sass/_ogx-collection.scss */
body.single-ogx_collection .inner-page-content p {
  margin: 0 2rem 0 2rem;
  padding-top: 2rem; }
/* line 40, ../sass/_ogx-collection.scss */
body.single-ogx_collection #product-list-container {
  padding-top: 6rem; }
/* line 44, ../sass/_ogx-collection.scss */
body.single-ogx_collection #product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }
  /* line 49, ../sass/_ogx-collection.scss */
  body.single-ogx_collection #product-list h3 {
    margin: 2rem 0 3rem 0; }
    /* line 52, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list h3 a {
      color: #000000;
      text-decoration: none; }
  /* line 58, ../sass/_ogx-collection.scss */
  body.single-ogx_collection #product-list .cta-button {
    max-width: none; }
  /* line 62, ../sass/_ogx-collection.scss */
  body.single-ogx_collection #product-list .product-details {
    margin-bottom: 4rem;
    text-align: left;
    position: relative;
    width: 300px; }
    /* line 68, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list .product-details .product-image {
      background-color: #FFFFFF;
      height: 400px;
      position: relative; }
      /* line 73, ../sass/_ogx-collection.scss */
      body.single-ogx_collection #product-list .product-details .product-image img {
        margin: 0 auto 0 auto;
        width: 100%; }
      /* line 78, ../sass/_ogx-collection.scss */
      body.single-ogx_collection #product-list .product-details .product-image a.hover-image {
        background-size: contain;
        display: block; }
    /* line 84, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list .product-details a.product-favorite {
      background-image: url("../images/icons/favorite-off.png");
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      height: 25px;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 25px;
      z-index: 0; }
    /* line 97, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list .product-details a.product-favorite.favorite-on {
      background-image: url("../images/icons/favorite-on.png"); }
    /* line 101, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list .product-details .reviews {
      margin: 1rem 0 0 0; }
      /* line 104, ../sass/_ogx-collection.scss */
      body.single-ogx_collection #product-list .product-details .reviews .review-stars {
        margin: 0 auto 0 auto;
        vertical-align: middle; }
        /* line 108, ../sass/_ogx-collection.scss */
        body.single-ogx_collection #product-list .product-details .reviews .review-stars img.stars {
          display: inline-block;
          width: 100px; }
        /* line 113, ../sass/_ogx-collection.scss */
        body.single-ogx_collection #product-list .product-details .reviews .review-stars span {
          color: #FFFFFF;
          font-family: "Avenir Next";
          font-size: 11px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          vertical-align: middle; }
      @media (min-width: 900px) {
        /* line 101, ../sass/_ogx-collection.scss */
        body.single-ogx_collection #product-list .product-details .reviews {
          margin: -25px 0 0 10px;
          z-index: 10; } }
    /* line 130, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list .product-details h3 {
      font-size: 16px;
      line-height: 20px;
      margin: 2rem 0 1rem 0 !important;
      min-height: 50px; }
    /* line 137, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list .product-details p, body.single-ogx_collection #product-list .product-details div.product-price {
      font-family: "Avenir Next";
      line-height: 20px; }
    /* line 142, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list .product-details p {
      font-size: 11px; }
      @media (min-width: 600px) {
        /* line 142, ../sass/_ogx-collection.scss */
        body.single-ogx_collection #product-list .product-details p {
          min-height: 70px; } }
      @media (min-width: 900px) {
        /* line 142, ../sass/_ogx-collection.scss */
        body.single-ogx_collection #product-list .product-details p {
          min-height: 40px; } }
      @media (min-width: 1200px) {
        /* line 142, ../sass/_ogx-collection.scss */
        body.single-ogx_collection #product-list .product-details p {
          min-height: 80px; } }
    /* line 158, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list .product-details div.product-price {
      font-size: 16px; }
    @media (min-width: 600px) {
      /* line 62, ../sass/_ogx-collection.scss */
      body.single-ogx_collection #product-list .product-details {
        margin: 0 2rem 4rem 2rem;
        width: 330px; } }
    @media (min-width: 900px) {
      /* line 62, ../sass/_ogx-collection.scss */
      body.single-ogx_collection #product-list .product-details {
        padding-bottom: 2rem; } }
  @media (min-width: 600px) {
    /* line 44, ../sass/_ogx-collection.scss */
    body.single-ogx_collection #product-list {
      padding-bottom: 8rem; } }
/* line 177, ../sass/_ogx-collection.scss */
body.single-ogx_collection .product-count {
  font-family: "Avenir Next";
  font-size: 16px;
  line-height: 24px;
  margin: 2rem 2rem 0 2rem;
  text-align: right; }
/* line 185, ../sass/_ogx-collection.scss */
body.single-ogx_collection .content-module.collection-benefits {
  background-image: url("../images/collections/headers/mobile/collection-products-header.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 2rem;
  padding: 180px 0 0 0; }
  /* line 192, ../sass/_ogx-collection.scss */
  body.single-ogx_collection .content-module.collection-benefits .content-module-inner {
    background-image: url("../images/collections/backgrounds/mobile/collection-formula.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 0 auto;
    max-width: 335px;
    padding: 3rem 0 2rem 0; }
    /* line 200, ../sass/_ogx-collection.scss */
    body.single-ogx_collection .content-module.collection-benefits .content-module-inner h3 {
      font-family: "Avenir Next";
      color: #FFFFFF;
      font-size: 21px;
      line-height: 31px;
      margin: 0 2rem 0 2rem;
      text-align: left; }
    /* line 209, ../sass/_ogx-collection.scss */
    body.single-ogx_collection .content-module.collection-benefits .content-module-inner ul {
      margin: 0 2rem 0 2rem;
      padding-top: 2rem; }
      /* line 213, ../sass/_ogx-collection.scss */
      body.single-ogx_collection .content-module.collection-benefits .content-module-inner ul li {
        color: #FFFFFF;
        background-image: url("../images/icons/open-circle-check.png");
        background-repeat: no-repeat;
        background-size: 24px;
        font-family: "Avenir Next Bold";
        font-size: 15px;
        margin: 0;
        min-height: 24px;
        padding: 0 0 2rem 40px;
        text-align: left;
        text-transform: uppercase;
        vertical-align: baseline; }
/* line 273, ../sass/_ogx-collection.scss */
body.single-ogx_collection .ps-widget-container {
  margin-top: 2rem;
  width: 100%; }
/* line 278, ../sass/_ogx-collection.scss */
body.single-ogx_collection .ps-widget {
  background-color: #FEE123 !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
  cursor: pointer !important;
  font-family: "Alternate Gothic No2 D" !important;
  font-size: 21px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  padding: 1rem 0.5rem 0.5rem 0.5rem !important;
  text-transform: uppercase !important;
  width: 100% !important; }
  /* line 293, ../sass/_ogx-collection.scss */
  body.single-ogx_collection .ps-widget small {
    color: #000000 !important;
    font-family: "Alternate Gothic No2 D" !important;
    font-size: 21px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important; }

/* line 1, ../sass/_ogx-contact.scss */
.content-about-us {
  margin: 6rem auto 0 auto;
  max-width: 1600px;
  padding: 4rem; }
  /* line 6, ../sass/_ogx-contact.scss */
  .content-about-us .contact-block-set {
    padding-top: 6rem; }
    @media (min-width: 900px) {
      /* line 6, ../sass/_ogx-contact.scss */
      .content-about-us .contact-block-set {
        display: flex; } }
  /* line 15, ../sass/_ogx-contact.scss */
  .content-about-us .contact-block-set-first .content-text {
    min-height: 120px; }
    @media (min-width: 900px) {
      /* line 15, ../sass/_ogx-contact.scss */
      .content-about-us .contact-block-set-first .content-text {
        min-height: 100px; } }
  @media (min-width: 900px) {
    /* line 25, ../sass/_ogx-contact.scss */
    .content-about-us .contact-block-set-second h2 {
      min-height: 80px; } }
  @media (min-width: 900px) {
    /* line 31, ../sass/_ogx-contact.scss */
    .content-about-us .contact-block-set-second .content-text {
      min-height: 230px; } }
  @media (min-width: 1200px) {
    /* line 31, ../sass/_ogx-contact.scss */
    .content-about-us .contact-block-set-second .content-text {
      min-height: 180px; } }
  /* line 42, ../sass/_ogx-contact.scss */
  .content-about-us .contact-block-set-second .cta-button-wrapper {
    margin-top: 4rem !important; }
    @media (min-width: 900px) {
      /* line 42, ../sass/_ogx-contact.scss */
      .content-about-us .contact-block-set-second .cta-button-wrapper {
        margin-top: 0; } }
  /* line 51, ../sass/_ogx-contact.scss */
  .content-about-us .contact-block {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    flex: 1;
    margin: 2rem 2rem 0 2rem;
    padding-bottom: 3rem; }
    /* line 58, ../sass/_ogx-contact.scss */
    .content-about-us .contact-block h2, .content-about-us .contact-block .content-text {
      color: #000000;
      padding: 0 3rem 0 3rem; }
    /* line 63, ../sass/_ogx-contact.scss */
    .content-about-us .contact-block .content-text {
      color: #000000;
      font-size: 18px;
      line-height: 26px; }
    @media (min-width: 900px) {
      /* line 51, ../sass/_ogx-contact.scss */
      .content-about-us .contact-block {
        margin-top: 0; } }
  /* line 76, ../sass/_ogx-contact.scss */
  .content-about-us .contact-block-call-email .cta-button-wrapper {
    margin: 2rem 1.75rem 2rem 1.75rem; }
    /* line 79, ../sass/_ogx-contact.scss */
    .content-about-us .contact-block-call-email .cta-button-wrapper .cta-button {
      flex: 1;
      margin: 1rem auto 0 auto; }
      @media (min-width: 900px) {
        /* line 79, ../sass/_ogx-contact.scss */
        .content-about-us .contact-block-call-email .cta-button-wrapper .cta-button {
          margin: 0 1rem 0 1rem; } }
    @media (min-width: 900px) {
      /* line 76, ../sass/_ogx-contact.scss */
      .content-about-us .contact-block-call-email .cta-button-wrapper {
        display: flex;
        margin-top: 0; } }
  /* line 95, ../sass/_ogx-contact.scss */
  .content-about-us .cta-button {
    margin-top: 0; }
  /* line 100, ../sass/_ogx-contact.scss */
  .content-about-us .contact-faq-header {
    margin: 6rem 2rem 0 2rem;
    padding: 3rem 0 3rem 2rem; }
    /* line 105, ../sass/_ogx-contact.scss */
    .content-about-us .contact-faq-header h2 {
      color: #FFFFFF;
      margin: 0; }
  /* line 111, ../sass/_ogx-contact.scss */
  .content-about-us .faq-items {
    margin: 4rem 2rem 0 2rem !important; }
    /* line 114, ../sass/_ogx-contact.scss */
    .content-about-us .faq-items li {
      margin-bottom: 6rem; }
      /* line 117, ../sass/_ogx-contact.scss */
      .content-about-us .faq-items li h4 {
        padding-right: 2rem; }
        /* line 120, ../sass/_ogx-contact.scss */
        .content-about-us .faq-items li h4 a {
          display: block;
          background-image: url("../images/icons/plus.png");
          background-position: center right;
          background-repeat: no-repeat;
          background-size: 20px 20px;
          padding-right: 4rem;
          width: 100%; }
        /* line 130, ../sass/_ogx-contact.scss */
        .content-about-us .faq-items li h4 a.active {
          background-image: url("../images/icons/minus.png"); }
      /* line 135, ../sass/_ogx-contact.scss */
      .content-about-us .faq-items li span {
        display: none;
        font-family: "Avenir Next";
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
        line-height: 28px; }
      /* line 144, ../sass/_ogx-contact.scss */
      .content-about-us .faq-items li ul {
        list-style: none;
        margin: 0;
        padding: 0 0 0 3rem; }
        /* line 149, ../sass/_ogx-contact.scss */
        .content-about-us .faq-items li ul li {
          margin: 0;
          padding: 0; }
        /* line 154, ../sass/_ogx-contact.scss */
        .content-about-us .faq-items li ul li::before {
          content: "\2022";
          color: #000000;
          font-weight: bold;
          display: inline-block;
          width: 1em;
          margin-left: -1em; }
    @media (min-width: 900px) {
      /* line 111, ../sass/_ogx-contact.scss */
      .content-about-us .faq-items {
        margin: 0 16rem 0 340px; } }
  @media (min-width: 900px) {
    /* line 1, ../sass/_ogx-contact.scss */
    .content-about-us {
      flex-direction: row;
      margin-top: 10rem; } }

/* line 3, ../sass/_ogx-email-rewards.scss */
body.page-template-page_email-rewards #page-header {
  background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/about-mobile-hero-2.png");
  background-position: right; }
  @media (min-width: 900px) {
    /* line 3, ../sass/_ogx-email-rewards.scss */
    body.page-template-page_email-rewards #page-header {
      background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/about-hero-2.png");
      min-height: 651px; } }
/* line 15, ../sass/_ogx-email-rewards.scss */
body.page-template-page_email-rewards #inner-page-header h1 {
  text-transform: uppercase; }
  @media (min-width: 900px) {
    /* line 15, ../sass/_ogx-email-rewards.scss */
    body.page-template-page_email-rewards #inner-page-header h1 {
      font-size: 100px; } }
@media (min-width: 900px) {
  /* line 13, ../sass/_ogx-email-rewards.scss */
  body.page-template-page_email-rewards #inner-page-header {
    padding-top: 500px; } }
/* line 29, ../sass/_ogx-email-rewards.scss */
body.page-template-page_email-rewards #site-content.content-email-rewards {
  position: relative; }
  /* line 32, ../sass/_ogx-email-rewards.scss */
  body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner {
    background: #FFFFFF;
    background-position: top center;
    background-size: cover;
    padding: 60px 30px; }
    /* line 38, ../sass/_ogx-email-rewards.scss */
    body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper {
      background-color: rgba(0, 0, 0, 0);
      padding: 50px 20px 30px;
      width: 100%;
      max-width: 1340px;
      margin: 0 auto; }
      /* line 45, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper h6 {
        margin: 0;
        color: #000000;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.3; }
        @media (min-width: 900px) {
          /* line 45, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper h6 {
            font-size: 20px; } }
      /* line 57, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper a {
        color: #000000; }
        /* line 60, ../sass/_ogx-email-rewards.scss */
        body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper a.cta-button-light {
          border: 3px solid #000000;
          color: #000000;
          font-family: "Alternate Gothic No2 D";
          font-size: 21px;
          font-weight: 600;
          letter-spacing: 2px;
          line-height: 21px;
          margin: 2.05rem auto 0 auto;
          max-width: 260px;
          padding: 2.5rem 2.5rem 1.5rem 2.5rem;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          z-index: 10;
          background-color: #FFA3CA !important;
          box-shadow: #FFA3CA -8px 7px, #000000 -8px 7px 0px 2px; }
      /* line 80, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form {
        font-family: "Avenir Next";
        font-size: 16px;
        line-height: 24px; }
        /* line 85, ../sass/_ogx-email-rewards.scss */
        body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields {
          border: 0px;
          padding: 30px 0 0; }
          /* line 91, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper > * {
            width: 100%;
            margin-bottom: 14px;
            background-color: #FFFFFF;
            border-color: #000000;
            border-style: solid;
            border-width: 0 0 2px 0;
            box-sizing: border-box;
            display: block; }
          /* line 102, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper * {
            color: #000000;
            font-family: "Avenir Next";
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            letter-spacing: 0.1em;
            line-height: 20px;
            text-align: left;
            text-decoration: none; }
          /* line 114, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper select {
            margin: 0;
            width: 100%;
            border: 0; }
          /* line 120, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper input {
            padding: 1rem .5rem;
            border: 0; }
            /* line 124, ../sass/_ogx-email-rewards.scss */
            body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper input::placeholder {
              color: #000000;
              opacity: 1; }
            /* line 129, ../sass/_ogx-email-rewards.scss */
            body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper input::-ms-input-placeholder {
              color: #000000; }
            /* line 133, ../sass/_ogx-email-rewards.scss */
            body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper input::-webkit-input-placeholder {
              color: #000000; }
          @media (min-width: 900px) {
            /* line 89, ../sass/_ogx-email-rewards.scss */
            body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              /* line 143, ../sass/_ogx-email-rewards.scss */
              body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper > * {
                width: 30%;
                margin-bottom: 0; } }
          /* line 150, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .care-club-privacy {
            font-size: 12px;
            text-align: center;
            margin: 10px auto;
            line-height: 1.3; }
      /* line 159, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .form-submission-error, body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .form-submission-success, body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-profile-button {
        color: #000000;
        text-align: center;
        display: none; }
      @media (min-width: 900px) {
        /* line 38, ../sass/_ogx-email-rewards.scss */
        body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper {
          width: 75%;
          margin: 60px auto;
          padding-top: 20px; } }
    @media (min-width: 900px) {
      /* line 32, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner {
        padding: 40px 60px;
        min-height: 75vh;
        display: flex;
        align-items: center; } }
    @media (min-width: 1400px) {
      /* line 32, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner {
        width: 100%; } }
/* line 185, ../sass/_ogx-email-rewards.scss */
body.page-template-page_email-rewards #site-footer {
  margin-top: 0; }

/* line 3, ../sass/_ogx-faq.scss */
.content-faq #faq-container {
  margin: 4rem auto 18rem auto;
  padding: 0 2rem 0 2rem; }
  /* line 7, ../sass/_ogx-faq.scss */
  .content-faq #faq-container h2 {
    color: #000000;
    font-family: "Avenir Next";
    font-size: 24px;
    margin: 2rem 0 0 0; }
  @media (min-width: 900px) {
    /* line 3, ../sass/_ogx-faq.scss */
    .content-faq #faq-container {
      max-width: 1440px; } }
/* line 20, ../sass/_ogx-faq.scss */
.content-faq #faq-menu li {
  margin: 0 0 2rem 0; }
  /* line 23, ../sass/_ogx-faq.scss */
  .content-faq #faq-menu li a {
    color: #000000;
    text-decoration: none;
    position: relative; }
@media (min-width: 900px) {
  /* line 19, ../sass/_ogx-faq.scss */
  .content-faq #faq-menu {
    float: left;
    max-width: 300px; } }
/* line 36, ../sass/_ogx-faq.scss */
.content-faq .faq-items {
  margin-top: 1rem; }
  /* line 39, ../sass/_ogx-faq.scss */
  .content-faq .faq-items li {
    border-bottom: 2px solid #827AC2;
    margin-left: 0; }
    /* line 43, ../sass/_ogx-faq.scss */
    .content-faq .faq-items li h4 {
      padding-right: 2rem; }
      /* line 46, ../sass/_ogx-faq.scss */
      .content-faq .faq-items li h4 a {
        display: block;
        background-image: url("../images/icons/plus.png");
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        font-family: "Avenir Next Bold";
        font-size: 16px;
        font-style: normal;
        line-height: 20px;
        padding-right: 4rem;
        width: 100%; }
      /* line 60, ../sass/_ogx-faq.scss */
      .content-faq .faq-items li h4 a.active {
        background-image: url("../images/icons/minus.png"); }
    /* line 65, ../sass/_ogx-faq.scss */
    .content-faq .faq-items li span.faq-answer {
      display: none;
      font-family: "Avenir Next";
      line-height: 24px;
      font-style: normal;
      font-weight: normal;
      font-size: 16px; }
    /* line 74, ../sass/_ogx-faq.scss */
    .content-faq .faq-items li ul {
      list-style: none;
      margin: 0;
      padding: 0 0 0 3rem; }
      /* line 79, ../sass/_ogx-faq.scss */
      .content-faq .faq-items li ul li {
        margin: 0;
        padding: 0; }
      /* line 84, ../sass/_ogx-faq.scss */
      .content-faq .faq-items li ul li::before {
        content: "\2022";
        color: #000000;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em; }
  @media (min-width: 900px) {
    /* line 36, ../sass/_ogx-faq.scss */
    .content-faq .faq-items {
      margin: 0 16rem 0 340px; } }
/* line 100, ../sass/_ogx-faq.scss */
.content-faq .faq-items.active {
  display: block; }
/* line 104, ../sass/_ogx-faq.scss */
.content-faq #contact {
  border-bottom: 2px solid #827AC2;
  margin: 0 0 3rem 0; }
  /* line 108, ../sass/_ogx-faq.scss */
  .content-faq #contact h4 {
    font-family: "Avenir Next Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    margin: 2rem 0 2rem 0; }

/* line 121, ../sass/_ogx-faq.scss */
body.page-template-page_dmdm #inner-page-header,
body.page-template-page_dmdm_spa #inner-page-header {
  padding-top: 6rem; }
  /* line 124, ../sass/_ogx-faq.scss */
  body.page-template-page_dmdm #inner-page-header h1,
  body.page-template-page_dmdm_spa #inner-page-header h1 {
    font-size: 36px;
    line-height: 38px; }
    @media (min-width: 900px) {
      /* line 124, ../sass/_ogx-faq.scss */
      body.page-template-page_dmdm #inner-page-header h1,
      body.page-template-page_dmdm_spa #inner-page-header h1 {
        font-size: 40px;
        line-height: 55px; } }
  @media (min-width: 900px) {
    /* line 121, ../sass/_ogx-faq.scss */
    body.page-template-page_dmdm #inner-page-header,
    body.page-template-page_dmdm_spa #inner-page-header {
      padding-top: 16rem; } }
/* line 139, ../sass/_ogx-faq.scss */
body.page-template-page_dmdm #faq-container,
body.page-template-page_dmdm_spa #faq-container {
  margin: 4rem auto 18rem auto;
  padding: 0 2rem 0 2rem; }
  /* line 143, ../sass/_ogx-faq.scss */
  body.page-template-page_dmdm #faq-container hr,
  body.page-template-page_dmdm_spa #faq-container hr {
    border-top: 1px solid #000000;
    margin: 4rem 0 4rem 0; }
  /* line 148, ../sass/_ogx-faq.scss */
  body.page-template-page_dmdm #faq-container h3,
  body.page-template-page_dmdm_spa #faq-container h3 {
    color: #000000;
    font-family: "Avenir Next Bold";
    font-size: 16px;
    line-height: 2rem;
    margin: 2rem 0 0 0; }
  /* line 156, ../sass/_ogx-faq.scss */
  body.page-template-page_dmdm #faq-container p,
  body.page-template-page_dmdm_spa #faq-container p {
    margin: 1rem 0 0 0; }
  /* line 160, ../sass/_ogx-faq.scss */
  body.page-template-page_dmdm #faq-container a,
  body.page-template-page_dmdm_spa #faq-container a {
    color: #000000;
    text-decoration: underline; }
  @media (min-width: 900px) {
    /* line 139, ../sass/_ogx-faq.scss */
    body.page-template-page_dmdm #faq-container,
    body.page-template-page_dmdm_spa #faq-container {
      max-width: 1440px; } }
/* line 170, ../sass/_ogx-faq.scss */
body.page-template-page_dmdm .faq-content-intro,
body.page-template-page_dmdm_spa .faq-content-intro {
  background-color: #f8f8f8;
  margin: 0;
  padding: 3rem 2rem 3rem 2rem;
  text-align: center; }
  /* line 176, ../sass/_ogx-faq.scss */
  body.page-template-page_dmdm .faq-content-intro p,
  body.page-template-page_dmdm_spa .faq-content-intro p {
    font-family: "Avenir Next Bold";
    font-size: 20px;
    line-height: 2.5rem;
    margin: 0 auto 0 auto; }
    @media (min-width: 900px) {
      /* line 176, ../sass/_ogx-faq.scss */
      body.page-template-page_dmdm .faq-content-intro p,
      body.page-template-page_dmdm_spa .faq-content-intro p {
        font-size: 22px;
        max-width: 1440px; } }
  @media (min-width: 900px) {
    /* line 170, ../sass/_ogx-faq.scss */
    body.page-template-page_dmdm .faq-content-intro,
    body.page-template-page_dmdm_spa .faq-content-intro {
      padding: 6rem 4rem 6rem 4rem; } }

@keyframes faqmenuindicator {
  0% {
    opacity: 0%; }
  100% {
    opacity: 100%; } }
/* line 2, ../sass/_ogx-form.scss */
.form-field-set label {
  color: #000000;
  font-family: "Avenir Next";
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 17px;
  text-transform: uppercase; }

/* line 14, ../sass/_ogx-form.scss */
input.form-text-field, textarea.form-textarea-field {
  border-color: #000000 !important;
  border-width: 0 0 2px 0; }

/* line 19, ../sass/_ogx-form.scss */
.sfmc-text-error {
  border: 1px solid #cd2653 !important; }

/* line 23, ../sass/_ogx-form.scss */
a.form-button {
  border: 1px solid;
  border-color: #000000;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000;
  display: block;
  font-family: "Avenir Next";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 20px;
  margin: 2rem auto 0 auto;
  max-width: 330px;
  padding: 2rem 0 2rem 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }

/* line 44, ../sass/_ogx-form.scss */
select {
  background-color: #FFFFFF;
  border-color: #000000;
  border-style: solid;
  border-width: 0 0 2px 0;
  box-sizing: border-box;
  color: #000000;
  display: block;
  font-family: "Avenir Next";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 20px;
  margin: 2rem auto 0 auto;
  padding: 1rem 0 1rem 0;
  text-align: left;
  text-decoration: none; }

/* line 1, ../sass/_ogx-footer.scss */
#site-footer {
  background: linear-gradient(to bottom, #FDA597 10%, rgba(0, 0, 0, 0) 50%), linear-gradient(to right, #F97E49 60%, #FBC118);
  border-color: #FFFFFF !important;
  border-top: 2px solid;
  padding: 4rem 0 20rem 0;
  position: relative;
  z-index: 0; }
  /* line 10, ../sass/_ogx-footer.scss */
  #site-footer h3, #site-footer .navigation-select, #site-footer ul.social, #site-footer .links, #site-footer .copyright {
    margin: 0 2rem 0 2rem; }
  /* line 14, ../sass/_ogx-footer.scss */
  #site-footer h3 {
    color: #FFFFFF;
    width: 65%; }
    @media (min-width: 900px) {
      /* line 14, ../sass/_ogx-footer.scss */
      #site-footer h3 {
        font-family: "Avenir Next";
        font-style: normal;
        font-weight: 500;
        font-size: 30px;
        line-height: 40px;
        max-width: 430px;
        width: 100%; } }
  /* line 31, ../sass/_ogx-footer.scss */
  #site-footer .footer-content h3 {
    float: left; }
  /* line 35, ../sass/_ogx-footer.scss */
  #site-footer .footer-content .link-block {
    float: right;
    margin-right: 10rem; }
    /* line 39, ../sass/_ogx-footer.scss */
    #site-footer .footer-content .link-block h5 {
      font-family: "Avenir Next";
      font-style: normal;
      font-weight: bold;
      font-size: 11px;
      line-height: 13px;
      margin: 0;
      text-transform: uppercase; }
    /* line 49, ../sass/_ogx-footer.scss */
    #site-footer .footer-content .link-block ul {
      margin: 1rem 0 0 0; }
    /* line 53, ../sass/_ogx-footer.scss */
    #site-footer .footer-content .link-block li {
      margin: 0 0 .8rem 0; }
      /* line 56, ../sass/_ogx-footer.scss */
      #site-footer .footer-content .link-block li a {
        font-family: "Avenir Next";
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px; }
      /* line 64, ../sass/_ogx-footer.scss */
      #site-footer .footer-content .link-block li a:link, #site-footer .footer-content .link-block li a:hover, #site-footer .footer-content .link-block li a:visited {
        color: #000000;
        text-decoration: none; }
    /* line 70, ../sass/_ogx-footer.scss */
    #site-footer .footer-content .link-block img.flag-icon {
      display: inline-block;
      max-width: 20px; }
  @media (min-width: 900px) {
    /* line 29, ../sass/_ogx-footer.scss */
    #site-footer .footer-content {
      padding-top: 6rem; } }
  /* line 83, ../sass/_ogx-footer.scss */
  #site-footer .navigation-select select {
    background: none !important;
    text-transform: uppercase;
    width: 100%; }
  /* line 90, ../sass/_ogx-footer.scss */
  #site-footer ul.links, #site-footer ul.social {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media (min-width: 900px) {
      /* line 90, ../sass/_ogx-footer.scss */
      #site-footer ul.links, #site-footer ul.social {
        justify-content: flex-start;
        flex-wrap: nowrap; } }
    /* line 100, ../sass/_ogx-footer.scss */
    #site-footer ul.links li, #site-footer ul.social li {
      margin: 0;
      z-index: 50000; }
  /* line 107, ../sass/_ogx-footer.scss */
  #site-footer ul.links li {
    min-width: 50%; }
    /* line 109, ../sass/_ogx-footer.scss */
    #site-footer ul.links li:nth-of-type(2n) {
      text-align: right; }
      /* line 111, ../sass/_ogx-footer.scss */
      #site-footer ul.links li:nth-of-type(2n) a {
        margin-right: 0px; }
    /* line 115, ../sass/_ogx-footer.scss */
    #site-footer ul.links li, #site-footer ul.links li a {
      color: #000000;
      font-size: 14px;
      font-family: "Avenir Next"; }
    @media (min-width: 900px) {
      /* line 107, ../sass/_ogx-footer.scss */
      #site-footer ul.links li {
        min-width: auto; }
        /* line 122, ../sass/_ogx-footer.scss */
        #site-footer ul.links li:nth-of-type(2n) {
          text-align: left; }
          /* line 124, ../sass/_ogx-footer.scss */
          #site-footer ul.links li:nth-of-type(2n) a {
            margin-right: 2rem; }
        /* line 128, ../sass/_ogx-footer.scss */
        #site-footer ul.links li, #site-footer ul.links li a {
          color: #FFFFFF; } }
  /* line 135, ../sass/_ogx-footer.scss */
  #site-footer ul.social {
    margin-top: 2rem; }
    /* line 138, ../sass/_ogx-footer.scss */
    #site-footer ul.social a {
      background-color: none !important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      height: 60px;
      margin-right: 0;
      width: 60px; }
    /* line 149, ../sass/_ogx-footer.scss */
    #site-footer ul.social a.facebook {
      background-image: url("../images/icons/social/mobile/facebook.png"); }
    /* line 153, ../sass/_ogx-footer.scss */
    #site-footer ul.social a.instagram {
      background-image: url("../images/icons/social/mobile/instagram.png"); }
    /* line 157, ../sass/_ogx-footer.scss */
    #site-footer ul.social a.twitter {
      background-image: url("../images/icons/social/mobile/twitter.png"); }
    /* line 161, ../sass/_ogx-footer.scss */
    #site-footer ul.social a.youtube {
      background-image: url("../images/icons/social/mobile/youtube.png"); }
  @media (min-width: 900px) {
    /* line 166, ../sass/_ogx-footer.scss */
    #site-footer ul.social.desktop-only {
      display: flex !important;
      margin: -90px auto 0 auto;
      justify-content: space-between;
      width: 420px; }
      /* line 174, ../sass/_ogx-footer.scss */
      #site-footer ul.social.desktop-only a {
        height: 84px;
        width: 84px; }
      /* line 179, ../sass/_ogx-footer.scss */
      #site-footer ul.social.desktop-only a.facebook {
        background-image: url("../images/icons/social/facebook.png"); }
      /* line 183, ../sass/_ogx-footer.scss */
      #site-footer ul.social.desktop-only a.instagram {
        background-image: url("../images/icons/social/instagram.png"); }
      /* line 187, ../sass/_ogx-footer.scss */
      #site-footer ul.social.desktop-only a.twitter {
        background-image: url("../images/icons/social/twitter.png"); }
      /* line 191, ../sass/_ogx-footer.scss */
      #site-footer ul.social.desktop-only a.youtube {
        background-image: url("../images/icons/social/youtube.png"); } }
  /* line 197, ../sass/_ogx-footer.scss */
  #site-footer ul.links {
    clear: both;
    padding-top: 2rem; }
    /* line 201, ../sass/_ogx-footer.scss */
    #site-footer ul.links a {
      color: #FFFFFF;
      flex: 1;
      font-family: "Avenir Next";
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      margin-right: 2rem; }
    @media (min-width: 900px) {
      /* line 197, ../sass/_ogx-footer.scss */
      #site-footer ul.links {
        padding-top: 5rem;
        position: relative; } }
  /* line 218, ../sass/_ogx-footer.scss */
  #site-footer .copyright {
    color: #FFFFFF;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    margin-top: 2rem;
    text-align: left; }
    @media (min-width: 900px) {
      /* line 218, ../sass/_ogx-footer.scss */
      #site-footer .copyright {
        text-align: center; } }
  /* line 235, ../sass/_ogx-footer.scss */
  #site-footer ul.links li.locale {
    display: none;
    position: absolute;
    right: 0; }
    @media (min-width: 900px) {
      /* line 235, ../sass/_ogx-footer.scss */
      #site-footer ul.links li.locale {
        display: block; } }
  /* line 246, ../sass/_ogx-footer.scss */
  #site-footer select.select-locale {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url("../images/icons/locale.png");
    background-position: 5% 50%;
    background-size: 8%;
    background-repeat: no-repeat;
    border: 2px solid #000000;
    margin: 2rem 2rem 0 0;
    padding: 0.75rem 0 0.75rem 4rem; }
    @media (min-width: 900px) {
      /* line 246, ../sass/_ogx-footer.scss */
      #site-footer select.select-locale {
        margin: 0; } }
  /* line 261, ../sass/_ogx-footer.scss */
  #site-footer .footer-accordion {
    border: 0px solid #000000;
    border-bottom-width: 2px;
    margin: 0 0 2rem 0; }
    /* line 266, ../sass/_ogx-footer.scss */
    #site-footer .footer-accordion img.flag-icon {
      display: inline-block;
      max-width: 20px; }
    /* line 271, ../sass/_ogx-footer.scss */
    #site-footer .footer-accordion button.expand-accordion {
      background-color: rgba(0, 0, 0, 0) !important;
      margin: 2rem 2rem 0 0;
      padding: 1em 0em;
      width: 100%;
      text-align: left;
      color: #000000;
      text-decoration: none !important;
      outline: none !important;
      position: relative; }
      /* line 282, ../sass/_ogx-footer.scss */
      #site-footer .footer-accordion button.expand-accordion:after {
        content: "\2038";
        position: absolute;
        right: 0px;
        top: 25%;
        transform: rotate(180deg);
        line-height: 1px;
        font-size: 24px;
        height: 26px;
        transition: transform .15s ease; }
      /* line 294, ../sass/_ogx-footer.scss */
      #site-footer .footer-accordion button.expand-accordion.active:after {
        transform: rotate(0deg); }
    /* line 299, ../sass/_ogx-footer.scss */
    #site-footer .footer-accordion .panel {
      display: none; }
      /* line 302, ../sass/_ogx-footer.scss */
      #site-footer .footer-accordion .panel ul {
        padding: 0 0 2rem 1rem; }
        /* line 307, ../sass/_ogx-footer.scss */
        #site-footer .footer-accordion .panel ul li a {
          color: #000000;
          text-decoration: none; }
      /* line 314, ../sass/_ogx-footer.scss */
      #site-footer .footer-accordion .panel.active {
        display: block; }
  @media (min-width: 900px) {
    /* line 1, ../sass/_ogx-footer.scss */
    #site-footer {
      padding-bottom: 4rem; } }
  /* line 324, ../sass/_ogx-footer.scss */
  #site-footer #footer-mailing-list {
    background-color: rgba(0, 0, 0, 0);
    padding: 20px 20px 30px;
    width: 75%;
    max-width: 1340px;
    margin: 0 auto; }
    /* line 331, ../sass/_ogx-footer.scss */
    #site-footer #footer-mailing-list h6 {
      margin: 0;
      color: #000000;
      font-weight: 400;
      font-size: 15px;
      line-height: 1.3;
      text-align: center; }
      @media (min-width: 900px) {
        /* line 331, ../sass/_ogx-footer.scss */
        #site-footer #footer-mailing-list h6 {
          font-size: 20px; } }
    /* line 344, ../sass/_ogx-footer.scss */
    #site-footer #footer-mailing-list a {
      color: #000000;
      font-weight: 600;
      text-decoration: underline; }
      /* line 349, ../sass/_ogx-footer.scss */
      #site-footer #footer-mailing-list a.cta-button-light {
        border: 3px solid #000000;
        color: #000000;
        font-family: "Alternate Gothic No2 D";
        font-size: 21px;
        letter-spacing: 2px;
        line-height: 21px;
        margin: 2.05rem auto 0 auto;
        max-width: 260px;
        padding: 2.5rem 2.5rem 1.5rem 2.5rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        z-index: 10;
        background-color: #FFA3CA !important;
        box-shadow: #FFA3CA -8px 7px, #000000 -8px 7px 0px 2px; }
    /* line 368, ../sass/_ogx-footer.scss */
    #site-footer #footer-mailing-list .sfmc-form {
      font-family: "Avenir Next";
      font-size: 16px;
      line-height: 24px; }
      /* line 373, ../sass/_ogx-footer.scss */
      #site-footer #footer-mailing-list .sfmc-form .sfmc-fields {
        border: 0px;
        padding: 30px 0 0; }
        /* line 379, ../sass/_ogx-footer.scss */
        #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper > * {
          width: 100%;
          margin-bottom: 14px;
          background-color: rgba(0, 0, 0, 0);
          border-color: #000000;
          border-style: solid;
          border-width: 0 0 2px 0;
          box-sizing: border-box;
          display: block; }
        /* line 390, ../sass/_ogx-footer.scss */
        #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper * {
          color: #000000;
          font-family: "Avenir Next";
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          letter-spacing: 0.1em;
          line-height: 20px;
          text-align: left;
          text-decoration: none; }
        /* line 402, ../sass/_ogx-footer.scss */
        #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper select {
          margin: 0;
          width: 100%;
          border: 0;
          background-color: rgba(0, 0, 0, 0); }
        /* line 409, ../sass/_ogx-footer.scss */
        #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper input {
          padding: 1rem .5rem;
          background-color: rgba(0, 0, 0, 0);
          border: 0; }
          /* line 414, ../sass/_ogx-footer.scss */
          #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper input::placeholder {
            color: #000000;
            opacity: 1; }
          /* line 419, ../sass/_ogx-footer.scss */
          #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper input::-ms-input-placeholder {
            color: #000000; }
          /* line 423, ../sass/_ogx-footer.scss */
          #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper input::-webkit-input-placeholder {
            color: #000000; }
        @media (min-width: 900px) {
          /* line 377, ../sass/_ogx-footer.scss */
          #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            /* line 433, ../sass/_ogx-footer.scss */
            #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .field-wrapper > * {
              width: 30%;
              margin-bottom: 0; } }
        /* line 440, ../sass/_ogx-footer.scss */
        #site-footer #footer-mailing-list .sfmc-form .sfmc-fields .care-club-privacy {
          font-size: 12px;
          text-align: center;
          margin: 10px auto;
          line-height: 1.3; }
    /* line 449, ../sass/_ogx-footer.scss */
    #site-footer #footer-mailing-list .form-submission-error, #site-footer #footer-mailing-list .form-submission-success, #site-footer #footer-mailing-list .sfmc-profile-button {
      color: #000000;
      text-align: center;
      display: none; }
    /* line 455, ../sass/_ogx-footer.scss */
    #site-footer #footer-mailing-list .form-submission-error, #site-footer #footer-mailing-list .form-submission-success {
      color: #FFFFFF;
      font-weight: bold; }
    @media (min-width: 900px) {
      /* line 324, ../sass/_ogx-footer.scss */
      #site-footer #footer-mailing-list {
        padding: 60px 20px 40px; } }
    @media (min-width: 1400px) {
      /* line 324, ../sass/_ogx-footer.scss */
      #site-footer #footer-mailing-list {
        width: 100%; } }

/* line 470, ../sass/_ogx-footer.scss */
.content-module.connect {
  padding-bottom: 2rem; }
  /* line 477, ../sass/_ogx-footer.scss */
  .content-module.connect h2 {
    margin: 1rem 0 2rem 0;
    text-align: center; }
  @media (min-width: 900px) {
    /* line 482, ../sass/_ogx-footer.scss */
    .content-module.connect .connect-list-wrapper {
      display: flex; } }
  /* line 489, ../sass/_ogx-footer.scss */
  .content-module.connect .connect-list-item {
    flex: 1; }
  /* line 493, ../sass/_ogx-footer.scss */
  .content-module.connect .connect-list-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; }
    /* line 498, ../sass/_ogx-footer.scss */
    .content-module.connect .connect-list-grid div {
      margin: 0.5rem 0.25rem 0.5rem 0.25rem;
      width: 150px; }
      /* line 502, ../sass/_ogx-footer.scss */
      .content-module.connect .connect-list-grid div img {
        width: 100%; }
      @media (min-width: 900px) {
        /* line 498, ../sass/_ogx-footer.scss */
        .content-module.connect .connect-list-grid div {
          width: 163px; } }
  @media (min-width: 900px) {
    /* line 470, ../sass/_ogx-footer.scss */
    .content-module.connect {
      background-size: 10%; } }

/* line 4, ../sass/_ogx-front-page.scss */
body.home #hero-slider .slick-list {
  overflow: visible; }
/* line 8, ../sass/_ogx-front-page.scss */
body.home #hero-slider .slick-dots {
  display: flex;
  position: absolute;
  top: 700px;
  width: 50px;
  justify-content: space-between;
  margin-left: 4rem; }
  /* line 16, ../sass/_ogx-front-page.scss */
  body.home #hero-slider .slick-dots li {
    margin-left: 0px; }
    /* line 19, ../sass/_ogx-front-page.scss */
    body.home #hero-slider .slick-dots li button {
      border-radius: 100%;
      font-size: 0;
      height: 15px;
      width: 15px;
      background-color: #827AC2;
      opacity: .5; }
    /* line 29, ../sass/_ogx-front-page.scss */
    body.home #hero-slider .slick-dots li.slick-active button {
      opacity: 1; }
/* line 37, ../sass/_ogx-front-page.scss */
body.home .homepage-hero-slider {
  background-size: cover;
  padding: 20rem 0 4rem 0;
  height: 810px; }
  @media (min-width: 1200px) {
    /* line 42, ../sass/_ogx-front-page.scss */
    body.home .homepage-hero-slider .header-script {
      font-size: 80px;
      line-height: 55px; } }
  /* line 50, ../sass/_ogx-front-page.scss */
  body.home .homepage-hero-slider#hero {
    background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/mobile-hero-2.png");
    background-position: center top;
    background-repeat: no-repeat; }
    @media (min-width: 900px) {
      /* line 50, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#hero {
        background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/hero.png"); } }
    @media (min-width: 1800px) {
      /* line 50, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#hero {
        background-image: url("../images/front-page/wide-hero.jpg"); } }
  /* line 65, ../sass/_ogx-front-page.scss */
  body.home .homepage-hero-slider#new-formulas {
    background-image: url("../images/front-page/backgrounds/Group_Hero_0010.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    padding-top: 10rem; }
    /* line 75, ../sass/_ogx-front-page.scss */
    body.home .homepage-hero-slider#new-formulas .text-box {
      background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.4));
      padding: 2rem 0 10rem;
      position: relative; }
      /* line 80, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#new-formulas .text-box h2 {
        font-size: 60px;
        line-height: 50px;
        color: #462C7B;
        text-align: center; }
        @media (min-width: 900px) {
          /* line 80, ../sass/_ogx-front-page.scss */
          body.home .homepage-hero-slider#new-formulas .text-box h2 {
            font-size: 85px;
            line-height: 45px;
            margin: 0;
            max-width: none;
            letter-spacing: 0px; } }
      /* line 96, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#new-formulas .text-box h3 {
        margin: 0rem 2rem;
        color: #462C7B;
        text-align: center; }
        @media (min-width: 900px) {
          /* line 96, ../sass/_ogx-front-page.scss */
          body.home .homepage-hero-slider#new-formulas .text-box h3 {
            max-width: 450px;
            margin: 2rem 0 0 0;
            font-size: 28px;
            font-weight: 600; } }
      /* line 109, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#new-formulas .text-box .cta-button-primary {
        top: auto;
        bottom: 30px; }
      /* line 114, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#new-formulas .text-box .cta-button-third {
        top: auto !important;
        right: 2rem;
        bottom: 30px;
        background: #06608C;
        border: 0px;
        color: #FFFFFF;
        width: 275px;
        border-radius: 12px;
        font-weight: 500;
        font-size: 35px;
        text-transform: none;
        line-height: 15px;
        padding: 15px;
        margin-right: auto !important; }
      @media (min-width: 900px) {
        /* line 75, ../sass/_ogx-front-page.scss */
        body.home .homepage-hero-slider#new-formulas .text-box {
          padding: 4rem 6rem 9rem; } }
    /* line 136, ../sass/_ogx-front-page.scss */
    body.home .homepage-hero-slider#new-formulas .disclaimer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      background-color: rgba(255, 255, 255, 0.4);
      width: 80%;
      margin: 20px auto 0px;
      padding: 10px;
      max-width: 354px; }
      /* line 147, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#new-formulas .disclaimer > span {
        margin-top: 10px;
        font-size: 18px;
        font-weight: normal;
        font-family: "Avenir Next";
        width: 100%;
        text-align: center; }
        /* line 155, ../sass/_ogx-front-page.scss */
        body.home .homepage-hero-slider#new-formulas .disclaimer > span:first-of-type {
          color: #FFFFFF; }
        /* line 161, ../sass/_ogx-front-page.scss */
        body.home .homepage-hero-slider#new-formulas .disclaimer > span:last-of-type a {
          font-weight: bold;
          color: #462C7B;
          text-decoration: none; }
        @media (min-width: 900px) {
          /* line 147, ../sass/_ogx-front-page.scss */
          body.home .homepage-hero-slider#new-formulas .disclaimer > span {
            font-size: 24px;
            font-weight: bold; }
            /* line 171, ../sass/_ogx-front-page.scss */
            body.home .homepage-hero-slider#new-formulas .disclaimer > span:first-of-type {
              width: 70%;
              text-align: left; }
            /* line 176, ../sass/_ogx-front-page.scss */
            body.home .homepage-hero-slider#new-formulas .disclaimer > span:last-of-type {
              width: 30%; } }
      @media (min-width: 900px) {
        /* line 136, ../sass/_ogx-front-page.scss */
        body.home .homepage-hero-slider#new-formulas .disclaimer {
          width: 100%;
          margin: 0px 0px 0px 0px;
          padding: 0px;
          max-width: none;
          background-color: rgba(255, 255, 255, 0); } }
    @media (min-width: 900px) {
      /* line 65, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#new-formulas {
        background-image: url("../images/front-page/backgrounds/OGX_ProjectLemonade_HomepageBanner.jpg");
        background-position: left center;
        justify-content: space-between;
        align-items: flex-end;
        min-height: 1px;
        padding: 10rem 6rem 1rem; } }
    @media (min-width: 1200px) {
      /* line 65, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider#new-formulas {
        padding-top: 20rem;
        background-position: left center; } }
  /* line 206, ../sass/_ogx-front-page.scss */
  body.home .homepage-hero-slider h1, body.home .homepage-hero-slider h2 {
    color: #FFFFFF;
    font-family: "Alternate Gothic No2 D";
    margin-left: 2rem;
    text-transform: uppercase; }
    @media (min-width: 900px) {
      /* line 206, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider h1, body.home .homepage-hero-slider h2 {
        font-style: normal;
        font-weight: normal;
        font-size: 90px;
        letter-spacing: 0.15rem;
        line-height: 75px;
        margin: 0 0 0 4rem;
        max-width: 600px; } }
  /* line 223, ../sass/_ogx-front-page.scss */
  body.home .homepage-hero-slider h4 {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 100%;
    margin-left: 2rem;
    text-transform: uppercase; }
    @media (min-width: 900px) {
      /* line 223, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider h4 {
        margin-left: 4rem; } }
  /* line 235, ../sass/_ogx-front-page.scss */
  body.home .homepage-hero-slider a.cta-button {
    margin-right: 2rem !important; }
    @media (min-width: 900px) {
      /* line 235, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider a.cta-button {
        margin: 0;
        position: absolute;
        right: 0;
        top: 360px; } }
    @media (min-width: 1200px) {
      /* line 235, ../sass/_ogx-front-page.scss */
      body.home .homepage-hero-slider a.cta-button {
        top: 500px; } }
    /* line 249, ../sass/_ogx-front-page.scss */
    body.home .homepage-hero-slider a.cta-button.cta-banner {
      margin: 0 auto !important;
      position: relative;
      left: -8px;
      top: 30px !important;
      padding: 10px;
      font-size: 38px;
      line-height: 1.3; }
  @media (min-width: 900px) {
    /* line 37, ../sass/_ogx-front-page.scss */
    body.home .homepage-hero-slider {
      height: 594px;
      padding-top: 16rem;
      position: relative; } }
  @media (min-width: 1200px) {
    /* line 37, ../sass/_ogx-front-page.scss */
    body.home .homepage-hero-slider {
      height: 794px;
      padding-top: 30rem;
      text-align: left; } }
/* line 273, ../sass/_ogx-front-page.scss */
body.home .ticker {
  align-items: center;
  background-image: url("../images/front-page/backgrounds/ticker/ticker-gradient.png");
  background-size: cover;
  border: solid #000000;
  border-width: 2px 0 2px 0;
  display: flex;
  min-height: 55px;
  text-align: center;
  text-transform: uppercase; }
  /* line 284, ../sass/_ogx-front-page.scss */
  body.home .ticker span.ticker-text {
    background-image: url("../images/decor/ogx-gold.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    color: #000000;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 26px;
    margin: 0 auto 0 auto;
    padding: 0.5rem 0 0.5rem 35px;
    text-align: left;
    width: 360px; }
/* line 302, ../sass/_ogx-front-page.scss */
body.home #site-content-inner {
  background: url("../images/decor/grain/grain-light-128.png") repeat, radial-gradient(circle at -20% 10%, #F98226 10%, rgba(0, 0, 0, 0) 20%), radial-gradient(circle at 40% -10%, #FFA3CA 10%, rgba(0, 0, 0, 0) 20%), radial-gradient(circle at 120% 20%, #7CCC79 10%, rgba(0, 0, 0, 0) 20%), linear-gradient(to bottom, #f1da4f 15%, #ec9544, #827ac2, #26cad4, #ffa3ca);
  padding-bottom: 12rem; }
  /* line 310, ../sass/_ogx-front-page.scss */
  body.home #site-content-inner a.cta-best-of {
    margin-right: 2rem !important;
    max-width: 190px; }
    @media (min-width: 900px) {
      /* line 310, ../sass/_ogx-front-page.scss */
      body.home #site-content-inner a.cta-best-of {
        float: right;
        margin: 0 0 3rem 0; } }
  @media (min-width: 900px) {
    /* line 302, ../sass/_ogx-front-page.scss */
    body.home #site-content-inner {
      padding-bottom: 12rem; } }
  /* line 324, ../sass/_ogx-front-page.scss */
  body.home #site-content-inner .best-of-highlight {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: -4rem 0 2rem; }
    /* line 331, ../sass/_ogx-front-page.scss */
    body.home #site-content-inner .best-of-highlight h2 {
      margin-top: 5rem; }
    /* line 335, ../sass/_ogx-front-page.scss */
    body.home #site-content-inner .best-of-highlight h4 {
      text-align: left;
      margin: 0;
      font-family: "Alternate Gothic No2 D" !important;
      font-size: 30px;
      letter-spacing: .1px;
      text-transform: uppercase; }
    /* line 344, ../sass/_ogx-front-page.scss */
    body.home #site-content-inner .best-of-highlight .cta-best-of {
      margin-bottom: 1rem !important; }
    @media (min-width: 900px) {
      /* line 324, ../sass/_ogx-front-page.scss */
      body.home #site-content-inner .best-of-highlight {
        justify-content: space-between; } }
/* line 356, ../sass/_ogx-front-page.scss */
body.home .content-module.get-inspired h2, body.home .content-module.articles h2, body.home .content-module.connect h2 {
  font-family: "Alternate Gothic No2 D";
  font-weight: 600; }
/* line 364, ../sass/_ogx-front-page.scss */
body.home .content-module.new-formulas .content-module-inner {
  background-image: url("../images/front-page/backgrounds/Group_Hero_V2_0058.jpg");
  background-size: cover;
  background-position: 30% 50%;
  padding: 4rem;
  min-height: 950px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end; }
  /* line 374, ../sass/_ogx-front-page.scss */
  body.home .content-module.new-formulas .content-module-inner .cta-text-container {
    width: 100%;
    padding: 2rem 1rem 4rem 1rem;
    background-color: #827AC2; }
    /* line 379, ../sass/_ogx-front-page.scss */
    body.home .content-module.new-formulas .content-module-inner .cta-text-container p {
      text-align: center;
      margin-top: 1rem;
      color: #FFFFFF; }
    @media (min-width: 900px) {
      /* line 374, ../sass/_ogx-front-page.scss */
      body.home .content-module.new-formulas .content-module-inner .cta-text-container {
        width: 40%; } }
  @media (min-width: 900px) {
    /* line 364, ../sass/_ogx-front-page.scss */
    body.home .content-module.new-formulas .content-module-inner {
      background-position: center center;
      min-height: 700px;
      align-items: center; } }
  @media (min-width: 1200px) {
    /* line 364, ../sass/_ogx-front-page.scss */
    body.home .content-module.new-formulas .content-module-inner {
      background-position: right center; } }
/* line 402, ../sass/_ogx-front-page.scss */
body.home .paginator-page-count {
  font-family: "Avenir Next Bold";
  font-size: 15px;
  line-height: 100%; }
/* line 408, ../sass/_ogx-front-page.scss */
body.home .content-module.mission {
  padding-top: 12rem; }
  /* line 411, ../sass/_ogx-front-page.scss */
  body.home .content-module.mission div.mission-statements {
    display: flex !important;
    justify-content: space-between; }
    /* line 415, ../sass/_ogx-front-page.scss */
    body.home .content-module.mission div.mission-statements div {
      flex: 1;
      max-width: 312px;
      text-align: left; }
  /* line 422, ../sass/_ogx-front-page.scss */
  body.home .content-module.mission h2, body.home .content-module.mission h4 {
    text-align: left; }
  /* line 426, ../sass/_ogx-front-page.scss */
  body.home .content-module.mission h2 {
    color: #FFFFFF;
    font-family: "Alternate Gothic No2 D";
    font-size: 60px;
    line-height: 55px;
    font-weight: 400; }
    @media (min-width: 900px) {
      /* line 426, ../sass/_ogx-front-page.scss */
      body.home .content-module.mission h2 {
        margin: 3rem 0 0; } }
  /* line 438, ../sass/_ogx-front-page.scss */
  body.home .content-module.mission h4 {
    color: #000000;
    font-family: "Avenir Next Bold";
    font-size: 15px;
    line-height: 100%;
    text-align: left;
    text-transform: uppercase; }
  /* line 447, ../sass/_ogx-front-page.scss */
  body.home .content-module.mission p {
    color: #000000;
    font-family: "Avenir Next";
    font-size: 16px;
    line-height: 24px;
    font-weight: 600; }
  /* line 455, ../sass/_ogx-front-page.scss */
  body.home .content-module.mission hr.white {
    margin: 3rem 0 5rem; }
  @media (min-width: 900px) {
    /* line 408, ../sass/_ogx-front-page.scss */
    body.home .content-module.mission {
      border-top: 2px solid #FFFFFF; } }
/* line 464, ../sass/_ogx-front-page.scss */
body.home .content-module.get-inspired, body.home .content-module.connect {
  padding: 0 2rem 0 2rem; }
/* line 470, ../sass/_ogx-front-page.scss */
body.home .content-module.favorite-looks h2, body.home .content-module.get-inspired h2, body.home .content-module.articles h2, body.home .content-module.connect h2 {
  margin-bottom: 2rem;
  font-weight: 500;
  line-height: 1.3; }
  @media (min-width: 900px) {
    /* line 470, ../sass/_ogx-front-page.scss */
    body.home .content-module.favorite-looks h2, body.home .content-module.get-inspired h2, body.home .content-module.articles h2, body.home .content-module.connect h2 {
      text-align: left; } }
/* line 483, ../sass/_ogx-front-page.scss */
body.home .content-module.best-of .content-module-inner {
  margin: 0 auto 0 auto; }
  /* line 487, ../sass/_ogx-front-page.scss */
  body.home .content-module.best-of .content-module-inner a.cta-button {
    margin-top: 1rem; }
  @media (min-width: 600px) {
    /* line 483, ../sass/_ogx-front-page.scss */
    body.home .content-module.best-of .content-module-inner {
      display: flex;
      flex-wrap: wrap; } }
/* line 501, ../sass/_ogx-front-page.scss */
body.home .content-module.best-of .products-list-wrapper {
  width: 100%;
  flex: auto !important; }
  /* line 505, ../sass/_ogx-front-page.scss */
  body.home .content-module.best-of .products-list-wrapper h2.list-header {
    margin: 0 2rem 0 2rem;
    text-align: left;
    padding-top: 4rem; }
    @media (min-width: 900px) {
      /* line 505, ../sass/_ogx-front-page.scss */
      body.home .content-module.best-of .products-list-wrapper h2.list-header {
        margin: 1rem 0 1rem 0;
        padding-top: 0; } }
  /* line 516, ../sass/_ogx-front-page.scss */
  body.home .content-module.best-of .products-list-wrapper .collections-list {
    display: none; }
    /* line 519, ../sass/_ogx-front-page.scss */
    body.home .content-module.best-of .products-list-wrapper .collections-list .gallery-item {
      padding-bottom: 2rem; }
    /* line 523, ../sass/_ogx-front-page.scss */
    body.home .content-module.best-of .products-list-wrapper .collections-list h2 {
      color: #FFFFFF;
      margin: -40px 0 0 0;
      text-align: center; }
    @media (min-width: 900px) {
      /* line 516, ../sass/_ogx-front-page.scss */
      body.home .content-module.best-of .products-list-wrapper .collections-list {
        display: flex;
        width: 100%;
        justify-content: space-between; } }
  /* line 538, ../sass/_ogx-front-page.scss */
  body.home .content-module.best-of .products-list-wrapper.front-page-products:nth-of-type(2) .best-of-highlight {
    margin: 7rem 0 2rem !important; }
  /* line 545, ../sass/_ogx-front-page.scss */
  body.home .content-module.best-of .products-list-wrapper:nth-of-type(2) .products-list {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  @media (min-width: 900px) {
    /* line 501, ../sass/_ogx-front-page.scss */
    body.home .content-module.best-of .products-list-wrapper {
      flex: 1; } }
/* line 557, ../sass/_ogx-front-page.scss */
body.home .content-module.best-of .paginator-page-count {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  margin-right: 2rem; }
/* line 569, ../sass/_ogx-front-page.scss */
body.home .content-module.favorite-looks a.read-more {
  background-image: url("../images/icons/circle-right-arrow.png");
  background-size: contain;
  float: right;
  height: 52px;
  width: 52px; }
/* line 579, ../sass/_ogx-front-page.scss */
body.home .content-module.favorite-looks .social-list img {
  width: 278px; }
  @media (min-width: 900px) {
    /* line 579, ../sass/_ogx-front-page.scss */
    body.home .content-module.favorite-looks .social-list img {
      width: 427px; } }
/* line 587, ../sass/_ogx-front-page.scss */
body.home .content-module.favorite-looks .social-list .slick-slide {
  margin: 1.5rem 0.85rem 0 0.85rem; }
/* line 591, ../sass/_ogx-front-page.scss */
body.home .content-module.favorite-looks .social-list .social-item {
  position: relative; }
  /* line 594, ../sass/_ogx-front-page.scss */
  body.home .content-module.favorite-looks .social-list .social-item a.user {
    bottom: 10px;
    color: #FFFFFF;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    left: 10px;
    line-height: 20px;
    position: absolute; }
    @media (min-width: 900px) {
      /* line 594, ../sass/_ogx-front-page.scss */
      body.home .content-module.favorite-looks .social-list .social-item a.user {
        left: 20px; } }
  /* line 610, ../sass/_ogx-front-page.scss */
  body.home .content-module.favorite-looks .social-list .social-item a.user:link, body.home .content-module.favorite-looks .social-list .social-item a.user:active, body.home .content-module.favorite-looks .social-list .social-item a.user:visited {
    text-decoration: none; }
  /* line 614, ../sass/_ogx-front-page.scss */
  body.home .content-module.favorite-looks .social-list .social-item a.cart {
    background-image: url("../images/icons/social/cart.png");
    background-size: contain;
    bottom: 10px;
    height: 30px;
    position: absolute;
    right: 10px;
    width: 30px; }
    @media (min-width: 900px) {
      /* line 614, ../sass/_ogx-front-page.scss */
      body.home .content-module.favorite-looks .social-list .social-item a.cart {
        height: 42px;
        right: 30px;
        width: 42px; } }
  @media (min-width: 900px) {
    /* line 591, ../sass/_ogx-front-page.scss */
    body.home .content-module.favorite-looks .social-list .social-item {
      flex: 1; } }
@media (min-width: 900px) {
  /* line 577, ../sass/_ogx-front-page.scss */
  body.home .content-module.favorite-looks .social-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between; } }
@media (min-width: 900px) {
  /* line 645, ../sass/_ogx-front-page.scss */
  body.home .content-module.hair-quiz .hair-quiz-wrapper {
    display: flex; } }
@media (min-width: 900px) {
  /* line 652, ../sass/_ogx-front-page.scss */
  body.home .content-module.hair-quiz .cta-container {
    text-align: left; } }
/* line 659, ../sass/_ogx-front-page.scss */
body.home .content-module.hair-quiz .cta-button {
  margin-left: 0; }
/* line 663, ../sass/_ogx-front-page.scss */
body.home .content-module.hair-quiz div {
  text-align: center; }
  @media (min-width: 900px) {
    /* line 663, ../sass/_ogx-front-page.scss */
    body.home .content-module.hair-quiz div {
      flex: 1; } }
/* line 671, ../sass/_ogx-front-page.scss */
body.home .content-module.hair-quiz img {
  margin: 0 auto 0 auto;
  width: 162px; }
  @media (min-width: 900px) {
    /* line 671, ../sass/_ogx-front-page.scss */
    body.home .content-module.hair-quiz img {
      width: 399px; } }
/* line 680, ../sass/_ogx-front-page.scss */
body.home .content-module.hair-quiz h2 {
  margin-top: 2rem; }
  @media (min-width: 900px) {
    /* line 680, ../sass/_ogx-front-page.scss */
    body.home .content-module.hair-quiz h2 {
      margin-top: 8rem;
      max-width: 400px; } }
/* line 692, ../sass/_ogx-front-page.scss */
body.home .content-module.get-inspired img {
  margin: 0 auto 0 auto;
  width: 335px; }
  @media (min-width: 900px) {
    /* line 692, ../sass/_ogx-front-page.scss */
    body.home .content-module.get-inspired img {
      width: 493px; } }
@media (min-width: 900px) {
  /* line 703, ../sass/_ogx-front-page.scss */
  body.home .content-module.get-inspired h2 span {
    display: block;
    float: right; } }
@media (min-width: 900px) {
  /* line 701, ../sass/_ogx-front-page.scss */
  body.home .content-module.get-inspired h2 {
    margin-top: 8rem;
    padding-right: 8rem; } }
/* line 717, ../sass/_ogx-front-page.scss */
body.home .content-module.get-inspired h3 {
  text-align: left;
  width: 90%; }
@media (min-width: 900px) {
  /* line 722, ../sass/_ogx-front-page.scss */
  body.home .content-module.get-inspired .cta-container {
    padding-left: 6rem; } }
/* line 729, ../sass/_ogx-front-page.scss */
body.home .content-module.get-inspired a.cta-button {
  margin-right: 0 !important; }
  @media (min-width: 900px) {
    /* line 729, ../sass/_ogx-front-page.scss */
    body.home .content-module.get-inspired a.cta-button {
      margin-left: 3rem; } }
@media (min-width: 900px) {
  /* line 737, ../sass/_ogx-front-page.scss */
  body.home .content-module.get-inspired .get-inspired-wrapper {
    display: flex; }
    /* line 742, ../sass/_ogx-front-page.scss */
    body.home .content-module.get-inspired .get-inspired-wrapper h2, body.home .content-module.get-inspired .get-inspired-wrapper div {
      flex: 1; } }

/* line 6, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles .articles-list-wrapper {
  margin: 2rem 1rem 0 1rem; }
  @media (min-width: 900px) {
    /* line 6, ../sass/front-page/_ogx-front-page-articles.scss */
    body.home .content-module.articles .articles-list-wrapper {
      margin: 2rem 1rem 0 0; }
      /* line 16, ../sass/front-page/_ogx-front-page-articles.scss */
      body.home .content-module.articles .articles-list-wrapper .article:first-of-type .gallery-item {
        padding-left: 0; }
      /* line 23, ../sass/front-page/_ogx-front-page-articles.scss */
      body.home .content-module.articles .articles-list-wrapper .article:last-of-type .gallery-item {
        padding-right: 0; } }
/* line 33, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles .articles-list img {
  width: 278px; }
  @media (min-width: 900px) {
    /* line 33, ../sass/front-page/_ogx-front-page-articles.scss */
    body.home .content-module.articles .articles-list img {
      width: 424px; } }
@media (min-width: 900px) {
  /* line 31, ../sass/front-page/_ogx-front-page-articles.scss */
  body.home .content-module.articles .articles-list {
    display: flex;
    flex-wrap: nowrap; } }
@media (min-width: 900px) {
  /* line 51, ../sass/front-page/_ogx-front-page-articles.scss */
  body.home .content-module.articles .article-preview {
    margin-top: -120px;
    max-width: 300px;
    padding: 0 10px 0 20px; } }
/* line 60, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles h4, body.home .content-module.articles h5, body.home .content-module.articles a.read-more {
  font-family: "Avenir Next Bold" !important;
  text-align: left; }
/* line 65, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles h2 {
  text-align: left; }
/* line 69, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles h4 {
  font-size: 15px;
  font-weight: bold;
  line-height: 100%;
  margin: 0 2rem 0 2rem;
  padding: 0 0 1rem 0;
  text-transform: uppercase; }
  /* line 77, ../sass/front-page/_ogx-front-page-articles.scss */
  body.home .content-module.articles h4 span.paginator-page-count {
    float: right; }
    @media (min-width: 900px) {
      /* line 77, ../sass/front-page/_ogx-front-page-articles.scss */
      body.home .content-module.articles h4 span.paginator-page-count {
        display: none; } }
  @media (min-width: 900px) {
    /* line 69, ../sass/front-page/_ogx-front-page-articles.scss */
    body.home .content-module.articles h4 {
      padding-top: 2rem; } }
/* line 90, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles h5 {
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  margin: 1rem 0 0 0;
  text-transform: uppercase; }
  @media (min-width: 900px) {
    /* line 90, ../sass/front-page/_ogx-front-page-articles.scss */
    body.home .content-module.articles h5 {
      color: #FFFFFF; } }
/* line 102, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles a.read-more {
  display: block;
  font-weight: bold;
  font-size: 11px;
  line-height: 100%;
  margin: 1rem 0 0 0;
  text-transform: uppercase; }
/* line 111, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles a.read-more:link, body.home .content-module.articles a.read-more:visited, body.home .content-module.articles a.read-more:active {
  color: #000000; }
  @media (min-width: 900px) {
    /* line 111, ../sass/front-page/_ogx-front-page-articles.scss */
    body.home .content-module.articles a.read-more:link, body.home .content-module.articles a.read-more:visited, body.home .content-module.articles a.read-more:active {
      color: #FFFFFF; } }
/* line 119, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles .short-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin: 1rem 0 0 0;
  text-align: left; }
  @media (min-width: 900px) {
    /* line 119, ../sass/front-page/_ogx-front-page-articles.scss */
    body.home .content-module.articles .short-description {
      color: #FFFFFF; } }
/* line 131, ../sass/front-page/_ogx-front-page-articles.scss */
body.home .content-module.articles a.cta-button {
  margin-right: 2rem !important;
  max-width: 185px; }
  @media (min-width: 900px) {
    /* line 131, ../sass/front-page/_ogx-front-page-articles.scss */
    body.home .content-module.articles a.cta-button {
      float: right;
      margin-top: 0; } }

/* line 7, ../sass/front-page/_ogx-front-page-collections.scss */
body.home .collections-list-wrapper .collections-list img {
  max-width: 229px;
  width: 100%; }
/* line 12, ../sass/front-page/_ogx-front-page-collections.scss */
body.home .collections-list-wrapper .collections-list button.slick-arrow {
  background-color: #000000;
  color: #FFFFFF;
  padding: 0px;
  font-size: 30px;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translate(0, -25%); }
  /* line 24, ../sass/front-page/_ogx-front-page-collections.scss */
  body.home .collections-list-wrapper .collections-list button.slick-arrow.slick-prev {
    left: 1vw; }
    /* line 28, ../sass/front-page/_ogx-front-page-collections.scss */
    body.home .collections-list-wrapper .collections-list button.slick-arrow.slick-prev i:before {
      position: relative;
      right: -1px; }
  /* line 34, ../sass/front-page/_ogx-front-page-collections.scss */
  body.home .collections-list-wrapper .collections-list button.slick-arrow.slick-next {
    right: 1vw; }
    /* line 38, ../sass/front-page/_ogx-front-page-collections.scss */
    body.home .collections-list-wrapper .collections-list button.slick-arrow.slick-next i:before {
      position: relative;
      left: -1px; }
/* line 46, ../sass/front-page/_ogx-front-page-collections.scss */
body.home .collections-list-wrapper .collections-list .slick-slide {
  margin: 1.5rem 0.85rem 0 0.85rem; }
/* line 50, ../sass/front-page/_ogx-front-page-collections.scss */
body.home .collections-list-wrapper .collections-list .collections-item {
  width: 164px; }
  @media (min-width: 900px) {
    /* line 50, ../sass/front-page/_ogx-front-page-collections.scss */
    body.home .collections-list-wrapper .collections-list .collections-item {
      flex: 1;
      margin-right: 2rem;
      width: 229px; } }
@media (min-width: 900px) {
  /* line 5, ../sass/front-page/_ogx-front-page-collections.scss */
  body.home .collections-list-wrapper .collections-list {
    display: flex; } }
@media (min-width: 600px) {
  /* line 3, ../sass/front-page/_ogx-front-page-collections.scss */
  body.home .collections-list-wrapper {
    bottom: -100px;
    display: flex;
    position: absolute;
    right: 0;
    width: 800px; } }
@media (min-width: 900px) {
  /* line 3, ../sass/front-page/_ogx-front-page-collections.scss */
  body.home .collections-list-wrapper {
    width: 1000px; } }

/* line 4, ../sass/front-page/_ogx-front-page-how-to.scss */
body.home .content-module.how-to {
  padding-top: 6rem; }
  /* line 7, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to .how-to-list-wrapper {
    margin: 2rem 1rem 0 1rem; }
    @media (min-width: 900px) {
      /* line 7, ../sass/front-page/_ogx-front-page-how-to.scss */
      body.home .content-module.how-to .how-to-list-wrapper {
        margin: 2rem 1rem 0 0; }
        /* line 17, ../sass/front-page/_ogx-front-page-how-to.scss */
        body.home .content-module.how-to .how-to-list-wrapper .article:first-of-type .gallery-image {
          margin-left: 0; }
        /* line 24, ../sass/front-page/_ogx-front-page-how-to.scss */
        body.home .content-module.how-to .how-to-list-wrapper .article:last-of-type .gallery-preview {
          margin-right: 0; } }
  /* line 32, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to .how-to-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    /* line 37, ../sass/front-page/_ogx-front-page-how-to.scss */
    body.home .content-module.how-to .how-to-list img {
      width: 278px; }
  /* line 42, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to .article {
    display: flex;
    flex-wrap: nowrap;
    flex: 1; }
    /* line 47, ../sass/front-page/_ogx-front-page-how-to.scss */
    body.home .content-module.how-to .article .ogx-gradient {
      position: relative; }
      /* line 50, ../sass/front-page/_ogx-front-page-how-to.scss */
      body.home .content-module.how-to .article .ogx-gradient::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute; }
    /* line 60, ../sass/front-page/_ogx-front-page-how-to.scss */
    body.home .content-module.how-to .article:nth-child(1) .ogx-gradient::before {
      background: linear-gradient(0deg, #ffa3ca 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 66, ../sass/front-page/_ogx-front-page-how-to.scss */
    body.home .content-module.how-to .article:nth-child(2) .ogx-gradient::before {
      background: linear-gradient(0deg, #827ac2 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 72, ../sass/front-page/_ogx-front-page-how-to.scss */
    body.home .content-module.how-to .article:nth-child(3) .ogx-gradient::before {
      background: linear-gradient(0deg, #20cbd4 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    @media (min-width: 900px) {
      /* line 42, ../sass/front-page/_ogx-front-page-how-to.scss */
      body.home .content-module.how-to .article {
        max-width: 32%; } }
  /* line 82, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to .gallery-image, body.home .content-module.how-to .gallery-preview {
    flex: 1;
    margin: 0 1rem 0 1rem;
    background-size: cover; }
    @media (min-width: 900px) {
      /* line 82, ../sass/front-page/_ogx-front-page-how-to.scss */
      body.home .content-module.how-to .gallery-image, body.home .content-module.how-to .gallery-preview {
        margin: 0; } }
  @media (min-width: 900px) {
    /* line 92, ../sass/front-page/_ogx-front-page-how-to.scss */
    body.home .content-module.how-to .gallery-preview {
      background-color: #827AC2;
      color: #FFFFFF;
      padding: 1rem 1rem 2rem 2rem; } }
  /* line 100, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to h4, body.home .content-module.how-to h5, body.home .content-module.how-to a.read-more, body.home .content-module.how-to .short-description {
    text-align: left; }
  /* line 104, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to h4, body.home .content-module.how-to h5, body.home .content-module.how-to a.read-more {
    font-family: "Avenir Next Bold" !important; }
  /* line 108, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to h2 {
    margin-left: 2rem;
    text-align: left; }
  /* line 113, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to h4 {
    font-size: 15px;
    line-height: 100%;
    margin: 0 2rem 0 2rem;
    padding: 0 0 1rem 0;
    text-transform: uppercase; }
    @media (min-width: 900px) {
      /* line 113, ../sass/front-page/_ogx-front-page-how-to.scss */
      body.home .content-module.how-to h4 {
        margin: 2rem 2rem 0 0 !important; } }
  /* line 125, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to h5 {
    font-size: 14px;
    line-height: 13px;
    margin: 1rem 0 0 0;
    text-transform: uppercase;
    letter-spacing: .5px; }
  /* line 133, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to a.read-more {
    display: block;
    font-weight: normal;
    font-size: 11px;
    line-height: 100%;
    margin: 1rem 0 0 0;
    text-transform: uppercase; }
  /* line 142, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to a.read-more:link, body.home .content-module.how-to a.read-more:visited, body.home .content-module.how-to a.read-more:active {
    color: #FFFFFF; }
  /* line 146, ../sass/front-page/_ogx-front-page-how-to.scss */
  body.home .content-module.how-to .short-description {
    font-family: "Avenir Next";
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin: 1rem 0 0 0; }

/* line 4, ../sass/front-page/_ogx-front-page-products.scss */
body.home .products-list-wrapper {
  text-align: center; }
  /* line 8, ../sass/front-page/_ogx-front-page-products.scss */
  body.home .products-list-wrapper h2.list-header {
    font-weight: 500; }
  /* line 12, ../sass/front-page/_ogx-front-page-products.scss */
  body.home .products-list-wrapper .paginator-page-count {
    color: #FFFFFF;
    text-align: right;
    font-family: "Avenir Next Bold";
    font-style: normal;
    font-size: 15px;
    line-height: 100%;
    margin-right: 2rem; }
  /* line 22, ../sass/front-page/_ogx-front-page-products.scss */
  body.home .products-list-wrapper .collections-list {
    margin-top: 3rem; }
    /* line 25, ../sass/front-page/_ogx-front-page-products.scss */
    body.home .products-list-wrapper .collections-list .slick-slide {
      margin: 1.5rem 0.85rem 0 0.85rem; }
    @media (min-width: 900px) {
      /* line 22, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .collections-list {
        margin-top: 0; } }
  /* line 34, ../sass/front-page/_ogx-front-page-products.scss */
  body.home .products-list-wrapper .best-of-list {
    padding-top: 2rem;
    width: 100%; }
    /* line 38, ../sass/front-page/_ogx-front-page-products.scss */
    body.home .products-list-wrapper .best-of-list .product {
      margin: 0 auto 0 auto; }
    @media (min-width: 900px) {
      /* line 34, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .best-of-list {
        padding-top: 0; } }
    /* line 48, ../sass/front-page/_ogx-front-page-products.scss */
    body.home .products-list-wrapper .best-of-list .best-of-slider-arrows.slick-arrow {
      position: absolute;
      top: 30%; }
      /* line 52, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .best-of-list .best-of-slider-arrows.slick-arrow.prev-arrow {
        left: -35px; }
      /* line 56, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .best-of-list .best-of-slider-arrows.slick-arrow.next-arrow {
        right: -35px; }
    /* line 61, ../sass/front-page/_ogx-front-page-products.scss */
    body.home .products-list-wrapper .best-of-list .best-of-slider-arrows i {
      font-size: 30px; }
  /* line 68, ../sass/front-page/_ogx-front-page-products.scss */
  body.home .products-list-wrapper .products-list {
    margin: 0 auto 0 auto; }
    /* line 71, ../sass/front-page/_ogx-front-page-products.scss */
    body.home .products-list-wrapper .products-list .product {
      margin: 0.5rem;
      padding: 0;
      text-align: left; }
      /* line 76, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .products-list .product h2, body.home .products-list-wrapper .products-list .product .short-description, body.home .products-list-wrapper .products-list .product .price, body.home .products-list-wrapper .products-list .product .review {
        font-family: "Avenir Next";
        font-style: normal;
        margin-top: 1rem; }
      /* line 82, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .products-list .product h2 {
        color: #000000;
        font-size: 18px;
        line-height: 24px;
        margin-top: 2rem;
        font-weight: 500;
        letter-spacing: 0; }
      /* line 91, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .products-list .product a.product-image {
        display: block;
        position: relative; }
        /* line 95, ../sass/front-page/_ogx-front-page-products.scss */
        body.home .products-list-wrapper .products-list .product a.product-image .reviews {
          bottom: 5px;
          left: 10px;
          position: absolute; }
          /* line 100, ../sass/front-page/_ogx-front-page-products.scss */
          body.home .products-list-wrapper .products-list .product a.product-image .reviews img.review-stars {
            display: inline-block;
            height: 15px; }
          /* line 105, ../sass/front-page/_ogx-front-page-products.scss */
          body.home .products-list-wrapper .products-list .product a.product-image .reviews span {
            color: #FFFFFF;
            display: inline-block;
            font-family: "Avenir Next";
            font-style: normal;
            font-weight: 500;
            font-size: 11px;
            line-height: 20px; }
      /* line 117, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .products-list .product .short-description {
        font-weight: normal;
        font-size: 14px;
        line-height: 1.4;
        margin-top: 1rem;
        font-weight: 500;
        letter-spacing: .01px; }
      /* line 126, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .products-list .product .price {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px; }
        @media (min-width: 900px) {
          /* line 126, ../sass/front-page/_ogx-front-page-products.scss */
          body.home .products-list-wrapper .products-list .product .price {
            margin-top: 1rem; } }
      /* line 136, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .products-list .product .review {
        border-top: 1px solid #000000;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        padding-top: 1rem; }
        /* line 143, ../sass/front-page/_ogx-front-page-products.scss */
        body.home .products-list-wrapper .products-list .product .review span {
          display: block; }
        /* line 147, ../sass/front-page/_ogx-front-page-products.scss */
        body.home .products-list-wrapper .products-list .product .review span::before {
          content: "\2014"; }
        @media (min-width: 900px) {
          /* line 136, ../sass/front-page/_ogx-front-page-products.scss */
          body.home .products-list-wrapper .products-list .product .review {
            margin-top: 2rem; } }
      @media (min-width: 900px) {
        /* line 71, ../sass/front-page/_ogx-front-page-products.scss */
        body.home .products-list-wrapper .products-list .product {
          margin: 0 3rem; } }
    /* line 163, ../sass/front-page/_ogx-front-page-products.scss */
    body.home .products-list-wrapper .products-list .gallery-item img {
      max-width: 370px;
      width: 100%; }
    @media (min-width: 900px) {
      /* line 68, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .products-list {
        float: left; } }
  /* line 174, ../sass/front-page/_ogx-front-page-products.scss */
  body.home .products-list-wrapper .products-list-secondary {
    position: relative; }
    /* line 177, ../sass/front-page/_ogx-front-page-products.scss */
    body.home .products-list-wrapper .products-list-secondary .cta-button {
      float: right;
      margin: 0 0 4rem 0; }
    @media (min-width: 900px) {
      /* line 174, ../sass/front-page/_ogx-front-page-products.scss */
      body.home .products-list-wrapper .products-list-secondary {
        margin-left: 2rem; } }
  @media (min-width: 900px) {
    /* line 4, ../sass/front-page/_ogx-front-page-products.scss */
    body.home .products-list-wrapper {
      margin-top: 0; } }

/* line 2, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .entry-header {
  background-color: #827AC2;
  background-image: linear-gradient(140deg, #827AC2 0%, #BC70A4 50%, #FFA3CA 75%); }
/* line 6, ../sass/_ogx-full-width.scss */
.page-template-template-full-width div#generic-hero h1 {
  max-width: 1024px; }
/* line 9, ../sass/_ogx-full-width.scss */
.page-template-template-full-width h1.entry-title, .page-template-template-full-width h2.generic-hero-h1-h2 {
  max-width: 1024px;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
  margin-top: 1.5em; }
/* line 16, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .product-table {
  width: 100% !important;
  overflow-x: auto; }
/* line 20, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .divTable {
  display: table;
  width: 1200px; }
/* line 24, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .divTableRow {
  display: table-row; }
/* line 27, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .divTableHeading {
  background-color: #EEE;
  display: table-header-group; }
/* line 31, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .divTableCell, .page-template-template-full-width .divTableHead {
  border: 1px solid #999999;
  display: table-cell;
  padding: 3px 10px;
  vertical-align: top;
  font-size: 16px;
  font-family: "Avenir Next"; }
/* line 39, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .divTableHeading {
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold; }
/* line 44, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .divTableFoot {
  background-color: #EEE;
  display: table-footer-group;
  font-weight: bold; }
/* line 49, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .divTableBody {
  display: table-row-group; }
/* line 52, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .text-center {
  text-align: center; }
/* line 55, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .cell-product-image {
  width: 175px; }
/* line 58, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .cell-substance {
  width: 475px; }
/* line 61, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .cell-reuse {
  width: 275px; }
/* line 64, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .cell-recycle {
  width: 225px; }
/* line 67, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .cell-product {
  width: 400px; }
/* line 70, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .cell-proportion {
  width: 300px; }
/* line 73, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .cell-image {
  max-width: 175px;
  width: 175px; }
/* line 77, ../sass/_ogx-full-width.scss */
.page-template-template-full-width .footer-nav-widgets-wrapper {
  display: none; }

/* line 3, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide-landing #page-header {
  background-image: url("/wp-content/uploads/2022/01/how-to-detangle-splash.jpg");
  background-position: top right;
  background-size: cover;
  height: 267px; }
/* line 10, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide-landing #site-content-inner {
  margin: 2rem auto 0 auto;
  max-width: 1100px;
  padding: 2rem 3rem 8rem 3rem; }
/* line 16, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide-landing #articles {
  margin-top: 3rem; }
/* line 20, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide-landing #articles-container {
  display: flex;
  flex-wrap: wrap; }
  /* line 24, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide-landing #articles-container .article {
    flex: 1;
    margin: 2rem;
    min-width: 280px;
    position: relative;
    text-align: left; }
    /* line 31, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article img {
      height: 100%;
      object-fit: cover;
      max-height: 480px; }
    /* line 37, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article.ogx-gradient {
      position: relative; }
      /* line 40, ../sass/_ogx-hair-guide.scss */
      body.page-template-page_hair-guide-landing #articles-container .article.ogx-gradient::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute; }
    /* line 50, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article:nth-child(1).ogx-gradient::before {
      background: linear-gradient(0deg, #ffa3ca 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 56, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article:nth-child(2n).ogx-gradient::before {
      background: linear-gradient(0deg, #827ac2 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 62, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article:nth-child(3n).ogx-gradient::before {
      background: linear-gradient(0deg, #20cbd4 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 68, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article:nth-child(4n).ogx-gradient::before {
      background: linear-gradient(0deg, #ffa3ca 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 74, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article:nth-child(5n).ogx-gradient::before {
      background: linear-gradient(0deg, #827ac2 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 80, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article:nth-child(7n).ogx-gradient::before {
      background: linear-gradient(0deg, #20cbd4 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 85, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article .content {
      bottom: 0;
      left: 0;
      max-width: 240px;
      position: absolute;
      text-transform: uppercase; }
      /* line 92, ../sass/_ogx-hair-guide.scss */
      body.page-template-page_hair-guide-landing #articles-container .article .content h3, body.page-template-page_hair-guide-landing #articles-container .article .content h4 {
        color: #FFFFFF;
        font-family: "Avenir Next Bold";
        margin: 0;
        padding-left: 3rem; }
      /* line 99, ../sass/_ogx-hair-guide.scss */
      body.page-template-page_hair-guide-landing #articles-container .article .content h3 {
        font-size: 17px;
        line-height: 24px;
        margin-top: 1.5rem; }
      /* line 105, ../sass/_ogx-hair-guide.scss */
      body.page-template-page_hair-guide-landing #articles-container .article .content h4 {
        background-color: #FFFFFF;
        color: #000000;
        font-size: 15px;
        line-height: 21px;
        padding: 0.5rem 0 0.5rem 3rem; }
      /* line 113, ../sass/_ogx-hair-guide.scss */
      body.page-template-page_hair-guide-landing #articles-container .article .content p.article-cta {
        color: #FFFFFF;
        margin-top: 1rem;
        padding-left: 3rem;
        text-decoration: none; }
    /* line 121, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide-landing #articles-container .article img.background {
      width: 100%; }
    @media (min-width: 900px) {
      /* line 24, ../sass/_ogx-hair-guide.scss */
      body.page-template-page_hair-guide-landing #articles-container .article {
        min-width: 480px; } }
  /* line 132, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide-landing #articles-container .tips-for-healthy-strong-hair h4, body.page-template-page_hair-guide-landing #articles-container .how-to-detangle-your-hair h4, body.page-template-page_hair-guide-landing #articles-container .tips-to-make-hair-color-last h4 {
    color: #20CBD4 !important; }
  /* line 139, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide-landing #articles-container .cute-hairstyles-for-different-hair-types h4, body.page-template-page_hair-guide-landing #articles-container .best-hair-mask-for-your-hair-type h4, body.page-template-page_hair-guide-landing #articles-container .tips-to-tame-prevent-frizzy-hair h4 {
    color: #FFA3CA !important; }
  /* line 146, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide-landing #articles-container .the-how-why-conditioning-hair h4, body.page-template-page_hair-guide-landing #articles-container .how-often-should-you-wash-your-hair h4 {
    color: #827AC2 !important; }

/* line 155, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide #banner-container {
  display: inline;
  position: relative; }
  /* line 159, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide #banner-container #page-header {
    background-position: center top;
    background-size: cover;
    height: 267px;
    position: relative; }
    @media (min-width: 900px) {
      /* line 159, ../sass/_ogx-hair-guide.scss */
      body.page-template-page_hair-guide #banner-container #page-header {
        background-position: top right;
        height: 800px; } }
    /* line 170, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide #banner-container #page-header::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    /* line 179, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide #banner-container #page-header.pink-gradient:after {
      background: linear-gradient(0deg, #ffa3ca 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 183, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide #banner-container #page-header.blue-gradient:after {
      background: linear-gradient(0deg, #20cbd4 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
    /* line 187, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide #banner-container #page-header.purple-gradient:after {
      background: linear-gradient(0deg, #827ac2 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%); }
  /* line 192, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide #banner-container #page-title {
    display: flex;
    justify-content: center; }
    /* line 196, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide #banner-container #page-title h1 {
      color: #20CBD4;
      font-family: "Avenir Next Bold";
      font-size: 48px;
      line-height: 57px;
      max-width: 1100px;
      padding: 0 3rem;
      position: relative;
      z-index: 1; }
      @media (min-width: 900px) {
        /* line 196, ../sass/_ogx-hair-guide.scss */
        body.page-template-page_hair-guide #banner-container #page-title h1 {
          bottom: 0;
          color: #FFFFFF;
          margin: 0 auto;
          padding: 1rem 3rem;
          position: absolute; } }
/* line 216, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide #site-content-inner {
  margin: 0 auto 0 auto;
  max-width: 1100px;
  padding: 2rem 3rem 8rem 3rem; }
/* line 224, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .article-content h2 {
  color: #20CBD4;
  font-family: "Avenir Next Bold";
  font-size: 42px;
  line-height: 45px; }
/* line 231, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .article-content p {
  color: #000000;
  font-family: "Avenir Next";
  font-size: 18px;
  line-height: 24px; }
/* line 238, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .article-content .block-30 {
  width: 28%;
  display: inline-block;
  vertical-align: top; }
/* line 244, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .article-content .block-40 {
  width: 38%;
  display: inline-block;
  vertical-align: top; }
/* line 250, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .article-content .block-50 {
  width: 48%;
  display: inline-block;
  vertical-align: top; }
/* line 256, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .article-content .block-60 {
  width: 58%;
  display: inline-block;
  vertical-align: top; }
/* line 262, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .article-content .block-70 {
  width: 68%;
  display: inline-block;
  vertical-align: top; }
/* line 268, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .article-content .space-right {
  margin-right: 2%; }
/* line 275, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .author-info h4, body.page-template-page_hair-guide .author-info p {
  color: #827AC2;
  font-family: "Avenir Next Bold";
  text-transform: uppercase; }
/* line 281, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .author-info h4 {
  font-size: 23px;
  line-height: 27px; }
/* line 286, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .author-info p {
  font-size: 13px;
  line-height: 16px; }
/* line 291, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .author-info a {
  color: #827AC2;
  text-decoration: none; }
/* line 297, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .featured-products-wrapper {
  position: relative; }
/* line 301, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .featured-products-nav {
  display: none;
  position: relative;
  left: 0;
  top: 160px;
  width: 100%;
  z-index: 10; }
  /* line 309, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide .featured-products-nav a {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    cursor: pointer;
    font-size: 14px;
    line-height: normal;
    padding: 1rem;
    position: absolute;
    text-decoration: none;
    top: 20px; }
  /* line 322, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide .featured-products-nav a.prev-arrow {
    left: -45px; }
  /* line 326, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide .featured-products-nav a.next-arrow {
    right: -45px; }
  @media (min-width: 900px) {
    /* line 301, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide .featured-products-nav {
      display: block; } }
/* line 335, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide .featured-products {
  margin-top: 4rem; }
  /* line 338, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide .featured-products .product-details {
    margin: 0 2rem 0 2rem;
    text-align: center; }
    /* line 342, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide .featured-products .product-details .product-image {
      text-align: center; }
      /* line 345, ../sass/_ogx-hair-guide.scss */
      body.page-template-page_hair-guide .featured-products .product-details .product-image img {
        margin: 0 auto 0 auto; }
    /* line 350, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide .featured-products .product-details h3 {
      color: #000000;
      font-family: "Avenir Next Bold";
      font-size: 16px;
      height: 52px;
      line-height: 24px;
      margin: 2rem auto 0 auto; }
    /* line 359, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide .featured-products .product-details .product-price {
      margin-top: 5rem; }
      @media (min-width: 900px) {
        /* line 359, ../sass/_ogx-hair-guide.scss */
        body.page-template-page_hair-guide .featured-products .product-details .product-price {
          margin-top: 0; } }
    /* line 367, ../sass/_ogx-hair-guide.scss */
    body.page-template-page_hair-guide .featured-products .product-details p.description {
      display: none;
      font-size: 14px;
      height: 142px;
      margin-top: 2rem; }
      @media (min-width: 900px) {
        /* line 367, ../sass/_ogx-hair-guide.scss */
        body.page-template-page_hair-guide .featured-products .product-details p.description {
          display: block; } }
/* line 380, ../sass/_ogx-hair-guide.scss */
body.page-template-page_hair-guide #crl8-homepage-carousel {
  margin: 6rem 0 4rem 0; }
  /* line 383, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide #crl8-homepage-carousel .jRepUp {
    color: #20CBD4 !important; }
  /* line 387, ../sass/_ogx-hair-guide.scss */
  body.page-template-page_hair-guide #crl8-homepage-carousel .ioijAT {
    color: #000000 !important; }

/* line 1, ../sass/_ogx-tabs.scss */
.tabs-section {
  padding-top: 120px;
  margin-bottom: 90px;
  text-align: left !important;
  clear: none !important; }
  @media (max-width: 899px) {
    /* line 1, ../sass/_ogx-tabs.scss */
    .tabs-section {
      padding-top: 60px;
      padding-bottom: 40px;
      margin: 0 50px;
      text-align: center; } }
  @media (max-width: 899px) {
    /* line 14, ../sass/_ogx-tabs.scss */
    .tabs-section .desktop {
      display: none !important; } }
  @media (min-width: 900px) {
    /* line 20, ../sass/_ogx-tabs.scss */
    .tabs-section .mobile {
      display: none !important; } }
  /* line 26, ../sass/_ogx-tabs.scss */
  .tabs-section .tabs-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 4px solid #000000;
    width: 100%;
    margin-bottom: 50px; }
    @media (max-width: 899px) {
      /* line 26, ../sass/_ogx-tabs.scss */
      .tabs-section .tabs-nav {
        border-bottom: none; } }
  /* line 39, ../sass/_ogx-tabs.scss */
  .tabs-section .tabs-heading {
    flex: 0 0 auto;
    border-bottom: 4px solid transparent;
    color: rgba(0, 0, 0, 0.5);
    transition: color 0.5s ease 0s, border-bottom 0.5s ease 0s;
    cursor: pointer;
    font: 400 29px/44px "Alternate Gothic No2 D";
    padding: 0 15px;
    margin-bottom: -4px; }
    @media (max-width: 1200px) {
      /* line 39, ../sass/_ogx-tabs.scss */
      .tabs-section .tabs-heading {
        padding: 0 11px; } }
    /* line 53, ../sass/_ogx-tabs.scss */
    .tabs-section .tabs-heading:first-child {
      padding-left: 0; }
    /* line 57, ../sass/_ogx-tabs.scss */
    .tabs-section .tabs-heading:last-child {
      padding-right: 0; }
    /* line 61, ../sass/_ogx-tabs.scss */
    .tabs-section .tabs-heading.active, .tabs-section .tabs-heading:hover {
      color: #000000; }
    @media (max-width: 899px) {
      /* line 39, ../sass/_ogx-tabs.scss */
      .tabs-section .tabs-heading {
        border-bottom: 4px solid #000000;
        text-align: center;
        margin: 15px 0; } }
  /* line 73, ../sass/_ogx-tabs.scss */
  .tabs-section .tabs-group-wrap {
    position: relative; }
  /* line 77, ../sass/_ogx-tabs.scss */
  .tabs-section .tabs-group {
    display: none;
    position: relative;
    justify-content: space-between;
    width: 100%; }
    /* line 83, ../sass/_ogx-tabs.scss */
    .tabs-section .tabs-group.questions .bv-action-bar button, .tabs-section .tabs-group.questions .bv-action-bar button:hover, .tabs-section .tabs-group.questions .bv-action-bar button:focus {
      font-weight: 500 !important;
      margin: 0 auto 0 auto !important;
      width: 100% !important;
      background-color: #FEE123 !important;
      border: 3px solid #000000 !important;
      color: #000000 !important;
      display: block !important;
      font-family: "Alternate Gothic No2 D" !important;
      font-size: 21px !important;
      letter-spacing: 2px !important;
      line-height: 21px !important;
      padding: 1.5rem 2.5rem 1rem 2.5rem !important;
      text-align: center !important;
      text-decoration: none !important;
      text-transform: uppercase !important;
      z-index: 10 !important; }
    @media (max-width: 899px) {
      /* line 103, ../sass/_ogx-tabs.scss */
      .tabs-section .tabs-group .cta-button {
        margin-right: auto !important; } }
    /* line 109, ../sass/_ogx-tabs.scss */
    .tabs-section .tabs-group .paginator li:first-child,
    .tabs-section .tabs-group .paginator li:last-child {
      white-space: nowrap; }
    /* line 116, ../sass/_ogx-tabs.scss */
    .tabs-section .tabs-group.questions .content-module-inner {
      width: 100%; }
    /* line 132, ../sass/_ogx-tabs.scss */
    .tabs-section .tabs-group.active {
      display: flex; }
    @media (max-width: 899px) {
      /* line 77, ../sass/_ogx-tabs.scss */
      .tabs-section .tabs-group {
        border-bottom: 4px solid black;
        padding-bottom: 25px;
        justify-content: center; } }
    @media (max-width: 1350px) {
      /* line 77, ../sass/_ogx-tabs.scss */
      .tabs-section .tabs-group {
        flex-wrap: wrap; } }

/* line 1, ../sass/_ogx-header.scss */
#site-header {
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  position: fixed;
  width: 100vw;
  z-index: 20; }
  /* line 8, ../sass/_ogx-header.scss */
  #site-header .header-navigation-frame {
    min-height: 100px; }
  /* line 12, ../sass/_ogx-header.scss */
  #site-header .header-navigation {
    align-items: center;
    border-bottom: 2px solid #FFFFFF;
    display: flex;
    justify-content: center;
    margin: 0 2rem 0 2rem;
    text-align: center;
    padding: 2rem 0 1rem 0; }
    /* line 23, ../sass/_ogx-header.scss */
    #site-header .header-navigation div a {
      color: #000000 !important;
      font-family: "Avenir Next";
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 23px;
      letter-spacing: 0.015em;
      text-decoration: none; }
    /* line 37, ../sass/_ogx-header.scss */
    #site-header .header-navigation a.logo img {
      margin: 0 auto 0 auto;
      width: 100px; }
      @media (min-width: 900px) {
        /* line 37, ../sass/_ogx-header.scss */
        #site-header .header-navigation a.logo img {
          width: 120px; } }
    /* line 47, ../sass/_ogx-header.scss */
    #site-header .header-navigation li.env-info {
      display: none; }
    /* line 52, ../sass/_ogx-header.scss */
    #site-header .header-navigation img.flag-icon {
      display: none; }
    @media (min-width: 1275px) {
      /* line 12, ../sass/_ogx-header.scss */
      #site-header .header-navigation {
        margin: 0 4rem 0 4rem;
        max-width: none; }
        /* line 60, ../sass/_ogx-header.scss */
        #site-header .header-navigation li.env-info {
          display: block;
          right: 125px; }
          /* line 64, ../sass/_ogx-header.scss */
          #site-header .header-navigation li.env-info a {
            font-weight: 300; }
        /* line 69, ../sass/_ogx-header.scss */
        #site-header .header-navigation img.flag-icon {
          display: inline-block;
          max-width: 20px; } }
  /* line 77, ../sass/_ogx-header.scss */
  #site-header .header-navigation-scrolled div.header-navigation {
    border-bottom: 0px !important; }
  /* line 84, ../sass/_ogx-header.scss */
  #site-header ul li {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); }
    /* line 89, ../sass/_ogx-header.scss */
    #site-header ul li a:link, #site-header ul li a:visited {
      color: #000000 !important;
      font-style: normal;
      font-size: 15px;
      line-height: 100%;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.1px; }
    /* line 100, ../sass/_ogx-header.scss */
    #site-header ul li a {
      position: relative; }
      /* line 103, ../sass/_ogx-header.scss */
      #site-header ul li a::after {
        content: "";
        display: block;
        bottom: -10px;
        width: 100%;
        position: absolute;
        height: 5px;
        background-color: #827AC2;
        opacity: 0;
        transition: opacity .2s; }
    /* line 117, ../sass/_ogx-header.scss */
    #site-header ul li a:hover::after {
      opacity: 1; }
  /* line 125, ../sass/_ogx-header.scss */
  #site-header ul li.hair a, #site-header ul li.body a, #site-header ul li.get-inspired a {
    background-image: url("../images/navigation/mega-menu/dropdown-arrow-solid.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 7px;
    text-decoration: none; }
  /* line 135, ../sass/_ogx-header.scss */
  #site-header ul li.get-inspired a {
    background-image: none; }
  /* line 140, ../sass/_ogx-header.scss */
  #site-header ul li.hair, #site-header ul li.body, #site-header ul li.get-inspired, #site-header ul li.hair-quiz, #site-header ul li.ogxbeauty, #site-header ul li.email-rewards, #site-header ul li.where-to-buy {
    display: none; }
    @media (min-width: 1275px) {
      /* line 140, ../sass/_ogx-header.scss */
      #site-header ul li.hair, #site-header ul li.body, #site-header ul li.get-inspired, #site-header ul li.hair-quiz, #site-header ul li.ogxbeauty, #site-header ul li.email-rewards, #site-header ul li.where-to-buy {
        display: block; } }
  /* line 148, ../sass/_ogx-header.scss */
  #site-header ul li.hair {
    left: 30px;
    background-image: none !important; }
  /* line 153, ../sass/_ogx-header.scss */
  #site-header ul li.body {
    left: 210px;
    background-image: none !important; }
  /* line 158, ../sass/_ogx-header.scss */
  #site-header ul li.where-to-buy {
    right: 320px; }
  /* line 162, ../sass/_ogx-header.scss */
  #site-header ul li.email-rewards {
    left: 420px; }
  /* line 166, ../sass/_ogx-header.scss */
  #site-header ul li.get-inspired {
    left: 300px; }
  /* line 170, ../sass/_ogx-header.scss */
  #site-header ul li.ogxbeauty {
    right: 160px; }
  /* line 174, ../sass/_ogx-header.scss */
  #site-header ul li.icon-search, #site-header ul li.search-field {
    right: 42px; }
  /* line 178, ../sass/_ogx-header.scss */
  #site-header ul li.icon-search {
    background-image: url("../images/icons/navigation/search-blk.png"); }
  /* line 196, ../sass/_ogx-header.scss */
  #site-header a.menu-expand {
    background-image: url("../images/icons/navigation/menu-expand-blk.png");
    display: block;
    left: 22px;
    position: absolute; }
    @media (min-width: 1275px) {
      /* line 196, ../sass/_ogx-header.scss */
      #site-header a.menu-expand {
        display: none; } }
  /* line 207, ../sass/_ogx-header.scss */
  #site-header a.menu-expand, #site-header li.icon-search, #site-header li.icon-cart {
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 24px;
    width: 24px; }
  /* line 218, ../sass/_ogx-header.scss */
  #site-header .mm-collections {
    position: absolute;
    width: 104vw;
    background: #f6f6f6;
    left: -90px;
    top: 59px;
    padding: 28px 13.3vw 0;
    display: none; }
    /* line 227, ../sass/_ogx-header.scss */
    #site-header .mm-collections .m {
      display: none; }
    /* line 231, ../sass/_ogx-header.scss */
    #site-header .mm-collections #back {
      display: none; }
    /* line 235, ../sass/_ogx-header.scss */
    #site-header .mm-collections.active {
      display: block; }
    /* line 239, ../sass/_ogx-header.scss */
    #site-header .mm-collections .collection-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-gap: 40px 75px; }
      /* line 245, ../sass/_ogx-header.scss */
      #site-header .mm-collections .collection-grid .collection {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        /* line 251, ../sass/_ogx-header.scss */
        #site-header .mm-collections .collection-grid .collection .img-wrap {
          height: 140px;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden; }
        /* line 258, ../sass/_ogx-header.scss */
        #site-header .mm-collections .collection-grid .collection .img-wrap img {
          max-width: 100%;
          height: auto;
          display: block;
          margin: 0 auto; }
        /* line 265, ../sass/_ogx-header.scss */
        #site-header .mm-collections .collection-grid .collection .col-bot {
          display: flex;
          flex-direction: column;
          background: white;
          align-items: start;
          padding: 15px;
          width: 100%; }
          /* line 273, ../sass/_ogx-header.scss */
          #site-header .mm-collections .collection-grid .collection .col-bot h6 {
            margin: 0 0 10px;
            color: #000000 !important;
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
            line-height: 100%;
            text-align: left;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.1px; }
          /* line 286, ../sass/_ogx-header.scss */
          #site-header .mm-collections .collection-grid .collection .col-bot a {
            font-size: 15px;
            text-decoration: underline;
            text-transform: capitalize; }
            /* line 291, ../sass/_ogx-header.scss */
            #site-header .mm-collections .collection-grid .collection .col-bot a::after {
              display: none !important; }
    /* line 301, ../sass/_ogx-header.scss */
    #site-header .mm-collections .all-link {
      padding: 28px 0; }
      /* line 304, ../sass/_ogx-header.scss */
      #site-header .mm-collections .all-link a {
        text-transform: capitalize;
        text-decoration: underline; }
        /* line 308, ../sass/_ogx-header.scss */
        #site-header .mm-collections .all-link a::after {
          display: none !important; }
  /* line 315, ../sass/_ogx-header.scss */
  #site-header .mm-hair-body {
    position: absolute;
    width: 100vw;
    background: #f6f6f6;
    left: -240px;
    top: 59px;
    padding: 28px 13.3vw 0;
    display: none; }
    /* line 324, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body.active {
      display: block; }
    /* line 328, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .img-wrap {
      overflow: hidden; }
    /* line 332, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .heading {
      font-size: 18px;
      font-weight: 600;
      text-transform: uppercase;
      text-align: left;
      white-space: nowrap;
      flex: 0 4%; }
      /* line 340, ../sass/_ogx-header.scss */
      #site-header .mm-hair-body .heading.first {
        margin-right: 30px; }
    /* line 346, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body li {
      position: relative !important;
      top: unset;
      transform: unset;
      list-style-type: none !important;
      text-align: left;
      margin: 0 0 5px;
      height: fit-content;
      display: flex; }
    /* line 357, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .edit, #site-header .mm-hair-body .type, #site-header .mm-hair-body .goal {
      flex: 0 15%; }
      /* line 360, ../sass/_ogx-header.scss */
      #site-header .mm-hair-body .edit .heading, #site-header .mm-hair-body .type .heading, #site-header .mm-hair-body .goal .heading {
        font-size: 15px;
        margin-bottom: 10px; }
      /* line 365, ../sass/_ogx-header.scss */
      #site-header .mm-hair-body .edit li a, #site-header .mm-hair-body .type li a, #site-header .mm-hair-body .goal li a {
        font-size: 14px;
        text-transform: capitalize;
        white-space: nowrap;
        margin-bottom: 4px; }
        /* line 371, ../sass/_ogx-header.scss */
        #site-header .mm-hair-body .edit li a:hover::after, #site-header .mm-hair-body .type li a:hover::after, #site-header .mm-hair-body .goal li a:hover::after {
          display: none !important; }
    /* line 377, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .goal {
      margin-right: 10vw; }
    /* line 381, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .top-hair, #site-header .mm-hair-body .bot-hair {
      display: flex; }
    /* line 385, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .top-hair {
      border-bottom: 1px solid #707070; }
    /* line 389, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .bot-hair {
      margin: 32px 0 0 0; }
    /* line 393, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .featured-products {
      display: flex;
      flex: 0 40%; }
      /* line 397, ../sass/_ogx-header.scss */
      #site-header .mm-hair-body .featured-products .featured-product {
        margin-right: 2vw;
        width: 33%; }
        /* line 401, ../sass/_ogx-header.scss */
        #site-header .mm-hair-body .featured-products .featured-product:last-child {
          margin-right: 0; }
      /* line 406, ../sass/_ogx-header.scss */
      #site-header .mm-hair-body .featured-products .img-wrap {
        height: 185px;
        background-size: cover;
        background-position: center; }
      /* line 412, ../sass/_ogx-header.scss */
      #site-header .mm-hair-body .featured-products .title {
        font-size: 12px;
        margin-top: 10px;
        text-transform: capitalize; }
        /* line 417, ../sass/_ogx-header.scss */
        #site-header .mm-hair-body .featured-products .title label {
          display: inline-block;
          margin-right: 3px;
          font-weight: 500;
          font-size: 12px; }
      /* line 426, ../sass/_ogx-header.scss */
      #site-header .mm-hair-body .featured-products a:hover::after {
        display: none !important; }
    /* line 432, ../sass/_ogx-header.scss */
    #site-header .mm-hair-body .view-all {
      flex: 0 18%;
      display: flex;
      justify-content: center;
      align-items: center; }
      /* line 438, ../sass/_ogx-header.scss */
      #site-header .mm-hair-body .view-all a {
        text-transform: capitalize;
        text-decoration: underline; }
        /* line 442, ../sass/_ogx-header.scss */
        #site-header .mm-hair-body .view-all a:hover::after {
          display: none !important; }

/* line 450, ../sass/_ogx-header.scss */
.sub-menu {
  margin: 0 !important; }

/* line 454, ../sass/_ogx-header.scss */
#menu-item-218068, #menu-item-218077, #menu-item-218106 {
  list-style-type: none !important; }

/* line 458, ../sass/_ogx-header.scss */
#page-header {
  background-size: cover; }

/* line 462, ../sass/_ogx-header.scss */
#inner-page-header {
  background-size: cover;
  min-height: 380px;
  padding: 290px 0 0 0; }
  /* line 467, ../sass/_ogx-header.scss */
  #inner-page-header h1, #inner-page-header .breadcrumbs {
    color: #FFFFFF !important;
    margin: 0 0 0 2rem; }
  /* line 472, ../sass/_ogx-header.scss */
  #inner-page-header h1 {
    font-size: 60px;
    font-weight: 400;
    line-height: 55px;
    margin-top: 2rem; }
  /* line 479, ../sass/_ogx-header.scss */
  #inner-page-header .breadcrumbs {
    color: #FFFFFF;
    font-family: "Avenir Next Bold";
    text-transform: uppercase; }
  @media (min-width: 900px) {
    /* line 462, ../sass/_ogx-header.scss */
    #inner-page-header {
      margin: 0 auto 0 auto;
      max-width: 1200px;
      min-height: 440px;
      padding: 200px 0 0 0;
      position: relative; } }

/* line 495, ../sass/_ogx-header.scss */
.page-template-page_product-list .product-content {
  display: none; }
  @media (min-width: 900px) {
    /* line 495, ../sass/_ogx-header.scss */
    .page-template-page_product-list .product-content {
      display: block; } }

/* line 504, ../sass/_ogx-header.scss */
.header-inner {
  display: block;
  max-width: none;
  padding: 0;
  width: 100%; }

/* line 2, ../sass/_ogx-mega-menu.scss */
.fixed {
  overflow: hidden; }

/* line 6, ../sass/_ogx-mega-menu.scss */
#mega-menu.active {
  display: block !important; }

/* line 10, ../sass/_ogx-mega-menu.scss */
#mega-menu {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 19;
  overflow-y: scroll; }
  /* line 19, ../sass/_ogx-mega-menu.scss */
  #mega-menu.active-tab .sm-act a {
    font-size: 15px; }
  /* line 23, ../sass/_ogx-mega-menu.scss */
  #mega-menu.active-tab #back {
    display: block !important; }
  /* line 27, ../sass/_ogx-mega-menu.scss */
  #mega-menu.active-tab .mega-menu-inner li {
    padding: 0; }
  /* line 31, ../sass/_ogx-mega-menu.scss */
  #mega-menu.active-tab .mm-collections {
    display: block !important; }
  /* line 37, ../sass/_ogx-mega-menu.scss */
  #mega-menu.active-hair .mm-hair {
    display: block !important; }
  /* line 41, ../sass/_ogx-mega-menu.scss */
  #mega-menu.active-hair #back {
    display: block !important; }
  /* line 47, ../sass/_ogx-mega-menu.scss */
  #mega-menu.active-body .mm-body {
    display: block !important; }
  /* line 51, ../sass/_ogx-mega-menu.scss */
  #mega-menu.active-body #back {
    display: block !important; }
  /* line 57, ../sass/_ogx-mega-menu.scss */
  #mega-menu .mega-menu-inner {
    background-color: #f6f6f6;
    height: calc(100vh - 95px);
    padding: 2rem 20px 0;
    position: relative; }
    @media (min-width: 1400px) {
      /* line 57, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner {
        background: none;
        min-height: 0;
        padding: 9rem 4rem 0 4rem; } }
    @media (min-width: 1275px) {
      /* line 57, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner {
        display: none; } }
    /* line 73, ../sass/_ogx-mega-menu.scss */
    #mega-menu .mega-menu-inner li {
      padding: 20px 0;
      border-bottom: 4px solid #827AC2;
      margin: 0; }
      /* line 78, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner li > a {
        color: #000000;
        font-weight: 600;
        text-transform: uppercase;
        font-style: normal;
        font-size: 20px;
        letter-spacing: 0.01em;
        line-height: 1;
        text-decoration: none; }
      /* line 89, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner li:last-child {
        border-bottom: 0; }
    /* line 94, ../sass/_ogx-mega-menu.scss */
    #mega-menu .mega-menu-inner #back {
      text-transform: capitalize;
      font-size: 15px;
      color: black;
      display: none;
      text-decoration: none;
      font-weight: 500; }
    /* line 104, ../sass/_ogx-mega-menu.scss */
    #mega-menu .mega-menu-inner .mm-collections {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      background: #f6f6f6;
      width: 100%;
      min-height: 100vh;
      padding: 10px 5vw 0; }
      /* line 115, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-collections .heading {
        font-size: 16px;
        font-weight: 300;
        text-transform: uppercase;
        margin: 0 0 25px; }
        /* line 121, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-collections .heading.first {
          font-size: 18px;
          font-weight: 600;
          text-transform: uppercase;
          margin: 0 0 24px; }
      /* line 129, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-collections .all-link {
        text-align: center;
        padding: 23px; }
        /* line 133, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-collections .all-link a {
          color: black; }
      /* line 138, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-collections .collection-grid {
        display: flex;
        flex-wrap: wrap;
        background-color: #f6f6f6; }
        /* line 143, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-collections .collection-grid .collection {
          flex: 0 47%;
          display: flex;
          flex-direction: column;
          margin: 5px; }
          /* line 149, ../sass/_ogx-mega-menu.scss */
          #mega-menu .mega-menu-inner .mm-collections .collection-grid .collection .img-wrap {
            height: 8vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden; }
            /* line 156, ../sass/_ogx-mega-menu.scss */
            #mega-menu .mega-menu-inner .mm-collections .collection-grid .collection .img-wrap img {
              max-width: 100%;
              height: auto;
              display: block;
              margin: 0 auto; }
          /* line 164, ../sass/_ogx-mega-menu.scss */
          #mega-menu .mega-menu-inner .mm-collections .collection-grid .collection .col-bot {
            background-color: white;
            padding: 23px 15px 10px; }
            /* line 168, ../sass/_ogx-mega-menu.scss */
            #mega-menu .mega-menu-inner .mm-collections .collection-grid .collection .col-bot h6 {
              font-size: 14px;
              margin: 0;
              line-height: 1; }
            /* line 174, ../sass/_ogx-mega-menu.scss */
            #mega-menu .mega-menu-inner .mm-collections .collection-grid .collection .col-bot a {
              color: black;
              font-size: 15px; }
    /* line 183, ../sass/_ogx-mega-menu.scss */
    #mega-menu .mega-menu-inner .mm-hair {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      background: #f6f6f6;
      width: 100%;
      min-height: 100vh;
      padding: 10px 5vw 0; }
      @media (min-width: 1275px) {
        /* line 194, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-hair .top-hair {
          margin-top: 24px; } }
      /* line 199, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-hair .heading {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0; }
        /* line 205, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-hair .heading.first {
          font-size: 18px;
          font-weight: 600;
          text-transform: uppercase;
          margin: 0 0 24px; }
      /* line 213, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-hair .edit, #mega-menu .mega-menu-inner .mm-hair .type, #mega-menu .mega-menu-inner .mm-hair .goal {
        margin-bottom: 24px; }
      /* line 217, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-hair li {
        list-style-type: none;
        padding: 0;
        border-bottom: none;
        display: block;
        margin-bottom: 5px;
        line-height: 0; }
        /* line 225, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-hair li a {
          font-size: 16px;
          font-weight: 300;
          text-transform: capitalize; }
      /* line 232, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-hair .featured-product {
        display: flex;
        flex-direction: row;
        margin-bottom: 10px; }
        /* line 237, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-hair .featured-product .img-wrap {
          flex: 0 33%;
          background-size: cover;
          background-position: center;
          margin-right: 11vw;
          min-height: 100px; }
        /* line 245, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-hair .featured-product a {
          flex: 0 36%;
          text-decoration: none; }
        /* line 250, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-hair .featured-product .title {
          color: black;
          font-size: 18px;
          text-decoration: none;
          font-weight: 300;
          min-height: 150px; }
          /* line 257, ../sass/_ogx-mega-menu.scss */
          #mega-menu .mega-menu-inner .mm-hair .featured-product .title label {
            display: inline;
            font-weight: 300; }
    /* line 265, ../sass/_ogx-mega-menu.scss */
    #mega-menu .mega-menu-inner .mm-body {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      background: #f6f6f6;
      width: 100%;
      min-height: 100vh;
      padding: 10px 5vw 0; }
      /* line 275, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-body .heading {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 5px; }
        /* line 281, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-body .heading.first {
          font-size: 18px;
          font-weight: 600;
          text-transform: uppercase;
          margin: 0 0 24px; }
      /* line 289, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-body .edit, #mega-menu .mega-menu-inner .mm-body .type, #mega-menu .mega-menu-inner .mm-body .goal {
        margin-bottom: 24px; }
      /* line 293, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-body li {
        list-style-type: none;
        padding: 0;
        border-bottom: none;
        display: block;
        margin-bottom: 5px;
        line-height: 0; }
        /* line 301, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-body li a {
          font-size: 16px;
          font-weight: 300;
          text-transform: capitalize; }
      /* line 308, ../sass/_ogx-mega-menu.scss */
      #mega-menu .mega-menu-inner .mm-body .featured-product {
        display: flex;
        flex-direction: row;
        margin-bottom: 10px; }
        /* line 313, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-body .featured-product .img-wrap {
          flex: 0 33%;
          background-size: cover;
          background-position: center;
          margin-right: 11vw;
          min-height: 100px; }
        /* line 321, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-body .featured-product a {
          flex: 0 36%;
          text-decoration: none; }
        /* line 326, ../sass/_ogx-mega-menu.scss */
        #mega-menu .mega-menu-inner .mm-body .featured-product .title {
          color: black;
          font-size: 18px;
          text-decoration: none;
          font-weight: 300;
          min-height: 150px; }
          /* line 333, ../sass/_ogx-mega-menu.scss */
          #mega-menu .mega-menu-inner .mm-body .featured-product .title label {
            display: inline;
            font-weight: 300; }
  /* line 342, ../sass/_ogx-mega-menu.scss */
  #mega-menu a.menu-close {
    background-image: url("../images/icons/navigation/menu-close.png");
    background-size: contain;
    display: block;
    height: 20px;
    left: 24px;
    position: absolute;
    top: 31px;
    width: 20px; }
    /* line 352, ../sass/_ogx-mega-menu.scss */
    #mega-menu a.menu-close.menu-close-text {
      height: auto;
      width: auto;
      position: static;
      background-image: none;
      padding: 10px 20px;
      text-decoration: none;
      color: #FFFFFF;
      font-family: "Alternate Gothic No2 D";
      text-transform: uppercase;
      text-align: right;
      font-weight: normal;
      font-size: 22px; }
  /* line 368, ../sass/_ogx-mega-menu.scss */
  #mega-menu .logo {
    text-align: center;
    width: 100%; }
    /* line 372, ../sass/_ogx-mega-menu.scss */
    #mega-menu .logo img {
      margin: 0 auto 0 auto;
      width: 100px; }
@media (min-width: 900px) and (min-width: 1200px) {
  /* line 378, ../sass/_ogx-mega-menu.scss */
  #mega-menu .menu-tab {
    display: flex;
    flex-wrap: wrap; } }

  /* line 388, ../sass/_ogx-mega-menu.scss */
  #mega-menu .menu-tab-hidden {
    display: none; }
  /* line 392, ../sass/_ogx-mega-menu.scss */
  #mega-menu h2 {
    font-family: "Alternate Gothic No2 D";
    font-size: 32px;
    line-height: 1;
    margin: 0 2rem 0 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal; }
    /* line 401, ../sass/_ogx-mega-menu.scss */
    #mega-menu h2 a {
      border-bottom: 1px solid #FFFFFF;
      color: #FFFFFF;
      display: block;
      padding: 2rem 0 2rem 2rem; }
    /* line 408, ../sass/_ogx-mega-menu.scss */
    #mega-menu h2 a.expanded {
      border: 0; }
    /* line 412, ../sass/_ogx-mega-menu.scss */
    #mega-menu h2.menu-tab-header {
      background-image: url("../images/icons/navigation/menu-arrow.png");
      background-position: right;
      background-repeat: no-repeat; }
    /* line 418, ../sass/_ogx-mega-menu.scss */
    #mega-menu h2 img.flag-icon {
      display: inline-block; }
    @media (min-width: 900px) {
      /* line 392, ../sass/_ogx-mega-menu.scss */
      #mega-menu h2 {
        display: none; } }
  @media (min-width: 1400px) {
    /* line 10, ../sass/_ogx-mega-menu.scss */
    #mega-menu {
      padding-bottom: 12rem; } }

/* line 440, ../sass/_ogx-mega-menu.scss */
h3.menu-hair-quiz, h4.menu-social {
  padding-left: 2rem; }
  /* line 443, ../sass/_ogx-mega-menu.scss */
  h3.menu-hair-quiz a:link, h3.menu-hair-quiz a:hover, h3.menu-hair-quiz a:visited, h4.menu-social a:link, h4.menu-social a:hover, h4.menu-social a:visited {
    color: #FFFFFF; }

/* line 448, ../sass/_ogx-mega-menu.scss */
h3.menu-hair-quiz {
  font-family: "Avenir Next Bold";
  font-size: 15px;
  text-transform: uppercase; }
  /* line 453, ../sass/_ogx-mega-menu.scss */
  h3.menu-hair-quiz a {
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 0.3rem; }

/* line 459, ../sass/_ogx-mega-menu.scss */
h4.menu-social {
  font-family: "Avenir Next";
  font-size: 15px; }

/* line 465, ../sass/_ogx-mega-menu.scss */
#hair-menu .menu-section.menu-hair-guide {
  margin-right: 2rem;
  padding-top: 3rem; }
  /* line 469, ../sass/_ogx-mega-menu.scss */
  #hair-menu .menu-section.menu-hair-guide a {
    background-image: url("../images/navigation/mega-menu/dropdown-arrow-outline.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 12px;
    border: solid #FFFFFF;
    border-width: 1px 0 1px 0;
    color: #FFFFFF;
    display: block;
    padding: 2rem 0 2rem 0;
    width: 100%; }

/* line 484, ../sass/_ogx-mega-menu.scss */
#hair-menu, #body-menu, #get-inspired-menu {
  padding-top: 3rem;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  /* line 490, ../sass/_ogx-mega-menu.scss */
  #hair-menu .menu-section, #body-menu .menu-section, #get-inspired-menu .menu-section {
    flex: 1;
    margin: 0 0 2rem 2rem;
    min-width: 120px;
    text-align: left; }
    @media (min-width: 900px) {
      /* line 490, ../sass/_ogx-mega-menu.scss */
      #hair-menu .menu-section, #body-menu .menu-section, #get-inspired-menu .menu-section {
        margin: 0;
        padding-top: 0; } }
  /* line 502, ../sass/_ogx-mega-menu.scss */
  #hair-menu .menu-section-first, #body-menu .menu-section-first, #get-inspired-menu .menu-section-first {
    border: 0 !important; }
  /* line 506, ../sass/_ogx-mega-menu.scss */
  #hair-menu ul, #body-menu ul, #get-inspired-menu ul {
    margin-top: 1rem; }
  /* line 510, ../sass/_ogx-mega-menu.scss */
  #hair-menu li, #body-menu li, #get-inspired-menu li {
    margin: 0.5rem 0 0.5rem 0;
    padding: 0;
    line-height: 1.2; }
  /* line 516, ../sass/_ogx-mega-menu.scss */
  #hair-menu li a, #body-menu li a, #get-inspired-menu li a {
    color: #FFFFFF;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 1;
    text-decoration: none; }
  /* line 527, ../sass/_ogx-mega-menu.scss */
  #hair-menu h5, #body-menu h5, #get-inspired-menu h5 {
    color: #FFFFFF;
    font-family: "Avenir Next";
    font-size: 16px;
    line-height: 100%;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .75px; }

/* line 540, ../sass/_ogx-mega-menu.scss */
#hair-menu .featured-product, #body-menu .featured-product {
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 1rem 2rem 2rem 2rem; }
  @media (min-width: 900px) {
    /* line 540, ../sass/_ogx-mega-menu.scss */
    #hair-menu .featured-product, #body-menu .featured-product {
      display: block;
      margin-top: 0;
      text-align: center;
      width: 155px; } }
/* line 555, ../sass/_ogx-mega-menu.scss */
#hair-menu .featured-product-image, #body-menu .featured-product-image {
  flex: 1;
  max-width: 140px; }
  @media (min-width: 900px) {
    /* line 559, ../sass/_ogx-mega-menu.scss */
    #hair-menu .featured-product-image img, #body-menu .featured-product-image img {
      display: block;
      text-align: center; } }
  @media (min-width: 900px) {
    /* line 555, ../sass/_ogx-mega-menu.scss */
    #hair-menu .featured-product-image, #body-menu .featured-product-image {
      max-width: none; } }
/* line 572, ../sass/_ogx-mega-menu.scss */
#hair-menu .featured-product-info, #body-menu .featured-product-info {
  flex: 2;
  margin-left: 2rem; }
  /* line 576, ../sass/_ogx-mega-menu.scss */
  #hair-menu .featured-product-info h5, #hair-menu .featured-product-info h6, #hair-menu .featured-product-info p, #body-menu .featured-product-info h5, #body-menu .featured-product-info h6, #body-menu .featured-product-info p {
    color: #FFFFFF; }
  /* line 580, ../sass/_ogx-mega-menu.scss */
  #hair-menu .featured-product-info h5, #body-menu .featured-product-info h5 {
    font-family: "Avenir Next";
    font-size: 14px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    padding: 0; }
  /* line 589, ../sass/_ogx-mega-menu.scss */
  #hair-menu .featured-product-info h6, #body-menu .featured-product-info h6 {
    font-family: "Avenir Next";
    font-size: 16px;
    line-height: 20px;
    margin: 1rem 0 0 0;
    padding: .5rem 0 0;
    font-weight: normal; }
  /* line 598, ../sass/_ogx-mega-menu.scss */
  #hair-menu .featured-product-info p, #body-menu .featured-product-info p {
    font-family: "Avenir Next";
    font-size: 11px;
    line-height: 13px; }
  @media (min-width: 900px) {
    /* line 572, ../sass/_ogx-mega-menu.scss */
    #hair-menu .featured-product-info, #body-menu .featured-product-info {
      flex: 1;
      margin: 1rem 0 0 0; } }

/* line 1, ../sass/_ogx-modal.scss */
.modal-wrapper {
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 200; }

/* line 13, ../sass/_ogx-modal.scss */
.modal-close-button {
  background-image: url("../images/modal/close-button-26.png");
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  height: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px; }
  @media (min-width: 900px) {
    /* line 13, ../sass/_ogx-modal.scss */
    .modal-close-button {
      height: 20px;
      right: 20px;
      top: 20px;
      width: 20px; } }

/* line 32, ../sass/_ogx-modal.scss */
.modal-loading {
  background-image: url("../images/icons/loading.gif");
  background-size: 100%;
  background-repeat: no-repeat;
  display: none;
  height: 18px;
  margin: 0 auto 0 auto;
  width: 18px; }

/* line 42, ../sass/_ogx-modal.scss */
.modal-content {
  background-color: #FFFFFF;
  color: #827AC2;
  font-family: "Avenir Next";
  line-height: 20px;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  margin: 15% auto;
  padding: 4rem 3rem 3rem 3rem;
  position: relative;
  max-width: 280px; }
  @media (min-width: 900px) {
    /* line 42, ../sass/_ogx-modal.scss */
    .modal-content {
      max-width: 480px;
      padding: 6rem; } }

/* line 61, ../sass/_ogx-modal.scss */
#modal-review-submit, #modal-review-thankyou, #modal-mailing-list {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 30; }
  /* line 73, ../sass/_ogx-modal.scss */
  #modal-review-submit .modal-close:hover,
  #modal-review-submit .modal-close:focus, #modal-review-thankyou .modal-close:hover,
  #modal-review-thankyou .modal-close:focus, #modal-mailing-list .modal-close:hover,
  #modal-mailing-list .modal-close:focus {
    color: black;
    cursor: pointer;
    text-decoration: none; }
  /* line 80, ../sass/_ogx-modal.scss */
  #modal-review-submit h2, #modal-review-thankyou h2, #modal-mailing-list h2 {
    margin: 0;
    text-align: center; }
  /* line 85, ../sass/_ogx-modal.scss */
  #modal-review-submit form, #modal-review-thankyou form, #modal-mailing-list form {
    margin-top: 2rem; }

/* line 92, ../sass/_ogx-modal.scss */
#modal-review-submit h2 {
  color: #000000;
  font-family: "Avenir Next Bold";
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 4rem;
  text-align: left; }
/* line 101, ../sass/_ogx-modal.scss */
#modal-review-submit .modal-content {
  max-width: 960px;
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }
  @media (min-width: 900px) {
    /* line 101, ../sass/_ogx-modal.scss */
    #modal-review-submit .modal-content {
      top: -180px; } }
/* line 113, ../sass/_ogx-modal.scss */
#modal-review-submit .review-header-container .review-image {
  display: none; }
  @media (min-width: 900px) {
    /* line 113, ../sass/_ogx-modal.scss */
    #modal-review-submit .review-header-container .review-image {
      display: block;
      float: left;
      width: 280px; } }
  /* line 122, ../sass/_ogx-modal.scss */
  #modal-review-submit .review-header-container .review-image img {
    width: 220px; }
@media (min-width: 900px) {
  /* line 127, ../sass/_ogx-modal.scss */
  #modal-review-submit .review-header-container .review-header {
    margin-left: 280px; } }
@media (min-width: 900px) {
  /* line 134, ../sass/_ogx-modal.scss */
  #modal-review-submit .review-header-container .form-info {
    margin-left: 0 !important; } }
/* line 142, ../sass/_ogx-modal.scss */
#modal-review-submit .form-info {
  color: #000000;
  font-family: "Avenir Next";
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 1rem 0 1rem 0; }
  @media (min-width: 900px) {
    /* line 142, ../sass/_ogx-modal.scss */
    #modal-review-submit .form-info {
      margin: 0 3rem 0 2rem; } }
/* line 155, ../sass/_ogx-modal.scss */
#modal-review-submit .form-field-set {
  margin: 0 2rem 0 2rem;
  padding: 1rem 0 4rem 0; }
/* line 160, ../sass/_ogx-modal.scss */
#modal-review-submit .form-field-error, #modal-review-submit .form-submission-error {
  color: #C71212;
  display: block;
  padding-top: 2rem; }
/* line 166, ../sass/_ogx-modal.scss */
#modal-review-submit .form-submission-error {
  text-align: center; }
/* line 170, ../sass/_ogx-modal.scss */
#modal-review-submit a.form-button {
  cursor: pointer;
  margin-top: 4rem !important; }

/* line 177, ../sass/_ogx-modal.scss */
#modal-review-thankyou .form-info {
  margin-top: 4rem;
  text-align: center; }
/* line 182, ../sass/_ogx-modal.scss */
#modal-review-thankyou .form-button {
  margin-top: 4rem; }

/* line 187, ../sass/_ogx-modal.scss */
#modal-cta-sfmc {
  padding-top: 100px;
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  display: none;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 30; }
  /* line 201, ../sass/_ogx-modal.scss */
  #modal-cta-sfmc .grecaptcha-badge {
    right: 0px !important; }
  /* line 205, ../sass/_ogx-modal.scss */
  #modal-cta-sfmc .modal-button {
    background-size: contain;
    background-repeat: no-repeat; }
  /* line 210, ../sass/_ogx-modal.scss */
  #modal-cta-sfmc .modal-content {
    background-color: #FFFFFF;
    background-image: url("../images/modal/OGX_oil_transparent_comp_1.png");
    background-size: cover;
    background-position: top center;
    margin: 0 auto 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    border: 1px solid #707070;
    max-width: 540px;
    margin: 0 auto;
    width: 95%;
    padding: 10rem 2rem; }
    /* line 227, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content img.loading-icon {
      display: none;
      height: 64px;
      left: calc(50% - 32px);
      margin: 0 !important;
      position: absolute;
      top: calc(50% - 32px);
      width: 64px;
      z-index: 20; }
    /* line 240, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .modal-logo {
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 1; }
    /* line 248, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-form {
      margin: 0 auto 0 auto;
      position: relative;
      z-index: 5; }
    /* line 254, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form fieldset.sfmc-fields {
      background-color: rgba(0, 0, 0, 0.4);
      border-width: 0px;
      padding: 2.5rem 2rem; }
      /* line 259, ../sass/_ogx-modal.scss */
      #modal-cta-sfmc .modal-content .modal-form fieldset.sfmc-fields > div {
        width: 100%;
        margin: 0 auto; }
        /* line 263, ../sass/_ogx-modal.scss */
        #modal-cta-sfmc .modal-content .modal-form fieldset.sfmc-fields > div.care-club-privacy {
          color: #FFFFFF;
          font-family: "Avenir Next";
          margin: 1.5rem auto 0 auto;
          font-size: 14px;
          line-height: 20px;
          max-width: 75%;
          text-align: center; }
          /* line 272, ../sass/_ogx-modal.scss */
          #modal-cta-sfmc .modal-content .modal-form fieldset.sfmc-fields > div.care-club-privacy a {
            color: #FFFFFF;
            text-decoration: underline; }
        @media (min-width: 900px) {
          /* line 259, ../sass/_ogx-modal.scss */
          #modal-cta-sfmc .modal-content .modal-form fieldset.sfmc-fields > div {
            width: 90%; } }
      @media (min-width: 900px) {
        /* line 254, ../sass/_ogx-modal.scss */
        #modal-cta-sfmc .modal-content .modal-form fieldset.sfmc-fields {
          padding: 2rem 3rem; } }
    /* line 288, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form h2.sfmc-intro {
      color: #FFFFFF;
      margin: 0 auto 0 auto;
      text-align: center;
      font-size: 24px;
      line-height: 28px;
      font-weight: 400;
      text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      margin-bottom: 1rem; }
      @media (min-width: 900px) {
        /* line 288, ../sass/_ogx-modal.scss */
        #modal-cta-sfmc .modal-content .modal-form h2.sfmc-intro {
          font-size: 28px;
          line-height: 32px; } }
    /* line 304, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .form-submission-error, #modal-cta-sfmc .modal-content .modal-form .form-submission-success {
      color: #FFFFFF;
      display: none;
      font-size: 18px;
      font-weight: bold;
      line-height: 20px;
      padding: 2rem 0 2rem 0; }
      @media (min-width: 600px) {
        /* line 304, ../sass/_ogx-modal.scss */
        #modal-cta-sfmc .modal-content .modal-form .form-submission-error, #modal-cta-sfmc .modal-content .modal-form .form-submission-success {
          padding-bottom: 3rem;
          font-weight: bold; } }
    /* line 318, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-text, #modal-cta-sfmc .modal-content .modal-form .sfmc-select {
      background: none;
      border: solid #FFFFFF;
      border-width: 0 0 2px 0;
      color: #FFFFFF;
      display: block;
      font-size: 22px;
      font-weight: 400;
      padding: 0.25rem 0 0.25rem 0;
      font-family: "Alternate Gothic No2 D";
      letter-spacing: .1px; }
      @media (min-width: 900px) {
        /* line 318, ../sass/_ogx-modal.scss */
        #modal-cta-sfmc .modal-content .modal-form .sfmc-text, #modal-cta-sfmc .modal-content .modal-form .sfmc-select {
          font-size: 18px; } }
    /* line 335, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-text {
      padding-left: 0.35rem; }
    /* line 339, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-text::placeholder {
      color: #FFFFFF; }
    /* line 343, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-text:focus {
      outline-width: 0; }
    /* line 347, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-text-error {
      border: 2px solid #827AC2; }
    /* line 351, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-email, #modal-cta-sfmc .modal-content .modal-form .sfmc-hair, #modal-cta-sfmc .modal-content .modal-form .sfmc-select {
      margin-top: 0.25rem; }
      @media (min-width: 600px) {
        /* line 351, ../sass/_ogx-modal.scss */
        #modal-cta-sfmc .modal-content .modal-form .sfmc-email, #modal-cta-sfmc .modal-content .modal-form .sfmc-hair, #modal-cta-sfmc .modal-content .modal-form .sfmc-select {
          margin-top: 1rem; } }
    /* line 359, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-select {
      background-color: rgba(0, 0, 0, 0);
      width: 100%; }
    /* line 364, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-select option {
      background-color: #978CCB;
      color: #FFFFFF; }
    /* line 369, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .modal-form .sfmc-select option:not(:checked) {
      background-color: rgba(0, 0, 0, 0);
      color: #827AC2; }
    /* line 375, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .sfmc-submit-button, #modal-cta-sfmc .modal-content .sfmc-profile-button, #modal-cta-sfmc .modal-content .sfmc-close-button {
      background-color: #FFA3CA;
      box-shadow: #FFA3CA -8px 7px, #000000 -8px 7px 0px 2px;
      border: 2px solid #000000;
      height: auto;
      width: auto;
      font-size: 28px;
      margin-top: 1rem;
      padding: 15px; }
    /* line 386, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content .sfmc-profile-button, #modal-cta-sfmc .modal-content .sfmc-close-button {
      display: none;
      padding-left: 2rem;
      padding-right: 2rem; }
      @media (min-width: 600px) {
        /* line 386, ../sass/_ogx-modal.scss */
        #modal-cta-sfmc .modal-content .sfmc-profile-button, #modal-cta-sfmc .modal-content .sfmc-close-button {
          margin-top: 0.5rem; } }
    /* line 396, ../sass/_ogx-modal.scss */
    #modal-cta-sfmc .modal-content a.modal-close {
      background-color: #D50000;
      background-image: url("../images/modal/close-button-28.png");
      background-size: 65%;
      background-position: center center;
      background-repeat: no-repeat;
      display: block;
      height: 24px;
      width: 24px;
      position: absolute;
      top: 20px;
      right: 20px; }
      /* line 409, ../sass/_ogx-modal.scss */
      #modal-cta-sfmc .modal-content a.modal-close:hover, #modal-cta-sfmc .modal-content a.modal-close:focus {
        cursor: pointer; }
    @media (min-width: 900px) {
      /* line 210, ../sass/_ogx-modal.scss */
      #modal-cta-sfmc .modal-content {
        padding: 10rem 6rem;
        width: 50%; } }

/* line 3, ../sass/_ogx-email-rewards.scss */
body.page-template-page_email-rewards #page-header {
  background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/about-mobile-hero-2.png");
  background-position: right; }
  @media (min-width: 900px) {
    /* line 3, ../sass/_ogx-email-rewards.scss */
    body.page-template-page_email-rewards #page-header {
      background-image: url("https://www.ogxbeauty.com/wp-content/uploads/2022/01/about-hero-2.png");
      min-height: 651px; } }
/* line 15, ../sass/_ogx-email-rewards.scss */
body.page-template-page_email-rewards #inner-page-header h1 {
  text-transform: uppercase; }
  @media (min-width: 900px) {
    /* line 15, ../sass/_ogx-email-rewards.scss */
    body.page-template-page_email-rewards #inner-page-header h1 {
      font-size: 100px; } }
@media (min-width: 900px) {
  /* line 13, ../sass/_ogx-email-rewards.scss */
  body.page-template-page_email-rewards #inner-page-header {
    padding-top: 500px; } }
/* line 29, ../sass/_ogx-email-rewards.scss */
body.page-template-page_email-rewards #site-content.content-email-rewards {
  position: relative; }
  /* line 32, ../sass/_ogx-email-rewards.scss */
  body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner {
    background: #FFFFFF;
    background-position: top center;
    background-size: cover;
    padding: 60px 30px; }
    /* line 38, ../sass/_ogx-email-rewards.scss */
    body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper {
      background-color: rgba(0, 0, 0, 0);
      padding: 50px 20px 30px;
      width: 100%;
      max-width: 1340px;
      margin: 0 auto; }
      /* line 45, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper h6 {
        margin: 0;
        color: #000000;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.3; }
        @media (min-width: 900px) {
          /* line 45, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper h6 {
            font-size: 20px; } }
      /* line 57, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper a {
        color: #000000; }
        /* line 60, ../sass/_ogx-email-rewards.scss */
        body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper a.cta-button-light {
          border: 3px solid #000000;
          color: #000000;
          font-family: "Alternate Gothic No2 D";
          font-size: 21px;
          font-weight: 600;
          letter-spacing: 2px;
          line-height: 21px;
          margin: 2.05rem auto 0 auto;
          max-width: 260px;
          padding: 2.5rem 2.5rem 1.5rem 2.5rem;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          z-index: 10;
          background-color: #FFA3CA !important;
          box-shadow: #FFA3CA -8px 7px, #000000 -8px 7px 0px 2px; }
      /* line 80, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form {
        font-family: "Avenir Next";
        font-size: 16px;
        line-height: 24px; }
        /* line 85, ../sass/_ogx-email-rewards.scss */
        body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields {
          border: 0px;
          padding: 30px 0 0; }
          /* line 91, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper > * {
            width: 100%;
            margin-bottom: 14px;
            background-color: #FFFFFF;
            border-color: #000000;
            border-style: solid;
            border-width: 0 0 2px 0;
            box-sizing: border-box;
            display: block; }
          /* line 102, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper * {
            color: #000000;
            font-family: "Avenir Next";
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            letter-spacing: 0.1em;
            line-height: 20px;
            text-align: left;
            text-decoration: none; }
          /* line 114, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper select {
            margin: 0;
            width: 100%;
            border: 0; }
          /* line 120, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper input {
            padding: 1rem .5rem;
            border: 0; }
            /* line 124, ../sass/_ogx-email-rewards.scss */
            body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper input::placeholder {
              color: #000000;
              opacity: 1; }
            /* line 129, ../sass/_ogx-email-rewards.scss */
            body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper input::-ms-input-placeholder {
              color: #000000; }
            /* line 133, ../sass/_ogx-email-rewards.scss */
            body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper input::-webkit-input-placeholder {
              color: #000000; }
          @media (min-width: 900px) {
            /* line 89, ../sass/_ogx-email-rewards.scss */
            body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              /* line 143, ../sass/_ogx-email-rewards.scss */
              body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .field-wrapper > * {
                width: 30%;
                margin-bottom: 0; } }
          /* line 150, ../sass/_ogx-email-rewards.scss */
          body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-form .sfmc-fields .care-club-privacy {
            font-size: 12px;
            text-align: center;
            margin: 10px auto;
            line-height: 1.3; }
      /* line 159, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .form-submission-error, body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .form-submission-success, body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper .sfmc-profile-button {
        color: #000000;
        text-align: center;
        display: none; }
      @media (min-width: 900px) {
        /* line 38, ../sass/_ogx-email-rewards.scss */
        body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner #email-rewards-wrapper {
          width: 75%;
          margin: 60px auto;
          padding-top: 20px; } }
    @media (min-width: 900px) {
      /* line 32, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner {
        padding: 40px 60px;
        min-height: 75vh;
        display: flex;
        align-items: center; } }
    @media (min-width: 1400px) {
      /* line 32, ../sass/_ogx-email-rewards.scss */
      body.page-template-page_email-rewards #site-content.content-email-rewards #site-content-inner {
        width: 100%; } }
/* line 185, ../sass/_ogx-email-rewards.scss */
body.page-template-page_email-rewards #site-footer {
  margin-top: 0; }

/* line 3, ../sass/_ogx-ogxpert.scss */
main.content-ogxpert .ogxpert-section {
  width: 100%; }
  /* line 6, ../sass/_ogx-ogxpert.scss */
  main.content-ogxpert .ogxpert-section img.banner-image {
    width: 100%; }
/* line 11, ../sass/_ogx-ogxpert.scss */
main.content-ogxpert #video-container {
  display: none; }
  /* line 14, ../sass/_ogx-ogxpert.scss */
  main.content-ogxpert #video-container .modal-content {
    background: none;
    margin: 15% auto;
    max-width: none;
    padding: 0;
    width: 100%; }
  /* line 22, ../sass/_ogx-ogxpert.scss */
  main.content-ogxpert #video-container video.modal-video {
    margin: 0 auto 0 auto; }
/* line 27, ../sass/_ogx-ogxpert.scss */
main.content-ogxpert #ogxpert-section-1 {
  background-color: #FFA3CA;
  padding-top: 10rem; }
/* line 32, ../sass/_ogx-ogxpert.scss */
main.content-ogxpert #ogxpert-section-4 {
  position: relative;
  text-align: center; }
  /* line 36, ../sass/_ogx-ogxpert.scss */
  main.content-ogxpert #ogxpert-section-4 .shop-buttons {
    bottom: 5px;
    display: flex;
    margin: 0 auto 0 auto;
    position: absolute;
    width: 100%; }
    /* line 43, ../sass/_ogx-ogxpert.scss */
    main.content-ogxpert #ogxpert-section-4 .shop-buttons a {
      display: block;
      flex: 1;
      text-align: center; }
      /* line 48, ../sass/_ogx-ogxpert.scss */
      main.content-ogxpert #ogxpert-section-4 .shop-buttons a img {
        margin: 0 auto 0 auto;
        max-width: 60px;
        width: 100%; }
        @media (min-width: 600px) {
          /* line 48, ../sass/_ogx-ogxpert.scss */
          main.content-ogxpert #ogxpert-section-4 .shop-buttons a img {
            max-width: 80px; } }
        @media (min-width: 900px) {
          /* line 48, ../sass/_ogx-ogxpert.scss */
          main.content-ogxpert #ogxpert-section-4 .shop-buttons a img {
            max-width: 160px; } }
    @media (min-width: 600px) {
      /* line 36, ../sass/_ogx-ogxpert.scss */
      main.content-ogxpert #ogxpert-section-4 .shop-buttons {
        bottom: 5px; } }
    @media (min-width: 900px) {
      /* line 36, ../sass/_ogx-ogxpert.scss */
      main.content-ogxpert #ogxpert-section-4 .shop-buttons {
        bottom: 90px; } }
  @media (min-width: 900px) {
    /* line 32, ../sass/_ogx-ogxpert.scss */
    main.content-ogxpert #ogxpert-section-4 {
      padding-bottom: 8rem; } }

/* line 3, ../sass/_ogx-page.scss */
body.page-template-page_generic #generic-hero {
  background-image: url("../images/generic-headers/green-header.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
  /* line 9, ../sass/_ogx-page.scss */
  body.page-template-page_generic #generic-hero h1 {
    text-transform: none; }
/* line 14, ../sass/_ogx-page.scss */
body.page-template-page_generic #inner-page-header {
  min-height: 380px;
  padding-top: 200px; }
/* line 19, ../sass/_ogx-page.scss */
body.page-template-page_generic #generic-content {
  margin: 0 auto 0 auto;
  max-width: 900px;
  padding: 5rem 3rem 8rem 3rem; }
  /* line 24, ../sass/_ogx-page.scss */
  body.page-template-page_generic #generic-content h2 {
    margin-top: 0; }
  /* line 28, ../sass/_ogx-page.scss */
  body.page-template-page_generic #generic-content ul {
    list-style-type: disc; }
  /* line 33, ../sass/_ogx-page.scss */
  body.page-template-page_generic #generic-content a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden; }

/* line 1, ../sass/_ogx-product.scss */
body.single-ogx_product {
  background-color: #8acc81;
  /* Bazaarvoice Gallery */ }
  /* line 11, ../sass/_ogx-product.scss */
  body.single-ogx_product #site-content-inner {
    background: url("../images/decor/grain/grain-128.png") repeat, linear-gradient(to bottom, #7CCC79 20%, #FEE123 30%, #7CCC79 60%, #20CBD4); }
    @media (min-width: 900px) {
      /* line 11, ../sass/_ogx-product.scss */
      body.single-ogx_product #site-content-inner {
        background: url("../images/decor/grain/grain-128.png") repeat, radial-gradient(circle at 150% 15%, #F98226 20%, rgba(0, 0, 0, 0) 40%), radial-gradient(circle at -10% 30%, #FEE123 10%, rgba(0, 0, 0, 0) 30%); } }
  /* line 24, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-wrapper .breadcrumbs {
    font-family: "Avenir Next Bold";
    font-size: 15px;
    display: none;
    text-transform: uppercase; }
    /* line 30, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-wrapper .breadcrumbs a {
      color: #000000;
      text-decoration: none; }
    /* line 35, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-wrapper .breadcrumbs a:hover {
      text-decoration: underline; }
    @media (min-width: 900px) {
      /* line 24, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-wrapper .breadcrumbs {
        display: block; } }
  @media (min-width: 900px) {
    /* line 44, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-wrapper .content-module-inner {
      display: flex;
      padding: 4rem 0 4rem 0; } }
  @media (min-width: 900px) {
    /* line 22, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-wrapper {
      margin-left: 4rem;
      padding-top: 11rem; } }
  /* line 58, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-images-wrapper {
    padding-top: 12rem;
    position: relative; }
    /* line 62, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-images-wrapper .primary-image.image-static {
      display: block;
      margin-left: 100px;
      text-align: center;
      position: relative; }
      /* line 68, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-images-wrapper .primary-image.image-static span.new-formula {
        background-color: #B58940;
        border-radius: 5px;
        padding: 3px 10px;
        color: #000000;
        font-family: "Alternate Gothic No2 D";
        font-size: 20px;
        position: absolute;
        letter-spacing: .25px;
        top: 15px;
        left: 30px;
        z-index: 10; }
        @media (min-width: 1200px) {
          /* line 68, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-images-wrapper .primary-image.image-static span.new-formula {
            left: 14%; } }
        @media (min-width: 1400px) {
          /* line 68, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-images-wrapper .primary-image.image-static span.new-formula {
            left: calc(15px + 15%); } }
      /* line 90, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-images-wrapper .primary-image.image-static .magnify-wrapper {
        position: relative; }
        /* line 92, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-images-wrapper .primary-image.image-static .magnify-wrapper img,
        body.single-ogx_product #product-images-wrapper .primary-image.image-static .magnify-wrapper video {
          margin: 0 auto 0 auto;
          max-width: 400px;
          width: 100%; }
        /* line 99, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-images-wrapper .primary-image.image-static .magnify-wrapper #zoomed-img {
          width: 150px;
          height: 150px;
          box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
          pointer-events: none;
          position: absolute;
          border: 3px solid #efefef;
          z-index: 99;
          border-radius: 100%;
          display: block;
          opacity: 0;
          transition: opacity 0.2s; }
        /* line 114, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-images-wrapper .primary-image.image-static .magnify-wrapper:hover #zoomed-img, body.single-ogx_product #product-images-wrapper .primary-image.image-static .magnify-wrapper:active #zoomed-img {
          opacity: 1; }
    /* line 121, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-images-wrapper .image-number {
      font-family: "Avenir Next Bold";
      font-size: 11px;
      font-style: normal;
      line-height: 13px;
      margin-top: 1vw;
      position: absolute;
      text-align: center;
      width: 100%; }
      @media (min-width: 900px) {
        /* line 121, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-images-wrapper .image-number {
          display: none; } }
    /* line 136, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-images-wrapper .slick-list {
      align-items: center;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      height: 75vw;
      margin: 0 auto !important;
      overflow: hidden;
      width: 75vw; }
      /* line 146, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-images-wrapper .slick-list div > div > img,
      body.single-ogx_product #product-images-wrapper .slick-list div > div > video {
        min-width: 100%;
        min-height: 100%; }
    /* line 153, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-images-wrapper .zoom-container {
      align-items: center;
      display: flex;
      justify-content: center;
      height: 400px;
      width: 555px; }
      /* line 160, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-images-wrapper .zoom-container #zoom-prod img,
      body.single-ogx_product #product-images-wrapper .zoom-container #zoom-prod video {
        max-width: 100%;
        max-height: 100%; }
    @media (min-width: 900px) {
      /* line 58, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-images-wrapper {
        flex: 1;
        padding-top: 0; } }
  /* line 173, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-images {
    display: none; }
    /* line 176, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-images .primary-image {
      text-align: center; }
      /* line 179, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-images .primary-image img,
      body.single-ogx_product #product-images .primary-image video {
        margin: 0 auto 0 auto;
        width: 400px !important;
        max-width: 100%;
        height: auto; }
        @media (min-width: 900px) {
          /* line 179, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-images .primary-image img,
          body.single-ogx_product #product-images .primary-image video {
            max-width: 100%;
            position: relative; } }
    /* line 193, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-images .slick-slide {
      margin: 1.5rem 0.85rem 0 0.85rem; }
    @media (min-width: 900px) {
      /* line 173, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-images {
        margin: 0 0 0 100px;
        max-width: 500px; } }
  /* line 203, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-image-thumbnails {
    display: none; }
    @media (min-width: 900px) {
      /* line 203, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-image-thumbnails {
        display: block;
        left: 0;
        position: absolute;
        top: 0; }
        /* line 212, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-image-thumbnails .thumbnail {
          border-radius: 50%;
          height: 88px;
          margin-bottom: 1rem;
          width: 88px;
          overflow: hidden; }
          /* line 219, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-image-thumbnails .thumbnail img,
          body.single-ogx_product #product-image-thumbnails .thumbnail video {
            object-fit: cover;
            width: 100%;
            height: 100%; } }
  /* line 229, ../sass/_ogx-product.scss */
  body.single-ogx_product hr.gold {
    margin: 0;
    padding: 2.5rem 0 2.5rem 0; }
  /* line 234, ../sass/_ogx-product.scss */
  body.single-ogx_product .content-module {
    text-align: left; }
  /* line 238, ../sass/_ogx-product.scss */
  body.single-ogx_product a.expand-link {
    background-image: url("../images/icons/expand-link.png");
    background-position: right;
    background-repeat: no-repeat;
    display: block; }
    /* line 244, ../sass/_ogx-product.scss */
    body.single-ogx_product a.expand-link span {
      color: #000000;
      display: block;
      font-family: "Avenir Next Bold";
      font-size: 11px;
      font-style: normal;
      line-height: 100%;
      margin: 0 22px 0 0;
      text-decoration: underline;
      text-transform: uppercase; }
  /* line 257, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-details {
    text-align: left; }
    /* line 260, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-details h3 {
      color: #000000;
      text-transform: uppercase; }
    /* line 265, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-details a.shop-collection {
      margin: 4rem auto 0 auto;
      max-width: 150px; }
    /* line 270, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-details a.cta-button {
      margin-left: 1rem;
      max-width: none; }
      @media (min-width: 900px) {
        /* line 270, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-details a.cta-button {
          float: right;
          max-width: 260px; } }
    /* line 280, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-details a.full-ingredients {
      background: none;
      text-align: right; }
    @media (min-width: 900px) {
      /* line 257, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-details {
        background: none;
        flex: 1;
        padding-left: 3rem;
        position: relative; } }
  /* line 293, ../sass/_ogx-product.scss */
  body.single-ogx_product #ingredient-overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 59999;
    top: 0px;
    display: none; }
  /* line 303, ../sass/_ogx-product.scss */
  body.single-ogx_product #formula-details {
    width: 90%;
    margin: 0 auto;
    padding: 2.5% 3.5%;
    max-width: 910px;
    background-color: #FFFFFF;
    border-radius: 10px;
    position: fixed;
    top: 5vh;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 60000;
    display: none; }
    /* line 317, ../sass/_ogx-product.scss */
    body.single-ogx_product #formula-details .formula-modal-content {
      position: relative;
      height: 90vh;
      overflow-y: scroll;
      padding-top: 2.5%; }
      /* line 323, ../sass/_ogx-product.scss */
      body.single-ogx_product #formula-details .formula-modal-content::-webkit-scrollbar {
        width: 10px; }
      /* line 327, ../sass/_ogx-product.scss */
      body.single-ogx_product #formula-details .formula-modal-content::-webkit-scrollbar-track {
        background: #FFFFFF;
        border: 1px solid #808080;
        border-radius: 10px; }
      /* line 333, ../sass/_ogx-product.scss */
      body.single-ogx_product #formula-details .formula-modal-content::-webkit-scrollbar-thumb {
        background: #808080;
        border-radius: 10px; }
      /* line 338, ../sass/_ogx-product.scss */
      body.single-ogx_product #formula-details .formula-modal-content::-webkit-scrollbar-thumb:hover {
        background: #555; }
      /* line 342, ../sass/_ogx-product.scss */
      body.single-ogx_product #formula-details .formula-modal-content .modal-close-button {
        background-color: #C40000;
        background-image: url("../images/modal/close-button-28.png");
        padding: 10px;
        background-size: 60%;
        height: 30px;
        width: 30px;
        top: 0px;
        background-position: center; }
        /* line 352, ../sass/_ogx-product.scss */
        body.single-ogx_product #formula-details .formula-modal-content .modal-close-button:hover, body.single-ogx_product #formula-details .formula-modal-content .modal-close-button:focus {
          cursor: pointer; }
        @media (min-width: 900px) {
          /* line 342, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .modal-close-button {
            top: 15px; } }
      /* line 361, ../sass/_ogx-product.scss */
      body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients {
        font-family: "Avenir Next";
        font-size: 16px; }
        /* line 365, ../sass/_ogx-product.scss */
        body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .intro-text {
          font-size: 16px;
          font-family: "Avenir Next Bold";
          margin: 0 0 1.5em;
          display: block; }
        /* line 374, ../sass/_ogx-product.scss */
        body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper .hide-this {
          display: none; }
        /* line 378, ../sass/_ogx-product.scss */
        body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper span.ingredient-intro {
          font-family: "Avenir Next Bold"; }
        /* line 382, ../sass/_ogx-product.scss */
        body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper .leaf {
          position: relative;
          margin-left: 20px; }
          /* line 386, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper .leaf::before {
            content: "";
            display: block;
            width: 15px;
            height: 15px;
            background: url("/wp-content/themes/twentytwenty-ogx/assets/images/products/icons/natural-icon.png") no-repeat;
            left: -20px;
            top: 3px;
            position: absolute;
            background-size: cover; }
        /* line 399, ../sass/_ogx-product.scss */
        body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper .ingredient-content {
          border-bottom: 2px solid #808080;
          margin: 0 1em 1.25em 0; }
          /* line 403, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper .ingredient-content strong {
            color: #20CBD3; }
          /* line 407, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper .ingredient-content ul {
            margin-bottom: 1em; }
          /* line 411, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper .ingredient-content li {
            position: relative; }
            /* line 414, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper .ingredient-content li::before {
              content: "";
              display: block;
              width: 15px;
              height: 15px;
              background: url("/wp-content/themes/twentytwenty-ogx/assets/images/products/icons/natural-icon.png") no-repeat;
              left: -20px;
              top: 3px;
              position: absolute;
              background-size: cover; }
        @media (min-width: 900px) {
          /* line 372, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper {
            height: 40vh;
            overflow-y: scroll; }
            /* line 432, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper::-webkit-scrollbar {
              width: 10px; }
            /* line 436, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper::-webkit-scrollbar-track {
              background: #FFFFFF;
              border: 1px solid #808080;
              border-radius: 10px; }
            /* line 442, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper::-webkit-scrollbar-thumb {
              background: #808080;
              border-radius: 10px; }
            /* line 447, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .formula-ingredients .ingredients-wrapper::-webkit-scrollbar-thumb:hover {
              background: #555; } }
      /* line 454, ../sass/_ogx-product.scss */
      body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        /* line 459, ../sass/_ogx-product.scss */
        body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          flex-direction: column;
          width: 50%;
          height: auto;
          padding: 0px 15px 15px; }
          /* line 468, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .progress-circle {
            font-size: 20px;
            margin: 20px;
            position: relative;
            padding: 0;
            width: 4em;
            height: 4em;
            background-color: #FFFFFF;
            border-radius: 50%;
            line-height: 4em;
            float: left; }
            /* line 480, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .progress-circle:after {
              border: none;
              position: absolute;
              top: 0.75em;
              left: 0.75em;
              text-align: center;
              display: block;
              border-radius: 50%;
              width: 2.5em;
              height: 2.5em;
              background-color: #FFFFFF;
              content: " "; }
            /* line 494, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .progress-circle span {
              position: absolute;
              line-height: 4em;
              width: 4em;
              text-align: center;
              display: block;
              color: #000000;
              font-family: "Avenir Next";
              z-index: 2; }
            /* line 505, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .progress-circle .left-half-clipper {
              border-radius: 50%;
              width: 4em;
              height: 4em;
              position: absolute;
              clip: rect(0, 4em, 4em, 2em); }
            /* line 514, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .progress-circle.over50 .left-half-clipper {
              clip: rect(auto, auto, auto, auto); }
            /* line 518, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .progress-circle.over50 .first50-bar {
              position: absolute;
              clip: rect(0, 4em, 4em, 2em);
              border-radius: 50%;
              width: 4em;
              height: 4em; }
            /* line 527, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .progress-circle:not(.over50) .first50-bar {
              display: none; }
            /* line 532, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .progress-circle.p0 .value-bar {
              display: none; }
          /* line 537, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card .value-bar {
            position: absolute;
            clip: rect(0, 2em, 4em, 0);
            width: 4em;
            height: 4em;
            border-radius: 50%;
            border: 0.88em solid rgba(0, 0, 0, 0);
            box-sizing: border-box; }
          /* line 548, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card h4 {
            font-family: "Avenir Next";
            font-weight: normal;
            font-size: 13px;
            line-height: 125%;
            text-align: center;
            margin: 0; }
          @media (min-width: 900px) {
            /* line 459, ../sass/_ogx-product.scss */
            body.single-ogx_product #formula-details .formula-modal-content .circular-percentage-wrapper .percentage-card {
              width: 25%; } }
      @media (min-width: 900px) {
        /* line 317, ../sass/_ogx-product.scss */
        body.single-ogx_product #formula-details .formula-modal-content {
          padding: 2% 7.5% 5%;
          height: auto; }
          /* line 567, ../sass/_ogx-product.scss */
          body.single-ogx_product #formula-details .formula-modal-content::-webkit-scrollbar-track {
            border-color: rgba(0, 0, 0, 0); } }
    @media (min-width: 900px) {
      /* line 303, ../sass/_ogx-product.scss */
      body.single-ogx_product #formula-details {
        padding: 0;
        top: 10vh; } }
  /* line 579, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-intro {
    margin: 0 2rem 0 2rem;
    padding: 2rem 0 2rem 0; }
    /* line 583, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-intro h1 {
      color: #000000;
      font-family: "Avenir Next";
      font-style: normal;
      font-size: 21px;
      font-weight: 500;
      line-height: 31px;
      margin: 2rem 0 0 0;
      text-transform: none;
      letter-spacing: -0.0415625em; }
      @media (min-width: 900px) {
        /* line 583, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-intro h1 {
          font-size: 30px;
          line-height: 40px; } }
    /* line 600, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-intro p.tagline {
      font-family: "Avenir Next";
      font-style: normal;
      font-weight: normal;
      font-size: 11px;
      line-height: 13px;
      margin-top: 2rem; }
    /* line 609, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-intro p.price {
      font-family: "Avenir Next";
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      margin-top: 2rem; }
    /* line 618, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-intro .mini-reviews {
      align-items: baseline;
      display: flex;
      padding: 2rem 0 0 0; }
      /* line 623, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-intro .mini-reviews .ogxpert, body.single-ogx_product #product-intro .mini-reviews .review-stars {
        flex: 1; }
      /* line 627, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-intro .mini-reviews .ogxpert {
        font-family: "Avenir Next Bold";
        font-style: normal;
        font-size: 15px;
        line-height: 100%; }
      /* line 634, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-intro .mini-reviews .review-stars {
        text-align: right; }
        /* line 637, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-intro .mini-reviews .review-stars span {
          color: #FFFFFF;
          font-family: "Avenir Next";
          font-size: 11px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          vertical-align: middle; }
      /* line 648, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-intro .mini-reviews img.stars {
        display: inline-block;
        max-width: 80px; }
      @media (min-width: 900px) {
        /* line 618, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-intro .mini-reviews {
          padding: 0; } }
    /* line 658, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-intro .review-figures {
      color: #000000;
      font-family: "Avenir Next";
      font-size: 13px;
      font-style: normal;
      line-height: 40px;
      letter-spacing: 0.1em;
      opacity: 0.5;
      text-transform: uppercase; }
      /* line 668, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-intro .review-figures span {
        font-weight: bold; }
    @media (min-width: 900px) {
      /* line 579, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-intro {
        margin: 0 auto 0 auto;
        padding-top: 0; } }
  /* line 679, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-tabs {
    padding: 2rem 0 0 0; }
    /* line 682, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-tabs .product-tab {
      display: none;
      padding-top: 2rem; }
    /* line 687, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-tabs .product-tab.active {
      display: block !important; }
    /* line 691, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-tabs .tab-link-wrapper {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 2px solid #000000;
      align-items: flex-end; }
      /* line 697, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-tabs .tab-link-wrapper h3 {
        display: inline-block;
        margin: 0;
        padding-bottom: 0.5rem; }
        /* line 702, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-tabs .tab-link-wrapper h3 a {
          font-family: "Avenir Next Bold";
          line-height: 100%;
          font-size: 15px;
          font-style: normal;
          margin-right: 3rem;
          opacity: 0.5; }
          /* line 710, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-tabs .tab-link-wrapper h3 a.active {
            opacity: 1.0; }
      /* line 716, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-tabs .tab-link-wrapper .formula-link {
        display: flex;
        align-items: center; }
        /* line 720, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-tabs .tab-link-wrapper .formula-link img {
          display: inline-block;
          width: 40px; }
        /* line 725, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-tabs .tab-link-wrapper .formula-link a {
          opacity: 1.0; }
      @media (min-width: 900px) {
        /* line 691, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-tabs .tab-link-wrapper {
          flex-wrap: nowrap; } }
    @media (min-width: 900px) {
      /* line 679, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-tabs {
        margin-left: 0; } }
  /* line 740, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-benefits {
    margin: 0 2rem 0 2rem;
    padding: 2rem 0 2rem 0; }
    /* line 744, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-benefits h3 {
      font-family: "Avenir Next Bold";
      font-size: 15px;
      font-style: normal;
      line-height: 100%;
      margin: 0; }
    /* line 752, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-benefits ul {
      padding-top: 0.5rem; }
      /* line 755, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-benefits ul li {
        background-position: left;
        background-repeat: no-repeat;
        flex: 1;
        margin: 1.5rem 0 0 0;
        min-height: 42px;
        padding: 0 0 0 52px; }
        /* line 763, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-benefits ul li span {
          display: block;
          vertical-align: middle; }
          @media (min-width: 900px) {
            /* line 763, ../sass/_ogx-product.scss */
            body.single-ogx_product #product-benefits ul li span {
              text-align: center;
              vertical-align: baseline; } }
        @media (min-width: 900px) {
          /* line 755, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-benefits ul li {
            background-position: top center;
            padding: 52px 0 0 0; } }
      /* line 779, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-benefits ul li.benefit-hydrate, body.single-ogx_product #product-benefits ul li.benefit-balance, body.single-ogx_product #product-benefits ul li.benefit-moisturize {
        background-image: url("../images/icons/benefits/benefit-hydrate.png"); }
      /* line 783, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-benefits ul li.benefit-prevent-breakage, body.single-ogx_product #product-benefits ul li.benefit-strengthen, body.single-ogx_product #product-benefits ul li.benefit-exfoliate, body.single-ogx_product #product-benefits ul li.benefit-reduce-oil, body.single-ogx_product #product-benefits ul li.benefit-protect-color {
        background-image: url("../images/icons/benefits/benefit-prevent-breakage.png"); }
      /* line 787, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-benefits ul li.benefit-smooth-and-shine, body.single-ogx_product #product-benefits ul li.benefit-elasticity, body.single-ogx_product #product-benefits ul li.benefit-soften, body.single-ogx_product #product-benefits ul li.benefit-volumize, body.single-ogx_product #product-benefits ul li.benefit-enhance-curls {
        background-image: url("../images/icons/benefits/benefit-smooth-and-shine.png"); }
      @media (min-width: 900px) {
        /* line 752, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-benefits ul {
          display: flex;
          padding-top: 2rem; } }
    @media (min-width: 900px) {
      /* line 740, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-benefits {
        margin-left: 0; } }
  /* line 802, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-ingredients {
    background: linear-gradient(to bottom, #fde123, #7ccc78);
    padding: 2rem 0 0 0;
    position: relative; }
    /* line 807, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-ingredients .content-module-inner {
      position: relative; }
    /* line 811, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-ingredients img.ingredients-image {
      border-radius: 50%;
      height: 220px;
      position: absolute;
      right: 0;
      top: 0;
      width: 220px; }
      @media (min-width: 900px) {
        /* line 811, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-ingredients img.ingredients-image {
          height: 420px;
          width: 420px; } }
    /* line 825, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-ingredients ul {
      margin: 3rem 2rem 0 2rem;
      min-height: 220px; }
      /* line 829, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-ingredients ul li {
        font-family: "Avenir Next Bold";
        font-size: 15px;
        font-style: normal;
        line-height: 100%;
        margin: 0 0 2rem 0;
        text-transform: uppercase; }
    /* line 839, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-ingredients a.full-ingredients {
      margin: 2rem 2rem 0 2rem; }
      /* line 842, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-ingredients a.full-ingredients span {
        text-align: right; }
  /* line 850, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-tabs h3, body.single-ogx_product #product-tabs p, body.single-ogx_product #product-ingredients h3, body.single-ogx_product #product-ingredients p, body.single-ogx_product #product-formula h3, body.single-ogx_product #product-formula p, body.single-ogx_product #collection-steps h3, body.single-ogx_product #collection-steps p, body.single-ogx_product #product-related h3, body.single-ogx_product #product-related p {
    text-align: left; }
  /* line 855, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-tabs h3, body.single-ogx_product #product-ingredients h3, body.single-ogx_product #product-formula h3, body.single-ogx_product #collection-steps h3, body.single-ogx_product #product-related h3 {
    font-family: "Avenir Next";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px; }
    @media (min-width: 900px) {
      /* line 855, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-tabs h3, body.single-ogx_product #product-ingredients h3, body.single-ogx_product #product-formula h3, body.single-ogx_product #collection-steps h3, body.single-ogx_product #product-related h3 {
        font-size: 30px;
        line-height: 40px; } }
  /* line 868, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-tabs p, body.single-ogx_product #product-ingredients p, body.single-ogx_product #product-formula p, body.single-ogx_product #collection-steps p, body.single-ogx_product #product-related p {
    font-family: "Avenir Next";
    line-height: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-top: 1rem; }
  /* line 878, ../sass/_ogx-product.scss */
  body.single-ogx_product #collection-steps {
    margin-top: -1px; }
    /* line 882, ../sass/_ogx-product.scss */
    body.single-ogx_product #collection-steps h4 {
      font-family: "Avenir Next Bold";
      font-size: 15px;
      font-style: normal;
      line-height: 100%;
      margin: 0;
      text-transform: uppercase; }
    /* line 891, ../sass/_ogx-product.scss */
    body.single-ogx_product #collection-steps .collection-steps-wrapper {
      padding-top: 1.5rem; }
    /* line 895, ../sass/_ogx-product.scss */
    body.single-ogx_product #collection-steps .collection-step {
      margin: 0 2rem 0 2rem;
      padding-top: 2.5rem; }
    /* line 900, ../sass/_ogx-product.scss */
    body.single-ogx_product #collection-steps .product {
      display: flex;
      padding-top: 1.5rem; }
      /* line 910, ../sass/_ogx-product.scss */
      body.single-ogx_product #collection-steps .product .product-image img {
        max-width: 160px; }
    /* line 916, ../sass/_ogx-product.scss */
    body.single-ogx_product #collection-steps .cta-button {
      margin: 4rem 2rem 0 2rem;
      max-width: none; }
  /* line 922, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-formula {
    text-align: center; }
    @media (min-width: 900px) {
      /* line 925, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-formula .content-module-inner {
        align-items: center;
        display: flex;
        padding: 1rem 0 1rem 0; } }
    @media (min-width: 900px) {
      /* line 934, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-formula .formula-intro {
        flex: 1; } }
    /* line 941, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-formula .formula-wrapper {
      margin: 0 2rem 0 2rem;
      max-width: 900px;
      text-align: left; }
      /* line 946, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-formula .formula-wrapper div {
        background-image: url("../images/icons/no.png");
        background-position: top left;
        background-repeat: no-repeat;
        display: inline-block;
        font-family: "Avenir Next";
        font-style: normal;
        font-size: 11px;
        line-height: 13px;
        margin: 3rem 0 0 0;
        padding: 50px 0 0 0;
        text-align: left;
        text-transform: uppercase;
        width: 130px; }
        @media (min-width: 900px) {
          /* line 946, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-formula .formula-wrapper div {
            background-position: top center;
            text-align: center; } }
      @media (min-width: 900px) {
        /* line 941, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-formula .formula-wrapper {
          flex: 2;
          text-align: right; } }
    @media (min-width: 900px) {
      /* line 922, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-formula {
        background: linear-gradient(to bottom, #FEE123 10%, rgba(0, 0, 0, 0)); } }
  /* line 980, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-collection {
    padding-top: 4rem; }
    @media (min-width: 900px) {
      /* line 983, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-collection h3 {
        max-width: 600px; } }
    /* line 990, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-collection .collections-list {
      margin-top: 4rem; }
    /* line 994, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-collection .collection-item {
      margin: 1rem 2rem 0 2rem;
      padding: 2rem;
      text-align: center; }
      /* line 999, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-collection .collection-item h3 {
        margin-left: 0 !important; }
      /* line 1003, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-collection .collection-item img {
        margin: 2rem auto 0 auto; }
        @media (min-width: 900px) {
          /* line 1003, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-collection .collection-item img {
            max-width: 200px;
            width: 100%; } }
      @media (min-width: 900px) {
        /* line 994, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-collection .collection-item {
          background-image: url("../images/product/backgrounds/collection-item.png");
          background-position: bottom;
          background-repeat: no-repeat; } }
    /* line 1019, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-collection h3, body.single-ogx_product #product-collection span {
      text-align: left; }
    /* line 1023, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-collection h3 {
      margin: 0 2rem 0 2rem; }
    /* line 1027, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-collection span {
      display: block;
      font-family: "Avenir Next";
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      letter-spacing: 0.1em;
      line-height: 26px;
      text-transform: uppercase; }
    /* line 1038, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-collection p.paginator {
      margin-top: 2rem; }
    @media (min-width: 900px) {
      /* line 1042, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-collection #product-collection-inner {
        margin: 0 auto 0 auto;
        max-width: 1070px; } }
    @media (min-width: 900px) {
      /* line 980, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-collection {
        text-align: center; } }
  /* line 1054, ../sass/_ogx-product.scss */
  body.single-ogx_product #product-related {
    background-color: #FFFFFF;
    padding-bottom: 2rem; }
    /* line 1058, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-related h2 {
      color: #000000;
      font-family: "Avenir Next";
      line-height: 31px;
      font-size: 21px;
      font-style: normal;
      margin: 0; }
    /* line 1067, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-related .content-module-inner {
      min-height: 100px;
      padding-top: 2rem; }
    /* line 1072, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-related .related-collections {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      margin: 0 0.5rem 0 0.5rem;
      padding: 2rem 0 0 0; }
    /* line 1080, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-related a.collection {
      background-color: #f0f0f0;
      background-size: auto 100%;
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      height: 226px;
      margin: 2rem 0.5rem 4rem 0.5rem;
      width: 163px;
      position: relative;
      text-decoration: none; }
      /* line 1092, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-related a.collection span {
        background-color: #FFFFFF;
        bottom: -40px;
        color: #000000;
        display: block;
        font-family: "Avenir Next";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        min-height: 60px;
        padding-top: 10px;
        position: absolute;
        text-align: left;
        width: 100%; }
        @media (min-width: 900px) {
          /* line 1092, ../sass/_ogx-product.scss */
          body.single-ogx_product #product-related a.collection span {
            background: none;
            bottom: 40px;
            font-size: 14px;
            min-height: 0;
            text-align: center;
            padding: 0; } }
      @media (min-width: 900px) {
        /* line 1080, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-related a.collection {
          height: 367px;
          margin: 2rem 0.5rem 4rem 0.5rem;
          width: 266px; } }
    /* line 1125, ../sass/_ogx-product.scss */
    body.single-ogx_product #product-related .collection-image {
      background-color: #FFFFFF; }
      /* line 1128, ../sass/_ogx-product.scss */
      body.single-ogx_product #product-related .collection-image img {
        margin: 0 auto 0 auto;
        width: 100%; }
      @media (min-width: 900px) {
        /* line 1125, ../sass/_ogx-product.scss */
        body.single-ogx_product #product-related .collection-image {
          padding: 1rem; } }
  /* line 1139, ../sass/_ogx-product.scss */
  body.single-ogx_product .cta-shop-button-disabled {
    cursor: default; }
  /* line 1144, ../sass/_ogx-product.scss */
  body.single-ogx_product #form-field-rating .rating-selector {
    display: flex;
    justify-content: center; }
  /* line 1149, ../sass/_ogx-product.scss */
  body.single-ogx_product #form-field-rating a.rating-star {
    background-image: url("../images/reviews/review-star-empty.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-basis: auto;
    height: 64px;
    width: 84px; }
  /* line 1160, ../sass/_ogx-product.scss */
  body.single-ogx_product #form-field-rating a.rating-star.active, body.single-ogx_product #form-field-rating a.rating-star.locked {
    background-image: url("../images/reviews/review-star-full.png"); }
  /* line 1166, ../sass/_ogx-product.scss */
  body.single-ogx_product #form-field-agreedtotermsandconditions label {
    margin-left: 1rem !important; }
    @media (min-width: 900px) {
      /* line 1166, ../sass/_ogx-product.scss */
      body.single-ogx_product #form-field-agreedtotermsandconditions label {
        margin-left: 3rem !important; } }
  /* line 1175, ../sass/_ogx-product.scss */
  body.single-ogx_product input#agreedtotermsandconditions {
    float: left;
    margin-top: 0.4rem; }
  /* line 1180, ../sass/_ogx-product.scss */
  body.single-ogx_product #dialog-product-ingredients {
    display: none; }
  /* line 1184, ../sass/_ogx-product.scss */
  body.single-ogx_product .ps-widget-container {
    margin-top: 2rem;
    width: 100%;
    min-height: 80px; }
  /* line 1190, ../sass/_ogx-product.scss */
  body.single-ogx_product .ps-widget {
    background-color: #FFA3CA !important;
    border: 2px solid #000000 !important;
    box-shadow: #FFA3CA -8px 7px, #000000 -8px 7px 0px 2px;
    color: #000000 !important;
    cursor: pointer !important;
    float: right !important;
    font-family: "Alternate Gothic No2 D" !important;
    font-size: 21px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    max-width: 260px;
    padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;
    text-transform: uppercase !important;
    width: 100% !important; }
    @media (max-width: 899px) {
      /* line 1190, ../sass/_ogx-product.scss */
      body.single-ogx_product .ps-widget {
        float: none !important;
        margin-left: auto;
        margin-right: auto; } }
  /* line 1214, ../sass/_ogx-product.scss */
  body.single-ogx_product .favorite-looks {
    background-color: #FFFFFF;
    padding-bottom: 2rem; }
    @media (min-width: 900px) {
      /* line 1214, ../sass/_ogx-product.scss */
      body.single-ogx_product .favorite-looks {
        padding-bottom: 12rem; } }
  /* line 1224, ../sass/_ogx-product.scss */
  body.single-ogx_product #crl8-homepage-carousel {
    padding-top: 2rem; }
    /* line 1227, ../sass/_ogx-product.scss */
    body.single-ogx_product #crl8-homepage-carousel .jRepUp, body.single-ogx_product #crl8-homepage-carousel .ioijAT {
      color: #000000 !important; }
    /* line 1231, ../sass/_ogx-product.scss */
    body.single-ogx_product #crl8-homepage-carousel .jRepUp {
      font-family: "Alternate Gothic No2 D";
      font-size: 42px !important;
      line-height: 55px; }
    /* line 1237, ../sass/_ogx-product.scss */
    body.single-ogx_product #crl8-homepage-carousel .ioijAT {
      font-family: "Avenir Next";
      font-size: 16px !important;
      line-height: 24px; }

/* line 3, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #hero, body.page-template-page_discontinued-list #hero {
  background-image: url("../images/products/headers/mobile/products.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (min-width: 600px) {
    /* line 3, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #hero, body.page-template-page_discontinued-list #hero {
      background-image: url("../images/products/headers/products.jpg"); } }
/* line 16, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #inner-page-header h1, body.page-template-page_discontinued-list #inner-page-header h1 {
  font-weight: 400;
  text-transform: none; }
/* line 22, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #site-footer, body.page-template-page_discontinued-list #site-footer {
  margin-top: 8rem; }
/* line 26, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list .product-list-container, body.page-template-page_discontinued-list .product-list-container {
  margin: 0 auto 0 auto;
  max-width: 1440px; }
  @media (min-width: 900px) {
    /* line 26, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list .product-list-container, body.page-template-page_discontinued-list .product-list-container {
      margin-left: 300px;
      padding-top: 0; } }
/* line 37, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #product-loader, body.page-template-page_product-list p#product-no-results, body.page-template-page_discontinued-list #product-loader, body.page-template-page_discontinued-list p#product-no-results {
  text-align: center; }
  /* line 40, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-loader img, body.page-template-page_product-list p#product-no-results img, body.page-template-page_discontinued-list #product-loader img, body.page-template-page_discontinued-list p#product-no-results img {
    margin: 2rem auto 0 auto;
    width: 64px; }
  @media (min-width: 900px) {
    /* line 37, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #product-loader, body.page-template-page_product-list p#product-no-results, body.page-template-page_discontinued-list #product-loader, body.page-template-page_discontinued-list p#product-no-results {
      margin-left: 300px; } }
/* line 50, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list p#product-no-results, body.page-template-page_discontinued-list p#product-no-results {
  display: none; }
/* line 54, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #product-list-active-filters, body.page-template-page_discontinued-list #product-list-active-filters {
  display: none; }
  @media (min-width: 900px) {
    /* line 54, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #product-list-active-filters, body.page-template-page_discontinued-list #product-list-active-filters {
      display: block; } }
/* line 62, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #filter-meta, body.page-template-page_discontinued-list #filter-meta {
  align-items: center;
  display: flex;
  margin-top: 2rem; }
  /* line 67, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #filter-meta div, body.page-template-page_product-list #filter-meta h2, body.page-template-page_discontinued-list #filter-meta div, body.page-template-page_discontinued-list #filter-meta h2 {
    flex: 1; }
  /* line 71, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #filter-meta h2.filter-toggle, body.page-template-page_discontinued-list #filter-meta h2.filter-toggle {
    background-image: url("../images/icons/product-filters/filters.png");
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 20px;
    color: #000000;
    display: none;
    font-family: "Avenir Next";
    font-style: normal;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin: 0 0 0 4rem;
    max-width: 240px;
    padding-left: 30px; }
    @media (min-width: 900px) {
      /* line 71, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #filter-meta h2.filter-toggle, body.page-template-page_discontinued-list #filter-meta h2.filter-toggle {
        display: block; } }
  /* line 92, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #filter-meta a.filter-toggle-mobile, body.page-template-page_discontinued-list #filter-meta a.filter-toggle-mobile {
    background-image: url("../images/icons/product-filters/filters.png");
    background-position: 10% 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    border: 1px solid #000000;
    border-radius: 5px;
    color: #000000;
    display: block;
    margin: 1rem auto 0 auto;
    padding: 10px 30px 10px 50px;
    text-decoration: none; }
    @media (min-width: 900px) {
      /* line 92, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #filter-meta a.filter-toggle-mobile, body.page-template-page_discontinued-list #filter-meta a.filter-toggle-mobile {
        display: none; } }
  @media (min-width: 900px) {
    /* line 110, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #filter-meta #product-list-active-filters, body.page-template-page_discontinued-list #filter-meta #product-list-active-filters {
      flex-grow: 2; } }
  /* line 116, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #filter-meta select#product-sort, body.page-template-page_discontinued-list #filter-meta select#product-sort {
    background: none;
    float: right;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    margin: 0 2rem 0 0; }
    @media (min-width: 900px) {
      /* line 116, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #filter-meta select#product-sort, body.page-template-page_discontinued-list #filter-meta select#product-sort {
        margin-right: 4rem;
        width: 200px; } }
  @media (min-width: 900px) {
    /* line 62, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #filter-meta, body.page-template-page_discontinued-list #filter-meta {
      margin-top: 3rem; } }
/* line 137, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #filter-wrapper, body.page-template-page_discontinued-list #filter-wrapper {
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  display: none;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 20; }
  @media (min-width: 900px) {
    /* line 137, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #filter-wrapper, body.page-template-page_discontinued-list #filter-wrapper {
      background: none; } }
/* line 154, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #filter-header, body.page-template-page_discontinued-list #filter-header {
  display: none; }
  /* line 157, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #filter-header a.clear-all-filters, body.page-template-page_discontinued-list #filter-header a.clear-all-filters {
    display: none; }
/* line 162, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list .filter-header-active, body.page-template-page_discontinued-list .filter-header-active {
  align-items: center;
  display: flex !important;
  margin-top: 3rem;
  justify-content: space-evenly; }
  /* line 168, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list .filter-header-active div, body.page-template-page_discontinued-list .filter-header-active div {
    flex: 1; }
  /* line 172, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list .filter-header-active h4, body.page-template-page_discontinued-list .filter-header-active h4 {
    margin: 0;
    text-align: center; }
  /* line 177, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list .filter-header-active a.clear-all-filters, body.page-template-page_discontinued-list .filter-header-active a.clear-all-filters {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    margin: 0 2rem 0 2rem;
    text-decoration: none; }
/* line 191, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list #product-list, body.page-template-page_discontinued-list #product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 0.5rem 0 0.5rem; }
  /* line 197, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list .product, body.page-template-page_discontinued-list #product-list .product {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin: 2rem 0.5rem 4rem 0.5rem;
    text-decoration: none;
    width: 163px; }
    /* line 206, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #product-list .product a, body.page-template-page_discontinued-list #product-list .product a {
      display: block;
      margin: 0 auto 0 auto;
      width: 100%;
      position: relative; }
      /* line 212, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #product-list .product a span.new-formula, body.page-template-page_discontinued-list #product-list .product a span.new-formula {
        background-color: #B58940;
        border-radius: 5px;
        padding: 3px 10px;
        color: #000000;
        font-family: "Alternate Gothic No2 D";
        font-size: 16px;
        position: absolute;
        letter-spacing: .25px;
        top: 10px;
        left: 10px;
        z-index: 10; }
        @media (min-width: 900px) {
          /* line 212, ../sass/_ogx-product-list.scss */
          body.page-template-page_product-list #product-list .product a span.new-formula, body.page-template-page_discontinued-list #product-list .product a span.new-formula {
            font-size: 20px; } }
        @media (min-width: 1200px) {
          /* line 212, ../sass/_ogx-product-list.scss */
          body.page-template-page_product-list #product-list .product a span.new-formula, body.page-template-page_discontinued-list #product-list .product a span.new-formula {
            top: 15px;
            left: 15px; } }
      @media (min-width: 900px) {
        /* line 206, ../sass/_ogx-product-list.scss */
        body.page-template-page_product-list #product-list .product a, body.page-template-page_discontinued-list #product-list .product a {
          width: 313px; } }
    /* line 240, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #product-list .product a.product-image, body.page-template-page_discontinued-list #product-list .product a.product-image {
      background-size: contain; }
    /* line 244, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #product-list .product a.product-image, body.page-template-page_discontinued-list #product-list .product a.product-image {
      background-size: contain; }
    @media (min-width: 900px) {
      /* line 197, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #product-list .product, body.page-template-page_discontinued-list #product-list .product {
        margin: 2rem 0.5rem 4rem 0.5rem;
        width: 313px; } }
  /* line 254, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list h3.title, body.page-template-page_discontinued-list #product-list h3.title {
    color: #000000;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    height: 72px;
    line-height: 24px;
    margin: 2rem auto 0 auto;
    overflow: hidden;
    text-align: left; }
    @media (min-width: 900px) {
      /* line 254, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #product-list h3.title, body.page-template-page_discontinued-list #product-list h3.title {
        height: 64px; } }
  @media (min-width: 900px) {
    /* line 271, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #product-list h3.title, body.page-template-page_product-list #product-list p.description, body.page-template-page_discontinued-list #product-list h3.title, body.page-template-page_discontinued-list #product-list p.description {
      padding: 2rem 0 0 0; } }
  /* line 278, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list p.description, body.page-template-page_discontinued-list #product-list p.description {
    display: none; }
    @media (min-width: 900px) {
      /* line 278, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #product-list p.description, body.page-template-page_discontinued-list #product-list p.description {
        display: block;
        height: 160px; } }
  /* line 287, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list p.description, body.page-template-page_product-list #product-list p.tiny-description, body.page-template-page_discontinued-list #product-list p.description, body.page-template-page_discontinued-list #product-list p.tiny-description {
    font-size: 14px; }
  /* line 291, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list h3.subtitle, body.page-template-page_discontinued-list #product-list h3.subtitle {
    height: 30px;
    overflow: hidden; }
  /* line 296, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list p.tiny-description, body.page-template-page_discontinued-list #product-list p.tiny-description {
    height: 80px;
    padding-top: 1rem;
    overflow: hidden; }
    @media (min-width: 900px) {
      /* line 296, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #product-list p.tiny-description, body.page-template-page_discontinued-list #product-list p.tiny-description {
        display: none; } }
  /* line 306, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list p.price, body.page-template-page_discontinued-list #product-list p.price {
    font-size: 16px; }
  /* line 310, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list .review-stars, body.page-template-page_discontinued-list #product-list .review-stars {
    height: 17px;
    margin-top: 1rem; }
    /* line 314, ../sass/_ogx-product-list.scss */
    body.page-template-page_product-list #product-list .review-stars img, body.page-template-page_discontinued-list #product-list .review-stars img {
      height: 100%; }
    @media (min-width: 900px) {
      /* line 310, ../sass/_ogx-product-list.scss */
      body.page-template-page_product-list #product-list .review-stars, body.page-template-page_discontinued-list #product-list .review-stars {
        height: 22px; } }
  /* line 323, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list #product-list .cta-button, body.page-template-page_discontinued-list #product-list .cta-button {
    font-size: 18px;
    padding-bottom: 0.5rem;
    padding-top: 1rem; }
/* line 330, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list .ps-widget-container, body.page-template-page_discontinued-list .ps-widget-container {
  width: 100%; }
/* line 335, ../sass/_ogx-product-list.scss */
body.page-template-page_product-list .ps-widget, body.page-template-page_discontinued-list .ps-widget {
  background-color: #FEE123 !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
  cursor: pointer !important;
  font-family: "Alternate Gothic No2 D" !important;
  font-size: 21px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  padding: 1rem 0.5rem 0.5rem 0.5rem !important;
  text-transform: uppercase !important;
  width: 100% !important; }
  /* line 350, ../sass/_ogx-product-list.scss */
  body.page-template-page_product-list .ps-widget small, body.page-template-page_discontinued-list .ps-widget small {
    color: #000000 !important;
    font-family: "Alternate Gothic No2 D" !important;
    font-size: 21px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important; }

/* line 363, ../sass/_ogx-product-list.scss */
#product-list-active-filters ul.active-filters li, #filter-active-filters ul.active-filters li {
  display: inline-block; }
/* line 367, ../sass/_ogx-product-list.scss */
#product-list-active-filters ul.active-filters li a, #filter-active-filters ul.active-filters li a {
  text-decoration: none; }
/* line 371, ../sass/_ogx-product-list.scss */
#product-list-active-filters ul.active-filters li a.clear-all-filters, #filter-active-filters ul.active-filters li a.clear-all-filters {
  border-bottom: 1px solid #808080; }
/* line 375, ../sass/_ogx-product-list.scss */
#product-list-active-filters ul.active-filters li, #product-list-active-filters ul.active-filters li a.clear-all-filters, #filter-active-filters ul.active-filters li, #filter-active-filters ul.active-filters li a.clear-all-filters {
  color: #808080;
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em; }
/* line 385, ../sass/_ogx-product-list.scss */
#product-list-active-filters ul.active-filters li a.clear-filter, #filter-active-filters ul.active-filters li a.clear-filter {
  -webkit-mask: url("../images/icons/svg/close.svg") no-repeat 50% 50%;
  background-color: #000000;
  display: inline-block;
  height: 10px;
  mask: url("../images/icons/svg/close.svg") no-repeat 50% 50%;
  margin-left: 0.5rem;
  width: 10px; }

/* line 397, ../sass/_ogx-product-list.scss */
#filter-active-filters {
  display: none;
  padding-top: 2rem !important; }
  /* line 402, ../sass/_ogx-product-list.scss */
  #filter-active-filters ul.active-filters li {
    display: block;
    font-family: "Avenir Next";
    font-size: 14px;
    line-height: normal; }

/* line 411, ../sass/_ogx-product-list.scss */
#product-filters {
  background-color: #FFFFFF;
  display: none;
  height: 100%;
  overflow: scroll;
  padding-bottom: 2rem;
  position: fixed;
  right: 0;
  top: 0;
  width: 60%;
  z-index: 20; }
  /* line 423, ../sass/_ogx-product-list.scss */
  #product-filters .filter-mobile-header {
    align-items: center;
    background-color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0 1rem 0; }
    /* line 430, ../sass/_ogx-product-list.scss */
    #product-filters .filter-mobile-header h2, #product-filters .filter-mobile-header div {
      flex: 1; }
    /* line 434, ../sass/_ogx-product-list.scss */
    #product-filters .filter-mobile-header h2 {
      color: #000000;
      font-family: "Avenir Next";
      font-size: 22px;
      margin: 0 0 0 2rem; }
    /* line 441, ../sass/_ogx-product-list.scss */
    #product-filters .filter-mobile-header div {
      text-align: right; }
    /* line 445, ../sass/_ogx-product-list.scss */
    #product-filters .filter-mobile-header a.filter-close {
      background-image: url("../images/icons/close-27.png");
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      float: right;
      margin-right: 2rem;
      height: 16px;
      width: 16px; }
    @media (min-width: 900px) {
      /* line 423, ../sass/_ogx-product-list.scss */
      #product-filters .filter-mobile-header {
        display: none; } }
  /* line 461, ../sass/_ogx-product-list.scss */
  #product-filters .filter-section {
    margin: 2rem 2rem 0 2rem;
    padding-top: 0.5rem; }
    /* line 466, ../sass/_ogx-product-list.scss */
    #product-filters .filter-section h3 {
      margin: 0; }
      /* line 469, ../sass/_ogx-product-list.scss */
      #product-filters .filter-section h3 a {
        color: #808080;
        font-family: "Avenir Next";
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.1rem;
        margin: 1.5rem 0 0 0;
        text-transform: uppercase;
        display: block;
        background-image: url("../images/icons/plus.png");
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 13px 13px;
        width: 100%; }
      /* line 488, ../sass/_ogx-product-list.scss */
      #product-filters .filter-section h3 a.active {
        background-image: url("../images/icons/minus.png"); }
    /* line 495, ../sass/_ogx-product-list.scss */
    #product-filters .filter-section ul {
      margin: 1rem 0 3rem 0; }
    /* line 499, ../sass/_ogx-product-list.scss */
    #product-filters .filter-section a, #product-filters .filter-section span {
      color: #000000;
      font-family: "Avenir Next";
      font-size: 14px;
      text-decoration: none; }
    @media (min-width: 900px) {
      /* line 461, ../sass/_ogx-product-list.scss */
      #product-filters .filter-section {
        border-top: 1px solid #000000;
        display: block;
        margin: 0 0 1rem 4rem !important;
        padding-top: 0;
        width: 100%; } }
  /* line 516, ../sass/_ogx-product-list.scss */
  #product-filters #filter-type li a.active {
    font-weight: bold; }
  /* line 522, ../sass/_ogx-product-list.scss */
  #product-filters #filter-product li a, #product-filters #filter-benefit li a, #product-filters #filter-rating li a, #product-filters #filter-hair li a, #product-filters #filter-hydration li a, #product-filters #filter-collection li a {
    background-image: url("../images/icons/product-filters/checkbox-inactive.png");
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    padding-left: 3rem; }
  /* line 530, ../sass/_ogx-product-list.scss */
  #product-filters #filter-product li a.active, #product-filters #filter-benefit li a.active, #product-filters #filter-rating li a.active, #product-filters #filter-hair li a.active, #product-filters #filter-hydration li a.active, #product-filters #filter-collection li a.active {
    background-image: url("../images/icons/product-filters/checkbox-active.png"); }
  /* line 537, ../sass/_ogx-product-list.scss */
  #product-filters #filter-rating img {
    display: inline-block; }
  /* line 542, ../sass/_ogx-product-list.scss */
  #product-filters .cta-button {
    margin: 3rem auto 3rem auto; }
  @media (min-width: 900px) {
    /* line 411, ../sass/_ogx-product-list.scss */
    #product-filters {
      display: block;
      float: left;
      margin-top: 2rem;
      overflow: hidden;
      position: relative;
      top: 0;
      width: 240px;
      z-index: 1; } }

/* line 560, ../sass/_ogx-product-list.scss */
body.page-template-page_discontinued-list h3.title, body.page-template-page_discontinued-list p.description {
  margin-top: 1rem !important; }
/* line 564, ../sass/_ogx-product-list.scss */
body.page-template-page_discontinued-list p.description {
  height: auto !important; }

/* line 569, ../sass/_ogx-product-list.scss */
#product-list-header {
  height: 360px;
  margin-top: 10rem;
  position: relative; }

/* line 575, ../sass/_ogx-product-list.scss */
#product-list-header-content {
  color: #FFFFFF;
  max-width: 580px;
  padding: 8rem;
  position: absolute;
  right: 50px;
  text-align: center; }
  /* line 583, ../sass/_ogx-product-list.scss */
  #product-list-header-content h1 {
    margin: 0; }
  /* line 587, ../sass/_ogx-product-list.scss */
  #product-list-header-content .product-content {
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 2rem; }

/* line 596, ../sass/_ogx-product-list.scss */
#filter-apply {
  border: 1px solid #000000;
  border-radius: 5px;
  color: #000000;
  display: block;
  margin: 1rem auto 0 auto;
  padding: 10px; }

/* line 3, ../sass/_ogx-product-reviews.scss */
body.single-ogx_product #product-reviews {
  text-align: center;
  padding: 1rem 0 0 0;
  position: relative; }
  /* line 8, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews .content-module-inner {
    margin: 0 auto 0 auto;
    max-width: 884px; }
  /* line 13, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews .mini-reviews {
    margin: 2rem 2rem 0 2rem; }
    /* line 16, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .mini-reviews .review-stars {
      text-align: right; }
      /* line 19, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews .mini-reviews .review-stars span {
        color: #FFFFFF;
        font-family: "Avenir Next";
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        vertical-align: middle; }
      @media (min-width: 900px) {
        /* line 16, ../sass/_ogx-product-reviews.scss */
        body.single-ogx_product #product-reviews .mini-reviews .review-stars {
          flex: 2;
          text-align: left; } }
    /* line 35, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .mini-reviews img.stars {
      display: inline-block;
      margin-right: 1rem;
      max-width: 100px;
      vertical-align: middle; }
      @media (min-width: 900px) {
        /* line 35, ../sass/_ogx-product-reviews.scss */
        body.single-ogx_product #product-reviews .mini-reviews img.stars {
          vertical-align: baseline; } }
    /* line 46, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .mini-reviews .cta-button {
      font-weight: 500;
      margin: 0 auto 0 auto;
      max-width: 242px;
      width: 100%; }
    @media (min-width: 900px) {
      /* line 13, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews .mini-reviews {
        border-bottom: 1px solid #000000;
        text-align: center;
        margin: 0 auto 0 auto;
        max-width: 1300px; } }
  @media (min-width: 900px) {
    /* line 65, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .mini-reviews-inner {
      align-items: center;
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      margin: 0 auto 0 auto;
      padding: 0 0 3rem 0; } }
  /* line 77, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews .review-data {
    align-items: center;
    display: flex; }
    /* line 81, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .review-data h3 {
      font-family: "Avenir Next";
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 40px; }
      @media (min-width: 900px) {
        /* line 81, ../sass/_ogx-product-reviews.scss */
        body.single-ogx_product #product-reviews .review-data h3 {
          margin: 0; } }
    @media (min-width: 900px) {
      /* line 77, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews .review-data {
        max-width: 400px;
        flex: 1;
        align-items: center;
        align-content: flex-start; } }
  /* line 101, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews .review-score, body.single-ogx_product #product-reviews .review-stars {
    flex: 1; }
  /* line 105, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews .review-stars {
    max-width: 100px;
    width: 100px; }
  /* line 110, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews h3.review-score {
    font-family: "Avenir Next";
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    line-height: 45px;
    margin: 0;
    text-align: left; }
    @media (min-width: 900px) {
      /* line 110, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews h3.review-score {
        flex: 0.5; } }
  /* line 124, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews .review-button-wrapper {
    margin-top: 3rem;
    position: relative; }
    /* line 128, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .review-button-wrapper .cta-button {
      margin-right: 0;
      max-width: 200px; }
    @media (min-width: 900px) {
      /* line 124, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews .review-button-wrapper {
        flex: 1;
        margin-top: 0; } }
  /* line 139, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews .review {
    border-bottom: 1px solid #000000;
    margin: 0 2rem 0 2rem;
    text-align: left;
    padding: 3rem 0 3rem 0; }
    /* line 145, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .review h6 {
      font-family: "Avenir Next Bold";
      font-size: 15px;
      margin: 0;
      padding: 0;
      text-transform: uppercase; }
      @media (min-width: 900px) {
        /* line 145, ../sass/_ogx-product-reviews.scss */
        body.single-ogx_product #product-reviews .review h6 {
          flex: 1;
          max-width: 200px; } }
    /* line 158, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .review p.date, body.single-ogx_product #product-reviews .review p.verified {
      font-size: 14px;
      line-height: 20px;
      margin: 1rem 0 0 0; }
    /* line 164, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .review p.verified {
      font-weight: 600;
      margin-top: 1.5rem; }
    /* line 171, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .review .review-content p.full {
      font-size: 14px;
      line-height: 20px; }
    @media (min-width: 900px) {
      /* line 169, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews .review .review-content {
        flex: 1;
        margin-left: 12rem; } }
    /* line 209, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .review .stars, body.single-ogx_product #product-reviews .review .full {
      margin: 1rem 0 0 0; }
    /* line 213, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews .review .brief {
      margin-top: 2rem; }
      @media (min-width: 900px) {
        /* line 213, ../sass/_ogx-product-reviews.scss */
        body.single-ogx_product #product-reviews .review .brief {
          margin-top: 0; } }
    @media (min-width: 900px) {
      /* line 139, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews .review {
        display: flex;
        margin: 0 auto 0 auto;
        max-width: 946px; } }
  /* line 228, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews #review-filters {
    margin: 0 2rem 0 2rem; }
    @media (min-width: 900px) {
      /* line 228, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews #review-filters {
        margin: 0 auto 0 auto;
        max-width: 1300px; } }
  /* line 237, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews select#review-filter {
    background: none;
    border: none;
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-right: 0;
    width: 120px; }
    @media (min-width: 900px) {
      /* line 237, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews select#review-filter {
        margin-right: 2rem; } }
    @media (min-width: 1200px) {
      /* line 237, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews select#review-filter {
        margin-right: 0; } }
  /* line 257, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews ul.paginator {
    display: flex;
    margin: 0 auto 0 auto;
    max-width: 600px;
    padding: 3rem 0 3rem 0; }
    /* line 263, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews ul.paginator li {
      flex: 1; }
      /* line 266, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews ul.paginator li span, body.single-ogx_product #product-reviews ul.paginator li a {
        color: #000000;
        font-family: "Avenir Next";
        font-size: 14px;
        text-decoration: none;
        padding: 0 0.55rem 0 0.5rem; }
      /* line 274, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews ul.paginator li a.current-page, body.single-ogx_product #product-reviews ul.paginator li a:hover {
        border-bottom: 2px solid #000000; }
      /* line 278, ../sass/_ogx-product-reviews.scss */
      body.single-ogx_product #product-reviews ul.paginator li span.disabled {
        color: #000000; }
  /* line 284, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews p.no-reviews {
    font-family: "Avenir Next";
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: 26px;
    margin: 0 2rem 0 2rem;
    padding-top: 6rem;
    text-align: center; }
  /* line 295, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews a.anchor-link {
    top: -3rem;
    position: absolute; }
  /* line 300, ../sass/_ogx-product-reviews.scss */
  body.single-ogx_product #product-reviews hr.gold {
    padding: 0; }
  @media (min-width: 900px) {
    /* line 3, ../sass/_ogx-product-reviews.scss */
    body.single-ogx_product #product-reviews {
      padding: 8rem 0 8rem 0; } }

/* line 315, ../sass/_ogx-product-reviews.scss */
div#BVQAContainer .bv-rating-stars-container,
div#BVRRContainer .bv-rating-stars-container {
  text-align: center !important;
  width: 100% !important; }
/* line 320, ../sass/_ogx-product-reviews.scss */
div#BVQAContainer h2.bv-action-bar-header,
div#BVRRContainer h2.bv-action-bar-header {
  display: none !important; }
/* line 324, ../sass/_ogx-product-reviews.scss */
div#BVQAContainer button.bv-write-review.bv-focusable.bv-submission-button,
div#BVQAContainer button.bv-ask-question-label.bv-text-link.bv-focusable.bv-submission-button,
div#BVQAContainer button.bv-write-review-label.bv-text-link.bv-focusable.bv-submission-button,
div#BVRRContainer button.bv-write-review.bv-focusable.bv-submission-button,
div#BVRRContainer button.bv-ask-question-label.bv-text-link.bv-focusable.bv-submission-button,
div#BVRRContainer button.bv-write-review-label.bv-text-link.bv-focusable.bv-submission-button {
  background-color: #FEE123 !important;
  border: 3px solid #000000 !important;
  color: #000000 !important;
  font-family: "Alternate Gothic No2 D" !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  line-height: 21px !important;
  margin: 2.05rem auto 0 auto !important;
  padding: 2.5rem 2.5rem 1.5rem 2.5rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important; }

/* line 343, ../sass/_ogx-product-reviews.scss */
.bv-mbox-sidebar.bv-sidebar-enabled div.bv-submission-sidebar {
  display: none !important; }

/* line 1, ../sass/_ogx-search.scss */
.header-navigation-frame.search-visible {
  min-height: 100px !important; }

/* line 5, ../sass/_ogx-search.scss */
.header-navigation-scrolled {
  background: #827AC2; }
  /* line 10, ../sass/_ogx-search.scss */
  .header-navigation-scrolled #header-search {
    margin-top: 2px; }

/* line 15, ../sass/_ogx-search.scss */
#header-search {
  z-index: 23;
  display: none;
  margin: 0;
  padding: 0px 4rem 100vh;
  position: absolute;
  top: 98px;
  width: 100%;
  background: linear-gradient(#827ac2, rgba(130, 122, 194, 0.4)); }
  @media (min-width: 900px) {
    /* line 15, ../sass/_ogx-search.scss */
    #header-search {
      top: 99px; } }

/* line 30, ../sass/_ogx-search.scss */
.wpdreams_asl_results {
  top: 153px !important; }

/* line 34, ../sass/_ogx-search.scss */
#ajaxsearchlite1 {
  background: none !important;
  border-bottom: 2px solid #FFFFFF !important;
  box-shadow: none;
  padding: 2rem 0 1rem 0; }
  /* line 40, ../sass/_ogx-search.scss */
  #ajaxsearchlite1 .wpdreams_asl_container, #ajaxsearchlite1 .asl_m, #ajaxsearchlite1 .asl_w {
    width: auto; }
  /* line 44, ../sass/_ogx-search.scss */
  #ajaxsearchlite1 .probox {
    background: none !important; }
  /* line 48, ../sass/_ogx-search.scss */
  #ajaxsearchlite1 .promagnifier {
    display: none; }
  /* line 52, ../sass/_ogx-search.scss */
  #ajaxsearchlite1 .proclose {
    display: block !important; }
    /* line 55, ../sass/_ogx-search.scss */
    #ajaxsearchlite1 .proclose svg {
      background: none !important; }
  /* line 60, ../sass/_ogx-search.scss */
  #ajaxsearchlite1 .proinput {
    margin: 0;
    padding: 0; }
    /* line 64, ../sass/_ogx-search.scss */
    #ajaxsearchlite1 .proinput input.orig {
      background-size: 24px !important;
      background-image: url("../images/icons/search-white.png") !important;
      background-position: 0 50% !important;
      background-repeat: no-repeat !important;
      font-family: "Avenir Next";
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      padding-left: 40px !important; }
    /* line 76, ../sass/_ogx-search.scss */
    #ajaxsearchlite1 .proinput input.orig::placeholder {
      color: #FFFFFF; }
  /* line 85, ../sass/_ogx-search.scss */
  #ajaxsearchlite1 .asl_content h3 a {
    font-size: 16px !important; }
  /* line 90, ../sass/_ogx-search.scss */
  #ajaxsearchlite1 .asl_content .asl_desc {
    font-size: 14px !important; }

/* line 3, ../sass/_ogx-search-page.scss */
body.search.search-results #hero {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover; }
/* line 11, ../sass/_ogx-search-page.scss */
body.search.search-results #inner-page-header h1, body.search.search-results #inner-page-header p.description {
  text-transform: none;
  max-width: 500px; }
/* line 16, ../sass/_ogx-search-page.scss */
body.search.search-results #inner-page-header p.description {
  color: #FFFFFF;
  display: none;
  font-family: "Avenir Next";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  margin-left: 2rem; }
  @media (min-width: 900px) {
    /* line 16, ../sass/_ogx-search-page.scss */
    body.search.search-results #inner-page-header p.description {
      display: block; } }
/* line 34, ../sass/_ogx-search-page.scss */
body.search.search-results .inner-page-content p {
  margin: 0 2rem 0 2rem;
  padding-top: 2rem; }
/* line 40, ../sass/_ogx-search-page.scss */
body.search.search-results #product-list-container {
  padding-top: 6rem; }
/* line 44, ../sass/_ogx-search-page.scss */
body.search.search-results #product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }
  /* line 49, ../sass/_ogx-search-page.scss */
  body.search.search-results #product-list h3 {
    margin: 2rem 0 3rem 0; }
    /* line 52, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list h3 a {
      color: #000000;
      text-decoration: none; }
  /* line 58, ../sass/_ogx-search-page.scss */
  body.search.search-results #product-list .cta-button {
    max-width: none; }
  /* line 62, ../sass/_ogx-search-page.scss */
  body.search.search-results #product-list .product-details {
    margin-bottom: 4rem;
    text-align: left;
    position: relative;
    width: 300px; }
    /* line 68, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list .product-details .product-image {
      background-color: #FFFFFF;
      height: 400px;
      position: relative; }
      /* line 73, ../sass/_ogx-search-page.scss */
      body.search.search-results #product-list .product-details .product-image img {
        margin: 0 auto 0 auto;
        width: 100%; }
    /* line 79, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list .product-details a.product-favorite {
      background-image: url("../images/icons/favorite-off.png");
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      height: 25px;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 25px;
      z-index: 10; }
    /* line 92, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list .product-details a.product-favorite.favorite-on {
      background-image: url("../images/icons/favorite-on.png"); }
    /* line 96, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list .product-details .reviews {
      margin: 1rem 0 0 0; }
      /* line 99, ../sass/_ogx-search-page.scss */
      body.search.search-results #product-list .product-details .reviews .review-stars {
        margin: 0 auto 0 auto;
        vertical-align: middle; }
        /* line 103, ../sass/_ogx-search-page.scss */
        body.search.search-results #product-list .product-details .reviews .review-stars img.stars {
          display: inline-block;
          width: 100px; }
        /* line 108, ../sass/_ogx-search-page.scss */
        body.search.search-results #product-list .product-details .reviews .review-stars span {
          color: #FFFFFF;
          font-family: "Avenir Next";
          font-size: 11px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          vertical-align: middle; }
      @media (min-width: 900px) {
        /* line 96, ../sass/_ogx-search-page.scss */
        body.search.search-results #product-list .product-details .reviews {
          margin: -25px 0 0 10px;
          z-index: 10; } }
    /* line 125, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list .product-details h3 {
      font-size: 16px;
      line-height: 20px;
      margin: 2rem 0 1rem 0 !important;
      min-height: 50px; }
    /* line 132, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list .product-details p, body.search.search-results #product-list .product-details div.product-price {
      font-family: "Avenir Next";
      line-height: 20px; }
    /* line 137, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list .product-details p {
      font-size: 11px; }
      @media (min-width: 600px) {
        /* line 137, ../sass/_ogx-search-page.scss */
        body.search.search-results #product-list .product-details p {
          min-height: 70px; } }
      @media (min-width: 900px) {
        /* line 137, ../sass/_ogx-search-page.scss */
        body.search.search-results #product-list .product-details p {
          min-height: 40px; } }
      @media (min-width: 1200px) {
        /* line 137, ../sass/_ogx-search-page.scss */
        body.search.search-results #product-list .product-details p {
          min-height: 80px; } }
    /* line 153, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list .product-details div.product-price {
      font-size: 16px; }
    @media (min-width: 600px) {
      /* line 62, ../sass/_ogx-search-page.scss */
      body.search.search-results #product-list .product-details {
        margin: 0 2rem 4rem 2rem;
        width: 330px; } }
    @media (min-width: 900px) {
      /* line 62, ../sass/_ogx-search-page.scss */
      body.search.search-results #product-list .product-details {
        padding-bottom: 2rem; } }
  @media (min-width: 600px) {
    /* line 44, ../sass/_ogx-search-page.scss */
    body.search.search-results #product-list {
      padding-bottom: 8rem; } }
/* line 172, ../sass/_ogx-search-page.scss */
body.search.search-results .product-count {
  font-family: "Avenir Next";
  font-size: 16px;
  line-height: 24px;
  margin: 2rem 2rem 0 2rem;
  text-align: right; }
/* line 180, ../sass/_ogx-search-page.scss */
body.search.search-results .content-module.collection-benefits {
  background-image: url("../images/collections/headers/mobile/collection-products-header.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 2rem;
  padding: 180px 0 0 0; }
  /* line 187, ../sass/_ogx-search-page.scss */
  body.search.search-results .content-module.collection-benefits .content-module-inner {
    background-image: url("../images/collections/backgrounds/mobile/collection-formula.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 0 auto;
    max-width: 335px;
    padding: 3rem 0 2rem 0; }
    /* line 195, ../sass/_ogx-search-page.scss */
    body.search.search-results .content-module.collection-benefits .content-module-inner h3 {
      font-family: "Avenir Next";
      color: #FFFFFF;
      font-size: 21px;
      line-height: 31px;
      margin: 0 2rem 0 2rem;
      text-align: left; }
    /* line 204, ../sass/_ogx-search-page.scss */
    body.search.search-results .content-module.collection-benefits .content-module-inner ul {
      margin: 0 2rem 0 2rem;
      padding-top: 2rem; }
      /* line 208, ../sass/_ogx-search-page.scss */
      body.search.search-results .content-module.collection-benefits .content-module-inner ul li {
        color: #FFFFFF;
        background-image: url("../images/icons/open-circle-check.png");
        background-repeat: no-repeat;
        background-size: 24px;
        font-family: "Avenir Next Bold";
        font-size: 15px;
        margin: 0;
        min-height: 24px;
        padding: 0 0 2rem 40px;
        text-align: left;
        text-transform: uppercase;
        vertical-align: baseline; }

/* line 3, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #page-header {
  background-image: url("../images/sustainability/backgrounds/mobile/hero.jpg");
  background-position: right; }
  @media (min-width: 900px) {
    /* line 3, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #page-header {
      background-image: url("../images/sustainability/backgrounds/hero.jpg");
      min-height: 651px; } }
/* line 15, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #inner-page-header h1 {
  text-transform: uppercase; }
  @media (min-width: 900px) {
    /* line 15, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #inner-page-header h1 {
      font-size: 100px; } }
@media (min-width: 900px) {
  /* line 13, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #inner-page-header {
    padding-top: 500px; } }
/* line 28, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #site-content-inner {
  background: url("../images/decor/grain/grain-128.png") repeat, linear-gradient(to bottom, #978CCB 20%, #FEE123, #F98226);
  padding-bottom: 12rem; }
  /* line 34, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #site-content-inner h2, body.page-template-page_sustainability #site-content-inner h3 {
    color: #FFFFFF;
    font-family: "Alternate Gothic No2 D";
    font-weight: normal;
    margin: 0 4rem 0 4rem; }
  /* line 41, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #site-content-inner h2 {
    font-size: 42px; }
    @media (min-width: 900px) {
      /* line 41, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #site-content-inner h2 {
        font-size: 84px;
        line-height: 80px;
        padding-top: 8rem; } }
  /* line 51, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #site-content-inner h3 {
    font-size: 24px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 900px) {
      /* line 51, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #site-content-inner h3 {
        font-size: 50px;
        letter-spacing: 7px;
        padding-top: 3rem; } }
  /* line 64, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #site-content-inner h4 {
    font-size: 15px;
    font-family: "Avenir Next Bold";
    line-height: 20px;
    margin: 0 4rem 0 4rem; }
    @media (min-width: 900px) {
      /* line 64, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #site-content-inner h4 {
        font-size: 20px;
        line-height: 30px; } }
  /* line 76, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #site-content-inner p {
    color: #000000;
    font-family: "Avenir Next";
    font-size: 15px;
    line-height: 20px;
    margin: 0 4rem 0 4rem; }
    @media (min-width: 900px) {
      /* line 76, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #site-content-inner p {
        font-size: 20px;
        line-height: 30px; } }
  @media (min-width: 900px) {
    /* line 28, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #site-content-inner {
      background: url("../images/decor/grain/grain-128.png") repeat, radial-gradient(circle at 120% 30%, #F98226 10%, rgba(0, 0, 0, 0) 30%), radial-gradient(circle at -10% 60%, #F98226 10%, rgba(0, 0, 0, 0) 30%), linear-gradient(to bottom, #827AC2 20%, #FEE123 50%, #827AC2 80%);
      padding-bottom: 12rem; } }
/* line 102, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #our-sustainability .content-module-inner, body.page-template-page_sustainability #our-content .content-module-inner, body.page-template-page_sustainability #our-commitment .content-module-inner {
  margin: 0; }
  @media (min-width: 600px) {
    /* line 102, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-sustainability .content-module-inner, body.page-template-page_sustainability #our-content .content-module-inner, body.page-template-page_sustainability #our-commitment .content-module-inner {
      margin: 0 auto 0 auto;
      position: relative; } }
/* line 111, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #our-sustainability .content-image, body.page-template-page_sustainability #our-content .content-image, body.page-template-page_sustainability #our-commitment .content-image {
  background-size: cover;
  height: 190px;
  margin: 2rem 0 0 0;
  width: 100%; }
  @media (min-width: 600px) {
    /* line 111, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-sustainability .content-image, body.page-template-page_sustainability #our-content .content-image, body.page-template-page_sustainability #our-commitment .content-image {
      height: 320px;
      margin: 0;
      position: absolute;
      width: 320px; } }
  @media (min-width: 900px) {
    /* line 111, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-sustainability .content-image, body.page-template-page_sustainability #our-content .content-image, body.page-template-page_sustainability #our-commitment .content-image {
      height: 380px;
      width: 380px; } }
/* line 130, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #our-sustainability ul, body.page-template-page_sustainability #our-content ul, body.page-template-page_sustainability #our-commitment ul {
  list-style-type: disc;
  margin: 2rem 4rem 0 4rem;
  padding: 0; }
  /* line 135, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-sustainability ul li, body.page-template-page_sustainability #our-content ul li, body.page-template-page_sustainability #our-commitment ul li {
    font-family: "Avenir Next";
    font-size: 15px;
    line-height: 20px;
    margin: 1rem 0 0 0;
    text-align: left; }
    @media (min-width: 900px) {
      /* line 135, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-sustainability ul li, body.page-template-page_sustainability #our-content ul li, body.page-template-page_sustainability #our-commitment ul li {
        font-size: 20px;
        line-height: 30px; } }
/* line 150, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #our-sustainability {
  padding-top: 4rem; }
  /* line 153, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-sustainability h2, body.page-template-page_sustainability #our-sustainability p {
    padding-top: 3rem; }
    @media (min-width: 600px) {
      /* line 153, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-sustainability h2, body.page-template-page_sustainability #our-sustainability p {
        text-align: left; } }
  @media (min-width: 600px) {
    /* line 161, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-sustainability h2, body.page-template-page_sustainability #our-sustainability h3, body.page-template-page_sustainability #our-sustainability p {
      margin-right: 400px; } }
  @media (min-width: 900px) {
    /* line 161, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-sustainability h2, body.page-template-page_sustainability #our-sustainability h3, body.page-template-page_sustainability #our-sustainability p {
      margin-right: 500px; } }
  /* line 172, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-sustainability .content-image {
    background-image: url("../images/sustainability/sustainability-1.jpg"); }
    @media (min-width: 600px) {
      /* line 172, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-sustainability .content-image {
        background-image: url("../images/sustainability/sustainability-1-full.jpg");
        right: 20px;
        top: 0; } }
@media (min-width: 600px) {
  /* line 185, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-commitment hr.gold {
    margin-top: 0; } }
/* line 193, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #our-content {
  text-align: left; }
  @media (min-width: 600px) {
    /* line 196, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-content h2, body.page-template-page_sustainability #our-content h3, body.page-template-page_sustainability #our-content h4, body.page-template-page_sustainability #our-content ul, body.page-template-page_sustainability #our-content p {
      margin-left: 400px; } }
  @media (min-width: 900px) {
    /* line 196, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-content h2, body.page-template-page_sustainability #our-content h3, body.page-template-page_sustainability #our-content h4, body.page-template-page_sustainability #our-content ul, body.page-template-page_sustainability #our-content p {
      margin-left: 500px; } }
  @media (min-width: 600px) {
    /* line 207, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-content .inner-content {
      min-height: 460px;
      position: relative; } }
  @media (min-width: 900px) {
    /* line 207, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-content .inner-content {
      min-height: 500px; } }
  /* line 219, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-content h4 {
    padding-top: 2rem; }
    @media (min-width: 600px) {
      /* line 219, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-content h4 {
        padding-top: 4rem; } }
  /* line 229, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-content .inner-content.accomplishments .content-image {
    background-image: url("../images/sustainability/sustainability-2.jpg"); }
    @media (min-width: 600px) {
      /* line 229, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-content .inner-content.accomplishments .content-image {
        background-image: url("../images/sustainability/sustainability-2-full.jpg"); } }
  /* line 238, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-content .inner-content.commitments {
    padding-top: 2rem; }
    /* line 241, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-content .inner-content.commitments .content-image {
      background-image: url("../images/sustainability/sustainability-3.jpg"); }
      @media (min-width: 600px) {
        /* line 241, ../sass/_ogx-sustainability.scss */
        body.page-template-page_sustainability #our-content .inner-content.commitments .content-image {
          background-image: url("../images/sustainability/sustainability-3-full.jpg"); } }
    @media (min-width: 600px) {
      /* line 238, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-content .inner-content.commitments {
        padding-top: 0; } }
  @media (min-width: 600px) {
    /* line 254, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-content .content-image {
      height: 300px;
      left: 20px;
      top: 60px;
      width: 300px; } }
  @media (min-width: 900px) {
    /* line 254, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-content .content-image {
      height: 380px;
      width: 380px; } }
/* line 270, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability #our-commitment {
  position: relative; }
  /* line 273, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-commitment .content-module-inner {
    background-color: #827AC2;
    border: 2px solid #FFFFFF;
    margin: 2rem;
    padding: 2rem 0 2rem 0; }
    @media (min-width: 600px) {
      /* line 273, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-commitment .content-module-inner {
        display: flex;
        flex-direction: row-reverse;
        max-width: 1100px;
        padding: 2rem 4rem 2rem 4rem; } }
    @media (min-width: 900px) {
      /* line 273, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-commitment .content-module-inner {
        padding-bottom: 8rem; } }
    @media (min-width: 1200px) {
      /* line 273, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-commitment .content-module-inner {
        margin: 0 auto 0 auto; } }
  /* line 295, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-commitment .sustainability-icons {
    display: flex;
    justify-content: space-around;
    margin: 2rem 0 0 0;
    padding: 0 2rem 0 2rem; }
    /* line 301, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-commitment .sustainability-icons div {
      background-size: 64px;
      background-repeat: no-repeat;
      background-position: center;
      flex: 1;
      height: 64px;
      margin: 0 0.25rem 0 0.25rem;
      width: 64px; }
      @media (min-width: 600px) {
        /* line 301, ../sass/_ogx-sustainability.scss */
        body.page-template-page_sustainability #our-commitment .sustainability-icons div {
          display: none; } }
    /* line 315, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-commitment .sustainability-icons .icon-ingredients {
      background-image: url("../images/sustainability/icons/ingredients.png"); }
    /* line 319, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-commitment .sustainability-icons .icon-packaging {
      background-image: url("../images/sustainability/icons/packaging.png"); }
    /* line 323, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-commitment .sustainability-icons .icon-renewable {
      background-image: url("../images/sustainability/icons/renewable.png"); }
    /* line 327, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-commitment .sustainability-icons .icon-responsible {
      background-image: url("../images/sustainability/icons/responsible.png"); }
    @media (min-width: 600px) {
      /* line 295, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-commitment .sustainability-icons {
        background-image: url("../images/sustainability/icons/icon-set.png");
        background-size: 264px;
        background-repeat: no-repeat;
        background-position: center;
        height: 264px;
        margin-right: 2rem;
        max-width: 264px;
        padding: 0;
        width: 264px; } }
  /* line 344, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-commitment h3, body.page-template-page_sustainability #our-commitment p {
    margin: 0;
    text-align: left; }
  /* line 349, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-commitment p {
    color: #FFFFFF;
    padding: 2rem 2rem 0 0; }
  /* line 354, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-commitment .inner-content {
    margin-left: 2rem; }
  @media (min-width: 600px) {
    /* line 358, ../sass/_ogx-sustainability.scss */
    body.page-template-page_sustainability #our-commitment .sustainability-icons, body.page-template-page_sustainability #our-commitment .inner-content {
      flex: 1; } }
  /* line 365, ../sass/_ogx-sustainability.scss */
  body.page-template-page_sustainability #our-commitment a.cta-button-learn {
    border-width: 2px;
    box-shadow: #FFA3CA -7px 6px, #000000 -7px 6px 0px 1px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    padding: 0.5rem 0.5rem 0 0.25rem;
    position: absolute;
    right: 35px;
    top: 40px;
    width: 80px; }
    @media (min-width: 600px) {
      /* line 365, ../sass/_ogx-sustainability.scss */
      body.page-template-page_sustainability #our-commitment a.cta-button-learn {
        bottom: 20px;
        box-shadow: #FFA3CA -8px 7px, #000000 -8px 7px 0px 2px;
        font-size: 32px;
        padding: 2rem 2rem 1rem 2rem;
        right: 40px;
        top: auto;
        width: 170px; } }
/* line 392, ../sass/_ogx-sustainability.scss */
body.page-template-page_sustainability .content-module.connect h2 {
  margin: 0 !important;
  padding: 0 !important; }

/* line 3, ../sass/_ogx-where-to-buy.scss */
body.page-template-page_where-to-buy #page-header {
  background-image: url("../images/generic-headers/green-header.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
/* line 10, ../sass/_ogx-where-to-buy.scss */
body.page-template-page_where-to-buy h2, body.page-template-page_where-to-buy h3 {
  text-align: center; }
/* line 14, ../sass/_ogx-where-to-buy.scss */
body.page-template-page_where-to-buy .ps-widget {
  margin-bottom: 8rem;
  margin-top: 2rem; }

/* line 2, ../sass/_ogx-money-back-guarantee.scss */
body.page-template-page_money-back-guarantee #page-header {
  background-size: cover !important; }
  @media (max-width: 899px) {
    /* line 2, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee #page-header {
      background: transparent linear-gradient(201deg, #859EF2 0%, #7C89E5 100%) 0% 0% no-repeat padding-box !important; } }
@media (max-width: 899px) {
  /* line 10, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee #inner-page-header {
    padding: 50px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center; } }
/* line 19, ../sass/_ogx-money-back-guarantee.scss */
body.page-template-page_money-back-guarantee #inner-page-header h1 {
  max-width: 280px; }
  @media (max-width: 899px) {
    /* line 19, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee #inner-page-header h1 {
      margin-top: 0; } }
  @media (max-width: 599px) {
    /* line 19, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee #inner-page-header h1 {
      max-width: 215px; } }
/* line 32, ../sass/_ogx-money-back-guarantee.scss */
body.page-template-page_money-back-guarantee .flex {
  display: flex;
  align-items: center;
  background: #EBEBEB; }
  @media (max-width: 899px) {
    /* line 32, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee .flex {
      flex-direction: column;
      background: #fff; } }
  @media (max-width: 599px) {
    /* line 42, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee .flex .left-img-wrap {
      width: 100%; } }
  @media (max-width: 899px) {
    /* line 48, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee .flex img.left-img {
      width: 100%; } }
/* line 55, ../sass/_ogx-money-back-guarantee.scss */
body.page-template-page_money-back-guarantee .content-module-inner {
  padding: 50px 0 75px;
  max-width: 1020px; }
  /* line 59, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee .content-module-inner h2 {
    color: #000000;
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 53px; }
  /* line 66, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee .content-module-inner p {
    font-size: 20px;
    line-height: 27px; }
  /* line 71, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee .content-module-inner .right-content-wrap {
    background: #EBEBEB;
    padding: 30px; }
    @media (max-width: 899px) {
      /* line 71, ../sass/_ogx-money-back-guarantee.scss */
      body.page-template-page_money-back-guarantee .content-module-inner .right-content-wrap {
        max-width: 666px; } }
  /* line 80, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee .content-module-inner img.left-img {
    max-width: 330px;
    height: auto; }
    @media (max-width: 899px) {
      /* line 80, ../sass/_ogx-money-back-guarantee.scss */
      body.page-template-page_money-back-guarantee .content-module-inner img.left-img {
        max-width: 100%; } }
  /* line 89, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee .content-module-inner .middle-content {
    margin: 25px 0; }
    /* line 92, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee .content-module-inner .middle-content p {
      font-size: 18px; }
  /* line 97, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee .content-module-inner .bottom-content {
    margin: 25px 0; }
    /* line 100, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee .content-module-inner .bottom-content p {
      font-size: 18px; }
  /* line 106, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee .content-module-inner .download-links .downlod-link-img {
    background: #827AC2;
    max-width: 72px;
    border-radius: 100%;
    margin-right: 20px; }
  /* line 113, ../sass/_ogx-money-back-guarantee.scss */
  body.page-template-page_money-back-guarantee .content-module-inner .download-links .download-item {
    margin-bottom: 35px; }
    /* line 116, ../sass/_ogx-money-back-guarantee.scss */
    body.page-template-page_money-back-guarantee .content-module-inner .download-links .download-item a {
      display: flex;
      align-items: center;
      color: #000000;
      text-decoration: underline; }