#main a#skip-to-zip-code-search {
  color: #fff;
  left: 33%;
  transform: translateX(-33%);
}

.block-esc-regions-zipcode-search-block .content {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 40px;
}

.block-esc-regions-zipcode-search-block .content .region-search-contacts-results {
  /* flex: 1 0 346px; */
  width: 100%;
}
/* .esc-regions-zipcode-search {
  display: flex;
} */
.esc-regions-zipcode-search .form-item-zip-code {
  flex: 1;
}
.block-esc-regions-zipcode-search-block .form-item-zip-code {
  border: none;
  padding: 0;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  form
  label {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0;
}
.esc-regions-zipcode-search .form-item-zip-code #edit-zip-code {
  margin: 0;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
}
#edit-zip-code::-webkit-inner-spin-button,
#edit-zip-code::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  form
  #edit-actions--esc-zipcode-search {
  display: flex;
  padding-top: 0;
  margin-bottom: 2rem;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  form
  #edit-actions--esc-zipcode-search
  input {
  margin: 0 0.2em;
  width: auto;
  padding: 0 12px;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  form
  #edit-actions--esc-zipcode-search
  #edit-submit:focus {
  color: #fff;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  form
  #edit-actions--esc-zipcode-search
  #edit-reset {
  color: #333;
  background-color: #eee;
  border: unset;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  #regionContacts {
  display: none;
  background: #eee;
  padding: 20px;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  #regionContacts
  .region-search-contacts-results-heading {
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 1.25em;
  text-transform: uppercase;
}

/* .block-esc-regions-zipcode-search-block .content .region-search-contacts-results #regionContacts .region-contact {
  margin: 20px 0;
} */
.block-esc-regions-zipcode-search-block
  .content
  .region-contact
  .field--name-title {
  font-size: 1rem;
  font-weight: 600;
}
.block-esc-regions-zipcode-search-block .views-row h3 {
  margin-bottom: 0;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  #regionContacts
  > div
  .contact-details {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
}

/* .block-esc-regions-zipcode-search-block .content .region-search-contacts-results #regionContacts > div .contact-details div:first-child {
  margin-right: 20px;
} */

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  #regionContacts
  > div
  .contact-details
  .field {
  color: #fff;
  background-color: #012169;
  padding: 0 10px;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  #regionContacts
  > div
  .contact-details
  a {
  color: #fff;
  text-decoration: none;
}

.block-esc-regions-zipcode-search-block
  .content
  .region-search-contacts-results
  #regionContacts
  > div
  .contact-details
  a:before {
    content: url('../images/mail-envelope.svg');
    /* width: 1em; */
    /* height: 1em; */
    vertical-align: middle;
    display: inline-block;
    line-height: 1.2em;
    margin-right: 8px;
  }

.block-esc-regions-zipcode-search-block .content svg {
  /* flex: 1 0 318px; */
  margin-bottom: 5%;
  width: 100%;
}

.block-esc-regions-zipcode-search-block .content .views-element-container {
  margin: 40px 0;
  padding-top: 40px;
  border-top: 1px solid #eee;
  flex: 1 0 100%;
}

.block-esc-regions-zipcode-search-block
  .content
  .views-element-container
  .view-content {
  display: flex;
  flex-wrap: wrap;
}

.block-esc-regions-zipcode-search-block
  .content
  .views-element-container
  .view-content
  .views-row {
  margin-bottom: 20px;
  width: 100%;
}

/** Small devices (landscape phones, 576px and up) **/
/* @media (min-width: 576px) {
  .block-esc-regions-zipcode-search-block .content svg {
    flex: 1 0 46%;
    margin-right: 4%;
  }
  .block-esc-regions-zipcode-search-block .content .region-search-contacts-results {
    flex: 1 0 50%;
  }
  .esc-regions-zipcode-search .form-item-zip-code {
    width: 100%;
  }
} */

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) {
  .block-esc-regions-zipcode-search-block
    .content
    .views-element-container
    .view-content {
    margin-left: -2%;
  }
  .block-esc-regions-zipcode-search-block
    .content
    .views-element-container
    .view-content
    .views-row {
    width: 31.33%;
    padding-left: 2%;
  }
}

/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) {
  .block-esc-regions-zipcode-search-block .content svg {
    width: 50%;
    margin-right: 5%;
  }
  .block-esc-regions-zipcode-search-block .content .region-search-contacts-results {
    width: 45%;
  }
}


/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {
}
