@charset "UTF-8";
.filter {
  padding: 15px;
  background-color: #dee0e2;
}

.filter h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.filter .form-group {
  float: none;
  margin-bottom: 0;
}

.filter .form-group,
.filter .form-control,
.filter .form-control-reset,
.filter .form-label {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
}

@media (min-width: 641px) {
  .filter .form-group,
  .filter .form-control,
  .filter .form-control-reset,
  .filter .form-label {
    font-size: 16px;
    line-height: 1.25;
  }
}

.filter .form-control-location {
  width: 226px;
  background-color: #fff;
}

.button-filter-search {
  text-indent: -5000px;
  background: #00823b url("/public/images/icon-search-2x.png") center center no-repeat;
  background-size: 50%;
  width: 40px;
  font-size: 16px;
  line-height: 1.25;
  padding: 7px 4px 5px;
}

.filter .form-control-reset {
  margin-top: 0.5em;
  display: inline-block;
  white-space: nowrap;
}

.map {
  padding-top: 15px;
}

@media (min-width: 641px) {
  .map {
    padding-top: 0;
    padding-bottom: 15px;
  }
}

.map figcaption {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
  margin-top: 0.5em;
}

@media (min-width: 641px) {
  .map figcaption {
    font-size: 16px;
    line-height: 1.25;
  }
}

.map-container {
  position: relative;
  height: 463px;
  border: 1px solid #bfc1c3;
}

.map-container-small {
  height: 275px;
}

.map-container-full {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  border: none;
}

.accordion {
  border-top: 1px solid #bfc1c3;
}

.subsection {
  border-bottom: 1px solid #bfc1c3;
}

.subsection-header {
  display: block;
  position: relative;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}

a.subsection-header .bold-medium {
  padding-right: 30px;
}

.subsection-content {
  padding-bottom: 0.5em;
}

a.subsection-header {
  display: block;
  color: #0b0c0c;
  text-decoration: none;
}

a.subsection-header:hover {
  cursor: default;
  background-color: transparent;
}

a.subsection-header[active]:hover {
  cursor: pointer;
  background-color: #f8f8f8;
}

a.subsection-header:focus {
  background-color: white;
  color: #0b0c0c;
  border: 0;
  outline: 0;
  z-index: 1;
}

a.subsection-header[active]:focus .bold-medium,
a.subsection-header[active]:focus .font-small {
  background-color: #ffbf47;
}

.icon-subsection {
  position: absolute;
  right: 15px;
  top: 50%;
  height: 16px;
  width: 16px;
  margin-top: -8px;
}

.js-subsection-accordion .subsection-header[active] .icon-subsection {
  background: transparent url("/public/images/icons-plus-minus.png") bottom center no-repeat;
  background-size: 100%;
}

.js-subsection-accordion.subsection-open .subsection-header[active] .icon-subsection {
  background-position: top center;
}

.list-warnings {
  margin: 0;
}

.list-warnings li {
  margin-top: 0;
  margin-bottom: 0.6em;
}

.map-container {
  background-color: #e2e4e5;
}

.map-container .ol-control.ol-full-screen button {
  background-image: url("/public/images/full-screen.png");
  background-position: 7px 6px;
  background-repeat: no-repeat;
}

.map-container.map-enlarge {
  background: #fff;
  position: fixed !important;
  margin: 0;
  padding-top: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.map-container.map-enlarge .map {
  height: 100%;
}

.map-container.map-enlarge .ol-control.ol-full-screen button {
  line-height: 1.5;
  background-image: none;
}

.map-container.map-enlarge .ol-control.ol-full-screen button:after {
  content: '×';
}

.map-controls {
  padding: 10px 0;
}

@media (max-width: 800px) {
  .map-controls form {
    width: 100%;
  }
}

.map-controls .form-label {
  float: left;
  padding-right: 15px;
  padding-top: 7px;
}

@media (max-width: 525px) {
  .map-controls .form-label {
    display: none;
  }
}

.map-controls input {
  float: left;
  width: 50%;
}

@media (max-width: 800px) {
  .map-controls input {
    margin: auto;
    width: 70%;
  }
}

@media (max-width: 525px) {
  .map-controls input {
    width: 80%;
  }
}

@media (max-width: 400px) {
  .map-controls input {
    width: 70%;
  }
}

@media (max-width: 280px) {
  .map-controls input {
    width: 60%;
  }
}

.map-controls .button {
  float: left;
  margin: 0;
  width: 48px;
  height: 36px;
}

@media (max-width: 640px) {
  .map-controls .button {
    width: 40px;
    height: 31px;
  }
}

.notice:after {
  content: "";
  display: block;
  clear: both;
}

main {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 641px) {
  main {
    font-size: 19px;
    line-height: 1.31579;
  }
}

.font-xxlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 53px;
  line-height: 1.03774;
}

@media (min-width: 641px) {
  .font-xxlarge {
    font-size: 80px;
    line-height: 1;
  }
}

.font-xlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375;
}

@media (min-width: 641px) {
  .font-xlarge {
    font-size: 48px;
    line-height: 1.04167;
  }
}

.font-large {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167;
}

@media (min-width: 641px) {
  .font-large {
    font-size: 36px;
    line-height: 1.11111;
  }
}

.font-medium {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
}

@media (min-width: 641px) {
  .font-medium {
    font-size: 24px;
    line-height: 1.25;
  }
}

.font-small {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
}

@media (min-width: 641px) {
  .font-small {
    font-size: 19px;
    line-height: 1.31579;
  }
}

.font-xsmall {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
}

@media (min-width: 641px) {
  .font-xsmall {
    font-size: 16px;
    line-height: 1.25;
  }
}

.bold-xxlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 53px;
  line-height: 1.03774;
}

@media (min-width: 641px) {
  .bold-xxlarge {
    font-size: 80px;
    line-height: 1;
  }
}

.bold-xlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375;
}

@media (min-width: 641px) {
  .bold-xlarge {
    font-size: 48px;
    line-height: 1.04167;
  }
}

.bold-large {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167;
}

@media (min-width: 641px) {
  .bold-large {
    font-size: 36px;
    line-height: 1.11111;
  }
}

.bold-medium {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
}

@media (min-width: 641px) {
  .bold-medium {
    font-size: 24px;
    line-height: 1.25;
  }
}

.bold-small {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
}

@media (min-width: 641px) {
  .bold-small {
    font-size: 19px;
    line-height: 1.31579;
  }
}

.bold-xsmall {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
}

@media (min-width: 641px) {
  .bold-xsmall {
    font-size: 16px;
    line-height: 1.25;
  }
}

.bold {
  font-weight: 700;
}

.heading-xlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375;
  display: block;
  margin-top: em(15, 32);
  margin-bottom: em(30, 32);
}

@media (min-width: 641px) {
  .heading-xlarge {
    font-size: 48px;
    line-height: 1.04167;
  }
}

@media (min-width: 641px) {
  .heading-xlarge {
    margin-top: em(30, 48);
    margin-bottom: em(60, 48);
  }
}

.heading-xlarge .heading-secondary, .heading-xlarge .heading-secondary-notice {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 20px;
  line-height: 1.11111;
  display: block;
  padding-top: 8px;
  padding-bottom: 7px;
  display: block;
  color: #6f777b;
}

@media (min-width: 641px) {
  .heading-xlarge .heading-secondary, .heading-xlarge .heading-secondary-notice {
    font-size: 27px;
    line-height: 1.11111;
  }
}

@media (min-width: 641px) {
  .heading-xlarge .heading-secondary, .heading-xlarge .heading-secondary-notice {
    padding-top: 4px;
    padding-bottom: 6px;
  }
}

.heading-large {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167;
  display: block;
  margin-top: em(25, 24);
  margin-bottom: em(10, 24);
}

@media (min-width: 641px) {
  .heading-large {
    font-size: 36px;
    line-height: 1.11111;
  }
}

@media (min-width: 641px) {
  .heading-large {
    margin-top: em(45, 36);
    margin-bottom: em(20, 36);
  }
}

.heading-large .heading-secondary, .heading-large .heading-secondary-notice {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  display: block;
  padding-top: 9px;
  padding-bottom: 6px;
  display: block;
  color: #6f777b;
}

@media (min-width: 641px) {
  .heading-large .heading-secondary, .heading-large .heading-secondary-notice {
    font-size: 24px;
    line-height: 1.25;
  }
}

@media (min-width: 641px) {
  .heading-large .heading-secondary, .heading-large .heading-secondary-notice {
    padding-top: 6px;
    padding-bottom: 4px;
  }
}

.heading-medium {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  display: block;
  margin-top: em(25, 20);
  margin-bottom: em(10, 20);
}

@media (min-width: 641px) {
  .heading-medium {
    font-size: 24px;
    line-height: 1.25;
  }
}

@media (min-width: 641px) {
  .heading-medium {
    margin-top: em(45, 24);
    margin-bottom: em(20, 24);
  }
}

.heading-small {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  display: block;
  margin-top: em(10, 16);
  margin-bottom: em(5, 16);
}

@media (min-width: 641px) {
  .heading-small {
    font-size: 19px;
    line-height: 1.31579;
  }
}

@media (min-width: 641px) {
  .heading-small {
    margin-top: em(20, 19);
  }
}

p,
.body-text {
  margin-top: em(5, 16);
  margin-bottom: em(20, 16);
}

@media (min-width: 641px) {
  p,
  .body-text {
    margin-top: em(5);
    margin-bottom: em(20);
  }
}

.body-text {
  display: block;
}

.lede {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
}

@media (min-width: 641px) {
  .lede {
    font-size: 24px;
    line-height: 1.25;
  }
}

.text {
  max-width: 30em;
}

.text-secondary {
  color: #6f777b;
}

.link {
  color: #005ea5;
  text-decoration: underline;
}

.link:visited {
  color: #4c2c92;
}

.link:hover {
  color: #2b8cc4;
}

.link:active {
  color: #005ea5;
}

.link-back {
  display: -moz-inline-stack;
  display: inline-block;
  position: relative;
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 14px;
  color: #0b0c0c;
  text-decoration: none;
  border-bottom: 1px solid #0b0c0c;
}

@media (min-width: 641px) {
  .link-back {
    font-size: 16px;
    line-height: 1.25;
  }
}

.link-back:link, .link-back:visited, .link-back:hover,
.link-back a.link-back:focus, .link-back:active {
  color: #0b0c0c;
}

.link-back::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 6px solid #0b0c0c;
  border-bottom: 5px solid transparent;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}

.code {
  color: #0b0c0c;
  background-color: #f8f8f8;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 14px;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  border: 1px solid #bfc1c3;
  padding: 4px 4px 2px;
}

hr {
  display: block;
  background: #bfc1c3;
  border: 0;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0;
}

.notice {
  position: relative;
}

.notice .icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -17px;
}

.notice strong {
  display: block;
  padding-left: 65px;
  margin-left: -15px;
}

.data {
  margin-top: em(5, 16);
  margin-bottom: em(20, 16);
}

@media (min-width: 641px) {
  .data {
    margin-top: em(5, 19);
    margin-bottom: em(20, 19);
  }
}

.data-item {
  display: block;
  line-height: 1;
}

.notice-warnings strong {
  margin: 0;
  padding: 0;
  display: block;
}

.notice-warnings p {
  margin-bottom: 0.5em;
}

.notice-warnings li {
  margin-bottom: 10px;
}

.notice-warnings .notice-copy {
  padding-left: 51px;
  margin-left: -15px;
  display: inline-block;
}

@media (min-width: 641px) {
  .notice-warnings .notice-copy {
    padding-left: 56px;
  }
}

.notice-warning {
  display: block;
  margin-bottom: 0;
}

.notice-warning strong {
  line-height: 50px;
  padding-top: 0;
  padding-left: 62px;
  margin-bottom: 4px;
}

@media (min-width: 641px) {
  .notice-warning strong {
    line-height: 56px;
    padding-left: 76px;
  }
}

.notice-warning-heading {
  margin-bottom: 0.9375em;
}

@media (min-width: 641px) {
  .notice-warning-heading {
    margin-bottom: 1.25em;
  }
}

.notice-warning-heading .notice-primary {
  padding-left: 52px;
}

@media (min-width: 641px) {
  .notice-warning-heading .notice-primary {
    padding-left: 60px;
  }
}

.notice-warning-heading .icon {
  top: 0 !important;
  margin-top: -9px !important;
}

@media (min-width: 641px) {
  .notice-warning-heading .icon {
    margin-top: -6px !important;
  }
}

.heading-secondary-notice {
  position: relative;
  padding-left: 50px;
  margin-bottom: 0.75em;
}

@media (min-width: 641px) {
  .heading-secondary-notice {
    margin-bottom: 1.25em;
    padding-left: 56px;
  }
}

.heading-secondary-notice .icon {
  position: absolute;
  left: 0px;
  top: 50%;
}

.icon-flood-warning-severe-large {
  width: 50px;
  height: 50px;
  margin-top: -26px !important;
  background-image: url("/public/images/severe-flood-warnings-icon.gif");
  background-position: center center;
  background-size: 90%;
  margin-left: -2px;
}

.icon-flood-warning-large {
  width: 50px;
  height: 50px;
  margin-top: -26px !important;
  background-image: url("/public/images/flood-warnings-icon.gif");
  background-position: center center;
  background-size: 90%;
  margin-left: -2px;
}

.icon-flood-alert-large {
  width: 50px;
  height: 50px;
  margin-top: -26px !important;
  background-image: url("/public/images/flood-alerts-icon.gif");
  background-position: center center;
  background-size: 90%;
  margin-left: -2px;
}

.icon-flood-warning-expired-large {
  width: 50px;
  height: 50px;
  margin-top: -26px !important;
  background-image: url("/public/images/warnings-no-longer-in-force-icon.gif");
  background-position: center center;
  background-size: 90%;
  margin-left: -2px;
}

#warnings-page header {
  margin-bottom: 2em;
}

#warnings-page .summary-info {
  margin: 1em 0;
}