/* 
Theme Name: Royal Riviera Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Royal Riviera Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: royal-riviera-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Styles */

/* COLORS */

:root {
  --blue: #1a1a34;
  --yellow: #f9ce56;
  --green: #6ebf61;
  --background: #fcfbf7;
}

/* GENERAL */

strong,
.text-semibold {
  font-weight: 600 !important;
}

.grid-container {
  grid-template-rows: auto !important;
}

/* HEADER */

.header-button svg {
  font-size: 22px;
}

.header-button .elementor-button-text {
  margin-top: 4px;
}

.header-button#phone svg {
  fill: var(--yellow);
}

.header-button#whatsapp svg {
  fill: var(--green);
}

.mobile-menu i {
  margin-right: 10px;
}

/*
=====================
=====================
IMMOBILE
=====================
=====================
*/

.properties-loop-item {
  background-size: cover !important;
}

.immobile__gallery {
  height: 650px;
  overflow: hidden;
}

.immobile__gallery img.swiper-slide-image {
  width: 100%;
  height: 650px;
  object-fit: cover;
}

@media (max-width: 1150px) {
  .immobile__gallery,
  .immobile__gallery img.swiper-slide-image {
    height: 450px;
  }
}

@media (max-width: 767px) {
  .immobile__gallery,
  .immobile__gallery img.swiper-slide-image {
    height: 250px;
  }
}

/* BUTTON - Tutte le foto */
#carousel__btn .elementor-button-content-wrapper {
  align-items: center;
}

#carousel__btn svg {
  font-size: 22px;
}

/* BUTTON - Print / Share */
.immobile__btn .elementor-widget-container {
  background-color: var(--e-global-color-primary);
  width: 45px;
  height: 45px !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.immobile__btn .elementor-widget-container:hover {
  background-color: #313148;
}

#back-btn svg {
  font-size: 22px;
}

/*
=====================
=====================
SEARCH
=====================
=====================
*/

/* Posizionamento campi */

.facetwp-facet {
  margin-bottom: 0 !important;
}

.fs-dropdown .fs-search {
  display: none;
}

.fs-arrow {
  right: 15px !important;
}

.facetwp-type-number_range {
  display: flex;
  gap: 15px;
}

.facetwp-type-number_range .facetwp-submit {
  display: none;
}

.facetwp-facet-contratto .fs-option.g0[data-idx="0"] {
  display: none;
}

/* Style campi */
.fs-wrap {
  width: 100% !important;
}

.fs-label-wrap {
  border-color: #e5e5e5 !important;
}

.fs-label-wrap .fs-label {
  padding: 14px !important;
}

.facet-wrap input[type="text"] {
  padding: 10px 14px !important;
  border-radius: 0;
  border-color: #e5e5e5 !important;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
  border-radius: 0 !important;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background-color: var(--e-global-color-accent) !important;
  border-radius: 0 !important;
}

/* BUTTON - Ricerca immobile */

.elementor-widget-facetwp-button {
  align-self: end;
  text-align: right;
}

@media (max-width: 768px) {
  .elementor-widget-facetwp-button {
    text-align: center;
  }
}

#ricerca-immobile {
  margin-bottom: 8px;
}

#ricerca-immobile .elementor-button-content-wrapper {
  align-items: center;
}

#ricerca-immobile svg {
  font-size: 22px;
}

/*
=====================
=====================
VALUTAZIONE
=====================
=====================
*/

#form-valutazione h3 {
  margin: 0;
}

#form-valutazione-divider-1 {
  border: 1px solid var(--yellow);
  margin: 25px 0px;
}

#form-valutazione-divider-2 {
  border: 1px solid var(--yellow);
  margin: 10px 0px;
}

#form-valutazione .elementor-field-type-checkbox > label {
  margin: 10px 0px 5px 0px !important;
}

#form-valutazione .elementor-field-type-acceptance > label {
  display: none;
}

/* CONTATTI */

#contact-form .elementor-field-type-acceptance {
  font-size: 14px;
}

#contact-form .elementor-field-type-acceptance > label {
  display: none;
}

/* FOOTER */

#social-icons .elementor-social-icon-instagram {
  margin: 0px 20px;
}

/* BREAKPOINTS */

/* Desktop */
@media (min-width: 1501px) {
  .hero-section {
    background-image: url("https://royalriviera.it/wp-content/uploads/2024/11/royalriviera-hero.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
}

/* >= Tablet */
@media (min-width: 768px) {
  #form-valutazione .elementor-field-type-checkbox > .elementor-field-subgroup {
    flex-wrap: unset;
  }
}

/* reCaptcha */
.grecaptcha-badge {
  bottom: 90px !important;
}