@charset "UTF-8";
/**
 * PODCAST CSS STARTS AT LINE 1420 
 */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
}

/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0 auto;
  overflow-x: hidden;
  max-width: 1980px;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10. Make images consistent.
 */
img {
  border-style: none;
  box-sizing: border-box;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 16px;
  color: #555555;
}

* {
  font-display: swap;
}

a {
  text-decoration: none;
  color: #137d7c;
}

a:visited {
  color: #137d7c;
}

a:hover {
  color: rgba(19, 125, 124, 0.9);
}

.subtitle {
  color: #73123d;
  text-align: center;
  margin: 20px auto;
}

@media only screen and (min-width: 768.5px) {
  .subtitle {
    max-width: 960px;
  }
}

button {
  border: none;
  background: none;
}

ul {
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

p {
  margin: 0 0 1em;
  line-height: 1.6;
  font-weight: 400;
}

h1 {
  font-size: 1.802rem;
  font-weight: 400;
}

h2 {
  font-size: 1.602rem;
}

h3 {
  font-size: 1.424rem;
}

h4 {
  font-size: 1.266rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

@media only screen and (min-width: 1200.5px) {
  h1 {
    font-size: 3.5em;
  }
  h2 {
    font-size: 3.157em;
  }
  h3 {
    font-size: 2.369em;
  }
  h4 {
    font-size: 1.777em;
  }
  h5 {
    font-size: 1.333em;
  }
  h6 {
    font-size: 1rem;
  }
}

.hero--off {
  padding-top: 106px;
}

@media only screen and (min-width: 1200.5px) {
  .hero--off {
    padding-top: 130px;
  }
}

@-webkit-keyframes header--in {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes header--in {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes header--out {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes header--out {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

header {
  background-color: rgba(134, 154, 154, 0.94);
  width: 100vw;
}

header.header--fixed {
  position: fixed;
  opacity: 1;
  top: 0;
  left: 0;
  z-index: 201;
  max-width: 1903px;
}

header.header--out {
  -webkit-animation: header--out 500ms ease-in-out;
  animation: header--out 500ms ease-in-out;
  visibility: hidden;
  opacity: 0;
}

header.header--in {
  -webkit-animation: header--in 500ms ease-in-out;
  animation: header--in 500ms ease-in-out;
  visibility: visible;
}

header .header--mobile {
  position: relative;
  display: flex;
  min-height: 106px;
  padding: 20px;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1200.5px) {
  header .header--mobile {
    display: none;
  }
}

header .header--mobile .header__logo--mobile svg {
  width: 142px;
  margin-left: 65px;
  margin-right: 50px;
}

header .header--mobile .header__open--mobile {
  position: absolute;
  left: 20px;
}

header .header--mobile .header__open--mobile svg {
  opacity: 0.5;
  width: 42px;
}

header .header--desktop {
  display: none;
}

@media only screen and (min-width: 1200.5px) {
  header .header--desktop {
    position: relative;
    display: flex;
    min-height: 130px;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px;
  }
}

header .header--desktop .header__logo {
  display: block;
  -ms-grid-row-align: center;
  align-self: center;
}

header .header--desktop .header__logo svg {
  width: calc(20px*11);
}

header .header--desktop .header__nav--desktop {
  display: flex;
  margin: 0;
  justify-content: space-around;
  align-items: center;
  list-style: none;
  position: relative;
  padding: 0;
}

header .header--desktop .header__nav--desktop li {
  display: inline-block;
  position: relative;
}

header .header--desktop .header__nav--desktop a {
  padding: calc(20px*0.4) 0;
  margin: 0 calc(20px*0.4) calc(20px*0.4);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: white;
  display: block;
  border-bottom: 1px solid transparent;
}

header .header--desktop .header__nav--desktop a:hover span {
  border-bottom: 1px solid white;
}

header .header--desktop .header__nav--desktop a.active {
  font-weight: 700;
}

header .header--desktop .header__nav--desktop ul {
  display: none;
  position: absolute;
  top: 50px;
  padding: 0;
  flex-direction: column;
  min-width: 10vw;
  background-color: rgba(134, 154, 154, 0.94);
}

header .header--desktop .header__nav--desktop li:hover::after {
  display: block;
  content: '▴';
  color: white;
  border-bottom: 1px solid white;
  position: absolute;
  font-size: 24px;
  top: 75%;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 6px;
}

header .header--desktop .header__nav--desktop li:hover > ul {
  display: flex;
}

header .header--desktop .header__nav--desktop li:hover > ul li:hover::after {
  display: none;
}

header .header--desktop .header__login {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .header--desktop .header__login a {
  padding: calc(20px*0.6) calc(20px*0.5);
  margin: 0 20px;
  line-height: 1rem;
  font-family: "Open Sans", sans-serif;
  color: white;
}

header .header--desktop .header__login .header__login--hover {
  position: relative;
  display: inline-block;
}

header .header--desktop .header__login .header__login--hover:hover::after {
  display: block;
  content: '▴';
  color: white;
  border-bottom: 1px solid white;
  position: absolute;
  font-size: 24px;
  top: 85%;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 8px;
}

header .header--desktop .header__login form {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1rem;
}

header .header--desktop .header__login form .search {
  z-index: 210;
  width: 0;
  padding: calc(20px*0.6) 0;
  transition: width 0.4s;
  border: none;
  outline: none;
  background-color: #EEEEEE;
  line-height: 1rem;
  font-size: 16px;
}

header .header--desktop .header__login form .search:focus {
  width: calc(20px*15);
  padding: calc(20px*0.6);
}

header .header--desktop .header__login form .searchbutton {
  display: flex;
  padding: calc(20px*0.75) 20px calc(20px*0.5);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

header .header--desktop .header__login form .searchbutton .mglass {
  font-size: 1.5rem;
  -webkit-transform: rotate(45deg);
  color: white;
}

header .header--desktop .header__login form .search:focus + .searchbutton {
  transition-duration: 0.4s;
  color: white;
}

header .header--desktop .header__login .button {
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: #137d7c;
  border: 1px solid #137d7c;
  color: white;
}

header .header--desktop .header__login .button:hover {
  background-color: #0e5e5d;
}

.offcanvas {
  position: fixed;
  z-index: 205;
  top: 0;
  left: -20.25rem;
  display: flex;
  overflow-x: hidden;
  overflow-y: scroll;
  flex-direction: column;
  width: 20.25rem;
  max-width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  background-color: #EEEEEE;
  align-items: flex-start;
  justify-content: flex-start;
}

@media only screen and (min-width: 1200.5px) {
  .offcanvas {
    display: none;
  }
}

.offcanvas.visible {
  left: 0;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.75);
}

.offcanvas::-webkit-scrollbar {
  display: none;
}

.offcanvas .offcanvas__logo {
  margin: 20px;
  padding: 0 20px;
}

.offcanvas .offcanvas__logo svg {
  width: calc(20px*9);
}

.offcanvas .offcanvas__logo svg * {
  fill: #555555;
}

.offcanvas .offcanvas__close {
  font-size: calc(16px*4.5);
  line-height: calc(20px*1.5);
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  color: #555555;
}

.offcanvas .offcanvas__nav--top .navigation__node {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.offcanvas .offcanvas__nav--top .navigation__node input[type=checkbox]:checked + label::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: calc(20px*0.8);
}

.offcanvas .offcanvas__nav--top .navigation__node a, .offcanvas .offcanvas__nav--top .navigation__node label {
  margin: 0 calc(20px*2);
  padding: calc(20px*0.75) 0;
  text-decoration: none;
  font-size: calc(16px*1.2);
  width: 100%;
  text-align: left;
  color: #555555;
}

.offcanvas .offcanvas__nav--top .navigation__node a.active, .offcanvas .offcanvas__nav--top .navigation__node label.active {
  font-weight: 700;
}

.offcanvas .offcanvas__nav--top .navigation__node label {
  position: relative;
}

.offcanvas .offcanvas__nav--top .navigation__node label::after {
  display: block;
  position: absolute;
  right: -17px;
  top: 20px;
  content: '▼';
  color: black;
  font-size: 0.5rem;
  line-height: 0.5rem;
}

.offcanvas .offcanvas__nav--top .navigation__node input {
  display: none;
}

.offcanvas .offcanvas__nav--top .navigation__node .navigation__subnode {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 0;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.offcanvas .offcanvas__nav--top .navigation__node .navigation__subnode a {
  text-transform: capitalize;
  position: relative;
  left: 100%;
  font-size: 16px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  font-weight: 300;
  padding: calc(20px*0.5);
}

.offcanvas .offcanvas__nav--top .navigation__node input:checked ~ .navigation__subnode {
  max-height: 100vh;
}

.offcanvas .offcanvas__nav--top .navigation__node input:checked ~ .navigation__subnode a {
  opacity: 1;
  left: 0;
}

.offcanvas .offcanvas__footer {
  width: 100%;
  margin-top: auto;
  padding: 20px;
  background-color: #555555;
}

.offcanvas .offcanvas__footer .offcanvas__social {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  opacity: 0.6;
}

.offcanvas .offcanvas__footer .offcanvas__social a {
  padding: calc(20px*0.6);
}

.offcanvas .offcanvas__footer .offcanvas__social img {
  width: 24px;
}

.offcanvas__wrapper {
  position: fixed;
  z-index: 204;
  top: 0;
  left: -100%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1200.5px) {
  .offcanvas__wrapper {
    display: none;
  }
}

.offcanvas__wrapper.visible {
  left: 0;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.75);
}

.hero__wrapper {
  min-height: calc(20px*27);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding-top: 106px;
  z-index: 3;
}

@media only screen and (min-width: 1200.5px) {
  .hero__wrapper {
    padding-top: 130px;
  }
}

.hero__wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(35, 42, 58, 0.4);
  z-index: 1;
  width: 100%;
  height: 100%;
}

.hero__wrapper .hero__title {
  margin-right: auto;
  padding: 20px;
}

@media only screen and (min-width: 1200.5px) {
  .hero__wrapper .hero__title {
    width: 1080px;
    padding: 0;
    margin: 0 auto;
  }
}

.hero__wrapper .hero__title h1, .hero__wrapper .hero__title p, .hero__wrapper .hero__title a {
  color: white;
  position: relative;
  z-index: 2;
}

.hero__wrapper .hero__title h1 {
  color: white;
  margin-bottom: .25em;
}

.hero__wrapper .hero__title p {
  color: white;
  max-width: 680px;
}

.hero__wrapper .hero__title .hero__buttons {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}

.hero__wrapper .hero__title .hero__buttons .hero__button--carnation {
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: #73123d;
  border: 1px solid #73123d;
  color: white;
  margin: calc(20px/2) 20px calc(20px/2) 0;
}

.hero__wrapper .hero__title .hero__buttons .hero__button--carnation:hover {
  background-color: #540d2d;
}


.breadcrumbs {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 20px auto;
  max-width: 960px;
  padding: 0 20px;
}

.breadcrumbs li {
  font-size: calc(20px*.75);
}

.breadcrumbs li a {
  color: #888888;
}

.breadcrumbs li:not(:last-of-type)::after {
  content: "/";
  display: inline-flex;
  margin-left: calc(20px/4);
  height: calc(20px/4);
  width: calc(20px/2);
}

@media only screen and (min-width: 540.5px) {
  .breadcrumbs {
    flex-flow: row wrap;
  }
}



.content {
  margin-top: 20px;
}

@media only screen and (min-width: 768.5px) {
  .content {
    margin-top: calc(20px*2);
  }
}

.content h2 {
  color: #73123d;
  margin: 0;
  text-align: center;
  font-size: 1.424rem;
}

@media only screen and (min-width: 1200.5px) {
  .content h2 {
    font-size: 2.369em;
  }
}

.content .content__tab__input {
  position: absolute;
  left: -200vw;
}

.content .content__tab__label {
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: transparent;
  border: 1px solid #73123d;
  color: #73123d;
  display: inline-block;
  margin: 0 20px 20px 0;
  cursor: pointer;
}

.content .content__tab__label:hover {
  background-color: #F8F9FA;
}

.content .content__tab__input:checked + label {
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: #73123d;
  border: 1px solid #73123d;
  color: white;
}

.content .content__tab__input:checked + label:hover {
  background-color: #540d2d;
}

.content .content__tab {
  display: none;
}

.content .content__table {
  overflow-x: scroll;
  margin: 20px auto;
  padding: 20px 0;
  position: relative;
}

.content .content__table .content__text--bold {
  font-weight: bold;
}

.content .content__table h6 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin: 0 20px 20px;
  left: 20px;
}

@media only screen and (min-width: 540.5px) {
  .content .content__table h6 {
    display: none;
  }
}

@media only screen and (min-width: 540.5px) {
  .content .content__table {
    overflow-x: hidden;
  }
}

.content .content__table table {
  margin: 0;
  border-spacing: 0;
}

.content .content__table table tr:nth-child(odd) {
  background-color: #EEEEEE;
}

.content .content__table table tr:first-of-type {
  background-color: #137d7c;
  color: white;
}

.content .content__table table td {
  padding: calc(20px/2);
}

.content .content__text p:last-of-type {
  margin-bottom: 0;
}

.content .content__text a {
  word-break: keep-all;
  white-space: nowrap;
  margin: 0 0 0 0;
}

.content .content__text ul {
  list-style: none;
}

.content .content__text ul li::before {
  content: "•";
  color: #73123d;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.content .content__text .content__text--bold {
  font-weight: bold;
}

.content .content__textImage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content .content__textImage h3 {
  margin-bottom: 20px;
}

.content .content__textImage picture {
  order: 1;
  line-height: 0;
  margin-bottom: 20px;
}

@media only screen and (min-width: 540.5px) {
  .content .content__textImage picture {
    margin-bottom: 0;
  }
}

.content .content__textImage picture img {
  max-width: calc(100vw - (20px*2));
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 440px) {
  .content .content__textImage picture img {
    max-width: 260px;
  }
}

@media only screen and (min-width: 768.5px) {
  .content .content__textImage picture img {
    max-width: 520px;
  }
  .content .content__textImage picture img.small {
    max-width: 260px;
  }
}

.content .content__textImage div {
  order: 2;
}

.content .content__textImage div p:last-of-type {
  margin: 0;
}

@media only screen and (min-width: 540.5px) {
  .content .content__textImage {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .content .content__textImage div {
    margin: 0 0 0 calc(20px*2);
  }
  .content .content__textImage--right picture {
    order: 2;
  }
  .content .content__textImage--right div {
    order: 1;
    margin: 0 calc(20px*2) 0 0;
  }
}

.content .content__textImageLine {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media only screen and (min-width: 1200.5px) {
  .content .content__textImageLine {
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
  }
}

.content .content__textImageLine h2 {
  width: 100%;
  margin: 0 0 20px;
}

@media only screen and (min-width: 768.5px) {
  .content .content__textImageLine h2 {
    margin: 0 0 calc(20px * 2);
  }
}

.content .content__textImageLine svg {
  display: none;
}

@media only screen and (min-width: 1200.5px) {
  .content .content__textImageLine svg {
    display: block;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    width: 100px;
  }
  .content .content__textImageLine svg.hidden {
    display: none;
  }
}

.content .content__textImageLine svg circle {
  transition: opacity 0.3s;
  transition-timing-function: ease-out;
}

.content .content__textImageLine svg path {
  stroke-dasharray: 800px;
  stroke-dashoffset: 800px;
  transition: opacity 0.3s;
  transition-timing-function: ease-out;
}

.content .content__textImageLine picture {
  line-height: 0;
  margin: 0 0 20px;
}

@media only screen and (min-width: 1200.5px) {
  .content .content__textImageLine picture {
    margin-bottom: 0;
  }
}

.content .content__textImageLine picture img {
  max-width: calc(100vw - (20px*2));
}

@media only screen and (min-width: 768.5px) {
  .content .content__textImageLine picture img {
    max-width: 728px;
  }
  .content .content__textImageLine picture img.small {
    max-width: 364px;
  }
}

.content .content__textImageLine .content__textImageContent {
  max-width: 728px;
}

.content .content__textImageLine .content__textImageContent a {
  display: inline-block;
  margin: 0 20px 20px 0;
  word-break: keep-all;
}

.content .content__textImageLine .content__textImageContent p {
  max-width: 680px;
}

@media only screen and (min-width: 1200.5px) {
  .content .content__textImageLine .content__textImageContent {
    max-width: calc(100% - 828px);
  }
}

.content .content__textImageLine .content__textImageLine__text {
  display: inline;
}

.content .content__textImageLine .content__textImageLine__text a {
  display: inline;
  margin: 0 0 0 0;
  word-break: keep-all;
}

.content .content__image img {
  width: 100%;
  display: block;
}

.content .card {
  padding: calc(20px*2) calc(20px*1.5);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 2;
}

.content .card .card__wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  position: relative;
}

@media only screen and (min-width: 768.5px) {
  .content .card .card__wrapper {
    max-width: 1080px;
    min-height: 640px;
    margin: 0 auto;
  }
  .content .card .card__wrapper p {
    max-width: 640px;
  }
}

.content .card .card__wrapper h2.card__heading--bold {
  font-weight: 400;
}

@media only screen and (min-width: 768.5px) {
  .content .card {
    min-height: 640px;
  }
}

.content .card--ebonyClay::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #F8F9FA;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.content .card--athensGray h2,
.content .card--athensGray h4,
.content .card--athensGray p {
  color: #F8F9FA;
}

.content .card--athensGray::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #232A3A;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.content .card h2 {
  margin: 0 0 20px;
}

@media only screen and (min-width: 768.5px) {
  .content .card h2 {
    margin: 0 calc(20px/2) 20px 0;
  }
}

@media only screen and (min-width: 768.5px) {
  .content .card h4,
  .content .card p {
    margin: 0 calc(20px/2) 20px 0;
  }
}

.content .card svg {
  margin: 20px;
  width: 590px;
  height: 200px;
  display: none;
}

@media only screen and (min-width: 768.5px) {
  .content .card svg {
    display: block;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .content .card svg.hidden {
    display: none;
  }
}

.content .card svg circle {
  transition: opacity 0.3s;
  transition-timing-function: ease-out;
}

.content .card svg path {
  stroke-dasharray: 610px;
  stroke-dashoffset: 610px;
  transition: opacity 0.3s;
  transition-timing-function: ease-out;
}

.content .card__links {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.content .card__links .card__button {
  margin: calc(20px/2) 0;
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: #73123d;
  border: 1px solid #73123d;
  color: white;
}

.content .card__links .card__button:hover {
  background-color: #540d2d;
}

@media only screen and (min-width: 768.5px) {
  .content .card__links .card__button {
    margin: calc(20px/2) calc(20px/2) calc(20px/2) 0;
  }
}

.content .content__category {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
}

.content .content__category .content__story {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 20px;
  min-height: 600px;
}

@media only screen and (min-width: 540.5px) {
  .content .content__category .content__story {
    width: 30%;
    box-shadow: 0px 15px 32px #00000014;
  }
}

.content .content__category .content__story picture img {
  width: 100%;
  display: block;
}

.content .content__category .content__story .content__story--shrink picture img {
  border-bottom: 16px solid transparent;
  max-height: 440px;
  transition: border-bottom 0.5s ease-in-out, max-height 0.5s ease-in-out;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  overflow: hidden;
}

.content .content__category .content__story:hover > .content__story--shrink picture img {
  max-height: 200px;
  border-bottom: 16px solid #73123d;
}

.content .content__category .content__story h4 {
  margin: 0 0 20px;
  padding: 0 20px;
}

@media only screen and (min-width: 1200.5px) {
  .content .content__category .content__story h4 {
    padding: 20px;
  }
}

.content .content__category .content__story h4 a {
  color: #73123d;
}

.content .content__category .content__story .content__synopsis {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 0.5s ease-in-out;
  padding: 0 20px;
}

@media only screen and (min-width: 1200.5px) {
  .content .content__category .content__story .content__synopsis {
    visibility: hidden;
    opacity: 0;
    padding: 0 20px;
  }
}

.content .content__category .content__story .content__synopsis .content__story__more {
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.content .content__category .content__story .content__synopsis .content__story__more svg {
  margin-left: calc(20px/2);
  width: calc(20px*0.75);
  fill: #137d7c;
}

.content .content__category .content__story:hover > .content__synopsis {
  visibility: visible;
  opacity: 1;
}

.content .content__button {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

@media only screen and (min-width: 768.5px) {
  .content .content__button {
    flex-flow: row wrap;
    justify-content: center;
  }
}

.content .content__button a {
  display: inline-block;
  margin: 0 20px 20px 0;
}

@media only screen and (min-width: 768.5px) {
  .content .content__button a {
    margin: calc(20px/2);
  }
}

.content .content__button--carnation {
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: #73123d;
  border: 1px solid #73123d;
  color: white;
}

.content .content__button--carnation:hover {
  background-color: #540d2d;
}

.content .content__button--clear {
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: transparent;
  border: 1px solid #73123d;
  color: #73123d;
}

.content .content__button--clear:hover {
  background-color: #F8F9FA;
}

.content .content__button--shadowgreen {
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: #137d7c;
  border: 1px solid #137d7c;
  color: white;
}

.content .content__button--shadowgreen:hover {
  background-color: #0e5e5d;
}

.content .content__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.content .content__video embed,
.content .content__video iframe,
.content .content__video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content .content__map {
  position: relative;
  padding-bottom: 125%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

@media only screen and (min-width: 768.5px) {
  .content .content__map {
    padding-bottom: 75%;
  }
}

.content .content__map embed,
.content .content__map iframe,
.content .content__map object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.content--full {
  margin: 0 auto;
}

@media only screen and (min-width: 768.5px) {
  .content--full {
    margin: 0 auto;
  }
}

.content--large {
  max-width: 1640px;
  padding: 0 20px;
  margin: 20px auto;
}

@media only screen and (min-width: 768.5px) {
  .content--large {
    margin: calc(20px*2) auto;
  }
}

.content--limited {
  max-width: 680px;
  padding: 0 20px;
  margin: 20px auto;
}

@media only screen and (min-width: 768.5px) {
  .content--limited {
    margin: calc(20px*2) auto;
  }
}

.content--medium {
  max-width: 1120px;
  padding: 0 20px;
  margin: 20px auto;
}

@media only screen and (min-width: 768.5px) {
  .content--medium {
    margin: calc(20px*2) auto;
  }
}

.content .content--full.content--last {
  margin: 0 auto;
}

.content--white {
  background-color: white;
  position: relative;
  z-index: 2;
}

.content--athensGray {
  background-color: #F8F9FA;
  position: relative;
  z-index: 2;
}

.content--gallery {
  background-color: #EEEEEE;
  position: relative;
  z-index: 2;
}

.content--ebonyClay {
  background-color: #232A3A;
}



footer {
  max-width: 1980px;
  margin: 0 auto;
  color: white;
  position: relative;
  z-index: 2;
}

footer a {
  color: white;
}

footer .footer__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  max-width: 1080px;
  margin: 0 auto;
  padding: 20px;
}

@media only screen and (min-width: 768.5px) {
  footer .footer__wrapper {
    align-items: flex-end;
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1200.5px) {
  footer .footer__wrapper {
    padding: 20px 0;
  }
}

footer .footer__wrapper .footer__form {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-grow: 1.25;
  justify-content: flex-start;
  width: 100%;
  margin: 20px auto;
}

@media only screen and (min-width: 540.5px) {
  footer .footer__wrapper .footer__form {
    width: auto;
    min-width: 40%;
    align-items: flex-start;
  }
  footer .footer__wrapper .footer__form h4 {
    width: 100%;
  }
}

@media only screen and (min-width: 768.5px) {
  footer .footer__wrapper .footer__form {
    width: 30%;
    min-width: 0;
    margin: calc(20px*.5) 0;
  }
}

footer .footer__wrapper .footer__form h4 {
  text-align: center;
}

@media only screen and (min-width: 768.5px) {
  footer .footer__wrapper .footer__form h4 {
    text-align: left;
  }
}

footer .footer__wrapper .footer__form form {
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  justify-content: flex-start;
}

footer .footer__wrapper .footer__form form input[type='email'],
footer .footer__wrapper .footer__form form input[type='text'] {
  font-size: 0.75rem;
  min-width: calc(20px*10);
  margin: calc(20px/4) 0;
  padding: calc(20px*.3);
  border: 0;
  outline: 0;
}

@media only screen and (min-width: 1200.5px) {
  footer .footer__wrapper .footer__form form input[type='email'],
  footer .footer__wrapper .footer__form form input[type='text'] {
    min-width: calc(20px*12);
  }
}

footer .footer__wrapper .footer__form form input[type='email']::-webkit-input-placeholder,
footer .footer__wrapper .footer__form form input[type='text']::-webkit-input-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
}

footer .footer__wrapper .footer__form form input[type='email']::-moz-placeholder,
footer .footer__wrapper .footer__form form input[type='text']::-moz-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
}

footer .footer__wrapper .footer__form form input[type='email']:-ms-input-placeholder,
footer .footer__wrapper .footer__form form input[type='text']:-ms-input-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
}

footer .footer__wrapper .footer__form form input[type='email']::-ms-input-placeholder,
footer .footer__wrapper .footer__form form input[type='text']::-ms-input-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
}

footer .footer__wrapper .footer__form form input[type='email']::placeholder,
footer .footer__wrapper .footer__form form input[type='text']::placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
}

footer .footer__wrapper .footer__form form button[type='submit'] {
  margin: 20px 0 calc(20px*0.6);
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: #137d7c;
  border: 1px solid #137d7c;
  color: white;
}

footer .footer__wrapper .footer__form form button[type='submit']:hover {
  background-color: #0e5e5d;
}

footer .footer__wrapper .footer__social {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin: 20px auto;
}

@media only screen and (min-width: 540.5px) {
  footer .footer__wrapper .footer__social {
    width: auto;
    min-width: 40%;
  }
}

@media only screen and (min-width: 768.5px) {
  footer .footer__wrapper .footer__social {
    width: 30%;
    min-width: 0;
    margin: calc(20px*.5) 0;
  }
}

footer .footer__wrapper .footer__social svg {
  max-width: 180px;
  opacity: 0.6;
}

footer .footer__wrapper .footer__social a {
  margin: 0;
  padding: calc(20px*0.6);
  border: 0;
  display: inline-block;
}

footer .footer__wrapper .footer__social a img {
  width: 24px;
  opacity: 0.6;
}

footer .footer__wrapper .footer__social a:hover img {
  opacity: 1;
}

footer .footer__wrapper .footer__donate {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin: 20px auto;
}

@media only screen and (min-width: 540.5px) {
  footer .footer__wrapper .footer__donate {
    width: auto;
    min-width: 40%;
    align-items: flex-end;
  }
}

@media only screen and (min-width: 768.5px) {
  footer .footer__wrapper .footer__donate {
    width: 30%;
    min-width: 0;
    justify-content: space-between;
    margin: calc(20px*.5) 0;
  }
}

footer .footer__wrapper .footer__donate nav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media only screen and (min-width: 768.5px) {
  footer .footer__wrapper .footer__donate nav {
    margin-bottom: calc(20px*0.6);
  }
}

footer .footer__wrapper .footer__donate nav a {
  padding: calc(20px/3) 0;
  color: white;
  position: relative;
}

footer .footer__wrapper .footer__donate nav a:hover::after {
  display: block;
  content: '';
  color: white;
  border-bottom: 1px solid white;
  position: absolute;
  font-size: 24px;
  top: 85%;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 6px;
}

footer .footer__wrapper .footer__donate .footer__button {
  margin-bottom: calc(20px*1.5);
  padding: calc(20px*0.45) calc(20px*1.5);
  text-transform: uppercase;
  border: 0;
  outline: 0;
  line-height: .75rem;
  min-width: 144.75px;
  text-align: center;
  border-radius: 4.5px;
  font-size: .85rem;
  font-family: "Open Sans", sans-serif;
  background-color: #137d7c;
  border: 1px solid #137d7c;
  color: white;
}

footer .footer__wrapper .footer__donate .footer__button:hover {
  background-color: #0e5e5d;
}

footer .footer__bar {
  width: 100%;
  background-color: #555555;
}

footer .footer__bar div {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto;
  flex-direction: column;
}

@media only screen and (min-width: 540.5px) {
  footer .footer__bar div {
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
  }
}

@media only screen and (min-width: 540.5px) {
  footer .footer__bar div .address--mobile {
    display: none;
  }
}

footer .footer__bar div .address--desktop {
  display: none;
}

@media only screen and (min-width: 540.5px) {
  footer .footer__bar div .address--desktop {
    display: block;
  }
}

footer .footer__bar div span, footer .footer__bar div address, footer .footer__bar div a {
  font-style: normal;
  line-height: 1.2rem;
  display: inline-block;
  padding: calc(20px*.6) 20px;
  color: #F8F9FA;
  margin: 0 calc(20px*0.25);
}

@media only screen and (min-width: 540.5px) {
  footer .footer__bar div span, footer .footer__bar div address, footer .footer__bar div a {
    padding: calc(20px*.6) 20px calc(20px*.6) 0;
  }
}

footer .footer__bar div span {
  font-size: 15px;
}

footer .footer__bar div address, footer .footer__bar div a {
  font-size: 15px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 * PODCASTS
 * * * * * * * * * * * * * * * * * * * * * * * * * * *
 */
section.podcasts {
	padding-top: 106px;
}
@media only screen and (min-width: 1200.5px) {
  section.podcasts {
    padding-top: 130px;
  }
}
section.podcasts h1:first-of-type {
	margin-bottom: 1em;
}
.podcasts--latest {
	background-color: rgba(134, 154, 154, 0.94);
	padding-top: 3em;
	padding-bottom: 3em;
}

.podcasts--quotes {
	padding-top: 1em;
	padding-bottom: 3em;
	background-color: rgba(134, 154, 154, 0.94);
}

/**
 * PODCAST BUTTONS
 */
.podcast-btn {
	display: inline-block;
	padding: calc(20px*.45) calc(20px*1.5);
	text-transform: uppercase;
	border: 0;
	outline: 0;
	line-height: .75rem;
	min-width: 144.75px;
	text-align: center;
	border-radius: 4.5px;
	font-size: .85rem;
	font-family: "Open Sans",sans-serif;
	background-color: white;
	border: 1px solid #73123d;
	color: #73123d;
}
.podcast-btn:hover {
	background-color: #73123d;
	color: white;
}

/**
 * PODCAST CARDS
 */
.podcast-cards {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3em;
	margin-bottom: 3em;
}
.podcast-cards > .podcast-card {
	position: relative;
	flex: 0 0 100%;
	margin: 0 auto 3em auto;
	text-align: center;
	line-height: 1.2em;
}
@media only screen and (min-width: 540.5px) {
	.podcast-cards > .podcast-card {
		flex: 0 1 30%;
	}
}
.podcast-card em {
	font-size: 125%;
}
.podcast-card hr {
	border: 0;
	border-top: 1px solid #73123d;
	margin: 1em 0;
	height: 1px;
}
.podcast-card .podcast-btn {
	color: #73123d;
	margin: .5em !important;
}
.podcast-card .podcast-btn:hover {
	color: white;
}
.podcast-card-img {
	position: relative;
	display: block;
	margin-bottom: 20px;
}
.podcast-card-img img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	box-shadow: 0px 0px 10px #ccc;
}

/**
 * PODCAST LATEST EPISODE
 */
.podcast-latest {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3em;
	margin-bottom: 3em;
}
.podcast-latest-img,
.podcast-latest-desc {
	flex: 0 0 100%;
	margin-bottom: 1em;
}
.podcasts--latest .podcast-latest-desc {
	color: white;
}
@media only screen and (min-width: 540.5px) {
	.podcast-latest {
		flex-wrap: nowrap;
		align-items: center;
	}
	.podcast-latest-img {
		position: relative;
		flex: 0 1 35%;
		margin: 0 auto;
	}
	.podcast-latest-desc {
		position: relative;
		flex: 0 1 50%;
		margin: 0 auto;
		text-align: left;
	}
}
.podcast-latest-img img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}
.podcasts--latest .podcast-latest-img img {
	box-shadow: 0px 0px 10px rgba(77, 92, 92, 0.94);
}
.podcast-latest-desc h2 {
	text-align: left;
	font-size: 3em;
}
.podcasts--latest .podcast-latest-desc h2 {
	color: white;
}
.podcast-latest .podcast-btn {
	margin: .5em !important;
}
.podcast-latest .podcast-btn {
	border: 1px solid #137d7c;
	background-color: #137d7c;
	color: white;
}
.podcast-latest .podcast-btn:hover {
	background-color: #0e5e5d;
	color: white;
}

/**
 * PODCAST HOSTS
 */
.podcast-hosts {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
}
.podcast-hosts > .podcast-host-card {
	flex: 0 0 300px;
	margin: 0 auto 60px auto;
	position: relative;
	overflow: hidden;
}
@media only screen and (min-width: 800.5px) and (max-width: 1200.5px) {
	.podcast-hosts {
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
	}
	.podcast-hosts > .podcast-host-card {
		flex: 0 1 35%;
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media only screen and (min-width: 1200.5px) {
	.podcast-hosts {
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
	}
	.podcast-hosts > .podcast-host-card {
		flex: 0 1 28%;
		margin-left: 15px;
		margin-right: 15px;
	}
}
.podcast-host-card:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.podcast-host-card-img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 15px;
	bottom: 15px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.podcast-host-card-img:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 77%;
	right: 30px;
	background-color: rgba(19, 126, 123, 0.7);
	transition: all 0.2s ease-in-out;
}
.podcast-host-card-img:hover:after {
	top: 0;
	right: 0;
}
.podcast-host-card-heading {
	position: absolute;
	display: block;
	bottom: 15px;
	left: 22.5px;
	color: #fff;
	text-align: left !important;
	font-size: 1.5em !important;
	line-height: 1.2em;
	margin: 0;
	text-align: left;
	z-index: 100;
}
.podcast-host-card-heading > span {
	display: block;
	color: #fff;
}
.podcast-host-card-btn {
	display: inline-block;
	padding: calc(20px*.45) calc(20px*1.5);
	text-transform: uppercase;
	border: 1px solid white;
	outline: 0;
	line-height: .75rem;
	min-width: 144.75px;
	text-align: center;
	border-radius: 4.5px;
	font-size: .85rem;
	font-family: "Open Sans",sans-serif;
	
	opacity: 0;
	color: white !important;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
	z-index: 100;
}
.podcast-host-card-btn:hover {
	color: white;
	background-color: rgba(255,255,255,.2) !important;
}
.podcast-host-card-img:hover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 15px;
	bottom: 15px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.podcast-host-card-img:hover .podcast-host-card-btn {
	opacity: 1;
}

/**
 * PODCAST QUOTES
 */
.podcast-quotes-heading {
	font-weight: 400;
	font-size: 3em !important;
	margin-bottom: 1em !important;
	color: white !important;
}
.podcast-quote {
	color: white;
	font-size: 2em;
	font-style: italic;
}
@media only screen and (min-width: 1200.5px) {
	.podcast-quote {
		padding-left: 15%;
		padding-right: 15%;
	}
}
.podcast-quote-citation {
	position: relative;
	display: block;
	text-align: right;
	font-size: .5em;
	font-style: normal;
}

/* pager */
.cycle-pager { 
	position: relative; 
	display: block;
	text-align: center; 
	width: 100%;
	overflow: hidden;
}
.cycle-pager span { 
	font-family: arial; 
	font-size: 74px; 
	width: 16px; 
	height: 16px; 
	margin: 0 10px;
	display: inline-block; 
	color: #ccc; 
	cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #73123d; }
.cycle-pager > * { cursor: pointer; }

/**
 * PODCAST EPISODE CARDS
 */
.podcast-quotes-heading {
	font-weight: 400;
	font-size: 3em !important;
	margin-bottom: 1em !important;
}
.podcast-episodes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
}
.podcast-episodes > .podcast-episode-card {
	flex: 0 0 300px;
	margin: 0 auto 60px auto;
	position: relative;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
}
@media only screen and (min-width: 800.5px) and (max-width: 1200.5px) {
	.podcast-episodes {
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
	}
	.podcast-episodes > .podcast-episode-card {
		flex: 0 1 32%;
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media only screen and (min-width: 1200.5px) {
	.podcast-episodes {
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
	}
	.podcast-episodes > .podcast-episode-card {
		flex: 0 1 28%;
		margin-left: 15px;
		margin-right: 15px;
	}
}
.podcast-episode-img {
	position: relative;
	display: block;
	margin-bottom: 20px;
}
.podcast-episode-img img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	box-shadow: 0px 0px 10px #ccc;
}
.podcast-episode-desc {
	text-align: left;
}
.podcast-episode-date {
	font-size: .75em;
}
.podcast-episode-desc h3 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2em;
}
.podcast-episodes .podcast-btn {
	border: 1px solid #137d7c;
	background-color: #137d7c;
	color: white;
}
.podcast-episodes .podcast-btn:hover {
	background-color: #0e5e5d;
	color: white;
}

/**
 * PODCAST EMBEDDED PLAYER
 */
.podcast-embed {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	margin-top: 3em;
}

/**
 * PODCAST NOTES
 */
.podcast-notes {
	position: relative;
	display: block;
	margin: 3em auto;
	max-width: 600px;
}
.podcast-download {
	text-align: center;
}
.podcast-download .podcast-btn {
	border: 1px solid #137d7c;
	background-color: #137d7c;
	color: white;
}
.podcast-download .podcast-btn:hover {
	background-color: #0e5e5d;
	color: white;
}

/**
 * PODCAST EPISODE GUEST
 */
.podcast-guest {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3em;
	margin-bottom: 3em;
}
.podcast-guest-desc,
.podcast-guest-bio {
	flex: 0 0 100%;
	margin-bottom: 1em;
}
.podcast-guest-desc {
	color: white;
	background-color: #137d7c;
	padding: 1em;
}
.podcast-guest-img img {
	position: relative;
	display: block;
	width: 80%;
	max-width: 300px;
	height: auto;
	margin: 0 auto 0 0;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}
.podcast-guest-img {
	margin-bottom: -1em;
}
.podcast-guest-img img {
	transform: translate(0,-2em);
}
@media only screen and (min-width: 800.5px) {
	.podcast-guest {
		flex-wrap: nowrap;
		align-items: center;
	}
	.podcast-guest-desc {
		position: relative;
		flex: 0 1 45%;
		margin: 0 auto;
		padding: 2em;
	}
	.podcast-guest-bio {
		position: relative;
		flex: 0 1 45%;
		margin: 0 auto;
		text-align: left;
	}
	.podcast-guest-img {
		margin-bottom: -3em;
	}
	.podcast-guest-img img {
		transform: translate(0,-4em);
	}
}
.podcast-guest-title h3 {
	text-align: left;
	font-size: 2em;
}



/**
 * PODCAST MODAL
 */
.podcast-modal {
	max-width: 800px !important;
	text-align: left;
}
.podcast-modal a {
	color: #ccc;
}
.podcast-modal a:hover {
	color: white;
}
.remodal-overlay {
	background: rgba(19, 126, 123, 0.95) !important;
}
.remodal-close {
	color: #ccc !important;
}
.remodal-close:hover,
.remodal-close:focus, {
	color: white !important;
}