/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
	--azzurro:#1658D9;
	--blu:#1658D9;
	--giallo:#FCC245;
	--arancione:#EE7532;
	--viola:#704494;
	--verde:#2C906C;
	--blu-chiaro:#3F62AC;
	--blu-scuro:#263470;
}


a, a:focus, button, button:focus, input:focus, textarea:focus  {
outline : none!important;
}
.azzurro {
color: var(--azzurro);
}
.blu {
color: var(--blu);
}
.giallo {
color: var(--giallo);
}
.arancione {
color: var(--arancione);
}
.viola {
color: var(--viola);
}
.verde {
color: var(--verde);
}
.blu-chiaro {
color: var(--blu-chiaro);
}
.blu-scuro {
color: var(--blu-scuro);
}
.scopri i {
transform: rotate(90deg);
margin-top: 3%;
transition: all 0.3s;
}
.scopri:hover i {
margin-right: 5px;
transition: all 0.3s;
}
.accordion-elemento, .accordion-elemento * {
transition: all 0.3s;
}
.accordion-elemento.acco1.brx-open .accordion-title-wrapper *, .accordion-elemento.acco1:hover .accordion-title-wrapper * {
color: var(--giallo)!important;
transition: all 0.3s;
}
.accordion-elemento.acco2.brx-open .accordion-title-wrapper *, .accordion-elemento.acco2:hover .accordion-title-wrapper * {
color: var(--arancione)!important;
transition: all 0.3s;
}
.accordion-elemento.acco3.brx-open .accordion-title-wrapper *, .accordion-elemento.acco3:hover .accordion-title-wrapper * {
color: var(--viola)!important;
transition: all 0.3s;
}
.accordion-elemento.acco4.brx-open .accordion-title-wrapper *, .accordion-elemento.acco4:hover .accordion-title-wrapper * {
color: var(--verde)!important;
transition: all 0.3s;
}
.accordion-elemento.acco5.brx-open .accordion-title-wrapper *, .accordion-elemento.acco5:hover .accordion-title-wrapper * {
color: var(--blu-chiaro)!important;
transition: all 0.3s;
}
.accordion-elemento.acco6.brx-open .accordion-title-wrapper *, .accordion-elemento.acco6:hover .accordion-title-wrapper * {
color: var(--blu-scuro)!important;
transition: all 0.3s;
}
.box-elementi {
container-type: inline-size;
}
.menu-item a {
transition: all 0.3s;
}
.menu-item-39.current_page_item a, .menu-item-39:hover a { color: var(--giallo)!important;
transition: all 0.3s;
}
.menu-item-38.current_page_item a, .menu-item-38:hover a { color: var(--arancione)!important;
transition: all 0.3s;
}
.menu-item-40.current_page_item a, .menu-item-40:hover a { color: var(--viola)!important;
transition: all 0.3s;
}
.menu-item-35.current_page_item a, .menu-item-35:hover a { color: var(--verde)!important;
transition: all 0.3s;
}
.menu-item-36.current_page_item a, .menu-item-36:hover a { color: var(--blu-chiaro)!important;
transition: all 0.3s;
}
.menu-item-37.current_page_item a, .menu-item-37:hover a { color: var(--blu-scuro)!important;
transition: all 0.3s;
}
#menu-top-menu {
z-index: 99
}
#menu-top-menu li a {
position: relative;
overflow: hidden;
transition: all 0.3s;
z-index: 1;
}
#menu-top-menu li a::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
content: "";
background-color: var(--blu-scuro);
z-index: -1;
transition: all 0.3s;
width: 0;
}
#menu-top-menu li a:hover, #menu-top-menu li.current-menu-item a {
transition: all 0.3s;
color: #fff!important;
}
#menu-top-menu li a:hover::before, #menu-top-menu li.current-menu-item  a::before {
width: 100%;
transition: all 0.3s;
}
header a, header img {
transition: all 0.3s;
}
header.scrolling {
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.26);
}
.voci-menu {
  column-count: 2;
  column-gap: 20px;
}
.voci-menu li { break-inside: avoid; /* Evita che l'elemento venga spezzato tra colonne */ }
.colonna-a {
position: relative;
}
.colonna-a::before {
position: absolute;
bottom: 0;
right: 0;
content: "";
background-image: url(https://meglioora.fondazioneania.it/wp-content/uploads/2025/10/linea.png);
background-repeat: repeat-x;
background-size: auto 100%;
  width: 100%;
  height: 100px;
}
.img-dentro {
min-width: 300px;
margin-right: 30px;
}
.tappa-foto img {
border-radius: 15px;
}





@media (max-width:1120px) {
#menu-main-menu li a {
font-size: 13px!important;
}
.bricks-site-logo {
width: 180px!important;
}
#brxe-gopuad {
width: 95px!important;
}


}


@media (max-width:767px) {
.img-dentro {
min-width: inherit;
width: 100%;
}
.voci-menu {
  column-count: 1;
}
  
}