/**
Theme Name: HealthMarketing
Author: Health Marketing® - Serafina Agnello
Author URI: https://www.healthmarketing.it
Description: Tema personalizzato, basato su Astra, creato su misura per le specifiche esigenze di ogni nostro cliente nell\'ambito sanitario o dei dispositivi medici.
Studiato per essere adeguato alle normative sulla pubblicità sanitaria ed alla comunicazione dei dispositivi medici, al GDPR ed alle regole sull\'accessibilità 2025, ed alle specifiche del consorzio W3C.
©Health Marketing® - www.healthmarketing.it
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: healthmarketing
Template: astra
*/
body, h1, h2, h3, h4, h5, h6, p, a, li, span, input, textarea, button {
  font-family: 'Atkinson Hyperlegible', sans-serif !important;
}
/**
* LINK
*/
a.ast-custom-button-link {
  text-decoration: none !important;
}

a.elementor-button {
  text-decoration: none !important;
}

a {
	text-decoration: underline !important;
  text-decoration-color: #0256b3 !important;
}
a:hover {
  text-decoration-color: #000 !important;
}



/**
* FONT
*/

.intestazione {
  display: flex;
  flex-direction: column-reverse;
}

.sttUno {
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 1.4px;
  color: #000000;

}

.sttDue {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 1.1px;
  color: #000000;

}

/**
* MENU
*/

/* Tutte le voci del menu hanno larghezza fissa e non si spostano */
.main-header-menu a {
	text-decoration: none !important;
  display: inline-block;
  min-width: max-content;
  transition: all 0.2s ease-in-out;
}

/* Hover */
.main-header-menu a:hover {
  font-weight: bold;
}

/* Attivo */
.main-header-menu .current-menu-item > a,
.main-header-menu .current-menu-ancestor > a {
  font-weight: bold;
}

/* Rimuove padding verticale e margini tra i link */
.astra-megamenu .sub-menu,
.astra-megamenu .sub-menu li,
.astra-megamenu .sub-menu .menu-link {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.3 !important;
}

/**
* ELEMENTOR: toglie lo spazio sotto i paragrafi
*/
.elementor-widget-text-editor p {
  margin-bottom: 0;
}

/**
* FOCUS chekbox
*/
.wpcf7-acceptance input[type="checkbox"]:focus {
	outline: 1px solid red;
  outline-offset: 2px;
}

/**
 * CARD RECENSIONI
 */
.recensioni-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin: 30px auto;
}

.card-recensione {
	background-color: #fff;
	border: 2px solid #00000021;
	border-radius: 3px;
	padding: 20px;
	box-sizing: border-box;
}
.card-recensione .nome {
	color: #000000;
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 4px;
}

.card-recensione .professione {
	color: #004999;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

.card-recensione .testo-recensione {
	color: #000;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 1.4;
}

/**
 *
 */
 .professionista-wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 40px;
 }

 .left-column, .right-column {
   flex: 1 1 300px;
 }

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

/**
 * PAGINA PROFESSIONISTI
 */
 .article-sefy {
  padding: 0 !important;
  margin: 0 !important;
 }


.professionista-wrapper {
   display: flex;
   flex-wrap: nowrap;
   gap: 3rem;
   justify-content: flex-start;
   margin-bottom: 3rem;
   margin-top: 3rem;
}

.left-column {
  flex: 0 0 60%;
}

.right-column {
  flex: 1 1 40%;
  max-width: 40%;
  display: flex;
  justify-content: flex-end;
}

.right-column img {
  width: 100%;
  height: auto;
  object-fit: cover;
  box-shadow: none;
}

.profession-text {
  font-size: 25px;
  color: #004999;
  margin-top: -1rem !important;
}

.profession-content { margin-top: -1rem !important; }
.servizi-erogati { font-size: 20px; color: #004999; font-weight: bold;}

.prestazione-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-start; /* <-- aggiungi questo */
  padding: 0 !important;
  margin: 0;
}

.prestazione-btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #004999;
  color: #fff;
  text-decoration: none !important;
  border-radius: 4px;
  font-size: 1rem;
}

.prestazione-btn:hover,
.prestazione-btn:focus {
  background-color: #0069D9;
  color: #fff;
}

.prenota-btn{
  display: inline-block;
  margin-top: 0px;
  padding: 12px 24px;
  background-color: #004999;
  color: #fff;
  text-decoration: none !important;
  border-radius: 4px;
}
.prenota-btn:hover,
.prenota-btn:focus {
  background-color: #0069D9;
  color: #fff;
}

/* Responsivo: mobile */
@media screen and (max-width: 768px) {
  .professionista-wrapper {
    flex-direction: column;

  }

  .right-column {
    max-width: 100%;

    justify-content: center;
  }

  .left-column,
  .right-column {

    flex: 1 1 100%;
  }
  .left-column {
    margin-top: -20px;
    padding: 0px 10px;
  }
}