/* Board of Supervisors CSS
   Modified: 01/08/2019 (Christopher White: modified for new Swiftype search.)
*/
#side-nav-menu
{
   margin-top: 35px;
   margin-bottom: 0px;
}

.bdcontentleft
{
   float: left;
   max-width: 628px;
   margin: 0px 0px 20px 0px;
   width: 69%;
}

.bdcontentright
{
    float:right;
    max-width: 226px;
    margin: 0px 15px 20px 25px;
    width: 30%;
}

.meeting-archive h3
{
   border-bottom:black 1px dotted;
}

.archive-list
{
   padding-bottom: 10px;
}

.meeting-archive .meeting-list
{
   margin-bottom: 10px;
   margin-top: 0;
   list-style-type: none;
   padding-left: 34px !important;
   padding-bottom: 0px !important;
}

.meeting-archive .year
{
   padding-left: 23px;
   padding-bottom: 4px;
   margin-left: 12px;
   height:16px;
   max-width: 140px;
   line-height:16px;
   display:block;
   background:url(/images/ico-calendar.png) no-repeat;
   cursor:pointer;
}

.meeting-archive .month
{
   line-height: 1.35;
   display:block;
   cursor: pointer;
   padding-left: 2px;
   padding-top: 4px;
}

.meeting-archive .meeting-date
{
   padding: 0px 5px 3px 25px !important;
}

.meeting-archive li.meetings 
{
   list-style-type: disc;
}

#bd-search-form .textbox
{
   width: 80%;
   max-width: 184px;
   height: 28px;
   float: left;
   border: 1px solid #bebebe;
   margin-bottom: 10px;
}

#bd-search-form .BDdefaultText
{
   border: none;
   display: block;
   padding: 0 4px 0 4px;
   width: 171px;
   height: 28px;
   line-height: 28px;
   letter-spacing: 0.05em;
}

#bd-search-form .defaultTextActive
{
   color: #a1a1a1;
   font-style: italic;
}
 
#bd-search-form button
{
   width: 40px; 
   height: 30px;
   cursor: pointer;
   float: right;
   margin-bottom: 20px;
}

.meeting-subscriptions h3
{
   border-bottom:black 1px dotted;
}

.meeting-subscriptions .box-insert .subscription-text
{
   padding: 2px 0px 5px 5px;
}

@media only screen and (max-width: 960px) {
   .map-instructions {
      margin: -30px 0px -60px 230px;
   }
}

@media only screen and (max-width: 890px) {
   .map-instructions, #map-bos {
      display: none;
   }

   .bdcontentleft {
      width: 50%;
   }

   .bdcontentright {
      width: 35%;
   }
}
@media only screen and (max-width: 680px) {
   .bdcontentleft {
      width: 45%;
   }
   .bdcontentright {
      width: 40%;
   }
}
@media only screen and (max-width: 680px) {
   .bdcontentleft {
      width: 98%;
   }
   .bdcontentright {
      width: 98%;
      float: left;
   }
}