/* style station names in header */
.PH-tagline {font-weight: bold; color: var(--primaryColor1);}

/* shrink tagline on medium screens */
@media screen and (max-width: 1239px) {
  .PH-tagline {font-size:13px;}
}

/* footer bold headings */
.FooterNavItem-text  {font-weight: bold;}

/* footer spacing */
.FooterNavItem-items > li {margin: 0 0 .25em 0;}

/* hide section breadcrumb gap */
.SectionPage-breadcrumbs-wrapper, .OneOffPage-breadcrumbs-wrapper {display: none;}

/* style bullet lists */
div[class*="-articleBody"] ul,
div[class*="Page-description"] ul,
.RTB ul {
list-style-type: square;
}

/* remove bullet on tag buttons */
div.ListTags ul.ListTags-items {list-style-type:none; list-style:none;}

/* add spacing below StreamPill buttons */
.HtmlModule > .StreamPill {margin-bottom:.5em;}

/* make hr full width */
.Enh > hr {width:100% !important;}

/* fix spacing around inline images */
div.Enh[data-align-center]{margin:0 auto;}

/* apply default font to HTML blocks */
.HtmlModule {font-family: var(--bodyFont),Arial,Helvetica,sans-serif;}

/* adds margin to section pages */
.SectionPage-wrapper {padding: 0 20px;}
/* Note: the media query is hiding all of these margins, too... but maybe for a reason  .ArtP-wrapper, .AuthorPage-wrapper, .BlogPage-wrapper, .BlogPostPage-wrapper, .EventPage-wrapper, .LiveBlogPage-wrapper, .LongFormPage-wrapper, .OneOffPage-wrapper, .PCEP-wrapper, .RSEP-wrapper, .SeriesPage-wrapper, .TagPage-wrapper */ 

/* stream drawer fix - hide ad on short screens */
@media (max-height:850px){.BrightspotPersistentPlayer-dfpAd{display:none;}}

/* add app link in stream drawer for mobile screens */
@media only screen and (max-width: 767px){#lpmAppInStreamDrawer{display:block !important;}}

/* stream drawer fix - hide massive top now playing */
/*.BrightspotPersistentPlayer-drawerMain .BrightspotPersistentPlayer-currentPlaying {display:none;} */
.BrightspotPersistentPlayer-playerControls.drawer, .BrightspotPersistentPlayer-drawerImage {display:none;}

/* stream drawer fix - hide background that bleeds past the drawer */
.BrightspotPersistentPlayer-dfpAd {background:none; border-top:none;}

/* hide album name in persistent player and style the rest */
.BrightspotPersistentPlayer-songInfo-image {display:none;}
span[data-songinfo-album] {display:none;}
[data-songinfo-artist] {display:inline-block; position:relative; right:-7px;}
.BrightspotPersistentPlayer-songInfo-textAlbumArtist {margin-left: auto;}
.BrightspotPersistentPlayer-songInfo-textSong {margin-left: auto;}
.BrightspotPersistentPlayer-drawerControls{background-color: var(--primaryColor2);}

/* show classical composer when WUOL is playing. requires script to add data-now-playing attribute. */
.BrightspotPersistentPlayer[data-now-playing="LPM Classical"] span[classical-composer] {display:block;}
.BrightspotPersistentPlayer[data-now-playing="LPM Classical"] span[classical-album] {display:none;}

/* Remove category name eyebrow */
.PromoC-category, .PromoC-TV-category {display: none;}

/* breathing room for play button on mobile */
@media only screen and (max-width: 767px) {
    .BrightspotPersistentPlayer-playerControls {margin-right: 25px; width:42px;height:42px;}
    .play-icon {height:18px !important;width:18px !important;margin-left:6px !important;}
    .pause-icon {height:16px !important;width:13px !important;}
    }

/* mobile persistent player - show full song name and fix overflow for tiny screens. */
.BrightspotPersistentPlayer-streamInfo {min-width:0; overflow:hidden;}
.BrightspotPersistentPlayer-name, .BrightspotPersistentPlayer-programName {max-width:100%;}

/* Fix for List F for small screens with large fonts */
@media only screen and (max-width: 360px){
    div.PromoXS-title {font-size: 4vw;}
    div.PromoXS-media {max-width:50%;}
    #streamheader {font-size: 5vw;} 
}

/* Fix for section header lines */
.SectionPage-head {border-top: 0px;}
.SectionPage-head {border-bottom: 0px;}
.SectionPage-head, .SectionPage-head-text {padding:0; margin:0;}
.SectionPage-head-media {display:none;}

/* Google Form Styles */
/* Use https://stefano.brilli.me/google-forms-html-exporter/ to export HTML */
/* Have to add .Button class to submit in HTML */

form[action*="docs.google.com/forms"] {
    fieldset {border:0; min-width:0; width:100%;}
    h2 {display:none;} /* Hides title and description */
    legend {font-weight:bold; margin-top:1em;}
    .help-block {font-style:italic; margin-top:0;}
    input[type=text], textarea {width:100%;}
    textarea {height:5em;} 
    input[type=text] {height:2em;}
    input[type=radio], input[type=checkbox] {width:1.2em; height:1.2em;}
    div.radio {margin:.5em 0 .5em 1.5em; text-indent:-1.5em;}
    img {height: auto;width: 100%; max-width:400px; padding: 1em;display: inline;}
    input[type="submit"] {margin: 2em auto 0 auto;}
}

/* optin monster  */
div[id^="om-"] {max-width:100%;max-height:100%;}