@charset "utf-8";
/* CSS Document */
.countybranding a { /* 01.26.21 -- TMD */
  margin: 10px 0;
  display: inline-block;
}
.countybranding__skip-banner { /* 01.26.21 -- TMD */
  line-height: 40px;
}
img.countybranding__logo {
  opacity: 1 !important;
  max-width: 300px !important;
}
.col-xs-9 img.countybranding__logo { /* 01.26.21 -- TMD */
  width: 100%;
}
.countybranding .col-xs-3 { /* 01.26.21 -- TMD */
  padding: 0;
}

.navbar > .container .navbar-brand {
    margin-left: 5px;
}
.nav > li > a > img.countybranding__logo {
  width: auto !important;
}
/* Fix for navbar wrapping issue on laptop */
.navbar-nav {
  display: flex;
  flex-wrap: wrap;
}
.navbar-nav .dropdown-menu {
    z-index: 100 !important;
}

/* For Google Translate button */
#googleTranslate .btn.btn-default { /* 01.26.21 -- TMD */
  margin: 10px 0;
  text-decoration: none;
  padding-bottom: 10px;
}
#googleTranslate .btn .material-icons { /* 01.26.21 -- TMD */
  vertical-align: middle;
  font-size: 20px;
  margin-bottom: 3px;
}


/* Fixing alignment of navbar to make it flush left */
.navbar-collapse {
  padding-left: 0px;
}
.navbar-nav {
  padding-left: 0px;
  margin: 0px;
}
.countybranding .col-sm-6 { 
  padding-left: 0px; 
} 



@media (max-width: 767px) {
.container { /* 01.26.21 -- TMD */
  padding-left: 15px;
  padding-right: 15px;
} 
#googleTranslate .btn.btn-default .text { /* 01.26.21 -- TMD */
  display: none;
}
  
  /* Unhide top branding so that Google Translate always appears */
 #topBar .countybranding {
    display: block !important;
}
.countybranding__skip-banner {
  display: none !important;
}


/* Set back the navbar on mobile */
.navbar-nav {
  display: block;
  flex-wrap: inherit;
}

}

/* Table Styling */
th, td { padding: 20px; }