/* 1. IMPORTAZIONE FONT DA GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Cause:wght@400;700&display=swap');

/* 5. SECONDA SEZIONE DELLA HOME (Font: Cause) */
/* In Twenty Seventeen, il primo blocco di testo dopo l'header è #panel1 */
#panel1.twentyseventeen-panel, 
#panel1 .entry-title, 
#panel1 .entry-content, 
#panel1 p,
#panel1 li {
    font-family: 'Cause', sans-serif !important;
}

/* 2. TITOLO SPECIFICO PER IL PANEL 1 */
#panel1 .entry-title {
    font-family: 'Amatic SC', cursive !important;
    font-size: 1.2rem !important; /* L'Amatic SC tende a sembrare piccolo, qui lo ingrandiamo */
    font-weight: 700 !important;
    letter-spacing: 2px; /* Diamo un po' di respiro tra le lettere */
    color: #333; /* Cambialo con il colore del tuo brand se preferisci */
}

/* 2. TITOLI solo per la pagina 16 (Amatic SC) */
.page-id-16 h1, 
.page-id-16 h2, 
.page-id-16 h3, 
.page-id-16 h4, 
.page-id-16 h5, 
.page-id-16 h6  {
    font-family: 'Amatic SC', cursive !important;
    font-weight: 700 !important;
    text-transform: none !important; /* L'Amatic è già maiuscolo di suo, questo evita forzature del tema */
}

.page-id-16 .entry-title {
    font-family: 'Amatic SC', cursive !important;
    font-weight: 700 !important;
    text-transform: none !important; 
		font-size: 1.4rem !important
	/* L'Amatic è già maiuscolo di suo, questo evita forzature del tema */
}

/* 3. TESTI solo per la pagina 16 (Cause) */
.page-id-16 p, 
.page-id-16 li, 
.page-id-16 .entry-content, 
.page-id-16 .entry-summary,
.page-id-16 label {
    font-family: 'Cause', sans-serif !important;
}

/* Solo per la pagina con ID 404 */
.page-id-404 .site-content-contain
{
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    float: none;
}


.page-id-404 .site-content
{
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    float: none;
}



.page-id-404 .wrap
{
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    float: none;
}


.page-id-404 .entry-content {
	background-color: #fff;
    width: 100% !important;
    margin: 0 !important;
}

/* Centra automaticamente immagini e blocchi */
.page-id-404 img {
  display: block;      
  margin-left: auto;  
  margin-right: auto;   
	width: 95%;;
}

.page-id-404 .entry-title {
    display: none !important;
}

/* Aumenta la dimensione del logo su desktop */
@media screen and (min-width: 48em) {
  .custom-logo-link img {
    width: 150px !important;       /* regola la larghezza */
    height: auto !important;       /* mantiene proporzioni altezza */
    max-width: none !important;
    max-height: none !important;
  }
}

/* Regola per schermi più piccoli (es. tablet / mobile) */
@media screen and (max-width: 48em) {
  .custom-logo-link img {
    width: 150px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
}


/* Regola l'interlinea del footer */

.site-footer #block-8 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.site-footer #block-10 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.site-footer #block-11 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.home #panel2 a  {
    color: #aad2c8 !important; /* cambia qui il colore */
}

.home #panel2 a:hover  {
    color: #fce39d !important; /* cambia qui il colore */
}

.site-footer,
.site-footer .wrap {
    background-color: #aad2c8;
}

/* Footer container */
.site-footer {
    padding: 0 !important;
    margin: 0 !important;
}

/* Wrapper interno */
.site-footer .wrap {
    padding-top: 22px !important;
    padding-bottom: 0px !important;
}

/* Area widget footer (se presente) */
.site-footer .widget-area {
    padding: 0 !important;
    margin: 0 !important;
}

/* Widget singoli */
.site-footer .widget {
    margin: 0 !important;
}

/* Testo copyright */
.site-info {
    padding: 0 0 !important;
    margin: 0 !important;
}

/* Applica ai link, rimuove sottolineature, ombre e bordi */
a, 
.entry-content a, 
.entry-summary a, 
.widget-area a, 
.site-footer a {
    text-decoration: none !important;
    box-shadow: none !important;    /* Rimuove l'ombra tipica di Twenty Seventeen */
    border-bottom: none !important; /* Rimuove eventuali bordi */
    color: #fff;
    /* Scegli il font: decommenta quello che preferisci */
    font-family: 'Montserrat', sans-serif !important; 
    /* font-family: 'Playfair Display', serif !important; */
    
    transition: color 0.3s ease; /* Rende il cambio colore al passaggio del mouse più fluido */
}

/* Effetto al passaggio del mouse (Hover) */
/* È importante dare un feedback visivo, quindi cambiamo colore */
a:hover, 
.entry-content a:hover {
    color: #0073aa; /* Inserisci qui il colore dello studio (es. il blu del logo) */
    text-decoration: none !important;
    box-shadow: none !important;
}

#panel2 a, 
#panel2 .entry-content a, 
#panel2 .entry-footer a,
#panel2 a:link, 
#panel2 a:visited {
    color: #56887c !important; /* 
    text-decoration: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* Colore dei link nel Pannello 3 al passaggio del mouse (Hover) */
#panel2 a:hover {
    color: #1e8449 !important; /* Una sfumatura più scura per l'effetto click */
 
}