/*
Theme Name: MelodySchool Child
Description: Child theme di MelodySchool per il sito dell'Associazione N.O.I.
Template: melodyschool
Version: 1.0.0
Text Domain: melodyschool-child
*/

/* Le personalizzazioni grafiche vanno qui sotto.
   Il CSS del tema genitore è caricato da functions.php. */

/* Questo file sostituisce il campo "Custom CSS" delle opzioni del tema, che va lasciato vuoto:
   le sue regole hanno !important e verrebbero caricate dopo queste.
   theme.css e responsive.css del genitore arrivano dopo questo file: dove servono, i selettori
   partono da "body.melodyschool_body" per prevalere. */

/* ---------- Testo ---------- */

body.melodyschool_body,
body.melodyschool_body .body_wrap {
	color: #333745;
}

/* Il :not lascia la dimensione scelta nell'editor a blocchi (classi has-*-font-size) */
body.melodyschool_body .post_content,
body.melodyschool_body .post_content p:not([class*="-font-size"]),
body.melodyschool_body .post_content li {
	font-size: 17px;
	line-height: 1.7;
}

body.melodyschool_body .post_content p {
	margin-bottom: 1em;
}

body.melodyschool_body .post_content li {
	margin-bottom: 0.4em;
}

/* Il turchese del tema su bianco è poco leggibile: nei testi si usa la sua variante scura */
body.melodyschool_body .post_content a {
	color: #2b6762;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.melodyschool_body .post_content a:hover {
	color: #59c6bc;
}

/* Colonna di lettura più stretta, allineata a sinistra come titolo e header */
body.sidebar_hide .page_content_wrap .content {
	max-width: 820px;
	float: none;
}

/* ---------- Header ---------- */

.top_panel_style_6 .top_panel_middle .content_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2em;
	padding: 1.2em 0;
}

.top_panel_style_6 .top_panel_middle .content_wrap:after {
	display: none;
}

.top_panel_style_6 .contact_logo {
	float: none;
	max-width: 38%;
	flex: 0 1 auto;
}

.top_panel_middle .logo {
	margin: 0;
}

/* Il <br> fra titolo e motto è nel template del tema */
.top_panel_wrap .logo br {
	display: none;
}

body.melodyschool_body .top_panel_wrap .logo_text {
	float: none;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
}

.top_panel_wrap .logo_slogan {
	float: none;
	font-size: 14px;
	font-style: normal;
	line-height: 1.4;
	margin-top: 0.3em;
}

.top_panel_style_6 .menu_main_wrap {
	float: none;
	flex: 0 1 auto;
}

.top_panel_middle .menu_main_wrap {
	margin: 0;
}

body.melodyschool_body .menu_main_nav > li > a {
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
	padding: 0.6em 0.9em;
}

/* Sottomenu: il tema fissa larghezza e posizione in px, qui si cambia solo il testo */
.scheme_original .menu_main_nav > li ul {
	border-color: #33a197;
}

body.melodyschool_body .menu_main_nav > li ul li a {
	font-size: 14px;
	line-height: 1.35;
	text-transform: none;
}

/* ---------- Fascia titolo e percorso ---------- */

.top_panel_title .page_title {
	font-size: 26px;
	font-weight: 700;
	text-transform: none;
	padding: 0.7em 0;
}

.top_panel_title .breadcrumbs {
	font-size: 14px;
	padding: 1.6em 0 1.2em;
}

/* ---------- Piè di pagina ---------- */

body.melodyschool_body .copyright_wrap .logo_text {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

/* ---------- Mobile (header del tema sotto i 1024px) ---------- */

body.melodyschool_body .header_mobile .logo_text {
	font-size: 22px;
	font-weight: 700;
}

.header_mobile .logo_slogan {
	font-size: 13px;
	font-style: normal;
}

@media (max-width: 768px) {
	body.melodyschool_body .post_content,
	body.melodyschool_body .post_content p:not([class*="-font-size"]),
	body.melodyschool_body .post_content li {
		font-size: 16px;
	}
}