/*
Theme Name:     Ambulatorio Piraccini 25
Theme URI:      
Description:    Ap_bootstrap child theme.
Author:         Karmaweb
Author URI:     https://www.karmaweb.it
Template:       ap_bootstrap
Version:        0.1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');
body {
    font-family: 'Ubuntu', sans-serif;
}

:root {
  --bs-heading-color: #AA8962 !important;
  --bs-link-color: #AA8962 !important;
  --bs-link-color-rgb: 170, 137, 98 !important;	
  --bs-body-font-family: 'Ubuntu', sans-serif !important;
    --bs-link-hover-color: #ECDED1!important;
    --bs-link-hover-color-rgb: 236,222,209 !important;	
}

#blocco-header {
	border-bottom: 1px solid #aa8962 !important;
}

.page-header {
	text-align: center !important;
	margin: 1em 0em !important;
}

.search-form {
	text-align: center !important;
	margin: 2em 0em !important;
}

.search-field {
	color: #aa8962 !important;
	padding: 1em !important;
	border: 2px solid #aa8962 !important;
	border-radius: 2em 2em !important;
}

.navbar {
   --bs-navbar-brand-padding-y: 0!important;
}

.page-title {
	color: #aa8962 !important;
	position: relative;
	text-align:left !important;
	padding:2em 0 !important;
}

.page-title::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-image: url("/wp-content/uploads/2025/09/sfondo-titolo-piraccini.webp");  /*ORIGINALE*/ 
	background-image: url("/wp-content/uploads/2025/09/sfondo_titolo_piraccini_V2.webp");  /*COLORE AGGIORNATO*/
    background-image: url("/wp-content/uploads/2025/09/sfondo_titolo_piraccini_V3.webp");  /*AGGIUNTA DI SPAZIO A SX*/
    background-repeat: no-repeat;
    background-position: 50% 50% !important;
    background-size: cover;
/*    opacity: 0.2;  */
    z-index: -1; 
}


.wp-block-image {
	margin: 0 !important;
}

.ap-card-small ul, ul.list-check {
    list-style: none; /* Rimuove il pallino predefinito */
    padding-left: 0;   /* Rimuove il padding predefinito della lista */
}

.ap-card-small ul li, ul.list-check li {
    position: relative; /* Necessario per posizionare l'icona con 'absolute' */
    padding-left: 1.5em; /* Spazio per l'icona */
    margin-bottom: 8px; /* Spazio tra gli elementi della lista */
}

.ap-card-small ul li:before, ul.list-check li::before {
    content: "\2713"; /* Codice Unicode per il simbolo di spunta (✓) */
    position: absolute;
    left: 0;
    color: #3B3A3A; /* Colore della spunta */
    font-weight: bold;
    font-size: 1.2em; /* Dimensione della spunta */
    top: 0; /* Allinea la spunta con l'inizio del testo */
}

.btn-primary, .wp-block-button .wp-block-button__link {
    --bs-btn-color: #AA8962 !important;
    --bs-btn-bg: transparent !important;
    --bs-btn-border-color: #AA8962 !important;
    --bs-btn-hover-color: #AA8962 !important;
    --bs-btn-hover-bg: #fff !important;
    --bs-btn-hover-border-color: #fff !important;
    --bs-btn-focus-shadow-rgb: 170, 137, 98 !important;
    --bs-btn-active-color: #AA8962 !important;
    --bs-btn-active-bg: #fff !important;
    --bs-btn-active-border-color: #fff !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    --bs-btn-disabled-color: #AA8962 !important;
    --bs-btn-disabled-bg: #fff !important;
    --bs-btn-disabled-border-color: #fff !important;
    border-radius: 2em 2em !important;
    font-size: 1.4em !important;
    padding: 0.5em 2em!important;
}

.btn-primary:hover, .ap-primary .wp-block-button__link {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: transparent !important;
    --bs-btn-border-color: #fff !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #AA8962 !important;
    --bs-btn-hover-border-color: #AA8962 !important;
    --bs-btn-focus-shadow-rgb: 170, 137, 90 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #AA8962 !important;
    --bs-btn-active-border-color: #AA8962 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #AA8962 !important;
    --bs-btn-disabled-border-color: #AA8962 !important;
    border-radius: 2em 2em !important;
    font-size: 1.4em !important;
    padding: 0.5em 2em!important;
}

.wp-block-cover-h1, .wp-block-cover-h2 {
  color:#fff;
  padding-bottom:1em;
}

.ap-bigcard {
  background-color: #ECDED1;
}

.ap-bigcard-studio {
	display: flex !important;
}

.ap-bigcard-colonna {
	display: flex !important;
	align-items: center !important;
}

.ap-card-small-group >div, .ap-bigcard-colonna-txt >div{
	display: flex !important;
    flex-direction: column !important;
    gap: 2em !important; /* Spazio tra colonne */
}

.ap-bigcard-colonna-txt{
	margin: 2em !important;
    max-width: 75% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}

.ap-bigcard-colonna-img {
  background-image: url("/wp-content/uploads/2016/04/prof-piraccini-07.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; /* L'immagine copre tutto l'elemento */
  min-height: 500px !important;
}

.ap-card {
  background-color:#ECDED1;
	padding: 4em;
	color:  #AA8962;
}

.ap-card h2 {
  color:#AA8962;
}

.ap-card.wp-block-columns {
    display: flex;
    align-items: center!important;
}

.ap-card-container {
	display: flex !important;	
}

.ap-card-small {
	display: flex !important;
	border: 1px solid #AA8962;
    border-radius: 0.5em !important;
    padding: 3em !important;
	background-color:#F8F1E9;	
}

.kw-cv-ifield > div, .ap-card-small-group {
    display: flex !important;
    flex-direction: column !important;
	 align-self: stretch !important; /* Forza la colonna a prendere tutta l'altezza */
     height: 100% !important; /* Aggiunto per sicurezza */
}

.ap-card-small-group >div {
	height: 100% !important;
}


.ap-card-2-small, .ap-card-2-small-img {
	border: 1px solid #AA8962;
    border-radius: 0.5em !important;
    padding: 2em !important;
	margin-bottom: 2em !important;
	background-color: white;
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ap-card-2-small-img {
	padding: 0 !important;
}

.ap-card-2-small img, .ap-card-2-small-img img {
	border-radius: 0.5em !important;
}

.ap-card-3-small >div {
	width: 100% !important;
}

.ap-card-3-small {
	margin: 3em 0 !important;
	background-color: white;
	display: flex !important;
    align-items: start !important;
    justify-content: center !important;
	text-align: center !important;
}


.ap-card-3-small-colonna {	
    margin: 0 !important;
	display: block !important;
    align-items: center !important;
    justify-content: center !important;
	text-align: left !important;
	flex-basis: 1 !important;
	flex-grow: 1 !important;
	flex-shrink: 0 !important;
}

.ap-card-3-small-colonna-1 {
	text-align: left !important;
	flex-basis: 0 !important;
	flex-grow: 2 !important;
	flex-shrink: 1 !important;
}

.ap-card-4-div {
	background-image: url("/wp-content/uploads/2016/04/sala-aspetto-02.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;	
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ap-card-4-small {
	border: 1px solid #AA8962;
    border-radius: 0.5em !important;
    padding: 2em;
    margin: 2em !important;
	background-color: white;	
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ap-card-4-colonna {
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ap-card-4-small-colonna {
	color: #aa8962;
}

.home .page-title {
    display: none;
}

.home .kw-cv-content-item {
	padding: 1em 0em 0em 0em;
}

.home .kw-cv-ifield {
    border: 1px solid #AA8962;
    border-radius: 0.5em !important;
	padding: 0;
	margin: 0 1em 1em 2em;
	height: 100%;
}

.kw-cv-title, .kw-cv-content {
	padding: 0 1em !important;
	margin-top: 1em !important;
}

.kw-cv-content {
 margin-bottom: 1em !important;	
} 

.kw-cv-title {
	font-size: 1.25em;
}

.kw-cv-ifield img {
	border-radius: 0.5em 0.5em 0 0 !important;
}

.aspect-ratio-img {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%; /* Rapporto di aspetto 4:3 */
	padding-top: 56.25%; /* Rapporto di aspetto 16:9 */
	overflow: hidden;
	margin: 0 !important;
}

.aspect-ratio-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.overlay_dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Nero con 60% di opacità */
    z-index: 1; /* Assicura che l'overlay sia sopra lo sfondo */
}

.overlay_dark .wp-block-cover__inner-container  {
    z-index: 2; /* Assicura che l'overlay sia sopra lo sfondo */
	min-height: 450px !important;
	display: inline-grid; 
    align-items: center; /* Centra verticalmente */
	padding: 3em 0 !important;
}

.navbar-brand img {
    height: 80px!important;
}

.btn-success {
    background-color: #ffffff;
    background-color: transparent;
    color: #AA8962;
    border-color: #AA8962;
    border-radius: 1em 1em !important;
    font-size: 1.1em !important;
    padding: 0.5em 1em!important;
    --bs-btn-color: #fff!important;
    --bs-btn-bg: #AA8962!important;
    --bs-btn-border-color: #AA8962!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #ECDED1!important;
    --bs-btn-hover-border-color: #F8F1E9!important;
    --bs-btn-focus-shadow-rgb: 170, 137, 68!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #F8F1E9!important;
    --bs-btn-active-border-color: #ECDED1!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #AA8962!important;
    --bs-btn-disabled-border-color: #AA8962!important;
	
}

.kw-cv-rmwrap  {
   text-align: center;
	margin: auto 0 1em 0 !important;
}

#main {
    margin-top: 0!important;
}

/*codice bottoni*/
.wp-block-button__link:hover, .kw-cv-readmore, .btn-success:hover, .wp-block-buttons.dark-button .wp-block-button .wp-block-button__link.wp-element-button  {
    background-color: #AA8962 !important;
    color: white !important;
    border: none !important;
	border: solid 1px #aa8962 !important;
}

.kw-cv-readmore:hover, .wp-block-buttons.dark-button .wp-block-button .wp-block-button__link.wp-element-button:hover {
	color: #aa8962 !important;
    background-color: #ffffff !important;
	border: solid 1px #aa8962 !important;
}


.back-button:hover {
    background-color: #ecded1 !important;	
	border: solid 1px #aa8962 !important;
}

.pulsanti-attivita, .ap-card-small-button {
	 margin-top: auto !important;
}


/*ICONE*/
.icona-calendar {
	width:100px;
	padding: 0em 1.5em 0em 0em;
}

/*ACCORDION*/
.accordion {
	--bs-accordion-border-color: none !important;
}

.accordion-item {
	border-bottom: 1px solid #AA8962 !important;
}

.accordion-header {
	--bs-accordion-btn-focus-box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
	background-color: #F8F1E9 !important; 
	border: none !important;	
	color: #AA8962 !important;
}

.collapsed {
	color: #AA8962 !important;
}



/*pagina LO STUDIO*/
.colonna-img {
   height: 100%;
}


.ap-card-small-studio {
    margin: 2em auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centra il contenuto interno */
	max-width: 40%;
}


/*pagina ATTIVITA*/
.ap-card-small-attivita {
	width: 40%;
    margin: 3em auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
	text-align: center !important;
}

.pulsanti-attivita {
	margin-top: 2em;
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ap-card-5 {
	margin: 2em 0em !important;
	display: flex !important;
    align-items: top !important;
    justify-content: center !important;
	column-gap: 5em !important; 
}

.ap-card-5 >div {
	width: 100% !important;
}

/*pagina CAPELLI*/
.ap-card-6-blocco {
	background-color: #f8f2e9;
	height: 350px;
	width: auto !important; 
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;	
	text-align: center !important;
	padding: 2em;
	/*margin: 0em 2em !important; */
}

.circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-bottom: 2em;
  background-color: #aa8962;
  display: inline-block; /* importante per il posizionamento */
  align-items: center !important;
  justify-content: center !important;
}


/*pagina ARTICOLI*/
.category-list .badge.bg-secondary {
    background-color: white !important;
    font-size: 1.25em !important;
	color: #aa8962 !important;
	text-transform: uppercase !important;
}

.tags-list .badge.bg-primary {
    background-color: #f8f1e9 !important;
    color: #aa8962 !important;
	text-transform: lowercase !important;
	padding: 0.75em !important;
	margin: 0.5em !important;
}

.article-title {
	font-size: 1.5em;
	color: #aa8962 !important;
}

.featured-post >div {
	border: 1px solid #aa8962 !important;
}


.featured-text-container >div {
	padding: 1em 2em !important;
	display: flex !important;
    justify-content: space-between !important;
    align-items: left !important;
}

.tags-list {
	margin-bottom: 0 !important;
}


/*pagina SINGOLO ARTICOLO*/
.btn-domanda, .btn-appuntamento {
	--bs-btn-color: #AA8962 !important;
    --bs-btn-bg: white !important;
    --bs-btn-border-color: white !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: #AA8962 !important;
    --bs-btn-hover-border-color: #AA8962 !important;
    --bs-btn-active-color: #AA8962 !important;
    --bs-btn-active-bg: #fff !important;
    --bs-btn-active-border-color: #fff !important;
    --bs-btn-disabled-color: #AA8962 !important;
    --bs-btn-disabled-bg: #fff !important;
    --bs-btn-disabled-border-color: #fff !important;
    border-radius: 2em 2em !important;
    font-size: 1.5em !important;
	font-weight: bold !important;
    padding: 0.5em 2em!important;
	margin: 1em 2em !important;
}

.toc.mb-4.toc-articolo li {
	list-style: none !important; 
}

/*404*/
.error404 {
	height: 80vh !important;
	display: flex !important;
    justify-content: center !important;	
    align-items: center !important;
	text-align: center !important;
}

/*FOOTER*/
  #footer {
    background-color: #3B3A3A!important;
    text-align: center;
    color: white!important;
	padding-top: 2em;
    }

  #footer a, #footer a:active, #footer a:hover {
	text-decoration:none;
    color: white!important;
    }   

  #footer .logo img {
	max-width: 500px !important;
   }


/*SOLO MOBILE*/
@media (max-width: 768px){
	.wp-block-cover {
		padding: 2em 1em !important;
	}	
	
    .ap-card-small-studio {
      max-width: 100% !important;
     }
	
	.ap-card-2-small {
		padding: 1.5em !important;
		margin: 2em 0 !important;
	}
	
	.icona-calendar {
		display: none !important;
	}
	
	.ap-card-5-rtl {
		flex-direction: column-reverse !important;
	}
	
	.ap-card-small-attivita {
		width: 100% !important;
	}
	
  .ap-card-6-blocco {
		height: 250px !important;
	}

  #footer .logo img {
	max-width: 325px !important;
   }

}