#body { background: none !important; }
#body #submenu li #showlogo { background:url(../images/showlogo.png) 0 0 no-repeat !important; background-size: 90% auto !important; background-position: center center;  box-sizing: border-box; background-size: auto 100% !important; }
@media screen and (max-width: 760px ) {
  #showlogo { background-size: 100% auto !important; }

}
@media screen and (max-width: 4000px ) {
  #showlogo { height: 55px;}

}

#resources li { display: inline-block; width: 45%; min-width: 200px; padding: 13px 2px; }
#resources li .episode_title { display: block; }
#resources li .date  { display: block; }
#resources li .resource.pdf  { display: block; padding-left: 30px; background: url( ../images/pdf.png) no-repeat; }
#resources li h2 { padding: 0; padding: 0; font-size: 12pt; color: yellow; margin: 0; }
#resources li.new { font-style: italic }

#dbmenu, #bookinfo, #description, .recentepisodes li {
  padding: 0;
}

.recentepisodes .tag { display: none;}
.recentepisodes img { padding: 0;}
.recentepisodes.webisodes li { padding: 0;}


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;
  }
}

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; }



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; }