/*
Theme Name: Christmas Gospel
Theme URI: https://github.com/mauriziodm91/christmas-gospel
Author: Maurizio
Author URI: https://github.com/mauriziodm91
Description: A clean and modern custom WordPress theme built from scratch
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: christmas-gospel
*/

/* Import theme styles */
@import url("./assets/css/style.css");
.page-template-page-coro-italia .content-section:before,
.page-template-page-coro-italia .intro-section:before {
    content: "";
    background-image: url('../media/1275485.svg');
    pointer-events: none;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.03;
    left: -560px;
    top: 0;
    transform: rotate(90deg) scale(0.8);
    filter: drop-shadow(2px 4px 6px black);
    z-index: 1;
}
.page-template-page-coro-italia .content-section,
.page-template-page-coro-italia .intro-section {
    position: relative;
}
a.event-link {
  text-decoration: none !important;
}

.event-type-title {
	font-size: 30px !important;
	font-weight: bold;
}
.event-type-title:before {
	background-color:transparent !important;
}

.page-template-page-coro-italia h2, .page-template-page-coro-italia h3 {
	color: var(--secondary-color);
	text-align: start; 
}
/* Contenitore */
.regione h3 {
  position: relative;
}

/* Freccia come pseudo-elemento */
.regione h3 .freccia::before {
  content: "▸";
  font-size: 27px;
  display: inline-block;
  pointer-events: auto;       /* Si può cliccare */
  position: relative;
  z-index: 2;
  transition: transform 0.3s ease;
}


/* Freccia ruotata quando regione attiva */
.regione.active h3 .freccia::before {
  transform: rotate(90deg);
}



h3 .freccia {
  display: inline-block;
  width: 30px;       /* o auto, ma così è più facile da cliccare */
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
  cursor: pointer;
  z-index: 2;
}


.page-template-page-coro-italia h3 {
	font-size: 25px;
}

.page-template-page-coro-italia h2 {
	width: 100%;
	margin-top: 50px;
}

.page-template-page-coro-italia .regione {
	width: 50%;
}

.page-template-page-coro-italia .row > .col-lg-8.content-column {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 0px;
}


page-template-page-coro-italia  ul {
	list-style: none;
	padding-left: 0px !important;
}
.regione {
  position: relative;
  display: inline-block;
}

.regione {
  position: relative;
  display: block;
  margin-bottom: 1em;
}

.regione h3 {
  position: relative;
  cursor: pointer;
  padding-right: 20px;
  margin: 0;
  display: flex;
  align-items: center;
	width: fit-content;
}

.regione ul li a {
	text-decoration: none !important;
}

/* Freccetta */


/* Freccia ruotata se attivo */


/* Lista inizialmente nascosta */
.regione ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f9f9f9;
  border: 1px solid #ccc;
}

/* Mostra lista se attivo */
.regione.active ul {
  display: block;
}




/* Versione desktop: dropdown */
@media (min-width: 768px) {
  .regione ul {
    position: absolute;
    z-index: 10;
    background: #f9f9f9;
  }
}

/* Versione mobile: statico */
@media (max-width: 767px) {
	
	.page-template-page-coro-italia .regione {
    width: 50%;
    border-bottom: 1px solid var(--secondary-color);
    padding-bottom: 20px;
}
	
	.regione h3 {
    font-size: 22px;
    width: 100%;
}
	
	.regione ul {
		background: none;
		border:none;
	}
	.content-section {
		overflow: hidden;
	}
	.page-template-page-coro-italia .content-section:before {
    content: "";
    background-image: url(./assets/media/1275485.svg);
    pointer-events: none;
    background-size: cover;
    position: absolute;
    width: 432%;
    height: 110%;
    opacity: 0.03;
    left: -530px;
    top: -629px;
    filter: drop-shadow(2px 4px 6px black);
}
	
	.page-template-intern-page .content-section .btn {
		margin-bottom: 20px;
	}
	.page-template-intern-page .intro-section {
		height: 40vh!important;
	}
		
	.page-template-intern-page .intro-section .overflow-hidden::before {
		left: 0px !important;
	}
	
	.page-template-intern-page h1 {
    font-size: 50px !important;
    line-height: 110%;
}
	
	.btn-hub-italia a {
margin-bottom: 0px !important;
	}
		.btn-hub-italia  {
text-align: start !important;
	}
	.page-template-page-coro-italia h2 {
		margin-top: 50px;
	}
	
	.page-template-page-coro-italia .intro-section {
		height: 30vh !important
	}
	.page-template-page-coro-italia h1 {
		font-size: 50px;
	}
	
	.regione {
		width: 100% !important;
	}
  .regione ul {
    position: relative;
  }
}



.page-template-page-coro-italia .contact-form-container {
	padding: 20px 30px;
}
.page-template-page-coro-italia .intro-section{
 
    z-index: 1;

    background-color: var(--secondary-color);

}

.page-template-page-coro-italia .intro-section::before {
    content: "";
    background-image: url(../media/1275485.svg);
    width: 210%;
    height: 300%;
    top: -410px;
    left: 340px;
    position: absolute;
    background-color: transparent;
    opacity: 0.1;
    z-index: 10;
    background-repeat: no-repeat;
    /* transform: scale(1.5); */
    fill: var(--secondary-color);
}

.page-template-page-coro-italia .intro-section .container, .page-template-page-coro-italia .intro-section .row {
	height: 100%;
}



.page-template-page-coro-italia .intro-section  {
	margin-bottom: 60px;
}
.page-template-page-coro-italia  .intro-section {
    height: 250px;
}

    .regione ul {
        position: absolute;
        z-index: 10;
        background: #f9f9f9;
		padding: 10px 15px;
    }

.page-template-page-coro-italia .content-section {
	margin-bottom: 60px;
}



.regione {
	padding-right: 20px;
	
}

.regione h3 {
	font-size: 22px;
}

.page-template-page-coro-italia  .content-section:before{
    content: "";
    background-image: url("./assets/media/1275485.svg");
    pointer-events: none;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.03;

    left: -40%;
    top: 0;

    filter: drop-shadow(2px 4px 6px black);
   
    
}
.page-template-page-coro-italia  .intro-section {
	overflow: hidden;
}
.page-template-page-coro-italia  .intro-section:before{ content: "";
    background-image: url("./assets/media/1275485.svg");
    width: 210%;
    height: 300%;
    top: -410px;
    left: 340px;
    position: absolute;
    background-color: transparent;
    opacity: 0.1;
    z-index: 10;
    background-repeat: no-repeat;
    /* transform: scale(1.5); */
    fill: var(--secondary-color);}

.footer-text {
	display: none;
}
@media (max-width: 767px) {
	.regione ul {
		position: relative;
	}
	.content-section {
		overflow: visible!important;
	}
	.page-template-page-coro-italia .content-section:before {
    content: "";
    background-image: url(./assets/media/1275485.svg);
    pointer-events: none;
    background-size: cover;
    position: absolute;
    width: 432%;
    height: 110%;
    opacity: 0.03;
    left: -530px;
           top: -26%;
    filter: drop-shadow(2px 4px 6px black);
}
}



.regione a { transition: all .2s ease-in-out}
.regione a:hover {
	color: var(--primary-color);
}

.gospel-page h1, .about-us-page h1, .coro-page h1, .wedding-page h1, .contact-page h1 {
	line-height: 100%;
}