.bg-sv-color {
  background-color: #36a0c9 !important; }

.text-sv-color {
  color: #36a0c9; }

.bg-sv-color-light {
  background-color: #f2fcff !important; }

.text-sv-color-light {
  color: #f2fcff; }

.bg-sv-color-dark {
  background-color: #004496 !important; }

.text-sv-color-dark {
  color: #004496; }

.bg-sv-accent {
  background-color: #e55115 !important; }

.text-sv-accent {
  color: #e55115; }

.bg-pw-light-blue {
  background-color: #D4E0F1 !important; }

.text-pw-light-blue {
  color: #D4E0F1; }

.bg-pw-mid-blue {
  background-color: #043673 !important; }

.text-pw-mid-blue {
  color: #043673; }

.bg-pw-deep-blue {
  background-color: #355A90 !important; }

.text-pw-deep-blue {
  color: #355A90; }

.bg-pw-light-gold {
  background-color: #F6D44F !important; }

.text-pw-light-gold {
  color: #F6D44F; }

/******
*******
Elements
*******
******/
.gallery {
  display: block; }

.border-shade {
  border-width: 19px 22px;
  border-color: #EAEAEA;
  border-style: solid; }

.shadow-light {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(49, 51, 59, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(49, 51, 59, 0.075) !important; }

/*******
Text
*******/
body {
  font-size: 1.2em; }

p {
  font-size: 1.0em; }

.text-underline {
  text-decoration: underline; }

.imag-link {
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
  filter: gray;
  /* IE5+ */
  -webkit-filter: grayscale(0);
  /* Webkit Nightlies & Chrome Canary */
  transition: all .3s ease-in-out; }
  .imag-link:hover {
    filter: none;
    -webkit-filter: grayscale(1);
    transform: scale(1.01); }

.title-link {
  transition: all .2s ease-in-out; }
  .title-link:hover > h3 {
    color: #36a0c9;
    text-decoration-line: none; }

.nowrap {
  white-space: nowrap; }

h4.text-sv-accent.font-bold {
  color: #e55115 !important; }

/*******
********
Colors
********
********/
.bg-mid-blue {
  background-color: #043673;
  color: #fff; }

.bg-white {
  background-color: #fff; }

.color-red {
  color: red; }

.color-blue {
  color: blue; }

/*******
********
Main Title
********
********/
section.site-image {
  height: 600px;
  margin: 0 !important; }
  section.site-image .title-container {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 30%;
    width: 60%;
    text-align: center;
    /*background-color: rgba($color: #f2fcff, $alpha: 0.85) ;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
    margin: auto;*/ }
    section.site-image .title-container div.container {
      padding: 2em 0 2em 0;
      color: #fff; }
      section.site-image .title-container div.container h1 {
        font-size: 3em;
        font-weight: 300;
        overflow-wrap: break-word; }
      section.site-image .title-container div.container h3 {
        font-size: 3em;
        font-weight: 300; }
    @media only screen and (max-width: 767px) {
      section.site-image .title-container {
        display: none; } }
  @media only screen and (max-width: 767px) {
    section.site-image {
      height: 250px; } }

.title-bg {
  background-image: url("../images/hero-image-street-flooding2.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
  object-fit: cover;
  height: 30em; }

/*******
********
Sub Menu
********
*******/
.mobile-nav #accordion a {
  text-decoration: none; }
  .mobile-nav #accordion a:hover {
    cursor: pointer;
    color: #f2fcff; }
  .mobile-nav #accordion a:focus {
    color: white; }
  .mobile-nav #accordion a span {
    right: 20px;
    position: absolute; }
.mobile-nav li.font-weight-bolder {
  border-bottom: 1px solid;
  border-color: rgba(225, 225, 225, 0.4); }

.navbar-brand {
  margin-right: 0em;
  padding-right: 0.4em; }

.navbar-light .navbar-nav .nav-link {
  color: #343a40; }

section.fullscreen-nav {
  margin-bottom: 0; }
  section.fullscreen-nav li {
    margin-bottom: 0; }
    section.fullscreen-nav li a {
      text-decoration: none;
      color: white; }
      section.fullscreen-nav li a:hover, section.fullscreen-nav li a:not([href]):hover {
        cursor: pointer;
        color: #f2fcff; }
      section.fullscreen-nav li a.active {
        color: #f2fcff; }

section.sub-nav-items {
  background-color: rgba(0, 68, 150, 0.93) !important;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1; }
  section.sub-nav-items ul.list-unstyled {
    line-height: 2.3;
    font-weight: 400;
    font-size: 1.25rem; }
    section.sub-nav-items ul.list-unstyled li {
      color: #afafaf; }
      section.sub-nav-items ul.list-unstyled li.h3 {
        color: #e1e1e1 !important;
        margin-top: 1em; }
      section.sub-nav-items ul.list-unstyled li a {
        color: #f2fcff; }
        section.sub-nav-items ul.list-unstyled li a:hover {
          color: #f2fcff;
          text-decoration: none; }

.sub-sticky {
  position: fixed;
  top: 0;
  width: 100%; }

.sub-sticky + article {
  padding-top: 102px; }

nav.subnav {
  overflow: auto;
  white-space: nowrap; }

a.sublink {
  background-color: white;
  color: #e55115;
  font-weight: bold;
  border-radius: 22px;
  padding: 0.7em;
  width: 5.5em;
  text-align: center; }
  a.sublink:hover {
    text-decoration: none;
    background-color: #e55115;
    color: white;
    transition: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.entry-content strong {
  color: #e55115; }

.bg-color-cal-gold {
  background-color: #f6d44f; }

.bg-color-navy {
  background-color: #355A90; }

.bg-color-fadded-blue {
  background-color: #D4E0F1; }

.bg-light-gold {
  background-color: #F6D44F;
  color: #043673; }

.bg-light-blue {
  background-color: #D4E0F1;
  color: #043673; }

.bg-mid-blue {
  background-color: #043673;
  color: #fff; }

.bg-deep-blue {
  background-color: #355A90;
  color: #fff; }

.blockcard {
  border-radius: 5px;
  padding: 10px;
  color: white;
  margin: 10px 0;
  height: 80px; }

.sp-framework .btn-warning {
  color: #355A90;
  background-color: #f6d44f;
  border-color: #f6d44f; }
.sp-framework .btn-dark {
  color: #fff;
  background-color: #355A90;
  border-color: #355A90; }
.sp-framework .btn-primary {
  color: #355A90;
  background-color: #d4e0f1;
  border-color: #d4e0f1; }

.pw-button {
  width: 145px;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
  font-size: 1.6em;
  font-weight: 800;
  border: none;
  outline: none;
  margin: auto; }
  .pw-button:hover {
    background-color: #36a0c9; }

.caption-translate {
  position: relative;
  float: right;
  z-index: 100;
  transform: translateY(-50px);
  margin-right: 5%;
  margin-left: 20px; }

section {
  padding: 3em 0 3em 0;
  /*margin-top: 3em;*/ }
  section h2 {
    font-weight: bold;
    line-height: 2.5; }
  section#bp-highlights li {
    font-size: 1.2em; }
  section#bp-highlights p {
    text-align: justify; }
  section#bp-highlights h3 {
    display: inline;
    text-transform: uppercase;
    color: #355A90; }
    section#bp-highlights h3 p {
      text-align: left !important;
      font-size: 1em; }
    section#bp-highlights h3 p a {
      line-height: 1;
      font-size: 1.1em;
      margin-right: 0.5em; }
  section#bp-highlights .card-body {
    margin-bottom: 2em;
    margin-left: 0; }
    @media (min-width: 768px) {
      section#bp-highlights .card-body {
        margin-left: 4.0em; } }
  section.bp-highlights {
    padding-top: 0; }
    section.bp-highlights .bp-head {
      background-color: #043673;
      color: #fff;
      padding: 2em 0 0 2em; }
      section.bp-highlights .bp-head h2 {
        line-height: 2.5;
        text-transform: uppercase; }
    section.bp-highlights h3 {
      text-transform: uppercase; }
    section.bp-highlights div > div > div > div:nth-child(2) {
      margin: 3em 2em; }

section:nth-of-type(even) {
  background-color: aliceblue; }

#value p {
  color: #043673; }
#value img {
  width: 60px;
  margin: 1em 0; }
#value .row:nth-child(2) div:nth-child(2) p:nth-child(2) {
  height: 48px;
  color: red; }

#focus img {
  height: 100px; }
#focus h3 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 2; }

#results-based img {
  width: 100px; }

#business-area p {
  color: #043673;
  text-align: justify; }
#business-area h2, #business-area h3, #business-area h4 {
  color: #043673; }
#business-area h2, #business-area h3, #business-area h4, #business-area h5 {
  font-weight: 600; }
#business-area h4 {
  font-weight: 700;
  margin: 1em 0; }

.container a {
  text-decoration: underline; }
  .container a:hover {
    text-decoration: none; }

#success img {
  border: 2px solid #333;
  /*-webkit-box-shadow: 3px 3px 17px 5px rgba(0,0,0,0.35);
  box-shadow: 3px 3px 17px 5px rgba(0,0,0,0.35);*/
  -webkit-box-shadow: 0 0.125rem 1.25rem rgba(49, 51, 59, 0.2);
  box-shadow: 0 0.125rem 1.25rem rgba(49, 51, 59, 0.2); }

#accountability p {
  text-align: justify; }
#accountability li {
  font-size: 1.2em;
  text-align: justify; }