@charset "utf-8";
/* CSS Document - Custom styles that overwrite the template CSS code*/
/*** Heading Levels ***/
h1, .h1 {
  color: #046B99;
}
h2, .h2 {
  border-bottom: 1px solid #FDB81E;
  color: #046B99;
}
h3, .h3 {
  color: #046B99;
}
@media (min-width: 576px) {
  h3, .h3 {
    margin-bottom: calc(0.5rem + 0.5vw);
  }
}
h4, .h4 {
  color: #323A45;
  font-style: italic;
}
@media (min-width: 576px) {
  h4, .h4 {
    margin-bottom: calc(0.5rem + 0.5vw);
  }
}
@media (min-width: 576px) {
  h1, .h1 {
    margin-bottom: calc(0.7rem + 0.5vw);
  }
}
/*** Branding ***/
.branding .header-organization-banner a .logo-assets .logo-text .logo-title {
  font-size: 1.2rem;
  font-family: "Asap Condensed", sans-serif;
  margin: 0;
  padding: 0;
  color: #046B99;
  height: 20px;
  line-height: 1.2em;
  transition: all 0.3s;
  display: block;
}
@media (max-width: 767px) {
  .branding .header-organization-banner a .logo-assets .logo-text .logo-title {
    margin-top: 5px;
    font-size: 0.9rem;
  }
  .branding .header-organization-banner a .logo-assets .logo-img {
    width: 65px;
  }
  .branding .header-organization-banner a .logo-assets .logo-text .logo-name {
    margin-bottom: 0 !important;
  }
  .branding .header-organization-banner a .logo-assets .logo-text .logo-title {
    margin-top: 0 !important;
  }
  .branding .header-organization-banner {
    max-width: 250px;
  }
  .branding .header-organization-banner a .logo-assets .logo-text .logo-title {
    height: 35px;
  }
}
@media (max-width: 991px) {
  .branding .header-organization-banner {
    margin-top:2px;
  }
}
.branding .header-organization-banner a .logo-assets .logo-text .logo-name {
  font-size: 1.94rem;
  font-family: "Asap Condensed", sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: #333333;
  height: 24px;
  line-height: 1em;
  transition: all 0.3s;
  display: block;
}
@media (max-width: 767px) {
  .branding .header-organization-banner a .logo-assets .logo-text .logo-name {
    font-size: 1.1rem;
    min-width: 200px;
  }
}
.branding .header-organization-banner a .logo-assets {
  height: 89px;
}
/*** Utility Header ***/
.is-hidden, .scrolled {
  top: -60px !important;
}
@media (max-width: 767px) {
	.settings-links {
		padding-right:10px !important;
	}
}
/*** Header Primary Banner ***/
.header-single-banner, .header-large-banner, .header-primary-banner {
  height: 65vh;
}
@media (max-width: 991px) {
  .header-single-banner, .header-large-banner, .header-primary-banner {
    display: none !important;
  }
}
/*** Navigation ***/
@media (min-width: 576px) {
  .top-level-nav .nav-item {
    font-size: calc(.9rem + 0.1vw);
  }
}
@media (min-width: 768px) {
  .nav-item:hover, .nav-item:focus, nav-item-search:hover, nav-item-search:focus {
    background-color: #eeeeee !important;
  }
}
@media (min-width: 992px) {
  .main-navigation {
    background-color: #ffffff;
  }
}
.navigation-search {
  background-color: whitesmoke;
  /*border-bottom: 5px solid #FDB81E !important;*/
}
a.second-level-link [class^="ca-gov-icon-"] {
  font-size: 3em;
}
@media (max-width: 991px) {
  a.second-level-link [class^="ca-gov-icon-"] {
    font-size: 1.3em !important;
  }
  a.second-level-link .fa-3x {
    font-size: 1.3em !important;
  }
}
@media (min-width: 992px) {
  .top-level-nav .nav-item .sub-nav {
    top: 105%;
  }
}
@media (min-width: 992px) {
  .top-level-nav {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .full-width-nav .main-navigation {
    padding-right: 0px;
  }
}

/*** Secondary Page Navigation ***/
.secondary-page-nav {
    border: 1px solid #046B99;
    background-color: #ffffff;
}

/*** Search ***/
@media (min-width: 992px) {
  .search-container, .featured-search.active {
    position: absolute;
    top: 93px;
  }
}
.search-container.active {
  background: rgba(34, 34, 34, 0.7) !important;
}
.color-teal {
  color: #046B99;
}
/*** Section Gradients ***/
/*** Section Blue Gradient ***/
.blue-gradient {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #046B99, #02415d) !important;
  background-repeat: no-repeat !important;
  color: #ffffff;
}
.blue-gradient a:not(.btn), .blue-gradient a:not(.btn):hover {
  color: #ffffff;
  text-decoration: underline !important;
}
/*** Section Yellow Gradient ***/
.yellow-gradient {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #ffc411, #f5aa02) !important;
  background-repeat: no-repeat !important;
  color: #000;
}
.yellow-gradient a:not(.btn) {
  color: #000;
  text-decoration: underline !important;
}
/*** Footer ***/
.global-footer {
  border-top: 5px solid #FDB81E !important;
  background-color: #323A45 !important;
  padding-top: 0;
}
.global-footer .socialsharer-container {
  float: none !important;
}
.global-footer .copyright {
  font-size: 1rem;
  background: #323A45;
  color: #ffffff;
  padding: 15px 0 0;
}
@media (max-width: 767px) {
  .global-footer ul li {
    width: 100%;
    float: none;
  }
}
.global-footer .footer-address {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #ffffff;
}
/*** Accessibility Modal ***/
button.close {
  border-color: transparent;
  background-color: transparent;
  font-size: 2rem;
  color: #ffffff;
}
.modal-header {
    background-color: #046B99;
}
.modal-title {
    border-bottom:none;
    color: #ffffff;
}
.modal-footer {
  border-top: none;
  background-color: #046B99;
}

/*** Homepage Welcome Message ***/
#welcome {
  max-width: 700px;
  margin: 0 auto;
}
#welcome h1 {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 3em;
  line-height: 1;
}
#welcome h1 {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 35px 0;
  grid-gap: 20px;
}
#welcome h1:after, #welcome h1:before {
  content: " ";
  display: block;
  border-bottom: 1px solid #fff;
}
#welcome p {
  text-align: center;
}
/*** Bullets ***/
ol, ul {
  padding-left: 2.6rem;
}
main ul li:before {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  color: #046B99;
  width: 1.5em;
  margin-left: -1.5em;
  vertical-align: inherit;
  font-size: 1.2em;
  display: inline-block;
  list-style-type: none !important;
  /*padding-bottom: 5px;*/
}
main ul li, main ul li ul li {
  list-style-type: none;
  vertical-align: middle;
  line-height: 1.4em !important;
  margin-bottom: 5px;
}
main ul li ul li {
  margin-left: .4em;
}
main ul li ul li:before {
  content: "\f101";
  font-family: "Font Awesome 5 Pro";
  color: #555555;
  display: inline-block;
  vertical-align: inherit;
  font-size: .8em;
  padding-bottom: 5px;
}
main ol li ul li:before {
  content: "\f101";
  width: 1.5em;
  margin-left: -1.5em;
}
main ol.small li, main ul.small li {
  font-size: 87%;
}
main ol.symbols {
  list-style-type: none;
}
ol.small.symbols {
  padding-left: 3.2em;
  margin-left: .1em;
}
main ol.symbols li:nth-child(1n):before {
  width: 2em;
  margin-left: -2em;
  list-style-type: none;
  display: inline-block;
}
main ol.symbols li:nth-child(1):before {
  content: '\002A';
}
main ol.symbols li:nth-child(2):before {
  content: '\002A\002A';
}
main ol.symbols li:nth-child(3):before {
  content: '\002A\002A\002A';
}
main ol.symbols li:nth-child(4):before {
  content: '\2020';
}
main ol.symbols li:nth-child(5):before {
  content: '\2020\2020';
}
main ul ul {
  margin-top: 10px;
  padding-left: 1em;
}
/*** Note Label ***/
.label-info {
  padding: 0.2rem;
  border-radius: 0.2em;
}
/*** Forms ***/
.form-control {
  border-radius: 0.25rem !important;
}
/*** Main Content ***/
.main-content {
  min-height: 610px;
}
/*** Return to Top ***/
.return-top {
  border: none;
  color: #046B99;
  background: rgba(253, 184, 30, 0.8);
}
/*** Social Sharer ***/
.socialsharer-container {
  float: none;
}
/*** News Releases ***/
@media (min-width: 768px) {
  #release-number {
    text-align: right !important;
  }
}
@media (max-width: 767px) {
  #release-number {
    margin-top: 1em;
    text-align: left !important;
  }
}
/*** Tables ***/
.table.table-default > tbody > tr > td {
  background: white;
  color: #000;
  border: 2px solid #323A45 !important;
}
.table.table-default > thead > tr > th {
  background: #9fc7da;
  color: #323A45 !important;
  border: 2px solid #323A45 !important;
}
/*** Buttons ***/
.btn-highlight {
  color: #323A45 !important;
  border: none;
}
/*** Homepage News ***/
.img-rounded {
  border-radius: 0.25em;
}
@media (max-width: 567px) {
  .img-news {
    text-align: center;
  }
  .news-event {
    margin-top: 20px !important;
    text-align: center;
  }
}
.news-event {
	margin-top: 1%;
}