html {  scroll-behavior: smooth;}

#container { max-width: 100%; width: 100%;background: white !important; overflow: hidden;}
header { width: 100%; background: none; height: auto;  min-height: 0px; max-width: 100%;  margin: 0 auto; position: static !important;  float: none;  z-index: 2000; background: rgba(255,255,255,1); }
header .header-container { max-width: 1200px; margin: 0 auto; }
#main > h1 { display: none; }

body header > a { width: 200px !important; display: inline-block; float: left; clear: none; }
#body a { color: #0c4600; }
#body .underwriting { color: black }
#pbs-logo { display: none !important; }
.pbs-app { display: none !important; }
#freewill { display: none !important;}
#connect { display: none !important; }
#ads { display: none !important;}
#logo  { width: 200px; float: left; background-color: rgba(0,0,0,0.0);}
#body { background: none; min-height: 0px; color: black;}
#menu { float: left; height: auto; border: none; }
#menu a.handle { display: none;}
#menu .full { margin: 0%; width: 100%; }
#menu .full li { display: inline-block; float: left; width: auto;  clear: none; margin: 0 50px;}
#content { width: 100%; max-width: 100%;}
#main { width: 100%; max-width: 100%; padding: 0; background: white; padding-top: 0px !important; }
#donate { display: none !important;}
#passport { display: none !important;}
#body { width: 100%; padding: 0; margin: 0;  }
#search { display: none !important;}
.mobile-featured-wrapper { display: none !important;}
.live-tv { display: none !important; }

#menu .full > li:first-child a { padding-top: 15px !important; }
#logos-channels img  { display: none;}
#logos-channels   { display: none }
#logo-wrapper {  display: none !important;  }


footer { background: #1049ab; margin-top: 20px;  clear: both;}
#footer-support { margin-top: 0px; padding-top: 0%;}
#footer-info { background: none; }
#footer-support { background: none; }
#footer-menu ul li h3 { color: white; font-weight: bold; }
#footer-menu ul li { text-align: center; }
#footer-menu ul li a { color: white; }


h1 { color: black;  text-shadow: none; }

section#main-slider-area  { position: relative; height: 300px; width: 100%;  }
@media screen and (max-width: 800px) {
  section#main-slider-area  { position: relative; height: 620px; width: 100%;  }
}


section#main-slider-area .main-slider-area-wrapper  { position: absolute;  top: 0; bottom: 0; left: 0; right: 0; background: black; margin-top: -4px; }
section#main-slider-area .main-slider-area-content { display: block; max-width: 1200px; margin: 0 auto; position: relative;z-index: 1001; }

section#main-slider-area .text-overlay { z-index: 999; color: white;  position: absolute; top: 50px; left: 0%; right: 0; bottom: 0; text-align: center; text-shadow: 0px 0px 10px  black;   font-size: 2em; font-weight: bold; }
section#main-slider-area .text-overlay .info { font-size: 15pt;  background: #101922; padding: 10px 50px; display: inline-block;  text-align: center;  background: rgba(0,0,0,0.5); box-shadow: 0px 0px 3px black;  }
section#main-slider-area .text-overlay .info p { margin: 0; padding-bottom: 0px;}
section#main-slider-area .main-slider-area-fade { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; background: rgba(0,0,0,0.0); }
#main h1 { text-align: center; font-weight: bold; text-shadow: 0px 0px 10px black; }


.carousel-control-prev { z-index: 9999 }
.carousel-control-next { z-index: 9999 }

#main {  }
.main-content { background: white; /* max-width: 1200px; */ z-index: 999; display: block; position: relative;  margin: 0px auto 0px; border-radius: 0px; color: black; padding: 20px 40px; box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.0); }

.main-content ul { display: inline-block; }
.main-content ul > li { display: inline-block; }

h2 { border-bottom: 4px solid #2b3b23;}
.river-page-nav { font-size: 20pt; border-top: 1px solid #eee; padding-top: 20px; text-align: center; }

#main #towns, #main #events { display: block; margin:0; padding: 0; max-height: 400px; overflow: auto;  }
#towns > li, #events > li { display: inline-block; margin:0; padding: 0; width: 100%; float: left;  }
#main #events > li {border: 1px solid #eee; padding: 20px 20px 0;}


/*
#main { background: url(/celebratethestjoe/images/static_bg.jpg);    background-attachment: fixed; background-repeat: repeat-y; background-size: 100% auto;}

*/

a.btn.btn-primary { color: white  !important;}


footer address, #copyright { color: white; text-align: center; }

#footer-info { max-width: 1200px; margin: 0 auto;}

#main #events_towns { display: block; margin: 0; padding: 0; max-height: 400px; overflow: auto; }
#main #events_towns  ul { display: block; margin: 0; padding: 0 0 0 30px; }
#main #events_towns  li { display: block; margin: 0; padding: 0; border-bottom: 1px solid; }

#main table#premiers { color: black;}
#main table#premiers td { padding: 0; }
#main table#premiers .btn { padding-top: 3px; padding-bottom: 3px; margin: 2px 0; }
#main table#premiers .more-info { display: none;}
#main table#premiers th { color: black; font-weight: bold;}

#main-slider-area .carousel-inner img   { min-width: 1900px; overflow: hidden; }

@media screen and ( max-width: 800px) {
  #logo { height: 70px !important; }
  #menu { background: none; color: black;}
  .river-page-nav { padding-top: 0px; }
  nav#menu { float: right; margin-right: 20px }
  #menu-handle { border-bottom: 0px solid !important }
  nav#menu h2 { color: black;  padding: 0; margin-bottom: 1em;}
  nav ul.compact  {
    position: absolute;
    right: 0;
    min-width: 250px;
    background: white;
    z-index: 999999;
  }
  #menu .compact a  {
    background: #274291;
    color: white;
    
  }
}



.river-city-control {
  z-index: 9999;
  background: white;
  font-size: 1em;
  color: black;
  position: absolute; 
  bottom: 0; left: 0; right: 0; height: 300px;
}
#main .river-city-control h1 { text-shadow: none; }

#body a.btn.btn-primary[target="_blank"] {
  background: #007bff;
}
#activities .card-body {  background: #eee; }
#activities .card {  margin-bottom: 1em; }

.river-city-notice { color: black; font-size: 10pt; background: white; padding: 20px;  }

#events dd, #events dt { padding: 0;  }

#main .modal { z-index: 9999; color: black; }
#main .modal h5 {  color: black; }
#main .modal-dialog.modal-lg {width: 100%; height: 100%; margin: 20px auto 0; padding: 0; max-width: 1000px;}
#main .modal .swipebox img { margin: 10px; max-width: 250px }
#main .modal .swipebox  { display: inline-block; padding: 20px;}

#main .photos-wrapper .swipebox img { margin: 10px; max-width: 200px }
#main .photos-wrapper .swipebox  { display: inline-block; padding: 20px;}


#photos img { margin-bottom: 2em;}
#photos .photos-wrapper { position: relative; overflow: hidden; max-height: 870px;  }
#photos .photos-overlay { position: absolute; bottom: 0; top: 50%; left: 0; right: 0; background: green; z-index: 9999;
background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 0), rgba(255,255,255, 1));

}


#upcoming-events p { margin-bottom: 0px; }