/*========================================================
global adjustments 
==========================================================*/
:root {
  --klrn-primary-dark: #014452;
  --klrn-primary: #247182;
  --klrn-primary-lightest: #F4F4F4;
  --klrn-donate: #d7594a;
  --klrn-donate-text: #ac031f;
}

html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* overrides [class*="span"] style that messes with some classes added to body, such as "hispanic" */
body {
  float: none !important;
  margin-left: 0px !important;
}

body,
.station-header .menu__ul.navbar-nav .menu__li > .menu-item,
.station-header .menu__ul.navbar-nav .menu__li > .menu-item:hover,
.station-header .menu__ul.navbar-nav .menu__li > .menu-item:focus,
#component-bab3ce50-d94b-11e7-854c-b3ea37ebaa13
  .footer-wrapper.light
  .links-column
  .column-header,
#component-bab3ce50-d94b-11e7-854c-b3ea37ebaa13
  .footer-wrapper.light
  .footer-details,
#component-bab3ce50-d94b-11e7-854c-b3ea37ebaa13
  .footer-wrapper.light
  .footer-details
  *,
.blog-entry-container .blog-entry-title,
.blog-entry-container .blog-entry-content,
.blogEntry__24_Rs .title,
.blogEntry__24_Rs .title *,
.blogEntry__24_Rs .content-body {
  color: #474747;
}

header,
footer {
  flex-shrink: 0;
}
.station-header .station-header-logo img {
  max-width: 152px;
  max-width: 140px;
}
main {
  flex-grow: 1;
}
main .component,
.content .component,
footer .component {
  margin-top: 2.6rem;
}

.content .component .filer-image-container {
  display: block;
}
.content .component .filer-image-container .filer-image {
  width: 100%;
}
.section-header-component.underline .section-header-value {
  margin: 0 16px;
}
.section-header-component.underline .section-header-value .text-input {
  margin-top: -0.9vw;
  margin-top: 3rem;
  margin-bottom: 0;
}

ul,
ol {
  margin-bottom: 18px;
}
ul li,
ol li,
.text-container ul li,
.text-container ol li {
  line-height: 1.625;
}

cite {
  display: inline-block;
  margin-left: 2.5em;
  margin-right: 2.5em;
}

.promo-container .promo .read-more__link,
.schedule .schedule__tz-va p a,
.text-container .read-more__link,
.klrn_button.read-more__link {
  font-style: italic;
}

.section-header-component.underline .h2_tag .text-input {
  border-bottom-width: 2px;
}
.section-header-component .section-header-value .text-input {
  font-weight: 300 !important;
}

@media (max-width: 375px) {
  main .component,
  .content .component,
  footer .component {
    margin-top: 2.6rem;
  }
}

.station-header.menu--navbar-nav {
  z-index: 2;
}
.station-header .menu__ul.navbar-nav .menu__li.highlight {
  background-color: var(--klrn-donate);
}
.station-header .menu__ul.navbar-nav .menu__li.highlight .menu-item {
  color: #fff;
  font-weight: bold;
}

.station-header .menu__ul.navbar-nav .menu__li.highlight:hover,
.station-header .menu__ul.navbar-nav .menu__li.highlight:focus {
  background-color: var(--klrn-primary-lightest);
}
.station-header .menu__ul.navbar-nav .menu__li.highlight .menu-item:hover,
.station-header .menu__ul.navbar-nav .menu__li.highlight .menu-item:focus {
  color: var(--klrn-donate-text);
}

.section-header-component .section-header-value.h1_tag .text-input,
h1,
.section-header-component .section-header-value.h2_tag .text-input,
h2,
.section-header-component .section-header-value.h3_tag .text-input,
h3 {
  margin: 0.1em 0 16px 0;
  font-weight: 300;
}

.section-header-component .section-header-value.h1_tag .text-input,
.section-header-component .section-header-value.h2_tag .text-input,
.section-header-component .section-header-value.h3_tag .text-input {
  margin: 0 0 12px 0;
  margin: 0;
}

.section-header-component .section-header-value.h1_tag .text-input,
h1 {
  font-size: 2.8rem;
}

.section-header-component .section-header-value.h2_tag .text-input,
h2 {
  font-size: 2.4rem;
}
.section-header-component .section-header-value.h3_tag .text-input,
h3 {
  font-size: 2rem;
}

.promo {
  padding: 16px;
}
.promo-container .promo .promo-link img {
  width: 100%;
}
.promo-container .promo .promo-text {
  padding: 12px 0 4px 0;
}
.promo-container .promo .promo-text .description {
  font-weight: 400;
}
.promo-container .promo .read-more__link,
.promo-container .promo .read-more--no-link {
  margin-top: 4px;
}

/* fix section header component */
.section-header-component .section-header-value {
  font-weight: 300 !important;
}

.section-header-component.underline h2 {
  border-bottom-width: 2px;
  line-height: 1.45;
}

/* fix promo w/date margin */
article > div.promo-text.span6 > p.channel {
  margin: 12px 0 !important;
}

@media (min-width: 768px) {
  .promo-container.horizontal .promo .promo-text {
    margin-top: -14px;
    padding-top: 0;
    padding-left: 16px;
  }
  .promo-container.horizontal .promo .promo-link {
    width: 40%;
  }
  .promo-container.horizontal .promo .promo-text {
    width: 60%;
  }
}

@media (min-width: 1025px) {
  .station-header .menu__ul.navbar-nav {
    margin-right: 0;
  }
  .station-header .menu__ul.navbar-nav .menu__li.highlight {
    border: 2px solid #fff;
    margin-right: 2px;
    border-width: calc(2px * (1 / 0.9)); /* adjust for 90% zoom */
  }  
  .station-header .menu__ul.navbar-nav .menu__li.highlight:hover,
  .station-header .menu__ul.navbar-nav .menu__li.highlight:focus {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin-left: 1px;
    margin-right: 3px;
  }
  .station-header .menu__ul.navbar-nav .menu__li.highlight a {
    position: relative;
    top: -2px;
  }
  .submenu {
    padding: 0.6em 0;
  }
}

@media (max-width: 1279px) {
  .station-header .station-header-logo {
    padding: 0 16px 0 0;
  }
}

@media (min-width: 1280px) {
  .station-header .station-header-logo {
    padding: 0 16px;
    padding: 0 16px 0 0;
  }
  .station-header .station-header-search .menu-search-icon {
    padding-right: 0;
  }
}

@media (min-width: 1312px) {
  .section-header-component.underline .section-header-value {
    margin: 0;
  }
}

/*================================================== 
nav search button 
==================================================*/

@media (min-width: 1312px) {
  .station-header .station-header-search {
    width: 35px;
  }
}

/*========================================================
fix text and some other items bumping viewport edge in mobile 
==========================================================*/

@media (max-width: 1311px) {
  nav#c33ef9a0-d91e-11e7-8b84-67caa8590abc .menu-container {
    padding: 0 0 0 16px;
  }

  .klrn_podcast_embed,
  .blogRiver__2-Wjj {
    padding: 0 16px;
  }

  main
    > .row-fluid
    > .container
    > .content-wrapper
    > .row-fluid
    > .container
    > .span12
    > .component
    > .filer-image-container
    > img {
    padding: 0 16px;
  }

  #component-c33ef9a0-d91e-11e7-8b84-67caa8590abc .menu__trigger {
    margin-left: 12px;
    border: none;
  }

  .video-container__wrapper {
    padding: 16px 16px 0;
    background-color: var(--klrn-primary-lightest);
  }
  .video-component .video-container {
    min-height: auto;
  }
  .video-component .video-info {
    padding: 16px 0;
  }

  .klrn_youtube_playlist[data-klrn-show-lines='0'] .video-container__wrapper,
  .klrn_youtube_video[data-klrn-show-lines='0'] .video-container__wrapper {
    padding-bottom: 16px;
  }
}

@media (min-width: 1024px) and (max-width: 1311px) {
  .rail-wrapper.pull-right > .row-fluid > .container > .span12 > .component {
    margin-right: 16px;
  }
}

main
  > .row-fluid
  > .container
  > .content-wrapper
  > .row-fluid:first-child
  > .container
  > .span12
  > .component
  > .filer-image-container
  > img {
  padding: 0;
}

.rail-wrapper.pull-right
  > .row-fluid
  > .container
  > .span12
  > .component:first-child {
  margin-right: 0;
}

/*========================================================
text containers 
==========================================================*/

/*
.text-container {line-height: 1.6;}
.text-container img, .text-container .text-component-img-wrapper {margin-bottom: 2.5rem;}
*/

.text-container {
  padding-bottom: 0 !important;
}
@media (min-width: 1312px) {
  .text-container {
    padding: 0 !important;
  }
}

.text-container p:last-child,
.text-container ul:last-child {
  margin-bottom: 0;
}

.text-container .image {
  margin-top: 0;
}
.text-container .image.image-style-align-left,
.text-container .image.image-style-align-right {
  margin-top: 6px;
  margin-top: 8px;
}
.text-container .image.image-style-align-left {
  max-width: 40%;
}

.text-container .image-style-align-left.klrn_text_container_mobile_image_block,
.text-container
  .image-style-align-right.klrn_text_container_mobile_image_block {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin-bottom: 24px;
  text-align: center;
}

.text-container
  .image-style-align-left.klrn_text_container_mobile_image_block
  > img,
.text-container
  .image-style-align-right.klrn_text_container_mobile_image_block
  > img {
  width: 100%;
}

hr {
  clear: both;
  margin: 12px 0 12px;
  border-top: 2px solid #eee;
  display: inline-block;
  width: 100%;
}
hr:first-child {
  margin-top: 16px;
}
hr:last-child {
  margin-bottom: 0;
}

/*========================================================
nav tabs
==========================================================*/

.nav {
  margin: 0 15px 3px;
}
@media (min-width: 768px) {
  .nav {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .nav {
    margin: 0 7px;
  }
}

.nav-tabs > li > a {
  font-size: 1.6rem;
  border: 1px solid #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  background-color: var(--klrn-primary);
  color: #fff;
}
.nav-tabs > .active > a:focus {
  text-decoration: none;
}

/*========================================================
manage how and when promo boxes display
==========================================================*/

main.content .span12.column-12 .promo-container.vertical,
main.content .span8.column-8 .promo-container.vertical,
main.content .span6.column-6 .promo-container.vertical,
main.content.content-with-rail .span3.column-3 .promo-container.vertical,
main.content.content-with-rail .span6.column-6 .promo-container.horizontal,
main.content .promo-container.horizontal {
  display: none;
}

main.content.content-with-rail .span12.column-12 .promo-container.horizontal {
  display: block;
}

@media (min-width: 1280px) {
  main.content
    #layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4
    .promo-container.vertical
    p.description,
  main.content.content-with-rail .promo-container.horizontal p.description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  main.content .promo-container.vertical p.description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  main.content.content-with-rail .promo-container.vertical p.description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

/*========================================================
rss feeds
==========================================================*/

.rss-feed .articles li .item-image {
  margin-top: 4px;
}
.rss-feed .articles li .item-image + .item-description {
  margin-left: 160px;
}
.rss-feed .articles li .item-description {
  margin-bottom: 10px;
}
.rss-feed h2 {
  margin: 0.2em 0 0.7em 16px;
}
.rss-feed .articles li h3 {
  margin: 0.1em 0 0.5em 0;
}

@media (min-width: 1312px) {
  .rss-feed h2 {
    margin-left: 0px;
  }
}

/*========================================================
poster grid module
==========================================================*/

/* global grids */
ul.posters {
  margin-bottom: 0;
}
.poster-grid img:hover {
  opacity: 0.85;
}
.poster-grid .row-fluid [class*='span'] {
  min-height: initial;
}

@media (min-width: 768px) {
  .poster-grid .posters > .poster {
    margin-bottom: 8px;
  }
}

@media (max-width: 767px) {
  .poster-grid.column-12 .poster {
    margin-right: 0;
    margin-left: calc(6.5% / 2);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .poster-grid.column-12 .poster {
    margin-right: 0;
    margin-left: calc(8% / 4);
  }
}

@media (min-width: 992px) {
  .poster-grid.column-12 .poster {
    margin-right: 0;
    margin-left: calc(8.5% / 6);
  }
}

/*========================================================
sponsor logos component 
==========================================================*/

.sponsor-logos-component {
  padding: 0;
}
.sponsor-logos-component .logos {
  padding: 0;
}
ul.logos {
  margin: 0;
}
.sponsor-logos-component .logos .logo-container {
  width: auto;
  height: auto;
  margin: 0 32px 16px;
  padding: 0;
}
.sponsor-logos-component .logos .logo-container .logo-img {
  max-height: none;
}

/*========================================================
video player embed
==========================================================*/

.video-component .video-info .title {
  margin: 0;
  line-height: 1.625;
  font-weight: 400;
}

.video-component .video-info .channel,
.video-component .video-info .description {
  display: none;
}

/*========================================================
KLRN podcast embed
==========================================================*/

.klrn_podcast_embed {
  margin: 0;
  text-align: center;
}

/*========================================================
constant contact signup forms
==========================================================*/

.scigirls
  main.content:not(.content-with-rail)
  > .row-fluid
  > .container
  .content-wrapper
  .container:not(.full-width),
.signup
  main.content:not(.content-with-rail)
  > .row-fluid
  > .container
  .content-wrapper
  .container:not(.full-width) {
  max-width: 980px;
}

.scigirls h1,
.signup h1 {
  padding-top: 0;
  margin-bottom: 15px !important;
}

.scigirls h3,
.signup h3 {
  padding-top: 0;
  margin: 15px 0 25px !important;
  font-weight: bold;
}

.scigirls form p:nth-child(2),
.signup form p:nth-child(2) {
  margin-bottom: 30px !important;
}

.scigirls label,
.signup label {
  font-size: 16px;
}

.scigirls input,
.scigirls select,
.signup input,
.signup select {
  font-size: 100%;
}

.scigirls input,
.signup input {
  height: auto;
  font-size: 100%;
}

.scigirls input[type='checkbox'],
.signup input[type='checkbox'] {
  margin: 3px 3px 3px 4px;
  vertical-align: baseline;
}

.scigirls .ctct-custom-form .ctct-form-footer,
.signup .ctct-custom-form .ctct-form-footer {
  font-size: 14px;
}

.scigirls #success_message,
.signup #success_message {
  display: block;
  margin: 20px auto 30px;
  font-size: 20px;
}
/*========================================================
blogs
==========================================================*/

/*.blogs main .row-fluid {padding: 0 16px;}*/

/* blog page */
.blog-entry-container {
  padding: 16px;
}
.blog-entry-container.bento-component article.blog-entry.span12,
.blogs .section-header-component,
.blogs .logos {
  max-width: 800px;
  float: none;
  margin: 0 auto;
}
.blog-entry-container .blog-entry-title {
  font-size: 2.5rem;
}
.blog-entry-container .blog-entry-social.klrn_blog_post_social_icons {
  float: none;
  margin-bottom: 2.5em;
}
.blog-entry-container .blog-entry-category-wrapper {
  text-align: left;
}
.blog-entry-container .blog-entry-image-wrapper img {
  height: auto;
  max-height: none;
  width: 100%;
}
.blog-entry-container .img-details {
  padding: 10px 18px 10px 18px;
}
.blog-entry-container .blog-entry-next-prev.row-fluid {
  display: none;
}
.blog-entry-container
  .blog-entry-content.text-container
  p
  img[src='/s/cms/images/plugins/link.png'],
.blog-entry-container
  .blog-entry-content.text-container
  p
  img[src='/s/images/snippet.png'] {
  display: none;
}

/* blog river */
.blogRiver__2-Wjj h1.river-title,
.blogRiver__2-Wjj .river-title .ck-content .river-title,
.blogRiver__2-Wjj .river-title .ck-content * {
  text-transform: none !important;
  color: var(--klrn-primary-dark) !important;
  font-weight: 300 !important;
  padding: 4px 0;
  border-bottom: 2px solid var(--klrn-primary-dark);
  margin-bottom: 2.6rem;
}

.blogRiver__2-Wjj .entry-image-wrapper {
  margin-bottom: 24px;
  line-height: 0;
  padding-top: calc(9 / 16 * 100%);
}
.blogRiver__2-Wjj .category-wrapper,
.blogRiver__2-Wjj .social-container,
.blogRiver__2-Wjj .blogEntry__24_Rs ul.tags,
.news .blogRiver__2-Wjj .entry-image-wrapper {
  display: none;
}
.blogRiver__2-Wjj .blogEntry__24_Rs footer {
  text-align: left;
}
.blogEntry__24_Rs .cta {
  margin-bottom: 10px;
}
/* .blogRiver__2-Wjj .blogEntry__24_Rs footer .fa-angle-right:before {position: relative; top: 0.09em;} */

/* remove border around main image and caption */
.blog-entry-container .blog-entry-image-wrapper,
.blog-entry-container .blog-entry-image-wrapper-default {
  border: none;
}

/* adjust blog main image caption */
.blog-entry-container .blog-entry-image-wrapper .img-details,
.blog-entry-container .blog-entry-image-wrapper-default .img-details {
  background: rgba(0, 0, 0, 0.75);
  background: transparent;
  border-top: none;
  padding: 10px 18px 11px 18px;
  padding: 10px 0 11px;
}

.blog-entry-container .blog-entry-image-wrapper figure,
.blog-entry-container .blog-entry-image-wrapper-default figure {
  width: 100%;
  text-align: right;
}

.blog-entry-container .blog-entry-image-wrapper .img-details .img-caption,
.blog-entry-container
  .blog-entry-image-wrapper-default
  .img-details
  .img-caption,
.blog-entry-container .blog-entry-image-wrapper .img-details .img-credit,
.blog-entry-container
  .blog-entry-image-wrapper-default
  .img-details
  .img-credit {
  color: #555;
}

.blog-entry-container .blog-entry-image-wrapper .img-details .img-credit,
.blog-entry-container
  .blog-entry-image-wrapper-default
  .img-details
  .img-credit {
  padding: 0;
}

/* adjust blog images */
.blog-entry-content.text-container .image figcaption {
  color: #555 !important;
  background: rgba(0, 0, 0, 0);
  border-top: none;
  font-size: 1.2rem;
  font-style: italic;
  text-align: right;
  padding: 4px 0 0 0;
}

.blog-entry-content.text-container .image figcaption span {
  display: block;
  /* margin-top: 0.5em; */
  font-size: 1.6rem;
  font-style: normal;
  text-align: left;
  padding: 10px 18px 11px 18px;
  padding: 10px 0 0;
}

.blog-entry-content.text-container .image.image-style-align-center {
  max-width: 100%;
}

.text-container
  .image:not(.image-style-full-size):not(.image-style-align-right):not(
    .image-style-align-center
  ):not(.image-style-align-left) {
  margin-top: 0.5em;
}

/* adjustments within content */
.blog-entry-content.text-container h1,
.blog-entry-content.text-container h2,
.blog-entry-content.text-container h3 {
  margin-top: 0;
  padding-top: 0.18em;
  padding-top: 0.1em;
}

.blog-entry-content.text-container .image {
  margin-top: 1em;
}

/* Adjust blog embedded videos */
/* https://www.klrn.org/blogs/station-news/fall-into-health-with-klrn/ */
.blogs .media,
.media .media {
  margin: 0.5em 0 1em;
}

/* blog river page feeds */
.pressroom .blogRiver__2-Wjj .pager__2roil,
.scitechnow .blogRiver__2-Wjj .pager__2roil,
.ontherecord .blogRiver__2-Wjj .pager__2roil,
.thestorygoes .blogRiver__2-Wjj .pager__2roil {
  padding: 0;
  display: none;
}
.news .blogRiver__2-Wjj .pager__2roil {
  padding: 0;
}

/* buttons underneath blog river page feeds */
.pressroom #component-ffefb660-33f7-11ea-b938-cbf9beb8b45b,
.scitechnow #component-9d608020-33f6-11ea-b938-cbf9beb8b45b,
.ontherecord #component-8559a430-33f5-11ea-b938-cbf9beb8b45b,
.thestorygoes #component-39023dd0-3306-11ea-8d11-25c28a3024ca {
  margin-top: 0;
}

/* adjust It Just Makes Sense page */
.itjustmakescents
  .blogRiver__2-Wjj
  .row:nth-of-type(4)
  .col-md-4:nth-of-type(1) {
  margin-bottom: 0;
}
.itjustmakescents
  .blogRiver__2-Wjj
  .row:nth-of-type(4)
  .col-md-4:nth-of-type(2),
.itjustmakescents
  .blogRiver__2-Wjj
  .row:nth-of-type(4)
  .col-md-4:nth-of-type(3) {
  display: none;
}
/*========================================================
footer adjustments
==========================================================*/

footer {
  margin-top: 2.5rem;
}

.station-footer .footer-logo-container .station-footer-logo,
.station-footer .footer-logo-container-default .station-footer-logo {
  max-width: 188px;
}

#component-f27744f0-da24-11e7-b2b6-2bb1819ca5c1 {
  margin: 0;
}

#component-514266b0-d3ce-11e8-a887-8758c547e40f {
  margin: 0;
}
#component-514266b0-d3ce-11e8-a887-8758c547e40f
  .social-component.bento-component {
  background-color: var(--klrn-primary-lightest);
}

#component-514266b0-d3ce-11e8-a887-8758c547e40f
  .social-component.bento-component
  article {
  position: relative;
  top: -20px;
}

body.schedule,
body.events footer {
  height: 100%;
}
body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed,
body.schedule > footer,
body.events > footer,
body.blogs > footer {
  visibility: hidden;
}

@media (max-width: 1279px) {
  #component-514266b0-d3ce-11e8-a887-8758c547e40f
    .social-component.bento-component
    article {
    position: relative;
    top: -35px;
  }
}

@media (max-width: 767px) {
  .station-footer .footer-address {
    margin-bottom: 0;
  }
}

@media (max-width: 500px) {
  .station-footer .footer-address {
    margin-bottom: 0;
  }
  .station-footer .links-section > div {
    margin: 0 10%;
  }
  .station-footer .links-section .links-column {
    position: relative;
    width: 50%;
  }
  .station-footer .links-section .links-column:nth-child(1),
  .station-footer .links-section .links-column:nth-child(3) {
    left: 12%;
  }
}

@media (max-width: 460px) {
  .station-footer .links-section .links-column:nth-child(1),
  .station-footer .links-section .links-column:nth-child(3) {
    left: 10%;
  }
}

@media (max-width: 410px) {
  .station-footer .links-section .links-column:nth-child(1),
  .station-footer .links-section .links-column:nth-child(3) {
    left: 5%;
  }
}

@media (max-width: 360px) {
  .station-footer .contact-section .footer-contact-container {
    float: none;
    display: block;
  }
  .station-footer .contact-section .footer-contact-container .footer-phone {
    margin-bottom: 1rem;
  }
  .station-footer .links-section .links-column:nth-child(1),
  .station-footer .links-section .links-column:nth-child(3) {
    left: 0;
  }
}

/* override PBS footer styles */

.expanded-footer {
  padding: 48px 0;
  max-width: 1280px;
  margin: 0 auto;
}

.expanded-footer .footer-logo-container,
.expanded-footer .footer-logo-container-default {
  margin-bottom: 2em;
  height: auto;
}

.expanded-footer .footer-logo-container .flexible-footer-logo,
.expanded-footer .footer-logo-container-default .flexible-footer-logo {
  width: 195px;
  margin-top: 4px;
}

.expanded-footer .footer-details p:empty,
.expanded-footer .links-column li.link-element {
  margin-bottom: 0;
}

@media (max-width: 1311px) {
  .expanded-footer,
  div.expanded-footer row-fluid {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (max-width: 1023px) {
  .expanded-footer .links-section {
    margin-bottom: 0;
    padding-left: 10%;
  }

  .expanded-footer .links-column,
  .expanded-footer .flexible-footer-social {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .expanded-footer .footer-logo-container .flexible-footer-logo,
  .expanded-footer .footer-logo-container-default .flexible-footer-logo {
    margin-left: 16px;
  }

  .expanded-footer .links-section {
    padding-left: 25%;
    margin-top: 4.5em;
  }

  .expanded-footer .contact-section {
    display: block;
    text-align: center;
  }

  .expanded-footer .contact-section .footer-logo-container,
  .expanded-footer .contact-section .footer-logo-container-default,
  .expanded-footer .contact-section .footer-details,
  .expanded-footer .contact-section .footer-details p {
    width: 100%;
    max-width: none;
    padding: 0;
  }
}

@media (max-width: 550px) {
  .expanded-footer .links-section {
    padding-left: 20%;
  }
}

@media (max-width: 425px) {
  .expanded-footer .links-section {
    padding-left: 15%;
  }
}

@media (max-width: 375px) {
  .expanded-footer .links-section {
    padding-left: 12%;
  }
}

@media (max-width: 350px) {
  .expanded-footer .links-section {
    padding-left: 9%;
  }
}
/*========================================================
for home page - also see whats-on.css, sponsor-tiles.css 
==========================================================*/

/*========================================================
home page - slider
==========================================================*/

ul.slides-wrapper {
  margin-bottom: 0;
}

.full-size-carousel ul.slides-wrapper {
  margin-bottom: 8px;
}

main.content .page-header-component,
main.content .circle-crop-carousel,
main.content .full-size-carousel {
  margin-top: -2.6rem;
}

.carousel.full-size-carousel .details-container .title {
  padding-top: 0.75em;
}

.carousel.circle-crop-carousel .details-container .title, 
.carousel.full-size-carousel .details-container .title {
  padding-right: 0;
}

.carousel.circle-crop-carousel .details-container .description,
.carousel.full-size-carousel .details-container .description {
  line-height: 1.625;
}

.carousel.circle-crop-carousel .details-container .cta,
.carousel.full-size-carousel .details-container .cta {
  margin-top: 0;
}

.carousel .carousel-indicators {
  display: none;
}

.carousel .arrows .arrow-background.arrow-left {
  z-index: 2;
}

@media (max-width: 1024px) {
  .carousel.circle-crop-carousel .details-container .description,
  .carousel.full-size-carousel .details-container .description {
    padding: 0 16px;
  }

  .carousel.circle-crop-carousel .details-container .cta,
  .carousel.full-size-carousel .details-container .cta {
    padding: 0 16px 18px;
  }
}

@media (min-width: 1025px) {
  .carousel.full-size-carousel .full-size-slide {
    height: 498px;
  }

  .carousel.full-size-carousel .full-size-slide .details-container {
    max-width: 427px;
    padding-left: 40px;
  }

  .carousel.full-size-carousel .details-container .title {
    padding-top: 5.4em;
    padding-top: 5.8em;
    font-size: 3.4rem;
  }

  .carousel.full-size-carousel
    .full-size-slide
    .details-container.full-width-image
    .title,
  .carousel.full-size-carousel
    .full-size-slide
    .details-container.full-width-image
    .cta,
  .carousel.full-size-carousel
    .full-size-slide
    .details-container.full-width-image
    .description {
    color: #ffffff !important;
  }
}

@media (min-width: 1025px) {
  .carousel.full-size-carousel .full-size-slide .details-container {
    padding-left: 0;
  }
}

@media (min-width: 1050px) {
  .carousel.full-size-carousel .full-size-slide .details-container {
    padding-left: 0;
  }
}

/*========================================================
home page - initial promos (left column)
==========================================================*/

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo .promo-link {
  width: 100px;
  min-width: 100px;
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo .promo-link img {
  width: 100px;
  height: 100px;
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo .promo-text {
  padding: 0 16px;
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo .promo-text p {
  margin-top: -4px;
  line-height: 1.5;
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo .promo-text .read-more a {
  line-height: 1;
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo .promo-text .read-more a {
  border: none;
  margin: 0;
  padding: 0;
  line-height: 1;
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4
  .promo
  .promo-text
  .read-more
  a:after {
  display: inline-block;
  position: relative;
  top: 3px;
  right: -3px;
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4
  img[src*='dont-miss-list-sign-up'] {
  opacity: 0.85;
}

@media (min-width: 768px) and (max-width: 920px) {
  #layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo {
    display: block;
  }
  #layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo .promo-text {
    padding-left: 0;
  }
  #layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 .promo .promo-text p {
    margin-top: 16px;
  }
}

#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 article .read-more a:hover,
#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 article .read-more a:focus,
#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 article .read-more a:active,
#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 article .read-more a:hover *,
#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 article .read-more a:focus *,
#layout-ba6653c8-7257-4172-ad4f-5cbb0383f9f4 article .read-more a:active * {
  color: var(--klrn-primary-dark) !important;
  background-color: transparent !important;
}

/*========================================================
home page poster grid 
==========================================================*/

#posters-e5f26120-ce51-11e8-af5d-dd107cfb66dc > li.poster.poster-5 img {
  opacity: 0.95;
}
#posters-e5f26120-ce51-11e8-af5d-dd107cfb66dc > li.poster.poster-5 img:hover {
  opacity: 0.8;
}

@media (min-width: 768px) and (max-width: 991px) {
  #posters-e5f26120-ce51-11e8-af5d-dd107cfb66dc > li.poster.poster-3,
  #posters-e5f26120-ce51-11e8-af5d-dd107cfb66dc > li.poster.poster-4 {
    display: none;
  }
}
/*========================================================
mobile donate button 
==========================================================*/

a#klrn_mobile_donate_button {
  display: none;
}
#component-c33ef9a0-d91e-11e7-8b84-67caa8590abc
  #c33ef9a0-d91e-11e7-8b84-67caa8590abc.menu--navbar-nav {
  border-bottom: 4px solid var(--klrn-primary) !important;
}

a#klrn_mobile_donate_button:hover,
a#klrn_mobile_donate_button:focus {
  text-decoration: none;
}

a#klrn_mobile_donate_button div {
  text-align: center;
  border-bottom: 4px #f2f2f2 solid;
  margin-top: -6px;
  padding: 3px 0 4px;
  color: #fff;
  font-size: 1.7rem;
  font-wight: bold;
  font-weight: bold;
  background-color: var(--klrn-donate);
}

a#klrn_mobile_donate_button div:after {
  position: relative;
  top: 3px;
  right: -0.5rem;
  content: '\F105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
}

@media (max-width: 1024px) {
  div#component-f400eb40-c8ef-11e8-9eca-19d38845041f {
    transition: all 0.3s ease-in;
  }

  .nav-is-open div#component-f400eb40-c8ef-11e8-9eca-19d38845041f {
    transform: translateX(80%);
  }

  a#klrn_mobile_donate_button {
    display: block;
  }
}

@media (min-width: 550px) {
  .nav-is-open div#component-f400eb40-c8ef-11e8-9eca-19d38845041f {
    transform: translateX(440px);
  }
}
/*========================================================
turn read more links into buttons, 
and style bento buttons and blog load more buttons for consistency 
==========================================================*/

.klrn_button.read-more__link,
.simple-button-component .simple-button-value .text-input,
.blogRiver__2-Wjj .load-more-wrapper .load-more {
  margin-top: 2px;
  margin-bottom: 6px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.4;
  padding: 16px;
  background-color: var(--klrn-primary-lightest) !important;
  border: 2px solid currentColor;
  display: inline-block;
  position: relative;
  text-decoration: none;
  word-wrap: break-word;
  max-width: 100%;
  padding-right: 35px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s !important;
  cursor: pointer;
  left: auto !important;
  top: auto !important; 
}

.simple-button-component {
    margin: 2px 0 6px;
}

.simple-button-component.ghost
  .simple-button-value
  .text-input[style*='color: rgb(255, 255, 255)'] {
  color: #fff !important;
  background-color: transparent !important;
}

.blogRiver__2-Wjj .load-more-wrapper .load-more {
  text-transform: capitalize;
}

.simple-button-component.filled .simple-button-value .text-input {
  background-color: var(--klrn-primary) !important;
  opacity: 0.92;
}

.klrn_button.read-more__link.klrn_button_display_block {
  width: 96%;
  width: 100%;
}

p:not(:first-child)
  .klrn_button.read-more__link.klrn_button_display_block:first-child {
  margin-top: 8px;
  margin-top: 6px;
}

@media (max-width: 1025px) {
  .text-container .read-more__link.klrn_button_display_block {
    width: 100%;
  }
}

/* PBS button should match padding on text boxes */
@media (max-width: 1311px) {
    .simple-button-component {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.blogRiver__2-Wjj .load-more-wrapper .load-more:after,
.klrn_button.read-more__link:after,
.simple-button-component .simple-button-value .text-input:after {
  content: '\F105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-style: normal;
  text-decoration: inherit;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  right: 15px;
  top: 0px;
  font-size: 22px;
}

.klrn_button.read-more__link,
.klrn_button.read-more__link * {
  color: var(--klrn-primary);
}

a.klrn_button.read-more__link:hover,
a.klrn_button.read-more__link:focus,
a.klrn_button.read-more__link:active,
a.klrn_button.read-more__link:hover *,
a.klrn_button.read-more__link:focus *,
a.klrn_button.read-more__link:active *,
.simple-button-component.ghost.hasHoverEffect
  .simple-button-value
  .text-input:hover,
.simple-button-component.ghost.hasHoverEffect
  .simple-button-value
  .text-input:focus,
.simple-button-component.ghost.hasHoverEffect
  .simple-button-value
  .text-input:active,
.simple-button-component.ghost.hasHoverEffect
  .simple-button-value
  .text-input:hover
  *,
.simple-button-component.ghost.hasHoverEffect
  .simple-button-value
  .text-input:focus
  *,
.simple-button-component.ghost.hasHoverEffect
  .simple-button-value
  .text-input:active
  *,
.blogRiver__2-Wjj .load-more-wrapper .load-more:hover,
.blogRiver__2-Wjj .load-more-wrapper .load-more:focus,
.blogRiver__2-Wjj .load-more-wrapper .load-more:active,
.blogRiver__2-Wjj .load-more-wrapper .load-more:hover *,
.blogRiver__2-Wjj .load-more-wrapper .load-more:focus *,
.blogRiver__2-Wjj .load-more-wrapper .load-more:active *,
.simple-button-component.filled.hasHoverEffect
  .simple-button-value
  .text-input:hover,
.simple-button-component.filled.hasHoverEffect
  .simple-button-value
  .text-input:focus,
.simple-button-component.filled.hasHoverEffect
  .simple-button-value
  .text-input:active,
.simple-button-component.filled.hasHoverEffect
  .simple-button-value
  .text-input:hover
  *,
.simple-button-component.filled.hasHoverEffect
  .simple-button-value
  .text-input:focus
  *,
.simple-button-component.filled.hasHoverEffect
  .simple-button-value
  .text-input:active
  * {
  background-color: var(--klrn-primary-dark) !important;
  border-color: var(--klrn-primary-dark) !important;
  border-width: 2px !important;
  color: var(--klrn-primary-lightest) !important;
  max-width: 100% !important;
  text-decoration: none;
}

.simple-button-component.filled .simple-button-value .text-input:hover,
.simple-button-component.filled .simple-button-value .text-input:focus,
.simple-button-component.filled .simple-button-value .text-input:active,
.simple-button-component.filled .simple-button-value .text-input:hover *,
.simple-button-component.filled .simple-button-value .text-input:focus *,
.simple-button-component.filled .simple-button-value .text-input:active * {
  background-color: var(--klrn-primary-dark) !important;
  border-color: var(--klrn-primary-dark) !important;
  opacity: 1;
}
/*========================================================
global sidebar adjustments
==========================================================*/

.rail-wrapper a.klrn_button {
    position: relative;
    display: block; 
    padding: 1.9rem 2rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: bold;
    background-color: var(--klrn-primary);
    opacity: 0.92;
    color: #fff;
}

.rail-wrapper a.klrn_button:after {
    position: absolute;
    content: "\F105";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;  
    font-size: 1.8em;
    bottom: 0.216em;
    right: 0.5em;    
}

.rail-wrapper a.klrn_button:hover {
  text-decoration: none; 
  opacity: 1; 
  color: #fff; 
  background-color: var(--klrn-primary-dark);
} 
.rail-wrapper a.klrn_button:active,
.rail-wrapper a.klrn_button:visited {
  opacity: 0.92; 
  color: #fff;
} 
.rail-wrapper a.klrn_button:focus {text-decoration: none;}

@media (min-width: 1024px) and (max-width: 1200px) {
    .rail-wrapper a.klrn_button {
        font-size: 2rem; 
   }
  
    .rail-wrapper a.klrn_button:after {
        font-size: 3.8rem;
        bottom: 0.8rem; 
   }  
 }

/* TV shedule */
#component-f273f3c0-f29e-11e8-ac11-cf036755f6fe {border: 1px solid #ddd;}
.tvss-namespace #schedules-container {padding-bottom: 6px;}

.tvss-namespace #schedules-container.whatson .tvssFooter {
    font-size: 19px !important;
    line-height: 30px !important;
    padding: 0px 0 15px !important;
}

/*========================================================
manage what sidebar promos show
==========================================================*/

/* All pages: Protect My Public Media not shown by default */
#component-19fb5ee0-f369-11e8-90bb-7b9969ce1070 {
    display: none; 
}

/* Passport page: do not show Passport promo 
.passport #component-487eb930-f29a-11e8-ac11-cf036755f6fe {
    display: none; 
} */

/* Passport page: show Protect My Public Media 
.passport #component-19fb5ee0-f369-11e8-90bb-7b9969ce1070 {
    display: block; 
} */

/* All pages: Add any new promo container ids to 4 styles below */
#component-487eb930-f29a-11e8-ac11-cf036755f6fe.component .filer-image-container,
#component-19fb5ee0-f369-11e8-90bb-7b9969ce1070.component .filer-image-container {
    text-align: right; 
}

#component-487eb930-f29a-11e8-ac11-cf036755f6fe .filer-image-container,
#component-19fb5ee0-f369-11e8-90bb-7b9969ce1070 .filer-image-container {
    max-width: 308px;  
    margin: 0 auto;
}

#component-487eb930-f29a-11e8-ac11-cf036755f6fe .filer-image-container:after,
#component-19fb5ee0-f369-11e8-90bb-7b9969ce1070 .filer-image-container:after {
    content: 'Supporting KLRN'; 
    font-size: 1.3rem;
}

#component-487eb930-f29a-11e8-ac11-cf036755f6fe .filer-image,
#component-19fb5ee0-f369-11e8-90bb-7b9969ce1070 .filer-image {
    border: 1px solid #ddd; width: 100%; 
}

/*========================================================
manage KLRN Endowmwnt page sidebar elements
==========================================================*/

/* All other pages: Memorials box not shown by default */
#component-91b6cdf0-a982-11e9-b5e3-a77ff72a2441,
#component-e68b6b10-a982-11e9-b5e3-a77ff72a2441 {display: none;}

/* Endowment page: Memorials box is shown */
.support.klrn-endowment #component-e68b6b10-a982-11e9-b5e3-a77ff72a2441 {
    display: block; 
}

/* Endowment page: Memorials box h2 headline moved up slightly when on desktop */
@media (min-width: 1024px) {
    .support.klrn-endowment #component-e68b6b10-a982-11e9-b5e3-a77ff72a2441 h2 {
        margin-top: -7px;      
   }
}

/* Endowment page: do not show buttons or default Passport promo */
.support.klrn-endowment .rail-wrapper a.klrn_button,
.support.klrn-endowment #component-487eb930-f29a-11e8-ac11-cf036755f6fe {
    display: none; 
}

/* Endowment page: add style for h2.subhead */
.support.klrn-endowment #component-e68b6b10-a982-11e9-b5e3-a77ff72a2441 h2.subhead {
    margin-top: -4px;
    font-size: 2.1rem; 
    font-style: italic; 
}/*================================================== 
livestream page 
==================================================*/

body.live #component-9e9f48f0-e7b4-11ea-b15f-7d6c9dcac937 {
  position: relative;
  height: 0;
  overflow: hidden;
  margin-top: 0;
  padding-bottom: 56.25%;
}

body.live #livestream-module {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/*========================================================
pbs kids page
==========================================================*/

body.kids #component-dc363660-e2f7-11e8-b27f-639fd6f81566 {
  position: relative;
  height: 0;
  overflow: hidden;
  margin-top: 0;
  padding-bottom: 74%;
}

body.kids #station-module {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media (max-width: 425px) {
  body.kids #component-dc363660-e2f7-11e8-b27f-639fd6f81566 {
    padding-bottom: 100%;
  }
}

/*========================================================
News Updates page
==========================================================*/

#layout-dd5b92ef-9cab-48cc-b99f-e53ff7e3b9be {
  text-align: center;
}
#layout-dd5b92ef-9cab-48cc-b99f-e53ff7e3b9be p:first-child,
#layout-dd5b92ef-9cab-48cc-b99f-e53ff7e3b9be p:empty {
  display: none;
}
#layout-dd5b92ef-9cab-48cc-b99f-e53ff7e3b9be img {
  margin: 0em 2em;
}

/*========================================================
On The Record page
==========================================================*/

.ontherecord #rich-text-1941c170-fe62-11e8-8412-9bd181d23a7f > figure img {
  width: 200px;
  margin-top: 4px;
}

/*========================================================
KLRN Passport page
==========================================================*/

.passport #rich-text-87e13070-e3c7-11e9-8111-597ffb3687b0 > figure {
  margin-bottom: 0;
}

/*========================================================
SciTech Now page
==========================================================*/

.scitechnow #rich-text-7e54ba30-e3d2-11e9-8111-597ffb3687b0 > figure img {
  width: 130px;
  margin-top: 6px;
}

/*========================================================
Census page
==========================================================*/

.census2020 #component-d45b6da0-80e1-11ea-b9bd-4b78f9612393 {
  margin-top: 1.5em;
}

/*================================================== 
hankemmafaye page  
==================================================*/

#rich-text-449905b0-3be9-11eb-bcb3-c7232c214b70 > figure {
  margin-top: -1px;
  max-width: 50%;
}

/*================================================== 
videoapp page  
==================================================*/

/* remove postion relative from PBS simple button */
.videoapp .simple-button-component .simple-button-value .text-input {
  position: static;
}

/* add padding back to text blocks for this page */
.videoapp .text-container {
  padding-bottom: 16px !important;
} 

/*================================================== 
sponsor page  
==================================================*/

/* center text-only acknowledgements on sponsors page */
#klrn_sponsors .text-container div {
  display: flex; 
  justify-content: center;
}
/*========================================================
home page klrn sponsor module
==========================================================*/

#column-cef6f81b-94e3-4973-8b54-64598726ce08 {
  position: relative; /*margin-bottom: 0.8rem;*/
  text-align: center;
}
#column-cef6f81b-94e3-4973-8b54-64598726ce08 .component {
  display: inline-block;
  text-align: right;
}
#column-cef6f81b-94e3-4973-8b54-64598726ce08 .component:nth-child(2) {
  display: none;
}

#column-cef6f81b-94e3-4973-8b54-64598726ce08 .component:after {
  content: 'Supporting KLRN';
  font-size: 1.3rem;
}

#column-cef6f81b-94e3-4973-8b54-64598726ce08 .filer-image-container {
  padding: 16px;
  background-color: #f2f2f2;
}

#column-cef6f81b-94e3-4973-8b54-64598726ce08 .filer-image {
  width: 300px;
  border: 1px solid #ddd;
}

@media (max-width: 1199px) {
  #column-cef6f81b-94e3-4973-8b54-64598726ce08 .component:after {
    position: relative;
    right: 16px;
  }
}

@media (min-width: 768px) and (max-width: 920px) {
  #column-cef6f81b-94e3-4973-8b54-64598726ce08 .component:nth-child(2) {
    display: inline-block;
  }
}

/*========================================================
schedule page klrn sponsor module
==========================================================*/

body.schedule
  #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
  div.column-3
  .component,
body.schedule
  #layout-4936e49d-c107-4949-bca0-f3d50f08c84f
  div.column-3
  .component {
  margin-top: 0;
}

body.schedule #layout-f9b491d0-69fc-4adb-b239-b69a18855db5 {
  visibility: hidden;
  margin-bottom: 1em;
}

body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed,
body.schedule #layout-4936e49d-c107-4949-bca0-f3d50f08c84f {
  padding-top: 16px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  margin-bottom: 5px !important;
}

body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed div.column-3,
body.schedule #layout-4936e49d-c107-4949-bca0-f3d50f08c84f div.column-3 {
  position: relative;
  margin-bottom: 0.8rem;
  text-align: center;
}

body.schedule
  #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
  div.column-3
  .component,
body.schedule
  #layout-4936e49d-c107-4949-bca0-f3d50f08c84f
  div.column-3
  .component {
  display: block;
  text-align: right;
}

body.schedule
  #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
  div.column-3
  .component:after,
body.schedule
  #layout-4936e49d-c107-4949-bca0-f3d50f08c84f
  div.column-3
  .component:after {
  content: 'Supporting KLRN';
  margin-top: 5rem;
  font-size: 1.3rem;
}

body.schedule
  #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
  div.column-3
  .filer-image,
body.schedule
  #layout-4936e49d-c107-4949-bca0-f3d50f08c84f
  div.column-3
  .filer-image {
  border: 1px solid #ddd;
}

body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed,
body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed div.column-3,
body.schedule
  #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
  div.column-3:nth-child(3),
body.schedule
  #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
  div.column-3:nth-child(4) {
  display: none;
}

#component-7aa3e3e0-d3e6-11e8-bd4e-4dbef3d3e1ce {
  margin-top: 0;
}

@media (max-width: 767px) {
  body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed,
  body.schedule #layout-4936e49d-c107-4949-bca0-f3d50f08c84f {
    padding-top: 2% !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
  }

  body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed,
  body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed div.column-3 {
    display: block;
  }

  body.schedule
    #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
    div.column-3:nth-child(1),
  body.schedule
    #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
    div.column-3:nth-child(2),
  body.schedule #layout-4936e49d-c107-4949-bca0-f3d50f08c84f div.column-3 {
    display: inline-block;
    width: 46%;
    margin: 2%;
  }

  body.schedule
    #layout-4936e49d-c107-4949-bca0-f3d50f08c84f
    div.column-3
    .component {
    margin-top: 1.3rem;
    margin-top: 0;
  }

  body.schedule
    #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed
    div.column-3
    .component {
    margin-top: 0;
  }

  body.schedule
    #layout-4936e49d-c107-4949-bca0-f3d50f08c84f
    div.column-3:nth-child(3),
  body.schedule
    #layout-4936e49d-c107-4949-bca0-f3d50f08c84f
    div.column-3:nth-child(4) {
    display: none;
  }
}

@media (max-width: 375px) {
  body.schedule
    #layout-4936e49d-c107-4949-bca0-f3d50f08c84f
    div.column-3
    .component {
    margin-top: 0;
  }
}

@media (min-width: 1025px) {
  body.schedule #layout-13f8bdb5-76bd-431a-b240-627aaa2439ed,
  body.schedule #layout-4936e49d-c107-4949-bca0-f3d50f08c84f {
    padding-top: 23px !important;
  }
}/*========================================================
what's on now module
==========================================================*/

.show_current .primetime {display: none;}
.show_primetime .current {display: none;}
.schedule {margin-top: -0.9rem;}  
.schedule h2 {padding: 0; padding-top: 2px;} 
.schedule a:hover {text-decoration: none;} 
.schedule a:focus {text-decoration: none;} 
table td {font-size: 1.6rem;}
.schedule .table th, .schedule .table td {padding: 1.4rem 8px; }
.schedule table tr:last-child {border-bottom: 1px solid #ddd;}
.schedule table td:first-child {padding-left: 0; white-space: nowrap;}
.schedule table td:last-child {padding-right: 0;}
.table.schedule__table {display: table; margin-bottom: 15px;}

.schedule .schedule__tz-va {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
    padding: 0 7px 0 0;
    font-size: 1.6rem;
    font-weight: 700; 
}

.schedule .schedule__tz-va p {margin-bottom: 0;} 
.schedule .schedule__tz-va p.view-all {float: right;}  

.schedule .schedule__tz-va p a:after {
    content: "\F105";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    font-size: 22px;
    top: 3px;
    right: -7px;    
}

td.schedule__time.home-schedule__table-cell-time.schedule__time--formatted {
    font-weight: bold;
}

@media (max-width: 979px) {
    .schedule {margin-top: 1.7rem;}
}

@media (max-width: 967px) {
    .schedule h2 {padding: 0 16px;} 
    .schedule table td:first-child {padding-left: 16px;}
    .schedule table td:last-child {padding-right: 16px;}  
    .schedule .schedule__tz-va {padding-right: 23px; padding-left: 16px;}
}

@media (max-width: 270px), (min-width: 768px) and (max-width: 850px)  {
    .section-header-component .section-header-value.h2_tag .text-input, h2 {font-size: 2.4rem;}
    .table.schedule__table {margin-bottom: 18px;}    
    .schedule .schedule__tz-va {margin-bottom: 8px;}
    .schedule .schedule__tz-va {display: block;}
    .schedule .schedule__tz-va p {line-height: 1.5;}
    /*.schedule .schedule__tz-va p.schedule_primetime {margin-bottom: 0}*/
    .schedule .schedule__tz-va p.view-all {float: none;}
}/*========================================================
youtube videos module 
==========================================================*/

.video-info {
  background-color: var(--klrn-primary-lightest);
}
.video-info .ellipsis h3.title {
  font-weight: 400;
}

.embed_wrapper.ratio_16-9 {
  background: center no-repeat #222;
  background-size: cover;
  text-align: center;
}
.ratio_16-9 {
  padding-bottom: 56.25%;
}

.embed_wrapper {
  position: relative;
  height: 0;
  overflow: hidden;
}

.embed_wrapper button {
  position: absolute;
  /* z-index: 63; */
  left: 50%;
  top: 50%;
  width: 68px;
  height: 48px;
  margin-left: -34px;
  margin-top: -24px;
  transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  padding: 0;
  border: none;
  background-color: transparent;
}

.klrn_youtube_playlist .video-component .video-container,
.klrn_youtube_video .video-component .video-container {
  display: block;
}

.embed_wrapper:hover {
  cursor: pointer;
}

.embed_wrapper:hover > button > svg path:first-child {
  fill: red;
}

/* handling ellipsis */
.ellipsis {
  line-height: 1.625; /* match or reset global line-height */
  height: 8rem; /* custom height for 3 lines */
  overflow: hidden;
}

.ellipsis:before {
  height: 8rem; /* custom height for 3 lines */
  content: '';
  float: left;
  width: 5px;
}

.ellipsis > *:first-child {
  float: right;
  width: 100%;
  margin: 0 0 0 -5px !important;
}

.ellipsis:after {
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    var(--klrn-primary-lightest) 50%,
    var(--klrn-primary-lightest)
  ); /* custom color */
  font-size: 2rem; /* custom size for larger ellipsis */
  top: -3.24rem; /* custom alignment for 3 lines */
  left: 100%;
  width: 3em;
  margin-left: -3em;
  padding-right: 5px;
  content: '... ';
  box-sizing: content-box;
  float: right;
  position: relative;
  text-align: right;
}

.ellipsis.klrn_show_lines_2:before {
  height: 5.34rem; /* custom height for 3 lines */
}

.ellipsis.klrn_show_lines_2 {
  height: 5.34rem; /* custom height for 3 lines */
}

.ellipsis.klrn_show_lines_2:after {
  top: -3.14rem; /* custom alignment for larger ellipsis */
}

.ellipsis.klrn_show_lines_1:before {
  height: 2.67rem; /* custom height for 3 lines */
}

.ellipsis.klrn_show_lines_1 {
  height: 2.67rem; /* custom height for 3 lines */
}

.ellipsis.klrn_show_lines_1:after {
  top: -3.14rem; /* custom alignment for larger ellipsis */
}

.klrn_youtube_playlist .load_more_videos_div {
  margin-top: 1.8vw;
  margin-bottom: 1vw;
  text-align: center;
  margin-top: 2.6rem;
  margin-bottom: 0;
}

@media (max-width: 1279px) {
  .klrn_youtube_playlist .load_more_videos_div {
    margin-top: 2.5rem;
    margin-bottom: 2rem;
  }
}