/*
<style>
@import url('http://127.0.0.1:8000/custom.css');
</style>
*/

/* ====== GENERAL ====== */
h1, h2, h3, h4, h5, p, a {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
flipbook toolbar {
  background: transparent; 
}
toolbar .inner .toolbar-button {
  color: #fff;
  background-color: rgba(0,0,0,.1);
}
flipbook toolbar .cta {
  max-width: 50%;
}
.device-portrait toolbar .inner .toolbar-button {
  color: #fff;
  background-color: rgba(0,0,0,.1);
}
.read-on-hint {
  font-size: .78em;
  font-weight: 700;
  margin-top: 1em !important;
  margin-bottom: 2em !important;
  padding: .75em 1.75em;
  transition: all .25s;
  border-radius: 9999px !important;
}
.read-on-hint:hover {
  background-color: #ff7a59!important;
}
.body a[class*=link-style-]:not(.link-style-default), 
.header a[class*=link-style-]:not(.link-style-default) {
  border-radius: 9999px !important;
}
.flip-hint {
  -webkit-border-top-left-radius: 9999px;
  -webkit-border-bottom-left-radius: 9999px;
  -moz-border-radius-topleft: 9999px;
  -moz-border-radius-bottomleft: 9999px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  transition: all .25s;
}

/* ====== COVER STYLE ====== */
.landscape .surf-style-cover .overlay {
  background-image: url(cover-overlay.svg);
  background-size: cover;
}
.device-portrait .surf-style-cover .overlay {

}
.landscape .surf-style-cover .overlay:after {
  display: none;
}
.surf-style-cover .text:before {
  content: '';
  display: block;
  background-image: url(logo-white.svg);
  background-repeat: no-repeat;
  width: 15em;
  height: 4em;
  margin-bottom: 2.5em;
  margin-left: .1em;
}
.surf-style-cover.color-ffffff .text,
.surf-style-cover.color-00a4ba .text,
.surf-style-cover.color-ff7a59 .text,
.surf-style-cover.color-f2547d .text,
.surf-style-cover.color-6a78d1 .text,
.surf-style-cover.color-f5f8fa .text {
  background: none !important;
  background-image: none !important;
  max-width: 55em;
}
.device-portrait .surf-style-cover .text {
  max-width: 25em !important;
  padding: 2em;
}
.surf-style-cover .surf-heading {
  font-size: 2.5em!important;
}
.device-portrait .surf-style-cover .surf-heading {
  font-size: 2em!important;
}
.surf-style-cover .surf-subheading {
  font-size: 1.75em!important;
}
.device-portrait .surf-style-cover .surf-subheading {
  font-size: 1.5em!important;
}
.surf-style-cover .soundbite-wrapper {
  margin-top: 0;
}

/* ====== FADE STYLE ====== */
.surf-style-fade.color-ffffff .surf-heading .bypass em {
  color: #ff7a59 !important;
}

/* ===== IMMERSE ===== */
.immerse-wrapper .featurebox.featurebox-style-left-line, 
.immerse-wrapper .featurebox.featurebox-style-overline, 
.immerse-wrapper .featurebox.featurebox-style-right-line, 
.immerse-wrapper .featurebox.featurebox-style-underline {
  background-image: -webkit-gradient(linear,left top,left bottom,from(#00a4ba),to(#00a4ba));
  background-image: -webkit-linear-gradient(#00a4ba,#00a4ba);
  background-image: -o-linear-gradient(#00a4ba,#00a4ba);
  background-image: linear-gradient(#00a4ba,#00a4ba);
  -webkit-background-size: 5px 5px;
  background-size: 5px 5px;
}
.body .heading-style-mid, 
.header .heading-style-mid,
.featurebox.featurebox-style-plain .featurebox-inner h1, 
.featurebox.featurebox-style-plain .featurebox-inner h2, 
.featurebox.featurebox-style-plain .featurebox-inner h3, 
.featurebox.featurebox-style-plain .featurebox-inner h4 {
  margin-bottom: 1em !important;
}
.heading-style-extra-large-heading {
  font-size: 5em!important;
}
.device-portrait .heading-style-extra-large-heading {
  font-size: 4em!important;
}
.body .soundbite.soundbite-style-default-large .soundbite-quote, 
.featurebox .featurebox-inner .soundbite.soundbite-style-default-large .soundbite-quote, 
.header .soundbite.soundbite-style-default-large .soundbite-quote,
.immerse-wrapper .soundbite:before,
.immerse-wrapper .soundbite[class*="-large"]:before {
  
}
.featurebox.featurebox-style-white {
  padding: 4em;
  width: calc(100% - 4em);
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 2em 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 0px 2em 0px rgba(0,0,0,0.24);
  box-shadow: 0px 0px 2em 0px rgba(0,0,0,0.24);
  position: relative;
  overflow: visible;
}
.device-portrait .immerse-wrapper .featurebox.featurebox-style-white {
  padding: 2em;
}
.body .simplepoll .button, 
.header .simplepoll .button {
  border-radius: 9999px !important;
}
.link-style-default {
  text-underline-offset: 5px;
  font-weight: 700;
}
.immerse-wrapper p[class*="-drop-cap"]:first-letter {
  font-weight: 700!important;
  font-size: 1em!important;
  padding: .15em .6em;
  margin-right: .35em;
  border-radius: 9999px;
}