@import url(https://use.typekit.net/kro2kdw.css);
/*Fonts*/
/*Colours*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

body, html {
  margin: 0;
  padding: 0;
  font-size: 10px; }

b, strong {
  font-weight: bold; }

body, html {
  font-size: 10px; }

body {
  overflow-x: hidden; }

* {
  box-sizing: border-box; }

main {
  margin-top: 9.4rem; }

.container {
  max-width: 90%;
  width: 1000px;
  margin: 0 auto; }
  .container.container-small {
    width: 980px; }
  .container.container-large {
    width: 1250px; }

.grid {
  display: flex;
  flex-wrap: wrap; }
  .grid .item {
    margin: 0 6rem 6rem 0; }
  .grid.two-across .item {
    flex: 0 0 calc(50% - 3rem); }
    .grid.two-across .item:nth-of-type(2n+2) {
      margin-right: 0; }
  .grid.three-across .item {
    flex: 0 0 calc(33.33% - (2/3 * 6rem)); }
    .grid.three-across .item:nth-of-type(3n+3) {
      margin-right: 0; }
  .grid.four-across .item {
    flex: 0 0 calc(25% - (3/4 * 6rem)); }
    .grid.four-across .item:nth-of-type(4n+4) {
      margin-right: 0; }
  .grid.five-across .item {
    flex: 0 0 calc(20% - (4/5 * 6rem)); }
    .grid.five-across .item:nth-of-type(5n+5) {
      margin-right: 0; }
  .grid.six-across .item {
    flex: 0 0 calc(16.66% - (5/6 * 6rem)); }
    .grid.six-across .item:nth-of-type(6n+6) {
      margin-right: 0; }

img, video {
  max-width: 100%;
  height: auto; }

.img-container {
  position: relative;
  overflow: hidden; }
  .img-container > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
    .img-container > img + .container {
      position: relative;
      z-index: 1; }

h1, h2, h3, h4, h5, h6 {
  font-family: "hwt-artz", sans-serif;
  color: #3E3E3E;
  letter-spacing: 1.2px;
  margin: 0 0 1.5rem;
  font-weight: 400; }

h1 {
  font-size: 5.5rem;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

h2 {
  font-size: 4.2rem; }

h3 {
  font-family: realist, sans-serif;
  font-size: 3.6rem; }

h4 {
  font-size: 2.6rem; }

h5 {
  font-size: 2.2rem; }

h6 {
  font-size: 2rem; }

p, li {
  font-family: realist, sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 1.4;
  color: #3E3E3E; }
  p:first-of-type, li:first-of-type {
    margin-top: 0; }
  p:last-of-type, li:last-of-type {
    margin-bottom: 0; }

a, span {
  font-family: realist, sans-serif;
  text-decoration: none;
  transition: all ease-in-out .2s;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: #0097CC; }

a:hover {
  color: #F05865; }

i {
  transition: all ease-in-out .2s; }

form .gform_body ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none; }
  form .gform_body ul li {
    flex: 0 0 calc(50% - 1rem);
    margin-bottom: 2rem; }
    form .gform_body ul li label {
      display: none; }
    form .gform_body ul li .ginput_container {
      width: 100%; }
    form .gform_body ul li input, form .gform_body ul li select, form .gform_body ul li textarea {
      width: 100%;
      background-color: #fff;
      border: none;
      outline: none;
      resize: none;
      padding: 2rem 2.5rem;
      border-radius: 1rem;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);
      font-family: realist, sans-serif;
      font-size: 1.6rem;
      color: #A3A3A3;
      -webkit-appearance: none; }
      form .gform_body ul li input::placeholder, form .gform_body ul li select::placeholder, form .gform_body ul li textarea::placeholder {
        font-family: realist, sans-serif;
        font-size: 1.6rem;
        color: #A3A3A3; }
    form .gform_body ul li textarea {
      height: 20rem; }
    form .gform_body ul li.full-width {
      flex: 0 0 100%; }

form .gform_footer {
  text-align: center; }
  form .gform_footer .button {
    -webkit-appearance: none;
    border: none;
    outline: none; }

.validation_error {
  font-family: realist, sans-serif;
  font-size: 2rem;
  color: #F05865;
  margin-bottom: 2rem;
  line-height: 1.4;
  text-align: center; }

.gfield_error .ginput_container input[type="text"], .gfield_error .ginput_container textarea {
  border-bottom: 1px solid #F05865 !important; }
  .gfield_error .ginput_container input[type="text"]::placeholder, .gfield_error .ginput_container textarea::placeholder {
    color: #F05865; }

.validation_message {
  display: none; }

input:-webkit-autofill, textarea:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #A3A3A3;
  -webkit-text-fill-font-family: realist, sans-serif; }

body img.gform_ajax_spinner {
  display: none !important; }

.gform_confirmation_wrapper {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.gform_confirmation_message {
  font-size: 3rem;
  font-weight: bold;
  font-family: realist, sans-serif;
  color: #3E3E3E;
  text-align: center;
  line-height: 1.4; }

@media only screen and (max-width: 1024px) {
  main {
    margin-top: 11.4rem; } }

@media only screen and (max-width: 430px) {
  main {
    margin-top: 12.4rem; }
  form .gform_body ul li {
    flex: 0 0 100%; }
  h1 {
    font-size: 4rem; }
  h2 {
    font-size: 3rem; } }

.error {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .error .container {
    text-align: center; }
  .error h1 {
    font-size: 12rem;
    color: #3E3E3E; }
  .error h3 {
    margin-bottom: 4rem; }
  .error .button {
    margin-top: 2rem; }

@media only screen and (max-width: 375px) {
  main {
    margin-top: 9.6rem; } }

.button {
  font-size: 1.7rem;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  background: #0097CC;
  padding: 1.5rem 4rem;
  border-radius: 4rem;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
  outline: none; }
  .button:hover {
    background-color: #F05865;
    color: #fff; }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
  z-index: 999; }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 9.4rem; }
  header #header-logo {
    width: 10rem;
    padding: 1rem 0; }
  header nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0; }
    header nav ul li {
      font-size: 1.4rem;
      font-family: realist, sans-serif; }
      header nav ul li a {
        display: block;
        color: #3E3E3E;
        padding: 1rem 3rem;
        font-size: inherit;
        font-family: inherit;
        font-weight: 700;
        letter-spacing: .5px;
        text-transform: uppercase;
        border-right: 1px solid #a3a3a3; }
      header nav ul li.menu-item-has-children {
        position: relative;
        margin-right: 1rem; }
        header nav ul li.menu-item-has-children .expand-child-items {
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 2rem;
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          header nav ul li.menu-item-has-children .expand-child-items i {
            color: #000000;
            transition: all ease-in-out .2s; }
          header nav ul li.menu-item-has-children .expand-child-items .icon-container {
            display: none; }
        header nav ul li.menu-item-has-children .sub-menu {
          position: absolute;
          top: 90%;
          left: 0;
          display: block;
          width: 20rem;
          background-color: white;
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
          opacity: 0;
          visibility: hidden;
          max-height: 0;
          transition: all ease-in-out .2s; }
          header nav ul li.menu-item-has-children .sub-menu li {
            border-bottom: 1px solid #000000; }
            header nav ul li.menu-item-has-children .sub-menu li a {
              padding: 1rem;
              font-size: 1.2rem; }
              header nav ul li.menu-item-has-children .sub-menu li a:hover {
                background-color: rgba(0, 0, 0, 0.1); }
            header nav ul li.menu-item-has-children .sub-menu li:last-of-type {
              border-bottom: none; }
        header nav ul li.menu-item-has-children:hover .expand-child-items i {
          transform: rotate(180deg); }
        header nav ul li.menu-item-has-children:hover .sub-menu {
          opacity: 1;
          visibility: visible;
          max-height: calc(100vh - 5.6rem); }
      header nav ul li:last-of-type a {
        border-right: none; }
  header #mobile-menu {
    display: none;
    height: 2rem;
    width: 4rem;
    position: relative;
    cursor: pointer; }
    header #mobile-menu span {
      background-color: #000000;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: .3rem;
      transform: translateY(-50%);
      transition: all ease-in-out 0.3s;
      transition-delay: 0; }
      header #mobile-menu span:nth-of-type(2) {
        top: 50%; }
      header #mobile-menu span:nth-of-type(3) {
        top: 100%; }
  header .button-container {
    display: flex;
    align-items: center; }
    header .button-container .button {
      font-size: 1.4rem;
      margin-right: 1.5rem;
      padding: 2rem 3.5rem;
      text-transform: uppercase; }
      header .button-container .button.button-pink {
        background-color: #F05865;
        margin: 0; }
        header .button-container .button.button-pink:hover {
          background-color: #0097CC; }

@media only screen and (max-width: 1024px) {
  header #header-logo {
    padding: 2rem 0;
    margin-right: auto; }
  header .container {
    justify-content: flex-start;
    min-height: 11.4rem;  }
  header .button-container {
    margin-right: 4rem; }
    header .button-container .button {
      padding: 1.5rem 3rem; }
  header nav {
    position: absolute;
    top: 100%;
    left: 100%;
    width: 100%;
    background-color: #fff;
    transition: all ease-in-out .2s;
    max-height: calc(100vh - 5.6rem);
    overflow: auto; }
    header nav ul {
      display: block;
      border-top: 0.3rem solid #0097CC;
      border-bottom: 0.2rem solid #0097CC; }
      header nav ul li {
        border-bottom: 0.1rem solid #0097CC; }
        header nav ul li.menu-item-has-children {
          margin: 0; }
          header nav ul li.menu-item-has-children:hover .expand-child-items i {
            transform: rotate(0deg); }
          header nav ul li.menu-item-has-children:hover .sub-menu {
            opacity: 0;
            visibility: hidden;
            max-height: 0; }
          header nav ul li.menu-item-has-children .expand-child-items {
            padding: 2rem;
            width: auto;
            height: 5.6rem;
            cursor: pointer; }
            header nav ul li.menu-item-has-children .expand-child-items.active i {
              transform: rotate(180deg); }
          header nav ul li.menu-item-has-children .sub-menu {
            position: relative;
            width: 100%;
            border: none; }
            header nav ul li.menu-item-has-children .sub-menu li {
              font-size: 14px; }
              header nav ul li.menu-item-has-children .sub-menu li a {
                padding: 1.5rem 3rem; }
            header nav ul li.menu-item-has-children .sub-menu.active {
              opacity: 1;
              visibility: visible;
              max-height: 100vh;
              border-top: .2rem solid #000000;
              border-bottom: .1rem solid #000000; }
  header #mobile-menu {
    display: block; }
  header.mobile-active nav {
    left: 0; }
  header.mobile-active #mobile-menu span:first-of-type {
    top: 50%;
    transform: rotate(45deg); }
  header.mobile-active #mobile-menu span:nth-of-type(2) {
    left: -100%;
    opacity: 0; }
  header.mobile-active #mobile-menu span:last-of-type {
    top: 50%;
    transform: rotate(-45deg); } }

@media only screen and (max-width: 600px) {
  header {
    margin-top: 3.4rem; }
    header .button-container {
      margin: 0; }
      header .button-container .button {
        position: fixed;
        top: 0;
        left: 0;
        width: 50%;
        padding: 1rem;
        border-radius: 0;
        text-align: center; }
        header .button-container .button:last-of-type {
          left: 50%; } }

@media only screen and (max-width: 430px) {
  header #header-logo {
    padding: 1rem 0; } }

@media only screen and (max-width: 375px) {
  header #header-logo {
    width: 5rem; } }

footer {
  padding: 6.5rem 0 1rem;
  background-color: #ECECEC; }
  footer ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  footer h3 {
    font-weight: 500;
    margin-bottom: 1.5rem; }
  footer a {
    display: block; }
    footer a:hover {
      color: #0097CC; }
  footer .footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0; }
    footer .footer-top .col {
      flex: 1;
      margin-bottom: 2.5rem; }
      footer .footer-top .col * {
        font-size: 1.8rem;
        color: #3E3E3E;
        font-weight: 300;
        margin-bottom: .5rem;
        line-height: 1.2; }
      footer .footer-top .col ul {
        padding: 0;
        margin: 0;
        list-style: none; }
      footer .footer-top .col h3 {
        font-weight: 500;
        margin-bottom: 1.5rem; }
      footer .footer-top .col a {
        display: block; }
        footer .footer-top .col a:hover {
          color: #0097CC; }
      footer .footer-top .col .social {
        display: flex;
        align-items: center; }
        footer .footer-top .col .social a {
          margin-left: 1rem; }
          footer .footer-top .col .social a i {
            transition: all ease-in-out .2s; }
          footer .footer-top .col .social a:hover i {
            color: #0097CC; }
      footer .footer-top .col form {
        display: flex;
        flex-wrap: wrap; }
        footer .footer-top .col form .validation_error {
          flex: 0 0 100%;
          text-align: left;
          margin-bottom: 1rem; }
        footer .footer-top .col form .gform_body {
          flex: auto; }
          footer .footer-top .col form .gform_body ul li {
            flex: 1;
            margin: 0 2.5rem 0 0; }
            footer .footer-top .col form .gform_body ul li input {
              padding: 1.5rem 2rem;
              color: #A3A3A3; }
            footer .footer-top .col form .gform_body ul li:last-of-type {
              margin-right: 0; }
        footer .footer-top .col form .gform_footer {
          flex: 1; }
          footer .footer-top .col form .gform_footer .button {
            color: #fff;
            font-size: 1.7rem;
            padding: 1.5rem 4rem; }
      footer .footer-top .col .gform_confirmation_wrapper {
        justify-content: flex-start;
        height: auto; }
      footer .footer-top .col.footer-form {
        flex: 0 0 100%;
        margin: 0; }
      footer .footer-top .col.footer-content {
        text-align: center;
        position: relative;
        margin: 0;
        padding: 3rem 0; }
        footer .footer-top .col.footer-content p {
          max-width: calc(100% - 28rem);
          margin: 0 auto;
          color: #A3A3A3; }
        footer .footer-top .col.footer-content img {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          max-height: 6rem;
          max-width: 14rem; }
          footer .footer-top .col.footer-content img:last-of-type {
            left: auto;
            right: 0; }
  footer .footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #979797;
    padding-top: 1.5rem; }
    footer .footer-bottom * {
      font-size: 1.5rem;
      color: #3E3E3E;
      font-weight: 400;
      margin-bottom: .5rem;
      line-height: 1.2; }
    footer .footer-bottom div {
      display: flex; }
    footer .footer-bottom ul {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      margin-left: 2rem; }
      footer .footer-bottom ul li {
        margin: 0 1rem 0 0; }
    footer .footer-bottom h3 {
      font-weight: 600;
      margin-bottom: 1.5rem; }
    footer .footer-bottom a {
      display: block;
      text-decoration: underline; }
      footer .footer-bottom a:hover {
        color: #0097CC; }

@media only screen and (max-width: 1024px) {
  footer .footer-top .col.footer-content p {
    max-width: 50%;
    margin: 0 auto; }
  footer .footer-top .col form .gform_body ul li {
    margin: 0 1.5rem 0 0; }
  footer .footer-top .col form .gform_footer {
    margin-left: 1.5rem; } }

@media only screen and (max-width: 768px) {
  footer .footer-top .col {
    flex: 0 0 50%; }
    footer .footer-top .col form .gform_body {
      flex: 0 0 70%; }
    footer .footer-top .col:last-of-type {
      flex: 0 0 100%; } }

@media only screen and (max-width: 765px) {
  footer .footer-top .col {
    flex: 0 0 100%;
    text-align: center; }
    footer .footer-top .col .social {
      justify-content: center; }
    footer .footer-top .col form .gform_body {
      flex: 0 0 100%; }
    footer .footer-top .col form .gform_footer {
      margin: 0; } }

@media only screen and (max-width: 430px) {
  footer .footer-top .col form .gform_body ul li {
    flex: 0 0 100%;
    margin: 0 0 1rem; }
  footer .footer-top .col.footer-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    footer .footer-top .col.footer-content p {
      max-width: 100%;
      margin: 0 0 2rem; }
    footer .footer-top .col.footer-content img {
      position: relative;
      top: 0;
      transform: none;
      margin: 0 1rem; }
  footer .footer-bottom {
    justify-content: center; }
    footer .footer-bottom > div {
      flex: 0 0 100%;
      display: block;
      text-align: center; }
    footer .footer-bottom ul {
      margin: 2rem 0 1rem;
      justify-content: center; } }

.banner-section .banner-content {
  padding: 4.5rem 10rem;
  background-color: #fff;
  border-radius: 2rem;
  position: relative;
  top: -5rem;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center; }
  .banner-section .banner-content * {
    font-size: 2.6rem; }
  .banner-section .banner-content .content-pink {
    color: #F05865; }

.banner {
  overflow: visible;
  padding: 16rem 0 20rem; }
  .banner .container {
    text-align: center; }
  .banner.default-banner {
    padding: 0; }
    .banner.default-banner .container {
      padding: 16rem 0; }
    .banner.default-banner h1 {
      margin: 0; }

.authorspage .banner, .blog .banner, .category .banner {
  background-color: #FDF8F5;
  padding: 8.5rem 0; }
  .authorspage .banner h1, .blog .banner h1, .category .banner h1 {
    color: #F05865;
    text-shadow: none;
    margin: 0; }

.blog .banner .container, .category .banner .container {
  display: flex;
  align-items: flex-end;
  text-align: left; }
  .blog .banner .container > *, .category .banner .container > * {
    flex: 0 0 33.33%; }

.blog .banner .archive-categories, .category .banner .archive-categories {
  text-align: center; }
  .blog .banner .archive-categories ul, .category .banner .archive-categories ul {
    text-align: left; }

.blog .banner h1, .category .banner h1 {
  padding-right: 7.5rem; }

@media only screen and (max-width: 1024px) {
  .banner {
    padding: 10rem 0; }
  .banner-section .banner-content {
    max-width: 100%;
    top: 0;
    border-radius: 0; } }

@media only screen and (max-width: 768px) {
  .banner-section .banner-content {
    padding: 4rem 5rem; }
  .blog .banner .container, .category .banner .container {
    justify-content: center;
    flex-wrap: wrap;
    text-align: center; }
    .blog .banner .container > *, .category .banner .container > * {
      flex: 0 0 100%; }
  .blog .banner h1, .category .banner h1 {
    padding-right: 0;
    margin: 0 0 2rem; }
  .banner.default-banner .container {
    padding: 10rem 0; } }

@media only screen and (max-width: 430px) {
  .banner-section h1 {
    font-size: 4rem; }
  .banner-section .banner-content {
    padding: 4rem 2rem; }
    .banner-section .banner-content p {
      font-size: 2rem; }
  .blog .banner, .category .banner {
    padding: 5rem 0; } }

.accordion-section {
  padding: 4rem 0; }

.accordion-item {
  padding: 2rem;
  margin: 1rem 0;
  background-color: #fff;
  box-shadow: 5px 5px 25px 0 rgba(179, 179, 179, 0.3); }

.accordion-item--title {
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #F05865;
  letter-spacing: 1.1px;
  user-select: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  .accordion-item--title.active + .accordion-item--content {
    opacity: 1; }
  .accordion-item--title.active .accordion-item--toggle .fa-minus {
    opacity: 1;
    visibility: visible;
    z-index: 0;
    position: static; }
  .accordion-item--title.active .accordion-item--toggle .fa-plus {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute; }
  .accordion-item--title .accordion-item--toggle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem; }
    .accordion-item--title .accordion-item--toggle .fa-minus, .accordion-item--title .accordion-item--toggle .fa-plus {
      transition: opacity ease-in-out 0.2s;
      color: #F05865; }
    .accordion-item--title .accordion-item--toggle .fa-minus {
      opacity: 0;
      visibility: hidden;
      z-index: -1;
      position: absolute;
      color: #F05865; }

.accordion-item--content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in-out 0.2s; }
  .accordion-item--content .accordion-content--inner {
    padding: 2rem 0 0; }

@media only screen and (max-width: 430px) {
  .accordion-item {
    padding-right: 4rem; }
  .accordion-item--title {
    font-size: 1.6rem; }
    .accordion-item--title .accordion-item--toggle {
      right: -2rem; } }

.slider .img-container {
  width: 100%;
  padding-bottom: 56.25%; }

.flex-columns {
  margin: 5rem 0; }
  .flex-columns .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .flex-columns .container .flex-column {
      flex: 1 0 48%; }

@media only screen and (max-width: 980px) {
  .flex-columns .container {
    display: block; }
    .flex-columns .container .flex-column {
      margin-bottom: 2rem;
      width: 100%;
      flex: 0 0 100%; } }

button.plyr__control.plyr__control--overlaid {
  background: transparent;
  border: 4px solid #fff;
  padding: 2.5rem; }

.post-thumbnail {
  box-shadow: 0 0 1rem 0 rgba(220, 219, 219, 0.5);
  border-radius: 1.5rem;
  overflow: hidden;
  display: flex;
  background-color: #fff;
  margin-bottom: 3rem;
  transform: scale(1);
  transition: all ease-in-out .2s; }
  .post-thumbnail p {
    margin: 0; }
  .post-thumbnail .post-image {
    flex: 0 0 33%; }
  .post-thumbnail .post-content {
    flex: 1;
    padding: 0 0 1rem 2rem; }
    .post-thumbnail .post-content .post-info {
      display: flex;
      align-items: center; }
      .post-thumbnail .post-content .post-info p {
        margin: 0 1rem 0 0;
        color: #A3A3A3; }
      .post-thumbnail .post-content .post-info .episode-count {
        font-family: "hwt-artz", sans-serif;
        letter-spacing: 1.2px;
        background-color: #CACACA;
        padding: .5rem 2rem;
        color: #fff;
        text-transform: uppercase; }
    .post-thumbnail .post-content h3 {
      font-size: 2.6rem;
      font-weight: 600;
      margin: 1.5rem 0 2rem !important; }
    .post-thumbnail .post-content .categories {
      margin-top: 2rem; }
    .post-thumbnail .post-content .category {
      color: #A3A3A3;
      padding: 0;
      margin: 0 1rem 0 0; }
  .post-thumbnail .play-button {
    display: flex;
    align-items: center;
    margin: 0 4rem; }
  .post-thumbnail:hover {
    transform: scale(1.05); }
    .post-thumbnail:hover h3 {
      color: #0097CC;
      transition: all ease-in-out .2s; }
    .post-thumbnail:hover svg * {
      transition: all ease-in-out .2s; }
    .post-thumbnail:hover svg circle {
      stroke: #0097CC; }
    .post-thumbnail:hover svg polygon {
      fill: #0097CC; }

@media only screen and (max-width: 768px) {
  .post-thumbnail .play-button {
    margin: 0 4rem 0 1rem; } }

@media only screen and (max-width: 600px) {
  .post-thumbnail {
    flex-wrap: wrap;
    box-shadow: none;
    background-color: transparent; }
    .post-thumbnail .post-image {
      flex: 0 0 100%;
      padding-bottom: 76%; }
    .post-thumbnail .post-content {
      padding: 0;
      text-align: center; }
      .post-thumbnail .post-content .post-info {
        justify-content: space-between; }
      .post-thumbnail .post-content .categories {
        justify-content: center; }
    .post-thumbnail .play-button {
      position: absolute;
      top: 27%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      justify-content: center; } }

@media only screen and (max-width: 320px) {
  .post-thumbnail .play-button {
    top: 23%; } }

.categories {
  display: flex;
  flex-wrap: wrap; }
  .categories .category {
    display: block;
    padding: .5rem;
    color: #0097CC; }

.listen-where {
  margin-bottom: 7rem; }
  .listen-where h2 {
    font-family: realist, sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    text-transform: uppercase;
    margin-bottom: 3rem; }

@media only screen and (max-width: 768px) {
  .listen-where {
    margin: 4rem 0; } }

@media only screen and (max-width: 430px) {
  .listen-where {
    text-align: center; } }

.listening-libraries {
  margin-bottom: 5.5rem; }
  .listening-libraries .container {
    display: flex;
    flex-wrap: wrap; }
  .listening-libraries .library {
    flex: 0 0 calc(33.33% - (2/3 * 4.5rem));
    margin-bottom: 2rem;
    border-right: 1px solid #979797;
    padding-right: 2rem;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .listening-libraries .library:nth-of-type(3n+3), .listening-libraries .library:last-of-type {
      border-right: none;
      padding-right: 0;
      margin-right: 0; }

@media only screen and (max-width: 768px) {
  .listening-libraries .library {
    flex: 0 0 calc(50% - 1rem);
    margin-bottom: 0;
    padding-bottom: 2rem; }
    .listening-libraries .library:nth-of-type(3n+3) {
      border-right: 1px solid #979797;
      padding-right: 2rem;
      margin-right: 2rem; }
    .listening-libraries .library:nth-of-type(2n+2) {
      border-right: none;
      padding-right: 0;
      margin-right: 0; } }

.listening-devices {
  padding-bottom: 10rem;
  position: relative; }
  .listening-devices .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 2; }
  .listening-devices .device {
    flex: 0 0 calc(50% - 2.5rem);
    background-color: #0097CC;
    padding: 5.5rem 4.5rem;
    border-radius: 2rem;
    display: flex;
    flex-wrap: wrap; }
    .listening-devices .device .title {
      margin-bottom: 2rem;
      display: flex;
      align-items: center; }
      .listening-devices .device .title svg {
        flex: 0 0 5rem;
        width: 5rem;
        max-height: 5rem; }
    .listening-devices .device * {
      color: white; }
    .listening-devices .device h3 {
      font-size: 2.6rem;
      font-weight: 400;
      margin: 0 0 0 1.5rem;
      max-width: 22rem;
      line-height: 1.2; }
    .listening-devices .device p {
      flex: 0 0 100%; }
  .listening-devices:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 95%;
    background-image: url(images/background-pattern.svg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1; }

@media only screen and (max-width: 768px) {
  .listening-devices .device {
    padding: 4rem 3rem;
    flex: 0 0 calc(50% - 1rem); } }

@media only screen and (max-width: 430px) {
  .listening-devices {
    padding-bottom: 4rem; }
    .listening-devices .device {
      flex: 0 0 100%;
      margin-bottom: 2rem; } }

@media only screen and (max-width: 375px) {
  .listening-devices .device h3 {
    text-align: left;
    font-size: 2rem; } }

.share-buttons {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none; }
  .share-buttons li:first-of-type {
    margin-right: 1rem !important; }
  .share-buttons a {
    padding: .5rem; }
    .share-buttons a:hover i {
      color: #0097CC; }

.latest-news {
  text-align: right; }
  .latest-news h2 {
    font-size: 5.5rem;
    color: #F05865;
    margin: 0 0 5rem;
    max-width: 25rem; }
  .latest-news h2, .latest-news .post-thumbnail {
    text-align: left; }
  .latest-news.related-news {
    text-align: left; }
    .latest-news.related-news h3 {
      font-size: 2.4rem;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1.2;
      margin: 0 0 2.5rem;
      max-width: 100%;
      color: #3E3E3E; }

@media only screen and (max-width: 430px) {
  .latest-news {
    text-align: center; }
    .latest-news h2 {
      text-align: center;
      max-width: none;
      font-size: 3.5rem;
      margin: 0 0 3rem; }
    .latest-news.related-news h3 {
      text-align: center; } }

.promo-banner {
  background-color: #FFE85A;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 3rem; }
  .promo-banner .img-container {
    width: 100%;
    height: 0;
    padding-bottom: 53%; }
  .promo-banner .content {
    padding: 0 2.5rem 2.5rem;
    position: relative; }
    .promo-banner .content:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: calc(100% + 4rem);
      background-image: url(images/promo-overlay.svg);
      background-size: cover;
      background-position: top;
      background-repeat: no-repeat; }
  .promo-banner h3, .promo-banner p, .promo-banner .button {
    position: relative;
    z-index: 1; }
  .promo-banner h3 {
    font-size: 2.6rem; }
  .promo-banner .button {
    margin-top: 1.5rem; }
  .promo-banner:last-of-type {
    margin-bottom: 0; }

@media only screen and (max-width: 430px) {
  .promo-banner {
    text-align: center; } }

.columns {
  position: relative;
  margin: 10rem 0 0;
  padding: 0 0 4rem; }
  .columns .container {
    display: flex;
    position: relative;
    z-index: 1; }
  .columns .col {
    flex: 1; }
    .columns .col:first-of-type {
      flex: 2.75;
      margin-right: 6rem; }
    .columns .col:last-of-type {
      margin-top: 16rem; }
  .columns:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 10rem);
    background-image: url(images/background-pattern2.svg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat; }
  .columns.post-columns .col:last-of-type {
    margin-top: 0; }
  .columns.post-columns .subscribe-channels {
    margin-top: 0; }

@media only screen and (max-width: 1024px) {
  .columns .container {
    flex-wrap: wrap; }
  .columns .col:first-of-type {
    flex: 0 0 100%;
    margin: 0 0 4rem; }
  .columns .col:last-of-type {
    margin-top: 5rem; }
  .columns .promo-banners {
    display: flex;
    flex-wrap: wrap; }
    .columns .promo-banners .promo-banner {
      flex: 1;
      margin: 0 2rem 0 0; }
      .columns .promo-banners .promo-banner:last-of-type {
        margin: 0; } }

@media only screen and (max-width: 765px) {
  .columns .promo-banners .promo-banner {
    flex: 0 0 100%;
    margin: 0 0 2rem; } }

@media only screen and (max-width: 430px) {
  .columns {
    margin: 4rem 0 0; } }

@media only screen and (max-width: 320px) {
  .columns:after {
    height: calc(100% + 6rem); } }

.subscribe-channels {
  margin-top: 5rem; }
  .subscribe-channels h3 {
    font-size: 2.4rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.2;
    padding-bottom: 2.5rem;
    border-bottom: 9px solid #fff; }
  .subscribe-channels .channel {
    display: block;
    padding: 1.5rem 0;
    border-bottom: 1px solid #9F9F9F; }
    .subscribe-channels .channel img {
      width: 22rem; }
    .subscribe-channels .channel:last-of-type {
      border: none; }

.blog .subscribe-channels h3, .blog .post-categories h3, .category .subscribe-channels h3, .category .post-categories h3, .aboutpage .subscribe-channels h3, .aboutpage .post-categories h3 {
  border-color: #FDF8F5; }

@media only screen and (max-width: 1024px) {
  .subscribe-channels {
    display: flex;
    flex-wrap: wrap; }
    .subscribe-channels h3 {
      flex: 0 0 100%; }
    .subscribe-channels .channel {
      flex: 0 0 50%;
      border: none; } }

@media only screen and (max-width: 430px) {
  .subscribe-channels {
    text-align: center; }
    .subscribe-channels .channel {
      flex: 0 0 100%; } }

.post-categories {
  margin-top: 5rem; }
  .post-categories h3 {
    font-size: 2.4rem;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 2.5rem;
    border-bottom: 9px solid #fff; }
  .post-categories .category {
    display: block;
    padding: 1rem 0;
    border-bottom: 1px solid #A3A3A3;
    font-size: 1.9rem;
    color: #A3A3A3; }
    .post-categories .category.current {
      color: #0097CC; }
    .post-categories .category:hover {
      color: #0097CC; }
    .post-categories .category:last-of-type {
      border-bottom: none; }

@media only screen and (max-width: 430px) {
  .post-categories {
    text-align: center; } }

.archive-categories {
  display: inline-block; }
  .archive-categories h3 {
    font-size: 2.4rem;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin: 0 0 2rem; }
  .archive-categories ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .archive-categories ul .menu-item-has-children {
      position: relative;
      padding: 2rem 0;
      background-color: #fff;
      padding: 1.5rem 2.5rem;
      font-size: 1.8rem;
      font-weight: 600;
      border-radius: 1rem;
      box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.05); }
      .archive-categories ul .menu-item-has-children .expand-child-items {
        position: absolute;
        right: 1.5rem;
        top: 1.75rem;
        width: 2rem;
        height: 2rem;
        cursor: pointer; }
        .archive-categories ul .menu-item-has-children .expand-child-items i {
          color: #F05865; }
        .archive-categories ul .menu-item-has-children .expand-child-items .fa-caret-down {
          display: none; }
        .archive-categories ul .menu-item-has-children .expand-child-items .icon-container i {
          position: absolute; }
        .archive-categories ul .menu-item-has-children .expand-child-items .fa-minus {
          opacity: 0;
          visibility: hidden;
          max-height: 0; }
        .archive-categories ul .menu-item-has-children .expand-child-items.active .fa-minus {
          opacity: 1;
          visibility: visible;
          max-height: 1.5rem; }
        .archive-categories ul .menu-item-has-children .expand-child-items.active .fa-plus {
          opacity: 0;
          visibility: hidden;
          max-height: 0; }
      .archive-categories ul .menu-item-has-children .submenu {
        position: absolute;
        top: calc(100% - 7px);
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        background-color: #fff;
        padding: 0 2rem 1.5rem;
        border-radius: 0 0 1rem 1rem;
        box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.05);
        z-index: 2; }
        .archive-categories ul .menu-item-has-children .submenu li a {
          font-size: 1.6rem;
          font-weight: 400;
          display: block;
          color: #3E3E3E;
          padding: .5rem; }
          .archive-categories ul .menu-item-has-children .submenu li a:hover {
            color: #0097CC; }
        .archive-categories ul .menu-item-has-children .submenu.active {
          opacity: 1;
          visibility: visible;
          max-height: 70rem; }

.video-column {
  padding: 6rem 0; }
  .video-column .container {
    display: flex;
    align-items: center; }
  .video-column .video-content {
    flex: 1;
    padding: 6rem 10rem 6rem 6rem;
    background-color: #fff;
    border-radius: 2rem; }
    .video-column .video-content * {
      font-size: 2rem; }
    .video-column .video-content .button {
      font-size: 1.7rem;
      color: #fff;
      margin-top: 2rem;
      padding: 2rem 2.5rem; }
  .video-column .plyr {
    flex: 1;
    min-width: 62rem;
    position: relative;
    left: -5rem; }

@media only screen and (max-width: 1230px) {
  .video-column .video-content {
    padding: 4rem 8rem 4rem 4rem; } }

@media only screen and (max-width: 1200px) {
  .video-column .container {
    flex-wrap: wrap; }
  .video-column .video-content {
    padding: 4rem;
    flex: 0 0 100%;
    text-align: center; }
  .video-column .plyr {
    left: 0;
    margin-top: 4rem;
    min-width: 0;
    flex: 0 0 100%; } }

@media only screen and (max-width: 430px) {
  .video-column .video-content {
    padding: 4rem 3rem; } }

@media only screen and (max-width: 320px) {
  .video-column .video-content {
    padding: 0;
    background-color: transparent; } }

.icon-listing {
  padding: 5rem 0 7.5rem; }
  .icon-listing .container {
    display: flex; }
  .icon-listing .list-item {
    flex: 1;
    text-align: center;
    margin-right: 6rem; }
    .icon-listing .list-item img {
      width: 16rem;
      height: 16rem; }
    .icon-listing .list-item h4 {
      font-family: realist, sans-serif;
      font-size: 2.4rem;
      font-weight: 400;
      text-transform: uppercase; }
    .icon-listing .list-item p {
      font-size: 1.9rem; }
    .icon-listing .list-item:last-of-type {
      margin: 0; }

@media only screen and (max-width: 765px) {
  .icon-listing .container {
    flex-wrap: wrap; }
  .icon-listing .list-item {
    flex: 0 0 100%;
    margin: 0 0 4rem; } }

@media only screen and (max-width: 320px) {
  .icon-listing {
    padding: 0 0 5rem; } }

.speaker-cta .content-container {
  background-color: #fff;
  box-shadow: 0 0 1rem 0 rgba(220, 219, 219, 0.98);
  padding: 3rem 5rem 4rem 5rem;
  border-radius: 2rem;
  display: flex;
  position: relative;
  z-index: 1; }
  .speaker-cta .content-container .col:first-of-type {
    border-right: 1px solid #A3A3A3;
    padding-right: 5rem;
    margin-right: 5rem;
    flex: 0 0 55%; }
  .speaker-cta .content-container .col:last-of-type {
    flex: 1;
    text-align: center; }
    .speaker-cta .content-container .col:last-of-type img {
      display: block;
      margin: 3rem auto 2rem; }
  .speaker-cta .content-container h2 {
    font-size: 5.5rem;
    color: #F05865;
    text-transform: uppercase;
    margin: 3rem 0 1.5rem; }

@media only screen and (max-width: 768px) {
  .speaker-cta .content-container {
    padding: 3rem;
    flex-wrap: wrap; }
    .speaker-cta .content-container .col {
      flex: 0 0 100% !important;
      text-align: center;
      order: 1; }
      .speaker-cta .content-container .col img {
        display: block;
        margin: 0 auto; }
      .speaker-cta .content-container .col:first-of-type {
        margin: 0;
        padding: 0;
        border: none;
        order: 2; } }

@media only screen and (max-width: 430px) {
  .speaker-cta .content-container h2 {
    font-size: 4rem; } }

@media only screen and (max-width: 320px) {
  .speaker-cta .content-container {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent; } }

.home-banner {
  padding: 0;
  position: relative; }
  .home-banner .container {
    text-align: left;
    position: relative;
    padding: 20rem 0;
    z-index: 2; }
  .home-banner h4 {
    font-family: realist, sans-serif;
    font-size: 2.4rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.2px; }
  .home-banner h1 {
    max-width: 70rem; }
  .home-banner .episode-pod {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #F05865;
    border-radius: 2rem 2rem 0 0;
    max-width: 38rem;
    display: flex;
    align-items: center;
    transform: scale(1);
    transition: all ease-in-out .2s; }
    .home-banner .episode-pod * {
      color: #fff;
      font-size: 1.9rem;
      font-weight: 400; }
    .home-banner .episode-pod p {
      font-size: 1.8rem;
      padding: 0 2rem; }
    .home-banner .episode-pod .play-button {
      padding: 2rem 1.5rem 2rem 2rem;
      border-right: 1px solid #fff; }
      .home-banner .episode-pod .play-button:before {
        content: '';
        display: inline-block;
        background-image: url(images/play-triangle.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 3rem;
        height: 3rem; }
    .home-banner .episode-pod:hover {
      transform: scale(1.1);
      bottom: 3.5px; }
  .home-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 19, 19, 0.18);
    z-index: 1; }

@media only screen and (max-width: 430px) {
  .home-banner .container {
    padding: 12rem 0;
    text-align: center; }
  .home-banner .episode-pod p {
    font-size: 1.5rem;
    padding: .5rem 1rem;
    text-align: left; } }

.featured-author {
  padding: 12rem 0;
  position: relative; }
  .featured-author .container {
    display: flex;
    position: relative;
    z-index: 1; }
  .featured-author .profile-image {
    flex: 0 0 31rem;
    margin-right: 4rem;
    border-radius: 100%;
    position: relative;
    z-index: 1; }
    .featured-author .profile-image .img-container {
      height: 0;
      padding-bottom: 100%; }
  .featured-author .author-content {
    flex: 1; }
    .featured-author .author-content h4 {
      font-size: 2.4rem;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      position: relative;
      left: -2rem; }
    .featured-author .author-content h2 {
      font-size: 5.5rem;
      color: #F05865;
      text-transform: uppercase;
      margin: 0 0 5rem; }
    .featured-author .author-content .excerpt {
      background-color: #FDF8F5;
      border-radius: 2rem;
      padding: 4rem 8rem 0;
      position: relative;
      left: -8rem; }
    .featured-author .author-content .button {
      margin-top: 3rem;
      position: relative;
      top: 2rem; }
  .featured-author:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/background-pattern3.svg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat; }

@media only screen and (max-width: 768px) {
  .featured-author .profile-image {
    flex: 0 0 20rem;
    margin-right: 3rem; }
  .featured-author .author-content h2 {
    margin: 0 0 3rem; }
  .featured-author .author-content .excerpt {
    padding: 4rem 4rem 0; } }

@media only screen and (max-width: 765px) {
  .featured-author {
    padding: 6rem 0; }
    .featured-author .container {
      flex-wrap: wrap; }
    .featured-author .profile-image {
      margin: 0 auto 2rem; }
    .featured-author .author-content {
      flex: 0 0 100%;
      text-align: center; }
      .featured-author .author-content h4, .featured-author .author-content .excerpt {
        left: 0; } }

@media only screen and (max-width: 430px) {
  .featured-author .author-content h2 {
    font-size: 3.5rem; }
  .featured-author .author-content .excerpt {
    padding: 2rem 2rem 0; }
  .featured-author .author-content .button {
    margin: 0; } }

.home-cta {
  padding: 3rem 0 22rem;
  background-color: #fff;
  position: relative;
  overflow: visible; }
  .home-cta .container {
    position: relative;
    z-index: 1; }
    .home-cta .container > div {
      max-width: 52rem; }
  .home-cta img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    z-index: 1;
    object-fit: cover; }
  .home-cta h2 {
    font-size: 5.5rem;
    color: #F05865;
    margin-bottom: 6rem; }
  .home-cta .button {
    margin-top: 4rem; }
  .home-cta:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 72%;
    background-image: url(images/background-pattern4.svg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat; }

@media only screen and (max-width: 1024px) {
  .home-cta .container > div {
    max-width: 100%; }
  .home-cta img {
    height: 60%; } }

@media only screen and (max-width: 430px) {
  .home-cta {
    text-align: center;
    padding: 3rem 0 10rem; }
    .home-cta h2 {
      font-size: 3.5rem;
      margin-bottom: 3rem; } }

.search-bar {
  position: relative;
  right: 0;
  display: flex;
  align-items: flex-end;
  max-width: 14rem;
  padding: 0;
  background-color: white;
  margin-right: 2.5rem; }
  .search-bar label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4.5rem;
    width: 0;
    transition: all ease-in-out .2s;
    overflow: hidden;
    -webkit-appearance: none;
    z-index: 2;
    border-bottom: 1.5px solid #A3A3A3; }
  .search-bar input, .search-bar button {
    background-color: transparent;
    border: none;
    outline: none;
    border-radius: none;
    -webkit-appearance: none;
    padding: .5rem; }
  .search-bar input {
    font-size: 1.4rem;
    color: #A3A3A3;
    -webkit-appearance: none;
    text-transform: none;
    border-radius: 0;
    padding: 1rem;
    width: 100%; }
    .search-bar input::placeholder {
      font-size: 1.4rem;
      color: #A3A3A3;
      text-transform: none; }
  .search-bar button {
    cursor: pointer; }
    .search-bar button svg {
      height: 3rem;
      width: 3rem; }

.form-active .search-bar label {
  width: 20rem; }

.form-active .button {
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden; }

@media only screen and (max-width: 600px) {
  .form-active .search-bar label {
    left: -20rem; }
  .form-active .button {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible; } }

@media only screen and (max-width: 430px) {
  .form-active .search-bar label {
    left: -15rem;
    width: 15rem; } }

@media only screen and (max-width: 320px) {
  .search-bar {
    margin-right: 1.5rem; }
  .form-active .search-bar label {
    left: -10rem;
    width: 10rem; } }

.section-single-post {
  padding-bottom: 3rem; }
  .section-single-post .post-header {
    position: relative;
    padding: 3rem 0 0; }
    .section-single-post .post-header .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      text-align: center;
      position: relative;
      z-index: 1; }
    .section-single-post .post-header h1 {
      color: #F05865;
      text-shadow: none;
      border-bottom: 1px solid #A3A3A3;
      padding-bottom: 1rem;
      margin: 1rem 0 2rem; }
    .section-single-post .post-header p, .section-single-post .post-header span, .section-single-post .post-header a, .section-single-post .post-header li {
      color: #A3A3A3;
      margin: 0;
      font-size: 1.6rem; }
    .section-single-post .post-header a:hover {
      color: #0097CC; }
    .section-single-post .post-header span {
      margin: 0 1rem; }
    .section-single-post .post-header .post-info {
      flex: 0 0 100%;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
    .section-single-post .post-header .archive-link {
      position: absolute;
      left: 0;
      bottom: 0;
      transform: translateY(-50%);
      font-weight: 300; }
    .section-single-post .post-header .podcast {
      flex: 0 0 60rem;
      display: block;
      margin: 3rem auto 0; }
    .section-single-post .post-header .featured-image {
      flex: 0 0 100%;
      margin-top: 3rem; }
      .section-single-post .post-header .featured-image .img-container {
        width: 100%;
        height: 0;
        padding-bottom: 56%; }
    .section-single-post .post-header:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background-color: #FDF8F5; }
  .section-single-post h2 {
    font-size: 2.6rem; }
  .section-single-post li {
    margin-bottom: 1rem; }
  .section-single-post .author {
    margin: 0 auto 3rem;
    max-width: 90%; }
    .section-single-post .author a {
      color: #F05865; }
      .section-single-post .author a:hover {
        color: #0097CC; }
  .section-single-post .transcript {
    box-shadow: none;
    margin: 0 auto;
    padding: 1.5rem 0;
    max-width: 90%;
    border-bottom: 1px solid #979797; }
    .section-single-post .transcript .accordion-item--title {
      justify-content: flex-start;
      font-size: 2.6rem;
      color: #3E3E3E;
      text-transform: none; }
      .section-single-post .transcript .accordion-item--title svg {
        margin-right: 1.5rem; }
    .section-single-post .transcript .accordion-content--inner {
      padding: 2rem 1rem 0; }
      .section-single-post .transcript .accordion-content--inner p {
        font-size: 1.6rem; }

@media only screen and (max-width: 650px) {
  .section-single-post .post-header .post-info .archive-link {
    position: relative;
    transform: none;
    margin-right: auto; }
  .section-single-post .post-header .podcast {
    flex: 0 0 100%; } }

@media only screen and (max-width: 320px) {
  .section-single-post .post-header .post-info .archive-link {
    flex: 0 0 100%;
    order: 4;
    margin-top: 1.5rem; }
  .section-single-post .post-header .post-info .categories {
    order: 1; }
  .section-single-post .post-header .post-info span {
    order: 2; }
  .section-single-post .post-header .post-info .share-buttons {
    order: 3; } }

.contactpage {
  background-color: #FDF8F5; }
  .contactpage .banner-section .banner-content {
    margin-bottom: 2rem; }
  .contactpage .contact-info .container {
    display: flex; }
    .contactpage .contact-info .container .col {
      flex: 1; }
      .contactpage .contact-info .container .col * {
        font-size: 2.6rem;
        color: #3E3E3E;
        font-weight: 400;
        display: block;
        padding-left: 4rem;
        position: relative;
        line-height: 1;
        margin-bottom: 2rem; }
        .contactpage .contact-info .container .col * i {
          position: absolute;
          top: 0;
          right: 100%;
          width: 2.5rem;
          height: 2.5rem;
          transition: all ease-in-out .2s; }
      .contactpage .contact-info .container .col a {
        cursor: pointer; }
        .contactpage .contact-info .container .col a:hover {
          color: #0097CC; }
          .contactpage .contact-info .container .col a:hover i {
            color: #0097CC; }
      .contactpage .contact-info .container .col:first-of-type {
        margin-right: 2rem; }
  .contactpage .contact-form {
    padding: 4rem 0 7rem; }
  .contactpage #map {
    height: 0;
    padding-bottom: 25%;
    background-color: #F05865; }

@media only screen and (max-width: 1024px) {
  .contactpage .banner-section .banner-content {
    margin-bottom: 6rem; } }

@media only screen and (max-width: 768px) {
  .contactpage .contact-info .container {
    flex-wrap: wrap; }
    .contactpage .contact-info .container .col {
      flex: 0 0 100%;
      margin: 0 0 1rem !important;
      text-align: center; }
      .contactpage .contact-info .container .col a, .contactpage .contact-info .container .col p {
        padding: 0; }
      .contactpage .contact-info .container .col * i {
        position: relative;
        display: inline-block;
        right: 0;
        width: auto;
        height: auto;
        margin-right: 1rem;
        padding: 0; } }

@media only screen and (max-width: 430px) {
  .contactpage .contact-info .container .col a, .contactpage .contact-info .container .col p {
    font-size: 2.2rem;
    margin: 0; }
  .contactpage #map {
    padding-bottom: 75%; } }

@media only screen and (max-width: 320px) {
  .contactpage .contact-info .container .col a, .contactpage .contact-info .container .col p {
    font-size: 1.8rem; }
    .contactpage .contact-info .container .col a i, .contactpage .contact-info .container .col p i {
      font-size: 1.8rem; }
  .contactpage #map {
    padding-bottom: 100%; } }

.subscribepage {
  background-color: #FDF8F5; }

.authorspage .archive-authors {
  margin-bottom: -3rem; }
  .authorspage .archive-authors .container {
    display: flex;
    flex-wrap: wrap; }
  .authorspage .archive-authors .author {
    flex: 0 0 calc(33.33% - (2/3 * 5.5rem));
    margin: 0 5.5rem 8.5rem 0;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(151, 151, 151, 0.6);
    position: relative;
    top: -3rem; }
    .authorspage .archive-authors .author .profile-image {
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      border-radius: 100%;
      margin-bottom: 3.5rem; }
      .authorspage .archive-authors .author .profile-image img {
        transition: all ease-in-out .2s;
        filter: grayscale(100%); }
    .authorspage .archive-authors .author h3 {
      font-size: 2.6rem;
      margin: 0 0 .5rem;
      transition: all ease-in-out .2s; }
    .authorspage .archive-authors .author p {
      font-size: 1.7rem;
      color: #A3A3A3; }
    .authorspage .archive-authors .author:hover .profile-image img {
      filter: grayscale(0); }
    .authorspage .archive-authors .author:hover h3 {
      color: #0097CC; }
    .authorspage .archive-authors .author:nth-of-type(3n+3) {
      margin-right: 0; }

@media only screen and (max-width: 765px) {
  .authorspage .archive-authors .author {
    flex: 0 0 calc(50% - 1.5rem);
    margin: 0 3rem 3rem 0; }
    .authorspage .archive-authors .author h3 {
      font-size: 2rem; }
    .authorspage .archive-authors .author:nth-of-type(3n+3) {
      margin-right: 3rem; }
    .authorspage .archive-authors .author:nth-of-type(2n+2) {
      margin-right: 0; } }

.section-single-author {
  position: relative;
  padding: 3rem 0; }
  .section-single-author .container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    z-index: 1; }
  .section-single-author .profile-img {
    flex: 0 0 31rem;
    margin-right: 6rem;
    border-radius: 100%;
    border: 5px solid #fff; }
    .section-single-author .profile-img .img-container {
      height: 0;
      padding-bottom: 100%; }
  .section-single-author .author-info {
    flex: 1;
    margin-top: 10rem; }
    .section-single-author .author-info h1 {
      color: #F05865;
      text-shadow: none;
      margin: 0 0 .5rem; }
    .section-single-author .author-info .job-title {
      font-size: 2.6rem;
      color: #A3A3A3;
      margin: 0 0 1rem; }
    .section-single-author .author-info .contact-info {
      margin-bottom: 6rem; }
      .section-single-author .author-info .contact-info a {
        font-size: 1.6rem;
        font-weight: 300;
        color: #A3A3A3;
        display: inline-block;
        padding: .5rem 1rem .5rem 0; }
        .section-single-author .author-info .contact-info a:hover {
          color: #0097CC; }
      .section-single-author .author-info .contact-info span {
        font-size: 1.6rem;
        color: #A3A3A3;
        display: inline-block;
        margin: 0 2rem 0 1rem; }
    .section-single-author .author-info blockquote {
      margin: 0;
      max-width: 63rem; }
      .section-single-author .author-info blockquote p {
        font-size: 2.6rem;
        font-style: italic; }
    .section-single-author .author-info .archive-link {
      color: #A3A3A3;
      margin: 4rem 0 0;
      font-size: 1.6rem;
      display: inline-block; }
      .section-single-author .author-info .archive-link:hover {
        color: #0097CC; }
  .section-single-author:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 23rem;
    background-color: #FDF8F5; }

@media only screen and (max-width: 1024px) {
  .section-single-author:after {
    height: 30rem; } }

@media only screen and (max-width: 768px) {
  .section-single-author .profile-img {
    margin: 0 auto;
    flex: 0 0 25rem; }
  .section-single-author .author-info {
    flex: 0 0 100%;
    margin-top: 4rem; }
    .section-single-author .author-info h1, .section-single-author .author-info .job-title, .section-single-author .author-info .contact-info {
      text-align: center; } }

@media only screen and (max-width: 420px) {
  .section-single-author .author-info .contact-info {
    margin-bottom: 3rem; }
    .section-single-author .author-info .contact-info span {
      margin: 0 1rem 0 0; }
  .section-single-author .author-info blockquote p {
    font-size: 2.2rem; }
  .section-single-author .author-info .archive-link {
    text-align: center;
    display: block; } }

@media only screen and (max-width: 375px) {
  .section-single-author .profile-img {
    margin: 0 auto;
    flex: 0 0 20rem; }
  .section-single-author .author-info {
    text-align: center; } }

.archive-posts .columns:after {
  display: none; }

.archive-posts .columns .col:last-of-type {
  margin-top: 0; }

.archive-posts .search {
  padding: 2rem;
  background-color: #0097CC; }
  .archive-posts .search h2 {
    color: #fff;
    margin: 0; }
    .archive-posts .search h2 span {
      color: #fff;
      font-weight: 400; }

@media only screen and (max-width: 768px) {
  .blog .columns {
    margin-top: 6rem; } }

@media only screen and (max-width: 430px) {
  .archive-posts .search h2 {
    font-size: 2.5rem;
    line-height: 1.4; } }

.aboutpage {
  background-color: #FDF8F5; }
  .aboutpage .columns:after {
    background-image: url(images/background-pattern3.svg);
    height: calc(100% + 30rem); }

.homepage {
  background-color: #FDF8F5; }
  .homepage .columns {
    margin-top: 8rem; }
    .homepage .columns:after {
      display: none; }
    .homepage .columns .col {
      margin-top: 0 !important; }
      .homepage .columns .col:last-of-type {
        display: flex;
        flex-direction: column; }
        .homepage .columns .col:last-of-type .promo-banners {
          order: 3; }
        .homepage .columns .col:last-of-type .subscribe-channels {
          order: 1;
          margin: 0 0 5rem; }
        .homepage .columns .col:last-of-type .post-categories {
          order: 2;
          margin: 0 0 5rem; }

@media only screen and (max-width: 1024px) {
  .homepage .columns .col:last-of-type {
    flex-direction: row;
    flex-wrap: wrap; }
    .homepage .columns .col:last-of-type .subscribe-channels,
    .homepage .columns .col:last-of-type .post-categories {
      flex: 1; }
    .homepage .columns .col:last-of-type .subscribe-channels {
      margin-right: 3rem; }
      .homepage .columns .col:last-of-type .subscribe-channels h3 {
        padding: 0; }
      .homepage .columns .col:last-of-type .subscribe-channels .channel img {
        width: 20rem; }
    .homepage .columns .col:last-of-type .post-categories h3 {
      padding-bottom: 3.8rem; }
    .homepage .columns .col:last-of-type .promo-banners {
      flex: 0 0 100%; } }

@media only screen and (max-width: 1024px) {
  .homepage .columns .col:last-of-type .subscribe-channels,
  .homepage .columns .col:last-of-type .post-categories {
    flex: 0 0 100%; }
  .homepage .columns .col:last-of-type .subscribe-channels h3 {
    padding-bottom: 2.5rem; }
  .homepage .columns .col:last-of-type .subscribe-channels .channel img {
    width: 22rem; } }

@media only screen and (max-width: 430px) {
  .homepage .columns {
    margin-top: 5rem; } }

@media only screen and (max-width: 1150px) {
  header nav ul li a {
        padding: 1rem 2rem;
  }
}
@media only screen and (max-width: 1045px) {
  header nav ul li a {
        padding: 1rem 1rem;
  }
}
footer .footer-top .col .footer-logo {
  max-height: 72px;
}

/*# sourceMappingURL=app.min.css.map*/