/*
  Theme Name: I Signori Del Tempo
  Author: Egloo
  Author URI: https://egloo.it
  Version: 1.0.4
*/
@import "css/reset.css";
@import "css/utilities.css";
@import "css/components.css";

body.header-space main {
  margin-top: var(--header-height);
}

body.home section.cards-swiper .rows .row.row-text .zones {
  --layout-columns-count: 11;
  grid-column: col-2 / content;
  align-items: center;
}

@media only screen and (min-width: 1180px) {
  body.home footer {
    display: grid;
    align-items: center;
  }

  body.home section.cards-swiper {
    position: relative;
  }

  body.home section.cards-swiper::after {
    content: "";
    background-color: transparent;
    top: 0;
    left: 0;
    height: 100%;
    width: 3.25rem;
    z-index: 1;
    pointer-events: none;
    position: absolute;
  }

  body.home section.cards-swiper.bg-darker-green::after {
    background-color: var(--c-darker-green);
  }

  body.home section.cards-swiper.bg-white::after {
    background-color: var(--c-white);
  }
}

@media only screen and (max-width: 1180px) {
  body.home section.cards-swiper .rows .row.row-text .zones {
    grid-column: content;
    align-items: start;
  }
}

#wpadminbar {
  display: none !important;
}

html {
  margin-top: 0 !important;
}

@media only screen and (max-width: 768px) {
  /* Changin it to grid so that I can move the activated filters on top */
  body.post-type-archive-watch main {
    display: grid;
  }

  body.post-type-archive-watch main section.hero {
    order: -2;
  }

  body.post-type-archive-watch main section.filters-active {
    order: -1;
  }
}

/* Services */
@media only screen and (max-width: 768px) {
  .overlap-down.restoration-about,
  .overlap-down.evaluation-market,
  .overlap-down.sale-collection {
    padding-bottom: 0;
  }

  .overlap-down.restoration-about::after,
  .overlap-down.evaluation-market::after,
  .overlap-down.sale-collection::after {
    height: 50%;
  }

  .overlap-down.restoration-about .zones,
  .overlap-down.evaluation-market .zones,
  .overlap-down.sale-collection .zones {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }

  .overlap-down.restoration-about .zones .zone.zone-text,
  .overlap-down.evaluation-market .zones .zone.zone-text,
  .overlap-down.sale-collection .zones .zone.zone-text {
    display: none;
  }
}