/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/* Declare custom font family */
@font-face {
  font-family: "Satoshi";
  src: url("fonts/Satoshi-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("fonts/Satoshi-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/**********/
/* ASSETS */
/**********/

p strong {
	color:#464A4F!important;
}
.blogInfo, .blogInfo a {color:#fff!important;}
.blogInfo a {text-decoration:underline;}
/* buttons */
.btn {
	padding:10px 20px!important;
}
.blogPost .btn {
	background-color:#6cdba5!important;
}
.btn-servizi {
	background-color:#6CDBA5!important;
	color:#fff!important;
	border:1px solid #6CDBA5!important;
	transform:scale(1)!important;
}
.btn-evolutivo {
	color:#F39235!important;
	background:#fff;
	border-color:#fff;
}
.btn-evolutivo:hover {
	color:#fff!important;
	background:transparent;
	border-color:#fff;
}
/* icons */
.icon-box-content p{margin-top:3px!important;}


/* pecetta select h number*/
.pecetta .h6 {
	background-color:#17879C!important;
	padding:10px 28px!important;
	letter-spacing:0.35rem;
}
.pecettaCentroEvolutivo .h6 {
	background-color:#F39235!important;
	padding:10px 28px!important;
	letter-spacing:0.35rem;
}
.headingBackground {
	background-color:#17597D!important;
	padding:4px 10px!important;
	color:#fff!important;
	border-radius:3px;
}
.fontBold p,
.fontBold {
	font-weight:500!important;
}
#avviso-linea {color:#fff!important; white-space: break-spaces;}
/* font-size */
@media(max-width:900px) {
	h2.fontsize-344332 {font-size:2.4rem!important;}
	h1.fontsize-344332 {font-size:2.4rem!important;}
	h2.h1 {font-size:2rem!important;}
	h2.fontsize-303194 {font-size:2rem!important;}
	.fontsize-303194 {font-size:2rem!important;}
	.h1{}
	.h2{}
	.h3{}
	.h4{}
	.h5{}
	.h6{}
	.p{}
	p.h1 {font-size:2rem!important;}
	p {font-size:0.9rem!important;}
	.label{}
	.reducedRow .row {
		padding-left:10px!important;
		padding-right:10px!important;
	}
}
/* servizi */
.serviziPost .t-entry-text {margin-top:-70px;}
.serviziPost .t-entry-title {margin-bottom: 50px !important;}
.serviziPost .t-entry-title a {color: #fff !important;}

@media(max-width:500px) {
	.serviziPost h3.h4 {
		font-size:0.9em!important;
	}
}
.single-visita-specialistica .heading-text h2 b {
	color:#6cdba5!important;
}
/* lavora con noi*/
.lavoraConNoi .panel-title > a > span {
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.lavoraConNoi .panel-title .scopriRequisiti {
	font-size: 1rem!important;
    line-height: 1.8;
	font-weight:600!important;
	letter-spacing:0.15rem;
	color:#6CDBA5!important;
}
.lavoraConNoi .panel-title > a > span:after {
	color: #6CDBA5!important;
}

/**********/
/* FORM */
/**********/
.wpcf7-inline-wrapper br{display:none!important;}
/* remove input field in column */
@media(max-width:900px) {
	.wpcf7-inline-wrapper .wpcf7-inline-field {
		width:100%!important;
		display:block!important;
		padding:0px!important;
	}
	form .wpcf7-inline-wrapper:nth-child(2) p{
		margin-top:18px;
	}
}

/********************/
/* ROWS AND COLUMNS */
/********************/
/* hero section */
@media (max-width: 900px) {
    .heroSection .row {
		padding-top:clamp(15px, 3vw, 25px) !important;
		padding-bottom:clamp(15px, 3vw, 25px) !important;
        padding-left: clamp(15px, 5vw, 25px) !important;
        padding-right: clamp(15px, 5vw, 25px) !important;
    }
}

/* limit column full width row */
@media(max-width:900px) {
	.reducedColumn {
		max-width:360px!important;
		margin:auto!important;
	}
}

/**********/
/* FOOTER */
/**********/
footer .footer-last {
	padding-top:25px!important;
	padding-bottom:25px!important;
}
footer .footerBackground a,
footer .footerBackground p {
	color:#fff!important;
}
/* icone contatti footer */
.footerVisitaSpecialistica .iconeContatti a {
	font-weight:500;
}

/* form visite specialistiche */
.wpcf7-form.input-underline input[type="text"],
.wpcf7-form.input-underline input[type="tel"],
.wpcf7-form.input-underline input[type="email"],
.wpcf7-form.input-underline textarea {border-bottom:1px solid #7db1bb!important;}

.wpcf7-form.input-underline input[type="text"]::placeholder,
.wpcf7-form.input-underline input[type="tel"]::placeholder,
.wpcf7-form.input-underline input[type="email"]::placeholder,
.wpcf7-form.input-underline textarea::placeholder {color: #464A4FB2!important;}


.wpcf7-acceptance input[type="checkbox"] {background-color:#ececec!important;}
.wpcf7-acceptance .wpcf7-list-item-label {color: #464A4FB2!important; font-weight:300!important;}



/* FAQ */
.visitaSpecialisticaFaq .border-100 .tab-content::before, 
.visitaSpecialisticaFaq .panel,
.visitaSpecialisticaFaq .style-light .border-100 .tab-content::before { border-color:#17879C!important; }
.visitaSpecialisticaFaq .panel-title > a:hover,
.visitaSpecialisticaFaq .panel-title.active > a,
.visitaSpecialisticaFaq .panel-title > a:focus {color: #1b5a7d !important;;}

/* VISITA SPECIALISTICA */
.visitaHeading strong {
	color:#6CDBA5!important;
	font-weight:400!important;
}
.pecettaResponsabileAreeDiIntervento {
	background-color:#F39235;
	padding:11px 20px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-weight:600;
	font-size:1.250rem;
	letter-spacing:0.15rem;
	transform:translateY(15px);
	display:inline-block;
	z-index:9999;
}
.pecettaResponsabileVisitaSpecialistica {
	background-color:#6CDBA5;
	padding:11px 20px;
	color:#1B5A7D;
	text-transform:uppercase;
	text-align:center;
	font-weight:600;
	font-size:1.250rem;
	letter-spacing:0.15rem;
	transform:translateY(15px);
	display:inline-block;
	z-index:9999;
}
.quandoRivolgersiVisitaLista li {
	font-weight:500;
	color:#1B5A7D;
}
.quandoRivolgersiVisitaLista i {
	font-size:10px!important;
	transform:translateY(-3px);
}

/* colonne patologie */
.patologie-trattate {
	display:grid;
	align-items:flex-start;
	justify-content:center;
	gap:15px;
}
.patologie-cols-3 { grid-template-columns: repeat(3, 1fr); }
.patologie-cols-4 { grid-template-columns: repeat(4, 1fr); }
.patologie-cols-5 { grid-template-columns: repeat(5, 1fr); }
.patologie-cols-6 { grid-template-columns: repeat(6, 1fr); }
@media (max-width: 900px) {
  .patologie-trattate {
    grid-template-columns: repeat(2, 1fr);
  }
}
.patologia-content {
	text-align:center;
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	max-width:220px;
	margin:auto;
	gap:10px;
}
.patologia-icon {
	max-width:45px;
	display:flex;
	margin:auto;
	justify-content:center;
	align-items:center;
}
.single-area-di-intervento .patologia-title {
	font-size:1.250rem!important;
	font-weight:600;
	text-transform:uppercase;
	color:#1B5A7D!important;
	text-align:center;
}
.single-area-di-intervento .patologia-item {
	max-width:240px;
}
.patologia-title {
	font-size:1.250rem!important;
	font-weight:600;
	text-transform:uppercase;
	color:#fff!important;
}
.patologia-description {
	font-weight:300;
	font-size:1rem!important;
	color:#fff!important;
}

/* prestazioni */
/* diagnostica */
.prestazioni-group {
	margin-top:6rem;
}
.prestazioni-group-title {
	text-align:center;
	margin:2.5rem 0;

}
.prestazioni-group-title span {
	background-color:#6CDBA5;
	font-size:2.25rem;
	color:#fff;
	padding:5px 30px;
	font-weight:300;
}

.prestazioni-grid-like{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  align-items: start;
}

/* Immagine: col 1, riga 1-2 */
.prestazioni-image{
  grid-column: 1 / 2;
  grid-row: 1 / span 2;
}

.prestazioni-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 18px;
}

/* Titolo: col 2-3, riga 1 */
.prestazioni-heading{
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}
.prestazioni-card {
	background-color:#17597D;
	border-radius:15px;
	height:100%;
	padding:3rem;
} 
@media(max-width:900px) {
	.prestazioni-card{padding:1.8rem;max-width:min-content; min-width: stretch;}
	.prestazioni-card .wpb_wrapper {flex-direction:column!important; gap:5px;}
	.prestazioni-card .wpb_wrapper span,
	.prestazioni-card .wpb_wrapper span a {width:100%!important;}
}
.prestazione-title {
	font-size:1.250rem!important;
	font-weight:600;
	text-transform:uppercase;
	color:#fff!important;
}
.prestazione-item {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
.prestazione-item p {
	color:#fff!important;
	font-weight:300;
	font-size:1.15rem!important;
}
.prestazione-item p strong {
	color:#6CDBA5!important;
	font-weight:700;
}
.prestazioni-card .btn {
	padding:11px 22px!important;
}

/* Prime 2 card: riga 2 col 2 e col 3 */
.prestazioni-card--first{
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.prestazioni-card--second{
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

/* Dal terzo in poi: flow normale, parte sotto l'immagine */
@media (max-width: 1024px){
  .prestazioni-grid-like{
    grid-template-columns: repeat(2, 1fr);
  }

  .prestazioni-image{
    grid-column: 1 / 2;
    grid-row: 1 / span 2;
  }

  .prestazioni-heading{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  .prestazioni-card--first{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }

  .prestazioni-card--second{
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 640px){
  .prestazioni-grid-like{
    grid-template-columns: 1fr;
  }

  .prestazioni-image,
  .prestazioni-heading,
  .prestazioni-card--first,
  .prestazioni-card--second{
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .prestazioni-image{
    height: 260px; /* opzionale */
  }
}

/* pacchetti checkup */

/* checkup: grid 2 colonne desktop */
.checkup-grid-like{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  align-items: stretch;
}

/* responsive */
@media (max-width: 1024px){
  .checkup-grid-like{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px){
  .checkup-grid-like{
    grid-template-columns: 1fr;
  }
}


/* DIAGNOSTICA PER IMMAGINI */
.fullWidthImage {text-align:left!important;}
.fullWidthImage .t-entry-visual, .fullWidthImage .img-round, .fullWidthImage img {
	border-radius:0px!important;
}
.dopoEsame ul {margin-top:3px;}
.dopoEsame p, 
.dopoEsame .h1,
.dopoEsame h3,
.dopoEsame li{ color:#fff!important; }


.prestazioni-grid-like {
  display: grid;
  gap: 26px;
}

.prestazioni-grid-like--1col {
  grid-template-columns: 1fr;
}

.prestazioni-grid-like--2col {
  grid-template-columns: repeat(2, 1fr);
}

.prestazioni-grid-like--3col {
  grid-template-columns: repeat(3, 1fr);
}

/* responsive */
@media (max-width: 1024px) {
  .prestazioni-grid-like--3col {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .prestazioni-grid-like--2col,
  .prestazioni-grid-like--3col {
    grid-template-columns: 1fr;
  }
}



/* switch centro medico centro evolutivo logo*/
/* Default: medico */
/* Reset totale (serve per battere gli inline style su mobile) */
#masthead #main-logo .logo-image {
  display: none !important;
}

/* Centro Medico */
.centro-medico #masthead #main-logo .logo-image.logo-light {
  display: block !important;
}

/* Centro Evolutivo */
.centro-evolutivo #masthead #main-logo .logo-image.logo-dark {
  display: block !important;
}


/* pacchetti check in */
.checkup-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.checkup-card{
  background:#fff;
  border-radius:12px;
  padding:28px 24px;
  text-align:center!important;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
}

.checkup-title{
  max-width:280px;
  margin-left:auto!important;
  margin-right:auto!important;
  margin:0 0 10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:1.250rem!important;
  font-weight:700;
}

.checkup-desc{
  font-size:1.15rem!important;
  margin:0 0 18px;
}

.checkup-btn{
  display:inline-block;
  padding:10px 18px;
  border-radius:999px;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:#67c98d; /* cambia colore */
  color:#fff;
}

.checkup-btn:hover{ opacity:.9; }

@media (max-width: 1024px){
  .checkup-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px){
  .checkup-grid{ grid-template-columns:1fr; }
}

/* CUSTOMIZZAZIONI */
.mammografia #riepilogo-preparazione {display:none!important;}


/* Accordion custom - transizione pannelli */
.uncode-accordion .panel-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.uncode-accordion .panel-collapse.open {
    max-height: 2000px; /* valore alto abbastanza da coprire qualsiasi contenuto */
}
.centro-medico .top-menu {
	background-color:#17879C!important;
}

.top-menu a {
	color:#fff!important;
}
.top-menu .menu-bloginfo-inner {
	color:#fff!important;
}
.top-menu.top-menu-enhanced .row-menu-inner .menu-bloginfo {
	padding-top:10px!important;
	padding-bottom:10px!important;
}
.top-menu {
	position:fixed!important;
	top:0px!important;
	width:100%!important;
}
@media(max-width:900px) {
	.menu-container {top:40px!important;}
	.centro-medico .menu-bloginfo-inner.style-dark {display:flex!important; flex-direction:column!important; align-items:center!important;}
	.centro-evolutivo .menu-bloginfo-inner.style-dark {display:flex!important; flex-direction:column!important; align-items:center!important;}
	.centro-medico .menu-bloginfo-inner {padding-left:0px!important; padding-right:0px!important;}
	.centro-medico .menu-bloginfo-inner span, .centro-evolutivo .menu-bloginfo-inner span {text-wrap:auto!important; text-align:center!important;}
}
@media(max-width:900px) {
	.centro-medico .menu-container {top:160px!important;}
	.centro-evolutivo .menu-container {top:140px!important;}
}
@media(max-width:375px) {
	.centro-medico .menu-container {top:200px!important;}
	.centro-evolutivo .menu-container {top:180px!important;}
}
@media(min-width:900px) {
	.menu-container {top:40px!important; position:fixed!important;}
	.menu-bloginfo-inner.style-dark span {font-size:14px; margin-left:15px; margin-right:15px;}
}

/* form contatti */
.input-background .style-dark input[type="text"], .input-background .style-light .style-dark input[type="text"], .input-background .style-dark input[type="email"], .input-background .style-light .style-dark input[type="email"], .input-background .style-dark input[type="number"], .input-background .style-light .style-dark input[type="number"], .input-background .style-dark input[type="url"], .input-background .style-light .style-dark input[type="url"], .input-background .style-dark input[type="tel"], .input-background .style-light .style-dark input[type="tel"], .input-background .style-dark input[type="search"], .input-background .style-light .style-dark input[type="search"], .input-background .style-dark input[type="password"], .input-background .style-light .style-dark input[type="password"], .input-background .style-dark input[type="date"], .input-background .style-light .style-dark input[type="date"], .input-background .style-dark textarea, .input-background .style-light .style-dark textarea, .input-background .style-dark select, .input-background .style-light .style-dark select, .input-background .style-dark .select2-selection--single, .input-background .style-light .style-dark .select2-selection--single, .compose-mode.input-background .style-dark .lateral-nav-parent li, .compose-mode.input-background .style-light .style-dark .lateral-nav-parent li {
	background-color:transparent!important;
}