/* Eigene CSS-Angaben für WP-ImmoMakler.
Wird nach dem mitgelieferten Plugin-CSS geladen,
Sie können somit die CSS-Angaben überschreiben oder ergänzen */

/* ARCHIVE */

.immomakler .col-xs-12 {
  padding-top: 15px;
  }

.immomakler-archive > .properties > .row > .property > .property-container {
  display: grid;
  grid-template-columns: 4fr 8fr;
  grid-template-rows: 1fr;
  grid-gap: 40px;
}

@media all and (max-width: 800px) {
  .immomakler-archive > .properties > .row > .property > .property-container {
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content;
    /* grid-gap: 40px; */
  }  
}

.immomakler-archive > .properties > .row > .property > .property-container > .property-details {
  align-self: center;
}

.immomakler-custom-header {
  float: none;
}

.immomakler-archive .property-title {
  padding-bottom: 10px;
  font-weight: 300;
}

.immomakler-archive .property-subtitle {
  color: #1daa5c;
  font-weight: 300;
  font-size: 15px;
}

.immomakler-archive .property-data {
  margin-top: 30px;
}

.immomakler-archive .property-data .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.immomakler-archive .property-data .row:before,
.immomakler-archive .property-data .row:after {
  display: none;
}

.immomakler-archive .property-data .col-xs-4 {
  width: auto;
  float: none;
}

.immomakler-archive .property-data .title,
.immomakler-archive .property-data .value {
  text-align: center;
  padding: 5px;
  font-size: 16px;
  color: #969696;
}

.immomakler-archive .property-data .col-xs-4 {
  border-right: 2px solid #777;
}
.immomakler-archive .property-data .col-xs-4:last-child {
  border-right: none;
}

/* SINGLE */

.immomakler-single,
.immomakler-archive {
  padding: 50px 0;
}

.btn.btn-primary {
  background-color: #1daa5c;
  border-color: #1daa5c;
}
.btn.btn-primary:hover {
  background-color: #1daa5c;
  border-color: #1daa5c;
}
.immomakler a { color: #1daa5c; }
.property-subtitle { color: #1daa5c !important; }