/**
 * @file
 * Douglas County specific CSS theme styling.
 */
body {
  font-family: "Open Sans", Verdana, Helvetica, sans-serif;
  color: #333;
  background-color: #fff;
}

a {
  text-decoration: none;
  color: #316795;
}

a:hover {
  text-decoration: underline
}

p, li {
  font-size: 16px;
}

h1,
h2,
h3 {
  font-style: normal;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.1em;
}

p:last-child {
  margin-bottom: 0;
}

.pagination {
  margin: 20px 0;
  margin-left: 20px;
  justify-content: center;
}
/**
 * Header styling.
 */



/*Header*/
#header #navbar-top {
  background-color: #1a5575;
  color: #fff;
  min-height: 50px;
}

#header #navbar-top .nav-link {
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 0.2rem;
  font-size: 15px;
}

#header #navbar-top .nav-link:hover {
  text-decoration: underline;
}

#header #navbar-top .nav li {
  display: flex;
  align-items: center;
}

#header #navbar-top .nav li:after {
  content: ' |';
  color: #BBB;
}

#header #navbar-top .nav li:last-child:after {
  content: '';
}

#header #navbar-main {
  background-color: #d3e4ed;
}

#block-mainnavigation {
  padding-top: 20px;
}

#header .navbar-brand img {
  width: 200px;
  height: auto;
}

#block-sitebrandingfooter img {
  width: 300px;
  height: auto;
}

#header .navbar-nav .nav-link {
  color: #053b64;
  font-weight: 500;
  font-family: 'Open Sans', sans-serif;
}

#header .navbar-nav .nav-link:hover,
#header .navbar-nav .nav-link:focus,
#header .navbar-nav .nav-link:active {
  background-color: #bfdce6;
  color: #1a5575;
}

#header .navbar-nav .nav-link:focus {
  background-color: #bfdce6;
  color: #1a5575;
}

#header .navbar-nav .dropdown-menu {
  padding: 0.25rem 1.2rem;
}

#header .dropdown-menu {
  background-color: #fff;
}

#header .navbar-nav .dropdown-item a {
  font-weight: 400;
  color: #053b64;
  text-decoration: none;
  width: 100%;
  display: inline-block;
}

#header .navbar-nav .dropdown-item.active, #header .navbar-nav .dropdown-item:active {
  background-color: #86bbe3;
}

#header .navbar-nav .dropdown-item:focus, #header .navbar-nav .dropdown-item:hover {
  background-color: #1a5575;
}

#header .navbar-nav .dropdown-item:focus a, #header .navbar-nav .dropdown-item:hover a {
  color: #FFFFFF;
}

#header .navbar-nav .dropdown-item a:hover {
  background-color: #1a5575;
  color: #fff;
}

#header .navbar-nav .dropdown-item.active {
    text-decoration: none;
    background: none;
}

#header .navbar-nav .dropdown-item.active a {
    font-weight: 700;
}
/*
#header .navbar-nav .dropdown-item:hover a {
  color: #fff;
}*/

#header .navbar-nav nav.tabs {
  margin-top: 1rem;
}

#header .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(0, 99, 149)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

#header .navbar-toggler:hover,
#header .navbar-toggler:active,
#header .navbar-toggler:focus {
  box-shadow: none;
  background-color: #bfdce6;
}

#header .navbar-form .form-row {
  display: flex;
}

#header .navbar-form #edit-search-api-fulltext {
  width: 150px;
  border: 3px solid #4595c1;
  height: 38px;
}

#header .navbar-form .form-row>fieldset,
#header .navbar-form .form-row>div {
  margin-bottom: 0 !important;
  padding-right: 0;
  padding-left: 0;
}

#header .navbar-form .btn-primary {
  margin-left: -3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

#header .navbar-form .btn-primary:hover {
  background-color: #4595c1;
  border-color: #4595c1;
}


/**
 * Footer styling.
 */
.site-footer {
  background-color: #1a5575;
  color: #fff;
}

.site-footer .content a,
.site-footer .content a.is-active {
  color: #a0cddb;
}

.site-footer__top .content li a:hover, .site-footer__top .content li a:focus {
  background: none;
}

.site-footer__top .region {
  width: 100%;
  padding: 0;
}

.site-footer .content {
  color: #fff;
  font-size: 1rem;
}

.site-footer .block {
  margin: 20px 0;
  border: none;
  padding: 10px;
}

#block-sitebrandingfooter {
  margin: 0;
  padding: 0 10px;
}

.social-media-links--platforms {
  padding-left: 0 !important;
}

.site-footer .social-media-links--platforms a {
  border: none !important;
}

.social-media-links--platforms.horizontal li {
  padding: 0;
}

.site-footer__top .content li a {
  padding: 6px;
  text-indent: 0;
}

.site-footer__top h2 {
  border-bottom: 2px solid #fff;
  border-color: rgba(255, 255, 255);
  font-size: 1.125rem;
  text-transform: none;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
}

.site-footer .fa-lock {
  margin-left: 5px;
}

.site-footer__bottom {
  letter-spacing: 0;
  margin-top: 30px;
  border: none;
  text-align: center;
}

.site-footer #block-footer .nav-link {
  color: #aae6f9;
}

.site-footer #block-footer .nav-link:hover,
.site-footer #block-footer .nav-link:focus,
.site-footer #block-footer .nav-link:active,
.site-footer .content a:hover,
.site-footer .content a:focus,
.site-footer .content a:active {
  background: none;
  color: #9cb6be;
  text-decoration: underline;
}

#copyright {
  margin: 0;
  font-size: 14px;
}

#block-socialmedialinks {
  margin: 0;
  padding: 0 10px;
}

/*Media Queries*/
/*biggest first*/

@media screen and (min-width: 1200px) {
  /**
   * Header styling.
   */
  .dropdown-menu {
    background-color: #d3e4ed;
  }
}

@media screen and (min-width: 992px) {
  /**
   * Header styling.
   */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
  }

  #block-mainnavigation {
    padding-top: 0;
  }

  .dropdown-menu {
    border: #bfdce6 solid 1px;
  }

  /**
   * Footer styling.
   */
  .site-footer__top .region {
    width: 35%;
    padding: 0 30px;
  }
}

@media (min-width: 560px) and (max-width: 850px) {
  .site-footer__top .region:nth-child(2n) {
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  #block-socialmedialinks > div.content > ul {
    text-align: center;
  }
}

@media screen and (min-width: 415px) {
  /**
   * Header styling.
   */
  #header .navbar-brand img {
    width: 232px;
  }
}

/*CKEditor*/
.d-inline {
  display: inline;
}