/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

.block-content {padding-top: 0px!important;}
.wpcf7-form-control {margin: 5px 0px!important;}
.wpcf7-form input[type='submit'] {background-color: #f44336!important;}

.price-block {
  color: white; /* Colore del testo bianco */
  
}

.price-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.left-text {
  text-align: left;
}

.right-text {
  text-align: right;
}

.separator {
  border: none;
  border-top: 1px solid white; /* Linea bianca */
  margin: 10px 0;
}
.preventivo { font-weight: 700; background-color: red; color: white; padding: 5px; text-align: center;}
.block-content:last-of-type {
    padding-bottom: 0px!important;
}

/* barra CTA */


/* Barra fissa */
.custom-bar {
  position: fixed;
  bottom: 0;
  width: 100vw;
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  z-index: 1000;
}

.custom-bar .info-text {
  font-size: 18px;
  margin-right: 10px;
}

.custom-bar button {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}

.custom-bar .whatsapp-btn {
  background-color: #25D366;
  margin-right: 10px;
}

.custom-bar .request-btn {
  background-color: #FF0000;
}

@media (max-width: 768px) {
  .custom-bar {
    flex-direction: column;  /* Disporre gli elementi in colonna */
    text-align: center;      /* Centrare il testo */
    padding: 5px;           /* Aggiunge padding per separare meglio gli elementi */
  }

  .custom-bar button {
    width: 100%;             /* I pulsanti occupano l'intera larghezza del contenitore */
    margin: 5px;        /* Distanza tra i pulsanti */
    display: flex;           /* Usa flexbox per centrare il testo */
    justify-content: center; /* Centrare il contenuto orizzontalmente */
    align-items: center;     /* Centrare il contenuto verticalmente */
    padding: 5px;           /* Padding per aumentare l'area cliccabile */
  }

  .custom-bar .info-text {
    margin-bottom: 3px;     /* Spazio tra la scritta e il primo pulsante */
  }

  .custom-bar i {
    margin-right: 8px;       /* Spazio tra l'icona e il testo del pulsante */
  }
	.resp-request-button {width: 100%;}
}



/* Popup e overlay */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1001;
}

.popup {
  background-color: #25D366;
  padding: 20px;
  border-radius: 10px;
  width: 300px;
  text-align: center;
}

.popup h1 {
  color: white;
  font-size: 24px;
  margin-bottom: 10px;
}

.popup p {
  color: white;
  font-size: 16px;
  margin-bottom: 20px;
}

.popup input {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: none;
}

.popup .submit-btn {
  background-color: #fff;
  color: #25D366;
  padding: 10px;
  width: 100%;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* Stile responsive per il popup */
@media (max-width: 768px) {
  .popup {
    width: 90%;
  }
}
/* Stile per la scritta "Chiudi" */
.popup .close-popup {
  color: white;
  font-size: 14px;
  margin-top: 10px;
  cursor: pointer;
  text-decoration: underline;
}

/* Cambiamento del colore al passaggio del mouse */
.popup .close-popup:hover {
  color: #ccc;
}

.menu-item-147 {background-color: red;}
.none {display: none;}