@font-face {
  font-family: "Museo Slab";
  src: url("base/resources/fonts/museo-slab/MuseoSlab-700.eot?") format("eot"), url("base/resources/fonts/museo-slab/MuseoSlab-700.woff2") format("woff2"), url("base/resources/fonts/museo-slab/MuseoSlab-700.woff") format("woff"), url("base/resources/fonts/museo-slab/MuseoSlab-700.ttf") format("truetype");
}

@font-face {
  font-family: "Proxima Nova";
  src: url("base/resources/fonts/proxima-nova/Proxima_Nova.otf");
}

@media all {
    .einstein-landing-page .text h1,
    .einstein-landing-page .cmp-text h1 {
      font-family: "Museo Slab";
      font-weight: 700;
      color: #382168;
      font-size: 36px;
      line-height: 38px;
      text-transform: uppercase;}
    .einstein-footer-text p {
      font-family:"Proxima Nova";
      font-size: 16px;
      line-height: 26px; } }

@media all {
  .einstein-text .text h3,
  .einstein-cmp-text h3 {
    font-family: "Museo Slab";
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.02657148em;
    padding: 0;
    margin: 0;
    font-size: 26px;
    margin-bottom: 0.5em;
    text-transform: uppercase;  } }
/**
To enable bold styling again, change font-weight to 400 (but font will be thinner)
**/
@media all {
  .einstein-landing-page .text p,
  .einstein-landing-page .cmp-text p {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    padding: 0px; },

@media all {
  .einstein-landing-page .einstein-footer-text .title h3 {
    color: #fff !important;
  }
}

/******************  EINSTEIN GLOBAL STYLING **********************/

/* Headings */

.einstein-landing-page h1, .accordion h2 {
  font-family: "Museo Slab" !important;
  font-weight: 700;
  color: #382168;
  margin-bottom: 15px;
  line-height: 1 !important;
}

.einstein-landing-page .title h1, h1 {
  font-family: "Museo Slab" !important;
  color: #382168 !important;
  text-transform: uppercase;
}

.einstein-landing-page .title h3, .text h3, .cmp-text h3 {
  font-family: "Museo Slab" !important;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1 !important;
  color: #382168;
}

.einstein-landing-page .text h2, .cmp-text h2, .title h2 {
  font-size: 34px;
  color: #837d90;
  font-size: 20px;
  font-weight: 300;
  font-family: "Museo Slab" !important;
  text-transform: uppercase;
  line-height: 1 !important;
}

 .einstein-landing-page .news-listing--theme-2 .title > * {
   color: #382168 !important;
 }

.einstein-landing-page h3, .accordion h2 {
  font-size: 18px;
  font-family: "Museo Slab";
  text-transform: capitalize;
}

.einstein-landing-page h4, .text h4 a {
  font-size: 23px;
  font-weight: 700;
  font-family: "Museo Slab";
  text-transform: uppercase;
  color: #382168 !important;
}

.einstein-landing-page .text h5, .cmp-text h5, .title h5 {
  color: #382168 !important;
}

.einstein-landing-page .text h6, .cmp-text h6, .title h6 {
  font-size: 18px;
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 900;
  color: #23b2c2 !important;
}

@media only screen and (min-width: 992px) {
  .einstein-landing-page .text h1, .title h1, h1 {
    font-size: 60px;
    margin-bottom: 25px;
  }
  .einstein-landing-page .text h3, .cmp-text h3, .title h3, .accordion h2 {
    font-size: 34px;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .einstein-landing-page .text h2, .cmp-text h2, .title h2, h3 {
      font-size: 26px;
  }
  .einstein-landing-page h4 {
    font-size: 23px;
  }
  .einstein-landing-page h6 {
    font-size: 18px;
  }
}

.einstein-landing-page .text-and-image h2 {
  color: #382168 !important;
}

.einstein-landing-page .text-and-image-block h2 {
  color: #382168 !important;
}

/* Text */

.einstein-landing-page .text-and-image-block .cq-dd-image, .text {
  margin-bottom: none;
}

.einstein-landing-page .text ul, ol {
  padding-left: 2rem;
}

.einstein-landing-page .accordion__item h3 a {
  color: #382168;
}

.einstein-landing-page .accordion__item b {
  color: #382168;
}

/* Text and Image Module */
.einstein-landing-page .row-of-text-and-image-blocks:not(.row-of-text-and-image-blocks--display-theme-2) .text-and-image-block .image:before {
  background-color: transparent;
}

@media all {
  .einstein-landing-page .row-of-text-and-image-blocks:not(.row-of-text-and-image-blocks--display-theme-2), .row-of-text-and-image-blocks__container  {
  border: none !important;
  }
}

/* CTA buttons */

@media all {
  .einstein-landing-page a.btn-cta.btn-primary, button.btn-cta.btn-primary, div.btn-cta.btn-primary > a, span.btn-cta.btn-primary > a, .einstein-button-learn-text, a.btn-cta.btn-red, button.btn-cta.btn-red, div.btn-cta.btn-red > a, span.btn-cta.btn-red > a {
    background: #ff1a55 !important;
    color: #fff;
    border: 1px solid #ff1a55 !important;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 900;
    font-family: "Museo Slab";
    font-size: 14px;
    text-align: center;
    -webkit-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out;
  }
  .einstein-landing-page a.btn-cta.btn-primary:hover, button.btn-cta.btn-primary:hover, div.btn-cta.btn-primary > a:hover, span.btn-cta.btn-primary > a:hover, .einstein-button-learn-text:hover, a.btn-cta.btn-red:hover, button.btn-cta.btn-red:hover, div.btn-cta.btn-red > a:hover, span.btn-cta.btn-red > a:hover {
      background-color: white !important;
      color: #ff1a55 !important;
      border: 1px solid #ff1a55 !important;
  }
}

/* Quotes module */
.einstein-landing-page .quote--display-theme-2, .quote--display-theme-2:before, .quote--display-theme-2:after  {
  background-color: #ffff;
}

.einstein-landing-page .quote--display-theme-2 .blockquote {
  color: #231f20;
  line-height: 1.28;
}

/* Sidebar modifications */
.einstein-landing-page .sidebar .news-listing .card-list-item__inner h3 {
  font-size: 18px !important;
  color: #382168;
}


@media all {
  .einstein-site-footer {
    font-family: "Museo Slab", serif;
    font-size: 23px;
    font-weight: 700;
    color: white;
    background: #382168 none;
    background-size: 100%; } 

  .einstein-footer-text, .einstein-footer-text a, .einstein-footer-social {
    color: #ffffff;
    width: 50%; } 

  .einstein-footer-social {
    text-align: right;
  }

  .bbi-nav-social a:hover, .bbi-nav-social a:active, .bbi-nav-social a:focus {
    background: #fff; }

  .bbi-nav-social a {
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 100%;
    border: 1px solid #fff;
    text-align: center;
    width: 45px;
    height: 45px;
    padding-top: 4px; }

  .bbi-nav-social a:hover .fa, .bbi-nav-social a:active .fa, .bbi-nav-social a:focus .fa {
    color: #382168; }

  .bbi-nav-social .fa {
      font-size: 20px; }
  }

@media (max-width: 805px) {
  .einstein-footer-text, .einstein-footer-social {
    margin: auto; 
    width: 100%; 
    text-align: center; }
}