@font-face {
  font-family: "BookerlyContent";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly/Bookerly-Regular.ttf") format("opentype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "BookerlyContent";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly/Bookerly-Italic.ttf") format("opentype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "BookerlyContent";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly/Bookerly-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "BookerlyDisplay-Bold";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly\ Display/BookerlyDisplay_BdIt.ttf") format("opentype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "BookerlyDisplay-Bold";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly\ Display/BookerlyDisplay_Bd.ttf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "BookerlyDisplay-Regular";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly%20Display/BookerlyDisplay_Rg.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BookerlyDisplay-Regular";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly%20Display/BookerlyDisplay_It.ttf") format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "BookerlyContent";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly/Bookerly-BoldItalic.ttf") format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "AmazonEmberContent";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Ember/AmazonEmber_Rg.ttf") format("opentype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "AmazonEmberContent";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Ember/AmazonEmber_RgIt.ttf") format("opentype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "AmazonEmberContent";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Ember/AmazonEmber_Bd.ttf") format("opentype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "AmazonEmberContent";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Ember/AmazonEmber_BdIt.ttf") format("opentype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Bookerly-Italic";
  src: url("https://d1ysvut1l4lkly.cloudfront.net/Fonts/Bookerly/Bookerly-Italic.ttf") format("opentype");
  font-weight: normal;
  font-style: italic;
}/* Body */

/* Body */

.twib-body {
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  min-width: 320px;
  max-width: 1500px;
  hyphens: auto !important;
  margin: 0 auto;
  padding-bottom: 20px;
  word-wrap: break-word !important;
}
.twib-body p, .twib-body div, .twib-body img {
  height: auto !important;
  float: none !important;
  position: relative !important;
  outline-style: none !important;
  padding-top: 0px;
  overflow: visible !important;
  border: none !important;
  background: none !important;
}

/* Paragraph */

.twib-body p, .twib-body div, .twib-body ul, .twib-body ol {
  margin: 0 auto;
  font-family: "BookerlyContent";
  color: #002F36 !important;
}
@media (max-width: 550px) {
  .twib-body p, .twib-body div, .twib-body ul, .twib-body ol {
    font-size: 18px;
    line-height: 32px;
  }
  .twib-body > p, .twib-body > div, .twib-body ul, .twib-body ol {
    padding: 0px 22px 23px 22px;
  }
  .twib-body > ul, .twib-body > ol {
    padding: 0px 22px 23px 40px !important;
  }
}
@media (min-width: 551px) and (max-width: 999px) {
  .twib-body p, .twib-body div, .twib-body ul, .twib-body ol {
    font-size: 20px;
    line-height: 34px;
  }
  .twib-body > p, .twib-body > div, .twib-body ul, .twib-body ol {
    padding: 0px 22px 23px 22px;
  }
  .twib-body > ul, .twib-body > ol {
      padding: 0px 22px 23px 40px !important;
  }
}
@media (min-width: 1000px) {
  .twib-body p, .twib-body div, .twib-body ul, .twib-body ol {
    font-size: 19px;
    line-height: 34px;
  }
  .twib-body > p, .twib-body > div {
    padding: 0px 50px 23px 50px;
  }
  .twib-body ul, .twib-body ol {
    padding-left: 20px !important;
  }
  .twib-body > ul, .twib-body > ol {
    padding: 0px 50px 23px 70px !important;
  }

}

/*Hero Image*/
 .twib-hero, .twib-hero div, .twib-hero figure {
  display: flex !important;
  justify-content: center !important;
  flex-direction: column !important;
}
.twib-hero {
  margin: 0 auto;
  overflow: hidden !important;
  padding: 0px 40px 0px 40px !important;
  max-width: 638px !important;
  text-align: center !important;
  /*max-height : 770px;*/
}
.twib-hero p, .twib-hero, .twib-hero div, .twib-hero span,
 .twib-hero figure p, .twib-hero figure, .twib-hero figure div, .twib-hero figure span {
  color: #002F36 !important;
  background: none !important;
  width: auto !important;
  font-family: "AmazonEmber-Regular" !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 24px !important;
  align-self: center !important;
}
.twib-hero img, .twib-hero figure img {
  -webkit-user-select: none;
  object-fit: cover;
  max-width: calc(100% + 80px) !important;
  margin: 0px -40px !important;
  padding: 0px 0px 10px 0px !important;
  width: auto !important;
  align-self: center !important;
}
@media (max-width: 550px) {
  .twib-hero p, .twib-hero, .twib-hero div, .twib-hero span,
   .twib-hero figure p, .twib-hero figure, .twib-hero figure div, .twib-hero figure span {
    font-size: 16px !important;
    line-height: 17px !important;
  }
}
@media (min-width: 551px) and (max-width: 999px){
  .twib-hero p, .twib-hero, .twib-hero div, .twib-hero span,
   .twib-hero figure p, .twib-hero figure, .twib-hero figure div, .twib-hero figure span {
    font-size: 18px !important;
    line-height: 20px !important;
  }
}
@media (min-width: 1000px) {
  .twib-hero p, .twib-hero, .twib-hero div, .twib-hero span,
   .twib-hero figure p, .twib-hero figure, .twib-hero figure div, .twib-hero figure span {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .twib-hero, .twib-hero img, .twib-hero figure img {
    max-width: 850px !important;
  }
}




/* BreadCrumb */

.breadcrumb {
  display: none !important;
}







/* Title CSS with the breakpoints. Need to refactor. Changed line height. Copy this again */
.title, .h1, .h2 {
  padding-top: 22px !important;
  width: auto;
}
.title p, .title, .title div, .title span, .h1, .h2 {
  font-family: "BookerlyDisplay-Bold" !important;
  color: #002F36 !important;
  font-weight: 200 !important;
  background-color: white !important;
  margin: 0 auto !important;
}
@media (max-width: 550px) {
  .title p, .title, .title div, .title span, .h1, .h2 {
    font-size: 38px !important;
    letter-spacing: -0.75px !important;
    line-height: 46px !important;
  }
}
@media (min-width: 551px) and (max-width: 999px) {
  .title p, .title, .title div, .title span, .h1, .h2 {
    font-size: 46px !important;
    letter-spacing: -0.75px !important;
    line-height: 58px !important;
  }
}
@media (min-width: 1000px) {
  .title p, .title, .title div, .title span, .h1, .h2 {
    font-size: 58px !important;
    line-height: 68px !important;
  }
}





/* Description */

.description p, .description, .description div, .description span  {
  margin: 0 auto !important;
  font-family: "Bookerly-Italic" !important;
  font-style: italic !important;
  font-weight: 200 !important;
  color: #002F36 !important;
  width: auto;
}
@media (max-width: 550px) {
  .description p, .description, .description div, .description span {
    font-size: 21px !important;
    line-height: 32px !important;
  }
}
@media (min-width: 551px) and (max-width: 999px) {
  .description p, .description, .description div, .description span {
    font-size: 24px !important;
    line-height: 38px !important;
  }
}
@media (min-width: 1000px) {
  .description p, .description, .description div, .description span {
    font-size: 26px !important;
    line-height: 40px !important;
  }
}




/* PullQuote */

.pullquote p, .pullquote, .pullquote div, .pullquote span {
  font-family: "AmazonEmberContent" !important;
  font-style: italic !important;
  text-align: center !important;
  margin: 0 auto !important;
  color: #002F36 !important;
  width: auto;
}
@media (max-width: 550px) {
  .pullquote p, .pullquote, .pullquote div, .pullquote span {
    font-size: 24px !important;
    line-height: 28px !important;
  }
}
@media (min-width: 551px) and (max-width: 999px){
  .pullquote p, .pullquote, .pullquote div, .pullquote span {
    font-size: 26px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 1000px) {
  .pullquote p, .pullquote, .pullquote div, .pullquote span {
    font-size: 28px !important;
    line-height: 40px !important;
  }
}





/* Author / Byline */

.author p, .author, .author div, .author span {
  font-family: "AmazonEmberContent" !important;
  font-size: 20px !important;
  color: #000018 !important;
  letter-spacing: 0 !important;
  margin: 0 auto !important;
  width: auto;
}
@media (max-width: 740px) {
  .author p, .author, .author div, .author span {
    line-height: 28px !important;
  }
}
@media (min-width: 741px) {
  .author p, .author, .author div, .author span {
    line-height: 30px !important;
  }
}



/* Copyright text */
.copyright-text {
  -webkit-text-size-adjust: none !important;
}
@media (max-width: 600px) {
  .copyright-text {
    font-size: 13px !important;
  }
}
@media (min-width: 601px) {
  .copyright-text {
    font-size: 14px !important;
  }
}




/* Image Block */
.image-block, figure, .figure-block, .image-block div, .figure-block div, figure div {
  display: flex !important;
  justify-content: center !important;
  flex-direction: column !important;
}
.image-block, figure, .figure-block {
  padding: 0px 40px 30px 40px !important;
  max-width: 594px !important;
  margin: 0px auto !important;
  border: none !important;
  background: none !important;
  text-align: center;
}
.image-block img, figure img, .figure-block img {
  -webkit-user-select: none;
  padding-bottom: 15px !important;
  padding-top: 35px !important;
  max-width: 550px !important;
  margin: 0px -18px !important;
  width: auto !important;
  align-self: center !important;
}
.image-block p, .image-block, .image-block div, .image-block span,
.figure-block p, .figure-block, .figure-block div, .figure-block span,
figure p, figure, figure div, figure span {
  font-family: "AmazonEmber-Regular" !important;
  font-style: normal !important;
  color: #002F36 !important;
  font-weight: 300 !important;
  width: auto;
  text-align: center !important;
}
@media (max-width: 550px) {
  .image-block p, .image-block, .image-block div, .image-block span,
  .figure-block p, .figure-block, .figure-block div, .figure-block span,
  figure p, figure, figure div, figure span {
    font-size: 16px !important;
    line-height: 17px !important;
  }
}
@media (min-width: 551px) and (max-width: 999px){
  .image-block p, .image-block, .image-block div, .image-block span,
  .figure-block p, .figure-block, .figure-block div, .figure-block span,
  figure p, figure, figure div, figure span {
    font-size: 18px !important;
    line-height: 20px !important;
  }
}
@media (min-width: 1000px) {
  .image-block p, .image-block, .image-block div, .image-block span,
  .figure-block p, .figure-block, .figure-block div, .figure-block span,
  figure p, figure, figure div, figure span {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}
@media (max-width: 594px) {
  .image-block img, figure img, .figure-block img {
    max-width: calc(100% + 36px) !important;
  }
}
.twib-body > .image-block figure, .twib-body > .figure-block figure, .twib-body > .twib-hero figure,
 .image-block .figure-block, .image-block .image-block, .figure-block .image-block, .figure-block .figure-block{
  padding: 0px !important;
  margin: 0px !important;
  max-width: none !important;
}
.twib-body > div > figure {
  padding: 0px 18px 0px 18px !important;
}


/*  Figcaption */

.figcaption, figcaption {
  font-family: "AmazonEmber-Regular" !important;
  font-style: normal !important;
  color: #002F36 !important;
  font-weight: 300 !important;
  margin: auto;
  padding: 0px 40px 20px 40px !important;
  width: auto;
  text-align: center !important;
  max-width: 638px !important;
}
figure .figcaption, .figure-block .figcaption, .image-block .figcaption,
 figure figcaption, .figure-block figcaption, .image-block figcaption,
 .twib-hero figcaption, .twib-hero .figcaption{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
@media (max-width: 550px) {
  .figcaption, figcaption {
    font-size: 16px !important;
    line-height: 17px !important;
  }
}
@media (min-width: 551px) and (max-width: 999px){
  .figcaption, figcaption {
    font-size: 18px !important;
    line-height: 20px !important;
  }
}
@media (min-width: 1000px) {
  .figcaption, figcaption {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}


.article-widget-base {
  background: white !important;
}
.dropcap {
  float: left;
  font-family: "BookerlyDisplay-Regular" !important;
  font-size: 75px;
  padding-right: 8px;
  padding-left: 3px;
}
.article-top-info-bar-container {
  background: white !important;
}
@media (min-width: 551px) and (max-width: 999px) {
  .article-top-info-bar-container {
    margin: 0 auto !important;
    max-width: 644px !important;
  }
}
@media (min-width: 740px) and (max-width: 999px){
  .article-top-info-bar-container {
    margin: 0 auto !important;
    max-width: 638px !important;
  }
}
@media (min-width: 1000px) {
  .article-top-info-bar-container {
    width: 850px !important;
    margin: 0 auto;
  }
}
@media only screen and (min-width:767px) {
  .article-content-campaign-channel-logo {
    margin-left: 0px !important;
  }
  .article-content-timeToRead {
    margin-right: 0px !important;
  }
}

/** HACK: Remove this when we fix the widget **/

.rec-article-widget-image-desktop {
    width: 200px;
    height: 100px;
    object-fit: cover;
}

@media (max-width: 355px) {
    .rec-article-widget-image-mobile {
      object-fit: contain !important;
    }
}


/** AA Theme Temporary **/

.twib-body.aa .title p, .twib-body.aa .title, .twib-body.aa .title div, .twib-body.aa .title span, .twib-body.aa .h1, .twib-body.aa .h2 {
    font-family: "AmazonEmberContent" !important;
}

.twib-body.aa p, .twib-body.aa div, .twib-body.aa ul, .twib-body.aa ol, .twib-body.aa ol span, .twib-body.aa ul span, .twib-body.aa p span, .twib-body.aa div span {
  margin: 0 auto;
  font-family: "AmazonEmberContent";
  color: #002F36 !important;
}

@media (max-width: 550px) {
.twib-body.aa p, .twib-body.aa div, .twib-body.aa ul, .twib-body.aa ol, .twib-body.aa ol span, .twib-body.aa ul span, .twib-body.aa li, .twib-body.aa p span, .twib-body.aa div span {
    font-size: 18px;
    line-height: 32px;
  }
}

@media (min-width: 551px) and (max-width: 999px) {
.twib-body.aa p, .twib-body.aa div, .twib-body.aa ul, .twib-body.aa ol, .twib-body.aa ol span, .twib-body.aa ul span, .twib-body.aa li, .twib-body.aa p span, .twib-body.aa div span {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1000px) {
.twib-body.aa p, .twib-body.aa div, .twib-body.aa ul, .twib-body.aa ol, .twib-body.aa ol span, .twib-body.aa ul span, .twib-body.aa li, .twib-body.aa p span, .twib-body.aa div span {
    font-size: 19px;
    line-height: 34px;
  }
}