@charset "UTF-8";
/* START - Libraries > ODX Common Design > Content > Utility > Style Sheets > SCSS > Agencies > ODOT > odot-custom-styles.scss */
/*v25 */
/* COLOR PALLETE */
.odot-main-color {
  color: #00855B;
}

/* START: Titles */
body .content-body .odx-content__title,
body .content-body h2,
body .content-body h1 {
  color: #101010;
}

body .content-body a,
body .content-body a:hover,
body .content-body a:visited,
body .content-body a:active,
body .content-body a:focus {
  color: #00855B;
}

/* END: Titles */
.odx-external-link .odx-external-link__button,
.odx-external-link .odx-external-link__button:active,
.odx-external-link .odx-external-link__button:hover,
.odx-external-link .odx-external-link__button:visited,
.odx-external-link .odx-external-link__button:focus {
  background-color: #00855B;
  border-color: #00855B;
}

.odx-external-link a.btn-primary,
.odx-external-link a.btn-primary:hover,
.odx-external-link a.btn-primary:visited,
.odx-external-link a.btn-primary:active,
.odx-external-link a.btn-primary:focus {
  color: #ffffff !important;
}

/* START: Top Stories Category Color */
.ohio-card .ohio-card-content .odx-odot-maintain-stories {
  background-color: #a60086;
}

.ohio-card
.ohio-card-content
.odx-odot-maintain-stories
.ohio-card-division__box {
  color: #ffffff;
}

.ohio-card .ohio-card-content .odx-odot-serve-stories {
  background-color: #00b5e2;
}

.ohio-card .ohio-card-content .odx-odot-safe-stories {
  background-color: #00855B;
}

.ohio-card .ohio-card-content .odx-odot-innovate-stories {
  background-color: #d7c826;
}

.ohio-card .ohio-card-content .odx-odot-serve-stories .ohio-card-division__box,
.ohio-card .ohio-card-content .odx-odot-safe-stories .ohio-card-division__box,
.ohio-card
.ohio-card-content
.odx-odot-innovate-stories
.ohio-card-division__box {
  color: #101010;
}

/* START: Form IO */
.content-body h4.odot-comment-modal {
  font-weight: 600;
}

/* END: Form IO */
/* Orange blocks Ads START */
.odx-ads-container .row > div {
  height: 181px;
}

@media (max-width: 767px) {
  .odx-ads-container .row > div {
    height: auto;
  }
  .odx-ads-container .odx-ads-item--full-width-image:last-child {
    margin-bottom: 20px;
  }
}

/* Orange blocks Ads END */
/* END: Top Stories Category Color */
/* START: Buttons */
.btn-default,
.btn-primary,
.btn-primary:hover,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus {
  background: #00855B;
  border: none;
  color: #ffffff;
}

body .content-body a.odx-view-more:visited,
body .content-body a.odx-view-more:hover,
body .content-body a.odx-view-more:active,
body .content-body a.odx-view-more:focus {
  font-weight: bold;
}

a.btn-primary,
a.btn-primary:visited,
a.btn-primary:hover,
a.btn-primary:active,
a.btn-default,
a.btn-default:visited,
a.btn-default:hover,
a.btn-default:active {
  color: #ffffff !important;
}

/* END: Buttons */
/* START: Header */
.navigation #aw-header-navigation ul li {
  text-transform: none;
  list-style: none;
  display: table-cell;
  font-family: Source Sans Pro;
  padding-right: 40px;
  text-align: initial;
  font-size: 1em;
  position: relative;
  left: -30px;
}

@media (max-width: 1499px) and (min-width: 992px) {
  .navigation #aw-header-navigation ul li {
    padding-right: 0;
    font-size: 0.95em;
    line-height: 0.1;
    max-width: 120px;
    margin: 0px;
  }
  .navigation #aw-header-navigation ul li a {
    max-width: 120px;
  }
  .navigation #aw-header-navigation ul li .odx-page-description {
    line-height: 0.3em;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #aw-header-navigation {
    background-color: #00855B;
  }
  /*div#aw-header-navigation::after{
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), $color-primary-main);
  }*/
}

#aw-main-wrapper .navigation {
  background: #ffffff;
}

#aw-header-bottom-left,
.odx-header-bottom-right,
.odx-search,
.odx-search__container {
  background-color: #ffffff;
}

.navigation #aw-header-navigation ul li a {
  color: #101010;
}

.navigation #aw-header-navigation ul li.current a,
.navigation #aw-header-navigation ul li a:hover,
.navigation #aw-header-navigation ul li a:active,
.navigation #aw-header-navigation ul li a:focus {
  color: #00855B;
  border-bottom: 4px solid #00855B;
}

#search-form .fa {
  color: #4a4a4a !important;
}

#aw-header-bottom-right .fa {
  color: #ffffff;
}

#aw-header-bottom-right .far {
  color: #ffffff;
}

/* END: Header */
/* START: Breadcrumb */
.content-body .b-breadcrumb li:first-child > a,
.content-body .b-breadcrumb li a {
  color: #4a4a4a;
}

.content-body .b-breadcrumb li.current {
  font-weight: bold;
  color: #00855B;
}

.b-project ul.b-breadcrumb#top-breadcrumbs > li:nth-of-type(3) {
  display: none;
}

/* END: Breadcrumb */
/* START: Home Page */
.b-main__home--odot .odx-ads-container {
  margin-top: 20px;
}

.b-main__home--odot .odot-video .ohio-section-header__container {
  display: none;
}

.b-main__home--odot .odot-video hr {
  margin-top: 1.35em;
}

/* END: Home Page */
/* START: Left Nav */
.aw-left-nav__icon div.odx-navigation {
  border: none;
}

.aw-left-nav__icon .aw-left-nav__icon-text {
  font-weight: bold;
  color: #4a4a4a;
}

body .content-body .aw-left-nav li.active a.left-navigation__link,
body .content-body .aw-left-nav li.active a.left-navigation__link:hover,
body .content-body .aw-left-nav li.active a.left-navigation__link:visited,
body .content-body .aw-left-nav li.active a.left-navigation__link:active,
body .content-body .aw-left-nav li.active a.left-navigation__link:focus {
  color: #00855B;
  border-color: #00855B;
}

.odx-navigation--left li.active {
  border-color: #00855B;
}

.odx-navigation--left li:hover {
  background-color: transparent;
}

.odx-navigation--left li:hover a.left-navigation__link:hover {
  color: #00855B;
}

/* END: Left Nav */
/* START: Paginator */
.content-body span.odx-pagination.current.inactive,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #00855B;
  border-color: #00855B;
}

/* END: Paginator */
/* START: Select2 option menu */
.select2-selection--multiple
.select2-selection__rendered
li.select2-selection__choice,
.ohio-select2 .select2-selection--multiple .select2-selection__choice__remove,
.ohio-select2
.select2-selection--multiple
.select2-selection__choice__remove:hover {
  color: #00855B;
  border-color: #00855B;
}

/* END: Select2 option menu */
/* START: input forms */
input.form-control,
select.form-control,
textarea.form-control,
.odx-topic-hub-search
.odx-topic-hub-search__input-container
.odx-topic-hub-resources__input {
  border-color: #00855B;
  border-width: 1px;
  font-size: 0.9rem;
}

/* END: input forms */
/* START: Events */
.odx-events__item-title {
  font-weight: 600;
}

.odx-events__search-input {
  border-color: #00855B;
}

.odx-events__item-left .odx-events__item-date {
  background-color: #00855B;
}

.odx-topic-hub-search hr {
  display: none !important;
}

.odot-news-and-events__landing-page .ohio-section-header__container {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .odx-content__image-container .img-responsive.odx-content__image {
    max-height: none;
  }
}

/* END: Events */
/* START: Upcoming Events */
.core-events__header-container {
  padding: 40px 0 16px;
  border-bottom: 1px solid #d8d8d8;
}

.core-events__header-container .core-events__header-title {
  font-size: 1.625em;
  line-height: 1.5;
  font-weight: normal;
}

.core-events__header-container .core-more-button {
  display: none;
}

.core-events__footer-container .core-more-button {
  color: #0e3f75 !important;
  background-color: #ffffff;
}

@media (min-width: 501px) {
  .core-events__footer-container .core-more-button {
    display: block;
  }
}

@media (min-width: 501px) {
  .ltap-program-lp .core-events__header-container .core-more-button {
    display: block;
    color: #00855B !important;
  }
}

@media (min-width: 501px) {
  .ltap-program-lp .core-events__footer-container .core-more-button {
    display: none;
  }
}

/* END: Upcoming Events */
/* === START: Fix events Home 06.10.2021 === */
.core-events__header-container {
  padding: 15px 0 1em;
}

.core-events__list {
  margin-bottom: 40px !important;
}

/* === END: Fix events Home 06.10.2021 === */
.core-events__list .core-events__item-title {
  font-weight: 600;
}

/* START: Cards */
.ohio-card .ohio-card-content .ohio-card-content-header {
  color: #101010;
  font-weight: 600;
}

p.ohio-card-content-summary {
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 5em;
}

.odot-publication-card.ohio-card .ohio-card-content {
  min-height: unset;
}

.odot-publication-card.ohio-card .ohio-card-content .ohio-card-content-header {
  font-size: 1.25em;
}

.odot-publication-card.ohio-card .ohio-card-content .ohio-card-content-summary {
  height: unset;
  font-size: 14px;
  line-height: 1.2em;
  overflow: hidden;
  max-height: 138px;
}

.odot-publication-card.ohio-card .ohio-card-metadata {
  background: #FAFAFA;
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: 100%;
  width: 100%;
}

@media (max-width: 992px) {
  .odot-publication-card.ohio-card .ohio-card-metadata {
    margin: 10px 0;
  }
}

.odot-publication-card.ohio-card .ohio-card-metadata .ohio-card-metadata-item {
  text-align: center;
  font-size: 14px;
  line-height: 1.2em;
  margin: 5px 10px 5px 5px;
  text-decoration: none;
  color: #4a4a4a;
}

.odot-publication-card.ohio-card .ohio-card-metadata .ohio-card-metadata-item.odot-publication-card-email {
  color: #00855B;
}

.odot-publication-card.ohio-card .ohio-card-metadata .ohio-card-metadata-item > span {
  color: #00855B;
}

.odot-publication-card.ohio-card .ohio-card-wrapper-anchor {
  display: flex;
}

@media (max-width: 992px) {
  .odot-publication-card.ohio-card .ohio-card-wrapper-anchor {
    display: block;
  }
}

.odot-publication-card.ohio-card .ohio-card-wrapper-anchor > .col-xs-12.col-sm-12.col-md-6.col-lg-6 {
  padding: 10px 15px;
}

/* END: Cards */
/* START: Ads */
@media (max-width: 992px) {
  .odx-ads-container .odx-ads-item .odx-ads-item__image {
    display: inline-block;
  }
}

.odx-ads-container .odx-ads-item.odx-ads-item-small {
  height: 120px;
}

.odx-ads-container .odx-ads-item.odx-ads-item-small .odx-ads-item__image {
  height: 120px;
  width: 120px;
}

.odx-ads-container .odx-ads-item.odx-ads-item-small .odx-ads-item__content {
  padding: 10px;
  width: calc(100% - 120px);
}

.odx-ads-container .odx-ads-item.odx-ads-item-small .odx-ads-item__summary {
  max-height: 40px;
  margin-top: 7px;
}

.odx-ads-container .odx-ads-item.odx-ads-item-small .odx-ads-item__summary:after {
  top: 1em;
}

@media (max-width: 992px) {
  .odx-ads-container .odx-ads-item.odx-ads-item-small .odx-ads-item__content {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .odx-ads-container .odx-ads-item.odx-ads-item-small {
    height: auto;
  }
}

.content-body .odx-ads-with-icon__title {
  padding-right: 10px;
}

body .content-body .odx-background-color-primary-additional,
.b-all-width-background--primary-additional::before,
.b-all-width-background--primary-additional::after {
  background-color: #00855B;
}

.odx-ads-container .odx-ads-item--full-width-image {
  height: auto;
  max-width: 450px;
}

.odx-ads-container .odx-ads-item--full-width-image img {
  display: block;
  width: 100%;
  height: 165px;
}

.odx-ads-container.odi-home-vertical-ads .odx-ads-item--full-width-image img {
  height: 130px;
}

.odx-ads-item {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  position: relative;
  max-width: 450px;
  margin: 0 auto 16px auto;
  height: 165px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

.odx-ads-container .odx-ads-item .odx-ads-item__image {
  width: 110px;
  height: 165px;
  float: left;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.odx-ads-container .odx-ads-item .odx-ads-item__link {
  text-decoration: none;
}

.odx-ads-container .odx-ads-item .odx-ads-item__content {
  padding: 16px;
  overflow: hidden;
  float: left;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .odx-ads-container .odx-ads-item .odx-ads-item__content {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .odx-ads-container .odx-ads-item .odx-ads-item__content {
    width: calc(100% - 110px);
  }
}

.odx-ads-container .odx-ads-item .odx-ads-item__content .odx-ads-item__main {
  overflow: hidden;
  height: 100%;
  user-select: none;
}

.odx-ads-container .odx-ads-item .odx-ads-item__title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  line-height: 24px;
  max-height: 48px;
  width: calc(100% + 20em);
  color: #4a4a4a;
  position: relative;
  overflow: hidden;
}

.odx-ads-container .odx-ads-item .odx-ads-item__summary {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 22px;
  width: calc(100% + 20em);
  max-height: 6em;
  position: relative;
  margin: 0;
  overflow: hidden;
}

.odx-ads-container .odx-ads-item .odx-ads-item__title:before {
  content: "";
  display: inline-block;
  width: 20em;
  height: 3em;
  float: right;
}

.odx-ads-container .odx-ads-item .odx-ads-item__summary:before {
  content: "";
  display: inline-block;
  width: 20em;
  height: 4em;
  float: right;
}

.odx-ads-container .odx-ads-item .odx-ads-item__title:after {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, #fff);
  bottom: 0;
  content: "";
  position: absolute;
  right: 20em;
  top: 24px;
  width: 4rem;
}

.odx-ads-container .odx-ads-item .odx-ads-item__summary:after {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, #fff);
  bottom: 0;
  content: "";
  position: absolute;
  right: 20em;
  top: 5em;
  width: 5rem;
}

@media (max-width: 992px) {
  .odx-ads-container .odx-ads-item .odx-ads-item__summary {
    display: inherit;
  }
  .odx-ads-container .odx-ads-item .odx-ads-item__image {
    float: inherit;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .odx-ads-item__content {
    text-align: center;
  }
  .odx-ads-container .odx-ads-item .odx-ads-item__title {
    max-height: inherit;
    overflow: visible;
  }
}

.odx-division__list-item .odx-ads-with-icon__title {
  font-weight: bold;
}

.odx-division__list-item .odx-panel-body a {
  display: block;
}

/* END: Ads */
/* START: Main Carousel */
.content-body .slick-dots li button:before {
  background-color: #00855B;
  border-color: #00855B;
}

/* END: Main Carousel */
/* START: Divisions Carousel */
.core-divisions-carousel .core-divisions-carousel__item .core-divisions-carousel__title {
  height: 50px;
  color: #00855B;
  color: #101010;
}

.core-carousel-button-left .icon,
.core-carousel-button-right .icon {
  background-color: #ffffff;
  color: #00855B;
  opacity: 0.7;
}

.ohio-carousel-districts__list {
  padding-left: 0;
  position: relative;
}

.ohio-carousel-icons-item img.odx-icon {
  max-height: 100px;
  height: auto;
  width: 100px;
}

.odot-districts-landing-page .ohio-carousel-icons-item img.odx-icon {
  max-height: 170px;
  width: 100%;
  max-width: 170px;
}

.odot-districts-landing-page .ohio-carousel-icons-item__img {
  height: auto;
}

.odot-districts-landing-page .ohio-card-bg-img {
  height: 100%;
  width: auto;
  margin: 0 auto;
  display: block;
}

/* END: Divisions Carousel */
/* START: Divisions Landing Page Cards */
.odot-divisions-landing-page .ohio-card-bg img {
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
}

/* END: Divisions Landing Page Cards */
/* START - District Cards */
.odot-larger-cards .ohio-card-bg {
  height: 150px;
}

@media screen and (min-width: 768px) {
  .odot-larger-cards .ohio-card-bg {
    height: 115px;
  }
}

@media screen and (min-width: 992px) {
  .odot-larger-cards .ohio-card-bg {
    height: 180px;
  }
}

/* END - District Cards */
/* START - Location Modal */
#aw-header-bottom-right a {
  color: #4a4a4a;
  display: inline-block;
  padding: 10px;
  margin-top: 5px;
}

.odot-menu-location {
  color: #ffffff;
  vertical-align: middle;
  display: inline-block;
  margin-right: 30px;
  font-family: "Source Sans Pro", Tahoma, Verdana, Segoe, sans-serif;
}

.odot-menu-location:hover {
  cursor: pointer;
}

.odot-menu-location__left {
  font-size: 1.2rem;
  vertical-align: bottom;
}

#aw-header-bottom-right .odot-menu-location__left i {
  margin-right: 5px;
  color: #101010;
}

.odot-menu-location__left,
.odot-menu-location__right {
  display: inline-block;
}

.odot-menu-location__text-one {
  margin: 0;
  font-size: 0.8rem;
  color: #101010;
}

.odot-menu-location__text-two {
  margin: 0;
  font-size: 1rem;
  line-height: 1rem;
  color: #101010;
}

.modal-dialog {
  max-width: 900px;
}

.modal-content__modal-img {
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 410px;
  background-image: url("/wps/wcm/connect/gov/a7a02f0d-0c17-4e6f-89e8-e40c217b1871/odot_location1.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a7a02f0d-0c17-4e6f-89e8-e40c217b1871-mQ6PN1L");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.modal-content__modal-left {
  padding: 0;
  padding-left: 10px;
  height: 100%;
}

.modal-content__modal-right {
  padding: 2rem 4rem;
  background-color: #ffffff;
}

.modal-content__modal-right h2 {
  margin: 0 10% 0 0;
}

.theme-green .ohio-modal .close {
  color: #00855B;
}

.modal-dialog {
  top: 0;
}

.search-box {
  height: 2rem;
  width: 100%;
  border: 1px solid #00855B;
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 1rem;
}

.search-box::placeholder {
  color: lightgrey;
}

.find-my-location {
  color: #00855B;
}

.find-my-location-button {
  text-transform: uppercase;
  color: #ffffff;
  background-color: #00855B;
  width: 50%;
  padding: 0.5rem;
  border-radius: 6px;
}

.modal-content {
  border-radius: 0;
  overflow: visible;
}

.modal-dialog {
  width: 80vw;
  top: 30vh;
  margin: auto;
}

.find-my-location-button__text {
  vertical-align: sub;
}

.autocomplete.input-group {
  width: 100%;
}

.modal-content__modal-right.text-center > p {
  margin-top: 50px;
}

#form-county button.btn-default,
#form-county button.btn-default:hover,
#form-county button.btn-default:active,
#form-county button.btn-default:focus,
#form-county button.btn-default:visited {
  border-color: #00855B;
  background: #00855B;
  color: #ffffff;
  padding: 10px 22px 5px;
  font-size: 1em;
  text-transform: uppercase;
}

.typeahead__button,
.typeahead__filter {
  padding: 10px;
}

.typeahead__field {
  border-radius: 8px;
}

.has-location-county .county-text {
  color: black;
  font-weight: bold;
  font-size: 1.4em;
}

.has-location-county .has-location-county-icon {
  font-size: 1.4em;
  color: #00855B;
}

.has-location-info {
  background-color: #ccebe1;
  overflow: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px 10px;
}

.has-location_info-icon-container {
  width: 5%;
  display: inline-block;
  font-size: 1.5em;
  color: #00855B;
}

.has-location_info-text {
  width: 94%;
  display: inline-block;
}

.has-location_info-text p {
  line-height: 1.3;
}

#form-county input.js-typeahead-county.typeahead.form-control,
#form-county .typeahead__button:active button:focus,
#form-county .typeahead__container button[disabled] {
  border-radius: 10px;
}

#form-county input.js-typeahead-county.typeahead.form-control,
#form-county .typeahead__button:active button:focus,
#form-county .typeahead__container button[disabled] {
  border: 1px solid transparent;
  background-color: #ffffff;
}

#enter-location-modal .ohio-spinner.ohio-spinner--centered {
  padding: 10px;
}

@media (max-width: 767px) {
  #form-county button.btn-default {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .selected-country {
    min-height: 50px;
  }
}

@media (max-width: 1024px) {
  form#form-county {
    min-height: 90px;
  }
}

.typeahead__button button:enabled {
  color: #00855B;
  text-shadow: 0.5px 0.5px 1px lightgrey;
}

.typeahead__container button.modal-search-form__submit-button {
  border: 1px solid transparent;
}

button.modal-search-form__submit-button {
  border: 1px solid transparent;
}

.typeahead__field {
  border: 1px solid #00855B;
}

.dropdown-menu li a {
  text-decoration: none;
  color: black;
  font-size: 1rem;
}

.dropdown-menu li a:hover {
  text-decoration: none;
  color: black;
}

.dropdown-menu {
  width: 100%;
  max-height: 8rem;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: auto;
}

.datepicker-dropdown.dropdown-menu {
  width: revert;
  max-height: revert;
}

@media screen and (min-width: 768px) {
  .row.display-table {
    display: table;
    height: 100%;
  }
  .row.display-table [class*="’col-’"] {
    float: none;
    display: table-cell;
    height: 100%;
  }
  .location-bar {
    display: none;
  }
}

#aw-header-navigation,
#aw-header-bottom-right,
.odx-logo-wrapper img.hidden-xs.hidden-sm {
  display: none;
}

@media (min-width: 992px) {
  #aw-header-navigation,
  #aw-header-bottom-right,
  .odx-logo-wrapper img.hidden-xs.hidden-sm {
    display: block;
  }
}

/* START: New header Styles */
@media (max-width: 991px) and (min-width: 768px) {
  #aw-header-bottom-right {
    display: block;
    position: absolute;
    z-index: 2;
  }
}

@media (max-width: 767px) {
  #aw-header-bottom-left .odx-logo-wrapper {
    align-items: flex-start;
  }
  #aw-main-wrapper .navigation {
    height: 100px;
  }
  .location-bar {
    z-index: 2;
  }
}

/* END: New header Styles */
@media screen and (max-width: 767px) {
  #aw-header-navigation ul li {
    text-transform: uppercase;
    list-style: none;
    display: block;
    padding-right: 0px;
    font-family: Source Sans Pro;
    text-align: center;
    left: 0px;
  }
  #main-nav-container
.awesome-navigator.main-nav-list
.current
div.odx-page-description {
    color: #1f2a44;
  }
  #aw-header-navigation {
    background-color: #00855B;
  }
  nav a#button-collapse-navigator,
  nav div#button-collapse-navigator {
    background-color: #00855B;
  }
  .odx-mobile-nav__icon-button {
    background-color: #00855B;
  }
  #search-button .fa.fa-search {
    color: #ffffff;
    margin-top: 10px;
  }
  #aw-header-navigation ul li.current a,
  #aw-header-navigation ul li a:hover,
  #aw- header-navigation ul li a:active,
  #aw-header-navigation ul li a:focus {
    color: #1f2a44;
    border: 0px;
  }
  .odot-menu-location {
    display: none;
  }
  .modal-dialog {
    top: 10vh;
  }
  .location-bar {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%;
    background-color: #0e3f75;
    color: #ffffff;
    height: 0px;
    padding: 0 1rem 0 1rem;
    font-size: 0.9rem;
  }
  .location-bar.expanded {
    height: 30px;
    overflow-y: hidden;
    transition: height 0.4s linear;
    transition-delay: 0.4s;
  }
  .content-body.location-bar-added {
    margin-top: 30px;
    transition: margin 0.4s linear;
    transition-delay: 0.4s;
  }
  .location-bar p {
    line-height: 30px;
  }
  .location-bar p i {
    padding-right: 8px;
  }
  .location-bar__x {
    float: right;
    padding-right: 12px;
  }
}

@media screen and (max-width: 992px) {
  .row.display-table {
    display: block;
    background-color: white;
  }
  .modal-content__modal-left {
    padding-left: 0;
  }
  #form-county .modal-search-form__submit-button {
    margin-top: 10px;
  }
  .modal-content__modal-img {
    height: 250px;
    background-position: bottom center;
  }
  .modal-content__modal-right p,
  .modal-content__modal-right button {
    font-size: 0.7rem;
  }
  input.js-typeahead-county.typeahead.form-control {
    padding-right: 0;
  }
  input.js-typeahead-county::placeholder {
    font-size: 0.8rem;
  }
  .find-my-location-button {
    width: 80%;
  }
  .modal-content__modal-right {
    padding: 0.5rem 1.8rem 1rem 1.8rem;
  }
  h2.text-left.modal-right-header {
    font-size: 0.9rem;
    width: 90%;
  }
  .modal-content__modal-img span {
    position: absolute;
    right: 20px;
    top: 10px;
    color: black;
    font-size: 1.2rem;
    padding: 6px 5px 0px 5px;
    background-color: #ffffff;
    line-height: 1.2rem;
  }
  .modal-search-form__submit-button span {
    font-size: 1rem;
  }
  .modal-content__modal-right.text-center > p {
    margin-top: 5px;
    font-size: 0.8rem;
  }
  span.find-my-location-button__text {
    font-size: 0.8rem;
  }
  button.find-my-location-button.margin-top-sm {
    width: 40%;
    padding: 0;
    margin-top: 10px;
  }
  .modal-content__modal-right {
    padding: 1rem 2rem;
  }
}

#enter-location-modal .selected-country {
  overflow: auto;
}

/* END - Location Modal */
/* START: Utility Classes */
.odot-text-primary {
  color: #00855B;
}

.content-body .odx-no-margin-bottom .margin-bottom-md {
  margin-bottom: 0;
}

/* END: Utility Classes */
/*Breakpoints Template*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #aw-header-navigation ul li {
    text-transform: none;
    list-style: none;
    display: table-cell;
    font-family: Source Sans Pro;
    padding-right: 20px;
    padding-top: 10px;
    text-align: initial;
    font-size: 0.85em;
  }
  .lotusui30dojo ol li,
  .lotusui30dojo ul li {
    font-size: 0.8em;
    line-height: 1.8;
  }
}

/* START - Comments Dashboard */
body .content-body .admin-tools a {
  text-decoration: none;
  font-size: 1.2rem;
}

.admin-tools-buttons {
  text-align: center;
  margin: auto;
  margin-bottom: 50px;
}

.admin-tools-buttons > a {
  display: inline-block;
}

.comments-dashboard-button,
.project-sync-button {
  background-color: #00855B;
  width: 250px;
  padding: 50px 10px;
  border-radius: 5px;
  color: #ffffff;
  margin: 0 30px;
}

div#js-project-table-visualization_length {
  float: left;
}

div#js-project-table-visualization_filter {
  float: right;
}

.admin-tools .odx-content__title {
  margin-top: 40px;
  text-align: center;
}

#dashboard-nav a.dashboard-nav-button {
  background: #00855B;
  color: #ffffff;
  text-decoration: none;
  padding: 7px;
  margin: 0 10px;
  border-radius: 3px;
}

div#dashboard-nav {
  margin: 15px 0 30px 0;
  background: #f0f0f0;
}

.public-period-alert {
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
  background-color: #e5f4f0;
}

.public-period-alert span.glyphicon.glyphicon-info-sign {
  float: right;
  padding-top: 5px;
  font-size: 1.4rem;
  color: #009969;
}

.areas-of-interest-label {
  display: block;
}

.widget {
  height: 175px;
  border: 1px solid #00855B;
  border-radius: 5px;
  margin: auto;
  padding: 15px 20px;
  margin-top: 30px;
  cursor: pointer;
}

.widget i {
  font-size: 4.5rem;
  padding-top: 30%;
  color: #00855B;
}

.widget.selected {
  background-color: #00855B;
}

.widget.selected i,
.widget.selected p.comment-quantity,
.widget.selected p.comment-filter-type {
  color: #ffffff;
}

.widget p.comment-quantity {
  font-size: 2.5rem;
  margin: 0;
}

.all-comments-dashboard .widget {
  margin-top: 0;
}

td.has-new-comments:before {
  content: "\2022";
  color: #00855B;
  padding-right: 5px;
  font-size: 1.3rem;
}

td span.starred {
  color: #00855B;
  font-size: 3rem;
  vertical-align: bottom;
  line-height: 1rem;
}

th.dt-right.star {
  width: 5px !important;
  background-image: none !important;
}

td.dt-firstUppercase {
  text-transform: capitalize;
}

.table-container {
  width: 100%;
  min-width: 500px;
  margin: auto;
  margin-top: 20px;
}

canvas#areas-of-interest-chart {
  border: 1px solid #00855B;
  border-radius: 5px;
}

.table-wrapper,
.chart-wrapper {
  height: 340px;
}

table#areas-of-interest-table {
  padding-top: 0;
  height: 320px;
  border-radius: 5px;
  border: 1px solid #00855B;
}

.widget.areas-of-interest-chart {
  padding: 0 10px;
  height: 320px;
  margin-top: 0;
  cursor: auto;
  border: none;
}

#areas-of-interest-table th {
  font-size: 0.9rem;
  background-color: #00855B;
  line-height: 2rem;
  padding: 5px 0 0 10px;
  color: #ffffff;
  background-image: none !important;
}

#areas-of-interest-table td {
  text-align: center;
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  font-size: 0.8rem;
  line-height: 0.9rem;
  border-radius: 0 0 5px 5px;
  text-transform: capitalize;
}

#areas-of-interest-table tr.selected td {
  border-radius: 0px 0px 0px 0px;
  border-color: #a51c1c00;
  border: 0px solid;
  color: #ffffff;
  background-color: #00855B;
}

#dynamic-table_wrapper .dt-buttons p {
  display: inline-block;
}

#dynamic-table_wrapper .dt-buttons {
  display: inline-block;
  margin-left: 30px;
}

#dynamic-table_wrapper ul.pagination {
  margin-top: 7px;
}

.comments-reporting #dynamic-table_length {
  float: left;
}

.comments-reporting td.dataTables_empty {
  float: left;
  width: 100%;
}

.comments-reporting .no-data {
  color: lightgray;
  font-style: italic;
}

tr.filter-trigger.area-of-interest-trigger {
  cursor: pointer;
}

#project-detail h1 {
  margin: 0;
}

#all-projects_filter,
#dynamic-table_filter {
  float: none;
}

#all-projects_length,
#dynamic-table_length {
  float: none;
}

.formio-component-areasOfInterest input[type="text"] {
  display: none;
}

.all-comments-dashboard .modal-dialog {
  top: 10vh;
}

.all-comments-dashboard .choices__list.choices__list--dropdown {
  display: none;
}

#single-comment-modal .select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #aaa;
}

.all-comments-dashboard select.form-control.choices__input {
  display: none;
}

.all-comments-dashboard button.choices__button {
  display: none;
}

.all-comments-dashboard input.formio-select-autocomplete-input {
  display: none;
}

.dataTables_filter-dateRange {
  display: flex;
  gap: 0.5rem;
}

.survey-results-dashboard .table-wrapper {
  border: 1px solid #00855B;
  border-radius: 5px;
  margin-top: 30px;
  padding: 15px;
  height: auto;
  min-height: 300px;
}

div#results-table_info {
  display: block;
  padding-right: 51px;
}

.surveys-dropdown-wrapper {
  text-align: center;
}

.surveys-dropdown-wrapper label {
  display: block;
}

@keyframes opacity-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#dynamic-table_wrapper {
  animation-name: opacity-fade;
  animation-duration: 1s;
}

button#respond-link a {
  color: #ffffff;
  text-decoration: none;
}

button.btn.comments-button {
  background-color: #00855B;
  color: #ffffff;
  padding: 5px 10px;
}

button.btn.comments-button.filter-trigger {
  border: 1px solid #00855B;
}

button.btn.comments-button.filter-trigger:focus {
  outline: none;
}

li.paginate_button.active a {
  color: #ffffff;
}

.public-comment {
  background-color: #00855B !important;
  color: #ffffff;
  text-transform: capitalize;
}

.general-comment {
  background-color: #d14121 !important;
  color: #ffffff;
  text-transform: capitalize;
}

.comments-dashboard {
  max-width: 1600px;
  margin: auto;
}

/*.projects-dashboard ul.b-breadcrumb#top-breadcrumbs, .project-detail ul.b-breadcrumb#top-breadcrumbs, .all-comments-dashboard ul.b-breadcrumb#top-breadcrumbs {
    display: none;
}*/
.projects-dashboard,
.project-detail,
.all-comments-dashboard {
  margin-top: 30px;
}

#single-comment-modal li.select2-selection__choice {
  padding: 10px;
}

#single-comment-modal {
  top: -20%;
}

table#all-projects select {
  width: 100%;
  font-size: 0.8rem;
  height: 2rem;
}

table.dataTable tfoot td {
  padding: 2px;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0;
}

.dataTables_wrapper .dataTables_scrollHeadInner {
  padding-top: 10px;
}

.dataTables_wrapper table.dataTable thead .sorting,
.dataTables_wrapper table.dataTable thead .sorting_asc,
.dataTables_wrapper table.dataTable thead .sorting_desc {
  background-color: #00855B;
  color: #ffffff;
  font-size: 1em;
  font-weight: 800;
  border-bottom: unset;
}

.dataTables_wrapper table.dataTable thead .sorting:first-child,
.dataTables_wrapper table.dataTable thead .sorting_asc:first-child,
.dataTables_wrapper table.dataTable thead .sorting_desc:first-child {
  border-top-left-radius: 4px;
}

.dataTables_wrapper table.dataTable thead .sorting:last-child,
.dataTables_wrapper table.dataTable thead .sorting_asc:last-child,
.dataTables_wrapper table.dataTable thead .sorting_desc:last-child {
  border-top-right-radius: 4px;
}

.dataTables_wrapper table.dataTable.no-footer {
  padding-top: unset;
}

.dataTables_wrapper .dataTables_scrollBody table.dataTable tbody td:first-child,
.dataTables_wrapper .dataTables_scrollBody table.dataTable tbody td:last-of-type {
  padding-left: 18px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-top: unset;
  border: 1px solid #dadada;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top: unset;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: #00855B !important;
}

.dataTables_wrapper .pagination > .disabled > a,
.dataTables_wrapper .pagination > .disabled > a:focus,
.dataTables_wrapper .pagination > .disabled > a:hover,
.dataTables_wrapper .pagination > .disabled > span,
.dataTables_wrapper .pagination > .disabled > span:focus,
.dataTables_wrapper .pagination > .disabled > span:hover {
  color: #00855B;
  text-decoration: unset;
}

.all-filters-list button.btn.comments-button {
  display: block;
  margin: 15px auto;
}

.all-filters-list button.btn.comments-button.selected {
  color: #00855B;
  background-color: #ffffff;
  border: 1px solid #00855B;
}

.widget.all-filters-list {
  height: 320px;
  margin-top: 0;
  cursor: auto;
}

.all-filters-list h5.text-center {
  margin-bottom: 0;
  color: #00855B;
  font-weight: bold;
}

span#share-comment {
  color: #00855B;
  cursor: pointer;
}

span.copied-alert {
  display: block;
  position: relative;
  bottom: 40px;
  color: #00855B;
  font-weight: bold;
  font-size: 1.1rem;
  text-shadow: 1px 1px 1px black;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.all-comments-dashboard div#dynamic-table_length {
  float: left;
}

.dt-buttons:before {
  content: "Export: ";
}

.dt-buttons {
  margin-top: 10px;
}

/* START - Toggle Switch */
.switch-field {
  display: block;
  text-align: center;
  overflow: hidden;
  width: 200px;
  margin: auto;
  margin-top: 30px;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  margin-left: -2px;
  margin-right: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #00855B;
  color: #ffffff;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

/* END - Toggle Switch */
/*
@media only screen and (max-width: 1500px) {
    #areas-of-interest-chart {
        margin-top: 35px;
    }
}
*/
/* END - Comments Dashboard */
/* START: Full Banner */
a.odx-full-banner__button.btn.btn-primary {
  font-weight: 600;
}

/* END: Full Banner */
/* START: Filter Catalog */
.b-project__project-comments .btn,
.b-project__project-comments .btn:hover,
.b-project__project-comments .btn:active,
.b-project__project-comments .btn:focus,
.b-project__project-comments .btn:visited {
  border-color: #00855B;
  background: #00855B;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 40px 7px;
  text-transform: uppercase;
}

.odx-topic-hub-search
.odx-topic-hub-search__input-container
.odx-topic-hub-resources__button,
.odx-topic-hub-resources__reset-btn button,
.odx-topic-hub-resources__reset-btn button:hover,
.odx-topic-hub-resources__reset-btn button:active,
.odx-topic-hub-resources__reset-btn button:focus,
.odx-topic-hub-resources__reset-btn button:visited {
  border-color: #00855B;
  background: #00855B;
  color: #ffffff;
}

.odot-filter-buttons .column-value:first-child {
  border-radius: 5px 0 0 5px;
}

.odot-filter-buttons .column-value:last-child {
  border-radius: 0 5px 5px 0;
}

.odx-topic-hub-resources-search-results__location-btn button,
.odx-topic-hub-resources-search-results__location-btn button:hover,
.odx-topic-hub-resources-search-results__location-btn button:active,
.odx-topic-hub-resources-search-results__location-btn button:focus,
.odx-topic-hub-resources-search-results__location-btn button:visited {
  border-color: #00855B;
  background: #00855B;
  color: #ffffff;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 0.8em;
  padding-top: 10px;
  height: 40px;
  width: 150px;
  border-radius: 5px;
  outline: none;
}

.odx-topic-hub-resources-search-results__label {
  font-size: 1.3em;
  margin-bottom: 10px;
}

.odx-topic-hub-resources-search-results__label-green {
  color: #00855B;
}

.odx-topic-hub-resources-search-results__label-green.fa {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .odx-topic-hub-resources-search-results {
    margin-top: 20px;
  }
  .odx-topic-hub-resources-search-results__label-location {
    display: block;
  }
}

.odot-topic-hub-search .ohio-card-bg {
  display: none;
}

.odot-topic-hub-search .ohio-card .ohio-card-content__bottom {
  display: none;
}

.odot-topic-hub-search .ohio-card .ohio-card-content p {
  display: none;
}

.odot-topic-hub-search .ohio-card.ohio-card--center .ohio-card-content {
  max-height: 90px;
  min-height: 90px;
  overflow: block;
}

.odot-topic-hub-search .ohio-card .ohio-card-content .ohio-card-content-header {
  overflow: block;
  max-height: 100%;
}

.odot-topic-hub-search .ohio-card.ohio-card--center .ohio-card-content {
  text-align: center;
}

.odot-topic-hub-search .odx-topic-hub-filter-help-text {
  display: none;
}

.odot-topic-hub-search .odx-content__body {
  margin-bottom: 0px;
}

.odot-topic-hub-search.odx-topic-hub-search
.odx-topic-hub-filter__topics-container {
  display: none;
}

/* END: Filter Catalog */
/* START: Resources cards */
.ohio-carousel-icons__items-container li.odx-odot-cards-resources {
  padding: 0 10px;
}

@media (max-width: 1199px) and (min-width: 768px) {
  ul.ohio-cards__no-carousel-container
li.odx-odot-cards-resources:nth-child(1),
  ul.ohio-cards__no-carousel-container
li.odx-odot-cards-resources:nth-child(3n + 1) {
    padding-left: 0;
  }
  ul.ohio-cards__no-carousel-container
li.odx-odot-cards-resources:nth-child(3n) {
    padding-right: 0;
  }
}

@media (min-width: 1200px) {
  ul.ohio-cards__no-carousel-container
li.odx-odot-cards-resources:nth-child(1),
  ul.ohio-cards__no-carousel-container
li.odx-odot-cards-resources:nth-child(4n + 1) {
    padding-left: 0;
  }
  ul.ohio-cards__no-carousel-container
li.odx-odot-cards-resources:nth-child(4n) {
    padding-right: 0;
  }
}

/* END: Resources Cards */
/* START: Survey */
img.imageOption {
  width: auto;
  max-width: calc(100% - 20px);
  height: 250px;
  object-fit: contain;
  margin-bottom: 20px;
}

.noise-wall-images {
  overflow: auto;
}

/* END: Survey */
.odx-no-margin-bottom .odx-single-ads__item.margin-bottom-sm {
  margin-bottom: 0px;
}

body .content-body a.home {
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 767px) {
  .odx-header-bottom-right {
    padding: 29px 25px 24px;
    width: 100px;
  }
}

/* START - Footer */
body .content-body .single-column-footer .odx_primary-footer {
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 20px;
}

body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation {
  padding-bottom: 10px;
}

body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation a.ohio-footer-navigation__title,
body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation .ohio-footer-navigation__title.ohio-link,
body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation .ohio-footer-navigation__title.alert-link,
body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation .ohio-footer-navigation__title.alert-link {
  font-weight: normal;
}

body .content-body .single-column-footer .odx_primary-footer .odx-footer-navigation__main-item .ohio-footer-navigation__title {
  color: #00855B;
}

body .content-body .single-column-footer .odx_primary-footer .odx-footer-navigation__main-item .ohio-footer-navigation__header {
  color: #101010;
}

body .content-body .single-column-footer .odx_primary-footer .odx_agency-info {
  margin-top: 0;
}

body .content-body .single-column-footer .odx_primary-footer .odx_agency-info p {
  color: #101010 !important;
}

body .content-body .single-column-footer .odx_primary-footer .odx_agency-info a {
  color: #0e3f75;
  text-decoration: underline;
}

body .content-body .single-column-footer .odx_primary-footer .odx_agency-info a:hover {
  text-decoration: none;
}

body .content-body .single-column-footer .odx_secondary-footer {
  background-color: #00855B;
}

/* END - Footer */
/* START - Subscribe Newsletter Form */
.iop-footer-subscribe {
  padding-top: 30px;
  padding-bottom: 40px;
  background-color: #00855B;
}

@media (max-width: 767px) {
  .iop-footer-subscribe {
    margin-bottom: -20px;
  }
}

.iop-footer-subscribe__text i {
  color: #ffffff;
}

.iop-footer-subscribe__alert {
  color: #ffffff;
}

.iop-footer-subscribe__button, .iop-footer-subscribe__button:hover {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

/* START - Subscribe Newsletter Form */
/* START: left-nav on tablet and mobile */
@media (max-width: 991px) {
  nav.odx-navigation.odx-navigation--left::after {
    width: 7%;
  }
}

/* END: left-nav on tablet and mobile */
.odx-division-program__icon {
  background-position: center;
}

/* START: Landing page */
.odx-content--landing-page .odx-content__image-caption {
  display: none;
}

/* END: Landing page */
/* START - Header nav */
.content-body .odx-full-banner__button {
  margin-top: 0px;
}

.odx-separator {
  min-height: 55px;
}

.odx-header-bottom-right {
  padding: 29px 25px 24px;
}

.odx-az-index__button button {
  line-height: 1.25em;
}

@media (max-width: 991px) and (min-width: 768px) {
  #aw-header-navigation ul li a {
    padding: 25px 15px 20px;
    font-size: 1em;
  }
  #aw-header-navigation ul li .odx-page-description {
    font-size: 1.5em;
    line-height: 1.15em;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .navigation #aw-header-navigation ul li {
    padding-top: 0;
    padding-right: 0;
    font-size: 0.8em;
    line-height: 0.1;
    max-width: 120px;
    margin: 0px;
  }
  .navigation #aw-header-navigation ul li a {
    max-width: 120px;
  }
  .navigation #aw-header-navigation ul li .odx-page-description {
    line-height: 0.3em;
  }
}

@media (max-width: 1199px) {
  #aw-header-bottom-right #authoringlink {
    display: none;
  }
}

@media (min-width: 992px) {
  .odx-search {
    top: 10px;
    padding: 20px 0 30px 0;
  }
  .odx-search_slide.in {
    width: calc(100% - 150px);
  }
  #aw-header-navigation .odx-page-description {
    text-transform: uppercase;
  }
  .sticky-header .odx-search {
    top: 0px;
    padding: 15px 0;
  }
  .sticky-header .odx-header-bottom-right {
    padding: 10px 5px;
  }
  .sticky-header #aw-header-navigation .odx-page-description {
    font-size: 1.7em;
    padding-right: 30px;
    max-width: none;
  }
  .navigation.sticky-header #aw-header-navigation ul li a {
    max-width: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0;
  }
  #aw-header-bottom-left {
    flex-basis: 16%;
  }
}

@media (min-width: 1000px) {
  .navigation.sticky-header #aw-header-navigation .odx-page-description {
    font-size: 1.45em;
    padding-right: 0px;
    max-width: none;
  }
}

@media (min-width: 992px) {
  .navigation #aw-header-navigation ul li a {
    padding: 40px 6px 0;
    font-size: 0.85em;
    max-width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0;
  }
  .navigation #aw-header-navigation ul li .odx-page-description {
    font-size: 1.45em;
    line-height: 0.5em;
  }
  .odot-menu-location {
    margin-right: 7px;
  }
  .odx-header-bottom-right {
    padding: 29px 0 24px 25px;
  }
}

.navigation #aw-header-navigation ul {
  padding: 0;
  gap: 20px;
  justify-content: end;
}

#aw-header-bottom-right a.iop-utility-toolbar__item--help {
  display: none;
}

#aw-header-bottom-right .iop-utility-toolbar__item--search {
  border-color: #a1a1a1;
  border-width: 2px;
}

#aw-header-bottom-right .iop-utility-toolbar__item--search .iop-utility-toolbar__item-icon {
  color: #101010;
}

.iop-utility-toolbar__item-icon {
  color: #101010;
}

.iop-utility-toolbar__item-title {
  color: #101010;
}

#aw-header-bottom-right .iop-utility-toolbar__item-title,
.iop-searchbox__buttons .iop-searchbox__button-title,
.iop-searchbox__container .iop-searchbox__input {
  font-family: "Source Sans Pro", Tahoma, Verdana, Segoe, sans-serif;
}

.iop-searchbox__container .iop-searchbox__input {
  padding: 12px 10px 8px 10px;
}

.iop-searchbox__button--search .iop-searchbox__button-title {
  color: #1f2a44;
}

.iop-searchbox__buttons .iop-searchbox__button-title span {
  top: 2px;
  position: relative;
}

@media (min-width: 992px) {
  .odot-menu-location__left {
    font-size: 1.05em;
  }
  #aw-main-wrapper .navigation.js-searchbox-is-enabled,
  #aw-main-wrapper
.navigation.js-searchbox-is-enabled
#aw-header-bottom-left {
    background-color: #ffffff;
  }
  #aw-main-wrapper .navigation.js-searchbox-is-enabled .odx-logo-wrapper {
    mix-blend-mode: normal;
    background-color: #ffffff;
  }
  #aw-main-wrapper .navigation.js-searchbox-is-enabled .odx-logo-wrapper img {
    mix-blend-mode: normal !important;
  }
  .iop-searchbox__input-wrapper {
    background-color: #ffffff;
    padding-left: 20px;
    border-radius: 30px;
  }
  .iop-searchbox__button--search {
    border-radius: 22px;
    border: 2px solid #a1a1a1;
    background-color: #ffffff;
  }
}

/* END - Header nav */
/* START - left nav image */
@media screen and (min-width: 992px) {
  .aw-left-nav__icon div.odx-navigation {
    width: 100px;
    height: 100px;
    margin: 20px;
    padding: 4px 4px 5px 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .aw-left-nav {
    z-index: 998;
    top: -108px;
  }
  .aw-left-nav__icon div.odx-navigation {
    width: 45px;
    height: 45px;
    margin: 2px 10px 0px;
    padding: 0px;
  }
}

@media screen and (max-width: 767px) {
  .layout-odx-single-column-with-bottom-sidebar-and-left-nav-current-context .odx-content--landing-page,
  .layout-odx-single-column-with-bottom-sidebar-and-left-nav-parent-context .odx-content--landing-page {
    margin-top: 55px;
  }
  .layout-odx-single-column-with-bottom-sidebar-and-left-nav-current-context .odx-content--landing-page .aw-left-nav,
  .layout-odx-single-column-with-bottom-sidebar-and-left-nav-parent-context .odx-content--landing-page .aw-left-nav {
    top: -55px;
    left: -10px;
  }
  .odx-content--resource,
  .odx-content--news,
  .odx-content--event {
    margin-top: 75px;
  }
  #aw-main-wrapper .navigation {
    box-shadow: none;
  }
  .aw-left-nav {
    z-index: 998;
  }
  .aw-left-nav__icon div.odx-navigation {
    width: 45px;
    height: 45px;
    margin: 2px 10px 0px;
    padding: 0px;
  }
}

/*
.aw-left-nav__icon div.odx-navigation{
    overflow: hidden;
    border: 3px solid #7ea5cc;
    border-radius: 60px;
    background-clip: content-box;
    background-color: $color-white;
}
*/
.aw-left-nav__icon img.odx-icon {
  width: auto;
  border-radius: 50px;
  height: 100%;
  margin: 0 auto;
}

/* END - left nav image */
/* START - Logo Header */
@media screen and (min-width: 992px) {
  #aw-header-bottom-left div.odx-logo-wrapper img {
    max-height: 110px;
    max-width: 245px;
  }
  .navigation.sticky-header #aw-header-bottom-left div.odx-logo-wrapper img {
    /*height: 55px;*/
  }
}

/* END - Logo Header */
/* START - District Cards */
.odot-larger-cards .ohio-card-bg {
  height: 150px;
}

@media screen and (min-width: 768px) {
  .odot-larger-cards .ohio-card-bg {
    height: 115px;
  }
}

@media screen and (min-width: 992px) {
  .odot-larger-cards .ohio-card-bg {
    height: 180px;
  }
}

/* END - District Cards */
.odx-ad-content-highlighted {
  background: rgba(247, 247, 247, 0.9) url("/wps/wcm/connect/gov/da4ab45b-51df-48a7-ac41-de9b2e958930/ODOT_geometrypattern.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-da4ab45b-51df-48a7-ac41-de9b2e958930-mR02nI2");
}

.b-all-width-background {
  position: relative;
}

.b-all-width-background--highlighted::after {
  background: rgba(247, 247, 247, 0.9) url("/wps/wcm/connect/gov/da4ab45b-51df-48a7-ac41-de9b2e958930/ODOT_geometrypattern.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-da4ab45b-51df-48a7-ac41-de9b2e958930-mR02nI2");
  height: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
  right: 100%;
  z-index: 0;
  content: "";
}

.b-all-width-background--highlighted::before {
  background: rgba(247, 247, 247, 0.9) url("/wps/wcm/connect/gov/da4ab45b-51df-48a7-ac41-de9b2e958930/ODOT_geometrypattern.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-da4ab45b-51df-48a7-ac41-de9b2e958930-mR02nI2");
  height: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
  left: 100%;
  content: "";
  z-index: 0;
}

.odx-content__image--footer-second-row {
  line-height: 1em;
}

.b-main__home--odot .odx-single-ads__item.odx-ad-content-highlighted {
  background: rgba(247, 247, 247, 0.9) url("/wps/wcm/connect/gov/da4ab45b-51df-48a7-ac41-de9b2e958930/ODOT_geometrypattern.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-da4ab45b-51df-48a7-ac41-de9b2e958930-mR02nI2");
  padding-top: 30px;
  padding-bottom: 20px;
}

.odot-home__bottom-ad-summary {
  padding: 20px;
  font-size: 26px;
  font-style: italic;
  line-height: 36px;
}

.odot-home__bottom-ad-footer {
  width: 150px;
  margin: auto;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
  line-height: 1.5em;
}

.odot-home__bottom-ad-image {
  max-width: 100%;
  padding-top: 0;
  border-radius: 50%;
  height: 100%;
  margin: 0 auto;
  border: 5px solid transparent;
}

.odot-home__bottom-ad-circle {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  overflow: hidden;
  border: 6px solid #00855B;
  margin: auto;
}

/*Breakpoints Template*/
/* -- START : Projects Progress Bar -- */
.b-steps {
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .b-steps {
    flex-direction: column;
  }
}

.b-steps__step {
  flex-grow: 1;
  position: relative;
}

.b-steps__step:after {
  right: 0;
}

@media (max-width: 767px) {
  .b-steps__step:after {
    display: flex;
    left: 0;
    top: 30% !important;
  }
}

.b-steps__step:before {
  left: 0;
}

.b-steps__step:not(:first-child):before {
  content: "";
}

.b-steps__step:not(:last-child):after {
  content: "";
}

.b-steps__step:after, .b-steps__step:before {
  display: block;
  background-color: #00855B;
  height: 48px;
  width: 50%;
  position: absolute;
  top: 0;
  z-index: 1;
}

@media (max-width: 767px) {
  .b-steps__step:after, .b-steps__step:before {
    height: 50%;
    width: 48px;
    top: -25%;
  }
}

.b-steps__step--current:after {
  background-color: #ffffff;
}

.b-steps__step--current ~ .b-steps__step .b-steps__icon {
  border: none;
  margin-top: 0;
}

@media (max-width: 767px) {
  .b-steps__step--current ~ .b-steps__step .b-steps__icon {
    margin: 0;
  }
}

.b-steps__step--current ~ .b-steps__step:after,
.b-steps__step--current ~ .b-steps__step:before {
  background-color: #ffffff;
}

.b-steps__info {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .b-steps__info {
    display: flex;
    margin-bottom: 24px;
  }
}

.b-steps__icon {
  width: 48px;
  height: 48px;
  background-color: #00855B;
  border-radius: 50%;
  position: relative;
  line-height: 48px;
  color: #ffffff;
  font-size: 1.25em;
  text-align: center;
  margin: 0 auto;
  border: 2px solid white;
}

@media (max-width: 767px) {
  .b-steps__icon {
    margin: 0;
  }
}

.b-steps .b-steps__info .b-steps__label {
  text-align: center;
  margin-top: 8px;
  font-size: 0.87em;
  font-weight: bold;
}

@media (max-width: 767px) {
  .b-steps .b-steps__info .b-steps__label {
    padding-left: 16px;
  }
}

/* -- END : Projects Progress Bar -- */
/* -- START: Project PT Styles -- */
.b-project__light-alert {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dadada;
  padding: 25px;
  width: 100%;
  margin: 10px 0;
}

.b-project__light-alert i {
  margin: 0 5px;
}

.b-project__alert.b-project__alert-secondary .alert {
  background-color: transparent;
  padding: 0;
  border: none;
}

.b-project__alert .alert {
  background-color: #e5f4f0;
  border: 1px solid #00855B;
  margin: 0;
  border-radius: 4px;
  position: relative;
}

.b-project__alert .alert i {
  position: absolute;
  padding: 16px;
  font-size: 1.35em;
  color: #00855B;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.b-project__metadata {
  display: flex;
  flex-wrap: wrap;
}

.b-project__full-image {
  height: 415px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media (max-width: 767px) {
  .b-project__full-image {
    height: 350px;
  }
}

@media (max-width: 440px) {
  .b-project__full-image {
    height: 280px;
  }
}

.b-project__image-caption {
  display: flex;
  align-items: center;
}

.b-project__image-caption i {
  font-size: 1.5em;
  padding: 16px;
  border-right: 1px solid #d8d8d8;
  margin-right: 8px;
}

.b-project__image-caption > p {
  color: #a1a1a1 !important;
  font-size: 0.75em !important;
  line-height: 1.1 !important;
}

.b-project .b-project__metadata-item {
  margin-right: 24px;
  line-height: 1;
}

.b-project .b-project__metadata-item i {
  line-height: 0;
}

.b-project__value {
  color: #00855B;
}

.b-project .odx-more-information_information p:first-of-type {
  margin-bottom: 0;
}

.b-project .odx-more-information_information p:first-of-type .odot-project-contact__email {
  font-weight: bold;
}

.odot-side-ads {
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
  border-radius: 4px;
}

.odot-side-ads--primary-bg {
  background-color: #00855B;
}

.odot-side-ads--secondary-bg {
  background-color: #1f2a44;
}

.odot-side-ads--tertiary-bg {
  background-color: #f68d2e;
  background-color: #dc582a;
}

.odot-side-ads .odot-side-ads__link {
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.odot-side-ads__logo {
  font-size: 3.75em;
  color: #ffffff;
}

.odot-side-ads .odot-side-ads__main {
  text-align: center;
}

.odot-side-ads .odot-side-ads__main .odot-side-ads__title {
  margin: 0 0 4px 0;
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 1.25em;
  color: #ffffff;
  font-weight: bold;
}

.odot-side-ads .odot-side-ads__main .odot-side-ads__summary {
  margin: 0;
  line-height: 1.3;
  color: #ffffff;
  font-weight: bold;
}

.b-news-alerts .b-news-alerts__list {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.b-news-alerts .b-news-alerts__list .b-news-alerts__list-item {
  padding: 16px;
}

.b-news-alerts .b-news-alerts__list .b-news-alerts__list-item p {
  margin: 0;
}

.b-news-alerts .b-news-alerts__list .b-news-alerts__list-item:not(:first-child) {
  border-top: 1px solid #d8d8d8;
}

.b-news-alerts .b-news-alerts__list .b-news-alerts__list-item .b-news-alerts__title {
  color: #00855B;
  margin: 0;
  font-size: 1.25em;
}

.b-news-alerts .b-news-alerts__list .b-news-alerts__list-item .b-news-alerts__description {
  font-size: 0.8em;
}

.b-news-alerts .b-news-alerts__list .b-news-alerts__list-item .b-news-alerts__date {
  font-weight: bold;
  color: #a1a1a1;
}

.b-project .odx-ads-container .odx-ads-item .odx-ads-item__image {
  width: 120px;
  height: 120px;
  background-size: cover;
}

.b-project .odx-ads-container .odx-ads-item .odx-ads-item__content {
  width: calc(100% - 120px);
}

.b-project .odx-ads-item {
  height: 120px;
}

.b-project__collapsible .b-project__collapsible-header {
  border-bottom: 1px solid #d8d8d8;
  position: relative;
  cursor: pointer;
}

.b-project__collapsible .b-project__collapsible-header i {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .b-project__filter-component
.odx-topic-hub-search
.odx-topic-hub-search__input-container
.odx-topic-hub-resources__input {
    width: calc(100% - 70px);
  }
  .b-project__filter-component
.odx-topic-hub-search
.odx-topic-hub-search__input-container
.odx-topic-hub-resources__button {
    width: 70px;
    padding: 10px;
  }
  .b-project__filter-componentodx-topic-hub-resources__reset-btn {
    margin-bottom: 20px;
  }
}

.content-body p.b-project__comments__results {
  font-weight: 900;
}

.b-project__comments-item-question,
.b-project__comments-item-answer {
  display: inline-block;
}

.b-project__comments-item-question strong,
.b-project__comments-item-answer strong {
  width: 30px;
  height: auto;
  float: left;
}

.b-project__comments-item-question span,
.b-project__comments-item-answer span {
  width: calc(100% - 30px);
  height: auto;
  float: left;
}

.b-project__comments-item-areas {
  font-size: 0.85em;
}

.b-project__comments-item-areas-list {
  display: inline;
  padding-left: 0;
}

.b-project__comments-item-areas-item {
  display: inline;
  list-style: none;
  color: #00855B;
}

.b-project__comments-item-date {
  color: #a1a1a1;
  font-size: 0.85em;
}

.youtube-iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  border-radius: 10px;
}

.youtube-iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#project-footnote {
  margin: 25px 0;
}

/* -- END : Project PT Styles -- */
/* -- START projects catalog-- */
.column-value {
  border: 1px solid #00855B;
  height: inherit;
  cursor: pointer;
}

.column-value.high-value,
.column-value.generalComment-value {
  border-radius: 5px 0 0 5px;
}

.column-value.low-value,
.column-value.publicComment-value {
  border-radius: 0 5px 5px 0;
}

div#js-select-value,
div#js-select-comment {
  height: 38px;
}

.column-value > .element-value,
.column-value > .comment-value {
  position: relative;
  top: 20%;
}

#js-select-value p,
#js-select-comment p {
  color: #00855B;
  text-transform: uppercase;
}

#js-select-value .column-value:hover,
#js-select-value .column-value.selected,
#js-select-comment .column-value:hover,
#js-select-comment .column-value.selected {
  background-color: #00855B;
  color: #ffffff;
}

#js-select-value .column-value:hover p,
#js-select-value .column-value.selected p,
#js-select-comment .column-value:hover p,
#js-select-comment .column-value.selected p {
  color: #ffffff;
}

article#filteringByType,
article#filteringByStatus {
  margin-bottom: 20px;
}

.b-project .padding-left-lg.padding-right-lg {
  padding-right: 0;
  padding-left: 0;
  margin-right: 6px;
  margin-left: 10px;
}

.ohio-card
.ohio-card-content__bottom
.ohio-card-wrapper-anchor
.ohio-card-division__box {
  cursor: pointer;
}

/* -- END projects catalog -- */
/* -- START Forms overrides -- */
.table-responsive.formio-component-label-hidden,
.formio-component-table.formio-component-table {
  overflow: inherit;
}

.form-control.ui.fluid.selection.dropdown,
.formio-choices .form-control {
  border-color: #00855B;
  border-width: 1px;
  border-radius: 6px;
}

.demographics-section {
  border: 1px solid #00855B;
  padding: 0 10px;
}

.demographics-section:before {
  content: "Demographics (This Section is Optional)";
  font-size: 1rem;
  color: black;
  position: absolute;
  top: -13px;
  background: white;
}

.demographics-section .formio-component h3 {
  background: #00855B;
  line-height: 3rem;
  font-family: inherit;
  font-size: 1rem;
  color: #ffffff;
  padding-left: 12px;
}

/* -- END Forms overrides -- */
/* -- START Image caption overrides -- */
.odx-content__image-caption i.fa.fa-camera.icon--camera {
  display: inline-flex;
  padding-right: 20px;
  border-right: 2px solid #d8d8d8;
  margin-right: 15px;
  font-size: 1.5em;
  margin-top: -10px;
}

.odx-content__image-caption i.fa-camera:before {
  padding-top: 15px;
  padding-bottom: 15px;
}

span.odx-content__image-caption {
  display: inline-flex;
  font-size: 0.75em;
  line-height: 1.5em;
  color: #a1a1a1;
  font-weight: initial;
  padding-top: 10px;
}

.odx-content__image-caption-container.margin-bottom-sm.padding-all-sm.odx-background-color-gray60.odx-bold {
  padding-top: 0px;
  background-color: transparent;
}

/* -- END Image caption overrides -- */
/* -- START Working Publications -- */
@media (max-width: 1024px) {
  #js-select-value .column-value.col-md-3 {
    width: 100%;
  }
}

/* -- END Working Publications -- */
/* -- START UXDOT-387 -- */
.odot-programs-no-top-image .odx-content__image-container {
  display: none;
}

/* -- END UXDOT-387 -- */
@media screen and (max-width: 991px) and (min-width: 768px) {
  div#aw-header-navigation::after {
    background-image: none;
  }
  #main-nav-container {
    border-top: 1px solid #dadada;
  }
}

.iop_mobile-menu__nav .odx-logo {
  background-color: #ffffff;
  text-align: center;
}

.iop_mobile-menu__search .odx-logo {
  background-color: #00855B;
}

.iop_mobile-menu__search .odx-search {
  background-color: inherit;
}

/* -- START UXDOT-565 -- */
.ohio-carousel-icons___button-right div,
.ohio-carousel-icons___button-left div {
  background-color: #ffffff;
  color: #00855B;
}

/* -- END UXDOT-565 -- */
/* -- START UXDOT-576 -- */
body .content-body .odx-external-resources h3 {
  color: #14499e;
}

body .content-body h4 {
  font-size: 1.15em;
  margin-top: 1.42857143em;
  margin-bottom: 0.71428571em;
}

/* -- END UXDOT-576 -- */
.odx-external-resources {
  box-shadow: unset;
  border: 1px solid #dadada;
  background-color: #ffffff;
}

/* -- START UXDOT-579 -- */
.odx-content.odx-content--news.news .odx-content__image-container {
  margin-bottom: 15px;
}

.odx-content.odx-content--news.news .odx-content__image-caption-container {
  margin-top: -15px;
  height: auto;
}

/* -- END UXDOT-79 -- */
/* -- START UXDOT-580 -- */
.tableOfContents {
  width: 75%;
  min-width: 350px;
  background-color: #ffffff;
  box-shadow: unset;
  border: 1px solid #dadada;
  padding: 25px;
}

.tableOfContents li a {
  line-height: 1.5em;
  text-decoration: none;
}

.tableOfContents li a:hover {
  text-decoration: underline;
}

.lotusui30dojo .tableOfContents ul li {
  padding: 5px 0;
}

/* -- END UXDOT-580 -- */
body .content-body h1, body .content-body h2, body .content-body h3, body .content-body .odx-content__title {
  font-family: inherit;
  font-weight: 600;
}

body .content-body h3 {
  color: #0e3f75;
}

body .content-body .odx-content__body h3 {
  color: #0e3f75;
  font-weight: 600;
}

body .content-body .odx-content__expand-collapse .btn {
  border: 2px solid #00855B;
  background-color: #00855B;
  color: #ffffff;
}

body .content-body a.odx-view-more {
  color: #00855B;
}

body .content-body a.odx-view-more:after {
  color: #00855B;
}

/* -- START UXDOT-672, UXDOT-838, UXDOT-845  -- */
@media print {
  .env.env-auth {
    display: none;
  }
  .odx-content__body span[style*="color:#c0392b"] span,
  .odx-content__body span[style*="color:#c0392b"] {
    color: #c0392b !important;
  }
  .odx-content__body span[style*="color:#ff0000"] span,
  .odx-content__body span[style*="color:#ff0000"] {
    color: #ff0000 !important;
  }
  .odx-content__body span[style*="color:#00855B"] span,
  .odx-content__body span[style*="color:#00855B"] {
    color: #00855B !important;
  }
  .odx-content__body span[style*="color:#009969"] span,
  .odx-content__body span[style*="color:#009969"] {
    color: #009969 !important;
  }
  .odx-content__body span[style*="color:#0e3f75"] span,
  .odx-content__body span[style*="color:#0e3f75"] {
    color: #0e3f75 !important;
  }
  .odx-content__body span[style*="color:#e74c3c"] span,
  .odx-content__body span[style*="color:#e74c3c"] {
    color: #e74c3c !important;
  }
  .odx-content__body span[style*="color:#c12637"] span,
  .odx-content__body span[style*="color:#c12637"] {
    color: #c12637 !important;
  }
  .odx-logo-wrapper {
    -webkit-print-color-adjust: exact !important;
    mix-blend-mode: multiply;
    filter: grayscale(1);
    max-width: 250px !important;
    print-color-adjust: exact !important;
  }
  .location-bar .no-location {
    display: none !important;
  }
}

/* -- END UXDOT-672, UXDOT-838, UXDOT-845 -- */
/* -- START: UXDOT-669 -- */
.odot-suggest-location p.odot-suggest-location__text {
  font-size: 1.3em;
  margin-bottom: 10px;
}

.odot-suggest-location__label-location,
.odot-suggest-location__label-location i,
.odot-suggest-location__label-location span {
  color: #00855B;
}

.odot-suggest-location__label-location.fa {
  margin-left: 10px;
}

.odot-suggest-location__button button, .odot-suggest-location__button button:hover, .odot-suggest-location__button button:focus {
  border-color: #00855B;
  background: #00855B;
  color: #ffffff;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 0.8em;
  padding-top: 10px;
  height: 40px;
  width: 150px;
  border-radius: 5px;
  outline: none;
}

/* -- END: UXDOT-669 -- */
/* START: Styles for Mobility Site*/
.loggedOut.aw-navigation-left .ohio-mobility-site .aw-page-body,
.loggedIn .ohio-mobility-site .aw-page-body,
.loggedOut .ohio-mobility-site .aw-page-body {
  background-color: #ffffff !important;
}

.ohio-mobility-site {
  /* START: Links */
  /* END: Links */
  /* START: Forms */
  /* END: Forms*/
  /* START: Header Mobility Ohio */
  /* END: Header Mobility Ohio */
  /* START Main Banner Top */
  /* END Main Banner Top */
  /* START: Carousel Images */
  /* END: Carousel Images */
  /* START: Secondary Footer */
  /* END: Secondary Footer */
  /* START: MAIN Text Ad */
  /* END: MAIN Text Ad */
  /* START: Mini Catalog */
  /* END: Mini Catalog */
  /* START: Numbers Count Up HOME */
  /* END: Numbers Count Up HOME */
  /* START: Numbers Count Up KNOW OUR PROGRAMS */
  /* END: Numbers Count Up KNOW OUR PROGRAMS */
  /* START: MAIN Text Breaker */
  /* END: MAIN Text Breaker */
  /* START: Mobility Ohio / Filter Wrapper */
  /* END: Mobility Ohio / Filter Wrapper */
  /* START: Styles for Breadcrumb, Left Navigation, External Component and Share This component */
  /* END: Styles for Breadcrumb, Left Navigation, External Component and Share This component */
  /* START: Hide Header ODOT flasing on loading*/
  /* END: Hide Header ODOT to avoid flashing on loading*/
  /* START: Hide Header ODOT Mobile */
  /* END: Hide Header ODOT Mobile */
  /* START: Hide IOP Mobile footer */
  /* END: Hide IOP Mobile footer */
  /* START: Resources Fixes */
  /* END: Resources Fixes */
}

.ohio-mobility-site ::selection {
  background: #C12637;
  text-shadow: none;
  color: white;
}

.ohio-mobility-site .content-body a {
  color: #C12637;
}

.ohio-mobility-site .content-body a:hover, .ohio-mobility-site .content-body a:visited, .ohio-mobility-site .content-body a:active, .ohio-mobility-site .content-body a:focus {
  color: #C12637;
}

.ohio-mobility-site input.form-control,
.ohio-mobility-site select.form-control,
.ohio-mobility-site textarea.form-control,
.ohio-mobility-site .odx-topic-hub-search
.odx-topic-hub-search__input-container
.odx-topic-hub-resources__input {
  border-color: #C12637;
}

.ohio-mobility-site .btn-default,
.ohio-mobility-site .btn-primary,
.ohio-mobility-site .btn-primary:hover,
.ohio-mobility-site .btn-primary:visited,
.ohio-mobility-site .btn-primary:active,
.ohio-mobility-site .btn-primary:focus {
  background: #C12637;
  color: #ffffff;
}

.ohio-mobility-site #aw-main-wrapper .navigation.mobility-header {
  background: white;
}

.ohio-mobility-site #aw-main-wrapper .navigation.mobility-header .odx-header-bottom-right a.odx-help__link {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  color: #4a4a4a;
}

.ohio-mobility-site #aw-main-wrapper .navigation.mobility-header .odx-header-bottom-right a.odx-help__link:hover {
  color: #ffdd00;
}

.ohio-mobility-site #aw-main-wrapper .navigation.mobility-header .odx-header-bottom-right a.odx-help__link i {
  font-size: 2em;
}

.ohio-mobility-site #aw-main-wrapper .navigation.mobility-header .odx-header-bottom-right a.odx-help__link .icon-description {
  display: block;
}

.ohio-mobility-site .mobility-header #aw-header-bottom-left,
.ohio-mobility-site .mobility-header .odx-header-bottom-right {
  background: white;
}

.ohio-mobility-site #aw-header-navigation.mobility-header__navigation ul li {
  max-width: none;
}

.ohio-mobility-site #aw-header-navigation.mobility-header__navigation ul li a {
  font-size: 18px;
  color: #4a4a4a;
  line-height: 22px;
}

.ohio-mobility-site #aw-header-navigation.mobility-header__navigation ul li a:hover {
  color: #0e3f75;
  border-bottom: 5px solid #C12637;
}

@media (min-width: 992px) {
  .ohio-mobility-site #aw-header-navigation ul li a {
    padding: 35px 10px 0;
    max-width: 130px;
  }
  .ohio-mobility-site .navigation.sticky-header #aw-header-navigation ul li a {
    padding: 0;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0;
  }
  .ohio-mobility-site #aw-header-navigation.mobility-header__navigation
ul
li
.odx-page-description {
    font-size: 18px;
    line-height: 0.5em;
  }
}

@media screen and (min-width: 992px) {
  .ohio-mobility-site #aw-header-bottom-left div.odx-logo-wrapper img {
    max-height: 110px;
    max-width: 270px;
  }
  .ohio-mobility-site .sticky-header #aw-header-bottom-left div.odx-logo-wrapper img {
    height: 55px;
  }
}

@media (max-width: 1200px) and (min-width: 991px) {
  .ohio-mobility-site #aw-header-navigation ul {
    padding-left: 90px;
  }
}

.ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container {
  justify-content: space-between;
  align-items: center;
}

.ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-spotlight__button1 {
  background-color: #C12637;
  border: 2px solid #C12637;
  border-radius: 4px;
}

.ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-spotlight__button1:hover {
  background-color: #ffffff;
  color: #C12637 !important;
  border: 2px solid #C12637;
  border-radius: 4px;
}

.ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-main-banner__details {
  background-color: #ffffff;
  width: 492px;
  padding: unset;
}

.ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-main-banner__heading {
  color: #000000;
  font-size: 64px;
  max-height: 140px;
  line-height: 70px;
  font-weight: 700;
  font-family: inherit;
  margin-top: 20px;
  margin-bottom: 0px;
}

.ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-main-banner__subheading {
  display: none;
}

.ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-main-banner__image {
  flex: 0.9 0.9 auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 510px;
}

@media screen and (max-width: 1023px) {
  .ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-main-banner__image {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-main-banner__heading {
    font-size: 40px;
    line-height: 50px;
  }
  .ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-main-banner__details ul {
    text-align: left;
  }
  .ohio-mobility-site .core-main-banner.mobility-spotlight .core-main-banner__container .core-main-banner__image {
    width: 110%;
    min-height: auto;
    height: calc(100vh - 520px);
  }
}

.ohio-mobility-site .content-body h3 {
  color: #0e3f75;
}

.ohio-mobility-site .carousel-images {
  display: flex;
  position: relative;
}

.ohio-mobility-site .carousel-images:before {
  content: "";
  background: #f7f7f7;
  width: 200vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
  z-index: 0;
}

.ohio-mobility-site .carousel-images .carousel-images__slides {
  width: 600px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.ohio-mobility-site .carousel-images .carousel-images__slides .slick-slider {
  margin-top: 15px;
}

.ohio-mobility-site .carousel-images .carousel-images__slides .slide-image {
  width: 500px;
  height: 500px;
  background-position: center right;
  background-size: cover;
}

.ohio-mobility-site .carousel-images .carousel-images__slides .slide-icon {
  width: 72px !important;
  height: 72px;
  background-position: center right;
  background-size: cover;
}

.ohio-mobility-site .carousel-images .carousel-images__slides a.carousel-images__nav {
  display: flex;
  width: 70px;
  height: 70px;
  justify-content: center;
  align-items: center;
  color: #474c55;
  background-color: #cccbca;
  cursor: pointer;
}

.ohio-mobility-site .carousel-images .carousel-images__slides a.carousel-images__nav:hover {
  color: #474c55;
  background-color: #ffffff;
}

.ohio-mobility-site .carousel-images .carousel-images__slides a.carousel-images__nav:active {
  color: #C12637;
  background-color: #ffffff;
}

.ohio-mobility-site .carousel-images .carousel-images__slides a.carousel-images__nav i {
  font-size: 45px;
}

.ohio-mobility-site .carousel-images .carousel-images__description {
  position: relative;
}

.ohio-mobility-site .carousel-images .carousel-images__description .core-spotlight__header {
  display: none;
}

.ohio-mobility-site .carousel-images .carousel-images__description .core-spotlight__thumbnail {
  display: none;
}

.ohio-mobility-site .carousel-images .carousel-images__description .core-spotlight__info {
  background: transparent;
}

.ohio-mobility-site .carousel-images .carousel-images__description .core-spotlight__title {
  display: none;
}

.ohio-mobility-site .carousel-images .carousel-images__description .core-spotlight__info .core-spotlight__button {
  display: none;
}

.ohio-mobility-site .carousel-images .carousel-images__description .core-spotlight__summary h2 {
  color: #000000;
  font-size: 40px;
}

@media screen and (max-width: 992px) {
  .ohio-mobility-site .carousel-images {
    flex-direction: column;
  }
  .ohio-mobility-site .carousel-images .carousel-images__slides {
    width: auto;
  }
  .ohio-mobility-site .carousel-images .carousel-images__slides .slider-nav .slick-list {
    left: -45px;
  }
  .ohio-mobility-site .carousel-images .carousel-images__slides .slide-image {
    width: 350px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ohio-mobility-site .carousel-images .carousel-images__slides .slide-icon {
    width: 62px !important;
  }
  .ohio-mobility-site .carousel-images .carousel-images__description
.core-spotlight__container--full-width
.core-spotlight__info {
    padding: inherit;
  }
}

.ohio-mobility-site .odot-secondary-footer {
  display: flex;
  background-color: #C12637;
  height: auto;
  padding-top: 45px;
  padding-bottom: 45px;
  justify-content: space-between;
}

.ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page {
  text-decoration: none;
}

.ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page:first-child {
  padding-left: 35px;
}

.ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page:first-child:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 24px;
  content: "\f053";
  position: absolute;
  top: 43px;
  left: 10px;
  transition: 0.6s ease-in;
  color: #ffffff;
}

.ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page:hover:first-child:before {
  transform: translateX(-45%);
}

.ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page:last-child:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 24px;
  content: "\f054";
  position: absolute;
  top: 43px;
  right: -25px;
  transition: 0.6s ease-in;
  color: #ffffff;
}

.ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page:hover:last-child:after {
  transform: translateX(50%);
}

.ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page-title {
  color: #ffffff;
  font-size: 24px;
}

.ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page-summary {
  font-size: 15px;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .ohio-mobility-site .odot-secondary-footer {
    position: fixed;
    width: 90%;
    height: 78px;
    bottom: 0;
    z-index: 999;
    padding-top: 15px;
  }
  .ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page {
    width: 150px;
  }
  .ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page:nth-of-type(2) {
    text-align: right;
    padding-right: 35px;
  }
  .ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page-title {
    font-size: 18px;
  }
  .ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page-summary {
    display: none;
  }
  .ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page:first-child:before {
    top: 25px;
    left: 10px;
  }
  .ohio-mobility-site .odot-secondary-footer .odot-secondary-footer__page:nth-of-type(2):after {
    top: 25px;
    right: 10px;
  }
}

.ohio-mobility-site .home .odot-secondary-footer {
  display: none;
}

@media screen and (max-width: 1023px) {
  .ohio-mobility-site .home .odot-secondary-footer {
    display: flex;
  }
}

.ohio-mobility-site .mobility-site-text-ad {
  position: relative;
}

.ohio-mobility-site .mobility-site-text-ad:before {
  content: "";
  background: #ffffff;
  width: 200vw;
  height: 120%;
  position: absolute;
  top: 0;
  left: -50%;
  z-index: 0;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__header,
.ohio-mobility-site .mobility-site-text-ad .core-spotlight__container {
  z-index: 1;
  position: relative;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__container.margin-bottom-md {
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__thumbnail {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 300px;
}

@media (min-width: 992px) {
  .ohio-mobility-site .mobility-site-text-ad .core-spotlight__container--full-width {
    flex-direction: column;
  }
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__container--full-width .core-spotlight__title {
  display: none;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__container--full-width .core-spotlight__info {
  align-items: center;
  background-color: #ffffff;
  max-width: 750px;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__summary p a {
  color: #700017;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__summary h2,
.ohio-mobility-site .mobility-site-text-ad h3 {
  font-size: 40px;
  color: #000000;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__info .core-spotlight__button {
  background-color: #C12637;
  border: 2px solid #C12637;
  border-radius: 4px;
  color: white !important;
  padding-top: 14px;
  padding-bottom: 14px;
  display: inline-block;
  min-width: 190px;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__info .core-spotlight__button:hover {
  background-color: #ffffff;
  border: 2px solid #C12637;
  color: #C12637 !important;
}

.ohio-mobility-site .mobility-site-text-ad .core-spotlight__header.margin-bottom-sm {
  display: none;
}

.ohio-mobility-site .no-image .mobility-site-text-ad:before {
  background: #ffffff;
}

.ohio-mobility-site .no-image .mobility-site-text-ad .core-spotlight__container--full-width .core-spotlight__info {
  background-color: #ffffff;
}

.ohio-mobility-site .content-body .ohio-mobility-mini-catalog h2 {
  color: #C12637;
  font-size: 40px;
  margin-top: 60px;
}

.ohio-mobility-site .ohio-mobility-mini-catalog .ohio-card .ohio-card-content {
  background-color: #ffffff;
}

.ohio-mobility-site .ohio-mobility-mini-catalog .ohio-card .ohio-card-content .ohio-card-content-header {
  color: #0e3f75;
}

.ohio-mobility-site .ohio-mobility-mini-catalog .ohio-card .ohio-card-content p {
  color: #5c5c5c;
}

.ohio-mobility-site .ohio-mobility-mini-catalog .ohio-carousel-icons___button-right div,
.ohio-mobility-site .ohio-mobility-mini-catalog .ohio-carousel-icons___button-left div {
  background-color: #f3f1ed;
  color: #C12637;
}

.ohio-mobility-site .odot-spotlight-counter {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 250px;
  background-color: #f7f7f7;
  position: relative;
}

.ohio-mobility-site .odot-spotlight-counter::before {
  content: "";
  background-color: #f7f7f7;
  width: 200vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
  z-index: 0;
}

.ohio-mobility-site .odot-spotlight-counter .odot-numbers-countup__set {
  margin: 40px 0;
  text-align: center;
}

.ohio-mobility-site .odot-spotlight-counter .odot-numbers-countup__num {
  color: #C12637;
  font-size: 80px;
  line-height: 80px;
  font-weight: 800;
}

.ohio-mobility-site .odot-spotlight-counter .odot-numbers-countup__text.js-viewport-test {
  color: #0e3f75;
  font-size: 21px;
  line-height: 21px;
}

.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-container {
  flex: 2 1 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-right: 40px;
  z-index: 1;
}

.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-container .core-spotlight__header,
.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-container .core-spotlight__thumbnail,
.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-container .core-spotlight__title,
.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-container
.core-spotlight__info
.core-spotlight__button {
  display: none;
}

.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-container .core-spotlight__summary {
  margin: unset;
}

.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-container .core-spotlight__info {
  background-color: transparent;
}

.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-container h2 {
  color: #000000;
  font-weight: 700;
}

.ohio-mobility-site .odot-spotlight-counter .odot-spotlight-counter {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 250px;
}

.ohio-mobility-site .odot-spotlight-counter .odot-counter-container {
  flex: 1 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.ohio-mobility-site .odot-spotlight-counter .odot-countup-set {
  margin: 20px 0;
}

@media screen and (max-width: 767px) {
  .ohio-mobility-site .odot-spotlight-counter {
    flex-direction: column;
  }
}

.ohio-mobility-site .odot-spotlight-counter.variant {
  position: relative;
  flex-direction: column;
  padding-bottom: 40px;
}

.ohio-mobility-site .odot-spotlight-counter.variant:before {
  content: "";
  background: #C12637;
  width: 200vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
  z-index: 0;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-counter-container,
.ohio-mobility-site .odot-spotlight-counter.variant .odot-spotlight-container {
  z-index: 1;
  position: relative;
  background: transparent;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-counter-container {
  width: 100%;
  padding-left: 10%;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-core-spotlight__container {
  margin-bottom: unset;
  padding-right: 20%;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-spotlight-container .core-spotlight__info {
  background-color: transparent;
  padding: unset;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-countup {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-spotlight-container p,
.ohio-mobility-site .odot-spotlight-counter.variant .odot-spotlight-container h2 {
  color: #ffffff;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-spotlight-container .core-spotlight__summary {
  color: #ffffff;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-countup__num {
  color: #ffffff;
  font-size: 80px;
  line-height: 80px;
  font-weight: bold;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-countup__text.js-viewport-test {
  color: #ffffff;
  font-size: 21px;
  line-height: 21px;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-countup__set {
  display: flex;
  width: 346px;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-img-wrapper {
  flex: 1 1 10%;
  flex-direction: column;
  width: fit-content;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-img-wrapper img {
  width: 90%;
  height: auto;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 30%;
}

.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-countup__num,
.ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-info .numbers-countup__text {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-countup__set {
    flex-direction: column;
  }
  .ohio-mobility-site .odot-spotlight-counter.variant .odot-spotlight-counter {
    flex-direction: column;
  }
  .ohio-mobility-site .odot-spotlight-counter.variant .odot-counter-container {
    padding-left: inherit;
  }
  .ohio-mobility-site .odot-spotlight-counter.variant .odot-numbers-img-wrapper img {
    margin-bottom: 20px;
  }
}

.ohio-mobility-site .mobility-site-text-breaker {
  position: relative;
}

.ohio-mobility-site .mobility-site-text-breaker:before {
  content: "";
  background: #C12637;
  width: 200vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
  z-index: 0;
}

.ohio-mobility-site .mobility-site-text-breaker .core-spotlight__header,
.ohio-mobility-site .mobility-site-text-breaker .core-spotlight__container {
  z-index: 1;
  position: relative;
}

.ohio-mobility-site .mobility-site-text-breaker .core-spotlight__info {
  background-color: #C12637;
  max-width: 750px;
}

.ohio-mobility-site .mobility-site-text-breaker .core-spotlight__info .core-spotlight__title {
  font-size: 64px;
  line-height: 64px;
  color: #ffffff;
}

.ohio-mobility-site .mobility-site-text-breaker .core-spotlight__info .core-spotlight__button {
  display: none;
}

.ohio-mobility-site .mobility-site-text-breaker .core-spotlight__summary {
  color: #ffffff;
}

.ohio-mobility-site .mobility-site-text-breaker .core-spotlight__summary p {
  color: #ffffff;
}

.ohio-mobility-site .mobility-site-text-breaker .core-spotlight__thumbnail {
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 40px;
  min-height: 300px;
}

@media screen and (max-width: 767px) {
  .ohio-mobility-site .mobility-site-text-breaker .core-spotlight__info .core-spotlight__title {
    font-size: 40px;
    line-height: 50px;
  }
  .ohio-mobility-site .mobility-site-text-breaker .core-spotlight__thumbnail {
    margin-bottom: unset;
  }
}

.ohio-mobility-site .iop-filter__first-section {
  border: none;
  padding: 20px;
  position: relative;
}

.ohio-mobility-site .iop-filter__first-section.js-iop-filter__first-section:before {
  content: "";
  background: #f3f1ed;
  position: absolute;
  width: 200vw;
  height: 100%;
  top: 0;
  left: -50%;
  z-index: 0;
}

.ohio-mobility-site .iop-filter__first-section .js-iop-hide-first-section-filters-mobile,
.ohio-mobility-site .iop-filter__first-section .iop-filter__title-container {
  position: relative;
}

.ohio-mobility-site .iop-filter__first-section .iop-filter__title-container .iop-filter__help-text {
  max-width: calc(100% - 15px);
  margin: 0 0 10px 0;
  display: inline-block;
  font-size: 26px;
  font-weight: normal;
  color: #C12637;
}

.ohio-mobility-site .iop-filter__first-section .iop-filter__input-filter {
  width: 100%;
  height: 40px;
  border: 1px solid #8c8c8c;
  border-radius: 4px;
  padding: 0 12px;
}

.ohio-mobility-site .iop-filter__second-section {
  margin-bottom: 40px;
  border: none;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.ohio-mobility-site .iop-filter__second-section.js-iop-filter__second-section:before {
  content: "";
  background: #f3f1ed;
  position: absolute;
  width: 200vw;
  height: 100%;
  top: 0;
  left: -50%;
  z-index: 0;
}

.ohio-mobility-site .iop-filter__second-section .iop-filter__taxonomies-container,
.ohio-mobility-site .iop-filter__second-section .iop-filter__result-and-buttons-wrapper {
  z-index: 1;
  position: relative;
}

.ohio-mobility-site .iop-filter__second-section .ohio-select2 label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: normal;
  color: #C12637;
}

.ohio-mobility-site .iop-filter__second-section .iop-filter__taxonomies-container
.ohio-select2
.select2-container--default
.select2-selection--multiple {
  border: 1px solid #8c8c8c;
}

.ohio-mobility-site .iop-filter__second-section .iop-filter__taxonomies-container
.ohio-select2
.select2-container
.select2-selection--multiple
.select2-selection__rendered
li.select2-selection__choice {
  height: 32px;
  margin: 5px;
  border-color: rgba(112, 0, 23, 0.1);
  padding: 6px 12px;
  background-color: rgba(112, 0, 23, 0.1);
  color: #700017;
  border-radius: 0;
  background-clip: padding-box;
  font-weight: normal;
}

.ohio-mobility-site .iop-filter__second-section .iop-filter__taxonomies-container
.ohio-select2
.select2-container--default
.select2-selection--multiple {
  border: 1px solid #8c8c8c;
}

.ohio-mobility-site .iop-filter__second-section .iop-filter__taxonomies-container
.ohio-select2
.select2-container
.select2-selection--multiple
.select2-selection__rendered
li.select2-selection__choice {
  height: 32px;
  margin: 5px;
  border-color: rgba(112, 0, 23, 0.1);
  padding: 6px 12px;
  background-color: rgba(112, 0, 23, 0.1);
  color: #700017;
  border-radius: 0;
  background-clip: padding-box;
  font-weight: normal;
}

.ohio-mobility-site .iop-filter__second-section .iop-filter__taxonomies-container
.ohio-select2
.select2-container
.select2-selection--multiple
.select2-selection__choice__remove,
.ohio-mobility-site .iop-filter__second-section .iop-filter__taxonomies-container
.ohio-select2
.select2-container
.select2-selection--multiple
.select2-selection__choice__remove:hover {
  color: #700017;
}

.ohio-mobility-site .iop-filter__second-section .iop-filter__input-filter-btn,
.ohio-mobility-site .iop-filter__second-section .iop-filter__input-filter-btn:hover {
  width: 150px;
  height: inherit;
  outline: none;
  font-size: 18px;
  font-weight: normal;
  text-transform: none;
  padding: 10px 20px;
  background: #C12637;
  color: #ffffff;
  border-radius: 0;
  border: none;
}

.ohio-mobility-site .iop-filter__second-section .iop-filter__reset-btn,
.ohio-mobility-site .iop-filter__second-section .iop-filter__reset-btn:hover {
  width: 150px;
  height: inherit;
  outline: none;
  font-size: 18px;
  font-weight: normal;
  text-transform: none;
  padding: 10px 20px;
  background-color: #dadada;
  color: #4a4a4a;
  border-radius: 0;
  border: none;
}

.ohio-mobility-site .ohio-card.ohio-card--center .ohio-card-content {
  text-align: left;
  min-height: 240px;
  overflow: hidden;
  background-color: #ffffff;
}

.ohio-mobility-site .ohio-card .ohio-card-content .ohio-card-content-header {
  color: #0e3f75;
}

.ohio-mobility-site .ohio-card .ohio-card-content p {
  height: 110px;
  line-height: 1.8em;
  overflow: hidden;
  color: #5c5c5c;
}

.ohio-mobility-site .ohio-card {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.4s;
}

.ohio-mobility-site .iop-content-filter #cards-generic-wrapper .pagination > .active > a {
  background-color: #C12637;
}

.ohio-mobility-site .content-body .b-breadcrumb li:first-child > a,
.ohio-mobility-site .content-body .b-breadcrumb li a {
  color: #464846;
}

.ohio-mobility-site .b-breadcrumb li.current {
  color: #C12637;
}

.ohio-mobility-site .odx-navigation--left li.active {
  border-color: #C12637;
}

.ohio-mobility-site .content-body .aw-left-nav li.active a.left-navigation__link {
  color: #C12637;
  border-color: #C12637;
}

.ohio-mobility-site .content-body .aw-left-nav li.active a.left-navigation__link.active, .ohio-mobility-site .content-body .aw-left-nav li.active a.left-navigation__link:active, .ohio-mobility-site .content-body .aw-left-nav li.active a.left-navigation__link:hover, .ohio-mobility-site .content-body .aw-left-nav li.active a.left-navigation__link:visited, .ohio-mobility-site .content-body .aw-left-nav li.active a.left-navigation__link:focus {
  color: #C12637;
  border-color: #C12637;
}

.ohio-mobility-site .odx-external-link .odx-external-link__button {
  background-color: #C12637;
  border-color: #C12637;
}

.ohio-mobility-site .odx-external-link .odx-external-link__button.active, .ohio-mobility-site .odx-external-link .odx-external-link__button:active, .ohio-mobility-site .odx-external-link .odx-external-link__button:hover, .ohio-mobility-site .odx-external-link .odx-external-link__button:visited, .ohio-mobility-site .odx-external-link .odx-external-link__button:focus {
  background-color: #C12637;
  border-color: #C12637;
}

.ohio-mobility-site .content-body .single-column-footer .odx_primary-footer {
  background-color: #f7f7f7;
}

.ohio-mobility-site .content-body .single-column-footer .odx_primary-footer .odx-footer-navigation__main-item .ohio-footer-navigation__title {
  color: #464846;
}

.ohio-mobility-site .content-body .single-column-footer .odx_primary-footer .odx_agency-info p {
  color: #464846;
}

.ohio-mobility-site .content-body .single-column-footer .odx_primary-footer .odx_agency-info a {
  color: #0e3f75;
}

.ohio-mobility-site .content-body .single-column-footer .odx_primary-footer .odx_agency-info a.active, .ohio-mobility-site .content-body .single-column-footer .odx_primary-footer .odx_agency-info a:active, .ohio-mobility-site .content-body .single-column-footer .odx_primary-footer .odx_agency-info a:hover, .ohio-mobility-site .content-body .single-column-footer .odx_primary-footer .odx_agency-info a:visited, .ohio-mobility-site .content-body .single-column-footer .odx_primary-footer .odx_agency-info a:focus {
  color: #0e3f75;
}

.ohio-mobility-site .content-body .single-column-footer .odx_secondary-footer {
  background-color: #C12637;
}

.ohio-mobility-site .content-body
.single-column-footer
.odx_secondary-footer
ul
li
a
i.footer-bar__social-icon {
  font-size: 24px;
}

.ohio-mobility-site .content-body .odx-more-information_information a.btn-primary {
  color: white !important;
  border: 2px solid #C12637;
}

.ohio-mobility-site .content-body .odx-more-information_information a.btn-primary:hover {
  color: #C12637 !important;
  background-color: #ffffff;
}

.ohio-mobility-site .odx-share-this__social--icon i {
  color: #C12637;
}

.ohio-mobility-site .odx-share-this__social--icon i:hover {
  color: #0e3f75;
}

.ohio-mobility-site #aw-main-wrapper > section > .navigation {
  display: none;
}

@media (max-width: 991px) {
  .ohio-mobility-site #aw-main-wrapper div.navigation {
    display: none;
    border-top: white;
  }
  .ohio-mobility-site .location-bar.expanded {
    display: none;
  }
}

@media (max-width: 991px) {
  .ohio-mobility-site .content-body .single-column-footer {
    margin-bottom: 78px;
  }
  .ohio-mobility-site .iop_mobile-menu {
    display: none;
  }
}

.ohio-mobility-site .odx-content__expand-collapse .btn {
  border: 2px solid #C12637;
  background-color: transparent;
  color: #C12637;
}

.ohio-mobility-site .content .content-body .twisty,
.ohio-mobility-site .content .content-body .twisty h2,
.ohio-mobility-site .content .content-body .twisty h3,
.ohio-mobility-site .content .content-body .twisty .closed h2,
.ohio-mobility-site .content .content-body .twisty .closed h3,
.ohio-mobility-site .content .content-body .firstsectionHeader.opened,
.ohio-mobility-site .content .content-body .sectionHeader.opened,
.ohio-mobility-site .content .content-body .secondLevelSection [class*="sectionHeader"].opened,
.ohio-mobility-site .content .content-body .secondLevelSection [class*="sectionHeader"].closed,
.ohio-mobility-site .content .content-body .twisty .firstsectionBody,
.ohio-mobility-site .content .content-body .twisty .sectionBody {
  background-color: #f7f7f7;
}

.ohio-mobility-site .content .content-body .twisty h2:before {
  color: #464846;
}

.ohio-mobility-site .content-body .odx-content__body h3 {
  color: #C12637;
  font-weight: 400;
}

/* END: Styles for Mobility Site*/
/* START: ODOT Events */
.odot-content--event .odx-content-column--right .b-event__button .btn {
  text-transform: uppercase;
  font-size: 16px;
}

.odot-content--event .odx-content-column--right .b-event__button .btn i {
  float: left;
}

.odot-content--event .odx-event__event-info {
  min-height: auto;
}

.odot-content--event .odx-event__event-info .odx-event__item-detail .fas {
  padding-right: 5px;
}

.odot-event-card {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  position: relative;
  margin: 0 auto 16px auto;
  height: 100%;
  box-shadow: unset;
  padding: 20px;
  overflow: hidden;
  width: 100%;
  display: flex;
}

@media screen and (max-width: 768px) {
  .odot-event-card {
    display: block;
  }
}

.odot-event-card .odot-event-card__description-container {
  flex: 2;
  padding-top: 10px;
}

.odot-event-card .odot-event-card__description-container p.odot-event-card__summary {
  font-style: italic;
}

.odot-event-card .odot-event-card__description-container .odot-event-card__title {
  font-family: inherit;
  color: #101010;
  font-weight: 600;
  line-height: 1.5em;
  font-size: 1.25em;
  line-height: 20px;
  text-decoration: none;
}

.odot-event-card .odot-event-card__description-container .odot-event-card__title:hover {
  color: #101010;
  opacity: 0.7;
  text-decoration: none;
}

.odot-event-card .odot-event-card__actions-container {
  flex: 1;
}

.odot-event-card .odot-event-card__actions-container a.btn-block.odot-event-card__action i {
  float: left;
}

.odot-event-card .odot-event-card__actions-container a.btn-block.odot-event-card__action {
  background-color: #00855B;
  text-align: center;
  padding: 10px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}

.odot-event-card .odot-event-card__metadata {
  margin: 1rem 0;
}

.odot-event-card .odot-event-card__metadata .odot-event-card__metadata__item p {
  margin: 0;
}

.odot-event-card .odot-event-card__metadata__date-time::before {
  content: "\f133";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #00855B;
  padding: 5px;
}

.odot-event-card .odot-event-card__metadata__location::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #00855B;
  padding: 5px;
}

#odot-preview-event-filter .odot-event-card:nth-of-type(1n + 4) {
  display: none;
}

/* END: ODOT Events */
/* START: Configurable Filter */
.iop-filter__input-filter {
  outline-color: #00855B;
}

.iop-filter__input-filter-btn:focus, .iop-filter__reset-btn:focus {
  outline-color: #00855B;
}

.iop-filter__second-section {
  background-color: #ffffff;
}

.iop-filter__taxonomies-container .ohio-select2 .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  border-color: #00855B;
  background-color: #ffffff;
  color: #00855B;
}

.iop-filter__taxonomies-container .ohio-select2 .select2-container .select2-selection--multiple .select2-selection__choice__remove,
.iop-filter__taxonomies-container .ohio-select2 .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  margin: 0;
  color: #00855B;
}

.iop-filter__taxonomies-container .ohio-select2 .select2-container .select2-selection--single {
  display: flex !important;
  border: 1px solid #d8d8d8;
  background-color: white;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  cursor: text;
}

.iop-filter__taxonomies-container .ohio-select2 .select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
}

.iop-filter__taxonomies-container .ohio-select2 .select2-container .select2-selection--single .select2-selection__rendered {
  border-color: #00855B;
  background-color: #ffffff;
  color: #00855B;
  font-size: 0.75em;
  font-weight: bold;
  padding: 9px 0px 11px 10px;
  text-transform: uppercase;
}

.iop-filter__taxonomies-container .ohio-select2 .select2-container .select2-selection--single::before {
  display: none;
}

.iop-filter__taxonomies-container .ohio-select2 .select2-container .select2-selection--single::after {
  position: absolute;
  top: 0;
  right: 25px;
  content: "\f078";
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  font-family: "Font Awesome 5 Pro", "FontAwesome";
  cursor: pointer;
  background: none;
  border: none;
  width: 16px;
}

.iop-filter__content .ohio-card .ohio-card-wrapper-anchor:focus {
  outline-color: #00855B;
}

.iop-filter__content .pagination .page-item.active > a,
.iop-filter__content .pagination .page-item.active > a:focus,
.iop-filter__content .pagination .page-item.active > a:hover,
.iop-filter__content .pagination .page-item.active > span,
.iop-filter__content .pagination .page-item.active > span:focus,
.iop-filter__content .pagination .page-item.active > span:hover {
  border-color: #00855B;
  background-color: #00855B;
}

/* END: Configurable Filter */
/* START: Utility Toolbar Old */
@media (max-width: 991px) {
  .aw-header-bottom {
    justify-content: center;
  }
}

#aw-header-bottom-right .odx-help__link,
#aw-header-bottom-right .odx-search__btn {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 991px) {
  #aw-header-bottom-right .odx-help__link,
  #aw-header-bottom-right .odx-search__btn {
    display: none;
  }
}

#aw-header-bottom-right .fa,
#aw-header-bottom-right .fas,
#aw-header-bottom-right .far {
  font-size: 2em;
}

#aw-header-bottom-right .icon-description {
  display: block;
  font-family: "Source Sans Pro", Tahoma, Verdana, Segoe, sans-serif;
}

#aw-header-bottom-right .odx-search_slide {
  width: 100px;
  z-index: -1;
  overflow: hidden;
}

@media (max-width: 991px) {
  #aw-header-bottom-right .odx-search_slide {
    display: none;
  }
}

@media (min-width: 992px) {
  #aw-header-bottom-right .odx-search_slide {
    visibility: hidden;
    position: absolute;
    top: 30px;
    right: 20px;
    padding: 0 0 30px 0;
    background-color: inherit;
    transition: z-index 100ms ease-out, width 500ms ease-in-out;
  }
}

@media (min-width: 992px) {
  #aw-header-bottom-right .odx-search_slide.in {
    visibility: visible;
    right: 0;
    width: calc(100% - 200px);
    z-index: 1;
  }
}

#aw-header-bottom-right .odx-search__container {
  padding: 0 10px;
  background-color: #ffffff;
}

#aw-header-bottom-right .odx-search__input {
  width: calc(100% - 70px);
  height: 40px;
  outline: none;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  padding: 11px 0 7px 7px;
  background-color: #ffffff;
  font-size: 1.2em;
}

#aw-header-bottom-right .odx-search__close,
#aw-header-bottom-right .odx-search__loop-btn {
  width: 30px;
  height: 36px;
  border: none;
  background-color: #ffffff;
  font-size: 0.75em;
  cursor: pointer;
}

#aw-header-bottom-right .odx-search__close {
  float: right;
  padding: 6px;
}

#aw-header-bottom-right .odx-search__loop-btn {
  padding: 8px 0;
  display: inline-block;
}

/* END: Utility Toolbar Old */
/* START: Core News styles */
.core-news {
  margin-top: 40px;
}

.core-news .core-news__header-title {
  font-family: revert;
}

.core-news .core-more-button {
  color: #14499e !important;
  background-color: #ffffff;
}

.core-news__list .core-news__item .core-news__info .core-news__title {
  font-size: 18px;
  font-weight: bold;
  font-family: revert;
  height: 46px;
  color: #101010 !important;
}

/* END: Core News styles */
.loggedOut.aw-navigation-left .aw-page-body,
.loggedIn .aw-page-body,
.loggedOut .aw-page-body {
  background-color: #F5F5F5 !important;
}

body .content-body .odx-full-banner__heading {
  font-weight: 600;
}

body .content-body .odx-full-banner__details {
  background-color: rgba(0, 133, 91, 0.94);
}

body .content-body .odx-full-banner__button.btn.btn-primary {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff !important;
}

body .content-body .odx-more-information,
body .content-body .odx-share-this,
body .content-body .odx-related-laws-and-forms {
  box-shadow: unset;
  border: 1px solid #dadada;
  background-color: #ffffff;
}

body .content-body .odx-section-resources-cards-list__wrapper h2 {
  font-weight: 600;
}

body .content-body .odx-section-resources-cards-list .ohio-card {
  border: 1px solid #CCD3E0;
  box-shadow: unset;
}

body .content-body .odx-section-resources-cards-list .ohio-card:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25), 0 0 10px rgba(0, 0, 0, 0.22);
}

body .content-body .odx-section-resources-cards-list .ohio-card .ohio-card-bg,
body .content-body .odx-section-resources-cards-list .ohio-card .ohio-card-content {
  background-color: #ffffff;
}

body .content-body .odx-section-resources-cards-list .ohio-card .ohio-card-bg h3,
body .content-body .odx-section-resources-cards-list .ohio-card .ohio-card-content h3 {
  font-weight: 600;
}

body .content-body .core-news__list .core-news__info {
  background-color: #ffffff;
}

body .content-body .core-resources__list .ohio-card {
  background-color: #ffffff;
  border: 1px solid #CCD3E0;
}

body .content-body .twisty,
body .content-body .twisty h2,
body .content-body .twisty h3,
body .content-body .twisty .closed h2,
body .content-body .twisty .closed h3,
body .content-body .firstsectionHeader.opened,
body .content-body .sectionHeader.opened,
body .content-body .secondLevelSection [class*="sectionHeader"].opened,
body .content-body .secondLevelSection [class*="sectionHeader"].closed,
body .content-body .twisty .firstsectionBody,
body .content-body .twisty .sectionBody {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
  border: unset;
}

body .content-body .twisty:before,
body .content-body .twisty h2:before,
body .content-body .twisty h3:before,
body .content-body .twisty .closed h2:before,
body .content-body .twisty .closed h3:before,
body .content-body .firstsectionHeader.opened:before,
body .content-body .sectionHeader.opened:before,
body .content-body .secondLevelSection [class*="sectionHeader"].opened:before,
body .content-body .secondLevelSection [class*="sectionHeader"].closed:before,
body .content-body .twisty .firstsectionBody:before,
body .content-body .twisty .sectionBody:before {
  color: #00855B;
}

body .content-body .twisty .firstsectionBody,
body .content-body .twisty .sectionBody {
  padding-bottom: 20px;
}

body .content-body .twisty .secondLevelSection.nested h3,
body .content-body .twisty .secondLevelSection [class*="sectionHeader"].opened,
body .content-body .twisty .secondLevelSection [class*="sectionHeader"].closed {
  background-color: #00855B;
  color: #ffffff;
}

body .content-body .twisty .secondLevelSection.nested h3:after, body .content-body .twisty .secondLevelSection.nested h3:before,
body .content-body .twisty .secondLevelSection.nested h3 font {
  color: #ffffff !important;
}

.core-featured-cards.core-featured-cards__container.full-width-component {
  /*background-color: $color-primary-main;*/
}

.core-featured-cards.core-featured-cards__container.full-width-component .core-featured-cards__item {
  border: 1px solid #CCD3E0;
  box-shadow: unset;
}

/* START Ask Nicholas how to update this in the content piece https://dx-authoring.myohio.gov/wps/myportal/gov/odot/projects */
.large-icon-ad-link .large-icon-ad {
  border-bottom-color: #00855B !important;
}

.large-icon-ad-link .large-icon-ad span {
  color: #00855B !important;
}

.large-icon-ad-link .large-icon-ad h4 {
  color: #000 !important;
}

/* START Bottom Component: 
 1. Comment background-color in .odot-pid-button class from Ohio Content English>Components>ODOT>Projects>PID Search Box - JavaScript
 2. Remove color: black; from Ohio Content English>Components>ODOT>Projects>PID Search Box - JavaScript
 3.Remove importat below
 4. Do same for component in following page https://dx-authoring.myohio.gov/wps/myportal/gov/odot/traveling
*/
.odot-pid-button,
.odot-email-button {
  background-color: #00855B !important;
  color: #ffffff !important;
}

/* END Bottom Component */
/* END Ask Nicholas how to update this in the content piece */
/* START Dec 18 2023: Move styles to HTML components or comment styles in components */
/* - START Home page */
/* START Component 3 */
/*
body .content-body .odx-background-color-primary-additional,
.b-all-width-background--primary-additional::before, 
.b-all-width-background--primary-additional::after {
  background-color: $color-white !important;
}
*/
/* END Component 3 */
/* START Bottom component */
/* 
1. Comment styles in the home page bottom component and keep styles in this stylesheet
2. Remove all !importants below
 */
.core-ribbon {
  background-color: #00855B !important;
}

.core-ribbon::before {
  background: linear-gradient(to left, #00855B 25%, transparent 100%) !important;
}

.core-ribbon:hover .core-ribbon__button {
  color: #00855B !important;
}

@media (max-width: 500px) {
  .core-ribbon__button {
    color: #00855B;
  }
}

/* END Bottom component */
/* - END Home page */
/* END Dec 18 2023: Move styles to HTML components or comment styles in components */
/* - START Projects page */
/* 
1. Update Bottom component in https://dx-authoring.myohio.gov/wps/myportal/gov/odot/projects and comment font-family in class .h2sub
*/
.h2sub {
  font-family: inherit !important;
}

/* - END Projects page */
/* Fix overlap carousel arrows when scroll */
.odx-section-resources-cards-list .js-odx-carousel-cards .ohio-carousel-icons___button-left,
.odx-section-resources-cards-list .js-odx-carousel-cards .ohio-carousel-icons___button-right {
  z-index: 1;
}

::selection {
  background: #00855B;
}

.odx-share-this__social--icon i {
  color: #00855B;
}

/* Inline styles from Ohio Design > Presentation Templates > Resource ODOT Stories should be removed and the remove the important below */
.b-project__metadata-item span,
.b-project__metadata-item i,
.b-project__metadata-item i.fas {
  color: #00855B;
  font-weight: bold;
}

.b-project__metadata-item .b-project__property {
  color: #101010;
}

.horizontalTabs .nav-tabs {
  border-bottom: 2px solid #00855B;
}

.horizontalTabs .nav-tabs li a {
  background-color: #ffffff;
  color: #00855B;
  border: 1px solid #00855B;
}

.horizontalTabs .nav-tabs > li.active a,
.horizontalTabs .nav-tabs > li.active a:focus,
.horizontalTabs .nav-tabs > li.active a:hover {
  background-color: #00855B;
  color: #ffffff;
  border: 1px solid #00855B;
}

/* START: Footer Fix */
@media (max-width: 767px) {
  body .content-body .single-column-footer .odx_primary-footer {
    padding: 40px 20px 20px;
  }
}

@media (max-width: 991px) {
  body .content-body .single-column-footer .odx_primary-footer .mobile-margin {
    margin-top: 21px;
  }
}

body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation {
  margin-bottom: 42px;
  column-count: 1;
}

@media (min-width: 480px) {
  body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation {
    column-count: 1;
  }
}

@media (min-width: 768px) {
  body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    column-count: 1;
  }
}

@media (min-width: 992px) {
  body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation {
    column-count: 3;
  }
}

@media (min-width: 1200px) {
  body .content-body .single-column-footer .odx_primary-footer .ohio-footer-navigation {
    margin-left: 8%;
    margin-right: 5%;
    width: 90%;
  }
}

body .content-body .single-column-footer .odx_primary-footer .odx-footer-navigation__main-item {
  padding: 0 5px 10px;
}

@media (min-width: 480px) {
  body .content-body .single-column-footer .odx_primary-footer .odx-footer-navigation__main-item {
    text-align: center;
  }
}

@media (min-width: 768px) {
  body .content-body .single-column-footer .odx_primary-footer .odx-footer-navigation__main-item {
    float: none;
    width: auto;
    text-align: left;
  }
}

@media (max-width: 992px) {
  body .content-body .single-column-footer .odx_primary-footer .odx-footer-navigation__main-item {
    margin-bottom: 7px;
  }
}

body .content-body .single-column-footer .odx_primary-footer .odx-footer-navigation__main-item .ohio-footer-navigation__title {
  text-transform: capitalize;
}

/* END: Footer Fix */
/* START: Location ODX Template */
ul.ohio-odx-alpha-directory__alphabet .ohio-odx-alpha-directory__alphabet-list-title {
  background-color: #00855B;
  color: white;
}

ul.ohio-odx-alpha-directory__alphabet .odx-alpha-directory__alphabet-button-all {
  color: white;
}

ul.ohio-odx-alpha-directory__alphabet a.ohio-odx-alpha-directory__alphabet-char.is-active {
  color: #00855B;
  font-weight: 900;
}

a.js-ohio-odx-alpha-directory__alphabet-button-all.odx-alpha-directory__alphabet-button-all:hover {
  color: #ffffff;
  text-decoration: none;
}

.ohio-odx-alpha-directory__search-container .input-group-btn .fa {
  color: #00855B;
}

/* END: Location ODX Template */
/* START: Core Main Banner */
.core-main-banner .core-main-banner__container .core-main-banner__details {
  background-color: #00855B;
}

.core-main-banner .core-main-banner__container .core-main-banner__button:hover,
.core-main-banner .core-main-banner__container .core-main-banner .core-main-banner__container .core-main-banner__button:active {
  color: #00855B !important;
}

.content-body .odx-full-banner__heading {
  font-weight: 800;
  font-size: 28px;
  max-height: 135px;
}

@media (min-width: 768px) {
  .content-body .odx-full-banner__details {
    width: 50%;
    max-width: 650px;
    padding: 30px 50px 30px 50px;
  }
}

/* END: Core Main Banner */
/* START: Core Spotlight */
.core-spotlight__info {
  background-color: white;
}

.core-spotlight__container--2col .core-spotlight__title,
.core-spotlight__container--full-width .core-spotlight__title {
  color: #101010;
  font-family: "Source Sans Pro", Tahoma, Verdana, Segoe, sans-serif;
}

.core-spotlight__info .core-spotlight__button,
.core-spotlight__info .core-spotlight__button:visited {
  color: #00855B;
  border-color: #00855B;
}

.core-spotlight__info .core-spotlight__button:hover {
  color: #ffffff;
  background-color: #00855B;
}

/* END: Core Spotlight */
/* START: Bio Card */
.core-bio-card__title {
  color: #101010;
}

.core-bio-card__body {
  margin: 15px 0 0 0;
}

/* END: Bio Card */
/* START: Core Slider */
img.core-slider__image {
  border-radius: 5px;
}

article.core-slider__item.current {
  background-color: #FAFAFA;
}

.core-slider__info {
  margin-left: 25px;
}

.core-slider__container {
  max-width: none;
}

.core-slider.core-slider__container.padding-top-md.padding-bottom-md {
  position: relative;
  margin-bottom: 20px;
}

a.btn.btn-primary.core-slider__link {
  background-color: transparent;
  border: 2px solid #00855B;
  color: #00855B !important;
  font-weight: bold;
  padding: 15px;
}

a.btn.btn-primary.core-slider__link:hover {
  background-color: #00855B;
  color: white !important;
}

button.core-slider__button-next-slide, .core-slider__button-previous-slide {
  font-size: 16px;
  line-height: 28px;
  font-weight: normal;
  font-style: normal;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
  opacity: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00855B;
  color: #ffffff;
  margin: 15px;
}

button.core-slider__button-previous-slide:hover {
  transform: translateX(-5px);
}

button.core-slider__button-next-slide:hover {
  transform: translateX(5px);
}

h3.core-slider__title {
  color: #101010;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .core-slider__info {
    margin: 0;
  }
}

@media screen and (max-width: 512px) {
  .core-slider__info {
    height: auto;
  }
}

/* END: Core Slider */
/* START: CORE FEATURED VIDEO */
.core-featured-video .core-featured-video__container .core-featured-video__item-title,
h2.core-featured-video__item-title {
  color: #101010;
}

a.ohio-button.odx-view-more.core-featured-video__button {
  color: #00855B;
  border-color: #00855B;
}

a.ohio-button.odx-view-more.core-featured-video__button:hover {
  color: #ffffff;
  background-color: #00855B;
}

a.ohio-button.odx-view-more.core-featured-video__button:hover:after {
  color: #ffffff;
}

.core-featured-video__play-icon i:before, a.odx-view-more:after {
  color: #00855B;
}

.core-featured-video .core-featured-video__container {
  background-color: #ffffff;
  margin-top: 60px;
}

/* END: CORE FEATURED VIDEO */
/* END - Libraries > ODX Common Design > Content > Utility > Style Sheets > SCSS > Agencies > ODOT > odot-custom-styles.scss */
/* START - Libraries > ODX Common Design > Content > Utility > Style Sheets > SCSS > Agencies > ODOT > odot-phones-down.scss */
/* COLOR PALLETE */
.ohio-phones-down {
  /* START: Titles */
  /* END: Titles */
  /* START: Allow Two Logos */
  /* END: Allow Two Logos */
  /* START: Brand Nav */
  display: block !important;
  /* END: Brand Nav */
  /* START: Brand Footer */
  /* END: Brand Footer */
  /* END: Brand Footer */
  /* START: Brand Body */
  /* END: Brand Body */
  /* START: Spotlight */
  /* END: Spotlight */
  /* START: Core Video */
  /* END: Core Video */
  /* START: Branding */
  /* END: Branding */
  /* START: Spacing Edits */
  /* END: Spacing Edits */
  /* START: Law Button */
  /* END: Law Button */
  /* Temporarily Hide Footer Nav */
  /* START: Text Break and Spotlight Definitions */
  /* END: Text Break and Spotlight Definitions */
  /* START:Keep In Mind - MENU & LIST*/
  /* END:Keep In Mind - MENU & LIST*/
}

.ohio-phones-down .odx-logo a {
  color: #0E3F75 !important;
}

.ohio-phones-down .content-body h2 {
  font-family: "Serifa", Didactic Gothic;
  color: #0098D3;
  font-weight: bold;
}

.ohio-phones-down .content-body h3 {
  font-family: "Serifa", Didactic Gothic;
  color: #1A1A1A;
  font-weight: bold;
}

.ohio-phones-down .content-body a,
.ohio-phones-down .content-body a:hover,
.ohio-phones-down .content-body a:visited,
.ohio-phones-down .content-body a:active,
.ohio-phones-down .content-body a:focus {
  color: #0E3F75;
}

.ohio-phones-down .navigation:not(.phones-down-header) .odx-logo-wrapper .odx-logo {
  display: none !important;
}

.ohio-phones-down .odx-logo-wrapper {
  width: 400px !important;
}

@media (max-width: 991px) {
  .ohio-phones-down #odot-custom-logo-hidden-sm {
    display: none !important;
    filter: brightness(0) invert(1);
  }
  .ohio-phones-down #odot-custom-logo-hidden-lg {
    display: inline-flex !important;
    filter: brightness(0) invert(1);
  }
}

@media (min-width: 992px) {
  .ohio-phones-down #odot-custom-logo-hidden-sm {
    display: inline-flex !important;
    filter: brightness(0) invert(1);
  }
  .ohio-phones-down #odot-custom-logo-hidden-lg {
    display: none !important;
    filter: brightness(0) invert(1);
  }
}

.ohio-phones-down #aw-header-navigation ul {
  justify-content: flex-end;
}

.ohio-phones-down #aw-header-navigation ul li {
  padding-right: 0;
  left: 0;
}

.ohio-phones-down #aw-header-navigation ul li a {
  color: white !important;
  padding: 15px 10px 0 !important;
  text-align: center;
  max-width: none !important;
  font-size: 18px;
  line-height: 22px;
}

.ohio-phones-down #aw-header-navigation ul li a:hover {
  color: white !important;
  border-bottom: 12px solid white !important;
}

.ohio-phones-down .odx-logo, .ohio-phones-down #aw-main-wrapper .navigation {
  background: #0E3F75 !important;
  box-shadow: none !important;
  left: 0;
}

.ohio-phones-down #aw-header-bottom-left, .ohio-phones-down .odx-header-bottom-right {
  background: #0E3F75 !important;
}

@media (max-width: 991px) {
  .ohio-phones-down .navigation {
    display: none !important;
  }
  .ohio-phones-down .navigation::before {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100vw;
    left: 100%;
    content: "";
    z-index: 0;
    background: #0E3F75;
  }
  .ohio-phones-down .navigation::after {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100vw;
    right: 100%;
    z-index: 0;
    content: "";
    background: #0E3F75;
  }
}

@media screen and (max-width: 767px) {
  .ohio-phones-down .content-body.location-bar-added {
    margin-top: 0 !important;
    transition: none !important;
    transition-delay: 0 !important;
  }
  .ohio-phones-down .content {
    top: 90px !important;
  }
  .ohio-phones-down .location-bar.expanded {
    display: none;
  }
  .ohio-phones-down #aw-main-wrapper .navigation {
    height: 80px;
  }
}

.ohio-phones-down .odx_primary-footer {
  background-color: #0E3F75 !important;
}

.ohio-phones-down .odx_secondary-footer {
  background-color: #696969 !important;
}

.ohio-phones-down .odx_secondary-footer.full-width-component a,
.ohio-phones-down .odx_secondary-footer.full-width-component a:hover {
  color: #0E3F75;
}

.ohio-phones-down .odot-secondary-footer {
  display: flex;
  background-color: #f3f1ed;
  height: auto;
  padding-top: 45px;
  padding-bottom: 45px;
  justify-content: space-between;
}

.ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page {
  text-decoration: none;
}

.ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page:first-child {
  padding-left: 35px;
}

.ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page:first-child:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 24px;
  content: "\f053";
  position: absolute;
  top: 43px;
  left: 10px;
  transition: 0.6s ease-in;
}

.ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page:hover:first-child:before {
  transform: translateX(-45%);
}

.ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page:last-child:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 24px;
  content: "\f054";
  position: absolute;
  top: 43px;
  right: -25px;
  transition: 0.6s ease-in;
}

.ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page:hover:last-child:after {
  transform: translateX(50%);
}

.ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page-title {
  color: #0098D3;
  font-size: 24px;
  font-weight: bold;
}

.ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page-summary {
  font-size: 15px;
  color: #1A1A1A;
}

@media screen and (max-width: 767px) {
  .ohio-phones-down .odot-secondary-footer {
    position: fixed;
    width: 90%;
    height: 78px;
    bottom: 0;
    z-index: 999;
    padding-top: 15px;
  }
  .ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page {
    width: 150px;
  }
  .ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page:nth-of-type(2) {
    text-align: right;
    padding-right: 35px;
  }
  .ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page-title {
    font-size: 18px;
  }
  .ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page-summary {
    display: none;
  }
  .ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page:first-child:before {
    top: 25px;
    left: 10px;
  }
  .ohio-phones-down .odot-secondary-footer .odot-secondary-footer__page:nth-of-type(2):after {
    top: 25px;
    right: 10px;
  }
}

.ohio-phones-down #iop_mobile-menu {
  display: none;
}

.ohio-phones-down h1, .ohio-phones-down h2 {
  color: #0098D3 !important;
}

.ohio-phones-down .content-body .core-spotlight__header-title {
  display: none;
}

.ohio-phones-down .core-spotlight__container--full-width {
  margin-bottom: 40px !important;
}

.ohio-phones-down .core-spotlight__container--full-width .core-spotlight__title {
  color: #0098D3;
}

.ohio-phones-down .core-spotlight__info .core-spotlight__button {
  background-color: transparent;
  border: 2px solid #0098D3;
  color: #0098D3 !important;
}

.ohio-phones-down .core-spotlight__info .core-spotlight__button:hover {
  background-color: #0098D3;
  border: 2px solid #0098D3;
  color: #ffffff !important;
}

.ohio-phones-down #featured-video-modal {
  margin-top: 0;
}

.ohio-phones-down .core-featured-video .core-featured-video__container .core-featured-video__button {
  border: 2px solid #0098D3;
}

.ohio-phones-down .core-featured-video .core-featured-video__container .core-featured-video__button:hover, .ohio-phones-down .core-featured-video .core-featured-video__container .core-featured-video__button:active {
  background-color: #0098D3;
  color: white !important;
}

.ohio-phones-down .core-featured-video .core-featured-video__container {
  background-color: #f3f1ed;
}

.ohio-phones-down .core-featured-video__item-details {
  padding: 70px;
}

.ohio-phones-down .core-featured-video .core-featured-video__container .core-featured-video__item-thumbnail:hover, .ohio-phones-down .core-featured-video .core-featured-video__container .core-featured-video__item-thumbnail:active, .ohio-phones-down .core-featured-video .core-featured-video__container .core-featured-video__item-thumbnail:focus {
  border-radius: 15px;
}

.ohio-phones-down .core-featured-video img {
  margin: 0 !important;
  max-width: 100% !important;
  border-radius: 15px;
}

.ohio-phones-down .core-featured-video .core-featured-video__container .core-featured-video__play-icon {
  color: #0098D3;
}

.ohio-phones-down #text-break-bottom-background, .ohio-phones-down .ohio-carousel-icons___button-right div, .ohio-phones-down .ohio-carousel-icons___button-left div {
  background-color: #0098D3 !important;
}

.ohio-phones-down .odx-section-resources-cards-list.margin-top-md h2 {
  color: black !important;
}

.ohio-phones-down a.odx-view-more {
  color: #0098D3 !important;
}

.ohio-phones-down h1, .ohio-phones-down h2, .ohio-phones-down h3, .ohio-phones-down h4 {
  font-family: "Source Sans Pro", Tahoma, Verdana, Segoe, sans-serif !important;
  font-weight: 900 !important;
}

.ohio-phones-down section.odx-content-section.odx-content-section--component-4 {
  margin-bottom: 20px;
}

.ohio-phones-down .content-body .margin-top-md {
  margin-top: 0;
}

.ohio-phones-down #text-break-top-background {
  margin-top: 0;
}

.ohio-phones-down #text-break-bottom-background {
  margin-top: 0;
  margin-bottom: 0;
}

.ohio-phones-down .odx-section-resources-cards-list__wrapper h2 {
  margin: 20px 0 !important;
}

.ohio-phones-down #law-button {
  font-size: 16px;
  font-family: "Source Sans Pro", Tahoma, Verdana, Segoe, sans-serif;
  line-height: 28px;
  font-style: normal;
  box-sizing: border-box;
  background-color: transparent;
  font-weight: normal;
  height: auto;
  color: white;
  background-color: #0098D3;
  text-decoration: none !important;
  text-align: center;
}

.ohio-phones-down #law-button:hover {
  opacity: 0.7;
}

.ohio-phones-down .odot-secondary-footer.full-width-component {
  display: none;
}

.ohio-phones-down #text-break-top-icon, .ohio-phones-down #text-break-bottom-icon {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .ohio-phones-down #text-break-top-icon, .ohio-phones-down #text-break-bottom-icon {
    margin: 0 auto 25px auto;
    max-width: 30%;
  }
  .ohio-phones-down #law-button {
    margin-top: 10px;
  }
  .ohio-phones-down #phones-spotlight-details {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .ohio-phones-down #phones-home-spotlight-thumbnail {
    padding: 15px 15px 25px 15px;
    width: 90%;
  }
  .ohio-phones-down .core-featured-video__item-details {
    padding: 50px 20px 30px 20px;
  }
}

.ohio-phones-down .header-background {
  box-sizing: border-box;
  position: relative;
  background-color: #0098D3;
  padding: 5px;
  margin-bottom: 25px;
}

.ohio-phones-down .header-background::before {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
  left: 100%;
  content: "";
  z-index: 0;
  background-color: #0098D3;
}

.ohio-phones-down .header-background::after {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
  right: 100%;
  z-index: 0;
  content: "";
  background-color: #0098D3;
}

.ohio-phones-down .keep-in-mind-row {
  gap: 0;
  margin-bottom: 15px;
}

.ohio-phones-down .keep-in-mind-column {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply;
  min-height: 200px;
  display: flex;
  align-items: center;
  background-color: #f3f1ed;
}

@media screen and (min-width: 992px) {
  .ohio-phones-down .keep-in-mind-row {
    display: flex;
    justify-content: center;
  }
  .ohio-phones-down .keep-in-mind-column {
    display: flex;
    align-items: center;
  }
}

/* END - Libraries > ODX Common Design > Content > Utility > Style Sheets > SCSS > Agencies > ODOT > odot-phones-down.scss */
/* START: ODX Common Design / Utility / Style Sheets / SCSS / Agencies / ODOT / odot-work-category-images.scss */
.odx-odot-projects__default {
  background-image: url("/wps/wcm/connect/gov/998c6d59-220b-42e0-a301-ac0d267d680a/DefaultImagesforProjects1.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-998c6d59-220b-42e0-a301-ac0d267d680a-oV2bLBH");
}

.odx-odot-projects__add-through-lanes {
  background-image: url("/wps/wcm/connect/gov/c4f2cce3-8df9-4272-a47a-10fd88bbcd8e/20-Add-Through-Lane%28s%29.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-c4f2cce3-8df9-4272-a47a-10fd88bbcd8e-oV21GyX");
}

.odx-odot-projects__asset-inventory-inspection {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__bike-facility {
  background-image: url("/wps/wcm/connect/gov/93c2bab4-0873-4de0-8492-99e36718a891/9-Bike-Facility.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-93c2bab4-0873-4de0-8492-99e36718a891-oV24-wZ");
}

.odx-odot-projects__bridge-culvert-maintenance,
.odx-odot-projects__-culvert-maintenance {
  background-image: url("/wps/wcm/connect/gov/945aad8e-193d-4089-b864-fab2b90bbb8a/12-Bridge-Culvert-Maintenance.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-945aad8e-193d-4089-b864-fab2b90bbb8a-oV21iOP");
}

.odx-odot-projects__bridge-expansion {
  background-image: url("/wps/wcm/connect/gov/624aa1f5-4a89-4cab-8932-86f246f71d1c/29-Bridge-Expansion.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-624aa1f5-4a89-4cab-8932-86f246f71d1c-oV23mb7");
}

.odx-odot-projects__bridge-preservation {
  background-image: url("/wps/wcm/connect/gov/b808e832-90fe-4ff8-b831-0705d584a4b4/2-Bridge-Preservation.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-b808e832-90fe-4ff8-b831-0705d584a4b4-oV21Dto");
}

.odx-odot-projects__building-facility-improvement {
  background-image: url("/wps/wcm/connect/gov/117b8a34-a000-4d09-ab9f-6fcd79577df1/23-Building-Facility-Improvement.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-117b8a34-a000-4d09-ab9f-6fcd79577df1-oV23iKz");
}

.odx-odot-projects__building-facility-maintenance {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__building-demolition {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__culvert-preservation {
  background-image: url("/wps/wcm/connect/gov/132eb62c-2e3b-4e7b-9ab6-96adca8f0828/6-Culvert-Preservation.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-132eb62c-2e3b-4e7b-9ab6-96adca8f0828-oV24KkZ");
}

.odx-odot-projects__drainage-system-maintenance {
  background-image: url("/wps/wcm/connect/gov/0994cf65-eae8-4e9c-b72e-18f868c1a680/26-Drainage-System-Maintenance.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0994cf65-eae8-4e9c-b72e-18f868c1a680-oV23lpU");
}

.odx-odot-projects__emission-reduction {
  background-image: url("/wps/wcm/connect/gov/f50a15bd-d0af-406b-9185-31da28f6e6c1/34-Emission-Reduction.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f50a15bd-d0af-406b-9185-31da28f6e6c1-oV23AFw");
}

.odx-odot-projects__enhanced-crossing {
  background-image: url("/wps/wcm/connect/gov/0ba1a177-4a79-4201-80c1-3c2af4421ab5/rail.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0ba1a177-4a79-4201-80c1-3c2af4421ab5-oV2sfEs");
}

.odx-odot-projects__fencing {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__flex-fund-transfers {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__geologic-maintenance-slide-repair,
.odx-odot-projects__-slide-repair {
  background-image: url("/wps/wcm/connect/gov/e08af3b0-2e74-415e-889c-94e0714ffb17/4-Geologic-Maintenance-Slide-Repair.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e08af3b0-2e74-415e-889c-94e0714ffb17-oV23Fro");
}

.odx-odot-projects__geotechnical-services {
  background-image: url("/wps/wcm/connect/gov/a473ed15-d4b9-4577-9fb7-596f42048c69/37-Geotechnical-Services.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a473ed15-d4b9-4577-9fb7-596f42048c69-oV23CuA");
}

.odx-odot-projects__guardrail-roadside-maintenance,
.odx-odot-projects__-roadside-maintenance {
  background-image: url("/wps/wcm/connect/gov/78deae64-3262-44a2-acde-86462a3a4fb4/16-Guardrail-Roadside-Maintenance.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-78deae64-3262-44a2-acde-86462a3a4fb4-oV21pWO");
}

.odx-odot-projects__interchange-expansion {
  background-image: url("/wps/wcm/connect/gov/8e70c45d-31e2-4d17-bcc5-3a30effbb42c/27-Interchange-Expansion.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-8e70c45d-31e2-4d17-bcc5-3a30effbb42c-oV23lPS");
}

.odx-odot-projects__interchange-improvement-safety {
  background-image: url("/wps/wcm/connect/gov/a8ca4688-251e-4bc5-b810-da1b85044488/30-Interchange-Improvement-%28Safety%29.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a8ca4688-251e-4bc5-b810-da1b85044488-oV23zl-");
}

.odx-odot-projects__intersection-expansion {
  background-image: url("/wps/wcm/connect/gov/6f4ea618-9b24-4470-bd14-b87b567984c8/33-Intersection-Expansion.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-6f4ea618-9b24-4470-bd14-b87b567984c8-oV23Aq1");
}

.odx-odot-projects__intersection-improvement-safety {
  background-image: url("/wps/wcm/connect/gov/57254437-b4c2-4fc4-91a5-e0280b2c2302/5-Intersection-Improvement.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-57254437-b4c2-4fc4-91a5-e0280b2c2302-oV23YC5");
}

.odx-odot-projects__landscaping-aesthetics {
  background-image: url("/wps/wcm/connect/gov/4a1f9a17-159c-46ea-9a0c-efb4e724b7bf/31-Landscaping-Aesthetics.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-4a1f9a17-159c-46ea-9a0c-efb4e724b7bf-oV23zzE");
}

.odx-odot-projects__lighting-safety {
  background-image: url("/wps/wcm/connect/gov/38ccf041-0479-4d4d-a759-97feb10b9d50/22-Lighting-%28Safety%29.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-38ccf041-0479-4d4d-a759-97feb10b9d50-oV23hM4");
}

.odx-odot-projects__maintenance-contracts-non-let {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__miscellaneous {
  background-image: url("/wps/wcm/connect/gov/eea0cc6c-a887-46c4-ae1e-1077f3089c26/28-Miscellaneous.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-eea0cc6c-a887-46c4-ae1e-1077f3089c26-oV23lZ9");
}

.odx-odot-projects__new-building-facility {
  background-image: url("/wps/wcm/connect/gov/ff4da5d4-4f72-408b-a418-1f05a955907e/18-New-Building-Facility.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ff4da5d4-4f72-408b-a418-1f05a955907e-oV21uZx");
}

.odx-odot-projects__new-roadway {
  background-image: url("/wps/wcm/connect/gov/c4987d70-b8cf-4f27-bfc3-bb66cd2a8000/19-New-Roadway.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-c4987d70-b8cf-4f27-bfc3-bb66cd2a8000-oV21vHE");
}

.odx-odot-projects__noise-wall {
  background-image: url("/wps/wcm/connect/gov/abcf56f9-a9dc-47b5-9c05-2cd45589d4ac/24-Noise-Wall.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-abcf56f9-a9dc-47b5-9c05-2cd45589d4ac-oV23kiB");
}

.odx-odot-projects__other-building-facility-work,
.odx-odot-projects__-facility-work {
  background-image: url("/wps/wcm/connect/gov/c0cd8ae2-87fd-4a7d-b13e-072a8145af2f/32-Other-Building-Facility-Work.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-c0cd8ae2-87fd-4a7d-b13e-072a8145af2f-oV23A1v");
}

.odx-odot-projects__other-studies-tasks,
.odx-odot-projects__-tasks {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__parks {
  background-image: url("/wps/wcm/connect/gov/3da2067c-98d4-43dc-a449-49401e553edf/21-Park.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-3da2067c-98d4-43dc-a449-49401e553edf-oV23h1A");
}

.odx-odot-projects__pavement-maintenance {
  background-image: url("/wps/wcm/connect/gov/bb853206-ce9a-4bb4-a821-ad730f85283b/8-Pavement-Maintenance.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-bb853206-ce9a-4bb4-a821-ad730f85283b-oV24Y9F");
}

.odx-odot-projects__pavement-treatments-safety {
  background-image: url("/wps/wcm/connect/gov/fcfb7164-18fc-4892-9d37-89ebf797fc6c/42-Pavement-Treatments-%28Safety%29.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-fcfb7164-18fc-4892-9d37-89ebf797fc6c-oV23SK9");
}

.odx-odot-projects__pedestrian-facilities {
  background-image: url("/wps/wcm/connect/gov/5fac6c58-c2c8-4e3b-979c-9209fc61f881/11-Pedestrian-Facilities.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-5fac6c58-c2c8-4e3b-979c-9209fc61f881-oV219UO");
}

.odx-odot-projects__preliminary-development-tasks {
  background-image: url("/wps/wcm/connect/gov/e398b3c5-99be-4616-b4ca-8cac1c6de6ec/35-Preliminary-Development-Tasks.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e398b3c5-99be-4616-b4ca-8cac1c6de6ec-oV23B93");
}

.odx-odot-projects__railroad-crossing-protection {
  background-image: url("/wps/wcm/connect/gov/81f2f781-1d32-4258-b040-28660dfbf2d5/38-Railroad-Crossing-Protection.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-81f2f781-1d32-4258-b040-28660dfbf2d5-oV23COc");
}

.odx-odot-projects__railroad-crossing-reconstruction {
  background-image: url("/wps/wcm/connect/gov/deb6575f-e18d-482f-a88e-125a065897ac/49-Railroad-Crossing-Reconstruction.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-deb6575f-e18d-482f-a88e-125a065897ac-oV23VOa");
}

.odx-odot-projects__railroad-grade-separation {
  background-image: url("/wps/wcm/connect/gov/0ba1a177-4a79-4201-80c1-3c2af4421ab5/rail.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0ba1a177-4a79-4201-80c1-3c2af4421ab5-oV2sfEs");
}

.odx-odot-projects__railroad-improvements-rehabilitation {
  background-image: url("/wps/wcm/connect/gov/5cbf9115-224e-4ee3-a13a-49d131a56ece/50-Railroad-Improvements-Rehabilitation.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-5cbf9115-224e-4ee3-a13a-49d131a56ece-oV243n4");
}

.odx-odot-projects__real-estate-services {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__rest-area {
  background-image: url("/wps/wcm/connect/gov/1463a75d-cf03-4e52-b0bb-80ee6f1761ee/36-Rest-Area.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-1463a75d-cf03-4e52-b0bb-80ee6f1761ee-oV23Bn-");
}

.odx-odot-projects__roadside-median-improvement-safety,
.odx-odot-projects__-median-improvement-safety {
  background-image: url("/wps/wcm/connect/gov/ab4c0e86-a2ab-449d-8f3e-900fa9e61575/10-Roadside-Median-Improvement-Safety.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ab4c0e86-a2ab-449d-8f3e-900fa9e61575-oV20-Hg");
}

.odx-odot-projects__roadway-improvement-safety {
  background-image: url("/wps/wcm/connect/gov/7486bf08-c197-4d79-85f4-28c5edd7340c/14-Roadway-Improvement-Safety.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7486bf08-c197-4d79-85f4-28c5edd7340c-oV21nf5");
}

.odx-odot-projects__roadway-major-rehab {
  background-image: url("/wps/wcm/connect/gov/13e7b224-fb1f-4c9d-bdc9-6c662dca3da6/7-Roadway-Major-Rehab.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-13e7b224-fb1f-4c9d-bdc9-6c662dca3da6-oV24PLz");
}

.odx-odot-projects__roadway-minor-rehab {
  background-image: url("/wps/wcm/connect/gov/f67e1088-7d35-48e8-a8d2-b904a844b980/1-Roadway-Minor-Rehab.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f67e1088-7d35-48e8-a8d2-b904a844b980-oV20MWF");
}

.odx-odot-projects__safety-related-studies {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__shared-use-path {
  background-image: url("/wps/wcm/connect/gov/33eb97ba-5e80-4ddb-b516-8e08e4bae45a/17-Shared-Use-Path.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-33eb97ba-5e80-4ddb-b516-8e08e4bae45a-oV21s9v");
}

.odx-odot-projects__statewide-regional-planning,
.odx-odot-projects__-regional-planning {
  background-image: url("/wps/wcm/connect/gov/aaa94922-70e3-45b1-8b2f-e20f18a33a5c/hardhat.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aaa94922-70e3-45b1-8b2f-e20f18a33a5c-oV2gnNb");
}

.odx-odot-projects__traffic-control-safety {
  background-image: url("/wps/wcm/connect/gov/2204afd4-e06c-4040-98d7-5309ee469126/3-Traffic-Control-Safety.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-2204afd4-e06c-4040-98d7-5309ee469126-oV23ppF");
}

.odx-odot-projects__traffic-control-maintenance {
  background-image: url("/wps/wcm/connect/gov/2495b533-ab85-4fc0-a697-13e7098c8d01/13-Traffic-Control-Maintenance.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-2495b533-ab85-4fc0-a697-13e7098c8d01-oV21j.x");
}

.odx-odot-projects__transit {
  background-image: url("/wps/wcm/connect/gov/d4a0beed-de82-4086-afea-3973451e2af8/39-Transit.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-d4a0beed-de82-4086-afea-3973451e2af8-oV23DcT");
}

.odx-odot-projects__transport-system-mgmt-and-ops-TSMO,
.odx-odot-projects__transport-system-mgmt-and-ops-tsmo {
  background-image: url("/wps/wcm/connect/gov/a228c236-1e03-4782-914e-c1b53c3a2b0d/25-Transport-System-Mgmt-and-Ops-%28TSMO%29.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a228c236-1e03-4782-914e-c1b53c3a2b0d-oV23la-");
}

.odx-odot-projects__vegetative-maintenance {
  background-image: url("/wps/wcm/connect/gov/a5e6e1e9-9af0-4357-b147-5a7a58b63b17/15-Vegetative-Maintenance.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a5e6e1e9-9af0-4357-b147-5a7a58b63b17-oV21onw");
}

/*
.odx-odot-projects__add-sidewalks {
    background-image: url("/wps/wcm/connect/gov/776809fd-280e-4310-944b-b6e6dc46440c/proj-addSidewalk_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-776809fd-280e-4310-944b-b6e6dc46440c-oV25mQH");
  }

.odx-odot-projects__bikeways {
    background-image: url("/wps/wcm/connect/gov/2ed6b7a4-3adc-4eea-aeb8-3351071af826/proj-bikeway_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-2ed6b7a4-3adc-4eea-aeb8-3351071af826-oV27elo");
  }

.odx-odot-projects__bridge-deck {
    background-image: url("");
  }

.odx-odot-projects__bridge-maintenance {
    background-image: url("/wps/wcm/connect/gov/62b7ff00-583a-4983-96b0-21bff3c40b84/proj-bridgeMaintenance_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-62b7ff00-583a-4983-96b0-21bff3c40b84-oV27yGK");
  }

.odx-odot-projects__bridge-painting {
    background-image: url("/wps/wcm/connect/gov/45a24b3d-01a2-4b6a-9da8-197c26ad008c/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-45a24b3d-01a2-4b6a-9da8-197c26ad008c-oV27yWn");
  }

.odx-odot-projects__bridge-repair {
    background-image: url("/wps/wcm/connect/gov/f56a75d6-6222-4b72-84df-3cb3203859fd/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f56a75d6-6222-4b72-84df-3cb3203859fd-oV27z2c");
  }

.odx-odot-projects__bridge-replacement {
    background-image: url("/wps/wcm/connect/gov/443bbf2f-226c-4511-a9f1-ab215d89eb90/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-443bbf2f-226c-4511-a9f1-ab215d89eb90-oV27zqV");
  }

.odx-odot-projects__crack-seal {
    background-image: url("/wps/wcm/connect/gov/89df7af4-fb6f-4686-b07d-c45208ec1e3a/proj-crackseal_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-89df7af4-fb6f-4686-b07d-c45208ec1e3a-oV2aoYP");
  }

.odx-odot-projects__culvert {
    background-image: url("/wps/wcm/connect/gov/d717cd2b-46ff-46b0-a16e-0d796192f770/proj-culvert_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-d717cd2b-46ff-46b0-a16e-0d796192f770-oV2brfO");
  }

.odx-odot-projects__guardrail-maintenance {
    background-image: url("/wps/wcm/connect/gov/55fd892b-7201-46e4-9bb6-7d283dc0660b/proj-guardrailRepair_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-55fd892b-7201-46e4-9bb6-7d283dc0660b-oV2gcxg");
  }

.odx-odot-projects__guardrail-upgrade {
    background-image: url("/wps/wcm/connect/gov/7c25a7d5-129a-4767-bd1c-d1029ee88621/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c25a7d5-129a-4767-bd1c-d1029ee88621-oV2gcQd");
  }

.odx-odot-projects__intersection {
    background-image: url("/wps/wcm/connect/gov/a679e95b-84c1-475d-a44a-e0b79af63146/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a679e95b-84c1-475d-a44a-e0b79af63146-oV2ihUw");
  }

.odx-odot-projects__lighting {
    background-image: url("/wps/wcm/connect/gov/7545bd0b-c6f3-4118-9b50-a444e6f5791a/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7545bd0b-c6f3-4118-9b50-a444e6f5791a-oV2jMZ0");
  }

.odx-odot-projects__major-rehabilitation {
    background-image: url("/wps/wcm/connect/gov/241a3ddb-95e4-4a18-99ad-0399320a5513/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-241a3ddb-95e4-4a18-99ad-0399320a5513-oV2kn1D");
  }

.odx-odot-projects__major-widening {
    background-image: url("/wps/wcm/connect/gov/76e0ddad-d668-42af-b2ca-f7c8a3cdece8/proj-majorWidening_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-76e0ddad-d668-42af-b2ca-f7c8a3cdece8-oV2knfi");
  }

.odx-odot-projects__mill-and-fill {
    background-image: url("/wps/wcm/connect/gov/2f5ad780-a446-43cd-be45-d4dc214b3e4c/proj-millAndFill_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-2f5ad780-a446-43cd-be45-d4dc214b3e4c-oV2lMtG");
  }

.odx-odot-projects__minor-rehab-gnrl {
    background-image: url("/wps/wcm/connect/gov/c6e3926d-b7e5-48e9-b092-ce85689388b3/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-c6e3926d-b7e5-48e9-b092-ce85689388b3-oV2lPb0");
  }

.odx-odot-projects__minor-rehab-prmy {
    background-image: url("/wps/wcm/connect/gov/0d59e45c-d37c-4bad-91fe-80d46e8f3d14/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0d59e45c-d37c-4bad-91fe-80d46e8f3d14-oV2lPsm");
  }

.odx-odot-projects__mowing {
    background-image: url("/wps/wcm/connect/gov/cf5d0a8d-3f61-4483-9fad-fd960c662c9b/proj-mowing_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-cf5d0a8d-3f61-4483-9fad-fd960c662c9b-oV2mn81");
  }

.odx-odot-projects__parks {
    background-image: url("/wps/wcm/connect/gov/7eb5aa2c-54bb-49f4-b754-add532a7f598/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7eb5aa2c-54bb-49f4-b754-add532a7f598-oV2qkJJ");
  }

.odx-odot-projects__pavement-marking {
    background-image: url("/wps/wcm/connect/gov/e883a08c-a022-42e5-8cd2-d68424db77a6/proj-pavementMarking_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e883a08c-a022-42e5-8cd2-d68424db77a6-oV2qyBd");
  }

.odx-odot-projects__preventive-maintenance {
    background-image: url("/wps/wcm/connect/gov/5001d797-7df0-4371-867e-c20ea761274d/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-5001d797-7df0-4371-867e-c20ea761274d-oV2rFFS");
  }

.odx-odot-projects__raised-markers {
    background-image: url("/wps/wcm/connect/gov/9a679167-c72a-430f-88ee-a78d9180148f/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-9a679167-c72a-430f-88ee-a78d9180148f-oV2sg1w");
  }

.odx-odot-projects__resurfacing-divided {
    background-image: url("/wps/wcm/connect/gov/1b405011-8fe0-403d-9e2d-057309a61285/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-1b405011-8fe0-403d-9e2d-057309a61285-oV2tArY");
  }

.odx-odot-projects__resurfacing-undivided-system {
    background-image: url("/wps/wcm/connect/gov/758d7883-260d-45c1-939f-26288823188e/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-758d7883-260d-45c1-939f-26288823188e-oV2tAzv");
  }

.odx-odot-projects__signals {
    background-image: url("/wps/wcm/connect/gov/ec9db815-f4bb-4fac-91fe-6aca23fd1c57/proj-signals_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ec9db815-f4bb-4fac-91fe-6aca23fd1c57-oV2v0R3");
  }

.odx-odot-projects__signs {
    background-image: url("/wps/wcm/connect/gov/ea44620d-2d33-4e1c-b8db-41b25646b775/proj-signs_content.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ea44620d-2d33-4e1c-b8db-41b25646b775-oV2v1lv");
  }

.odx-odot-projects__slide-repair {
    background-image: url("/wps/wcm/connect/gov/205079fb-1e99-4490-bb60-59d837ccb235/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-205079fb-1e99-4490-bb60-59d837ccb235-oV2v5C2");
  }

.odx-odot-projects__turn-lane-add {
    background-image: url("/wps/wcm/connect/gov/e195f44d-dbc7-4da6-aa71-9b2b55cda2da/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e195f44d-dbc7-4da6-aa71-9b2b55cda2da-oV2xDCL");
  }
*/
/********** work-category-thumbnails **********/
.odx-odot-projects__thumbnail {
  display: block;
  height: 100%;
  width: 100%;
  background-image: url("/wps/wcm/connect/gov/5287ae14-8ded-4e5d-ab4f-5b708d521b8b/DefaultImagesforProjects1.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-5287ae14-8ded-4e5d-ab4f-5b708d521b8b-oV2bLU1");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #c7dbeb;
}

.odx-odot-projects__thumbnail.odx-odot-projects__add-through-lanes {
  background-image: url("/wps/wcm/connect/gov/d6ace96d-10ec-469a-aa71-5940089e95b5/20-Add-Through-Lane%28s%29-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-d6ace96d-10ec-469a-aa71-5940089e95b5-oV21Gs8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__asset-inventory-inspection {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__bike-facility {
  background-image: url("/wps/wcm/connect/gov/7658e063-6165-45a5-9c3d-40f5168794c4/9-Bike-Facility-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7658e063-6165-45a5-9c3d-40f5168794c4-oV24-E9");
}

.odx-odot-projects__thumbnail.odx-odot-projects__bridge-culvert-maintenance,
.odx-odot-projects__thumbnail.odx-odot-projects__-culvert-maintenance {
  background-image: url("/wps/wcm/connect/gov/5c140701-ef26-48bd-b13e-65e22648ab00/12-Bridge-Culvert-Maintenance-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-5c140701-ef26-48bd-b13e-65e22648ab00-oV21iY3");
}

.odx-odot-projects__thumbnail.odx-odot-projects__bridge-expansion {
  background-image: url("/wps/wcm/connect/gov/ee918f82-e4e8-42f3-8680-c2f51b8a2521/29-Bridge-Expansion-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ee918f82-e4e8-42f3-8680-c2f51b8a2521-oV23mjx");
}

.odx-odot-projects__thumbnail.odx-odot-projects__bridge-preservation {
  background-image: url("/wps/wcm/connect/gov/7fb86164-9329-4f83-8d2f-2a79508f4523/2-Bridge-Preservation-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7fb86164-9329-4f83-8d2f-2a79508f4523-oV21DBg");
}

.odx-odot-projects__thumbnail.odx-odot-projects__building-facility-improvement {
  background-image: url("/wps/wcm/connect/gov/9e6969eb-6658-40ba-b411-dd8dd52e0d70/23-Building-Facility-Improvement-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-9e6969eb-6658-40ba-b411-dd8dd52e0d70-oV23iST");
}

.odx-odot-projects__thumbnail.odx-odot-projects__building-facility-maintenance {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__building-demolition {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__culvert-preservation {
  background-image: url("/wps/wcm/connect/gov/42420b90-f6cb-4182-a724-12b621e00b1a/6-Culvert-Preservation-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-42420b90-f6cb-4182-a724-12b621e00b1a-oV24Kbs");
}

.odx-odot-projects__thumbnail.odx-odot-projects__drainage-system-maintenance {
  background-image: url("/wps/wcm/connect/gov/9cc0c832-a0c0-4637-8c75-8e13cd029411/26-Drainage-System-Maintenance-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-9cc0c832-a0c0-4637-8c75-8e13cd029411-oV23lzC");
}

.odx-odot-projects__thumbnail.odx-odot-projects__emission-reduction {
  background-image: url("/wps/wcm/connect/gov/c65c7aa6-5886-4ddd-865a-fc24f922f96f/34-Emission-Reduction%3DThumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-c65c7aa6-5886-4ddd-865a-fc24f922f96f-oV23AQG");
}

.odx-odot-projects__thumbnail.odx-odot-projects__enhanced-crossing {
  background-image: url("/wps/wcm/connect/gov/a7959fdc-b4e2-426e-a018-245f393ba850/rail-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a7959fdc-b4e2-426e-a018-245f393ba850-oV2sfwB");
}

.odx-odot-projects__thumbnail.odx-odot-projects__fencing {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__flex-fund-transfers {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__geologic-maintenance-slide-repair,
.odx-odot-projects__thumbnail.odx-odot-projects__-slide-repair {
  background-image: url("/wps/wcm/connect/gov/8b8c6d41-ec70-4a28-b0d3-63b547cceea7/4-Geologic-Maintenance-Slide-Repair-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-8b8c6d41-ec70-4a28-b0d3-63b547cceea7-oV23Fyx");
}

.odx-odot-projects__thumbnail.odx-odot-projects__geotechnical-services {
  background-image: url("/wps/wcm/connect/gov/49f2831d-8698-4feb-848e-f503336bbe4d/37-Geotechnical-Services-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-49f2831d-8698-4feb-848e-f503336bbe4d-oV23Cny");
}

.odx-odot-projects__thumbnail.odx-odot-projects__guardrail-roadside-maintenance,
.odx-odot-projects__thumbnail.odx-odot-projects__-roadside-maintenance {
  background-image: url("/wps/wcm/connect/gov/e67793d9-3ba1-4f78-864b-a016010b00e9/16-Guardrail-Roadside-Maintenance-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e67793d9-3ba1-4f78-864b-a016010b00e9-oV21q4W");
}

.odx-odot-projects__thumbnail.odx-odot-projects__interchange-expansion {
  background-image: url("/wps/wcm/connect/gov/cdfa7d16-f5fe-4b5e-8b76-424078869f3f/27-Interchange-Expansion-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-cdfa7d16-f5fe-4b5e-8b76-424078869f3f-oV23lHw");
}

.odx-odot-projects__thumbnail.odx-odot-projects__interchange-improvement-safety {
  background-image: url("/wps/wcm/connect/gov/3c2750cd-d333-4a73-9328-60a025b0d2ab/30-Interchange-Improvement-%28Safety%29.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-3c2750cd-d333-4a73-9328-60a025b0d2ab-oV23zeS");
}

.odx-odot-projects__thumbnail.odx-odot-projects__intersection-expansion {
  background-image: url("/wps/wcm/connect/gov/27397ec3-a882-4886-83bc-d7bacc081f4f/33-Intersection-Expansion-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-27397ec3-a882-4886-83bc-d7bacc081f4f-oV23Aj1");
}

.odx-odot-projects__thumbnail.odx-odot-projects__intersection-improvement-safety {
  background-image: url("/wps/wcm/connect/gov/7a256d0a-c382-4e95-b877-723486fbae3d/5-Intersection-Improvement-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7a256d0a-c382-4e95-b877-723486fbae3d-oV23YT7");
}

.odx-odot-projects__thumbnail.odx-odot-projects__landscaping-aesthetics {
  background-image: url("/wps/wcm/connect/gov/66e5dfa3-11dc-44c0-bdc1-84279b6a30c8/31-Landscaping-Aesthetics.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-66e5dfa3-11dc-44c0-bdc1-84279b6a30c8-oV23zLA");
}

.odx-odot-projects__thumbnail.odx-odot-projects__lighting-safety {
  background-image: url("/wps/wcm/connect/gov/2c1e7b1e-4f42-416f-b895-4f17aee3b6a7/22-Lighting-%28Safety%29-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-2c1e7b1e-4f42-416f-b895-4f17aee3b6a7-oV23hFa");
}

.odx-odot-projects__thumbnail.odx-odot-projects__maintenance-contracts-non-let {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__miscellaneous {
  background-image: url("/wps/wcm/connect/gov/a4abbde0-f0f0-4022-a250-0418293b7d47/28-Miscellaneous-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a4abbde0-f0f0-4022-a250-0418293b7d47-oV23m4a");
}

.odx-odot-projects__thumbnail.odx-odot-projects__new-building-facility {
  background-image: url("/wps/wcm/connect/gov/07f761bb-097a-47db-bfcb-c394695010e5/18-New-Building-Facility-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-07f761bb-097a-47db-bfcb-c394695010e5-oV21uSk");
}

.odx-odot-projects__thumbnail.odx-odot-projects__new-roadway {
  background-image: url("/wps/wcm/connect/gov/aa0d3951-63d2-4f14-aabc-455a7b733ff6/19-New-Roadway-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aa0d3951-63d2-4f14-aabc-455a7b733ff6-oV21vPv");
}

.odx-odot-projects__thumbnail.odx-odot-projects__noise-wall {
  background-image: url("/wps/wcm/connect/gov/7732dd63-c148-4b21-9351-8986b4f9ebb5/24-Noise-Wall-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7732dd63-c148-4b21-9351-8986b4f9ebb5-oV23kaA");
}

.odx-odot-projects__thumbnail.odx-odot-projects__other-building-facility-work,
.odx-odot-projects__thumbnail.odx-odot-projects__-facility-work {
  background-image: url("/wps/wcm/connect/gov/f08d4bce-d49c-440e-a7cd-321ef35255c1/32-Other-Building-Facility-Work-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f08d4bce-d49c-440e-a7cd-321ef35255c1-oV23Acn");
}

.odx-odot-projects__thumbnail.odx-odot-projects__other-studies-tasks,
.odx-odot-projects__thumbnail.odx-odot-projects__-tasks {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__parks {
  background-image: url("/wps/wcm/connect/gov/f4571056-8b87-49f9-b994-84967dbcccd7/21-Park-Thumbnail.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f4571056-8b87-49f9-b994-84967dbcccd7-oV23gWs");
}

.odx-odot-projects__thumbnail.odx-odot-projects__pavement-maintenance {
  background-image: url("/wps/wcm/connect/gov/4fa96e0a-b98d-4ec7-b69f-2b028c8c0d6e/8-Pavement-Maintenance-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-4fa96e0a-b98d-4ec7-b69f-2b028c8c0d6e-oV24YgG");
}

.odx-odot-projects__thumbnail.odx-odot-projects__pavement-treatments-safety {
  background-image: url("/wps/wcm/connect/gov/513f8fd5-9325-4882-b63b-1e8ee9158eee/42-Pavement-Treatments-%28Safety%29.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-513f8fd5-9325-4882-b63b-1e8ee9158eee-oV23SCM");
}

.odx-odot-projects__thumbnail.odx-odot-projects__pedestrian-facilities {
  background-image: url("/wps/wcm/connect/gov/f2277fc4-a220-45f4-8309-fae4edb20aae/11-Pedestrian-Facilities-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f2277fc4-a220-45f4-8309-fae4edb20aae-oV219Nm");
}

.odx-odot-projects__thumbnail.odx-odot-projects__preliminary-development-tasks {
  background-image: url("/wps/wcm/connect/gov/fd658dd1-ed62-4da3-8263-5ffc735fb9c3/35-Preliminary-Development-Tasks-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-fd658dd1-ed62-4da3-8263-5ffc735fb9c3-oV23B28");
}

.odx-odot-projects__thumbnail.odx-odot-projects__railroad-crossing-protection {
  background-image: url("/wps/wcm/connect/gov/10235ef6-a877-465d-b3bf-3a0c2d3b36a4/38-Railroad-Crossing-Protection-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-10235ef6-a877-465d-b3bf-3a0c2d3b36a4-oV23C.m");
}

.odx-odot-projects__thumbnail.odx-odot-projects__railroad-crossing-reconstruction {
  background-image: url("/wps/wcm/connect/gov/31ff4d75-da09-4a6f-94e1-970459e39932/49-Railroad-Crossing-Reconstruction-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-31ff4d75-da09-4a6f-94e1-970459e39932-oV23W2v");
}

.odx-odot-projects__thumbnail.odx-odot-projects__railroad-grade-separation {
  background-image: url("/wps/wcm/connect/gov/a7959fdc-b4e2-426e-a018-245f393ba850/rail-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a7959fdc-b4e2-426e-a018-245f393ba850-oV2sfwB");
}

.odx-odot-projects__thumbnail.odx-odot-projects__railroad-improvements-rehabilitation {
  background-image: url("/wps/wcm/connect/gov/786264d2-3ba7-4e4a-a034-fa17b4bf8de8/50-Railroad-Improvements-Rehabilitation-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-786264d2-3ba7-4e4a-a034-fa17b4bf8de8-oV243DL");
}

.odx-odot-projects__thumbnail.odx-odot-projects__real-estate-services {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__rest-area {
  background-image: url("/wps/wcm/connect/gov/0cf25a0a-dba5-4a51-b5a1-1f02bff62dff/36-Rest-Area.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0cf25a0a-dba5-4a51-b5a1-1f02bff62dff-oV23Bz6");
}

.odx-odot-projects__thumbnail.odx-odot-projects__roadside-median-improvement-safety,
.odx-odot-projects__thumbnail.odx-odot-projects__-median-improvement-safety {
  background-image: url("/wps/wcm/connect/gov/58b9bacb-ad19-4a9a-8aea-48ab0fdfccc5/10-Roadside-Median-Improvement-Safety-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-58b9bacb-ad19-4a9a-8aea-48ab0fdfccc5-oV20-OW");
}

.odx-odot-projects__thumbnail.odx-odot-projects__roadway-improvement-safety {
  background-image: url("/wps/wcm/connect/gov/0ba26e04-184c-4501-a0d4-d471acbfa4c2/14-Roadway-Improvement-Safety-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0ba26e04-184c-4501-a0d4-d471acbfa4c2-oV21n85");
}

.odx-odot-projects__thumbnail.odx-odot-projects__roadway-major-rehab {
  background-image: url("/wps/wcm/connect/gov/6c2b6070-8773-4a7b-b83a-2b44332965e5/7-Roadway-Major-Rehab-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-6c2b6070-8773-4a7b-b83a-2b44332965e5-oV24Q0r");
}

.odx-odot-projects__thumbnail.odx-odot-projects__roadway-minor-rehab {
  background-image: url("/wps/wcm/connect/gov/a780bf4e-e47c-4c67-ae60-ca58c184ddc7/1-Roadway-Minor-Rehab-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-a780bf4e-e47c-4c67-ae60-ca58c184ddc7-oV20N6k");
}

.odx-odot-projects__thumbnail.odx-odot-projects__safety-related-studies {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__shared-use-path {
  background-image: url("/wps/wcm/connect/gov/33e65394-6db1-469f-8d17-767e0b0f9a63/17-Shared-Use-Path-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-33e65394-6db1-469f-8d17-767e0b0f9a63-oV21sm4");
}

.odx-odot-projects__thumbnail.odx-odot-projects__statewide-regional-planning,
.odx-odot-projects__thumbnail.odx-odot-projects__-regional-planning {
  background-image: url("/wps/wcm/connect/gov/7c6c7c55-5688-4861-a87d-551f06c466d1/hardhat-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7c6c7c55-5688-4861-a87d-551f06c466d1-oV2gnG8");
}

.odx-odot-projects__thumbnail.odx-odot-projects__traffic-control-safety {
  background-image: url("/wps/wcm/connect/gov/dc35164b-8911-4673-a1bd-20a7bc196b6f/3-Traffic-Control-Safety-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-dc35164b-8911-4673-a1bd-20a7bc196b6f-oV23pic");
}

.odx-odot-projects__thumbnail.odx-odot-projects__traffic-control-maintenance {
  background-image: url("/wps/wcm/connect/gov/e4b30497-c8c2-423c-b557-d688c399fc40/13-Traffic-Control-Maintenance-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e4b30497-c8c2-423c-b557-d688c399fc40-oV21k6K");
}

.odx-odot-projects__thumbnail.odx-odot-projects__transit {
  background-image: url("/wps/wcm/connect/gov/132c1381-e2f2-4e6b-9416-fd49ee3c1287/39-Transit-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-132c1381-e2f2-4e6b-9416-fd49ee3c1287-oV23D61");
}

.odx-odot-projects__thumbnail.odx-odot-projects__transport-system-mgmt-and-ops-TSMO,
.odx-odot-projects__thumbnail.odx-odot-projects__transport-system-mgmt-and-ops-tsmo {
  background-image: url("/wps/wcm/connect/gov/75ff4df6-0ec2-4fb3-b5e1-5743d6cc2f19/25-Transport-System-Mgmt-and-Ops-%28TSMO%29.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-75ff4df6-0ec2-4fb3-b5e1-5743d6cc2f19-oV23k.M");
}

.odx-odot-projects__thumbnail.odx-odot-projects__vegetative-maintenance {
  background-image: url("/wps/wcm/connect/gov/1642cec2-8db7-4ac5-bb30-ffa42b7898f7/15-Vegetative-Maintenance-Thumb.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-1642cec2-8db7-4ac5-bb30-ffa42b7898f7-oV21ogy");
}

/*
.odx-odot-projects__thumbnail.odx-odot-projects__add-sidewalks {
    background-image: url("/wps/wcm/connect/gov/581efa86-03ca-46d6-93f7-d6ac089c4efc/proj-addSidewalk_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-581efa86-03ca-46d6-93f7-d6ac089c4efc-oV25m-y");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__bikeways {
    background-image: url("/wps/wcm/connect/gov/16ea270c-f382-4b99-9952-33a64e965a29/proj-bikeway_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-16ea270c-f382-4b99-9952-33a64e965a29-oV27etf");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__bridge-deck {
    background-image: url("");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__bridge-maintenance {
    background-image: url("/wps/wcm/connect/gov/fbb302b8-1a71-4f55-b89f-cde94aac6280/proj-bridgeMaintenance_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-fbb302b8-1a71-4f55-b89f-cde94aac6280-oV27yym");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__bridge-painting {
    background-image: url("/wps/wcm/connect/gov/0ba7959e-9f73-4f0f-9fe5-0a0dd4485d06/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0ba7959e-9f73-4f0f-9fe5-0a0dd4485d06-oV27yOY");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__bridge-repair {
    background-image: url("/wps/wcm/connect/gov/fa1b5189-67a8-4995-8ee2-1741b08f3bfc/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-fa1b5189-67a8-4995-8ee2-1741b08f3bfc-oV27zaq");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__bridge-replacement {
    background-image: url("/wps/wcm/connect/gov/00c445ca-20e7-43b6-8725-e2604907333d/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-00c445ca-20e7-43b6-8725-e2604907333d-oV27zhZ");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__crack-seal {
    background-image: url("/wps/wcm/connect/gov/3af1686b-9ad8-40bf-b1db-c60749f722a9/proj-crackseal_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-3af1686b-9ad8-40bf-b1db-c60749f722a9-oV2ap7g");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__culvert {
    background-image: url("/wps/wcm/connect/gov/3599cdf2-a4ab-414a-8fcf-6a21722e3f20/proj-culvert_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-3599cdf2-a4ab-414a-8fcf-6a21722e3f20-oV2brmL");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__guardrail-maintenance {
    background-image: url("/wps/wcm/connect/gov/4ca21196-9bac-40a6-a8a8-7b0f9c74a6c9/proj-guardrailRepair_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-4ca21196-9bac-40a6-a8a8-7b0f9c74a6c9-oV2gcpx");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__guardrail-upgrade {
    background-image: url("/wps/wcm/connect/gov/95b9fbda-b887-479b-9b9b-0ee4eb6d2b61/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-95b9fbda-b887-479b-9b9b-0ee4eb6d2b61-oV2gcFN");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__intersection {
    background-image: url("/wps/wcm/connect/gov/4b064fa7-1c6e-4658-996b-564633fa94fc/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-4b064fa7-1c6e-4658-996b-564633fa94fc-oV2ihIW");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__lighting {
    background-image: url("/wps/wcm/connect/gov/830290c7-c626-4672-b584-fae9bfbc03ac/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-830290c7-c626-4672-b584-fae9bfbc03ac-oV2jMPT");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__major-rehabilitation {
    background-image: url("/wps/wcm/connect/gov/0ec2fa82-8328-4ad2-93fe-5c9a36c6bd93/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0ec2fa82-8328-4ad2-93fe-5c9a36c6bd93-oV2kmJt");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__major-widening {
    background-image: url("/wps/wcm/connect/gov/9959969c-0202-4777-9103-0e26cfbcf621/proj-majorWidening_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-9959969c-0202-4777-9103-0e26cfbcf621-oV2knmq");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__mill-and-fill {
    background-image: url("/wps/wcm/connect/gov/56424fe8-f881-4791-881c-e4d45d57fb8c/proj-millAndFill_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-56424fe8-f881-4791-881c-e4d45d57fb8c-oV2lMAE");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__minor-rehab-gnrl {
    background-image: url("/wps/wcm/connect/gov/7588496f-a326-497a-8861-fca41a96cc80/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-7588496f-a326-497a-8861-fca41a96cc80-oV2lPk5");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__minor-rehab-prmy {
    background-image: url("/wps/wcm/connect/gov/ba384e10-cfbd-4e5a-ad50-ba002ea2babd/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ba384e10-cfbd-4e5a-ad50-ba002ea2babd-oV2lPAm");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__mowing {
    background-image: url("/wps/wcm/connect/gov/4a5fc60c-bdae-4acd-8a05-d2dbc86fdd5c/proj-mowing_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-4a5fc60c-bdae-4acd-8a05-d2dbc86fdd5c-oV2mm.V");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__parks {
    background-image: url("/wps/wcm/connect/gov/c0e59134-6806-42aa-9259-ed3936fb2144/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-c0e59134-6806-42aa-9259-ed3936fb2144-oV2qkRD");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__pavement-marking {
    background-image: url("/wps/wcm/connect/gov/628919bc-61c5-4f0a-af50-f62353cf1537/proj-pavementMarking_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-628919bc-61c5-4f0a-af50-f62353cf1537-oV2qyul");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__preventive-maintenance {
    background-image: url("/wps/wcm/connect/gov/45a6cb79-c3c4-4637-b56d-dfd5559032f3/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-45a6cb79-c3c4-4637-b56d-dfd5559032f3-oV2rFNa");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__raised-markers {
    background-image: url("/wps/wcm/connect/gov/e1f071e7-5b34-4570-ac12-0d0faa8365d4/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e1f071e7-5b34-4570-ac12-0d0faa8365d4-oV2sfOK");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__resurfacing-divided {
    background-image: url("/wps/wcm/connect/gov/ff18ceda-d0f9-4d4f-9c58-4a4ec696814d/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ff18ceda-d0f9-4d4f-9c58-4a4ec696814d-oV2tAkp");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__resurfacing-undivided-system {
    background-image: url("/wps/wcm/connect/gov/11f2f31b-0d58-42d4-be3a-504f688fb578/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-11f2f31b-0d58-42d4-be3a-504f688fb578-oV2tAHp");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__signals {
    background-image: url("/wps/wcm/connect/gov/c218f8cf-2065-48ce-8a32-ab8ae75c3575/proj-signals_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-c218f8cf-2065-48ce-8a32-ab8ae75c3575-oV2v0Yd");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__signs {
    background-image: url("/wps/wcm/connect/gov/c2030b61-6a2a-45b0-ae12-cd20708d8035/proj-signs_card.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-c2030b61-6a2a-45b0-ae12-cd20708d8035-oV2v2xF");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__slide-repair {
    background-image: url("/wps/wcm/connect/gov/2bc32001-5854-4173-8ef8-f3b87d0e59d7/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-2bc32001-5854-4173-8ef8-f3b87d0e59d7-oV2v5Ti");
  }

.odx-odot-projects__thumbnail.odx-odot-projects__turn-lane-add {
    background-image: url("/wps/wcm/connect/gov/97bee218-7c94-4837-a07d-e21e424cfbb2/img_landscape21-9.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-97bee218-7c94-4837-a07d-e21e424cfbb2-oV2xDUY");
  }
*/
/* END: ODX Common Design / Utility / Style Sheets / SCSS / Agencies / ODOT / odot-work-category-images.scss */
/* START: ODX Common Design > Content > Utility > Style Sheets > SCSS > Partials > Fonts > odx-source-sans-pro.scss */
@font-face {
  font-family: 'Source Sans Pro';
  src: url("/wps/wcm/connect/gov/aadbc5e3-3dde-4403-a088-10de5d6a57d3/sourcesanspro-regular-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aadbc5e3-3dde-4403-a088-10de5d6a57d3-ovxXsyv");
  src: url("/wps/wcm/connect/gov/aadbc5e3-3dde-4403-a088-10de5d6a57d3/sourcesanspro-regular-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-aadbc5e3-3dde-4403-a088-10de5d6a57d3-ovxXsyv&#iefix") format("embedded-opentype"), url("/wps/wcm/connect/gov/d9d60e36-0a4d-463f-b2b8-204d600c9e32/sourcesanspro-regular-webfont.woff?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-d9d60e36-0a4d-463f-b2b8-204d600c9e32-ovxXsyv") format("woff"), url("/wps/wcm/connect/gov/df098d53-c4ff-4487-9ee3-a6c27ee99374/sourcesanspro-regular-webfont.ttf?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-df098d53-c4ff-4487-9ee3-a6c27ee99374-ovxXsyv") format("truetype"), url("/wps/wcm/connect/gov/45957fd1-1466-4ee3-ae82-c825295e9e24/sourcesanspro-regular-webfont.svg?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-45957fd1-1466-4ee3-ae82-c825295e9e24-ovxXsyv") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("/wps/wcm/connect/gov/f29ae033-c82a-4ce5-98e6-e816b51f9892/sourcesanspro-italic-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f29ae033-c82a-4ce5-98e6-e816b51f9892-ovxXsyv");
  src: url("/wps/wcm/connect/gov/f29ae033-c82a-4ce5-98e6-e816b51f9892/sourcesanspro-italic-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f29ae033-c82a-4ce5-98e6-e816b51f9892-ovxXsyv&#iefix") format("embedded-opentype"), url("/wps/wcm/connect/gov/0266a8d7-aad7-4c57-9b78-0ee7f8ebdebe/sourcesanspro-italic-webfont.woff?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-0266a8d7-aad7-4c57-9b78-0ee7f8ebdebe-ovxXsyv") format("woff"), url("/wps/wcm/connect/gov/11c3f086-899d-46a9-a5d4-2fc1976455d6/sourcesanspro-italic-webfont.ttf?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-11c3f086-899d-46a9-a5d4-2fc1976455d6-ovxXsyv") format("truetype"), url("/wps/wcm/connect/gov/5844a33f-5e3c-48a8-a670-9fe221bdda26/sourcesanspro-italic-webfont.svg?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-5844a33f-5e3c-48a8-a670-9fe221bdda26-ovxXsyv") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("/wps/wcm/connect/gov/40ffcc30-1b95-4833-8519-327853974a10/sourcesanspro-semibold-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-40ffcc30-1b95-4833-8519-327853974a10-ovxXsyv");
  src: url("/wps/wcm/connect/gov/40ffcc30-1b95-4833-8519-327853974a10/sourcesanspro-semibold-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-40ffcc30-1b95-4833-8519-327853974a10-ovxXsyv&#iefix") format("embedded-opentype"), url("/wps/wcm/connect/gov/5fd20cf7-b1f4-4a19-ac8a-2822de81d146/sourcesanspro-semibold-webfont.woff?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-5fd20cf7-b1f4-4a19-ac8a-2822de81d146-ovxXsyv") format("woff"), url("/wps/wcm/connect/gov/f9edad7c-cae5-45c3-8a73-f0a3dd4784f3/sourcesanspro-semibold-webfont.ttf?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f9edad7c-cae5-45c3-8a73-f0a3dd4784f3-ovxXsyv") format("truetype"), url("/wps/wcm/connect/gov/623aeb3a-cda5-42ec-9d93-ef41591d725a/sourcesanspro-semibold-webfont.svg?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-623aeb3a-cda5-42ec-9d93-ef41591d725a-ovxXsyv") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("/wps/wcm/connect/gov/ca43a122-453c-4695-8b63-1f38905ea072/sourcesanspro-semibolditalic-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ca43a122-453c-4695-8b63-1f38905ea072-ovxXsyv");
  src: url("/wps/wcm/connect/gov/ca43a122-453c-4695-8b63-1f38905ea072/sourcesanspro-semibolditalic-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-ca43a122-453c-4695-8b63-1f38905ea072-ovxXsyv&#iefix") format("embedded-opentype"), url("/wps/wcm/connect/gov/312760bd-34a3-4530-a219-7037421d62ec/sourcesanspro-semibolditalic-webfont.woff?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-312760bd-34a3-4530-a219-7037421d62ec-ovxXsyv") format("woff"), url("/wps/wcm/connect/gov/1d744f60-9d89-4446-aee1-a14d87e97a05/sourcesanspro-semibolditalic-webfont.ttf?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-1d744f60-9d89-4446-aee1-a14d87e97a05-ovxXsyv") format("truetype"), url("/wps/wcm/connect/gov/f31e9238-7e42-4471-88d7-342366bf5c29/sourcesanspro-semibolditalic-webfont.svg?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-f31e9238-7e42-4471-88d7-342366bf5c29-ovxXsyv") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("/wps/wcm/connect/gov/e96c6c4d-c143-406d-b654-a31cfdc7efac/sourcesanspro-bold-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e96c6c4d-c143-406d-b654-a31cfdc7efac-ovxXsyv");
  src: url("/wps/wcm/connect/gov/e96c6c4d-c143-406d-b654-a31cfdc7efac/sourcesanspro-bold-webfont.eot?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-e96c6c4d-c143-406d-b654-a31cfdc7efac-ovxXsyv&#iefix") format("embedded-opentype"), url("/wps/wcm/connect/gov/4526b1c0-c27b-4017-bd6c-1fb72108462c/sourcesanspro-bold-webfont.woff?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-4526b1c0-c27b-4017-bd6c-1fb72108462c-ovxXsyv") format("woff"), url("/wps/wcm/connect/gov/836b6465-94dc-48fd-aa8c-2c6a65d2b1ec/sourcesanspro-bold-webfont.ttf?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-836b6465-94dc-48fd-aa8c-2c6a65d2b1ec-ovxXsyv") format("truetype"), url("/wps/wcm/connect/gov/4585fc11-0be1-4fc6-b2a4-45b1431cbb30/sourcesanspro-bold-webfont.svg?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE.Z18_O06E1CC0114B40Q333SHON11U4-4585fc11-0be1-4fc6-b2a4-45b1431cbb30-ovxXsyv") format("svg");
  font-weight: 900;
  font-style: normal;
}

/* END: ODX Common Design > Content > Utility > Style Sheets > SCSS > Partials > Fonts > odx-source-sans-pro.scss */
.typeahead__container button, .typeahead__container input, .typeahead__container optgroup, .typeahead__container select, .typeahead__container textarea {
  font: inherit;
  margin: 0;
}

.typeahead__container optgroup {
  font-weight: 700;
}

.typeahead__container button, .typeahead__container input {
  overflow: visible;
}

.typeahead__container button, .typeahead__container select {
  text-transform: none;
}

.typeahead__container [type=reset], .typeahead__container [type=submit], .typeahead__container button, .typeahead__container html [type=button] {
  -webkit-appearance: button;
}

.typeahead__container [type=button]::-moz-focus-inner, .typeahead__container [type=reset]::-moz-focus-inner, .typeahead__container [type=submit]::-moz-focus-inner, .typeahead__container button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.typeahead__container [type=button]:-moz-focusring, .typeahead__container [type=reset]:-moz-focusring, .typeahead__container [type=submit]:-moz-focusring, .typeahead__container button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.typeahead__container fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

.typeahead__container legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

.typeahead__container textarea {
  overflow: auto;
}

.typeahead__container [type=checkbox], .typeahead__container [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.typeahead__container [type=number]::-webkit-inner-spin-button, .typeahead__container [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.typeahead__container [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

.typeahead__container [type=search]::-webkit-search-cancel-button, .typeahead__container [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.typeahead__container ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

.typeahead__container ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.typeahead__container {
  position: relative;
  font: 1rem Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
}

.typeahead__container * {
  box-sizing: border-box;
  outline: 0;
}

.typeahead__query {
  position: relative;
  z-index: 2;
  width: 100%;
}

.typeahead__filter {
  position: relative;
}

.typeahead__filter button {
  min-width: 100%;
  white-space: nowrap;
}

.typeahead__filter button:after {
  display: inline-block;
  margin-left: 4px;
  width: 0;
  height: 0;
  vertical-align: -2px;
  content: "";
  border: 4px solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.typeahead__field {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}

.typeahead__button button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.typeahead__field {
  color: #555;
}

.typeahead__field .typeahead__hint, .typeahead__field [contenteditable], .typeahead__field input, .typeahead__field textarea {
  display: block;
  width: 100%;
  line-height: 1.25;
  min-height: calc(.5rem * 2 + 1.25rem + 2px);
  padding: .5rem .75rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px 0 0 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.typeahead__field .typeahead__hint:active, .typeahead__field .typeahead__hint:focus, .typeahead__field [contenteditable]:active, .typeahead__field [contenteditable]:focus, .typeahead__field input:active, .typeahead__field input:focus, .typeahead__field textarea:active, .typeahead__field textarea:focus {
  border-color: #66afe9;
}

.typeahead__field input[type=search], .typeahead__field input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.typeahead__field input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.typeahead__container.hint .typeahead__field [contenteditable], .typeahead__container.hint .typeahead__field input, .typeahead__container.hint .typeahead__field textarea {
  background: transparent;
}

.typeahead__container.hint .typeahead__query > :last-child, .typeahead__hint {
  background: #fff;
}

.typeahead__container button {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  line-height: 1.25;
  padding: .5rem .75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #555;
}

.typeahead__container button:focus, .typeahead__container button:hover {
  color: #3c3c3c;
  background-color: #f5f5f5;
  border-color: #b3b3b3;
}

.typeahead__container button.active, .typeahead__container button:active {
  background-image: none;
}

.typeahead__container button:active, .typeahead__container button:focus {
  border-color: #66afe9;
}

.typeahead__container button.disabled, .typeahead__container button[disabled], .typeahead__container input.disabled, .typeahead__container input[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  box-shadow: none;
  background-color: #fff;
  border-color: #ccc;
}

.typeahead__container .typeahead__field .typeahead__hint, .typeahead__container .typeahead__field .typeahead__label-container, .typeahead__container .typeahead__field [contenteditable], .typeahead__container .typeahead__field input, .typeahead__container .typeahead__field textarea {
  padding-right: 32px;
}

.typeahead__button, .typeahead__filter {
  z-index: 1;
}

.typeahead__button button, .typeahead__filter button {
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.typeahead__button:active, .typeahead__button:active button:active, .typeahead__button:active button:focus, .typeahead__button:focus, .typeahead__button:focus button:active, .typeahead__button:focus button:focus, .typeahead__button:hover, .typeahead__button:hover button:active, .typeahead__button:hover button:focus, .typeahead__filter:active, .typeahead__filter:active button:active, .typeahead__filter:active button:focus, .typeahead__filter:focus, .typeahead__filter:focus button:active, .typeahead__filter:focus button:focus, .typeahead__filter:hover, .typeahead__filter:hover button:active, .typeahead__filter:hover button:focus {
  z-index: 5;
}

.typeahead__filter + .typeahead__button button {
  margin-left: -2px;
}

.typeahead__container.filter .typeahead__filter {
  z-index: 5;
}

.typeahead__dropdown, .typeahead__list {
  position: absolute;
  left: 0;
  z-index: 4;
  width: 100%;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-clip: padding-box;
}

.typeahead__result.detached .typeahead__list {
  position: relative;
  z-index: 6;
  top: auto;
  left: auto;
}

.typeahead__dropdown {
  right: 0;
  left: auto;
  z-index: 5;
}

.typeahead__list > li {
  position: relative;
  border-top: 1px solid #ccc;
}

.typeahead__list > li:first-child {
  border-top: none;
}

.typeahead__dropdown .typeahead__dropdown-item[disabled] > a, .typeahead__list .typeahead__item[disabled] > a {
  cursor: not-allowed;
  color: #bababa;
  background-color: #fafafa;
}

.typeahead__dropdown .typeahead__dropdown-item > a, .typeahead__list .typeahead__item > a {
  display: block;
  padding: .5rem .75rem;
  clear: both;
  color: #333;
  text-decoration: none;
}

.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a, .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus, .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover, .typeahead__list .typeahead__item:not([disabled]).active > a, .typeahead__list .typeahead__item:not([disabled]) > a:focus, .typeahead__list .typeahead__item:not([disabled]) > a:hover {
  background-color: #f5f5f5;
  color: #3c3c3c;
}

.typeahead__list.empty > li {
  padding: .5rem .75rem;
  color: #333;
}

.typeahead__list > .typeahead__group {
  border-color: #bfdef6;
  font-weight: 700;
}

.typeahead__list > .typeahead__group:first-child {
  border-top: 1px solid #bfdef6;
}

.typeahead__list > .typeahead__group.active > a, .typeahead__list > .typeahead__group > a, .typeahead__list > .typeahead__group > a:focus, .typeahead__list > .typeahead__group > a:hover {
  cursor: default;
  color: #17639f;
  background: #ecf5fc;
  display: block;
  padding: .5rem .75rem;
  clear: both;
  text-decoration: none;
}

.typeahead__list > li.typeahead__group + li.typeahead__item {
  border-color: #bfdef6;
}

.typeahead__container.backdrop + .typeahead__backdrop, .typeahead__container.filter .typeahead__dropdown, .typeahead__container.hint .typeahead__hint, .typeahead__container.result .typeahead__list {
  display: block !important;
}

.typeahead__container + .typeahead__backdrop, .typeahead__container .typeahead__dropdown, .typeahead__container .typeahead__hint, .typeahead__container .typeahead__list {
  display: none !important;
}

.typeahead__dropdown li:last-child {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
}

.typeahead__cancel-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 0;
  cursor: pointer;
  line-height: 1.25;
  padding: .5rem .75rem;
  visibility: hidden;
}

.typeahead__label .typeahead__cancel-button {
  visibility: visible;
  right: 4px;
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button, .typeahead__label .typeahead__cancel-button {
  visibility: visible;
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover, .typeahead__label .typeahead__cancel-button:hover {
  color: #d0021b;
}

.typeahead__search-icon {
  padding: 0 1.25rem;
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll 50% transparent;
}

.typeahead__container.loading .typeahead__query:after, .typeahead__container.loading .typeahead__query:before {
  transition: all 0s linear,opacity .2s ease;
  position: absolute;
  z-index: 3;
  content: "";
  top: 50%;
  right: .55em;
  margin-top: -.675rem;
  width: 1.35rem;
  height: 1.35rem;
  box-sizing: border-box;
  border-radius: 500rem;
  border-style: solid;
  border-width: .1em;
}

.typeahead__container.loading .typeahead__query:before {
  border-color: rgba(0, 0, 0, 0.35);
}

.typeahead__container.loading .typeahead__query:after {
  animation: a .6s linear;
  animation-iteration-count: infinite;
  border-color: #fff transparent transparent;
  box-shadow: 0 0 0 1px transparent;
}

@keyframes a {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

.typeahead__label-container {
  list-style: none;
  position: absolute;
  padding-top: 0.375rem;
  padding-left: 6px;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
}

.typeahead__label {
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  position: relative;
  background: #ecf5fc;
  border: 1px solid #c2e0ff;
  padding-left: 4px;
  border-radius: 2px;
  margin-right: 4px;
  margin-bottom: 0.375rem;
}

.typeahead__label > * {
  -ms-flex-item-align: center;
  align-self: center;
}

.typeahead__label .typeahead__cancel-button {
  line-height: normal;
  height: auto;
  position: static;
  padding: calc(1rem * .25 - 1px) 6px calc(1rem * .25 + 1px);
  margin-left: 4px;
  font-size: 0.875rem;
  border-left: 1px solid #c2e0ff;
}

.typeahead__label .typeahead__cancel-button:hover {
  background-color: #d5e9f9;
}