/* All Templates */
.csk-map-locations {
  margin-bottom: 2em;
}

.csk-map-locations .location-map {
  position: relative;
  margin: 1em 0 2em 0;
  border: 1px solid #cccccc;
}

.csk-map-locations .location-map:before {
  content: '';
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.csk-map-locations .location-map .marker {
  height: 0;
  overflow: hidden;
}

.csk-map-locations .location-search {
  padding: 1.5em 1em;
  margin: 1em 0 2em 0;
  background-color: #ebebeb;
}

.csk-map-locations .location-search label {
  display: inline-block;
  min-width: 200px;
}

.csk-map-locations .location-search input {
  display: inline-block;
}

.csk-map-locations .location-search .search-field, .csk-map-locations .location-search .category-field {
  margin-bottom: 1em;
}

.csk-map-locations .location-search .submit-button {
  margin-top: 1.5em;
}

.csk-map-locations .location-address {
  margin: 1em 0;
}

.csk-map-locations .location-address .address-1:after, .csk-map-locations .location-address .address-2:after {
  content: '';
  display: block;
}

.csk-map-locations .location-address .city:after {
  content: ',';
}

.csk-map-locations .location-information {
  margin: 1em 0;
}

.csk-map-locations .location-contacts {
  margin: 1em 0 2em 0;
}

.csk-map-locations .contact-information ul {
  padding: 0;
  list-style-type: none;
}

.csk-map-locations .contact-information ul li {
  padding: 0;
  margin: 0;
}

.csk-map-locations .contact-information .label {
  display: inline-block;
  min-width: 70px;
}

.csk-map-locations .contact-information .website {
  margin-top: 0.5em;
}

.csk-map-locations .read-more {
  margin: 0.5em 0 1em 0;
  clear: both;
}

.csk-map-locations .accordion-title {
  position: relative;
  padding: 0.5em 1em;
  margin: 0 0 0.5em 0;
  background-color: #ebebeb;
  cursor: pointer;
}

.csk-map-locations .accordion-content {
  padding: 1em;
  overflow: hidden;
}

/* Single Location Template */
.csk-map-locations.single-location-template .map-column:after, .csk-map-locations.single-location-template .location-column:after, .csk-map-locations.single-location-template .contacts-column:after {
  content: '';
  display: table;
  clear: both;
}

.csk-map-locations.single-location-template .contacts-column {
  border-top: 1px solid #cccccc;
}

@media (min-width: 769px) {
  .csk-map-locations.single-location-template .map-column {
    width: 60%;
    float: right;
  }
  .csk-map-locations.single-location-template .location-column {
    width: 40%;
    padding-right: 1.5em;
    float: left;
  }
  .csk-map-locations.single-location-template .contacts-column {
    clear: both;
  }
  .csk-map-locations.single-location-template .contacts-column .location-contacts .contact {
    width: 33.333333%;
    float: left;
  }
}

@media (min-width: 520px) and (max-width: 768px) {
  .csk-map-locations.single-location-template .location-column .location-address, .csk-map-locations.single-location-template .location-column .location-information {
    width: 240px;
    min-width: 50%;
    float: left;
  }
  .csk-map-locations.single-location-template .contacts-column .location-contacts .contact {
    width: 240px;
    min-width: 50%;
    float: left;
  }
}

/* Multiple Locations Template */
.csk-map-locations.multiple-locations-template .location-title h2 {
  margin: 0;
}

.csk-map-locations.multiple-locations-template .location-address, .csk-map-locations.multiple-locations-template .location-information, .csk-map-locations.multiple-locations-template .location-contacts {
  margin: 0;
}

.csk-map-locations.multiple-locations-template .content-column:before, .csk-map-locations.multiple-locations-template .location-column:before, .csk-map-locations.multiple-locations-template .contacts-column:before {
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 769px) {
  .csk-map-locations.multiple-locations-template .location-column, .csk-map-locations.multiple-locations-template .contacts-column {
    width: 50%;
    float: left;
  }
}

@media (min-width: 520px) and (max-width: 768px) {
  .csk-map-locations.multiple-locations-template .location-column .location-address, .csk-map-locations.multiple-locations-template .location-column .location-information {
    width: 240px;
    min-width: 50%;
    float: left;
  }
}

@media (max-width: 768px) {
  .csk-map-locations.multiple-locations-template .contacts-column {
    display: none;
  }
}