@charset "UTF-8";
.wa-services-button-wrapper {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-xs);
}
.wa-sorting {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.wa-sorting-block {
  background-color: var(--shade);
  padding-top: var(--space-s) !important;
  padding-bottom: var(--space-s) !important;
}
.wa-sorting-accordion {
  width: fit-content;
}
.wa-sorting-accordion .wpgb-facet button.wpgb-button {
  background-color: white;
  border: 2px solid var(--secondary);
  font-size: calc(var(--text-s)* 1.2);
  padding: var(--space-xs) var(--space-s);
  color: black;
  position: relative;
  border-radius: unset !important;
  width: fit-content !important;
}
.wa-sorting-accordion .wpgb-facet button.wpgb-button:hover {
  background-color: var(--secondary);
  color: white;
}
.wa-sorting-accordion-item {
  position: relative;
  z-index: 4;
}
.wa-sorting-accordion-item-title {
  display: flex;
  flex-direction: row !important;
  gap: var(--space-xs);
  justify-content: flex-start !important;
  transition: 0.3s all ease-in-out;
}
.wa-sorting-accordion-item-title__heading {
  color: black;
  font-weight: 400;
  font-size: var(--text-m);
}
.wa-sorting-accordion-item-title__icon {
  color: var(--secondary);
}
.wa-sorting-accordion-item-title:hover .wa-sorting-accordion-item-title__heading {
  color: var(--secondary-dark);
}
.wa-sorting-accordion-item-title:hover .wa-sorting-accordion-item-title__icon {
  color: var(--secondary-dark);
}
.wa-sorting-accordion-item-content {
  position: absolute;
  top: 80%;
  left: 0;
  background-color: var(--shade);
  padding: var(--space-s) !important;
  box-shadow: 0 8px 10px 0 var(--shade-light);
  min-width: fit-content;
}
.wa-sorting-accordion-item-content fieldset {
  margin: 0 !important;
}
.wa-sorting-accordion-item-content .wpgb-checkbox-facet {
  color: var(--secondary);
}
.wa-sorting-accordion-item-content .wpgb-checkbox-facet ul li {
  margin-top: var(--space-s);
}
.wa-sorting-accordion-item-content .wpgb-checkbox-facet ul li:first-child {
  margin-top: 0 !important;
}
.wa-sorting-accordion-item-content .wpgb-checkbox-facet .wpgb-checkbox-control {
  border-width: 1px !important;
  border-radius: 3px !important;
  border-color: var(--secondary) !important;
}
.wa-sorting-accordion-item-content .wpgb-number-label {
  min-width: 140px;
}
.wa-sorting-accordion-item-content .wpgb-number-label input::placeholder {
  color: var(--secondary);
  font-weight: 400;
}
.wa-sorting .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control {
  background: var(--secondary);
}
.wa-sorting .wpgb-facet .wpgb-number-facet .wpgb-number {
  color: var(--secondary) !important;
  font-weight: 700;
  border-radius: unset !important;
  border: unset;
  border-bottom: 1px solid var(--secondary) !important;
  width: fit-content !important;
  min-width: 140px !important;
}
.wa-sorting__reset .wpgb-facet button.wpgb-button {
  background-color: white;
  border: 2px solid var(--secondary);
  font-size: calc(var(--text-s)* 1.2);
  padding: var(--space-xs) var(--space-s);
  padding-left: var(--space-m);
  color: black;
  position: relative;
  border-radius: unset !important;
}
.wa-sorting__reset .wpgb-facet button.wpgb-button:before {
  content: "✕";
  color: var(--secondary);
  position: absolute;
  left: 10%;
}
.wa-sorting__reset .wpgb-facet button.wpgb-button:hover {
  background-color: var(--secondary);
  color: white;
}
.wa-sorting__reset .wpgb-facet button.wpgb-button:hover:before {
  color: white;
}
.wa-sorting__reset .wpgb-facet button.wpgb-apply, .wa-sorting__reset .wpgb-facet button.wpgb-reset {
  margin: 0 !important;
}
.wa-services-card {
  position: relative;
  transition: 0.3s all;
}
.wa-services-card[access="Predané"]-img-wrapper:before {
  background-color: var(--shade);
}
.wa-services-card[access="Predané"]:hover .wa-services-card-body {
  background: var(--secondary);
  box-shadow: none !important;
  color: #FFF;
}
.wa-services-card[access="Predané"]:hover .wa-services-card-img-wrapper:before {
  padding: var(--space-xs) var(--space-m);
  content: "DETAIL NEHNUTEĽNOSTI";
  z-index: 20;
  background-color: var(--shade);
  color: var(--base);
}
.wa-services-card[access="Predané"]:hover .wa-services-card-img-wrapper:after {
  background-color: var(--shade-trans-60);
  z-index: 4;
}
.wa-services-card[access="Predané"]:hover .wa-services-card__sold {
  background-color: #C02626;
  color: white;
}
.wa-services-card-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  position: relative;
  background-color: var(--secondary-light-trans-10);
}
.wa-services-card-body__icon-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 300ms;
}
.wa-services-card-img-wrapper:before {
  transition: 0.1s all ease-in-out;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  text-transform: uppercase;
  font-size: var(--text-m);
  font-weight: 700;
  color: #FFF;
}
.wa-services-card-img-wrapper:after {
  transition: 0.3s all ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wa-services-card__info-wrapper {
  position: absolute !important;
  padding: var(--space-xs);
  padding-right: var(--space-s);
  background-color: var(--secondary);
  font-size: calc(var(--text-s));
  font-weight: 500;
  color: #FFF;
  z-index: 5;
  top: 5%;
  right: 0;
}
.wa-services-card__heading {
  font-weight: 700;
  color: var(--secondary);
}
.wa-services-card__street {
  font-size: var(--text-m);
  margin-left: var(--space-xs);
  color: var(--shade-medium);
}
.wa-services-card__sold {
  position: absolute;
  transition: 0.3s all ease-in-out;
  top: 0%;
  left: -4%;
  text-transform: uppercase;
  font-weight: 700;
  color: #C02626;
  border: 3px solid #C02626;
  padding: 0.5rem var(--space-l);
  transform: rotate(-10deg);
  font-size: var(--text-l);
  z-index: 11;
}
.wa-services-card__sold-wrapper:after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: var(--shade-trans-40);
  width: 100%;
  height: 100%;
  z-index: 10;
}
.wa-services-card__txt {
  text-align: left !important;
}
.wa-services-card__bgimage {
  transition: 0.3s all ease-out;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 70px;
}
.wa-services-card:hover {
  transform: translateY(-5px);
}
.wa-services-card:hover .wa-services-card-body {
  background: var(--secondary);
  box-shadow: none !important;
  color: #FFF;
}
.wa-services-card:hover .wa-services-card__txt {
  color: #FFF;
}
.wa-services-card:hover .wa-services-card__heading {
  color: #FFF;
}
.wa-services-card:hover .wa-services-card__street {
  color: #FFF;
}
.wa-services-card:hover .wa-services-card__icon {
  fill: #FFF !important;
  color: #FFF !important;
}
.wa-services-card:hover .wa-services-card__bgimage {
  height: 0;
}
.wa-services-card:hover .wa-services-card-img-wrapper:before {
  padding: var(--space-xs) var(--space-m);
  content: "DETAIL NEHNUTEĽNOSTI";
  z-index: 20;
  background-color: var(--action);
}
.wa-services-card:hover .wa-services-card-img-wrapper:after {
  background-color: var(--secondary-trans-40);
  z-index: 4;
}
.wa-intro-content__img {
  border-radius: var(--radius-xs);
  box-shadow: 0px 35px 50px var(--accent-light-trans-20);
}
.wa-about__content p {
  margin-top: 2rem;
}
.wa-pros__content {
  margin-top: 1rem;
}
.wa-facet__results {
  font-size: var(--text-m);
  font-weight: 700;
}
.wa-facet__results-wrapper {
  display: flex;
  gap: 0.5rem;
}
.wa-facet__sorting-wrapper {
  display: flex;
}
.wa-facet__button {
  background-color: var(--shade);
  padding: var(--space-xs) var(--space-m);
  text-transform: uppercase;
}
.wa-facet__button:hover {
  color: var(--secondary);
}
.wa-facet__button.active {
  background-color: var(--secondary);
  color: white;
  font-weight: 600;
}
.wa-facet__numbers .wpgb-pagination {
  margin-top: var(--space-l) !important;
}
.wa-facet__numbers .wpgb-pagination li:last-child a, .wa-facet__numbers .wpgb-pagination li:first-child a {
  border: none !important;
  font-size: 40px !important;
  color: var(--secondary) !important;
  line-height: 31px !important;
}
.wa-facet__numbers .wpgb-pagination li:last-child a:hover, .wa-facet__numbers .wpgb-pagination li:first-child a:hover {
  background-color: transparent !important;
  color: var(--secondary-hover) !important;
}
.wa-facet__numbers .wpgb-pagination li:last-child a[aria-current], .wa-facet__numbers .wpgb-pagination li:first-child a[aria-current] {
  background-color: var(--secondary) !important;
  color: var(--white) !important;
  border-color: var(--secondary) !important;
  transition: 0.3s all ease-in-out !important;
  border-radius: var(--radius-xs) !important;
  padding: 0 var(--space-xs) !important;
  line-height: 33px !important;
  font-size: var(--text-m) !important;
  border: 2px solid var(--secondary) !important;
}
.wa-facet__numbers .wpgb-pagination li .wpgb-dots-page {
  color: var(--base) !important;
  transition: 0.3s all ease-in-out;
  border-radius: var(--radius-xs);
  padding: 0 var(--space-xs) !important;
  line-height: 33px !important;
  font-size: var(--text-m) !important;
  border: 2px solid var(--secondary) !important;
}
.wa-facet__numbers .wpgb-pagination li .wpgb-dots-page:hover {
  background-color: transparent !important;
  color: var(--base) !important;
}
.wa-facet__numbers .wpgb-pagination li a {
  color: var(--base) !important;
  transition: 0.3s all ease-in-out;
  border-radius: var(--radius-xs);
  padding: 0 var(--space-xs) !important;
  line-height: 33px !important;
  font-size: var(--text-m) !important;
  border: 2px solid var(--secondary) !important;
}
.wa-facet__numbers .wpgb-pagination li a[aria-current] {
  background-color: var(--secondary);
  color: var(--white) !important;
  border-color: var(--secondary);
}
.wa-facet__numbers .wpgb-pagination li a:hover {
  background-color: var(--secondary);
  color: var(--white) !important;
}
@media (max-width: 991px) {
  .wa-services-card__bgimage {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .wa-facet__sorting-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xs);
  }
  .wa-sorting {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .wa-sorting-accordion {
    width: 100%;
  }
  .wa-sorting-accordion-item-content {
    position: relative;
    border: unset;
    box-shadow: unset;
    padding: var(--space-xs) 0 !important;
    padding-top: 0 !important;
  }
  .wa-hp-contact-container {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: var(--space-l) !important;
  }
  .wa-services-button-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .wa-services-card__sold {
    font-size: var(--text-m);
    left: 0;
  }
  .wa-services-card__info-wrapper {
    font-size: var(--text-m);
  }
  .wa-services__sorting-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xs);
  }
}
@media screen and (max-width: 478px) {
  .wa-facet__sorting-wrapper {
    font-size: var(--text-s);
  }
  .wa-services-card__sold {
    font-size: var(--text-s);
    left: 0;
  }
  .wa-services-card__info-wrapper {
    font-size: var(--text-s);
  }
  .wa-pros {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    align-self: flex-start;
    padding-left: var(--section-padding-x) !important;
    padding-right: var(--section-padding-x) !important;
  }
}