/*
Theme Name: Elsie
Theme URI: https://pair.com
Author: Pair
Author URI: https://pair.com
Description: A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond
Version: 3.X
License: MIT
License URI: https://mit-license.org/
Text Domain: elsie
*/

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
  font-family: 'Fira Sans', sans-serif;
  color: black;
  margin: 0px;
  padding: 0px;
  max-width: 100vw;
  overflow-x: hidden;
}

.vh-100 {
  min-height: 100vh!important;
}

.pt-150{
  padding-top: 150px;
}

.mt-50{
  margin-top: 50px;
}

.mt-100{
  margin-top: 65px;
}


pre {
  white-space: normal!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: 'Fira Sans', sans-serif;
}

/* page styling */

.elsie-single-page, .archive-page{
  margin: 0px 30px 50px 30px;
  padding-top: 30px;
  min-height: 100vh;
  overflow-x: hidden;
}

.elsie-page{
  margin: 0px 0px 50px 0px;
  min-height: 100vh;
  overflow-x: hidden;
}

.elsie-single-page-container-wrapper-outer, .archive-page-container-wrapper-outer{
  display: flex;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}

.elsie-single-page-heading-title h1, .elsie-page-heading-title h1, .elsie-archive-heading-title h1{
  font-size: 2em;
  letter-spacing: 1.15px;
  padding-bottom: 40px;
  padding-top: 20px;
}

/* 404page */
main.fourofour-page-main {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.fourofour-page-container {
  margin-left: 40px;
  margin-right: 40px;
}

.fourofour-page-container article.fourofour h2.post__title {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 2.8px;
  font-size: 20px;
  margin-bottom: 0px;
}

/* page */
.elsie-page-header-wrapper-outer {
  padding-top: 30px;
}

.elsie-page-content-divider:before {
  content: "";
  width: 100%;
  height: 26px;
  margin-top: -10px;
  display: block;
  position: absolute;
  background-color: white;
  -webkit-mask-image: url(./assets/images/edge.svg);
  mask-image: url(./assets/images/edge.svg);
  background-repeat: no-repeat;
  z-index: 1;
}

.elsie-page-heading-title {
  margin-left: 60px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.elsie-page-content-wrapper-outer {
  margin-left: 40px;
  margin-right: 40px;
}

/* search page */
.elsie-search-page-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 65px;
  min-height: 100vh;
}

.elsie-search-page-header-wrapper{
  width: 100%;
  display: flex;
}

.elsie-search-page-header {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
}

.elsie-search-page-header .elsie-search-page-title {
  margin-left: 30px;
}

.elsie-search-page-title  h1.post__title {
  letter-spacing: 1.15px;
  font-size: 2em;
}

.elsie-search-page-header .search {
  margin-right: 40px;
  margin-left: 30px;
}

.elsie-search-page-divider {
  width: 100%;
}

.elsie-search-page-divider:before {
  content: "";
  width: 100%;
  height: 26px;
  margin-top: -5px;
  display: block;
  position: absolute;
  background-color: white;
  -webkit-mask-image: url(./assets/images/edge.svg);
  mask-image: url(./assets/images/edge.svg);
  background-repeat: no-repeat;
  z-index: 1;
}

/* blog category page */
.elsie-category-page-wrapper-outer {
  min-height: 100vh;
}

.elsie-category-page-wrapper-inner {
  height: 100%;
  min-height: 100vh;
}

.elsie-category-page-header-wrapper {
  width: 100%;
  display: flex;
}

.elsie-category-page-header-wrapper  {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
}

.elsie-category-page-search-function form .input-group input#search-input {
  background: #FFFFFFCC 0% 0% no-repeat padding-box;
  border: none;
  opacity: .75;
  padding: 12px 80px 12px 25px;
  width: 260px;
}

.all-episodes-container-outter .sort {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
}

.elsie-category-page-content-cont {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  gap: 40px;
  padding-bottom: 100px;
}

.elsie-category-page-content-cont article {
  width: 100%;
}

.elsie-category-page-header .elsie-category-page-title {
  margin-left: 30px;
}

.elsie-category-page-title h1 {
  letter-spacing: 1.15px;
  text-transform: capitalize;
}

.elsie-category-page-header .elsie-category-page-search {
  margin-right: 40px;
  margin-left: 30px;
}

.elsie-category-page-content-wrapper-outer {
  padding-top: 40px;
}

.elsie-category-page-sort-function {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

.elsie-category-page-sort-function select {
  border: none;
}

.elsie-category-page-sort-function select#elsie-category-page-sort-function-sort, .elsie-category-page-sort-function label {
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: bold;
}

h4.elsie-category-page-single-post-date {
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-size: 15px;
  padding-bottom: 8px;
  padding-top: 15px;
  font-weight: normal;
  margin-top: 0px;
}

h3.elsie-category-page-single-post-title {
  margin-bottom: 0px;
}

.elsie-category-page-single-post-content p {
  font-weight: normal;
  line-height: 24px;
  font-size: 16px;
}

.elsie-category-page-single-post-link-wrapper {
  display: flex;
  justify-content: flex-end;
}

.elsie-category-page-single-post-link-wrapper {
  transition: all 350ms ease;
}

a.elsie-category-page-single-post-link i {
  font-size: 25px;
  font-weight: 400;
  transform: scaleX(1.5);
  transition: all 350ms ease;
}

a.elsie-category-page-single-post-link {
  padding: 0px 15px;
  display: flex;
  width: fit-content;
  text-decoration: none;
  transition: all 350ms ease;
}

.elsie-category-page-pagination-cont {
  margin-left: 20px;
  margin-right: 20px;
}

.elsie-category-page-pagination-cont-inner {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 50px;
}

.elsie-category-page-pagination-cont-inner a {
  text-decoration: none;
}

.elsie-category-page-pagination-pages {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.elsie-category-page-pagination-pages a{
  color: black;
  text-decoration: none;
  letter-spacing: .96px;
  font-size: 16px;
  font-weight: normal;
}

.elsie-category-page-pagination-pages a.pagination-square.numbered-page.active {
  font-weight: 700;
  display: inline-flex;
  flex-direction: column-reverse;
  align-items: center;
  line-height: 25px;
}

.elsie-category-page-pagination-pages a.pagination-square.numbered-page.active:after {
  width: 20px;
  position: absolute;
  height: 2px;
  content: "";
}

.elsie-category-page-pagination-previous-page a.pagination-square.arrowed-nav.prev,  .elsie-category-page-pagination-next-page a.pagination-square.arrowed-nav.next {
  transition: all 350ms ease;
  padding: 0px 15px;
  display: flex;
  text-decoration: none;
}

.elsie-category-page-pagination-previous-page a.pagination-square.arrowed-nav.prev i,  .elsie-category-page-pagination-next-page a.pagination-square.arrowed-nav.next i {
  font-size: 25px;
  font-weight: 400;
  transform: scaleX(1.5);
  transition: all 350ms ease;
}

/* HEADER */
  li.menu-item {
    display: none;
  }

  .menu-items {
    display: none;
  }

  header#header {
    position: relative;
    top: 0px;
    margin-top: 0px;
    height: 100px;
  }

  nav {
    height: 100px;
    opacity: 1;
    display: flex;
    position: absolute;
    z-index: 3;
    top: 0;
  }

  .navbar {
    width: 100vw;
  }

  .fixed{
    position: fixed;
    background: linear-gradient(86deg, #FFFFFFCC 0%, #FFFFFF0D 50%, #FFFFFFBF 100%) 0% 0% no-repeat padding-box;
    height: 100px;
    z-index: 3;
  }

  .hamburger div{
    width: 30px;
    height: 3px;
    margin: 5px;
    transition: all 0.3s ease;
  }

  .logo{
    padding: 15px;
    /* text-align: center; */
    z-index: 3;
    height: 50px;
    width: 50px;
  }

  .logo img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
  }

  .logo-main {
    display: none;
  }

  .nav-links li a {
    font-size: 16px;
    text-decoration: none;
    color: black;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin: 10px auto;
  }

  .nav-links li a:hover {
    color: black;
  }

  .nav-links li {
    position: relative;
    list-style-type: none;
  }

  .nav-links li a::after {
    content: "";
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    height: 3px;
    width: 0%;
    position: absolute;
    transition: all ease-in-out 250ms;
    text-align: center;
    margin-top: 30px;
  }

  .nav-links li a:hover::after{
    width: 100%;
    margin-top: 30px;
    display: inline-flex;
    flex-direction: column;
  }

  .hamburger{
    display:block;
    position: absolute;
    cursor: pointer;
    right: 5%;
    top: 50%;
    transform: translate(-5%, -50%);
    z-index: 3;
    transition: all 0.7s ease;
  }

  .nav-links{
    display: block;
    position: fixed;
    width: 100%;
    flex-direction: column;
    clip-path: circle(50px at 90% -20%);
    -webkit-clip-path: circle(50px at 90% -10%);
    transition: all 1s ease-out;
    color: black;
    justify-content: center;
    display:inline-flex;
    height: 100%;
    margin-top: 0px;
  }

  .nav-links.open{
    z-index: 2;
    clip-path: circle(1160px at 90% -10%);
    -webkit-clip-path: circle(1160px at 90% -10%);
    pointer-events: all;
    padding: 0;
    margin-top: 0;
    height: 100vh;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: scroll;
  }

  .menu-items-mobile .menu-items-mobile-wrapper ul.menu {
    padding: 0px;
  }

  .menu-items-mobile {
    margin-top: 100px;
  }

  .nav-links.open>nav.logo{
    position: fixed;
  }

  .nav-links li{
    opacity: 0;
    transition: all 0.5s ease 0.2s;
    text-align: center;
  }

  li.fade{
    opacity: 1;
    text-align: center;
    align-items: center;
  }

  .menu-items-wrapper .menu ul {
    width: 100%;
    padding: 0px;
    display: inline-flex;
    justify-content: space-evenly;
    gap: 10px;
    flex-wrap: wrap;
  }

  .nav-right-subscribe-search li.fade{
    display: flex;
    flex-direction: column;
  }

  .fade.support-button{
  margin-top: 30px;
  }

  .support-button{
  margin-top: 35px;
  }

  .support-button, .subscribe-button{
  background-color: transparent;
  margin-left: 0px;
  margin-top: 10px;
  font-size: 16px;
  cursor: pointer;
  border:1px solid transparent;
  padding: 10px 15px;
  margin-bottom: 3px;
  transition: all linear 350ms;
  }

  .support-button:hover, .subscribe-button:hover {
    padding: 10px 15px;
    transition: all linear 250ms;
  }

  .support-button.border {
    padding: 10px 15px;
    transition: all linear 250ms;
  }

  .support-button-dropdown {
    display: none;
    transition: all linear 350ms;
  }

  .support-button-dropdown a {
    padding-bottom: 10px;
  }

  .support-button-dropdown.show {
    display: flex;
    transition: all linear 350ms;
    position: relative;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    flex-direction: column;
    padding-top: 10px;
  }

  .subscribe-button.border {
    padding: 10px 15px;
    transition: all linear 250ms;
  }

  .subscribe-button-dropdown {
    display: none;
    transition: all linear 350ms;
  }

  .subscribe-button-dropdown a {
    padding-bottom: 10px;
    margin-top: 10px;
  }

  .subscribe-button-dropdown.show {
    display: inline-flex;
    flex-direction: column;
    gap: 0px;
    margin: 0px;
    transition: all linear 350ms;
    position: relative;
    background-color: transparent;
  }

  .support-up, .support-down.hide, .subscribe-up, .subscribe-down.hide{
    display: none;
  }

  .support-up.show, .support-down, .subscribe-up.show, .subscribe-down {
    display: inline-block;
  }

  .nav-right-subscribe-search {
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }

  button.nav-search-button {
    background: transparent;
    border: none;
    font-size: 20px;
  }

  .nav-right-subscribe-search {
    display: block;
  }

  .nav-search-button {
    position: absolute;
    margin-top: 8px;
    margin-left: -13px;
  }

  .toggle .line1{
    transform: rotate(-45deg) translate(-5px,6px);
  }
  .toggle .line2{
    transition: all 0.7s ease;
    width:0;
  }
  .toggle .line3{
    transform: rotate(45deg) translate(-5px,-6px);
  }


  .menu-search-form-inner form.menu-search-input-group-form .menu-search-input-group  {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }

  .menu-search-form-inner .menu-search-input-group-form .menu-search-input-group input#menu-search-input {
    padding: 0px;
    margin-top: 0px;
    font-size: 16px;
    border-radius: 15px;
    border: none;
    width: 0px;
    background: none;
    transition: all 350ms linear;
  }

  .menu-search-form-inner .menu-search-input-group-form .menu-search-input-group input#menu-search-input.show {
    width: 185px;
    background: white;
    padding: 5px 10px;
    margin-top: 0px;
  }

  .menu-search-submit.show {
    margin-left: -25px;
  }

  input[type="search" i]::-webkit-search-cancel-button {
    margin-right: 20px;
    color: black;
  }

  .menu-search-form-inner .menu-search-input-group-form .menu-search-input-group input#menu-search-input::-webkit-input-placeholder {
    color: transparent;
  }



/* HOMEPAGE */
  /* homepage featured episode section: */
  .elsie-homepage-featured-episode-section {
    padding-top: 175px;
  }

  .elsie-homepage-featured-episode-section::after {
    content: "";
    width: 100%;
    height: 26px;
    margin-top: -7px;
    display: block;
    position: absolute;
    background-color: white;
    -webkit-mask-image: url(./assets/images/edge.svg);
    mask-image: url(./assets/images/edge.svg);
    background-repeat: no-repeat;
    z-index: 1;
  }

  .homepage-feat-episode-section-inner {
    margin-left: 30px;
    margin-right: 30px;
  }

  .feat-episode-content-cont {
    display: flex;
    width: 100%;
  }

  .feat-episode-content-inner{
    width: 100%;
  }

  .feat-episode-podcast-title h1 {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2.8px;
    font-size: 20px;
    margin-bottom: 0px;
  }

  .feat-episode-podcast-tagline {
    padding-bottom: 15px;
    color: black;
  }

  .feat-episode-podcast-tagline h2 {
    font-weight: bold;
    font-size: 38px;
    line-height: 58px;
    margin-top: 5px;
    margin-bottom: 0px
  }

  .feat-episode-subscription-links {
    padding-bottom: 25px;
  }

  .feat-episode-subscription-links  { 
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    letter-spacing: 1.4px;
  }

  .feat-episode-subscription-links>.subscribe-icons {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .subscribe-icons a {
    padding-right: 15px;
  }

  .subscribe-icons a i {
    font-size: 30px;
    transition: all 350ms ease;
  }

  .subscribe-icons a i:hover {
    transition: all 350ms ease;
  }

  .subscribe-icons svg {
    height: 30px;
    transition: all 350ms ease;
  }

  .subscribe-icons svg:hover{
    transition: all 350ms ease;
  }

  .feat-episode-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .homepage-section-two-content-outter {
    padding: 0;
  }

  .feat-episode-about-section {
    background: transparent linear-gradient(77deg, #FFFFFFCC 0%, #FFFFFF0D 50%, #FFFFFFBF 100%) 0% 0% no-repeat padding-box;
    width: auto;
    padding: 20px 30px;
    margin-bottom: 50px;
  }

  .feat-episode-about-section>.feat-episode-title span {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.4px;
  }

  .feat-episode-title a.single-episode-link {
    text-decoration: none;
    color: black;
  }

  .feat-episode-about-section>.feat-episode-title h4 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .55px;
    padding-top: 7px;
    padding-bottom: 10px;
    line-height: 27px;
    margin-top: 0;
    margin-bottom: 5px;
  }

  .feat-episode-about-section> .feat-episode-excerpt-re {
    font-size: 16px;
  }

  .homepage-feat-episode-tape {
    display: none;
  }

  .feat-episode-image {
    display: none;
  }

  .feat-episode-image-inner {
    display: none;
  }

  .mobile-featured-episode-section-outter {
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .mobile-featured-episode-section-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .mobile-homepage-feat-episode-tape {
    height: 30px;
    width: 120px;
    opacity: 60%;
    margin-bottom: -30px;
    transform: skewY(359.5deg); 
  }

  .mobile-feat-episode-image {
    justify-content: center;
    display: flex;
  }

  .mobile-feat-episode-image-inner {
    width: 275px;
    height: 275px;
    background-size: cover;
    border: 13px solid white;
    box-shadow: 3px 3px 12px #0000000d;
  }

  .homepage-feat-episode-player-upper {
    display: none;
  }

  .homepage-feat-episode-player {
    display: inline-block;
    width: 100%;
  }

  .elsie-player-bottom-container-inner .time-display span.total-time, .elsie-player-bottom-container-inner .time-display span.current-time{
    z-index: 2;
  }

/* homepage recent episodes section: */
  .homepage-recent-episodes-title-section {
    justify-content: center;
    display: flex;
  }

  .homepage-recent-episodes-roll {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .homepage-recent-episodes-roll-inner {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .homepage-recent-episodes-title {
    width: 100%;
    justify-content: center;
    display: inline-flex;
    padding: 20px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .homepage-latest-episodes-title{
    text-align: center;
    width: 100%;
    text-decoration: none;
    font-size: 18px;
    padding-bottom: 15px;
    transition: all 350ms ease;
  }

  .homepage-latest-episodes-title h2 {
    font-size: 18px;
    font-weight: normal;
    color: black;
    transition: all 350ms ease;
  }
  
  .homepage-single-episode-cont {
    width: 330px;
  }
  
  .homepage-single-episode-image-inner {
    height: 280px;
    width: 280px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 350ms ease;
    margin-top: 30px;
  }

  .homepage-single-episode-image-inner:hover {
    filter: none;
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    transition: all 350ms ease;
  }

  .homepage-play-button-cont {
    height: 100%;
    position: relative;
    margin-top: -67px;
  }

  .play-button-outter {
    color: white;
    display: flex;
    justify-content: right;
    align-items: flex-end;
    height: 100%;
  }

  .play-button-inner {
    padding: 22px;
  }

  .play-button-inner:hover {
    transition: all 350ms ease;
  }

  .homepage-single-episode-image:hover >.homepage-single-episode-image-inner {
    filter: none!important;
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    transition: all 350ms ease;
  }

  .play-button-inner> i.fas.fa-play {
    margin-left: 3px;
    font-size: 22px;
  }

  .homepage-single-episode-image {
    margin-bottom: 20px;
    width: fit-content;
    transition: all 350ms ease;
  }

  .homepage-single-episode-image:hover> .homepage-single-episode-image-inner {
    filter: none;
    -webkit-filter: none;
  }

  .homepage-single-episode-content-inner>.episode-date-cont {
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-size: 15px;
    padding-bottom: 8px;
    padding-top: 15px;
  }

  .homepage-single-episode-content-inner>.episode-title h4 {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: .5px;
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .homepage-single-episode-content-inner>.episode-excerpt p {
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
  }

  .homepage-all-episodes-button {
    display: flex;
    justify-content: center;
    padding-top: 40px;
  }

  .homepage-all-episodes-button a {
    text-decoration: none;
    padding: 15px 20px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: bold;
    font-size: 18px;
  }

  .homepage-all-episodes-button a:hover {
    text-decoration: none;
    transition: all 350ms ease;
  }


/* homepage section one */
  .homepage-section-one {
    padding: 100px 0;
  }

  .homepage-section-one-outter {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .homepage-section-one-content-outter {
    padding: 0px;
    margin: 0px 30px;
  }

  .homepage-section-one-content-outter.section-one-no-image {
    margin-left: 30px;
    margin-right: 30px;
    box-shadow: 1px 1px 12px #0000000d;
    max-width: 100%;
    padding-bottom: 30px;
  }

  .homepage-section-one-content-inner {
    padding: 0px 40px; 
  }

  .section-one-image {
    width: 300px;
    height: 300px;
  }

  .homepage-section-one-content-headline h4 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 40px;
  }

  .homepage-section-one-content-title h3 {
    font-weight: 700;
    letter-spacing: 1.15px;
    font-size: 30px;
    padding-bottom: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .homepage-section-one-content-title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 25%;  
    border-bottom: 1px solid darkgrey;
  }

  .homepage-section-one-content-paragraph {
    padding-top: 15px;
    margin-bottom: 30px;
  }

  .homepage-section-one-content-paragraph p {
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
  }

  .homepage-section-one-content-button {
    width: fit-content;
    padding: 0px 15px;
  }

  .homepage-section-one-content-button i {
    font-size: 25px;
    font-weight: 400;
    transform: scaleX(1.5);
  }

  .homepage-section-one-content-button:hover {
    transition: all 350ms ease;
  }

  .homepage-section-one-content-button:hover> i.homepage-section-one-arrow-right {
    transition: all 350ms ease;
  }


/* homepage section two */
  .homepage-section-two {
    padding: 20px;
  }

  .homepage-section-two-inner {
    background-color: white;
    padding: 10px 30px 25px 30px;
  }

  .homepage-section-two-content-inner {
    /* height: 400px; */
    overflow: hidden;
  }

  .homepage-section-two-content-inner-w-40 {
    width: 100%;
    padding-bottom: 30px;
  }

  .homepage-section-two-content-inner-w-60 {
    width: 100%; 
    padding-bottom: 30px;
  }

  .homepage-section-two-content-headline h4 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
  }

  .homepage-section-two-content-title h3 {
    font-weight: 700;
    letter-spacing: 1.15px;
    font-size: 30px;
    padding-bottom: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .homepage-section-two-content-title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 25%;  
    border-bottom: 1px solid darkgrey;
  }

  .homepage-section-two-content-paragraph {
    padding-top: 15px;
    margin-bottom: 30px;
  }

  .homepage-section-two-content-paragraph p {
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
  }

  .homepage-section-two-content-button {
    width: fit-content;
    padding: 0px 15px;
  }

  .homepage-section-two-content-button i {
    font-size: 25px;
    font-weight: 400;
    transform: scaleX(1.5);
  }

  .homepage-section-two-content-button:hover {
    transition: all 350ms ease;
  }

  .homepage-section-two-content-button:hover> i.homepage-section-two-arrow-right {
    transition: all 350ms ease;
  }

  .homepage-section-two-image-section {
    display: flex;
    justify-content: center;
  }

  .homepage-section-two-image-section-inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 13px;
  }

  .homepage-section-two-image-one {
    width: 180px;
    height: 180px;
    border: 10px solid white;
    box-shadow: 3px 3px 12px #0000001a;
  }

  .homepage-section-two-image-one.section-two-image-one-hide {
    display: none;
  }

  .homepage-section-two-image-two-inner.section-two-image-two-hide {
    display: none;
  }

  .homepage-section-two-image-two-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .homepage-section-two-image-two-tape {
    height: 20px;
    width: 65px;
    opacity: 60%;
    z-index: 2;
    margin-bottom: -10px;
  }

  .homepage-section-two-image-two {
    width: 115px;
    height: 160px;
  }


/* homepage review section */
  .review-container-outer-wrapper {
    padding: 70px 30px;
  }

  .rating {
    font-size: 24px;
    letter-spacing: 12px;
  }

  .single-review-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

  .review-container-inner-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }

  .rating-text p {
    width: 100%;
    font-weight: 300;
    font-size: 24px;
  }

  .rating-author {
    font-size: 18px;
    letter-spacing: 0.7px;
  }

  .review-button {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }

  .review-button a {
    text-decoration: none;
    padding: 15px 20px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: bold;
    font-size: 18px;
  }

  .review-button a:hover {
    text-decoration: none;
    transition: all 350ms ease;
  }


/* homepage cta section */
  .homepage-cta-section {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 0px;
  }

  .homepage-cta-section-outter {
    width: 100%;
  }

  .homepage-cta-section-inner {
    justify-content: center;
  }

  .homepage-cta-one-inner {
    padding: 50px 30px 50px 30px;
  }

  .homepage-cta-one-button a , .homepage-cta-one-button i, .homepage-cta-two-button a , .homepage-cta-two-button i {
    transition: all 350ms ease;
  }

  .homepage-cta-one-headline h4, .homepage-cta-one-title h3, .homepage-cta-one-paragraph p, .homepage-cta-one-button a, .homepage-cta-one-button i {
    color: white;
  }

  .homepage-cta-one-headline h4, .homepage-cta-two-headline h4 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0px;
  }

  .homepage-cta-one-title , .homepage-cta-two-title{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .homepage-cta-one-title h3, .homepage-cta-two-title h3 {
    font-weight: 700;
    letter-spacing: 1.15px;
    font-size: 30px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .homepage-cta-one-title:after {
    content: "";
    height: 1px;
    width: 40%;
    border-bottom: 1px solid white;
    margin-top: 15px;
  } 

  .homepage-cta-two-title:after {
    content: "";
    height: 1px;
    width: 40%;
    border-bottom: 1px solid black;
    margin-top: 15px;
  }

  .homepage-cta-one-paragraph p, .homepage-cta-two-paragraph p {
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 50px;
    margin-top: 30px;
  }

  .homepage-cta-one-button, .homepage-cta-two-button {
    padding-bottom: 70px;
  }

  .homepage-cta-one-button a {
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid white;
    padding: 12px 15px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .homepage-cta-two-button a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px 15px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .homepage-cta-one-inner {
    opacity: 85%;
  }

  .homepage-cta-two {
    padding: 50px 30px;
    color: black;
  }

  .homepage-cta-two-button {
    display: flex;
    justify-content: center;
  }

  .homepage-cta-two-email-form {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  .homepage-cta-two-email-input{
    border: none;
    padding: 10px 15px;
    font-size: 18px;
  }

  .homepage-cta-two-email-form label {
    padding-left: 15px;
    display: flex;
    align-items: center;
    font-size: 20px;
    background: #F7F7F7 70% 10% no-repeat padding-box;
  }

  .homepage-cta-two-email-input{
    border: none;
    padding: 10px 15px 10px 10px;
    font-size: 18px;
    background: none;
  }

  .homepage-cta-two-email-form-button {
    padding: 10px 15px;
    border: none;
    font-size: 16px;
    color: white;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
  }

  .homepage-cta-two-email-form-button:hover {
    transition: all 350ms ease;
  }

  .homepage-cta-two-email-form-button:active {
    transition: all 350ms ease;
  }

/* TAXONOMY PAGE */
  .all-episodes-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-top: 75px; */
  }

  .episodes-page-header-wrapper {
    width: 100%;
    display: flex;
    /* padding-top: 20px; */
  }

  .all-episodes-divider {
    width: 100%;
  }
  .all-episodes-divider:before{
    content: "";
    width: 100%;
    height: 26px;
    margin-top: -5px;
    display: block;
    position: absolute;
    background-color: white;
    -webkit-mask-image: url(./assets/images/edge.svg);
    mask-image: url(./assets/images/edge.svg);
    background-repeat: no-repeat;
    z-index: 1;
  }

  .episodes-page-header {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .episodes-page-header .episodes-page-title{
    margin-left: 30px;
  }

  .episodes-page-header .search{
    margin-right: 40px;
    margin-left: 30px;
  }

  .all-episodes-container-outter {
    padding-top: 40px;
  }

  .all-episodes-container-outter .sort {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
  }

  .all-episodes-container-outter .sort .sort-function {
    margin-right: 20px;
  }

  .sort-function select#sort-episodes, .sort-function label {
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: bold;
  }

  .sort-function select#sort-episodes:focus-visible {
    outline: none;
  }

  .all-episodes-container-outter .sort .sort-function select#sort-episodes {
    border: none;
  }

  .all-episodes-container-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .taxonomy-page-single-episode-cont {
    width: 90%;
    max-width: 280px;
  }

  .taxonomy-page-single-episode-image-inner {
    height: auto;
    width: 100%;
    background-size: cover!important;
    position: relative;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 350ms ease;
    margin-top: 30px;
  }

  .taxonomy-page-single-episode-image {
    transition: all 350ms ease;
  }

  .taxonomy-page-single-episode-image:hover > .taxonomy-page-single-episode-image-inner {
    -webkit-filter: none;
    filter: none;
    transition: all 350ms ease;
  }

  .play-button-inner {
    transition: all 350ms ease;
  }

  .taxonomy-page-single-episode-image-inner:hover {
    -webkit-filter: none;
    filter: none;
  }

  .taxonomy-page-single-episode-image-inner:after {
    content: "";
    display: block;
    padding-bottom: 100%;
    transition: all 350ms ease;
  }

  .taxonomy-page-play-button-cont {
    height: 100%;
    position: relative;
    margin-top: -67px;
  }

  .taxonomy-page-single-episode-content-inner>.episode-date-cont {
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-size: 15px;
    padding-bottom: 8px;
    padding-top: 15px;
  }

  .taxonomy-page-single-episode-content-inner>.episode-title h4{
    margin-top: 3px;
  }

  .taxonomy-page-single-episode-content-inner>.episode-excerpt p {
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
  }

  /* search form */
  .search-function form .input-group {
    display: inline-flex;
    margin-right: 10px;
  }

  .search-function form .input-group input#search-input {
    background: #FFFFFFCC 0% 0% no-repeat padding-box;
    border: none;
    opacity: .75;
    padding: 12px 80px 12px 25px;
    width: 260px;
  }

  .episodes-page-title h1.post__title {
    letter-spacing: 1.15px;
    text-transform: capitalize;
  }

  form#search-form div.input-group input::-webkit-textfield-decoration-container {
    width: 255px;
    margin: 0px;
    padding: 0px;
  }

  button.search-submit {
    background: transparent;
    border: none;
    margin-left: -30px; 
    z-index: 1;
  }

  /* search results page */
  main.search-results {
    min-height: 100vh;
    list-style-type: none;
  }

  .elsie-search-page-header-wrapper-outer {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  
  .elsie-search-page-header-wrapper-inner {
    margin-left: 40px;
    margin-right: 40px;
  }

  .elsie-search-page-header-wrapper-inner .search-results-title {
    letter-spacing: 1.15px;
    text-transform: capitalize;
    font-size: 32px;
  }

  h2.search-results-result {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2.8px;
    font-size: 20px;
    margin-bottom: 0px;
  }

  main.search-results .elsie-page-content-divider {
    margin-bottom: 40px;
  }

  main.search-results li a {
    color: black;
    text-decoration: none;
  }

  main.search-results li {
    margin-bottom: 30px;
    margin-left: 40px;
    margin-right: 40px;
  } 

  .search-results-title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .5px;
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .search-results-content {
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
  }

  .search-results-date {
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-size: 15px;
    padding-bottom: 8px;
    padding-top: 15px;
  }

  .search-results-nothing-header-inner {
    padding-top: 40px;
    padding-bottom: 50px;
    text-align: center;
  }

  h2.search-results-nothing-title {
    letter-spacing: 1.15px;
    text-transform: capitalize;
    font-size: 32px;
  }

  .search-results-nothing {
    padding-top: 20px;
    margin-left: 30px;
    margin-right: 40px;
  }

  .search-results-nothing-alert.alert-info p {
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
  }


  /* pagination */
  .episode-page-pagination-cont {
    padding-bottom: 100px;
  }

  .episode-page-pagination-cont-inner {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
  }
  
  .episode-page-pagination-pages a.numbered-page{
    color: black;
    text-decoration: none;
    letter-spacing: .96px;
    font-size: 16px;
    font-weight: normal;
    margin: 7px;
  }

  .episode-page-pagination-pages .numbered-page.active {
    font-weight: 700;
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: center;
    line-height: 25px;
  }

  .episode-page-pagination-pages .numbered-page.active:after {
    width: 20px;
    position: absolute;
    height: 2px;
    content: "";
  }

  .episode-page-pagination-next-page a.pagination-square.arrowed-nav.next, .episode-page-pagination-previous-page a.pagination-square.arrowed-nav.previous {
    transition: all 350ms ease;
    padding: 0px 15px;
    display: flex;
    text-decoration: none;
  }

  .episode-page-pagination-previous-page a.pagination-square.arrowed-nav.previous i,.episode-page-pagination-next-page a.pagination-square.arrowed-nav.next i {
    font-size: 25px;
    font-weight: 400;
    transform: scaleX(1.5);
    transition: all 350ms ease;
  }

/* SINGLE EPISODE PAGE */
  .single-episode-page-inner-wrapper-left {
    display: none;
  }

  .single-episode-page-wrapper {
    display: flex;
    margin: 0px 40px;
    justify-content: center;
  }

  .single-episode-page-subscription-links {
    min-height: 53px;
  }

  .single-episode-page-episode-excerpt-section {
    min-height: 190px;
    margin-top: 30px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .single-episode-page-outer-wrapper {
    max-width: 100vw;
    padding-top: 125px;
  }

  .single-episode-page-divider-one:before {
    content: "";
    width: 100%;
    height: 26px;
    display: block;
    position: absolute;
    background-color: white;
    -webkit-mask-image: url(./assets/images/edge.svg);
    mask-image: url(./assets/images/edge.svg);
    background-repeat: no-repeat;
    z-index: 1;
    margin-top: -5px;
  }

  .single-episode-page-divider-inner:before{
    content: "";
    width: 100%;
    height: 26px;
    display: block;
    position: absolute;
    background-color: white;
    -webkit-mask-image: url(./assets/images/edge.svg);
    mask-image: url(./assets/images/edge.svg);
    background-repeat: no-repeat;
    z-index: 1;
    margin-top: -5px;
  }

  .single-episode-page-inner-wrapper {
    margin-left: 20px;
    margin-right: 20px;
  }

  .single-episode-page-top-content-wrapper {
    padding-top: 0px;
  }

  .single-episode-page-subscription-links p {
    text-transform: uppercase;
    font-size: .7em;
    letter-spacing: 1.4px;
  }

  .single-episode-page-subscription-links .subscribe-icons{
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .single-episode-page-subscription-links .subscribe-icons a i {
    font-size: 1.5em;
    transition: all 350ms ease;
  }

  .single-episode-page-subscription-links .subscribe-icons a i:hover {
    transition: all 350ms ease;
  }
  
  .single-episode-page-subscription-links .subscribe-icons svg {
    height: 1.5em;
    transition: all 350ms ease;
  }

  .single-episode-page-subscription-links .subscribe-icons svg:hover {
    transition: all 350ms ease;
  }

  .single-episode-page-episode-excerpt-section{
    background: transparent linear-gradient(77deg, #FFFFFFCC 0%, #FFFFFF0D 50%, #FFFFFFBF 100%) 0% 0% no-repeat padding-box;
  }

  .single-episode-page-episode-excerpt-section .single-episode-page-episode-excerpt-wrapper {
    margin: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  } 

  .single-episode-page-episode-excerpt-section .single-episode-page-episode-excerpt-wrapper .single-episode-title h4{ 
    margin-top: 0px;
  }

  .single-episode-excerpt {
    font-size: 16px;
    line-height: 22px;
  }

  .single-episode-page-episode-content {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 60px;
    padding-bottom: 45px;
  }

  .single-episode-page-episode-tape {
    height: 30px;
    width: 120px;
    opacity: 60%;
    margin-bottom: -30px;
    transform: skewY(359.5deg);
    margin-left: auto;
    margin-right: auto;
  }

  .single-episode-page-episode-image {
    height: 85vw;
    height: calc(100vw - 70px);
    width: 85vw;
    width: calc(100vw - 70px);
    margin-left: auto;
    margin-right: auto;
    border: 10px solid white;
    box-shadow: 3px 3px 12px #0000000d;
  }

  .single-episode-page-episode-image-inner {
    width: 100%;
    height: 100%;
  }

  .single-episode-page-episode-title-section {
    justify-content: center;
    display: flex;
  }

  .single-episode-page-episode-title {
    width: 100%;
    justify-content: center;
    display: inline-flex;
    padding: 40px 20px 20px 20px;
  }

  .single-episode-page-episode-summary {
    text-align: center;
    width: 100%;
    text-decoration: none;
    padding-bottom: 15px;
    font-size: 18px;
    color: black;
    transition: all 350ms ease;
  }
  
  .single-episode-page-episode-summary h2 {
    font-size: 18px;
    font-weight: normal;
    color: black;
    transition: all 350ms ease;
  }

  .single-episode-page-episode-summary-inner {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .single-episode-page-episode-summary-inner a {
    text-decoration: none;
    transition: all 350ms ease;
    overflow-wrap: break-word;
  }

  .single-episode-page-pagination {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 70px;
  }

  .single-episode-page-pagination-inner {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
  }

  .single-episode-page-pagination-inner a {
    text-decoration: none;
    padding: 0px 15px;
    transition: all 350ms ease;
  }

  .single-episode-page-pagination-inner a i {
    font-size: 25px;
    font-weight: 400;
    transform: scaleX(1.5);
    transition: all 350ms ease;
  }


  /* latest episodes section */
  .single-episode-page-divider{
    width: 100vw;
    height: 80px;
  }

  .single-episode-page-divider-inner{
    background: transparent linear-gradient(45deg, #FFFFFFCC 0%, #FFFFFF0D 34%, #FFFFFFBF 100%) 0% 0% no-repeat padding-box;
    width: 100vw;
    height: inherit;
  }

  .single-episode-page-tape-wrapper {
    display: flex;
    justify-content: center;
  }

  .single-episode-page-tape {
    text-align: center;
    background-color: white;
    opacity: 70%;
    height: 40px;
    width: 170px;
    position: absolute;
    margin-top: 60px;
    box-shadow: 0px 2px 2px #0000000D;
    transform: matrix(1, -0.02, 0.02, 1, 0, 0);
  }

  .single-episode-page-recent-episodes-section {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 60px;
  }

  .single-episode-page-recent-episodes-title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .single-episode-page-recent-episodes-title h2.se-title-top {
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .single-episode-page-recent-episodes-title h2.se-title-bottom {
    font-size: 36px;
    letter-spacing: 0.9px;
    margin-top: 5px;
    padding-bottom: 25px;
    width: fit-content;
    border-bottom: 1.5px solid #C6C6C6;
  }

  .single-episode-page-recent-episodes-roll {
    padding-bottom: 50px;
  }

  .single-episode-page-recent-episodes-roll-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-bottom: 50px;
  }

  .single-episode-page-recent-episode-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .single-episode-page-recent-episode-image-wrapper{
    height: 280px;
    height: 85vw;
    height: calc(100vw - 40px);
    width: 280px;
    width: 85vw;
    width: calc(100vw - 40px);
  }

  a.single-episode-page-recent-episode-image {
    transition: all 350ms ease;
  }

  a.single-episode-page-recent-episode-image:hover > .single-episode-page-recent-episode-image-inner {
    -webkit-filter: none;
    filter: none;
  }

  .single-episode-page-recent-episode-image-inner{
    height: 100%;
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 350ms ease;
  }

  .single-episode-page-recent-episode-image-inner:hover{
    -webkit-filter: none;
    filter: none;
  }

  .single-episode-page-recent-episode-play-button-cont {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: -63px;
    position: relative;
  }

  .single-episode-page-recent-episode-play-button-inner {
    padding: 22px;
    transition: all 350ms ease;
  }

  .single-episode-page-recent-episode-play-button-inner i{
    color: white;
  }

  .single-episode-page-recent-episode-content-inner {
    margin-top: 20px;
  }

  .single-episode-page-recent-episode-date-cont {
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-size: 15px;
    padding-bottom: 8px;
    padding-top: 15px;
  }

  .single-episode-page-recent-episode-title h4 {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: .5px;
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .single-episode-page-recent-episode-excerpt p {
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
  }

  .single-episode-page-recent-episodes-all-episodes-button {
    display: inline-flex;
    justify-content: center;
    width: 100%;
  }

  .single-episode-page-recent-episodes-all-episodes-button a {
    text-decoration: none;
    padding: 15px 20px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: bold;
    font-size: 18px;
    transition: all 350ms ease;
  }


/* ABOUT PAGE */
/* about page header */
  .about-page-header {
    width: 100%;
  }

  .about-page-header-inner {
    padding: 20px 0px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .about-page-header-inner h1.post__title {
    letter-spacing: 1.15px;
    text-transform: capitalize;
    font-size: 32px;
  }

  .about-page-section-one-header {
    display: none;
  }

  .about-page-content-wrapper {
    margin-left: 0px;
    margin-right: 0px;
  }

/* about page section one */
  .about-page-section-one-headline h4 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
    padding-top: 40px;
    margin-top: 0px;
  }

  .about-page-section-one-content-title h3 {
    font-weight: 700;
    letter-spacing: 1.15px;
    font-size: 36px;
    padding-bottom: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .about-page-section-one-content-title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100px;
    border-bottom: 1px solid darkgrey;
  }

  .about-page-content-inner {
    margin-left: 30px;
    margin-right: 30px;
  }

  .about-page-section-one-inner-wrapper {
    background: white;
  }

  section.about-content {
    padding-top: 15px;
  }

  section.about-content p {
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    margin-bottom: 50px;
  }

  .about-page-top-image-section {
    margin: 0px;
  }

  .about-page-top-image-section.no-image {
    display: none;
    width: 0%;
  }

  .about-page-top-image-section.hide-image {
    display: none;
  } 

  .about-page-top-image-inner-wrapper {
    width: 100%;
    height: 300px;
  }

  .about-page-top-image {
    width: 100%;
    height: 100%;
  }

  .about-page-divider {
    height: 140px;
    margin-bottom: -25px;
  }

  .about-page-divider.no-host-image {
    margin-bottom: 45px;
  }

  .about-page-divider::after {
    content: "";
    width: 100%;
    height: 30px;
    margin-top: 130px;
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-mask-image: url(./assets/images/edge.svg);
    mask-image: url(./assets/images/edge.svg);
    background-repeat: no-repeat;
  }

/* about page host section */
  .host-section-wrapper {
    padding-top: 4px;
    margin-left: 30px;
    margin-right: 30px;
  }

/* about page host section one */
  .host-section-one-image-container.no-host-image, .host-section-two-image-container.no-host-image{
    display: none;
  }

  .host-section-one-wrapper {
    padding-bottom: 70px;
  }

  .host-section-one-image-outer-wrapper {
    display: flex;
    flex-direction: column;
  }

  .host-section-one-image-inner-wrapper {
    margin-top: -10px;
  }

  .host-section-one-image-tape-outer {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: -15px;
  }

  .host-section-one-image-tape {
    height: 32px;
    width: 100px;
    opacity: 0.6;
  }

  .host-section-one-host-image-one{
    width: 250px;
    height: 250px;
    box-shadow: 1px 2px 18px 1px #0000001a;
    margin-left: auto; 
    margin-right: auto;
  }

  h4.host-section-one-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
  }

  h2.host-section-one-name {
    font-weight: 700;
    letter-spacing: 1.15px;
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .host-section-one-headline-section:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100px;
    border-bottom: 1px solid darkgrey;
  }

  section.host-section-one-about {
    font-size: 18px;
    line-height: 26px;
    padding-top: 20px;
  }

/* about page host section two */
  .host-section-two-wrapper {
    padding-bottom: 70px;
  }

  .host-section-two-image-outer-wrapper {
    display: flex;
    flex-direction: column;
  }

  .host-section-two-host-image-one{
    width: 250px;
    height: 250px;
    box-shadow: 3px 3px 12px #0000001a;
    border: 15px solid #FFFFFF;
    margin-left: auto; 
    margin-right: auto;
  }

  h4.host-section-two-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
  }

  h2.host-section-two-name {
    font-weight: 700;
    letter-spacing: 1.15px;
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .host-section-two-headline-section:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100px;
    border-bottom: 1px solid darkgrey;
  }

  section.host-section-two-about {
    font-size: 18px;
    line-height: 26px;
    padding-top: 20px;
  }
  



/* FOOTER */

  .footer-buttons-outter {
    display: flex;
    justify-content: center;
  }

  .footer-buttons-inner{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    width: 100%;
  }

  .footer-button-one a, .footer-button-two a, .footer-button-three a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 350ms ease;
  }

  .footer-button-one, .footer-button-two, .footer-button-three {
    display: flex;
    justify-content: center;
    transition: all 350ms ease;
  }

  .footer-button-one-icon, .footer-button-two-icon, .footer-button-three-icon {
    transition: all 350ms ease;
  }

  .footer-button-one a {
    color: white;
    width: 100%;
    padding: 20px 10px;
    justify-content: center;
    align-items: center;
  }

  .footer-button-one a:hover{
    background-color: transparent;
    color: black;
    transition: all 350ms ease;
  }

  .footer-button-one a:hover > i{
    transition: all 350ms ease;
  }

  .footer-button-two a {
    color: white;
    width: 100%;
    padding: 20px 10px;
    justify-content: center;
    align-items: center;
  }

  .footer-button-two a:hover{
    background-color: transparent;
    color: black;
    transition: all 350ms ease;
  }

  .footer-button-two a:hover > i{
    transition: all 350ms ease;
  }

  .footer-button-three a {
    background-color: #FFFFFFCC;
    color: black;
    width: 100%;
    padding: 20px 10px;
    justify-content: center;
    border: 4px solid #FFFFFFCC;
    align-items: center;
  }

  .footer-button-three a:hover{
    background-color: transparent;
    color: black;
    border: 4px solid #FFFFFFCC;
    transition: all 350ms ease;
  }

  .footer-button-three a:hover > i{
    transition: all 350ms ease;
  }

  i.footer-button-one-icon, i.footer-button-two-icon, i.footer-button-three-icon {
    padding-right: 30px;
    font-size: 40px;
  }

  p.footer-button-one-text-one, p.footer-button-two-text-one, p.footer-button-three-text-one {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 1.7px;
  }

  p.footer-button-one-text-two, p.footer-button-two-text-two, p.footer-button-three-text-two {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 0px;
    letter-spacing: 0.72px;
    font-weight: bold;
  }

  .footer-social-media-links-section {
    max-width: 450px;
    margin-left: 0;
  }

  .footer-social-media-links-section-inner {
    width: 100%;
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
  }

  .footer-button-one-text-outter, .footer-button-two-text-outter, .footer-button-three-text-outter {
    max-width: 175px;
  }

  .footer-social-media-links-section-inner p {
    font-weight: 700;
    letter-spacing: 1.15px;
    font-size: 30px;
  }

  .footer-social-media-links-section-icons {
    gap: 15px;
    display: flex;
  }

  .footer-social-media-links-section-icons a {
    text-decoration: none;
  }

  .footer-social-media-links-section-icons a i {
    font-size: 30px;
    transition: all 350ms ease;
  }

  .footer-social-media-links-section-icons a i:hover{
    transition: all 350ms ease;
  }

  .blog-info-footer {
    justify-content: center;
    display: flex;
  }





@media screen and (min-width: 400px){
  /* search page */
  .elsie-search-page-header .elsie-search-page-title {
    margin-left: 60px;
  }
/*  HOMEPAGE FEATURED EPISODES SECTION */
  .feat-episode-subscription-links>.subscribe-icons{
    display: inline-flex;
    align-items: center;
  }

  .mobile-feat-episode-image-inner {
    width: 330px;
    height: 330px;
    background-size: cover;
    border: 13px solid white;
    box-shadow: 3px 3px 12px #0000000d; 
  }

/*  HOMEPAGE RECENT EPISODES SECTION */
  .homepage-single-episode-image-inner {
    height: 330px;
    width: 330px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 350ms ease;
    margin-top: 30px;
  }

/*  HOMEPAGE SECTION ONE */
  .homepage-section-one-image-section {
    display: flex;
    justify-content: center;
  }
  .section-one-image {
    width: 425px;
    height: 425px;
  }

/*  HOMEPAGE SECTION TWO */
  .homepage-section-two-image-section-inner {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    flex-direction: row;
  }

/*  HOMEPAGE CTA SECTION */
  .homepage-cta-two-email-form {
    display: inline-flex;
    align-items: center;
    gap: 25px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
  }

/* TAXONOMY PAGE */
  .taxonomy-page-single-episode-cont {
    width: 90%;
    max-width: 380px;
  }

  .episodes-page-header .episodes-page-title{
    margin-left: 60px;
  }

  .episodes-page-header .search{
    margin-left: 60px;
  }

  .search-function form .input-group input#search-input {
    width: 310px;
  }

/* SINGLE EPISODE PAGE */
  .single-episode-page-episode-image {
    height: 89vw;
    max-height: 330px;
    width: 89vw;
    max-width: 330px;
  }

  .single-episode-page-recent-episode-image-wrapper {
    height: 89vw;
    max-height: 330px;
    width: 89vw;
    max-width: 330px;
  }

  .single-episode-page-recent-episode-content-inner {
    margin-left: 20px;
    margin-right: 20px;
  }
 

/* FOOTER */
  .footer-social-media-links-section-inner {
    width: 100%;
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
  }
  
  .footer-social-media-links-section-inner p {
    margin-left: 30px;
    font-weight: 700;
    letter-spacing: 1.15px;
    font-size: 30px;
  }
  
  .footer-social-media-links-section-icons {
    margin-right: 30px;
    gap: 15px;
    display: flex;
  }
}


@media screen and (min-width: 500px){
  .homepage-cta-two-email-form {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 600px){
  /* category page */
  .elsie-category-page-header {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .elsie-category-page-content-top-wrapper {
    margin-right: 20px;
  }

  .elsie-category-page-sort-function {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
  }

  /* search page */
  .elsie-search-page-header {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .elsie-search-page-header .search {
    margin-right: 40px;
    margin-left: 0px;
  }
  
  /* taxonomy page */
  .episodes-page-header {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .episodes-page-header .search{
    margin-right: 40px;
    margin-left: 0px;
  }

  .all-episodes-container-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 10px;
    margin: 10px 0px;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
  }

  .taxonomy-page-single-episode-cont {
    width: 30%;
    max-width: 450px;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }

  .taxonomy-page-single-episode-cont.one-episode {
    width: 100%;
    max-width: 450px;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }

  .taxonomy-page-single-episode-cont.two-episodes {
    width: 45%;
    max-width: 450px;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }

  /* recent episodes page */
  .single-episode-page-recent-episode-image-wrapper {
    height: 45vw;
    max-height: 330px;
    width: 45vw;
    max-width: 330px;
  }

  .single-episode-page-recent-episode-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .single-episode-page-recent-episode-content {
    width: 50%;
  }

  .single-episode-page-recent-episode-content-inner {
    margin-top: 0;
  }

  
}

@media screen and (min-width: 650px){
  .homepage-section-two-image-section-inner {
    gap: 30px;
  }

  .homepage-section-two-image-one {
    width: 300px;
    height: 300px;
  }

  .homepage-section-two-image-two-tape {
    height: 30px;
    width: 90px;
    opacity: 60%;
    z-index: 2;
    margin-bottom: -15px;
  }

  .homepage-section-two-image-two {
    width: 170px;
    height: 230px;
  }
}

@media screen and (min-width: 700px){
  .homepage-feat-episode-player {
    padding-top: 20px;
  }
}


@media screen and (min-width: 768px){
/* category page */
  .elsie-category-page-content-cont {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

/* HEADER */
/* navbar */
  .menu-items-mobile {
    display: none;
  }

  .hamburger {
    display: none;
  }

  nav {
    width: 100vw;
    display: inline;
    height: 125px;
  }

  .logo {
    display: none;
  }

  .nav-left {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: fit-content;
    align-items: center;
    margin-left: 20px;
  }

  .logo-main{
    display: block;
    padding: 15px;
    z-index: 3;
    height: 50px;
    width: 50px;
  }

  .nav-links li div.logo-main a:hover{
    text-decoration: none;
    color: none;
    background-color: unset;
  }

  .nav-links li div.logo-main a:after{
    text-decoration: none;
    color: none;
    background-color: unset;
  }

  .nav-links li div.logo-main a:hover::after{
    text-decoration: none;
    color: none;
    background-color: unset;
  }

  .logo-main img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
  }

  .nav-links {
    display: flex;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    align-items: center;
    gap: 10px;
    clip-path: none;
    -webkit-clip-path: none;
    height: 125px;
    flex-direction: row;
    position: absolute;
    justify-content: space-between;
  }

  .nav-links li {
    opacity: 1;
    text-align: inherit;
    margin: 0px;
    height: fit-content;
  }

  .nav-links li a {
    flex-wrap: nowrap;
    width: max-content;
    margin: 0px;
  }

  li .support-button-dropdown.show a, li .subscribe-button-dropdown.show a{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-links .nav-left li .logo-main a {
    margin: 0px 10px;
  }

  .nav-links li a:hover::after{
    width: 100%;
    margin-top: 30px;
    display: inline-flex;
    flex-direction: column;
  }

  .nav-links li .support-button-dropdown a:hover::after, .nav-links li .subscribe-button-dropdown a:hover::after{
    width: 60%;
    margin-top: 30px;
    display: inline-flex;
    flex-direction: column;
  }

  .nav-right-subscribe-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    margin-right: 20px;
    justify-content: flex-end;
    gap: 10px;
  }

  .nav-search-button {
    position: relative;
    margin: 0;
  }

  .menu-search-form-inner .menu-search-input-group-form .menu-search-input-group input#search-input {
    margin-top: 0px;
  }

  .menu-search-form-inner form.menu-search-input-group-form .menu-search-input-group {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
  }

  .menu-search-form-inner .menu-search-input-group-form .menu-search-input-group input#menu-search-input.show {
    position: absolute;
    right: 0px;
  }

  .menu-search-submit.show {
    position: relative;
  }

  .menu-search-form-inner .menu-search-input-group-form .menu-search-input-group input#menu-search-input::-webkit-search-cancel-button {
    margin-right: 16px;
  }

  .support-button {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .subscribe-button.hide{
    display: none;
    transition:all 350ms linear ;
  }

  .support-button-dropdown {
    display: none;
    background-color: white;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;
  }

  .support-button-dropdown.show {
    display: flex;
    transition: all linear 350ms;
    position: absolute;
    flex-direction: column;
    align-items: center;
    padding: 0px 20px 5px 20px;
    border: 1px solid #0000001A;
    box-shadow: 0px 2px 6px #0000001a;
    margin-left: 0px;
    width: fit-content;
    background-color: white;
  }

  .subscribe-button {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .subscribe-button-dropdown {
    display: none;
    background-color :white;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;
  }

  .subscribe-button-dropdown.show {
    display: flex;
    transition: all linear 350ms;
    position: absolute;
    flex-direction: column;
    align-items: center;
    padding: 0px 20px 5px 20px;
    border: 1px solid #0000001A;
    box-shadow: 0px 2px 6px #0000001a;
    margin-left: -42px;
    background-color: white;
  }

  .menu-items {
    display: flex;
    width: fit-content;
    justify-content: center;
  }

  .menu-items-wrapper {
    display: flex;
    justify-content: center;
  }

  .menu-items .menu-items-wrapper ul.menu {
    display: inline-flex;
    flex-wrap: wrap;
    padding: 0px;
    justify-content: center;
    gap: 20px;
    row-gap: 5px;
  }


/* HOMEPAGE */
/* homepage featured episode section */
  .mobile-featured-episode-section{
    display: none;
  }

  .elsie-homepage-featured-episode-section {
    padding-bottom: 0px;
  }

  .homepage-feat-episode-section-inner {
    margin-left: 30px;
    margin-right: 30px;
  }

  .feat-episode-inner{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .feat-episode-content-cont {
    display: flex;
    width: 50%;
  }

  .feat-episode-podcast-title h1 {
    margin-bottom: 0px;
  }

  .feat-episode-podcast-tagline {
    width: 100%;
  }

  .feat-episode-podcast-tagline h2 {
    margin-top: 10px;
  }

  .feat-episode-subscription-links {
    padding-bottom: 10px;
  }

  .feat-episode-subscription-links>.subscribe-icons {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
    row-gap: 20px;
  }

  .subscribe-icons a i {
    font-size: 30px;
  }

  .subscribe-icons svg {
    height: 30px;
  }

  .feat-episode-about-section {
    width: 85%;
    padding: 20px 100px 20px 30px;
  }

  .feat-episode-about-section>.feat-episode-title span {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.4px;
  }

  .feat-episode-about-section>.feat-episode-title h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.55px;
    padding-top: 7px;
    padding-bottom: 10px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 5px;
  }

  .feat-episode-about-section>.feat-episode-excerpt-re {
    font-size: 14px;
  }

  .featured-episode-image-outter {
    display: flex;
    width: 50%;
    align-items: center;
    flex-direction: column;
    margin-top: 65px;
    margin-right: 10px;
    top: 0px;
    position: relative;
  }

  .feat-episode-image-inner {
    display: block;
    width: 325px;
    height: 325px;
    background-size: cover;
    border: 10px solid white;
    box-shadow: 3px 3px 12px #0000000d;
  }

  .feat-episode-image {
    display: block;
  }

  .homepage-feat-episode-tape {
    width: 200px;
    height: 50px;
    background-color: white;
    opacity: .7;
    margin-bottom: -30px;
    z-index: 2;
    transform: skewY(359.5deg);
    display: block;
  }


/* homepage recent episodes section */
  .elsie-homepage-recent-episodes-section {
    margin: 100px 0px;
  }

  .homepage-recent-episodes-title {
    width: 710px;
  }
  
  .homepage-recent-episodes-roll {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .homepage-single-episode-cont {
    width: 230px;
  }

  .homepage-single-episode-image-inner {
    height: 230px;
    width: 230px;
  }


  /* homepage section one */
  .homepage-section-one {
    margin: 0px 30px;
  }

  .homepage-section-one-outter {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .homepage-section-one-image-section {
    display: flex;
    justify-content: center;
    width: 70%;
  }

  .homepage-section-one-content-outter {
    width: 50%;
    background-color: white;
    box-shadow: 3px 3px 12px #0000000d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: fit-content;
    min-height: 450px;
    margin-left: -220px;
  }

  .homepage-section-one-content-outter.section-one-no-image {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .section-one-image {
    width: 615px;
    height: 615px;
  }

  .homepage-section-one-content-title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 15%;  
    border-bottom: 1px solid darkgrey;
  }

  .homepage-section-one-content-button {
    margin-bottom: 40px;
  }


/* homepage section two */
  .homepage-section-two {
    padding: 100px 30px;
  }

  .homepage-section-two-content-outter {
    padding: 0;
    display: inline-flex;
  }

  .homepage-section-two-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .homepage-section-two-content-inner{
    margin-left: 30px;
    margin-right: 30px;
    height: 100%;
    padding-bottom: 30px;
  } 

  .homepage-section-two-content-inner-w-40 {
    width: 60%;
  }

  .homepage-section-two-content-inner-w-60 {
    width: 60%; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-evenly;
  }

  .homepage-section-two-content-inner.homepage-section-two-content-inner-w-40.no-images, .homepage-section-two-content-inner.homepage-section-two-content-inner-w-60.no-images, .homepage-section-two-content-inner.no-images {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .homepage-section-two-content-title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 15%;  
    border-bottom: 1px solid darkgrey;
  }

  .homepage-section-two-image-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 40%;
    margin-right: 30px;
  }

  .homepage-section-two-image-section.no-images {
    width: 0%;
    margin: 0;
    gap: 0;
    padding: 0;
  }

  .homepage-section-two-image-section-inner {
    width: 100%;
  }

  .homepage-section-two-image-one {
    width: 275px;
    height: 275px;
    border: 15px solid white;
    box-shadow: 3px 3px 12px #0000001a;
    margin-left: 0;
  }

  .homepage-section-two-image-two-inner {
    width: 30%;
    justify-content: center;
    margin-right: 10px;
    margin-left: -50px;
  }

  .homepage-section-two-image-two-inner.only-second-image {
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 30px;
  }
  
  .homepage-section-two-image-two-tape {
    height: 20px;
    width: 55px;
    opacity: 60%;
    z-index: 2;
  }

  .homepage-section-two-image-two {
    width: 130px;
    height: 185px;
  }


/* homepage review section */


/* homepage cta section */
  .homepage-cta-section {
    margin-left: 20px;
    margin-right: 20px;
  }

  .homepage-cta-section-outter {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 50px;
  }

  .homepage-cta-section-inner{
    display: flex;
    width: 100%;
  }

  .homepage-cta-one-inner {
    padding: 60px 30px 60px 30px;
  }

  .homepage-cta-one-headline {
    padding-top: 30px;
  }

  .homepage-cta-two-paragraph p {
    margin: 30px 30px;
  }

  .homepage-cta-two {
    padding: 80px 0px 0px 0px;
    color: black;
  }

  .homepage-cta-two-email-form {
    gap: 10px;
  }

  .homepage-cta-two-email-form label {
    max-width: 175px;
  }

  .homepage-cta-two-email-form-button {
    padding: 11px 15px;
  }
  


/* TAXONOMY PAGE */
  .all-episodes-container-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 10px;
    margin: 10px 0px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
  }

  .taxonomy-page-single-episode-cont {
    width: 30%;
    max-width: 450px;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }

  .taxonomy-page-single-episode-image-inner {
    height: auto;
    width: 100%;
    background-size: cover!important;
    position: relative;
  }

  .taxonomy-page-single-episode-image-inner:after {
    content: "";
    display: block;
    padding-bottom: 100%;
    transition: all 350ms ease;
  }

  /* SINGLE EPISODE PAGE */
  .single-episode-page-episode-image-outer {
    display: none;
  }

  .single-episode-page-inner-wrapper {
    margin-left: 0px;
    margin-right: 0;
    width: 50%;
  }

  .single-episode-page-top-content-wrapper {
    padding-top: 80px;
  }

  .single-episode-page-tape-wrapper-left {
    display: inline-flex;
    justify-content: center;
    width: 100%;
  }

  .single-episode-page-podcast-player {
    width: 200%;
    max-width: 93vw;
  }

  .single-episode-page-episode-excerpt-section {
    padding-right: 230px;
    width: 105%;
  }

  .single-episode-page-episode-excerpt-section .single-episode-page-episode-excerpt-wrapper {
    padding-right: 0px;
    margin-right: 20px;
  }

  .single-episode-page-episode-image {
    height: 300px;
    width: 300px;
  }

  .single-episode-page-episode-tape {
    height: 37px;
    width: 120px;
    position: absolute;
    margin-top: -14px;
  }

  .single-episode-page-inner-wrapper-left {
    display: block;
    margin-top: 60px;
    margin-right: 0px;
    width: 50%;
  }

  .single-episode-page-outer-wrapper {
    display: flex;
    align-items: center;
  }

  /* recent episodes */
  .single-episode-page-recent-episodes-section{
    margin-left: 0;
    margin-right: 0;
  }
  .single-episode-page-recent-episodes-roll {
    padding-bottom: 50px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .single-episode-page-recent-episodes-roll-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .single-episode-page-recent-episode-cont {
    width: 230px;
  }

  .single-episode-page-recent-episode-inner {
    display: block;
    width: 100%;
  }

  .single-episode-page-recent-episode-image-wrapper {
    height: 100%;
    width: 100%;
  }

  .single-episode-page-recent-episode-image-inner {
    height: 230px;
    width: 230px;
  }

  .single-episode-page-recent-episode-content {
    width: 100%;
  }

/* about page */
  .about-page-header-inner h1.post__title {
    margin-top: 60px;
  }

  .about-page-section-one-inner-wrapper {
    background: transparent;
  }

  .about-page-divider {
    height: 80px;
    margin-bottom: 30px;
  }

  .about-page-divider::after {
    content: "";
    width: 100%;
    height: 30px;
    margin-top: 62px;
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-mask-image: url(./assets/images/edge.svg);
    mask-image: url(./assets/images/edge.svg);
    background-repeat: no-repeat;
  }

  .about-page-header-inner {
    padding: 20px 0px;
    margin-left: 40px;
  }

  .about-page-content-inner {
    margin-left: 40px;
    margin-right: 40px;
  }

  .about-page-content-inner.no-image {
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 10px;
  }

  .about-page-top-image-section {
    margin: 0px 40px;
  }

  /* host section about page */
  .host-section-wrapper {
    margin-left: 40px;
    margin-right: 40px;
  }

  /* host section one */
  .host-section-one-wrapper {
    padding-bottom: 120px;
  }

  .host-section-one-inner-wrapper{
    display: flex;
    padding-top: 50px;
    justify-content: center;
    align-items: center;
  }

  .host-section-one-image-container {
    width: fit-content;
    margin-right: 30px;
  }

  .host-section-one-image-inner-wrapper {
    margin-top: 0px;
  }

  .host-section-one-content-container {
    width: 60%;
  }

  .host-section-one-content-container.no-host-image, .host-section-two-content-container.no-host-image{
    width: 100%;
  }
  
  .host-section-one-host-image-one {
    margin-left: 0px;
  }

  .host-section-one-host-image-one {
    width: 250px;
    height: 250px;
  }

  /* host section two */
  .host-section-two-inner-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
  }

  .host-section-two-content-container {
    width: 60%;
  }

  .host-section-two-image-container {
    width: 350px;
  }

  .host-section-two-host-image-one {
    margin-right: 0px;
    margin-left: 30px;
  }

  .host-section-two-host-image-one {
    width: 250px;
    height: 250px;
  }

  /* FOOTER */
  .footer-buttons-inner {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0px 30px;
    padding: 70px 0px 30px 0px;
  }

  .footer-button-one, .footer-button-two, .footer-button-three {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    width: 100%;
  } 

  i.footer-button-one-icon, i.footer-button-two-icon, i.footer-button-three-icon {
    padding-right: 20px;
    font-size: 40px;
  }

  p.footer-button-one-text-one, p.footer-button-two-text-one, p.footer-button-three-text-one {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 5px;
    letter-spacing: 1.7px;
  }

  p.footer-button-one-text-two, p.footer-button-two-text-two, p.footer-button-three-text-two {
    font-size: 18px;
    margin-top: 2px;
    margin-bottom: 0px;
    letter-spacing: 0.72px;
    font-weight: bold;
  }

  .footer-social-media-links-section {
    max-width: 450px;
    margin-left: 150px;
  }

}

@media screen and (min-width: 1000px){
/* homepage featured episode section */
  .homepage-recent-episodes-title {
    width: 920px;
  }

  .feat-episode-content-inner {
    margin-right: 20px;
  }

  .homepage-feat-episode-player {
    display: inline-block;
    width: 50%;
    padding-top: 0;
  }

  .featured-episode-image-outter {
    display: flex;
    width: fit-content;
    align-items: center;
    flex-direction: column;
    top: 110px;
    position: relative;
    margin-top: -80px;
    margin-left: 20px;
    z-index: 2;
    margin-bottom: 0;
  }

  .feat-episode-image-inner {
    width: 430px;
    height: 430px;
  }

  .feat-episode-about-section {
    width: 95%;
    padding: 20px 300px 20px 30px;
  }

/* homepage recent episodes section */
  .homepage-single-episode-cont {
    width: 300px;
  }
  .homepage-single-episode-image-inner {
    height: 300px;
    width: 300px;
  }

/* homepage section one */
  .homepage-section-one-content-outter {
    margin-left: -120px;
  }


  .homepage-section-one-content-outter.section-one-no-image {
    margin-left: auto;
    margin-right: auto;
  }

/* homepage section two */
  .homepage-section-two-content-inner-w-40 {
    width: 45%;
  }

  .homepage-section-two-inner{
    margin-left: auto;
    margin-right: auto;
  }

  .homepage-section-two-image-section {
    width: fit-content;
  }

  .homepage-section-two-image-two-inner {
    margin-left: 0;
  }


/* reviews section */
  .review-container-outer-wrapper.mb-100{
    margin-bottom: -100px;
  }

/* homepage cta section */
  .homepage-cta-section {
    margin-left: 40px;
    margin-right: 40px;
  }

/* single episode page */
  .single-episode-page-inner-wrapper-left {
    margin-top: 60px;
    height: 100%;
  }

  .single-episode-page-episode-image {
    height: 425px;
    max-height: 425px;
    width: 425px;
    max-width: 425px;
    margin-left: 30px;
    margin-right: 0px;
  }

  .single-episode-page-podcast-player {
    width: 100%;
    max-width: 93vw;
  }

/* about page */
  .about-page-header {
    display: none;
  }

  .about-page-outer-wrapper {
    top: 0!important;
    width: 100%;
  }

  .about-page-section-one-header {
    display: block;
  }

  .about-page-section-one-outer-wrapper {
    margin-top: 0px;
  }

  .about-page-section-one-inner-wrapper {
    display: flex;
    align-items: flex-start;
    padding-top: 120px;
  }

  .about-page-content-wrapper {
    background-color: white;
    z-index: 1;
    position: relative;
    padding: 40px;
    margin-right: -165px;
    min-height: 360px;
  }

  .about-page-content-wrapper.no-image {
    margin-right: 0px;
  }

  .about-page-content-inner {
    margin-left: 40px;
    margin-right: 0;
    width: 50%;
  }

  .about-page-content-inner.no-image {
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 10px;
    width: 100%;
  }

  .about-page-top-image-section {
    width: 50%;
    z-index: 0;
    margin-right: 40px;
  }

  .about-page-top-image-inner-wrapper {
    width: inherit;
    height: 650px;
  }

  .about-page-section-one-header-inner h1{
    margin-top: 0px;
  } 

  .about-page-section-one-headline h4 {
    margin-top: 0px;
  }

  .about-content {
    font-size: 14px;
    line-height: 22px;
  }

  .about-page-section-one-header-inner h1.post__title {
    padding-bottom: 30px;
  }

  /* host section about page */
  .host-section-wrapper {
    margin-left: 70px;
    margin-right: 70px;
  }

  /* host section one */
  .host-section-one-wrapper {
    padding-bottom: 120px;
  }

  .host-section-one-inner-wrapper{
    display: flex;
    padding-top: 100px;
    justify-content: space-between;
    align-items: center;
  }

  .host-section-one-image-container {
    width: fit-content;
    margin-right: 80px;
  }

  .host-section-one-image-inner-wrapper {
    margin-top: 0px;
  }

  .host-section-one-content-container {
    width: fit-content;
  }
  
  .host-section-one-host-image-one {
    margin-left: 0px;
  }

  .host-section-one-host-image-one {
    width: 350px;
    height: 350px;
  }

  /* host section two */
  .host-section-two-inner-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
  }

  .host-section-two-content-container {
    width: fit-content;
  }

  .host-section-two-image-container {
    width: 450px;
  }

  .host-section-two-host-image-one {
    margin-right: 0px;
    margin-left: 80px;
  }

  .host-section-two-host-image-one {
    width: 350px;
    height: 350px;
  }
}

@media  screen and (min-width: 1100px) {
  /* category page */
  .elsie-category-page-content-cont {
    max-width: 1000px;
  }

  .elsie-category-page-header {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .elsie-category-page-content-top-wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .elsie-category-page-pagination-cont {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto; 
  }

  /* HOMEPAGE */
  /* homepage featured episode section */
  .feat-episode-inner {
    justify-content: center;
  }

  .feat-episode-podcast-tagline {
    width: 100%;
  }

  .feat-episode-image-inner {
    width: 500px;
    height: 500px;
    margin-bottom: 0px;
    z-index: 2;
    position: relative;
  }

  .featured-episode-image-outter {
    margin-top: -130px;
  }

  .homepage-feat-episode-tape {
    z-index: 3;
  }

  .homepage-feat-episode-player {
    display: none
  }

  .homepage-feat-episode-player-upper {
    display: inline-block;
    width: 100%;
  }

  /* taxonomy page */
  .all-episodes-container-inner {
    max-width: 1000px;
  }

  /* single episode page */
  .single-episode-page-top-content-wrapper {
    padding-top: 85px;
  }

  .single-episode-page-inner-wrapper-left {
    margin-top: 45px;
    height: 100%;
    z-index: 2;
    margin-bottom: -60px;
  }

  .single-episode-page-episode-image {
    height: 500px;
    max-height: 500px;
    width: 500px;
    max-width: 500px;
    margin-left: 30px;
    margin-right: 0px;
  }

  
}

@media screen and (min-width: 1200px){
/* HEADER */
/* navbar */

/* HOMEPAGE */
/* homepage featured episode section */
  .homepage-feat-episode-section-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
  }

/* homepage recent episodes section */
/* homepage section one */
  .homepage-section-one {
    margin: auto;
    max-width: 80%;
  }

/* homepage section two */
  .homepage-section-two {
    padding: 100px 0px;
  }

  .homepage-section-two-outter {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .homepage-section-two-image-section-inner {
    gap: 5px;
  }

  .homepage-section-two-image-one {
    width: 370px;
    height: 370px;
    border: 15px solid white;
    box-shadow: 3px 3px 12px #0000001a;
    margin-left: 0;
  }

  .homepage-section-two-image-two-inner {
    width: 40%;
    justify-content: center;
    margin-right: 0px;
    margin-left: 0px;
  }

  .homepage-section-two-image-two-tape {
    height: 30px;
    width: 80px;
    opacity: 60%;
    z-index: 2;
  }

  .homepage-section-two-image-two {
    width: 175px;
    height: 250px;
  }

/* homepage review section */
  .single-review-inner {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

/* homepage cta section */
  .homepage-cta-section-outter {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

/* about page */
  .about-page-section-one-outer-wrapper {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .host-section-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
  }


/* single episode page */
  /* latest episodes */
  .single-episode-page-recent-episode-image-wrapper {
    height: 45vw;
    max-height: 350px;
    width: 45vw;
    max-width: 350px;
  }
  .single-episode-page-recent-episode-cont {
    width: 350px;
  }

  .single-episode-page-recent-episode-image-inner {
    height: 350px!important;
    width: 350px!important;
  }

/* search page */
  .elsie-search-page-header-wrapper-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  main.search-results {
    padding-bottom: 50px;
  }

  main.search-results li {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
  }

/* FOOTER */
}

@media screen and (min-width: 1400px){
  /* page */
  

  .elsie-page-content-wrapper-outer {
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }

  /* search page */
  

  /* HOMEPAGE */
  /* feat-episode-section */
  .feat-episode-image-inner {
    margin-bottom: -40px;
  }

  .featured-episode-image-outter {
    margin-top: -200px; 
  }

  .feat-episode-image-inner {
    width: 570px;
    height: 570px;
  }

  /* latest episodes section */
  

  .homepage-recent-episodes-roll-inner {
    gap: 30px;
  } 

  .homepage-single-episode-cont {
    width: 400px;
  }

  .homepage-single-episode-image-inner {
    height: 400px;
    width: 400px;
  }

  .homepage-section-one-outter {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  /* homepage section two */

  .homepage-section-two-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }


  .homepage-section-two-content-inner-w-40 {
    width: 40%; 
  }
  /* homepage cta section */


  .episodes-page-header-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  /* taxonomy page  */
    .episodes-page-header {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }

    .all-episodes-container-inner {
      max-width: 100%;
    }  

    .all-episodes-container-outter {
      max-width: 80%;
      margin-left: auto;
      margin-right: auto;
    }
  

  /* single episode page */
  .single-episode-page-wrapper {
    display: flex;
    margin: auto;
    justify-content: center;
    max-width: 80%; 
  }

  .single-episode-page-episode-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
  }

  .single-episode-page-episode-image {
    margin-left: 85px;
  }

  .single-episode-page-inner-wrapper-left {
    margin-bottom: -90px;
  }
  
  .single-episode-page-divider-one:before {
    margin-top: -105px;
  }

  .single-episode-page-episode-image {
    height: 570px;
    max-height: 570px;
    width: 570px;
    max-width: 570px;
  }

  .single-episode-page-inner-wrapper-left {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 0px;
  }

  .single-episode-page-inner-wrapper {
    margin-left: 0px;
  }

  .single-episode-page-outer-wrapper {
    margin-bottom: 100px;
  }

  .single-episode-page-episode-tape {
    height: 45px;
    width: 175px;
  }

  .single-episode-page-episode-content {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 45px;
  }

  .single-episode-page-pagination {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 70px;
  }

  .single-episode-page-recent-episodes-section {
    margin-left: auto;
    margin-right: auto;
  }

  .single-episode-page-pagination {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
  }

/* about page */
  .host-section-one-host-image-one {
    width: 500px;
    height: 500px;
  }

  .host-section-one-image-tape-outer {
    margin-bottom: -25px;
  }

  .host-section-one-image-tape {
    height: 50px;
    width: 175px;
    opacity: 0.6;
  }

  .host-section-two-image-container {
    width: fit-content;
  }

  .host-section-two-host-image-one {
    width: 500px;
    height: 500px;
  }

/* page */
  .elsie-page-header-wrapper-inner {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .elsie-page-content-wrapper-outer {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%; 
  }

  .elsie-single-page, .archive-page {
    margin: 100px auto;
    width: 80%;
  }

 /* footer */
  .footer-buttons-inner {
    margin: 0px auto;
    width: 80%;
  }

  .footer-button-one a, .footer-button-two a, .footer-button-three a {
    padding: 30px 10px;
    gap: 5%;
  }
}

@media screen and (min-width: 2000px){


/* HEADER */
/* navbar */

/* HOMEPAGE */
 
/* homepage featured episode section */
  .homepage-feat-episode-section-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1650px;
  }
/* homepage recent episodes section */

/* homepage section one */
  .homepage-section-one-image-section {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .homepage-section-one {
    margin: 70px auto;
    max-width: 1650px;
  }

  .homepage-section-one-content-outter {
    margin-left: -230px;
    width: 100%;
  }

/* homepage section two */
  .homepage-section-two{
    padding: 100px 0px;
  }

  .homepage-section-two-outter {
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
  }

  .homepage-section-two-inner{
    padding: 100px 0px
  }

  .homepage-section-two-image-section-inner{
    justify-content: space-evenly;
  }

  .homepage-section-two-image-one {
    width: 445px;
    height: 445px;
    margin-left: 20px;
  }

  .homepage-section-two-image-two {
    width: 240px;
    height: 290px;
  }

/* homepage review section */
  .homepage-review-section {
    padding: 100px 30px;
  }

/* homepage cta section */
  .homepage-cta-section-outter {
    max-width: 1650px;
  }


/* about page */
  .about-page-section-one-outer-wrapper {
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
  }

  .host-section-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1650px;
  }

/* single episode page */
  .single-episode-page-wrapper {
    display: flex;
    margin: auto;
    justify-content: center;
    max-width: 1650px; 
  }

  .single-episode-page-episode-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1650px;
  }

  .single-episode-page-pagination {
    margin-left: auto;
    margin-right: auto;
    max-width: 1650px;
  }

/* taxonomy page */
  .episodes-page-header {
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
  }

  .all-episodes-container-outter {
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
  }

/* page */
  .elsie-page-header-wrapper-inner {
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
  }

  .elsie-page-content-wrapper-outer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1650px; 
  }

  .elsie-single-page, .archive-page {
    margin: 100px auto;
    max-width: 1650px
  }
  

/* search page */
  .elsie-search-page-header-wrapper-inner {
    max-width: 1650px;
  }

  main.search-results li {
    max-width: 1650px;
  }

/* FOOTER */
  .footer-buttons-inner {
    gap: 30px;
    margin: 0px 100px;
  }

  p.footer-button-one-text-one, p.footer-button-two-text-one, p.footer-button-three-text-one {
    font-size: 14px;
  }

  p.footer-button-one-text-two, p.footer-button-two-text-two, p.footer-button-three-text-two {
    font-size: 24px;
  }

  .footer-social-media-links-section {
    margin-left: 250px;
  }


}

@media screen and (min-width: px){
  /* HEADER */
  /* navbar */
  
  /* HOMEPAGE */
  /* homepage featured episode section */
  /* homepage recent episodes section */
  /* homepage section one */
  /* homepage section two */
  /* homepage review section */
  /* homepage cta section */
  
  /* FOOTER */
  
  }


/* HEADER */
/* navbar */

/* HOMEPAGE */
/* homepage featured episode section */
/* homepage recent episodes section */
/* homepage section one */
/* homepage section two */
/* homepage review section */
/* homepage cta section */

/* FOOTER */