/* Fonts */
body,
.font-body,
.heading-bottom,
.contact-powered-by,
#cn-notice-text:before,
.gallery-btn,
.flats-select-status,
.flats-table-status,
.location-map-popup .leaflet-popup-content,
.mapboxgl-popup .mapboxgl-popup-content,
.nav-brand,
.nav a,
.stats dt {
  font-family: 'Cera Pro', sans-serif;
}

body {
  line-height: 1.35;
}

h1, h2, h3,
h4, h5, h6 {
  font-family: 'Cera Pro', sans-serif;
  font-weight: 500;
}

.nav a,
.nav-language-switcher {
  font-weight: 400;
  font-size: 14px;
  color: #000;
}

/* Colors */
.nav-drawer {
  background-color: #fff;
  -webkit-box-shadow: 0 2px #867550;
  box-shadow: 0 2px #867550;
}

.nav-bar {
  background-color: #fff;
}

.btn {
  color: #000;
  background-color: #fff;
  border: 2px solid #867550;
  text-transform: uppercase;
}

.btn:hover,
.btn:focus {
  color: #fff;
  background-color: #867550;
}

.big-btn {
  background-color: #fff;
  color: #000;
  border: 2px solid #867550;
}

.big-btn:hover,
.big-btn:focus {
  background-color: #867550;
  color: #fff;
  border-color: #867550;
}

.light {
  color: rgba(0, 0, 0, 0.5);
}

.l-wb {
  color: #000;
  background-color: rgba(255, 255, 255, 0.85);
}

/* Nav */
.nav-trigger-box {
  height: 16px;
}

.nav-trigger-inner,
.nav-trigger-inner:before,
.nav-trigger-inner:after {
  height: 2px;
  background-color: currentColor;
}

.nav-brand {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.nav-trigger {
  color: #867550;
}

/* Chevrons */
.carousel-control .icon-prev {
  background-image: url(../../img/prev-dark.svg);
  background-color: rgba(255, 255, 255, 0.65);
}

.carousel-control .icon-next {
  background-image: url(../../img/next-dark.svg);
  background-color: rgba(255, 255, 255, 0.65);
}

/* Home */
.masthead {
  font-weight: 400;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  letter-spacing: 6px;
  text-align: center;
}

.home-logo svg {
  fill: #867550;
}

.template-home .item-inner {
  color: #000;
  background-color: rgba(255, 255, 255, 0.85);
}

/* Projekt */
.story {
  text-align: center;
}

.story .heading {
  margin: 32px 0;
}

.story .heading-sg {
  margin-top: 0;
}

.story .btn {
  display: inline-block;
  padding: 14px 20px;
}

@media screen and (min-width: 1200px) {
  .story-part-box {
    width: 35%;
    max-width: 750px;
    padding-left: 126px;
    padding-bottom: 48px;
  }
}

/* Flats select */
.flats-select-outer {
  background-color: rgba(255, 255, 255, 0.6);
}

.flats-select-container {
  background: none;
}

.flats-back {
  background: none;
}

.flats-box {
  background-color: rgba(255, 255, 255, 0.7);
}

.flats-select-wrapper {
  padding-top: 90px;
  padding-bottom: 48px;
}

/* .flats-select-outer .flats-select-image {
  max-height: calc(100vh - 56px - 96px);
} */

.flats-select-switch {
  top: 20px;
  right: 60px;
  left: auto;
  margin-left: 0;
  width: auto;
  line-height: 0.9;
  padding-bottom: 16px;
}

.flats-table {
  background-color: rgba(255, 255, 255, 0.75);
  border: 2px solid #aa9690;
  color: #000;
}

.flats-table-cell-status,
.flats-table-status {
  width: 100px;
}

@media (max-width: 999px) {
  .flats-table-cell-status {
    width: 100%;
  }
}

.flats-table-status {
  color: #fff;
  vertical-align: text-bottom;
}

.flats-table-status-available { background-color: #aa9690; }
.flats-table-status-sold { background-color: #800015; }
.flats-table-status-reserved { background-color: #8c8c8c; }

.flats-table .flats-table-headings {
  padding: 6px 0;
  background-color: #fff;
  border: 0;
}

.flats-table-row:not(.flats-table-headings) {
  line-height: 32px;
}

.flats-table-row:hover,
.flats-table-row:focus {
  background-color: #fff;
}

@supports (display: grid) {
  @media (min-width: 1001px) {
    .flats-table-row:hover .flats-table-cell,
    .flats-table-row:focus .flats-table-cell {
      background-color: #fff;
  }
}

.template-flats .flats-wrapper-floor .item-inner {
  /* margin-top: 0;
  margin-bottom: 0; */
  margin-top: 90px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flats-floor-select .flats-select-image {
  /*max-height: calc(100vh - 338px);*/
  /* min-height: 450px; */
  /* max-height: calc(100vh - 438px); */
}

.flats-back-text {
  position: absolute;
  top: 20px;
  right: 60px;
  height: auto;
  padding: 14px 20px;
  line-height: inherit;
  color: #000;
  background-color: #fff;
  border: 2px solid #867550;
  text-transform: uppercase;
  z-index: 200;
}

.flats-back-text svg {
  fill: currentColor;
  -webkit-transition: -webkit-transform .15s ease;
  transition: -webkit-transform .15s ease;
  transition: transform .15s ease;
  transition: transform .15s ease, -webkit-transform .15s ease;
}

.flats-back:hover .flats-back-text,
.flats-back:focus .flats-back-text {
  background-color: #867550;
  color: #fff;
}

.flats-back:hover .flats-back-text svg,
.flats-back:focus .flats-back-text svg {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

.flats-floor .flats-floor-content {
  padding-right: 64px;
  padding-left: 64px;
  text-align: center;
}

.flats-floor .flats-floor-select {
  margin: 0;
}

.flats-floor-select-wrapper {
  margin-bottom: 24px;
}

.flats-floor-top {
  margin-bottom: 10px;
}

.flats-floor-top:last-child {
  margin-bottom: 0;
}

.flats-floor-top a {
  background-color: #fff;
  color: #000;
  border: 2px solid #867550;
}

.flats-floor-top:last-child a {
  border-bottom: 2px solid #867550;
}

.flats-floor-top span {
  font-style: italic;
}

.flats-floor-tops-display {
  display: block;
  /* flex-wrap: wrap; */
  /* justify-content: center; */
  margin: 0 -10px;
}

.flats-floor-tops-display .flats-floor-top {
  margin: 10px auto;
  width: 50%;
  min-width: 495px;
}

.flats-floor-tops-display .flats-floor-top a {
  padding: 14px 24px;
}

/* .flats-floor-tops-display .flats-floor-top:last-child:nth-child(odd) {
  width: 100%;
} */

.flats-floor-tops-display .flats-floor-top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.flats-floor-tops-display .flats-floor-top.active a {
  background-color: #867550;
  color: #fff;
}

.flats-floor-tops-display h2 {
  padding-bottom: 28px;
  width: 120px;
  text-align: left;
}

.flats-floor-tops-display span {
  position: absolute;
  bottom: 14px;
  margin: 0;
}

.flats-floor-tops-display .stats-row {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto !important;
}

.flats-floor-tops-display .stats {
  padding: 0;
}

.flats-floor-tops-display dd {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

/* Flat */
.flat-cats {
  padding-right: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flat-btn {
  width: 100%;
  background-color: #fff;
  color: #000;
  border-color: #867550;
}

.flat-btn + .flat-btn {
  margin-top: 10px;
}

.flat-btn:hover,
.flat-btn:focus {
  background-color: #867550;
  color: #fff;
  border-color: #867550;
}

.flat-btn svg {
  display: block;
  fill: currentColor;
}

.flats-wrapper .item-inner {
  /* margin-top: 0;
  margin-bottom: 0; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flats-wrapper-flat .item-inner {
  margin-top: 92px;
}

.flat-header-top,
.flat-details {
  display: block;
}

.flat-details {
  margin-top: 15px;
}

.flat-details .stats {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-align: left;
}

.flat-details .stats:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.flat-details .stats dt {
  margin-bottom: 0;
  line-height: 1.35;
}

.flat-details .stats dd {
  line-height: 1.35;
}

.flat-details .stats + .stats {
  margin-top: 10px;
  margin-left: 0;
}

.flat-details .stats .flat-commission {
  width: 100%;
}

.flat-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 24px;
}

.flats-wrapper .flats-box {
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.flat-plan .fluid-img {
  /* max-height: calc(100vh - 56px - 271px); */
  max-height: calc(100vh - 56px);
}

/* One big box */
.flats-condensed .flats-wrapper-flat .item-inner {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 48px 15%;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.flats-condensed .flats-wrapper-flat .flats-box {
  padding: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flats-condensed .flat-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flats-condensed .flat-content {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
}

@media (min-width: 768px) {
  .flats-condensed .flats-wrapper-flat .item-inner {
    padding: 48px 128px;
  }
}

.flat-btn {
  margin-right: 0;
}

@media (min-width: 1200px) {
  .flat-btn {
    margin-right: 16px;
  }

  .flat-meta {
    width: 320px;
    min-width: 320px;
    margin-bottom: 0;
  }

  .flats-condensed .flat-meta {
    margin-bottom: 0;
  }

  .flats-condensed .flat-content {
    margin-left: 48px;
  }
}

@media (min-width: 1400px) {
  .flats-condensed .flats-wrapper-flat .item-inner {
    padding: 48px;
  }
}

/* Gallery */
.gallery-btn-wrap .gallery-btn {
  background: #fff;
  color: #000;
  border: 2px solid #867550;
  font-weight: 400;
}

.gallery-body .heading:not(.heading-sg) {
  padding-top: 48px;
}

@media (max-height: 800px) {
  .gallery-body .heading-sg {
    background: none;
    padding-top: 32px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1200px) {
  .gallery-body {
    max-width: 600px;
    padding-right: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .gallery-body .heading:not(.heading-sg) {
    padding-top: 0;
  }
}

/* Location */
.location-body {
  background: none;
}

@media (min-width: 600px) {
  .location-body {
    padding: 48px 20%;
  }
}

.location-box {
  width: 100%;
  max-width: 800px;
  margin-bottom: 48px;
  padding: 32px 48px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.975);
}

.location-box .heading-sg {
  padding-top: 150px;
  background-position: 50% -50px;
}

.mapboxgl-popup-content {
  background: #fff !important;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  border-bottom-color: #fff !important;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: #fff !important;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-right-color: #fff !important;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: #fff !important;
}

.location-map-popup .leaflet-popup-content-wrapper {
  background-color: #fff;
}

.location-map-popup .leaflet-popup-tip {
  border-top-color: #fff;
}

.location-map-popup .leaflet-popup-content,
.mapboxgl-popup .mapboxgl-popup-content {
  color: #000;
}

.location-map-popup svg,
.mapboxgl-popup .mapboxgl-popup-content svg {
  fill: #867550;
}

.leaflet-container .big-btn.leaflet-control {
  color: #000;
}

/* Contact */
.contact-body {
  background: none;
}

.contact-form-row + .contact-form-row-static {
  margin-top: 20px;
}

.contact-form-label-static {
  margin-bottom: 10px;
  font-size: inherit;
  font-style: italic;
}

/* MQs */
@media (max-width: 768px) {
  .flats-back-text {
    right: 15%;
    left: 15%;
  }
}

@media (max-width: 1000px) {
  .flats-select-container {
    background-color: rgba(255, 255, 255, 0.6);
  }

  .flats-table {
    background: none;
    border: none;
  }

  .flats-table .flats-table-row {
    padding: 10px 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
  }

  .template-flats .flats-wrapper-floor .item-inner,
  .flats-wrapper .item-inner {
    margin-top: 100px;
  }
}

@media (max-width: 1200px) {
  .flats-floor-tops-display {
    display: none;
  }

  .flats-wrapper .item-inner {
    display: block;
  }

  .flat-details .stats {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .flat-header-top {
    margin: 0;
    padding: 0;
  }

  .flat-meta .media-body,
  .flat-meta .media-object {
    margin-left: 0;
  }

  .flat-details {
    margin-bottom: 0;
  }

  .flat-content {
    margin: 0;
  }

  .flat-cats {
    margin: 0;
  }

  .flat-btn {
    margin-left: 0;
    width: 100%;
  }
}