/*Seattle.gov header and footer*/
@import url("/portal/customization/common/css/bootstrap_customNonCMS.min.css"); 
@import url("/portal/customization/assets/prebuilt/css/anda.css");
@import url("/portal/customization/assets/prebuilt/css/font-awesome.min.css");
@import url("/portal/customization/common/css/shared2016_static.css");
/*Seattle.gov header and footer - overrides*/
header {background-color: #ffffff;}
.navbar {padding:0;}
#seaGovHeader .sea-container > .navbar-header {
  margin-right: 0;
  margin-left: 0;
}
#seaGovHeader .navbar > .sea-container .navbar-brand {
  margin-left: -15px;
  margin-right: 0;
}
.seattleMayor:after {
  margin-left: -136px;
}
@media (min-width: 768px) {
  #mainMenuToggle {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  #mainMenuToggle {
    margin-right: 5px;
  }
}
#seaGovHeader .list-group-item {
  border-top-width: 1px;
}
/*SSP GLOBAL*/
a {
  color: #0047ba;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
a:hover {
  color: #0047ba;
  text-decoration: none;
}
/*pagination*/
.page-link {color: #0047ba;}
.page-link:hover {color: #0047ba;}
.page-item.active .page-link {
  background-color: #0047ba;
  border-color: #0047ba;
}
/* nav container*/
.ssp-container {
  margin-bottom: 5px;
  margin-top: 0;
  background-color: #fff;
}
/*login button*/
.ssp-logout {
  background-color: #5cb85c;
  padding: 3px 7px;
  color: #ffffff;
  border-radius: 4px;
  display: inline-block;
}
.ssp-logout:hover {
  background-color: #448944;
  color: #ffffff !important;
}
/* Highlight Main Menu tab */	
.ssp-tab-on {
	background-color: #f6f6f6;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
/*Dept Title*/
div#deptTitle {
  margin-top: 0;
  padding-top: 13px;
  padding-bottom: 6px;
}
#deptTitle h1 {
  line-height: 1;
  margin:0;
}
  @media (max-width: 767px) {
    div#deptTitle {
      padding-top: 10px;
      padding-bottom: 5px;
    }
    #deptTitle h1 {
      line-height: .8;
    }
  }
h1.ssp-pageTitle {
  font-size: 32px;
  font-weight: bold;
  color: #212529;
}
footer {margin-top:50px;}
/*Banner*/
.ssp-banner {
  padding: 10px 15px 7px;
  border: 1px solid #ffeeba;
  background-color: #fff3cd;
  text-align: left;
}
.ssp-banner p {
  margin-top: 0;
  margin-bottom: 5px;
  color: #000;
  font-size: 15px;
  margin-left: 28px;
  line-height: 22px;
}
.ssp-banner a {
  color: #0047ba;
  font-weight: 700;
  text-decoration: underline;
}
.ssp-banner a:hover {
  text-decoration: none;
}
.ssp-banner .material-icons {
float: left;
color: #f7c305;
font-size: 25px;
}
/*FROM ACCELA*/
/* Top Navigation inside Header */
.wrap {
  margin-top: 0px;
}

/* a little "umph" */

.wrap a {
  text-decoration: none;
  color: #fff;
  display: block;
}

.wrap div {
  text-decoration: none;
  color: #fff;
  display: block;
}

.wrap ul {
  list-style: none;
  position: relative;
  text-align: left;
}

.wrap li {
  float: left;
  min-width: 100px;
}

/* clear'n floats */
.wrap ul:after {
  clear: both;
}

.wrap ul:before,
.wrap ul:after {
    content: " ";
    display: table;
}

.wrap nav {
  background: #004A7F;
}

/* prime */
.wrap ul.primary li a {
  display: block;
  padding: 7px;
  font-size: 20px;
  line-height: 1;
}

.wrap ul.primary li div {
  display: block;
  padding: 10px 10px;
  font-size: 20px;
}

.wrap .primary .material-icons {
    vertical-align: sub !important;
    margin-right: 0;
}

.wrap ul.primary li:last-child a {
  border-right: none;
}

.wrap ul.primary li a:hover {
  color: #000;
}

.wrap ul.primary li div:hover {
  color: #000;
}

/*ACA CUSTOM*/
/* no_wrapper.css overrides */
/*Main Nav*/
.header {height:auto;}
.footer {height:auto;}
.wrap nav {
  background-color: #ffffff;
  border-bottom:1px solid #CCC;
}
.wrap a {color: #333333;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.wrap ul.primary li:hover a.hover-bg,
.wrap ul.primary li:hover div.hover-bg,
.wrap ul.primary div.dropdown-content a:hover {background: #f6f6f6;text-decoration: underline !important;}
.wrap li {min-width: initial;}
.wrap div {color: #333333;}
.wrap ul {margin-left: 10px; margin-bottom: -1px; padding:0;}
  @media only screen and (max-width: 767px) {
    .wrap ul.primary li a,
    .wrap ul.primary li div {
      font-size: 18px;
    }
  }