@charset "UTF-8";



@import url("home.css");
.webpage_errors {position: absolute; top: 0; left: 0; right: 0; background: rgba( 255, 0, 0, 0.9 );  margin: 0 20px ; z-index: 999999 }
.webpage_errors li { display: none; }
.webpage_errors:hover li { display: list-item;}

body {  font-family: Roboto; font-size: 12pt; background: #2f3139 ;  padding:0; margin: 0;  background-size: 100%; background-attachment: fixed; color: black; overflow-wrap: break-word;  }
h1, h2, h3, h4, h5 { color: #662d91;  }  

header { width: 100%; overflow: hidden; text-align: center;  margin: 0 auto 0;  background: white; color: black; }
header .header-graphic { width: 36%; float: right; margin-top: 20px; display: none;}
header .header-graphic img { width: 100%; float: left; height: 200px; padding: 10px 0; }
header .airtimes   {  float: left;  clear: left; padding: 0 20px; font-size: 20px; max-width: 250px; font-size: 12pt; box-sizing: border-box; }
header .airtimes  img  { clear: none; height: auto; float: none; margin: 0; max-width: 250px; margin: 20px 0; }
header .airtimes  span  { display: inline-block; vertical-align: top;  padding-top: 0.8em;}
div.body {  }

ul.metro { padding: 0; margin: 0; list-style: none; }
ul.metro li { padding: 0; margin: 0; list-style: none; width: 33%; display: inline-block; }
ul.metro li img {  width: 100%; }
ul.metro li span { display: block; position: absolute; color: white; font-size: 20pt; text-shadow: 4px 4px 4px black; }

#top_menu input { width: 300px; padding: 0.5em; border: 1px solid; border-radius: 10px; box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1); display: inline-block;  }
#top_menu ul ul { display: none;  background: white !important; position: absolute; width: 220px; margin-left: -11px;  border: 1px solid black;  padding: 0; z-index: 9999}
#top_menu ul ul ul { }
#top_menu a {  display: block; padding: 15px 10px; }
#top_menu ul li:hover ul { display: block;  overflow: visible;; }
#top_menu ul li:hover ul li { position: relative; }
#top_menu ul li:hover ul ul { display: block;  }
#top_menu ul li ul li  ul  { display: none !important; }
#top_menu ul li ul li:hover ul  { display: block !important; position: absolute; top: -10px;  left: 40%; }
#top_menu ul ul li { display: block; width: 100%; background: white; color: black; font-size: 11pt; margin: 0; text-align: left; padding: 5px 12px; }

.header-notice { width: 100%;  display: inline-block;  float: left; margin-bottom: 20px;   }
.header-notice {  background-color: #662d91; color: white;}
.header-notice h2 {color:white; padding: 0 1em; }
.header-notice p { padding: 1em; }

#top_menu {overflow: hidden;  width: 100%;  margin-top: -4px;  }
#top_menu ul { margin: 0; padding: 0; background-color: #141b62 !important; color: white; overflow: hidden; text-align: center; }
#top_menu li { font-size: 12pt;  text-transform: uppercase; display: inline-block;     width: 10%; background: none !important; min-width: 130px; padding: 0px; }
#top_menu ul > li:hover  { background-color:  #f15a22 !important;   }
#top_menu ul li:hover li  { background: none !important;   }
#top_menu li a { color: white; text-decoration: none; }
#top_menu li li a:hover { color: #662d91;   }
#top_menu li a:hover { color: #f59a82; }

#top_menu ul ul li a { color: black;  display: block; padding: 10px 0; }

.logo-container { max-width: 1200px; margin: 0 auto; }
.logo-text { display: inline-block; float: left; }
.logo-show { float: left; padding-left: 5%; width: 40%; }
.logo-show img { max-width: 400px; padding: 20px 0;}
#logo .search { vertical-align: bottom;   float: right;  width: 35%;  clear: right;  }
#logo .search { font-size: 16pt; }
#logo .search input { background: none; border: none; width: 5em; background-image: url( ../images/search.gif ); background-repeat: no-repeat; padding-left: 25px;   border: 1px solid; border-radius: 10px;   padding: 5px 5px 5px 30px;  transition-duration: 500ms; }
#logo .search button { background: none; border: none; display: none;  max-width: 10%; margin-right: 20px; transition-duration: 500ms; position: absolute; margin-left: -2.5em; font-size: 12pt; margin-top: 3px; }
#logo .search form {background: white;  width: 260px;  float: right; text-align: right; }
#logo .search form.active input, #logo .search form input:focus { width: 80%;  }
#logo .search form.active button, #logo .search form input:focus + button { display: inline-block; text-transform: uppercase;  }

.area.about img { float: left; padding: 10px 10px; width: 100%;  }

nav ul li { display: inline-block; background: none; }

background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); }
.search button:hover { color: white; cursor: pointer; }
.logo { display: block; width: 100%;  padding: 10px 0 ;  display: inline-block; background: white;  }
.logo img { clear: both;  display: inline-block; float: left; margin: 10px 0px 20px; width: 100%; }
.logo .icons { display: inline-block; vertical-align: top ; clear: both; float: left;}
.logo .container { position: absolute; width: 300px;  }
.logo .icon { background-image: url( ../images/icons_small.png ); background-repeat: no-repeat; width: 50px; height: 50px; margin-right: 100%; float: right;  }
.logo .icon.icon1 { background-position: -250px;   } 
.logo .icon.icon2 { background-position: -187px;   } 
.logo .icon.icon3 { background-position: -125px;   } 
.logo .icon.icon4 { background-position: -63px;   } 
.logo .icon.icon5 { background-position: 0px;   } 
.logo.moved .icon  { transition: margin 1.0s; } 
.logo.moved .icon.icon1  { margin-right: 0%;  } 
.logo.moved .icon.icon2  { margin-right: 62px; transition-delay: 0.2s  } 
.logo.moved .icon.icon3  { margin-right: 125px;  transition-delay: 0.4s } 
.logo.moved .icon.icon4  { margin-right: 187px;  transition-delay: 0.6s } 
.logo.moved .icon.icon5  { margin-right: 250px;  transition-delay: 0.8s } 


.content-full { clear: both; }


ul li { list-style: none; background: url(../images/dot.png) no-repeat 0 0.3em; padding-left: 18px; }


div.main { width: 1200px; margin: 0 auto;   }
div.main_container { padding: 5px 5px 0; display: inline-block; position: relative; width: 100%; box-sizing: border-box; }
div.main_container .main_container { padding: 0; }
.main_container > div.content { float: left; width: 730px; padding: 0px 0px 0 0px;  display: inline-block; }

div.categories { width: 1200px; margin: 0 auto; clear: both;  overflow: hidden;  }

div.main .episode  { margin-bottom: 50px; overflow: hidden; list-style: none; background: none; padding: 0; margin-left: 0; border: 5px solid rgba(0,0,0,0.1); padding: 10px; border-radius: 10px;  }
div.main .episode .info {  overflow: hidden; margin: 0 0 2em 0; padding: 10px 20px;  clear: both; }
div.main .episode h2 { padding-top: 0; margin: 0.5em 0; }
div.main .episode .container {padding: 10px;  }
div.main .episode img { float: left; max-width: 100%; margin: 0px 0; }
div.main .episode p { float: right; width: 100%; max-height: 200px; overflow: hidden; padding: 0;  margin: 0;}
div.main .episode a { text-decoration: none; color: black  }
div.main .episode a:visisted { text-decoration: none; color: black;  }

.open-menu { display: none; background-color: #141b62 !important; color: white; }
.open-menu span { font-size: 15pt; display: inline-block; padding-right: 5px;}
.open-menu a { color: white; text-decoration: none; }

#segments ul { margin: 0; padding: 0; }
#recentsegments { max-height: 500px; overflow: auto; position: relative; }
#recentsegments  a { text-decoration: none; }
#recentsegments  h3 { padding: 0; margin: 0; text-align: center; border-bottom: 1px solid; }
#recentsegments  h4 { padding: 0; margin: 0; }
#recentsegments  h2 { padding-top: 0; margin-top: 0; }
#recentsegments  .ep_air { color: white; display: block; }
#recentsegments .segment .container {padding: 5px;  }
#recentsegments  .segment  { overflow: hidden; display: inline-block; margin: 0; background: none; padding: 0; }
#recentsegments  .segment .container  {  margin: 5px; max-width: 320px;  }
#recentsegments  .segment  img { width: 100%;  padding: 0px 0; }
#recentsegments  .segment  p { padding: 0; margin: 0; color: black; text-decoration: none; min-height: 4em; }
#recentsegments  .segment .info {  overflow: hidden; margin: 0 0 0; padding: 10px 0px;  clear: both; }

div.right { float: right; width: 450px; padding: 0 0px; display: inline-block;  padding-left: 10px;  }
div.right.fixed { float: none;  position: fixed; bottom: 0px;  }
div.right.bottom { vertical-align: bottom; bottom: 0px; position: absolute;; }

div.categories .category { display: inline-block; width: 250px; margin: 10px;; }
div.categories li { list-style: none; background: none; }
div.categories img { width: 100%; }

footer { clear: both; background-color: #662d91; padding: 3em 0;  color: white; width: 1200px; margin: 0 auto; overflow: hidden; }
footer h3 { color: white; }
footer a { color: white;  text-decoration: none;   }
footer a:hover { color: #a66dc1;  }
footer nav {  padding: 0 50px;  } 
footer nav ul    { margin: 0; padding: 0; overflow: hidden;  }
footer nav ul li { display: inline-block; width: 32%; float: left; font-weight:bold;  margin: 0; padding: 0;}
footer nav ul li li { display: block; margin: 0; font-weight: normal; width: 100%; }


div.other { clear: both; }
div.other.social { }
div.other.social a {  width: 23%; display: inline-block; padding: 30px 50px;  color: black; font-family: arial; text-decoration: none; }
div.other.social a:hover {   color: #f15a22; }
div.other.social a div { width: 48%; display: inline-block; vertical-align: top; padding-top: 10px; }
div.other.social span { font-size: 50pt; color: #999; width: 25%; opacity: 0.5; padding-right: 00px;  }

div.underwriters { overflow: hidden;  } 
div.underwriters h2.additional { padding: 20px 0; } 
div.underwriters div { font-size: 14pt; margin: 15px 20px; vertical-align: top; display: inline-block; } 
div.underwriters h2 { color: black; text-align: center; padding: 0.2em 0; color: #999; }
div.underwriters ul  { display: block; width: 100%; text-align: center;   margin: 0 0 10px 0; padding: 0;}
div.underwriters ul li { background: none; display: inline-block; width: 27%; text-align: center;  vertical-align: top; }
div.underwriters ul.bottom li { width: 17.5%; padding: 15px 0 30px; overflow: hidden;  text-align: center; }
div.underwriters ul.bottom li.tall { width: 10%; padding: 0px; }
div.underwriters ul.bottom li.square { width: 13%; padding: 0px; }
div.underwriters ul.bottom li.wide { width: 30%;  }
div.underwriters ul.bottom li.wide.left-space  {  padding-left: 50px; }
div.underwriters ul.bottom li.wide  img { width: 100%; height: auto !important}
div.underwriters ul.bottom li.wider { width: 26%; padding:  0; }
div.underwriters ul.bottom li.wide.thin { padding: 15px 0; }
div.underwriters ul img { max-height: 100px;  display: inline-block;  }
div.underwriters ul.bottom img { max-height: 75px;  float: none; display: inline-block; }
div.underwriters ul.bottom li.tall img { max-height: 95px;  display: inline-block;  }
div.underwriters ul.bottom li.square img { max-height: 85px;  display: inline-block;  }
div.underwriters ul.bottom li.wide img { max-height: 95px;  display: inline-block;  }
div.underwriters ul.bottom li.wider img { max-height: 125px;  display: inline-block;  }
div.underwriters ul a { display: block; color: black; text-decoration: none; }
div.underwriters ul span { display: block;  font-size: 16pt; width: 100%; margin-top: 7%; text-align: center; }
div.underwriters ul.bottom span { display: none; }
div.underwriters ul a:visited { color: black; }
div.underwriters ul a:hover {   color: #f15a22 !important; }
div.underwriters p { text-align: center; font-style: italic; padding: 1em 0; font-size: 16pt; }

div.underwriters ul.top li { width: 35%; }
div.underwriters ul.top li img { max-height: 120px; }


div.area { padding: 0.5em 1em; margin-bottom: 1em; text-align: center; color: black;}
div.area.socialmedia a { text-decoration: none;  display: inline-block; width: 20%;}
div.area.socialmedia h2 a { text-decoration: none;  display: inline-block; width: 100%;}
div.area.socialmedia .fa { font-size: 50pt; color: black; }
div.area.socialmedia .facebook .fa { color:#3b5998 ; }
div.area.socialmedia .twitter .fa { color: #1da1f2; }
div.area.socialmedia .instagram .fa { color: #fd1d1d; }
div.area.socialmedia .youtube .fa { color: #cd201f; }

#bottom-copy { text-align: center;  }
#bottom-copy li { display: inline-block; margin-left: 20px;  }

#embed { padding-top: 56%; position: relative;  }
#embed iframe {position: absolute; width: 100%; top: 0px; height: 100%; left: 0px; height: 100% !important; }
/* #embed.youtube { height: 399px; }*/
#description { padding: 20px 0;  }   
#episode_num { font-size: 16pt; padding-bottom: 10px; display: block; }
#airdate { padding: 10px 0; display: block; }
.info .summary { display: none; }

#videos { margin: 0; padding: 0; list-style: none; background: none; }

/*full episodes page*/
#fullepisodes li { list-style: none; background: none; display: inline-block; padding: 10px ; margin: 0; position: relative; }
#fullepisodes ul { padding: 0; margin: 0; text-align: left; }
#fullepisodes a { color: black; text-decoration: none; display: block; overflow: hidden; }
#fullepisodes li img { width: 50%; float: left;  margin-right: 20px; }
#fullepisodes li li img { width: 100%; float: none;  margin: 0; }
#fullepisodes .ep_title  { display: block; font-size: 14pt;  text-align: left; }
#fullepisodes .ep_num  { display: block; text-align: left; }
#fullepisodes .clips { clear: both; margin-left: 30px; }
#fullepisodes .clips li { clear: both; }
#fullepisodes h4 { font-size: 1.3em; color: black; clear: both; }
#fullepisodes p { text-align: left; }

#description { text-align: left; }
#segments { text-align: left; }
#segments  .segment { list-style: none; margin: 0; padding: 0; background: none; }

#segments .leftinfo { float: left ; width: 100%;  margin: 0em; max-width: 100%; box-sizing: border-box; }
#segments .leftinfo img { width: 100%; }

#segments .segment-description { float: left; width: 100%; min-height: 0em;  }
#segments .play, 
#segments .embed { display: block; }
#segments .play { background: url(../images/icon-play.png) 0 50% no-repeat; padding-left: 25px;  }
#segments .embed { background: url(../images/icon-embed.png) 0 50% no-repeat; padding-left: 25px;  }
#segments .share { background: url(../images/icon-link.png) no-repeat; padding-left: 25px;  }
#segments .segment-links  a {  display: inline-block; }
#segments .guests { clear: both; }



.full .guest { display: none;  }
.full .guests ol { margin: 0; padding: 0;  }
.full .guests li { list-style: none; display: inline-block; width: 45%; vertical-align: top; margin-bottom: 7px; }
.full .guests  span { display: block; }

#fullsegments { overflow: hidden; display: block; margin: 0; padding: 0; }
#fullsegments li { margin: 0 0 30px; padding: 0; background: none; clear: both;  overflow: hidden; text-align: left; }
#fullsegments img  { float: left; max-width: 250px;  margin-right: 10px; }
#fullsegments div  { float: left; max-width: 300px;  margin-right: 10px; }
#fullsegments p  { color: black; text-decoration: none;}
#fullsegments span  { display: block; }

#fullshorts { overflow: hidden; display: block; margin: 0; padding: 0; }
#fullshorts li { margin: 0 10px 10px; padding: 0; background: none; clear: both;  overflow: hidden; text-align: left; display: inline-block; width: 20%; float; left;  box-sizing: border-box; }
#fullshorts img  { float: left; max-width: 100%;  margin-right: 10px; box-sizing: border-box; }
#fullshorts div  { float: left; max-width: 250px;  margin-right: 10px; }
#fullshorts p  { color: black; text-decoration: none;}
#fullshorts  span.title  {  font-size: 14pt; display: block; margin: 10px 0; box-sizing: border-box; text-align: center; text-decoration: none !important; }
#fullshorts a  {  text-decoration: none !important; }
#fullshorts span  { display: block; }
#fullshorts  a span   { color: black; }



#sortby_home { padding: 0; margin: 0 0 20px; }
#sortby_home li {  display: inline-block; width: 23%; padding: 5px; margin: 0; background: none; background-color: #141B62  }
#sortby_home li.sel {  background-color: #545Ba2  }
#sortby_home li a { color: white; text-decoration: none;  }

.home-episode-thumb { width: 45%; float: left; }


#extended .button { background: #141B62 ; color: white; padding: 10px 0; width: 100%; display: block;  }
#extended { overflow: hidden;  margin: 0; padding: 0; }
#extended li { clear: both; background: none; padding: 0; margin: 0 0 20px;  overflow: hidden; }
#extended img { width: 50%; float: left; }
#extended .info { width: 45%; float: right; margin: 0; padding: 0;}
#extended .title { color: #662d91; padding: 0.5em 0; font-weight: bold;   }
#extended .company, #extended .city { color: #260d51; font-size: 12pt; margin: 0 0 0.3em;   }

.episode-home-segments { float: right; width: 100%; }
.episode-home-segments ul { clear: both; overflow: hidden; margin: 0; padding: 0; }
.episode-home-segments li { display: inline-block; width: 31%; margin: 0; padding: 0; }
.showhome .home-segment {   background: none;  position: relative; }   
.showhome .home-segment h2 {   overflow: hidden; font-size: 12pt; }   
.showhome .home-segment img { height: 200px; }   
.showhome .home-segment.clear { clear: both; }

#fullepisodes .home-segment { width: 28.5%;  display: inline-block;}
#fullepisodes h2 { float: right; clear: both; font-size: 12pt; }

.parent-segments li { list-style: none; background: none; margin: 0; padding : 0; width: 40%; display: inline-block; }
.parent-segments img { width: 100%; }

.recent-segments { margin-bottom: 20px; }
.recent-segments .segment  { list-style: none; background: none; margin: 0 10px; padding: 0; width: 30%; display: inline-block; border-bottom: 3px solid; }
.recent-segments .segment img  { width: 100%;  padding: 10px 0; display: none; }
.recent-segments .fb-like  { display: none; }
.recent-segments a  { text-decoration: none; }
.recent-segments .info p  { color: black; }
.recent-segments .subsegment  { list-style: none; background: none; margin: 0; padding: 0; display: inline-block; width: 40%; }
.recent-segments .subsegment img { width: 100%; display: none;  }
.recent-segments .container { padding: 10px 0; }


/* search page */
.search-results   { margin: 0; padding: 0; text-align: left; }
.search-results li  { display: block; background: 0; list-style: none;  margin: 5px 20px 25px; padding: 0; clear: both;  border-bottom:1px solid #ccc; overflow: hidden; }
.search-results li img { float: left; max-width: 25%;  margin: 10px;}
.search-results li p {}
.search-results li h2 { font-weight: normal; padding: 0; margin: 0; }
.search-results .url { color: darkblue; display: block; }
.search-results .airdate { color: darkblue; display: block; }
.search-results .organization { color: darkblue; display: block; }


#share_link_box { font-size: 1.2em; }
#share_link_box input { font-size: 1.0em; padding: 5px; }
#share_link_box button { font-size: 1.0em; padding: 5px; }
.notify { color: white; font-size: 12pt; background: #141b62; border-radius: 10px;  display: block; margin: 10px 0; padding: 5px; }

#sharelinks span { display: inline-block; vertical-align: top; padding-top: 17px;   }
#sharelinks ul { list-style: none; margin: 0; padding: 10px 0 0!important; display: inline-block;  }
#sharelinks  li { display: inline-block; padding-left: 0 !important; background: none; }
#sharelinks li a { display: inline-block; height: 30px; width: 35px;}
#sharelinks .share-copy { border-bottom:0px solid rgba(0,0,0,0.5); padding-top: 5px; vertical-align: top; }
#sharelinks .share-copy a { width: 140px; text-align: center; display: block; }
#sharelinks .share-copy a span {  padding: 0 5px 15px 0; }
#sharelinks .share-copy a img {  width: 20px; height: 20px; margin: 1px; }
#sharelinks #share-facebook a { background: url( ../images/spritesheet.png ) -265px -90px no-repeat; }
#sharelinks #share-twitter a { background: url( ../images/spritesheet.png ) -265px -150px no-repeat; }
#sharelinks #share-pinterest a { background: url( ../images/spritesheet.png ) -265px -119px no-repeat; }
#sharelinks #share-google a { background: url( ../images/spritesheet.png ) -265px -60px no-repeat; }

.clickthrough {  height: 100% !important}
.clickthrough {cursor: pointer;}
#home_player .clickthrough .overlay { left: 35%; opacity: 0.5 ; margin-top: 150px;}
.clickthrough .overlay { left: 49%; margin-top: 130px; position: absolute;  background: url(../images/playbutton.png) no-repeat; width: 55px; height: 70px; text-indent: -999in;   }
.segmentpage .clickthrough .overlay { left: 34%; margin-top: 150px; position: absolute;  background: url(../images/playbutton.png) no-repeat; width: 55px; height: 70px; text-indent: -999in;   }
.clickthrough:hover .overlay { background-position: -56px 1px;}
.clickthrough iframe { display: none; ; }
.clickthrough img { width: 100%; }

#fullepisodes .overlay, .playlists .overlay, .bigplaylist .overlay, #recentsegments .segment .overlay, .episode .overlay { position: absolute; z-index: 999; width: 55px; height: 58px; left: 35%; top: 35%; background-repeat: none; opacity: 0.5;  }
#fullepisodes .overlay.overlayinfo.playlists .overlay.overlayinfo, .bigplaylist .overlay.overlayinfo, #recentsegments .segment .overlay.overlayinfo, .episode .overlay.overlayinfo {  margin: 0; opacity: 1.0; width: auto; height: auto; clear: both; left: 0; top: 0; }
#fullepisodes .overlay.overlayinfo span, .playlists .overlay.overlayinfo span ,.bigplaylist .overlay.overlayinfo span , #recentsegments .segment .overlay.overlayinfo, .episode .overlay.overlayinfo span { text-indent: none; display: block;  background: rgba(0,0,0,0.5); color: white !important; width: default;  padding: 0 1em;  }

.episode a:hover .overlay { background-position:  56px 1px;   }

.area.metro li { position: relative; }
.metro-overlay { width: 50px; height: 50px; position: absolute; z-index: 9999; right: 10px;  top: 10px; }

#tags .tags  { list-style: none; background: none; margin: 0; padding: 0; display: inline-block;  }
#tags .tags li { list-style: none; background: none; margin: 0; padding: 0; display: inline-block;  background-color: #eee; padding: 3px 1em;   }



.home_sort a { display: block;  }
.home_sort h3 { float: left; margin: 0 25px 0 0;   }
.home_sort ul { margin: 0;   }

#recentepisodes .info { padding: 0; margin: 0; width: 50%; float: right;  clear: none; }
#recentepisodes li { position: relative; }
#videos #recentsegments .info { padding: 0; margin: 0; float: right;  clear: none; }

.sort_organizations { padding: 20px 20px; }
.sort_organizations li { padding: 0px 0px 10px 20px; }

#related-segments ul { padding: 0; margin: 0; }
#related-segments .segment { max-width: 30%; display: inline-block; padding: 0; margin: 0; list-style: none; }
#related-segments .segment img { width: 100%; }

.related-episode { text-align: center; }
.related-episode img { max-width: 200px;  display: inline-block;  }

/*box shadow*/
body.boxed header { background-color: inherit };
body.boxed { background-color: #ddd; }
/* body.boxed .other, body.boxed .logo,  body.boxed div.categories, #top_menu ,  body.boxed div.main .episode, body.boxed .recent-segments,  body.boxed div.main .area, body.boxed .sort_organizations  {  border: 0px solid black;  border-top: 0;   box-shadow: 1px 1px 3px black;  background: white; } */
body.boxed .main   {  border: 0px solid black;  border-top: 0;   box-shadow: 1px 1px 3px black;  background: white;  } 

body .area { border: 1px solid #eee; }

.right div.area.searchpanel { text-align: left; } 


.videos { padding: 0; margin: 0;}
.videos > li { background: none; padding: 0; margin: 0; display: inline-block; }
.videos .recent-segment { margin: 0; padding: 0;  display: block; }
.videos h3 { display: inline-block; }


#header-search .suggestions  { z-index:99999  }
#header-search .suggestions ul { padding: 0; margin: 0;  }
#header-search .suggestions ul li { padding: 5px; margin: 0; background: none; }
#header-search .suggestions { position: absolute; text-align: left;  background: white; border: 1px solid; width: 350px; display: none; font-size: 12pt;  } 
#header-search .suggestions a { color: black; text-decoration: none ; } 
#header-search .suggestions .type { color: #333;  float: right; } 

.searchpage .suggestions  { z-index:99999  }
.searchpage .suggestions ul { padding: 0; margin: 0;  }
.searchpage .suggestions ul li { padding: 5px; margin: 0; background: none; }
.searchpage .suggestions { position: absolute; text-align: left;  background: white; border: 1px solid; width: 350px; display: none; font-size: 12pt;  } 
.searchpage .suggestions a { color: black; text-decoration: none ; } 
.searchpage .suggestions .type { color: #333;  float: right; } 

.

.searchpage .input_box { width: 80%; display: inline-block;  text-align: left; }
.searchpage #query { width: 80%; padding: 5px; border-radius: 3px; border: 1px solid; font-size: 15pt;   }


form { text-align: center;}
form fieldset { border: 0; padding: 0; margin: 0; display: inline-block; width: 70%; font-size: 16pt; }
form legend { border: 0; padding: 0; margin: 0; display: none; }
form .field  { display: block;  width: 100%;  }
form .field label { display: block;   text-align: left; margin: 3px 0;  font-size: 13pt;}
form .field input { display: block; width: 100%;  padding: 5px;  border: 1px solid #141B62 ; }
form .field select { display: block; width: 100%; padding: 5px;  border: 1px solid #141B62 ; }
form .field textarea { display: block; width: 100%;  min-height: 100px; border: 1px solid #141B62 ;  }
form .actions { padding: 10px; text-align: right; width: 70%; display: inline-block; }
form .actions button { padding: 5px; font-size: 12pt; }

.featured_link { background-color: #f15a22; clear: both; display: inline-block; padding: 20px;  border-radius: 5px; margin-right: 30px; }
.featured_link a  { color: white; text-decoration: none;  }

nav > ul.hiddenmobile { display: block !important }

@media screen and (max-width:1200px)
{
	header { width: 100%; }
	div.main { width: 100%; }
	.main_container > div.content { width: 60%; }
	div.right { width: 38%; }
	footer { width: 100% }
	#top_menu .home { display: none; }   
	div.underwriters ul.bottom img { width: 100% !important; max-height: none !important; max-width: 300px !important; }
}

@media screen and (max-width:700px)
{

div.underwriters ul.bottom li.wide.left-space  {  padding-left: 0px; } 
	header { width: 100%; }
	div.main { width: 100%; }
	div.content { width: 100%; }
	div.right { width: 100%; }
	div.content.left { width: 100%; }
	footer { width: 100% }
	div.other.social a { width: 100%; }
	footer nav ul li { width: 100%; } 
	footer nav ul >  li { display: inline-block; width: 45%; float: left; padding: 0 2% ; } 
	#top_menu li { width: 25%;  }

	header .airtimes  { clear: none; width: 100%; max-width: initial; display: block; text-align: center; }
	header .airtimes  img  { float: left; width: 10%; min-width: 60px;}
	header .airtimes  div  { float: right; width: 82%; padding: 1em 0; text-align: left; }
	header .logo-show { margin: 10px 0; width: 50%;  }

	div.underwriters ul li { width: 100%;}
	div.underwriters ul.bottom li { width: 40% !important;  }
	div.underwriters ul.bottom li.wide { width: 90% !important;  }
	div.underwriters ul.bottom li.wider { width: 90% !important;  }

	div.underwriters ul.top li { width: 100%; }


	header .logo-show { margin: 10px 0; width: 100%;  }
	header .schedule { width: 100%; }
	.main .playlists .playlist { height: auto; max-height: initial; }
	.main .bigplaylist li { width: 100%;  display: none; }
	#logo .socialmedia_menu { width: 100%; text-align: center; float; none;  }
	#logo .search form { width: 100%; float: none; text-align: center; }
	#logo .search form input { width: 70%;  }
	#logo .search  { width: 100%; float: none; text-align: center; }

.main_container > div.content { width: 100%; }
	.airtimes { background: #141b62 ; color: white; }
	.airtimes a { color: white; }
	#logo { padding: 0; }
	header .airtimes {padding-bottom: 10px; overflow: hidden; }
	.search { padding-bottom: 10px; }
	#logo .search form input { width: 80%; }

	div.other.social a { box-sizing: border-box; }
	div.other.underwriters li {  padding: 0; margin: 0;}
	div.main_container { padding: 0; 0}

	.full .guests li	 { width: 100%; box-sizing: border-box; }  

	footer nav { padding: 0 10px; }
	footer { padding: 0px; }
	#embed { margin-top: 10px; }

	.open-menu { display: block;  }
	nav > ul { display: none; }

	.logo img { margin: 0px; }
	.schedule p { margin: 5px 0; }
	.socialmedia_menu span { font-size: 40pt; margin: 10px; }
}
@media screen and (max-width:400px)
{
header .airtimes {font-size: 10pt;  }
header .airtimes div { max-width: 70%; }
header .airtimes img { width: 30px; margin: 10px 0; }
}

#fullepisodes { margin: 0; padding: 0; }
#fullepisodes img {margin-bottom:20px; }
#fullepisodes > li { padding-bottom: 20px;  }
#fullepisodes .fullepisodes-segments { margin: 0; padding: 0;  }  
#fullepisodes .fullepisodes-segments span { font-weight: bold; }  
#fullepisodes .fullepisodes-segments li {  border-bottom: 1px solid; overflow: hidden; }  
#fullepisodes .fullepisodes-segments img  { max-width: 25%; margin-right: 20px; float: left; margin-top:20px; }  
#fullepisodes .fullepisodes-segments div  { display: inline-block; width: 68%; float:right; }  

a.noline { text-decoration: none; }
span.button {
	clear: both;
	background: #141B62;
	color: white;
	padding: 10px 0;
	width: 100%;
	display: block;
	margin: 5px;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
}
 

ul.additional-resources li { display: inline-block; width: 45%; float: left; }
ul.additional-resources  { overflow: hidden; margin-bottom: 20px; }

#home_player .overlay  { position: relative; }
#home_player .overlay > a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
 #home_player .overlay h3 { position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.0); color: white;  font-size: 1.5em; padding: 5px 0 0 10px; margin: 0; right: 0px; text-shadow: 0px 0px 5px black;} 
/* #home_player .overlay h3 { font-size: 2.3em; padding: 10px 0; margin: 0; right: 0px; }  */
#home_player .overlay .cities { position: absolute; bottom: 0px; left: 0px; color: white; right: 0px; background: rgba(0,0,0,0.2); font-size: 1em; padding: 10px; }
#home_player .overlay .cities a { color: white; text-decoration: none; }

.fullepisodespage .content { width: 60%; float: left; }
.content.left { width: 60%; float: left; }

.loading { background: url(../images/loading.gif) no-repeat; padding-left: 40px; height: 50px; padding-top: 10px; display: inline-block; margin: 0 auto; margin-left: 35%; }

.info .description { padding: 8px 0; }

.guests  i{  padding-right: 5px;}

body .available-on {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  
}

body .available-on li {
  display: inline-block;
  background: none;
  flex: 1;
  margin: 0;
  
}

body .available-on a {
  display: block;
}
body .available-on img {
  width: 32px;
  display: inline-block;
  text-align: center;
}

@media screen and (max-width: 800px) {
  body .podcast >  a {
    display: block !important;
  }
  body .podcast >  a img {
    float: none !important;
    display: block ;
    max-height: 100vh !important;
    width: 100%;
  }
  body .available-on li {
    display: block;
    padding: 20px 0;
  }
}