/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/
Description: Twenty Twenty-One Child Theme
Author: Davide Arduini
Author URI: https://dadesign.it/
Template: twentytwentyone
Version: 2.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/**** VERSIONE 2025-09-05 */


/**** INSTALLAZIONE FONT HELVETICA ****/

@font-face {
	font-family: 'Helvetica Now Display Bold';
	src: url(https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/fonts/HelveticaNowDisplay-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Helvetica Now Display BoldIta';
	src: url(https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/fonts/HelveticaNowDisplay-BoldIta.ttf) format('truetype');
}

@font-face {
	font-family: 'Helvetica Now Display Medium';
	src: url(https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/fonts/HelveticaNowDisplay-Medium.ttf) format('truetype');
}

@font-face {
	font-family: 'Helvetica Now Display MedIta';
	src: url(https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/fonts/HelveticaNowDisplay-MedIta.ttf) format('truetype');
}

@font-face {
	font-family: 'Helvetica Now Display Regular';
	src: url(https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/fonts/HelveticaNowDisplay-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Helvetica Now Display RegIta';
	src: url(https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/fonts/HelveticaNowDisplay-RegIta.ttf) format('truetype');
}

@font-face {
	font-family: 'Helvetica Now Display Light';
	src: url(https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/fonts/HelveticaNowDisplay-Light.ttf) format('truetype');
}

@font-face {
	font-family: 'Helvetica Now Display LightIta';
	src: url(https://kinesis-studios.it/wp-content/themes/twentytwentyone-child/fonts/HelveticaNowDisplay-LightIta.ttf) format('truetype');
}


/**** TIPOGRAFIA ****/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.07rem;
}

p, span {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.05rem;
}

a {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.05rem;
}

.primary-navigation a {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.07rem;
}

.wp-block-button .wp-block-button__link {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.07rem;
}

.powered-by {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.08rem;
}

.footer-navigation {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.05rem;
}

.ti-widget {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.05rem;
}


/**** FORMATTAZIONE CARATTERI ****/

h1 { font-size: clamp(2.2rem, 2.7vw, 3.2rem) !important;
}

h2 { font-size: clamp(1.8rem, 2.2vw, 2.6rem) !important;
	color: rgb(70, 70, 70);
}

h3 { font-size: clamp(1.4rem, 1.7vw, 2rem) !important;
}

h4 { font-size: clamp(1.3rem, 1.6vw, 1.9rem) !important;
}

h5 { font-size: clamp(1.2rem, 1.5vw, 1.8rem) !important;
}

h6 { font-size: clamp(1.1rem, 1.4vw, 1.7rem) !important;
}

p  { font-size: clamp(1.1rem, 1.2vw, 1.3rem) !important; line-height: 1.6 !important;
}

.wp-block-button .wp-block-button__link  { font-size: clamp(1.1rem, 1.2vw, 1.3rem) !important; line-height: 1.4 !important;
}


/**** FORMATTAZIONE TITOLO HOMEPAGE ****/

.kinesis-title {
	font-family: 'Helvetica Now Display BoldIta', sans serif;
	letter-spacing: 0.2rem;
	text-shadow: -1px 0px 1px #000, 1px 0px 1px #000, 0px -1px 1px #000, 0px 1px 1px #000;
}

.kinesis-title span {
		font-family: 'Helvetica Now Display BoldIta', sans serif;
	letter-spacing: 0.2rem;
	color: #ff9f0f;
}

.kinesis-title {
	font-size: clamp(2.8rem, 5vw, 5.2rem) !important;
}

/**** FORMATTAZIONE SOTTOTITOLO HOMEPAGE ****/

.kinesis-subtitle {
	font-family: 'Helvetica Now Display Regular', sans serif;
	letter-spacing: 0.07rem;

}

.kinesis-subtitle {
	font-size: clamp(1.1rem, 1.6vw, 1.8rem) !important;
}

/**** FORMATTAZIONE TESTO MENU ****/

.primary-navigation a {
    font-size: 1rem;
}

.primary-navigation .sub-menu .menu-item > a {
    font-size: 1rem;
}


/************************************************/
/************** PERSONALIZZAZIONE ***************/


/* PERSONALIZZA TENDINA MENU PRINCIPALE */

@media only screen and (min-width: 1240px) {
 .tw-header-light:not(.tw-header-opaque) .sub-menu {
   background-color: #ffffff25 !important;
   border-color: #fff !important;
 }
 
 .tw-header-light:not(.tw-header-opaque) .menu-item {
   background-color: transparent !important;
 }
 
 .tw-header-light:not(.tw-header-opaque) .sub-menu-toggle {
 	color: white !important;
 }

 .tw-header-light:not(.tw-header-opaque) a {
 	color: white;
 }
}


/**** ALTEZZA HEADER ****/
.site-header {
	height: 80px;
}

/**** ALTEZZA SCROLL HOMEPAGE ****/
#home-servizi {
	scroll-margin-top: 100px;
}

/**** ALTEZZA SCROLL PAGINA CHINESIOLOGIA CLINICA ****/
#consulto-chinesiologico, 
#valutazione-posturale, 
#rieducazione-motoria-funzionale-chinesiterapia, 
#ginnastica-posturale, 
#pancafit {
	scroll-margin-top: 140px;
} 

/**** ALTEZZA SCROLL PAGINA MASSOTERAPIA ****/
#massaggio-decontratturante,
#massaggio-sportivo,
#linfodrenaggio-vodder,
#massaggio-drenante-circolatorio,
#bendaggi-funzionali-e-kinesio-tape,
#tui-na-massaggio-tradizionale-cinese {
	scroll-margin-top: 140px;
}

/**** ALTEZZA SCROLL PAGINA NUTRIZIONE ****/
#anamnesi-iniziale,
#consulto-nutrizionale,
#analisi-della-composizione-corporea,
#piani-alimentari-personalizzati,
#prevenzione-gestione-patologie-metaboliche,
#programmi-alimentari-per-sportivi {
	scroll-margin-top: 140px;
}

/**** ALTEZZA SCROLL PAGINA OSTEOPATIA ****/

/**** ALTEZZA SCROLL PAGINA PSICOLOGIA ****/
#approccio-biosistemico,
#percorsi-personalizzati,
#aree-di-Intervento,
#tecniche-e-strumenti,
#come-funziona,
#il-senso-profondo,
#il-punto-di-partenza,
#psicoterapia-come-atto-di-cura-fiducia {
	scroll-margin-top: 140px;
}

/**** ALTEZZA SCROLL PAGINA PSICOMOTRICITA ****/
#psicomotricita-preventivo-educativa-individuale,
#psicomotricita-preventivo-educativa-in-piccolo-gruppo,
#grafomotricita,
#esperienze-di-rilassamento,
#valutazioni-psicomotorie {
	scroll-margin-top: 140px;
}


/**** MODULO CONTATTI ****/

/* colore pulsante invia */

.wpforms-submit {
  background-color: #ff9f0f !important;
}


/**** PULSANTE WHATSAPP ****/

.whatsapp-button {
  /* Posizionamento del pulsante */
  position: fixed;
  bottom: 20px; 
  right: 20px;
  z-index: 9999;
  
  /* Stile e dimensione */
  width: 50px; /* Larghezza dell'immagine */
  height: 50px; /* Altezza dell'immagine */
  background-size: contain;
  background-repeat: no-repeat;
  
  /* Sfondo con immagine */
  background-image: url('img/whatsapp-button.svg');
}

.whatsapp-button:hover {
  transform: scale(1.1);
  opacity: 0.9;
}


/**** TOGLI ICONE DA PAGINA LINKTREE ****/

.page-id-1301 .whatsapp-button {
	display: none !important;
}

.page-id-1301 .floatable-wrapper {
	display: none !important;
}


/**** PULSANTE TORNA SU ****/

.scroll-to-top {
  /* Posizionamento del pulsante */
  position: fixed;
  bottom: 22px;
  right: calc(50% - 20px);
  z-index: 9999;
  opacity: 0.9;
  
  /* Stile e dimensione */
  width: 40px; /* Larghezza dell'immagine */
  height: 40px; /* Altezza dell'immagine */
  background-size: contain;
  background-repeat: no-repeat;
  
  /* Sfondo con immagine */
  background-image: url('img/scroll-to-top-white.svg'); 
  
  /* Nascondi il pulsante (se usi lo script) */
  display: none;
}

.scroll-to-top:hover {
  transform: scale(1.1);
  opacity: 0.8;
}


/****    WIDGET FOOTER    ****/

.widget-area p {
	font-size: 1.1rem !important;
}

.widget-area h4 {
	font-size: 1.3rem !important;
}

.widget-area .wp-element-button {
	font-size: 1.1rem !important;
}

.widget-area .wp-social-link {
	font-size: 1.4rem !important;
}


/******	RIGA COPYRIGHT	******/

.powered-by {
	font-size: 1rem;
}

.footer-navigation-wrapper {
	display: block !important;
	font-size: 1rem;
}


/**** colore sfondo icona accessibilità ****/ 

.iub-accessibility-btn {
	background-color: #ffffff !important;
}