/*!
Theme Name:     LA Podcast
Theme URI:      
Description:    
Author:         Will Etling
Theme URI:      
Version:        1.0
*/
@font-face {
  font-family: 'GTAmerica';
  src: url("fonts/GT-America-Expanded-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/GT-America-Expanded-Thin.otf") format("opentype"), url("fonts/GT-America-Expanded-Thin.woff") format("woff"), url("fonts/GT-America-Expanded-Thin.ttf") format("truetype"), url("fonts/GT-America-Expanded-Thin.svg#GT-America-Expanded-Thin") format("svg");
  font-weight: 100 400;
  font-style: normal; }

@font-face {
  font-family: 'GTAmerica';
  src: url("fonts/GT-America-Expanded-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/GT-America-Expanded-Medium.otf") format("opentype"), url("fonts/GT-America-Expanded-Medium.woff") format("woff"), url("fonts/GT-America-Expanded-Medium.ttf") format("truetype"), url("fonts/GT-America-Expanded-Medium.svg#GT-America-Expanded-Medium") format("svg");
  font-weight: 500 900;
  font-style: normal; }

@font-face {
  font-family: 'Pitch';
  src: url("fonts/Pitch-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Pitch-Bold.otf") format("opentype"), url("fonts/Pitch-Bold.woff") format("woff"), url("Pitch-Bold.ttf") format("truetype"), url("fonts/Pitch-Bold.svg#Pitch-Bold") format("svg");
  font-weight: 100 900;
  font-style: normal; }

@font-face {
  font-family: 'Knockout';
  src: url("fonts/Knockout-46Flyweight.eot?#iefix") format("embedded-opentype"), url("fonts/Knockout-46Flyweight.otf") format("opentype"), url("fonts/Knockout-46Flyweight.woff") format("woff"), url("fonts/Knockout-46Flyweight.ttf") format("truetype"), url("fonts/Knockout-46Flyweight.svg#Knockout-46Flyweight") format("svg");
  font-weight: normal;
  font-style: normal; }

a {
  color: #A0388E;
  text-decoration: none; }
  a:hover {
    color: #A0388E;
    text-decoration: underline; }

.title-echo-park {
  color: #323348;
  font-family: "Knockout";
  font-weight: 400;
  line-height: 0.83em;
  text-transform: uppercase; }
  .title-echo-park a {
    color: #323348; }
  @media screen and (min-width: 768px) {
    .title-echo-park {
      font-size: 90px; } }
  @media screen and (max-width: 767px) {
    .title-echo-park {
      font-size: 88px; } }
  .title-echo-park h1.magic-title {
    font-weight: 400;
    margin: 0; }

.title-silver-lake {
  color: #323348;
  font-family: "GTAmerica", sans-serif; }

h4.fountain {
  font-family: "GTAmerica", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 14px; }

h5.alvarado {
  color: #323348;
  font-family: "Pitch", "Courier", monospace;
  font-size: 1em;
  border-bottom: 1px solid #323348;
  padding-bottom: 25px;
  letter-spacing: 1px; }
  h5.alvarado a {
    color: #323348; }
    h5.alvarado a:hover {
      text-decoration: none; }
  h5.alvarado span.bullet:before {
    content: " ";
    width: 4px;
    height: 4px;
    background: #323348;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    top: -2px; }
  h5.alvarado.obey-grid {
    max-width: 1054px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 54px; }
    @media screen and (max-width: 767px) {
      h5.alvarado.obey-grid {
        padding-left: 26px; } }
  h5.alvarado.no-underline {
    border-bottom: none; }

.fernwood {
  font-family: "GTAmerica", sans-serif;
  font-weight: 200; }
  .fernwood.large {
    font-size: 72px; }
    @media screen and (max-width: 767px) {
      .fernwood.large {
        font-size: 36px; } }
  .fernwood.medium {
    font-size: 50px; }
    @media screen and (max-width: 767px) {
      .fernwood.medium {
        font-size: 36px; } }
  .fernwood.black {
    color: #323348; }
    .fernwood.black a {
      color: #323348; }
  .fernwood.white {
    color: #F8ECE6; }

h1.fernwood {
  font-size: 82px;
  margin: 0;
  padding: 0;
  line-height: 1em;
  position: relative;
  left: -8px; }
  @media screen and (max-width: 767px) {
    h1.fernwood {
      font-size: 36px; } }

.valentine {
  color: #EE6B69;
  font-family: "Pitch", "Courier", monospace;
  text-decoration: none; }

a.valentine:hover {
  color: #EE6B69;
  text-decoration: underline; }

.teal {
  color: #9EDDCD; }

body {
  padding: 0;
  margin: 0;
  font-family: "acumin-pro", "Roboto", sans-serif;
  overflow-x: hidden;
  background: #F3E7E0;
  color: #323348;
  -webkit-text-size-adjust: none; }

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

* {
  box-sizing: border-box; }

figure {
  margin: 0px; }

.clearfix {
  clear: both;
  width: 100%; }

.grid-bixel {
  max-width: 1054px;
  margin-right: auto;
  margin-left: auto; }
  .grid-bixel.padding-full {
    padding-right: 52px;
    padding-left: 52px; }
    @media screen and (max-width: 767px) {
      .grid-bixel.padding-full {
        padding-right: 26px;
        padding-left: 26px; } }
  .grid-bixel.padding-half {
    padding-right: 26px;
    padding-left: 26px; }

hr {
  border: none;
  border-bottom: 1px solid #323348; }

.tags {
  color: #EE6B69;
  font-family: "Pitch", "Courier", monospace; }
  .tags a {
    color: #EE6B69;
    text-decoration: underline; }

.split-morton {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px; }
  @media screen and (max-width: 767px) {
    .split-morton {
      grid-template-columns: 1fr; } }

.recent-episodes {
  background-color: #F3E7E0;
  padding-bottom: 50px; }

div.description-bar {
  margin-bottom: 76px;
  background-color: #EE6B69;
  text-align: center;
  padding-top: 88px;
  padding-bottom: 88px;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    div.description-bar {
      padding-top: 44px;
      padding-bottom: 44px; } }
  div.description-bar .container {
    width: 1110px;
    max-width: 100%;
    padding-right: 25px;
    padding-left: 25px; }
    div.description-bar .container h1 {
      color: #F8ECE6;
      font-family: "GTAmerica", sans-serif;
      font-size: 30px;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        div.description-bar .container h1 {
          font-size: 21px; } }

.recent-blog-post {
  display: grid; }
  @media screen and (min-width: 768px) {
    .recent-blog-post {
      grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 767px) {
    .recent-blog-post {
      grid-template-rows: 1fr; } }
  @media screen and (min-width: 768px) {
    .recent-blog-post .title {
      padding-right: 30px; } }
  .recent-blog-post .title .meta {
    font-family: "Pitch", "Courier", monospace;
    padding-top: 40px; }
  .recent-blog-post .excerpt {
    padding-bottom: 40px; }
    .recent-blog-post .excerpt .featured-image {
      margin-bottom: 30px;
      cursor: pointer; }

body.blog .post-holder .content {
  padding-top: 32px; }

.post-type-archive-resource {
  background: #F3E7E0;
  padding-top: 250px; }
  @media screen and (max-width: 767px) {
    .post-type-archive-resource {
      padding-top: 150px; } }
  .post-type-archive-resource div.resource-intro-graf {
    padding: 30px 0;
    font-size: 18px;
    line-height: 1.75em; }
  .post-type-archive-resource .resource-index-item {
    display: grid;
    grid-template-columns: 160px auto;
    grid-column-gap: 45px;
    padding: 40px 0;
    color: #323348;
    font-size: 18px;
    line-height: 1.75em; }
    @media screen and (max-width: 767px) {
      .post-type-archive-resource .resource-index-item {
        grid-template-columns: 1fr;
        text-align: center; } }
    .post-type-archive-resource .resource-index-item:hover {
      text-decoration: none; }
    .post-type-archive-resource .resource-index-item .resource-index-icon {
      width: 160px; }
      @media screen and (min-width: 768px) {
        .post-type-archive-resource .resource-index-item .resource-index-icon {
          float: left; } }
      @media screen and (max-width: 767px) {
        .post-type-archive-resource .resource-index-item .resource-index-icon {
          margin-bottom: 30px; } }
    .post-type-archive-resource .resource-index-item h2 {
      margin: 0; }
    .post-type-archive-resource .resource-index-item span.valentine {
      display: block; }

body.single-episode {
  background: #F3E7E0;
  padding-top: 225px; }
  @media screen and (max-width: 767px) {
    body.single-episode {
      padding-top: 125px; } }
  body.single-episode .single-episode-content {
    max-width: 1054px;
    padding-bottom: 100px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (max-width: 767px) {
      body.single-episode .single-episode-content h5.alvarado {
        font-size: 13px; } }
    body.single-episode .single-episode-content .single-episode-words .title {
      padding-right: 25px; }
      body.single-episode .single-episode-content .single-episode-words .title h1.title-echo-park {
        margin-top: 20px; }
        @media screen and (min-width: 768px) {
          body.single-episode .single-episode-content .single-episode-words .title h1.title-echo-park {
            font-size: 120px; } }
      body.single-episode .single-episode-content .single-episode-words .title .tags {
        color: #EE6B69;
        font-family: "Pitch", "Courier", monospace;
        padding: 0 20px 40px 0px; }
        body.single-episode .single-episode-content .single-episode-words .title .tags a {
          color: #EE6B69;
          text-decoration: underline; }
    body.single-episode .single-episode-content .follow-subscribe-download {
      margin-top: 93px; }

body.single-post {
  padding-top: 250px; }
  @media screen and (max-width: 767px) {
    body.single-post {
      padding-top: 150px; } }
  body.single-post h1.fernwood {
    padding-bottom: 30px; }

.post-holder {
  display: grid;
  grid-template-columns: 1fr 716px;
  grid-column-gap: 40px;
  padding-bottom: 120px; }
  @media screen and (max-width: 767px) {
    .post-holder {
      grid-template-columns: 100%;
      grid-template-rows: auto; } }
  .post-holder .meta {
    padding-top: 40px;
    font-family: "Pitch", "Courier", monospace; }
    .post-holder .meta .tags {
      padding-top: 30px; }
  .post-holder .content {
    padding-top: 42px;
    font-size: 17.5px; }
    .post-holder .content.first-child-P {
      padding-top: 21px !important; }
    .post-holder .content.first-child-H2 {
      padding-top: 0px !important; }
      .post-holder .content.first-child-H2 h2:first-of-type {
        padding-top: 0px; }
    .post-holder .content p {
      margin: 0;
      padding: 15px 0;
      line-height: 30px; }
    .post-holder .content h1 {
      font-family: "Knockout", Impact, sans-serif;
      font-size: 100px;
      text-transform: uppercase;
      padding: 50px 0;
      margin: 0;
      font-weight: 400; }
    .post-holder .content h2 {
      font-family: "GTAmerica", sans-serif;
      font-size: 45px;
      letter-spacing: 1.4px;
      padding: 30px 0;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        .post-holder .content h2 {
          font-size: 32px; } }
    .post-holder .content h3 {
      font-family: "GTAmerica", sans-serif;
      font-size: 30px;
      letter-spacing: 1.2px;
      font-weight: 600; }
    @media screen and (max-width: 767px) {
      .post-holder .content h1.heading-with-image, .post-holder .content h2.heading-with-image, .post-holder .content h3.heading-with-image, .post-holder .content h4.heading-with-image, .post-holder .content h5.heading-with-image {
        text-align: center; } }
    .post-holder .content h1.heading-with-image img, .post-holder .content h2.heading-with-image img, .post-holder .content h3.heading-with-image img, .post-holder .content h4.heading-with-image img, .post-holder .content h5.heading-with-image img {
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        .post-holder .content h1.heading-with-image img, .post-holder .content h2.heading-with-image img, .post-holder .content h3.heading-with-image img, .post-holder .content h4.heading-with-image img, .post-holder .content h5.heading-with-image img {
          margin: 0 auto 20px auto;
          display: block; } }
    .post-holder .content ul li {
      padding-bottom: 22px; }
  .post-holder h1, .post-holder h2, .post-holder h3, .post-holder h4, .post-holder h5 {
    font-family: "GTAmerica", sans-serif; }

body.single-resource {
  padding-top: 250px; }
  @media screen and (max-width: 767px) {
    body.single-resource {
      padding-top: 150px; } }
  body.single-resource .left .thumb {
    width: 150px;
    height: 150px;
    border-radius: 75px;
    background-size: cover;
    margin-top: 20px; }
  body.single-resource .left h1.title-echo-park {
    margin-top: 40px;
    margin-bottom: 40px; }
    @media screen and (min-width: 768px) {
      body.single-resource .left h1.title-echo-park {
        font-size: 120px; } }
  body.single-resource .left .meta {
    font-family: "Pitch", "Courier", monospace; }
  body.single-resource .left .tags {
    padding-top: 40px;
    max-width: 360px; }

body.post-type-archive-episode {
  padding-top: 250px; }
  @media screen and (max-width: 767px) {
    body.post-type-archive-episode {
      padding-top: 150px; } }

.post-type-archive-guest .guests-archive-hero {
  background-image: url("images/hero-images/guests-hero.jpg"); }

.post-type-archive-guest .guest {
  font-family: "acumin-pro", "Roboto", sans-serif;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px; }
  @media screen and (max-width: 767px) {
    .post-type-archive-guest .guest {
      grid-template-columns: 100%; } }
  .post-type-archive-guest .guest .thumb-and-name {
    text-align: center; }
    .post-type-archive-guest .guest .thumb-and-name .thumbnail {
      background-size: cover;
      border-radius: 50%;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 40px;
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%); }
    .post-type-archive-guest .guest .thumb-and-name .meta {
      text-align: center;
      font-size: 1.1em; }
      .post-type-archive-guest .guest .thumb-and-name .meta.role {
        margin-top: 10px;
        margin-bottom: 0px; }
      .post-type-archive-guest .guest .thumb-and-name .meta.org {
        margin-top: 0px; }
  .post-type-archive-guest .guest:nth-of-type(3n+1) .color-underline-word:before {
    background: #FDDC48; }
  .post-type-archive-guest .guest:nth-of-type(3n+2) .color-underline-word:before {
    background: #9EDDCD; }
  .post-type-archive-guest .guest:nth-of-type(3n) .color-underline-word:before {
    background: #EE6B69; }
  @media screen and (max-width: 767px) {
    .post-type-archive-guest .guest .description {
      text-align: center; } }

@media screen and (max-width: 767px) {
  .post-type-archive-guest hr {
    display: none; } }

.page-template-page-all-archive {
  padding-top: 250px; }
  @media screen and (max-width: 767px) {
    .page-template-page-all-archive {
      padding-top: 150px; } }

.page-container-about {
  background-image: url("images/hero-images/about-hero.jpg");
  background-size: cover;
  background-position: center top;
  overflow: auto; }
  @media screen and (max-width: 767px) {
    .page-container-about {
      background: #F3E7E0; } }

body.tax-resource_cat {
  padding-top: 250px; }
  @media screen and (max-width: 767px) {
    body.tax-resource_cat {
      padding-top: 150px; } }
  body.tax-resource_cat h1.fernwood {
    display: grid;
    grid-template-columns: 160px auto;
    grid-column-gap: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #323348; }
    @media screen and (max-width: 767px) {
      body.tax-resource_cat h1.fernwood {
        grid-template-columns: 1fr;
        padding-bottom: 30px; } }
    body.tax-resource_cat h1.fernwood img {
      width: 160px; }
      @media screen and (max-width: 767px) {
        body.tax-resource_cat h1.fernwood img {
          margin: 0 auto 40px auto;
          width: 100px; } }
    body.tax-resource_cat h1.fernwood .text {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 767px) {
        body.tax-resource_cat h1.fernwood .text {
          display: block;
          text-align: center; } }
  body.tax-resource_cat .resource-category-description {
    font-size: 18px;
    line-height: 1.75em;
    max-width: 742px; }
    body.tax-resource_cat .resource-category-description p {
      margin: 0;
      padding: 15px 0;
      line-height: 30px; }
    body.tax-resource_cat .resource-category-description h1 {
      font-family: "Knockout", Impact, sans-serif;
      font-size: 100px;
      text-transform: uppercase;
      padding: 50px 0;
      margin: 0;
      font-weight: 400; }
    body.tax-resource_cat .resource-category-description h2 {
      font-family: "GTAmerica", sans-serif;
      font-size: 45px;
      letter-spacing: 1.4px;
      padding: 30px 0;
      font-weight: 400;
      line-height: 1.2em; }
      @media screen and (max-width: 767px) {
        body.tax-resource_cat .resource-category-description h2 {
          font-size: 32px; } }
    body.tax-resource_cat .resource-category-description h3 {
      font-family: "GTAmerica", sans-serif;
      font-size: 30px;
      letter-spacing: 1.2px;
      font-weight: 600; }
    @media screen and (max-width: 767px) {
      body.tax-resource_cat .resource-category-description h1.heading-with-image, body.tax-resource_cat .resource-category-description h2.heading-with-image, body.tax-resource_cat .resource-category-description h3.heading-with-image, body.tax-resource_cat .resource-category-description h4.heading-with-image, body.tax-resource_cat .resource-category-description h5.heading-with-image {
        text-align: center; } }
    body.tax-resource_cat .resource-category-description h1.heading-with-image img, body.tax-resource_cat .resource-category-description h2.heading-with-image img, body.tax-resource_cat .resource-category-description h3.heading-with-image img, body.tax-resource_cat .resource-category-description h4.heading-with-image img, body.tax-resource_cat .resource-category-description h5.heading-with-image img {
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        body.tax-resource_cat .resource-category-description h1.heading-with-image img, body.tax-resource_cat .resource-category-description h2.heading-with-image img, body.tax-resource_cat .resource-category-description h3.heading-with-image img, body.tax-resource_cat .resource-category-description h4.heading-with-image img, body.tax-resource_cat .resource-category-description h5.heading-with-image img {
          margin: 0 auto 20px auto;
          display: block; } }
    body.tax-resource_cat .resource-category-description ul li {
      padding-bottom: 22px; }
  body.tax-resource_cat .category-posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 60px; }
    @media screen and (max-width: 767px) {
      body.tax-resource_cat .category-posts {
        grid-template-columns: 1fr; } }
    body.tax-resource_cat .category-posts a.post {
      text-align: center; }
      body.tax-resource_cat .category-posts a.post .thumb {
        width: 150px;
        height: 150px;
        border-radius: 75px;
        background-size: cover;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px; }
      body.tax-resource_cat .category-posts a.post:nth-of-type(3n+1) .color-underline-word:before {
        background: #FDDC48; }
      body.tax-resource_cat .category-posts a.post:nth-of-type(3n+2) .color-underline-word:before {
        background: #9EDDCD; }
      body.tax-resource_cat .category-posts a.post:nth-of-type(3n) .color-underline-word:before {
        background: #EE6B69; }
      body.tax-resource_cat .category-posts a.post p {
        color: #323348 !important;
        margin-top: 7px;
        margin-bottom: 0px; }
      body.tax-resource_cat .category-posts a.post:hover {
        text-decoration: none; }

.home-content > p {
  margin: 0;
  padding: 0; }

.home-hero {
  background-size: cover;
  background-position: center top;
  color: #F8ECE6;
  text-align: center;
  overflow: auto;
  padding: 160px 20px 105px 20px; }
  .home-hero.image-1 {
    background-image: url("images/hero-images/home-hero-1.jpg"); }
  .home-hero.image-2 {
    background-image: url("images/hero-images/home-hero-2.jpg"); }
  .home-hero.image-3 {
    background-image: url("images/hero-images/home-hero-3.jpg"); }
  .home-hero.image-4 {
    background-image: url("images/hero-images/home-hero-4.jpg"); }
  .home-hero .episode-details {
    max-width: 990px;
    margin-right: auto;
    margin-left: auto; }
    .home-hero .episode-details .date {
      font-family: "GTAmerica", sans-serif;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 3px;
      font-weight: bold;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .home-hero .episode-details .date {
          font-size: 11px; } }
    .home-hero .episode-details h2 {
      font-family: "GTAmerica", sans-serif;
      font-size: 90px;
      font-weight: 300;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .home-hero .episode-details h2 {
          font-size: 38px; } }
    @media screen and (max-width: 650px) {
      .home-hero .episode-details .description {
        display: none; } }
    .home-hero .episode-details .description a {
      color: #F8ECE6;
      text-decoration: underline; }
    .home-hero .episode-details .description ul {
      display: none; }
    .home-hero .episode-details a.listen-button {
      margin-top: 30px; }

.about-upper {
  max-width: 1054px;
  padding: 255px 52px 52px 52px;
  margin-right: auto;
  margin-left: auto;
  color: #F8ECE6; }
  @media screen and (max-width: 767px) {
    .about-upper {
      padding: 153px 20px 52px 20px;
      background-image: url("images/hero-images/about-hero.jpg");
      background-size: cover;
      background-position: center top; } }
  @media screen and (min-width: 768px) {
    .about-upper h4.about.fountain {
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .about-upper h4.about.fountain {
      font-size: 28px;
      text-transform: initial;
      font-weight: 100;
      letter-spacing: initial; } }
  @media screen and (min-width: 768px) {
    .about-upper .about-blurb {
      font-family: "GTAmerica", sans-serif;
      font-size: 28px;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .about-upper .about-blurb {
      font-family: "acumin-pro", "Roboto", sans-serif;
      font-size: 14px; } }
  .about-upper .follow-subscribe-download {
    margin: 70px auto 0 auto;
    padding-bottom: 50px;
    max-width: 740px;
    grid-column-gap: 46px; }

h4.hosts.fountain {
  color: #F8ECE6;
  text-align: center;
  border-bottom: 1px solid #F8ECE6;
  padding-bottom: 30px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 30px; }
  @media screen and (max-width: 767px) {
    h4.hosts.fountain {
      background: #F3E7E0;
      color: #323348;
      border-color: #323348; } }

figure.wp-block-image figcaption {
  font-family: "Pitch", "Courier", monospace;
  font-size: 13px;
  padding-bottom: 20px;
  padding-top: 10px; }

.about-bio-wrapper {
  width: 100%; }
  .about-bio-wrapper .about-bio {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 100px;
    margin: 0 auto;
    max-width: 1054px; }
    @media screen and (max-width: 767px) {
      .about-bio-wrapper .about-bio {
        background: #F3E7E0;
        grid-template-rows: repeat(2, auto);
        grid-template-columns: 1fr;
        text-align: center;
        padding: 34px 26px; } }
    @media screen and (min-width: 768px) {
      .about-bio-wrapper .about-bio {
        padding: 59px 52px;
        color: #F8ECE6; } }
    .about-bio-wrapper .about-bio .about-bio-photo {
      border-radius: 50%;
      width: 250px;
      height: 250px;
      background-size: cover;
      background-position: center;
      margin-bottom: 30px; }
      @media screen and (max-width: 767px) {
        .about-bio-wrapper .about-bio .about-bio-photo {
          width: 200px;
          height: 200px;
          display: block;
          margin-right: auto;
          margin-left: auto; } }
    .about-bio-wrapper .about-bio h2 {
      margin: 0px;
      padding: 0px; }
      @media screen and (min-width: 768px) {
        .about-bio-wrapper .about-bio h2 {
          color: #F8ECE6 !important; } }
    .about-bio-wrapper .about-bio .links a {
      font-family: "Pitch", "Courier", monospace;
      color: #EE6B69;
      text-decoration: none;
      margin-right: 40px;
      display: inline-block; }
      .about-bio-wrapper .about-bio .links a:hover {
        text-decoration: underline; }
    .about-bio-wrapper .about-bio .links span.bullet {
      display: none; }
    @media screen and (max-width: 767px) {
      .about-bio-wrapper .about-bio .links {
        text-align: center; }
        .about-bio-wrapper .about-bio .links a {
          margin-right: 0px; }
        .about-bio-wrapper .about-bio .links a:first-of-type span.bullet {
          display: none; }
        .about-bio-wrapper .about-bio .links span.bullet {
          display: inline-block;
          font-size: 12px;
          font-family: "Pitch", "Courier", monospace;
          padding: 0 10px;
          color: #EE6B69; } }

.listen-button {
  font-family: "GTAmerica", sans-serif;
  font-weight: 500;
  transition: all 300ms;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 10px 18px 10px 14px;
  letter-spacing: 0.1em;
  font-size: 14px; }
  .listen-button:after {
    content: " ";
    display: inline-block;
    width: 17px;
    height: 12px;
    background-size: contain;
    position: relative;
    top: 1px;
    right: -4px;
    background-repeat: no-repeat; }
  .listen-button.dark {
    color: #323348;
    border-color: #323348; }
    .listen-button.dark:after {
      background-image: url("images/arrow-right-black.png"); }
    .listen-button.dark:hover {
      background-color: #323348;
      color: #F8ECE6;
      text-decoration: none; }
      .listen-button.dark:hover:after {
        background-image: url("images/arrow-right-white.png"); }
  .listen-button.light {
    color: #F8ECE6;
    border-color: #F8ECE6; }
    .listen-button.light:after {
      background-image: url("images/arrow-right-white.png"); }
    .listen-button.light:hover {
      background-color: #F8ECE6;
      color: #32334A;
      border-color: #f8ECE6;
      text-decoration: none; }
      .listen-button.light:hover:after {
        background-image: url("images/arrow-right-black.png"); }

#lapodcast-logo-top {
  background-image: url("images/logos/la-podcast-logo-608.png");
  background-size: cover;
  display: block;
  position: absolute;
  left: 0px;
  font-size: 0px; }
  @media screen and (min-width: 768px) {
    #lapodcast-logo-top {
      top: 75px;
      width: 304px;
      height: 68px; } }
  @media screen and (max-width: 767px) {
    #lapodcast-logo-top {
      top: 33px;
      width: 210px;
      height: 47px; } }

#nav-toggle {
  display: block;
  position: absolute;
  top: 75px;
  right: 90px;
  width: 53px;
  height: 68px;
  z-index: 10;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    #nav-toggle {
      width: 34px;
      top: 33px;
      right: 25px; } }
  #nav-toggle .bar {
    display: block;
    width: 53px;
    height: 3px;
    background: #F8ECE6;
    position: absolute;
    transition: all 0.5s; }
    @media screen and (max-width: 767px) {
      #nav-toggle .bar {
        width: 34px;
        height: 2px; } }
  #nav-toggle .bar1 {
    top: 23px; }
    @media screen and (max-width: 767px) {
      #nav-toggle .bar1 {
        top: 16px; } }
  #nav-toggle .bar2 {
    top: 43px; }
    @media screen and (max-width: 767px) {
      #nav-toggle .bar2 {
        top: 30px; } }
  #nav-toggle.open {
    position: fixed; }
    #nav-toggle.open .bar1 {
      transform: rotate(45deg); }
    #nav-toggle.open .bar2 {
      transform: rotate(-45deg);
      top: 23px; }
      @media screen and (max-width: 767px) {
        #nav-toggle.open .bar2 {
          top: 17px; } }

.nav {
  position: fixed;
  transform: translate3d(455px, 0px, 0px);
  transition: all 0.3s;
  font-family: "Knockout", Impact, sans-serif;
  font-size: 70px;
  letter-spacing: 0.0436em;
  text-transform: uppercase;
  right: 0px;
  background: #2F3347;
  top: 0px;
  width: 455px;
  max-width: 100vw;
  bottom: 0px; }
  .nav.open {
    display: block;
    transform: translate3d(0, 0, 0);
    position: fixed;
    z-index: 9;
    max-height: 100vh;
    overflow-y: auto; }
  .nav ul {
    list-style-type: none; }
    .nav ul li {
      line-height: 1em; }
  .nav a {
    color: #F8ECE6;
    text-decoration: none;
    transition: all 600ms; }
    .nav a:hover {
      color: #9EDDCD; }

body.post-type-archive-episode:not(.lapod-nav-open) #nav-toggle .bar, body.post-type-archive-resource:not(.lapod-nav-open) #nav-toggle .bar, body.page-template-page-resources-index-php:not(.lapod-nav-open) #nav-toggle .bar, body.page-template-page-all-archive:not(.lapod-nav-open) #nav-toggle .bar, body.tax-resource_cat:not(.lapod-nav-open) #nav-toggle .bar, body.single-resource:not(.lapod-nav-open) #nav-toggle .bar, body.single-post:not(.lapod-nav-open) #nav-toggle .bar, body.single-episode:not(.lapod-nav-open) #nav-toggle .bar {
  background-color: #323348; }

.footer {
  background-color: #67355E;
  color: #F8ECE6;
  overflow: hidden;
  padding-top: 68px;
  padding-bottom: 120px; }
  .footer .container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    padding: 52px; }
    @media screen and (max-width: 767px) {
      .footer .container {
        padding-left: 25px;
        padding-right: 25px; } }
  .footer .footer-upper {
    display: grid; }
    @media screen and (min-width: 768px) {
      .footer .footer-upper {
        grid-template-columns: 82% 18%; } }
    .footer .footer-upper .footer-logo {
      width: 278px;
      display: block; }
  .footer ul.footer-nav {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 767px) {
      .footer ul.footer-nav {
        padding-top: 30px; } }
    .footer ul.footer-nav li {
      font-family: "GTAmerica";
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 3px;
      padding: 5px 0;
      font-size: 13px; }
      .footer ul.footer-nav li a {
        color: #F8ECE6;
        text-decoration: none; }
        .footer ul.footer-nav li a:hover {
          color: #EAABA8; }
  .footer .sub-footer {
    /*mailchimp */ }
    @media screen and (min-width: 996px) {
      .footer .sub-footer {
        grid-template-columns: 82% 18%;
        display: grid; } }
    @media screen and (max-width: 767px) {
      .footer .sub-footer {
        padding-top: 30px; } }
    .footer .sub-footer #mc_embed_signup h2 {
      font-family: "Pitch", "Courier", monospace;
      font-size: 14px; }
    .footer .sub-footer #mc_embed_signup input[type=email] {
      background: #67355E;
      border: 1px solid #F8ECE6;
      border-radius: 0px;
      padding: 16px 20px 15px 20px;
      font-family: "acumin-pro", "Roboto", sans-serif;
      color: #F8ECE6;
      width: 339px;
      max-width: 75%;
      font-size: 16px; }
      .footer .sub-footer #mc_embed_signup input[type=email]::placeholder {
        color: #F8ECE6; }
    .footer .sub-footer #mc_embed_signup input[type=submit] {
      -webkit-appearance: none;
      background: none;
      border: none;
      color: #F8ECE6;
      font-family: "GTAmerica", sans-serif;
      font-weight: 500;
      padding-left: 20px;
      font-size: 15px;
      letter-spacing: .75px;
      cursor: pointer; }
      @media screen and (max-width: 480px) {
        .footer .sub-footer #mc_embed_signup input[type=submit] {
          padding-top: 18px; } }
    .footer .sub-footer #mc_embed_signup div.mce_inline_error, .footer .sub-footer #mc_embed_signup #mce-success-response, .footer .sub-footer #mc_embed_signup #mce-error-response {
      padding: 5px;
      font-family: "Pitch", "Courier", monospace;
      color: #EE6B69;
      background: transparent;
      max-width: 330px; }
      .footer .sub-footer #mc_embed_signup div.mce_inline_error a, .footer .sub-footer #mc_embed_signup #mce-success-response a, .footer .sub-footer #mc_embed_signup #mce-error-response a {
        color: #EE6B69;
        text-decoration: underline; }
    .footer .sub-footer .social {
      padding-top: 50px; }
      .footer .sub-footer .social .link {
        display: inline-block;
        width: 42px;
        height: 42px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 10px; }
        .footer .sub-footer .social .link:last-of-type {
          margin-right: 0; }

.recent-guests-module {
  background-image: url("images/hero-images/guests-hero.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding-top: 70px;
  padding-bottom: 70px;
  color: #F8ECE6; }
  @media screen and (max-width: 767px) {
    .recent-guests-module {
      background-image: url("images/hero-images/guests-hero-mobile.jpg");
      background-attachment: scroll; } }
  .recent-guests-module h4.recent-guests-title {
    padding-bottom: 40px;
    text-align: center; }
  .recent-guests-module .recent-guests {
    max-width: 1244px;
    margin: 0 auto;
    display: grid; }
    @media screen and (min-width: 768px) {
      .recent-guests-module .recent-guests {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr; } }
    @media screen and (max-width: 767px) {
      .recent-guests-module .recent-guests {
        grid-template-rows: repeat(3, 1fr);
        grid-template-columns: 1fr;
        grid-row-gap: 50px; } }
    .recent-guests-module .recent-guests .guest {
      text-align: center;
      cursor: pointer;
      text-decoration: none;
      display: block;
      color: #F8ECE6; }
      .recent-guests-module .recent-guests .guest .title {
        font-family: "Knockout", Impact, sans-serif;
        text-transform: uppercase;
        font-size: 58px;
        letter-spacing: 0.03em;
        color: #F8ECE6; }
      .recent-guests-module .recent-guests .guest .thumb {
        width: 150px;
        height: 150px;
        position: relative;
        margin: 0 auto 40px auto; }
        .recent-guests-module .recent-guests .guest .thumb .image {
          background-size: cover;
          border-radius: 50%;
          display: block;
          margin: 0 auto;
          width: 100%;
          height: 100%;
          z-index: 1;
          position: relative;
          transition: all 300ms;
          -webkit-filter: grayscale(100%);
          /* Safari 6.0 - 9.0 */
          filter: grayscale(100%); }
          .recent-guests-module .recent-guests .guest .thumb .image.image-0 {
            left: 36px; }
          .recent-guests-module .recent-guests .guest .thumb .image.image-1 {
            left: 30px; }
          .recent-guests-module .recent-guests .guest .thumb .image.image-2 {
            left: 20px; }
        .recent-guests-module .recent-guests .guest .thumb .shape {
          position: absolute;
          top: -20px;
          background-size: cover;
          background-repeat: no-repeat;
          transition: all 300ms; }
          .recent-guests-module .recent-guests .guest .thumb .shape.shape-0 {
            width: calc(100% + 40px);
            height: calc(100% + 40px);
            background-image: url("images/triangle-yellow.svg");
            left: -36px; }
          .recent-guests-module .recent-guests .guest .thumb .shape.shape-1 {
            width: calc(100% + 40px);
            height: calc(100% + 40px);
            background-image: url("images/pentagon-green.svg");
            left: -30px; }
          .recent-guests-module .recent-guests .guest .thumb .shape.shape-2 {
            background-image: url("images/circle-red.svg");
            width: calc(100% + 16px);
            height: calc(100% + 16px);
            top: -8px;
            left: -20px; }
      .recent-guests-module .recent-guests .guest:hover .shape {
        transform: translateX(-5px); }
      .recent-guests-module .recent-guests .guest:hover .image {
        transform: translateX(5px); }

.follow-subscribe-download {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: 1fr;
  grid-row-gap: 20px;
  margin-top: 40px;
  font-family: "Pitch", "Courier", monospace; }
  @media screen and (max-width: 767px) {
    .follow-subscribe-download {
      grid-template-columns: 100%; } }
  .follow-subscribe-download a {
    text-decoration: none;
    color: #323348; }
    .follow-subscribe-download a img {
      height: 42px;
      width: 42px;
      vertical-align: middle;
      margin-right: 20px; }
    @media screen and (max-width: 795px) {
      .follow-subscribe-download a span.no-sm {
        display: none; } }
  .follow-subscribe-download.light a {
    color: #F8ECE6; }

.episode-loop-item, .episodes-loop .episode {
  padding-top: 50px;
  padding-bottom: 50px;
  box-sizing: border-box; }
  .episode-loop-item .meta, .episodes-loop .episode .meta {
    font-family: "Pitch", "Courier", monospace;
    width: 100%;
    padding-top: 42px; }
  .episode-loop-item .preview, .episodes-loop .episode .preview {
    display: grid; }
    @media screen and (min-width: 768px) {
      .episode-loop-item .preview, .episodes-loop .episode .preview {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 767px) {
      .episode-loop-item .preview, .episodes-loop .episode .preview {
        grid-template-rows: 1fr; } }
    .episode-loop-item .preview .title-container, .episodes-loop .episode .preview .title-container {
      padding-right: 42px;
      padding-top: 18px; }
      @media screen and (max-width: 767px) {
        .episode-loop-item .preview .title-container, .episodes-loop .episode .preview .title-container {
          padding-right: 0px; } }
    .episode-loop-item .preview .excerpt p, .episodes-loop .episode .preview .excerpt p {
      margin-bottom: 0px;
      padding-bottom: 40px;
      color: #323348; }
    .episode-loop-item .preview .excerpt a.listen, .episodes-loop .episode .preview .excerpt a.listen {
      color: #EE6B69;
      font-family: "Pitch", "Courier", monospace;
      text-decoration: none; }
      .episode-loop-item .preview .excerpt a.listen:hover, .episodes-loop .episode .preview .excerpt a.listen:hover {
        color: #EE6B69;
        text-decoration: underline; }

.pagination {
  text-align: center;
  padding: 30px;
  font-family: "Pitch", "Courier", monospace;
  font-size: 18px;
  padding-bottom: 100px; }
  @media screen and (max-width: 767px) {
    .pagination {
      padding-right: 15px;
      padding-left: 15px;
      font-size: 16px; } }
  .pagination span, .pagination a {
    padding: 14px 18px;
    color: #323348;
    text-decoration: none; }
    @media screen and (max-width: 767px) {
      .pagination span, .pagination a {
        padding-right: 9px;
        padding-left: 9px; } }
  .pagination span, .pagination a.prev, .pagination a.next, .pagination a.first, .pagination a.last, .pagination a:not(.page-numbers) {
    border: 1px solid #323348; }
    .pagination span:hover, .pagination a.prev:hover, .pagination a.next:hover, .pagination a.first:hover, .pagination a.last:hover, .pagination a:not(.page-numbers):hover {
      background: #323348;
      color: #F3E7E0; }
  .pagination .page-numbers.current {
    position: relative; }
    .pagination .page-numbers.current:after {
      content: " ";
      width: 9px;
      height: 2px;
      position: absolute;
      left: calc(50% - 5px);
      bottom: 5px;
      background: #323348; }
  .pagination .page-numbers.dots {
    display: none; }
  @media screen and (max-width: 767px) {
    .pagination a.first, .pagination a.last {
      display: none; } }

.hero-angeleno {
  background-size: cover;
  background-position: center;
  background-image: url("images/hero-images/home-hero-3.jpg");
  padding-top: 220px;
  padding-bottom: 170px;
  color: #F8ECE6; }
  .hero-angeleno.blog {
    background-image: url("images/hero-images/blog-hero.jpg");
    background-position: top center; }
  @media screen and (max-width: 767px) {
    .hero-angeleno h1 {
      font-size: 36px; } }
  .hero-angeleno p {
    font-size: 1.13em;
    max-width: 540px; }

div.support-us {
  background: #77DCF0;
  color: #323348; }
  div.support-us .container {
    margin: 0 auto;
    max-width: 1054px;
    box-sizing: border-box;
    font-family: "acumin-pro", "Roboto", sans-serif; }
    @media screen and (min-width: 768px) {
      div.support-us .container {
        padding: 80px 52px; } }
    @media screen and (max-width: 767px) {
      div.support-us .container {
        text-align: center;
        padding: 50px 26px; } }
    @media screen and (min-width: 768px) {
      div.support-us .container .text {
        float: left;
        max-width: 426px; } }
    div.support-us .container .text h2 {
      font-family: 'GTAmerica';
      font-weight: 400;
      font-size: 50px;
      margin: 0;
      padding-bottom: 20px; }
      @media screen and (max-width: 767px) {
        div.support-us .container .text h2 {
          font-size: 36px; } }
    @media screen and (min-width: 768px) {
      div.support-us .container .join {
        float: right; } }
    div.support-us .container .join a {
      border: 1px solid #323348;
      display: inline-block;
      padding: 21px 42px;
      font-family: "GTAmerica", sans-serif;
      font-size: 30px;
      text-transform: uppercase;
      text-decoration: none;
      color: #323348;
      transition: all 0.3s; }
      @media screen and (max-width: 767px) {
        div.support-us .container .join a {
          font-size: 24px;
          padding: 16px;
          width: 100%;
          max-width: 360px; } }
      div.support-us .container .join a:hover {
        background: #323348;
        color: #77DCF0; }

.color-underline-parent:not(.no-hover):hover .color-underline-word:before, .color-underline-parent.force-hover .color-underline-word:before {
  height: 100%; }

.color-underline-parent .color-underline-word {
  display: inline-block;
  position: relative;
  padding-right: 0.14em; }

.color-underline-parent .color-underline-word:after {
  position: relative;
  z-index: 2; }

.color-underline-parent .color-underline-word:before {
  transition: all 500ms;
  content: " ";
  position: absolute;
  width: calc(100% + 30px);
  height: 20px;
  left: -20px;
  bottom: 0.03em;
  z-index: 1;
  background: #9EDDCD; }

.color-underline-parent.yellow .color-underline-word:before {
  background: #FDDC48; }

.fernwood .color-underline-word {
  padding-right: 0.3em; }