/*
Theme Name: Twenty Twenty-Five Child theme of twentytwentyfive
Theme URI: 
Description: Child theme of twentytwentyfive theme for the Twenty Twenty-Five theme
Author: <a href="https://wordpress.org">the WordPress team</a>
Author URI: 
Template: twentytwentyfive
Version: 1.6
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sat, 20 Sep 2025 13:46:48 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

/* GENERAL */

@font-face {
	font-family: 'Absans';
	src: url('/stamina/wp-content/uploads/fonts/Absans-Regular.woff2') format("woff2"),
		url('/stamina/wp-content/uploads/fonts/Absans-Regular.woff') format("woff");
	font-weight: normal;
	font-style: normal;
}

html {
	scroll-behavior: smooth;
}

ul.stella-list {
	padding-left: 20px;
}

ul.stella-list li {
	padding-left: 0.5rem;
}

ul.stella-list li:not(:first-child):has(.profile) {
	margin-top: 1.2rem;
}

ul.stella-list li .name {
	margin-bottom: 0.3rem;
}

ul.stella-list li .profile {
	font-size: 1.1rem;
}

ul.stella-list li::marker {
	content: url('https://www.poesiainazione.it/stamina/wp-content/uploads/2025/12/Livello_1.jpg');
	padding: 0.5rem;
}


.bg-white {
    text-shadow: 
        3px 3px 0 #fff,
        -1px -1px 0 #fff,  
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

.violet-text {
	color: #0000FF;
    text-shadow: 
        3px 3px 0 #D1CFF3,
        -1px -1px 0 #D1CFF3,  
        1px -1px 0 #D1CFF3,
        -1px 1px 0 #D1CFF3,
        1px 1px 0 #D1CFF3;
}

:root {
	--stamina-blue: #0000FF;
	--stamina-accent: #CC0583;
}

div.has-global-padding {
	padding-left: 0;
	padding-right: 0;
}

body {
	color: #0000FF;
	font-family: 'Absans', sans-serif;
}

h2 {
	font-size: 2.5rem;
}

h4 {
	font-size: 1.5rem;
}

main {
	margin-top: 0;
}

.accent-text {
	color: var(--stamina-accent);
}

/* HEADER */

header {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	box-shadow: 0px 4px 13.6px 0px #0F0CD84F;
	background-color: #FFFFFF;
	z-index: 50;
}

header .header-content {
	max-width: 100%;
}

/*header div:where(.wp-block-group.wp-block-group-is-layout-constrained),
header .wp-block-navigation,
header .wp-block-navigation__responsive-dialog,
header .wp-block-navigation .wp-block-navigation-item {
	position: static;
}

header ul.wp-block-navigation__submenu-container {
	width: 100vw;
	left: auto;
	right: 0;
}*/

/*@media (min-width: 600px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		position: static;
	}
}*/

/* FOOTER */

footer {
	margin-top: 0 !important;
}

footer .is-layout-constrained > div.footer-content {
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

.footer-row {
	width: max-content;
	gap: 3rem;
	max-width: 100%;
}

.footer-contacts-container p {
	margin-top: 0;
}

@media(max-width: 1279px) {
	.footer-row {
		width: 100%;
		flex-wrap: wrap;
		gap: 1.5rem;
		padding: 0 var(--wp--preset--spacing--50);
	}
}

@media(min-width: 1080px) {
	.footer-row {
		justify-content: center;
	}
}

nav.stamina-nav {
	text-transform: uppercase;
}

nav.stamina-nav a span {
	color: var(--stamina-blue);
}

@media (min-width: 781px) {
	nav.stamina-nav ul.wp-block-navigation__submenu-container {
		max-height: 20rem;
		overflow: hidden !important;
		width: max-content !important;
		flex-wrap: wrap;
	}
}


/* WIP */ 

.work-in-progress {
	font-size: 0.8rem;
}

/* HERO */

.main-content,
section.hero-group {
	max-width: 100%;
}

.hero {
	height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
}

/*img.stamina-map {
	max-width: 800px;
	width: 100%;
}*/



.hero .description {
	position: absolute;
    width: 20rem;
	margin-top: 0;
	bottom: 0;
	padding-bottom: 5rem;
}

.hero .tags {
	position: absolute;
	margin-top: 0;
	right: 0;
	top: 0;
	padding-top: 8rem;
}

.hero .tags .tag-list {
	text-align: right;
}

.hero .tags figure {
	text-align: center;
}

.hero .tags img {
	margin-top: 2rem;
}

#hotspot-542 .hotspot-default:hover {
	stroke: none !important;
}

/* map */

#content-hotspot-542 {
	display: none !important;
}

div.hotspots-image-container,
#hotspot-542 .leaflet-container {
	background: transparent !important;
}

div.hotspots-image-container img.hotspots-image.skip-lazy {
	background: transparent !important;
	max-width: 800px;
}

@media (max-width: 1536px) {
	div.hotspots-image-container img.hotspots-image.skip-lazy {
	background: transparent !important;
	max-width: 600px;
}
}

@media(min-width: 768px) and (max-width: 1280px) {
	.hero .description {
		padding-bottom: 2rem;
	}
	.hero .description {
		width: 40rem;
	}
	div.hotspots-image-container img.hotspots-image.skip-lazy {
	background: transparent !important;
	max-width: 500px;
}
}

@media(max-width: 767px) {
	div.hotspots-image-container img.hotspots-image.skip-lazy {
	background: transparent !important;
	max-width: 400px;
		width: 100%;
}
	
	.tags-container figure {
		display: none;
	}
	
	.hero .tags {
		padding-top: 7rem;
	}
}



/* HOME CONTENT */

section.home-content {
	max-width: 100%;
}

.subsection {
	position: relative;
}

h4.home-section-title {
    margin-top: 0;
    padding-left: var(--wp--preset--spacing--50);
	border-bottom: 1px solid var(--stamina-blue);
	line-height: 1.5;
}

h4.home-section-subtitle {
	position: absolute;
	left: 50%;
    top: 0%;
    transform: translateX(-50%);
	line-height: 1.5;
	width: 100%;
	max-width: 850px;
}

.section-content {
	margin-top: 0;
}

section .section-content > div {
	max-width: 850px;
	margin: 3rem auto;
}

.azioni-container {
	justify-content: center;
	padding-top: 5rem;
	padding-bottom: 6rem;
}

.azioni-subsection {
	max-width: 850px;
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.azioni-buttons .wp-element-button {
	background-color: #FFFFFF;
	color: var(--stamina-blue);
	border: 1px solid var(--stamina-blue);
	box-shadow: 0px 4px 13.6px 0px #0F0CD84F;
	font-size: 1rem;
	padding: 1rem 1.5rem;
}

.return-top-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #FFFFFF;
	text-decoration: none;
	border-radius: 9999px;
	border: 1px solid var(--stamina-blue);
	font-size: 1rem;
	padding: 1rem 1.5rem;
	box-shadow: 0px 4px 13.6px 0px #0F0CD84F;
}

.bottom-image-container,
.bottom-image-container figure {
	margin-top: 0;
}

.azioni-description {
	padding: 0 var(--wp--preset--spacing--50);
}

@media(max-width: 1079px) {
	.azioni-buttons {
		padding: 0 var(--wp--preset--spacing--50);
	}
}

@media(max-width: 1400px) {
	h4.home-section-subtitle {
		position: static;
		transform: none;
		box-sizing: border-box;
		padding: 0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
		font-size: 1.5rem;
	}
}

@media(max-width: 767px) {
	
	.footer-map img {
		max-width: 70%;
	}
	.return-top-button {
		font-size: 0.7rem;
		padding: 0.9rem 1.3rem;
	}
}


/* single city */

.single-city-subheading {
	border-bottom: 1px solid var(--stamina-blue);
	max-width: 100%;
	justify-content: space-between;
}

.single-city-title {
	margin-top: 90px !important;
}

.single-city-title.cosa {
	gap: 2rem;
}

.single-city-content {
	min-height: 100vh;
}

.slider {
	text-align: center;
	margin-top: 90px;
}

.caption {
	margin-bottom: 1.2rem !important;
	max-width: 1024px;
}

.caption.link {
	max-width: 80% !important;
}

.poem {
	border-top: 1px solid var(--stamina-blue);
	line-height: 1.5;
}

.wp-embed-aspect-16-9.wp-has-aspect-ratio {
	max-width: 80%;
}

.city-section {
	margin-top: 0px !important;
}

#s-pio,
#liberta,
#madonnella,
#torre-quetta {
	padding-top: 90px !important;
}

		/* student proj */

.st-proj-header {
	margin-top: 90px !important;
	border-bottom: 1px solid var(--stamina-blue);
}


p.university,
.st-proj-gallery-statement h4 {
	text-transform: uppercase;
}

.student-university {
	justify-content: space-between;
}

.haiku-container {
	color: var(--stamina-accent);
}

.haiku-container h4,
.video-container h4 {
	text-transform: uppercase;
}

.haiku p {
	max-width: 260px;
}

.st-proj-gallery-statement .gallery figure {
	text-align: center;
}


@media (min-width: 781px) and (max-width: 1280px) {
	.st-proj-gallery-statement {
		flex-direction: column;
	}
	.caption {
		max-width: 80%;
	}
	
}

@media (max-width: 780px) {
	.wp-embed-aspect-16-9.wp-has-aspect-ratio {
		max-width: 100%;
	}
	#s-pio,
	#liberta,
	#madonnella,
	#torre-quetta {
	padding-top: 90px !important;
	}
	.single-city-title {
		margin-top: 90px;
	} 
	.st-proj-header {
	margin-top: 90px;
}
	.single-luogo .single-city-content p:not(.city-section-subtitle,.university,.statement),
	.caption {
		padding: 0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--20) var(--wp--preset--spacing--50);
	}
}

/* chi e cosa */

.page-title {
	margin-top: 90px !important;
}

.paragraph-title {
	color: var(--stamina-accent);
}

.chi-group {
	max-width: 1100px;
}

.chi-group .columns-container {
	max-width: 100%;
}

.cosa-slider {
	max-width: 100%;
}

.cosa-slider figure {
	text-align: center;
}

.chi-cosa-poem {
	max-width: 100%;
}

.chi-cosa-poem .poem-content {
	max-width: 600px;
}

.chi-cosa-poem .poem-container {
	justify-content: center;
	border-top: 1px solid var(--stamina-blue);
	border-bottom: 1px solid var(--stamina-blue);
}

.chi-cosa-section {
	max-width: 100%;
	position: relative;
}

.chi-cosa-section > div {
	max-width: 800px;
}

.chi-cosa-subtitle {
	position: absolute;
	top: 0;
	left: var(--wp--preset--spacing--50);
	max-width: 150px;
	font-size: 1.2rem;
}

.image-white-bg {
	background: white;
}

body.page-id-563 {
    background-image: 
        /* 1. TOP MASK: White for 180px */
        linear-gradient(to bottom, #ffffff 180px, transparent 180px),
        
        /* 2. BOTTOM MASK: White for 500px starting from bottom */
        linear-gradient(to top, #ffffff 615px, transparent 615px),
        
        /* 3. YOUR IMAGE */
        url(https://www.poesiainazione.it/stamina/wp-content/uploads/2025/12/sfondo.jpg);

    /* Define repeat behavior for all 3 layers */
    background-repeat: no-repeat, no-repeat, repeat-y;
    
    /* Define position for all 3 layers */
    background-position: center top, center bottom, 50% 180px;
    
    /* Ensure your image keeps its native size */
    background-size: auto !important;
}

@media (max-width: 1279px) {
	.chi-cosa-subtitle {
		position: static;
		margin-bottom: 2rem;
	}
}

@media (max-width: 768px) {
    body.page-id-563 {
        /* We list the size for all 3 layers in order:
           1. Top Gradient: auto (Fills the space naturally)
           2. Bottom Gradient: auto (Fills the space naturally)
           3. Your Image: 100% width, auto height (Scales down to fit mobile)
        */
        background-size: auto, auto, 98% auto !important;
    }
}


/* workshop */

.four-columns,
.four-columns > div,
.carousel-group {
	max-width: 100%;
}

.azioni-page-title {
	margin-top: 150px !important;
}

@media (max-width: 1280px) {
	.four-columns > .wp-block-columns {
		flex-wrap: wrap !important;
	}
   .four-columns > .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
}

@media(max-width: 780px) {
	.azioni-page-title {
		max-width: 150px;
	}
}

/* visioni */

.page-id-655 #cuornevale,
.page-id-655 #ta-ran-to {
	max-width: 100%;
}

body.page-id-655 .visioni-paragraph {
	max-width: 80%;
	margin-left: var(--wp--preset--spacing--50);
	margin-right: var(--wp--preset--spacing--50);
}

/* suoni */

body div.podcast-container {
	max-width: 100%;
}

body div.podcast-container .single-city-subheading {
	border-bottom: 1px solid var(--stamina-accent);
}

body div.podcast-container .single-city-subheading h2 {
	color: var(--stamina-accent);
}

@media(max-width: 781px) {
	body figure.podcast-image {
		display: none;
	}
}