/* 
	Theme Name: WAU 2025
	Description: Tema con Bootstrap 5.3
	Author: CF.com
	Version: 1.0
	Date: Dic 2025
*/

/* ======================= CSS variables & default style ====  */

/* colors and variables */
* {
    --zo-text: #111;
    --zo-text-light: #444;
	--zo-arancio: #E9501C;
    --zo-verde: #00A642;
    --zo-blu: #054A91;
	--zo-azzurro: #01BAEF;
	--zo-giallo: #F3B700;
    --zo-fontH: 'Poppins', sans-serif;
    --zo-font: 'Poppins', sans-serif; 
   
}
html {scroll-behavior: smooth;}

/* typography */
body {color:var(--zo-text); font-family: var(--zo-font) !important;}
h1,h2,h3,h4,h5 {font-family:var(--zo-fontH); font-weight:500;}
#page h1, #page h2, #page h3, #page h4, #page h5 {margin-top:15px;}

a, a.icon-link {text-decoration: underline; color:var(--zo-text-light);}
#page a {text-decoration: underline; color:#000;}
#page a :hover {}

p {line-height:150%;}
strong {font-weight:600;}
hr.wp-block-separator {margin-top:50px !important; margin-bottom:50px !important;}

.t-arancio {color:var(--zo-arancio) !important;}
.t-azzurro {color:var(--zo-azzurro) !important;}

/* form */
.input, textarea, .form-control {border-radius: 0;}


/* ===== LAYOUT + HEADER + FOOTER ===== */


body {}

#header {margin-bottom:2em; margin-top:2em;}
body.page-template-homepage-milano #header {margin-bottom:0;}
#header .logo img {max-width:200px;}

#header .claim {text-align:center; font-size:1em; border-bottom:1px solid #d8d8d8; margin:1.5em 0 3em; text-transform: uppercase; font-weight:600; letter-spacing:1.5px;}
#header .claim span {display:inline-block; color:var(--zo-arancio); background:#d8d8d8; position:relative; bottom:-20px; padding:5px 50px; border-radius: 35px;}


#main-menu {background:var(--zo-arancio); border-radius: 35px; padding:10px;}
#main-menu ul li a {padding:.5em 1.2em; display:inline-block; text-decoration:none; color:#FFF;}
#main-menu ul li.current-menu-item a, #main-menu ul li.current-page-ancestor a, body.single-post #main-menu ul li.m-milano a {background:#000; border-radius: 35px;}
button.navbar-toggler {background-color: var(--zo-arancio) !important; border-radius: 30px;}
.navbar-toggler-icon {}


#milano-menu {background:#eee; border-radius: 35px; padding:10px; display:none;}
#milano-menu ul li a {padding:.5em 1em; display:inline-block; text-decoration:none; color:#000;}
#milano-menu ul li.current_page_parent, #milano-menu ul li.current-menu-item {background:var(--zo-arancio); border-radius: 35px; }
#milano-menu ul li.current_page_parent a, #milano-menu ul li.current-menu-item a {color:#FFF;}

/* mostra #milano-menu nella pagine figlie di /milano (ID=14) e nei post e archivi */
.page-id-14 #milano-menu, .parent-pageid-14 #milano-menu, .blog #milano-menu, .single-post #milano-menu, .archive #milano-menu  {display:block;}


#footer {background-color:#FFF; border-top:1px solid #d8d8d8; padding-bottom:50px;} 	
#footer .logo {max-width:150px;}
#footer .copy {color:#666; font-size:.8em; padding-left:30px; margin-top:15px;}
.footer-menu ul {margin:0; padding:0;}
.footer-menu ul li { display:block; margin-bottom:12px;}
.footer-menu ul li a {padding:0 5px; text-decoration:none; color:#999;}
.footer-menu ul li a:hover {color:var(--zo-text);} 


/* ===== COMMON ELEMENTS  ===== */

.titolo-full {text-align:center; font-size:3em; border-bottom:1px solid #666; margin:1.5em 0; }
.titolo-full span, .titolo-full em {display:inline-block; background:#FFF; position:relative; bottom:-25px; font-style: normal;}

/* mio bottone */
#page a.btn.w-btn {font-weight: 600; border-radius: 30px; color:#FFF; text-decoration:none;}
#page a.btn.w-btn svg {margin-left:20px;}

/* bottone wp sovrascrivo */
#page a.wp-block-button__link {background:none !important; border:1px solid #000; color:#000 !important; text-decoration:none;}
#page a.wp-block-button__link:hover {background:#000 !important; color:#FFF !important;}
#page a.wp-block-social-link-anchor {color:#FFF;}

/* box */
.w-box {height:100%; background:#d8d8d8; padding:30px; border-radius: 30px;}
.w-box h5 {font-size:1em; font-weight:500; color:var(--zo-arancio); margin-bottom:2em;}
.w-box h3 {font-size:2em; font-weight:500;}
	
	blockquote {font-size:2em; line-height:1.2; margin: 0 0 0 2em; padding:0.5em;}
	blockquote p {margin:0;}
	cite {font-size:.6em;}
	.wp-caption {text-align: center; margin-bottom: 15px; max-width: 100%;}
	.wp-caption-text {font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0;}		

	
/* paginazione standard */
.paging {margin:2em 0 3em;}
.paging a {font-weight: 600; border-radius: 30px; color:#FFF !important; text-decoration:none !important; padding:4px 12px; background:#000;}
.paging .prev a { }
.paging .next a { }

/* attachment */
.attachment {text-align:center;}
.attachment	h1 {text-align:left;}
.attachment	img {}


/* ====================== HOMEPAGE GLOBAL ========================== */

.hp-intro h2 {font-size:4em; padding-top:20px; padding-bottom:30px; font-size:500;}
.hp-intro h2 strong {color:var(--zo-arancio); font-size:500;}
.hp-intro p {max-width:70%; margin-bottom:20px;}

.hp-lancio-milano {}
.w-box.m-progetti {background:#000; color:#FFF;}
.w-box.m-progetti a {color:#FFF !important;}
.w-box.m-eventi {background:var(--zo-arancio); color:#FFF; padding:0;}
.w-box.m-eventi h5 {color:#000;}
.w-box.m-eventi h3 a {color:#FFF !important; text-decoration:none;}
.w-box.m-eventi h3 a:hover {color:#000;}

.w-box.m-eventi .item-evento-text {padding:20px;}
.w-box.m-eventi .item-evemto-info {padding:20px;}
.w-box.m-eventi .item-evento-cat {background:#000; border-radius: 30px; padding:3px 10px; font-size:.9em;}
.w-box.m-eventi .item-evento-data {background:#FFF; color:#000; border-radius: 30px; padding:3px 10px; font-size:1.2em; display:block;}
.w-box.m-eventi .item-evento-cover {background-size:cover; border-radius: 0 0px 30px 30px;}

.hp-lancio-napoli {}
.w-box.n-storia {padding:0;}
.w-box.n-storia .card-body {padding:20px;}
.w-box.n-storia .card-cover {background-size:cover; background-position:center bottom; border-radius: 0 30px 30px 0;}
.w-box.n-eventi {background:var(--zo-azzurro);}
.w-box.n-eventi h5 {color:#000;}
.w-box.n-eventi h3 span {color:#FFF;}


/* ====================== HP MILANO ========================== */ 

.hp-milano-hero {padding:80px 0;  margin-top:-30px; background-image: url(images/hero.png); background-repeat:no-repeat; background-position:bottom right; background-size:contain;}
.hp-milano-hero .hero-text {width:50%;}
.hp-milano-hero img.hero {position:absolute; z-index:-1; }
.hp-milano-hero h3 {font-size:2.8em; margin-bottom:25px;}

.hp-milano-lancio-eventi {position:relative; top:-30px;}
.item-evento-list {background:#d8d8d8; border-radius: 15px;}
.item-evento-list .e-concluso .iel-foto {opacity:.6;}
.item-evento-list .e-concluso .iel-info {background:#e6e6e6;}

	.iel-foto { padding:15px; border-radius: 15px 0 0 15px; background-size:cover; background-position:center bottom; min-height:120px;}
	.iel-info {background:#FFF; padding:20px 10px; color:#000; border-radius:  0 15px 15px 0; box-shadow: 2px 0px 8px 1px rgb(0 0 0 / 10%);}
	.iel-data {font-weight:600; font-size:1.2em;}
	.iel-foto p {color:#000; font-weight:600; }
	.iel-testo { color:var(--zo-text); padding:15px; font-size:.9em;}
	.iel-cat {background:var(--zo-arancio); color:#FFF; border-radius: 3px; padding:3px 10px; font-size:.9em;}
	.iel-testo h4 {font-size:1.2em; color:#000; text-decoration:none; margin-top:10px;}
	.iel-testo p {margin:0;}

/* LISTING EVENTI */
.evento-listing .e-thumb {position:relative;}
.evento-listing .e-thumb.e-concluso {opacity:.7;}
.evento-listing .new {display:inline-block; position:absolute; top:7px; left:-5px; border-radius: 5px; background:var(--zo-azzurro);font-size:.7em; color:#FFF; padding:2px 5px;}
.evento-listing .socio {display:inline-block; position:absolute; top:7px; left:-5px; border-radius: 5px; background:var(--zo-giallo); color:#000; font-size:.7em; padding:2px 5px;}}

.evento-listing h1 {font-size:2em; margin-top:12px !important;}
.evento-listing h3 {font-size:1.3em; margin-top:10px !important;}

/* SCHEDA EVENTI */
.evento-scheda {}


/* GRID e LISTA PROGETTI */
.w-grid-progetti {margin-bottom:50px;}
.w-grid-progetti .wp-block-group {background:#f4f4f4;}
.w-grid-progetti .wp-block-group h4, .w-grid-progetti .wp-block-group p {padding-left:10px; padding-right:10px;}
.w-grid-progetti .wp-block-group:last-child {background:none;}

.w-list-progetti .wp-block-media-text {background:#f4f4f4; margin-bottom:1em; border-radius: 30px;}
.w-list-progetti .wp-block-media-text img {border-radius: 30px 0 0 30px;}
.w-list-progetti .wp-block-media-text h3 {font-size:1.5em; margin-top:1em;}

.w-tre-lanci {margin-top:30px; margin-bottom:30px;}
.w-tre-lanci .wp-block-column {border-right:2px solid #FFF; padding-right:10px; }
.w-tre-lanci .wp-block-column:last-child {border:0;} 


/* ====================== OTHERS ========================== */

.timeline {position: relative;  margin: 30px 0px 0px;}
.timeline::after {content: ''; position: absolute; top: 0; bottom: 0; left: 50%;  width: 6px; margin-left: -3px; background: transparent linear-gradient(180deg, #E9501C 0%, #054A91 100%) 0% 0% no-repeat padding-box; border-radius: 6px;}
.step {padding: 0px 20px; position: relative; width: 50%; }
.step.left {left: 0; text-align:right; padding-left:0;}
.step.right {left: 50%; padding-right:0;}
.step::after { content: ''; position: absolute; width: 28px; height: 28px; top: 0px; right: -14px; background: #E9501C; border-radius: 28px; z-index: 1; box-shadow: 0px 3px 20px #81818143; }
.step.right::after {left: -16px;}
.step .step-content {position: relative; top:-6px;}
.step .step-content h4 {margin-bottom:6px; font-size: 25px; font-weight: normal; color:#E9501C;}
.step .step-content p {line-height:1.3;}




/* ====================== Responsive (Media query) ============= */


/* ============ Small devices ONLY */
@media (max-width: 767.99px ) { 

	#header {margin-bottom:1em; margin-top:1.5em;}
	#header .logo img {max-width:120px;}
	#main-menu ul li a {padding: 0.2em 1.2em;}
	#header .claim {margin: 0 0 1.5em; }
	#header .claim span {border-radius: 0;}
	#menu-menu-milano {margin-top:15px;}

	.hp-intro h2 {font-size:2em; margin:15px;}
	.hp-intro p {max-width:100%;}

	.hp-lancio-milano .col, .hp-lancio-napoli .col {margin-bottom:1em;}
	.w-box h5 {margin-bottom:1em;}
	.w-box h3 {font-size: 1.6em;}
	.hp-lancio-milano .w-box.m-eventi {height:380px;}
	.w-box.n-storia .card-cover {height:330px; background-position:center top;}

	/* milano */
	.hp-milano-hero {padding:30px 0 90px; background-image: url(images/hero-vert.png); background-position:bottom right; background-size:contain;}
	.hp-milano-hero .hero-text {width:95%; }
	.hp-milano-hero h3 {font-size:1.6em; margin-bottom:25px;}
	.hp-milano-lancio-eventi .w-box.m-eventi {margin-top:1em;}
	.w-tre-lanci .wp-block-column {border-right:0; border-bottom:2px solid #FFF; padding-right:0px; padding-bottom:20px;}

	.evento-listing .e-thumb {width:80px !important; height:80px !important;}
	.evento-listing h1 {font-size:1.3em;}
	.evento-listing h3 {font-size:1.1em;}
	

}

/* ============ Medium devices ONLY */
@media (min-width: 768px) and (max-width: 991.98px) {  

	
}

/* ============ Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  

	.hp-milano-hero .hero-text {width:50%;}

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

	

}