.masthead {
  background: #fff url(http://mississippiriverdelta.org/files/2019/01/mrd_rtc_masthead.jpg) no-repeat top center;
  background-size: cover
}
.masthead::after {
  background-color: transparent
}
.masthead h1:not(.active_headline) {
  display: none
}
@media (min-width:30em) {
  .masthead:not(.withHeadline) {
    background-position-y: -20px;
    padding: 12em
  }
}
@media (min-width:60em) {
  .masthead:not(.withHeadline) {
    padding: 14em
  }
}
@media (min-width:60em) {
  .main-content article {
    -webkit-box-flex: 0;
    flex: 0 1 100%
  }
}
.main-content + .main-content article,
.main-content .main-content article {
  padding-bottom: 20px
}
.main-content .main-content {
  width: 100%;
  display: inline-block
}
h1 {
  font-size: 3em;
  margin-bottom: 40px
}
@media (min-width:80em) {
  h1 {
    font-size: 3.7em
  }
}
article.page {
  padding-bottom: 0
}
article.page p {
  font-size: 1.2em;
  line-height: 1.4em
}
article.page p.no-break {
  display: none
}
article.page > br {
  display: none
}
@media (min-width:750px) {
  .col {
    display: inline-block;
    float: left;
    padding-right: 20px
  }
  .col + .col {
    padding-left: 20px;
    padding-right: 0;
    margin-top: 0
  }
  .col.col40 {
    width: 40%
  }
  .col.col45 {
    width: 45%
  }
  .col.col50 {
    width: 50%
  }
  .col.col55 {
    width: 55%
  }
  .col.col60 {
    width: 60%
  }
}
@media (max-width:749px) {
  .col.col45 {
    margin-top: 30px
  }
}
.center {
  text-align: center
}
.hidden {
  display: none;
  opacity: 0
}
#map {
  height: 500px;
  width: 100%;
  margin: 0
}
#map * + * {
  margin-top: 0
}
.page-template-page-no-sidebar #map {
  width: 100vw;
  margin-left: -50vw;
  left: 50%
}
.leaflet-container {
  background: #fff
}
.leaflet-popup-tip-container {
  margin-top: -1px
}
.leaflet-popup-close-button {
  margin-top: 0
}
.leaflet-popup-content-wrapper {
  padding: 10px
}
.leaflet-popup-content-wrapper li {
  list-style: none;
  margin-left: 0
}
.leaflet-popup-content h4 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #006d62
}
.leaflet-control-container .info {
  background-color: #fff;
  padding: 15px 30px;
  width: 200px
}
.mrd_rtc form {
  width: 100%;
  padding: 20px
}
.mrd_rtc form input[type=checkbox]:checked::before {
  content: ''
}
.alert-subject {
  display: none
}
.alert-body label {
  display: none
}
.alert-form div {
  margin-top: 1em
}
.alert-form div fieldset {
  margin-top: 8px
}
.alert-form.attached label {
  font-size: 12px
}
.alert-form textarea[name=body] {
  height: 200px;
  outline: 0
}
.alert-form input[type=email],
.alert-form input[type=file],
.alert-form input[type=number],
.alert-form input[type=search],
.alert-form input[type=tel],
.alert-form input[type=text],
.alert-form input[type=url],
.alert-form select,
.alert-form textarea {
  margin: 0
}
.alert-form .formError {
  width: 100%
}
.alert-bio .field:not(.field-checkbox) label {
  display: none
}
.field-first,
.field-state {
  padding-right: 5px
}
.field-last,
.field-zip {
  padding-left: 5px
}
.field-first,
.field-last,
.field-state,
.field-zip {
  width: 50%;
  float: left;
  margin: .8em 0
}
.hidden + .field-zip {
  width: 100%;
  padding-left: 0;
  margin-top: 0
}
.field-last + .field,
.field-zip + .field {
  clear: both
}
.field-checkbox label {
  text-transform: none
}
.field-checkbox input {
  width: 20px;
  height: 20px;
  margin-right: 0;
  position: relative;
  top: 5px
}
.field-checkbox input::before {
  content: none!important
}
.alert-custom-fields {
  margin-top: 8px
}
.alert-submit-button {
  text-align: center
}
.alert-submit-button input {
  width: 100%
}
.alert-custom-fields:empty {
  display: none
}
.form-error {
  color: red
}
.sharing {
  margin: 1px
}
.sharing.social-network {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px
}
.sharing.social-network .social-network-desc {
  position: relative
}
.sharing > div,
.sharing.social-network {
  box-sizing: border-box;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-size: 20px;
  height: 50px;
  line-height: 32px;
  padding: 5px 10px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: middle;
  white-space: nowrap;
  color: #fff;
  font-weight: 700
}
.sharing > div.facebook,
.sharing > div.fb,
.sharing.social-network.facebook,
.sharing.social-network.fb {
  background-color: #3b5998
}
.sharing > div.tw,
.sharing > div.twitter,
.sharing.social-network.tw,
.sharing.social-network.twitter {
  background-color: #55acee
}
.sharing > div:hover,
.sharing.social-network:hover {
  opacity: .8
}
.sharing svg {
  vertical-align: middle;
  fill: #fff
}
.sharing span {
  color: #fff
}