/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .catsplugins-table-wrapper {
  margin: 0 auto;
  /*padding: 40px;*/
  /*max-width: 800px;*/
}

.catsplugins-table {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
.catsplugins_field_item_label{display: block;}
.catsplugins_field_gallery_item{width: 25%; padding: 10px; float: left;}
.catsplugins_field_gallery_item img{max-width: 100%;}
.catsplugins_field_color span{padding: 3px 11px; border-radius: 50%;margin-right: 4px;}
.catsplugins_field_item{margin-bottom: 10px;}
.catsplugins-table-repeater-wapper .catsplugins_field_gallery_item{width: auto;float: none;}
.clear{clear: both;}
/* Maps ACF */
.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}
@media screen and (max-width: 580px) {
  .catsplugins-table {
    display: block;
  }
}

.catsplugins-table-row {
  display: table-row;
  background: #f6f6f6;
}
.catsplugins-table-row:nth-of-type(odd) {
  background: #e9e9e9;
}
.catsplugins-table-row.header {
  font-weight: 900;
  color: #ffffff;
  background: #ea6153;
}
.catsplugins-table-row.green {
  background: #27ae60;
}
.catsplugins-table-row.blue {
  background: #2980b9;
}
@media screen and (max-width: 580px) {
  .catsplugins-table-row {
    padding: 8px 0;
    display: block;
  }
}

.catsplugins-table-cell {
  padding: 6px 12px;
  display: table-cell;
}
@media screen and (max-width: 580px) {
  .catsplugins-table- {
    padding: 2px 12px;
    display: block;
  }
}