@charset "UTF-8";

body {
	background: #004a7f; /* Old browsers */
background: -moz-linear-gradient(45deg,  #004a7f 0%, #e6007e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #004a7f 0%,#e6007e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #004a7f 0%,#e6007e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a7f', endColorstr='#e6007e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.section:first-of-type {
    padding-top: 2rem;
    padding-bottom: 0;
}
.module-link-section a {
	color: #e6007e;
	text-decoration: none;
	border-bottom: white;
}
.content a {
	font-family: 'Roboto Black', sans-serif;
    position: relative;
    white-space: normal;
    font-weight: 400;
    z-index: 1;
	color: #e6007e;
    display: inline;
    border-bottom: 2px solid white;
}
.module-link-section .link {
	list-style-image: none;
	list-style: none;
	margin: 0;
}
.module-link-section .fa {
	margin-right: .5rem;
}

.article-content.container {
	background-color: white;
}

.content h2 {
	font-family: 'Roboto Slab', sans-serif;
    font-weight: 400;
	color: #e6007e;
}
h2.article {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  margin-bottom: .75rem;
}
h2.module-title {
    font-family: 'Roboto Black', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    padding: 0 1.5rem;
    margin-bottom: 1rem;
}
h2.module-title::after {
    display: block;
    content: '';
    width: 65px;
    height: 4px;
    margin: 12px 0 0;
    background: white;
}
h3.title {
	font-family: 'Roboto Black', sans-serif;
    color: #e6007e;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.25;
}
.quote {
	font-family: 'Roboto Slab', serif;
    font-weight: 400;
	color: #e6007e;
	font-size: 2rem;
}
.header h1{
  font-size: 1.78em;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.article .content h1:not(:first-child) {
    margin-top: 0;
}
.header time {
  font-size: .825em;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.header span.category {
  text-transform: uppercase;
}

.article-header {
  position: relative;
  line-height: 0;
  display: block;
  height: 15rem;
  margin-bottom: 1rem;
  overflow: hidden;
  box-shadow: 0 16px 16px rgba(0,0,0,.05), 0 8px 8px rgba(0,0,0,.05), 0 4px 4px rgba(0,0,0,.05), 0 2px 2px rgba(0,0,0,.05);
}

aside .columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: 1.2rem;
}

.caption {
	padding: 0 2rem;
}

.tags {
	padding: 1rem 0 0 .75rem;
}
.tags:not(:last-child) {
    margin-bottom: 0;
}

@media (min-width: 1024px) {
  .article-header {
    height: 25rem;
  }
}

@media screen and (min-width: 1204px) {
  article header.container {
    max-width: 1140px;
    width: 1140px;
  }
}

.article-header img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
  filter: grayscale(100%);
}

.article-header:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.article-header figcaption {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(230, 0, 126, 0.5);
  text-align: center;
  color: #fff;
  line-height: 1;
}

.article-header figcaption a {
  color: #fff;
}

.article-header figcaption a:hover {
  color: rgba(255, 255, 255, 0.75);
}

.article-header div {
  padding: 1rem 2rem;
}

.article-header figcaption .category {
  font-family: 'Roboto Black', sans-serif;
  font-size: 1.2em;
  font-style: normal;	
  font-weight: 400;
  color: white;
  text-transform: uppercase;
}

.article-header figcaption h1 {
  font-family: 'Roboto Black', sans-serif;
  font-size: 2em;
  font-style: normal;	
  font-weight: 400;
  color: white;
  padding: 1rem 0;
}

.article-header figcaption time {
  font-size: .825em;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.article-content>p:first-child::first-letter {
  font-size: 4em;
  line-height: 1;
  font-weight: bold;
  float: left;
  padding-right: 1rem;
}

.article-footer {
  padding: 4rem 0;
}

.article-footer>* {
  margin-bottom: 4rem !important;
}

.share-links {
  padding: 1em 2em;
  border: 2px solid white;
  border-radius: 3px;
  text-transform: uppercase;
}

.share-links .level-item span {
  font-family: 'Roboto Black', sans-serif;
  font-size: 1em;
  line-height: 1.85em;
  font-weight: 400;
  color: white;
}

.prevnext {
	padding: 1rem;
}

.prevnext .heading {
  letter-spacing: 2px;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  color: white;
  padding-bottom: .4em;
  text-transform: uppercase;
}

.prevnext .title {
  font-family: 'Roboto Black', sans-serif;
  font-size: 1.25rem;
  margin-bottom: 1em;
  font-weight: 400;
}
.prevnext .title a,
.prevnext .title a:visited {
  color: white;
}
.prevnext .title a:hover,
.prevnext .title a:focus {
  color: #e6007e;
}

.related-article .cover {
  position: relative;
  line-height: 0;
  display: block;
  height: 10rem;
  width: 10rem;
  overflow: hidden;
}

.related-article .cover img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}

.related-article .cover:hover img {
  -webkit-transform: scale(1.1);	
}

.related-article .cover figcaption {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  color: #fff;
  line-height: 1;
}
.related-article .cover .tag:not(body) {
  border: 1px solid white;
  color: white;
}

.related-article .cover figcaption a {
  color: #fff;
}

.related-article h4 {
  font-family: 'Roboto Black', sans-serif;
  font-weight:400;
  font-size: 1.1em;
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
  margin-top: 1rem;
  margin-left: .5rem;
}

.related p {
  margin-top: 1rem;
}

.author {
  position: relative;
  color: #222;
  padding: 1.5rem 2rem;
  margin: 4rem 0 1em;
  border: 1px solid #eee;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 #FFF, 1px 1px 0 #FFF, 2px 2px 0 #FFF, 3px 3px 0 #eee;
}

.author h4 {
  font-weight: 600;
  font-size: 1.35em;
  line-height: 1.36em;
}

.author h5 {
  font-weight: 300;
  font-size: 1.15em;
  line-height: 1.36em;
}

.author img {
  display: block;
  margin: -60px auto 10px auto;
  max-height: 80px;
  border-radius: 50%;
  border: 6px solid #fff;
}

.author p {
  position: relative;
  margin: .6em 0 0.2em 0;
}

article a.readmore {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.825em;
  letter-spacing: .05em;
  border-bottom: 2px solid #eaeaea;
  color: #333;
}

article a.readmore::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  margin-bottom: -2px;
  background: #222222;
  transition: width .3s;
}

article a.readmore:hover::after {
  width: 100%;
}

/* Modules */

.module-testimonial-section,
.module-text-paragraph-section,
.section:first-of-type.module-text-paragraph-section,
.module-link-section {
	padding: .8rem;
	padding-bottom: 0;
}
.module-text-paragraph-section p {
	margin-bottom: .75rem;
}
.section:last-of-type {
    padding-bottom: 2rem;
	background-color: transparent;
	background-position: bottom center;
	background-size: 225px;
	background-repeat: no-repeat;
	border-bottom: none;
}

.section.module-quote-section .card {
    background-color: #fff;
    box-shadow: none;
    max-width: 550px;
    position: relative;
	margin: 0 auto;
	padding: 0;
}

.module-testimonial-section .media {
    align-items: center;
    display: flex;
    text-align: left;
}

.module-testimonial-section .media-content {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: left;
}

.content .module-testimonial-section figure:not(:last-child) {
    margin-bottom: 0;
	margin-right: 2rem;
}

.module-number-section .card {
   padding: 3rem 0;
   color: white;
}

.module-number-section h3.title {
	font-family: 'Roboto Black', sans-serif;
    color: #e6007e;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.25;
}

.module-number-section span.unit {
	margin-left: 1rem;
}

.module-number-section .subtitle {
	font-family: 'Roboto Black', sans-serif;
    color: white;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25;
}

/** 06 - Video Section *******************************************************************************/

.module-video-section {
  padding: 0;
}

.module-video-section .hero {
  position: relative;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.module-video-section .module-title h2 {
    display: inline-block;
    color: #ef7aaf;
    border-bottom: 2px solid #0014cd;
}
.module-video-section .hero figure {
   position: inherit;
}

.module-video-section .hero figure > img {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.module-video-section .hero figcaption {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(33, 41, 51, 0.35);
  text-align: center;
  color: #fff;
  line-height: 1;
}

.module-video-section a figcaption img {
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.module-video-section a:hover figcaption img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.module-video-section .video-embed figure {
  position: relative;
  padding-bottom: 52.65%;
  background: #000;
}

.module-video-section .video-embed iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content figure img.play-btn{
  box-shadow: none;
} 
.content .hero a {
  border-bottom: none;
}

/** 07 - Aside *******************************************************************************/

aside {
   background: #f6f6f6;
}
aside .content h2 {
	font-family: 'Roboto Black', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: black;
	padding: 2rem 0 0 1rem;
}
.r-text {
	padding: 0 0 0 1rem;
}

/** 07 - Aside *******************************************************************************/

.podcast-info {
	padding-top: 1rem;
}

.slick-slider .slick-prev, 
.slick-slider .slick-next {
  z-index: 100;
  font-size: 0;
  line-height: 0;
  color: #dadada;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  display: block;
  padding: 8px 12px;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0;
  -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.slick-slider .slick-prev.slick-disabled, 
.slick-slider .slick-next.slick-disabled {
   opacity: 0.5;
}

.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
  color: #e6007e;
  background: transparent;
}

.slick-slider .slick-prev {
  left: 0;
}

.slick-slider .slick-next {
  right: 0;
 }

@media (min-width: 769px) { 

.slick-slider .slick-prev {
  left: -60px;
}

.slick-slider .slick-next {
  right: -60px;
 }
}

.slick-slider .slick-prev::before, .slick-slider .slick-next::before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1;
}

.slick-slider .slick-prev::before {
  content: '\f053';
}

.slick-slider .slick-next::before {
  content: '\f054';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 60px;
}

.slick-dots {
    position: absolute;
    bottom: -60px;
    width: 100%;
    padding: .5rem 1.5rem 1.5rem;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 1px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: white;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 3rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.stage .slick-dots li button:before
{
    color: white;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #e6007e;
}