/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Version: 4.13.6.1783607577
*/


/* Badge */

.badge-contratto {
  background: #222;
  color: #fff;
}

.badge-tipologia {
  background: #eee;
}

.badge-stato {
  background: #f5f5f5;
  font-size:10px;
}


/*******************/
/* Layout immobili */
/*******************/

.immobile-page {

  max-width:1200px;
  margin:40px auto;
  padding:0 20px;

}


/*******************/
/* Foto principale */
/*******************/

.immobile-cover {

  border-radius:20px;
  box-shadow:0 8px 30px rgba(0,0,0,0.25);

}


.immobile-cover img {

  width:100%;
  height:500px;
  object-fit:cover;
  border-radius:20px;

}


/**********/
/* Header */
/**********/

.immobile-dati {

  padding:5px 0;

}


.immobile-descrizione {

  padding:5px 0;

}


.immobile-titolo {

  font-size:42px;
  margin:5px 0;
  color:#178e79;

}


.immobile-prezzo {

  font-size:32px;
  font-weight:700;
  margin:20px 0;

}


/*******************/
/* Caratteristiche */
/*******************/

.immobile-caratteristiche {

  margin-top:0;

}




.immobile-header-caratteristiche{

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin-bottom:20px;

}

.immobile-header-caratteristiche h5{

    margin:0;
    flex:1;

}

.btn-ricerca-immobili{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:8px 16px;

    background:#fff;
    border:2px solid #178e79;
    border-radius:20px;

    color:#178e79;
    text-decoration:none;
    font-size:14px;
    font-weight:600;

    transition:.25s;

}

.btn-ricerca-immobili:hover{

    background:#178e79;
    color:#fff;

}
@media(max-width:768px){

    .immobile-header-caratteristiche{

        flex-direction:column;
        align-items:flex-start;

    }

}


.caratteristiche-grid {

  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  margin-top:20px;

}


.caratteristica-box {

  padding:15px;
  border:none;
  border-radius:15px;
  background:#178e79;

}


.caratteristica-box .label {

  display:block;
  font-size:13px;
  color:#fff;
  margin-bottom:8px;

}


.caratteristica-box strong {

  display:block;
  font-size:13px;
  color:#fff;

}


/*********************/
/* Galleria immobili */
/*********************/

.immobile-galleria {

  margin-top:50px;

}

.galleria-grid {

  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:20px;

}

.galleria-item {

  overflow:hidden;
  aspect-ratio:4 / 3;
  border-radius:10px;

}

.galleria-item img {

  width:100%;
  height:100%;
  object-fit:cover;
  display:block;

}


/**********/
/* Tablet */
/**********/

@media(max-width:768px){

  .galleria-grid {

    grid-template-columns:repeat(2,1fr);

  }

}


/**************/
/* Smartphone */
/**************/

@media(max-width:480px){

  .galleria-grid {

    grid-template-columns:1fr;

  }

}


/**********************/
/* Layout prima parte */
/**********************/

.immobile-prima-sezione {

  display:grid;
  grid-template-columns:3fr 2fr;
  gap:30px;
  align-items:start;

}


.immobile-colonna-destra {

  padding:20px;

}


@media(max-width:768px){

  .immobile-prima-sezione {

    grid-template-columns:1fr;

  }

}


/************************/
/* Font scheda immobili */
/************************/

.immobile-page,
.immobile-page * {

  font-family:'Montserrat', Arial, sans-serif;

}


/*******************************/
/* Lista immobili Home Page */
/*******************************/

.lista-immobili {

  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  padding-top: 20px;
}


.immobile-card {

  border:1px solid #e5e5e5;
  border-radius:15px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);

}


.immobile-card--large img {

  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
	
}

.immobile-card--large h5 {

  margin:15px;

}


.immobile-card--large a {

  text-decoration:none;

}


.immobile-card--large .card-prezzo {

  margin:0 15px;
  font-size:22px;
  font-weight:700;

}


.immobile-card--large .card-info {

  margin:10px 15px 20px;

}


/************************/
/* Immobili in evidenza */
/************************/

/************************/
/* Card piccole correlate */
/************************/

.immobile-card--small img {

  height:auto;
  width:100%;
  object-fit:cover;

}


.immobile-card--small h5 {

  margin:10px;
  font-size:15px;

}


.immobile-card--small .card-prezzo {

  margin:0 10px;
  font-size:16px;

}


.immobile-card--small .card-info {

  margin:8px 10px 12px;
  font-size:13px;

}

.lista-immobili-correlati {

  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-top: 10px;
  
}


/**********/
/* Tablet */
/**********/

@media(max-width:900px){

  .lista-immobili,
  .lista-immobili-correlati {

    grid-template-columns:repeat(2,1fr);

  }

}


/**************/
/* Smartphone */
/**************/

@media(max-width:600px){

  .lista-immobili,
  .lista-immobili-correlati {

    grid-template-columns:1fr;

  }

}



/************************/
/* Ricerca immobili */
/************************/

.ricerca-immobili {

  max-width:1000px;
  margin:40px auto;
  padding:30px;
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:20px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);

}


.ricerca-immobili h2 {

  margin-bottom:30px;
  color:#178e79;
  font-size:32px;

}


.ricerca-immobili form {

  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;

}


.filtro-box {

  display:flex;
  flex-direction:column;

}


.filtro-box label {

  margin-bottom:8px;
  font-weight:600;

}


.filtro-box select,
.filtro-box input {

  height:45px;
  border-radius:10px;
  border:1px solid #ddd;
  padding:0 12px;
  font-family:'Montserrat', Arial, sans-serif;

}


.ricerca-immobili button {

  grid-column:1 / -1;
  height:50px;
  border:none;
  border-radius:12px;
  background:#178e79;
  color:#fff;
  font-size:18px;
  font-weight:600;
  cursor:pointer;

}


.ricerca-immobili button:hover {

  opacity:0.9;

}


/**********/
/* Tablet */
/**********/

@media(max-width:900px){

  .ricerca-immobili form {

    grid-template-columns:repeat(2,1fr);

  }

}


/**************/
/* Smartphone */
/**************/

@media(max-width:600px){

  .ricerca-immobili form {

    grid-template-columns:1fr;

  }

}





.galleria-tutte{

    margin-top:15px;
    text-align:center;

}

.galleria-tutte a{

    color:#178e79;
    font-weight:600;
    text-decoration:none;

}

.galleria-tutte a:hover{

    text-decoration:underline;

}


/*******************************************************/
/* Sottolineatura del menu principale in alto a destra */
/*******************************************************/

.main-header-menu .current-menu-item > a,
.main-header-menu .current-menu-ancestor > a {
    text-decoration: underline double;
    text-underline-offset: 7px;
}




.immobile-mappa {
    margin-top: 5px;
}

.mappa-wrapper {
    overflow: hidden;
}

.mappa-wrapper iframe {
    display: block;
    width: 100%;
    height: 500px;
    border: 0;
}


/**********************************************************************************/
/* Sezione bottone di apertura / chiusura form di contatto nel dettaglio immobile */
/**********************************************************************************/
.btn-richiesta {
    display: inline-block;
    background: #178e79;
    color: #ffffff !important;
    border: none;
    border-radius: 30px;
    padding: 15px 30px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}

.btn-richiesta:hover {
    background: #146d5d;
    color: #ffffff !important;
}

.btn-richiesta:focus,
.btn-richiesta:active {
    color: #ffffff !important;
    outline: none;
}
/***************************************************************************************/
/* Fine Sezione bottone di apertura / chiusura form di contatto nel dettaglio immobile */
/***************************************************************************************/