/**
 * Locations Block Styles
 *
 * @package SummitHandlingSystems
 */
.summit-locations-block {
  position: relative;
  width: 100%;
  background-color: #D9D9D9;
}
.summit-locations-block__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .summit-locations-block__container {
    flex-direction: row;
  }
}
.summit-locations-block__map-wrapper {
  position: relative;
  width: 100%;
  display: none;
}
@media only screen and (min-width: 992px) {
  .summit-locations-block__map-wrapper {
    width: 50%;
    flex-shrink: 0;
    display: block;
  }
}
@media only screen and (min-width: 2000px) {
  .summit-locations-block__map-wrapper {
    width: 50%;
    max-width: unset;
  }
}
.summit-locations-block__map {
  width: 100%;
  height: 100%;
  background-color: #D9D9D9;
}
.summit-locations-block__content {
  width: 100%;
  padding: 30px 16px 50px 16px;
  background-color: #D9D9D9;
}
@media only screen and (min-width: 992px) {
  .summit-locations-block__content {
    width: 50%;
    max-width: 1080px;
    padding: 45px;
  }
}
@media only screen and (min-width: 1800px) {
  .summit-locations-block__content {
    width: auto;
    padding: 70px 50px;
  }
}
@media only screen and (min-width: 2000px) {
  .summit-locations-block__content {
    width: 50%;
    max-width: unset;
  }
}
.summit-locations-block__heading {
  margin-bottom: 30px;
}
.summit-locations-block__search {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .summit-locations-block__search {
    margin-bottom: 30px;
  }
}
.summit-locations-block__search-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 30px;
}
.summit-locations-block__search-label {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.summit-locations-block__search-label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11.1895 20.2349C9.43453 18.0411 5.51953 12.8099 5.51953 9.83986C5.51953 6.26236 8.38828 3.35986 11.9995 3.35986C15.577 3.35986 18.4795 6.26236 18.4795 9.83986C18.4795 12.8099 14.5308 18.0411 12.7758 20.2349C12.3708 20.7411 11.5945 20.7411 11.1895 20.2349ZM11.9995 11.9999C13.1808 11.9999 14.1595 11.0549 14.1595 9.83986C14.1595 8.65861 13.1808 7.67986 11.9995 7.67986C10.7845 7.67986 9.83953 8.65861 9.83953 9.83986C9.83953 11.0549 10.7845 11.9999 11.9995 11.9999Z' fill='%23E24A02'/%3e%3c/svg%3e");
}
.summit-locations-block__search-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 26px;
  padding-right: 26px;
}
@media only screen and (min-width: 576px) {
  .summit-locations-block__search-form {
    flex-direction: row;
  }
}
.summit-locations-block__search-input {
  display: block;
  padding: 5px 10px;
  font-size: 1rem;
  transition: border-color 0.3s ease;
  border: 0;
  background-color: #F5F5F5;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
  max-width: 100%;
  height: 44px;
}
@media only screen and (min-width: 992px) {
  .summit-locations-block__search-input {
    max-width: 240px;
  }
}
.summit-locations-block__search-input:focus {
  outline: none;
}
.summit-locations-block__search-input::placeholder {
  color: #999;
}
.summit-locations-block__search-button {
  padding-top: 7px;
  padding-bottom: 7px;
  justify-content: center;
}
.summit-locations-block__clear-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.summit-locations-block__search-message {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  border-radius: 4px;
}
.summit-locations-block__search-message--success {
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
}
.summit-locations-block__search-message--warning {
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
}
.summit-locations-block__search-message--error {
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}
.summit-locations-block__locations {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 768px) {
  .summit-locations-block__locations {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .summit-locations-block__locations {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.summit-locations-block__location {
  display: flex;
  transition: all 0.2s ease-in-out;
  gap: 2px;
}
.summit-locations-block__location--active h3 {
  text-decoration: underline;
  text-decoration-color: #E24A02;
}
@media only screen and (min-width: 992px) {
  .summit-locations-block__location {
    min-width: 219px;
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: 219px;
  }
}
.summit-locations-block__location-icon {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
}
.summit-locations-block__location-content {
  flex: 1;
  min-width: 0;
}
.summit-locations-block__location-name {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.summit-locations-block__location-phone, .summit-locations-block__location-address {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0 !important;
}
.summit-locations-block__location-phones {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.summit-locations-block__location-phone {
  color: #000;
  font-size: 16px;
  line-height: 28px;
}
.summit-locations-block__location-phone a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all 0.2s ease-in-out;
}
.summit-locations-block__location-phone a:hover {
  text-decoration-color: #000;
}
.summit-locations-block__location-phone-label {
  display: inline;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

/*# sourceMappingURL=locations-style.css.map */