/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* GENERALI */
.jccenter, .jccenter>.col-inner{justify-content:center;display:flex}
.align-c>.col-inner{margin-right:auto!important;margin-left:auto!important}
.align-l>.col-inner{margin-right:0!important;margin-left:0!important}
.mbot0{margin-bottom:0!important}
.h100{height:100%}
.absolute-footer{display:none}
.tacenter{text-align:center}
.h2, h2{font-size:1.8em}
.h3, h3,.accordion-title > span {    font-size: 1.4em;    line-height: 1.2;}
.sfondo-sfumato-nero-grigio{background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 75%, rgba(161,172,180,1) 75%, rgba(161,172,180,1) 100%);}
.maxw-due_terzi > .col-inner{max-width:66.66%}
.banner-header{left:8.3333%}

.angolo-basso-sx .banner-layers.container{background-image: url('/wp-content/uploads/2024/04/angolo-basso-sx.png');
    background-position: bottom -1px left -1px;
    background-repeat: no-repeat;}

.light{font-weight:300}
.border-radius-top-left{border-top-left-radius:130px}
.border-radius-top-right{border-top-right-radius:130px}
.bg-blu{background-image:url("/wp-content/uploads/2024/06/bg-blu-brescia-for-charity.jpg");background-position:bottom;background-size:cover}

/* BOTTONI */
main a.button{transition:all 0.3s;top:0;line-height:1}
main a.button:hover{top:-7px;box-shadow:rgb(0 0 0 / 30%) 0px 3px 6px 0px}
main a.button.primary.nero{background-color:#000;}
main a.button.primary.nero:hover{background-color:#376fcc;}
main a.button.primary.nero.over-rosa:hover{background-color:#d83a94;}
main a.button.primary:hover{background-color:#000;}
main a.button.secondary:hover{background-color:#fff;}
main a.button.secondary:hover span{color:#000;}
main a.button span{font-weight:300;}
main a.button.bold span{font-weight:700;}
main a.button.is-small{padding:10px 35px;min-width:150px}
main a.button.primary.nero.dona{width:100%;}
main a.button.primary.nero.dona:hover{background-color:#D83A94;}

main a.button.primary.nero.hover-arancio:hover{background-color:#F7A81B}
main a.button.primary.nero.hover-fucsia:hover{background-color:#D83A94}

.button.secondary.is-xsmall{line-height:2.4em}

/* SPLASHSCREEN */
body:not(.home) #splashscreen{display:none;width:0;height:0}

/* HEADER */
.home .sfondo-granulare{display:none}
.sfondo-granulare{position:absolute;width:100%;top:-90px;left:0;}
.header-wrapper.stuck{background-color:#fff}

/* MENU */
.nav-spacing-xlarge>li.menu-item{background-color:rgba(161, 172, 180, 0);}
.nav-spacing-xlarge>li.menu-item:hover{background-color:rgba(161, 172, 180, 0.2);}
.nav-spacing-xlarge>li.menu-item a{padding:10px 15px}
.nav-spacing-xlarge>li a.button{/*line-height:2em*/;min-height:auto;}
.nav-spacing-xlarge>li a.button span{opacity:1;transition:all 0.3s;font-weight:700}
.nav-spacing-xlarge>li a.button:hover span{opacity:0;}
.nav-spacing-xlarge>li a.button:after{content:'';background-image:url('/wp-content/uploads/2024/03/cuore-bianco-brescia-for-charity.png');width:20.4px;height:17.6px;background-size:cover;opacity:0;transition:all 0.3s;position:absolute;left:calc(-20.4px / 2);margin-left:50%;top:7px}
.nav-spacing-xlarge>li a.button:hover:after{opacity:1;}
li.menu-item.current_page_item{background-color:#000;color:#fff}
.header:not(.transparent) .header-nav-main.nav > li.active.current_page_item > a{color:#fff}

.nav>li.current-menu-item>a{color:#fff}

/* BLOCCO DONA */
.cuore-dona{position:relative;margin-right:-18px!important;z-index:999;max-width:35px;}
.bg-rosa{background-image:url("/wp-content/uploads/2024/03/bg-rosa-brescia-for-charity-scaled.jpg");background-position:bottom;background-size:cover}
.bg-giallo>.col-inner{background-image:url("/wp-content/uploads/2024/03/bg-giallo-brescia-for-charity.jpg");background-position:bottom;background-size:cover}

/* BLOCCO ASSOCIAZIONI E PARTNER */
.bg-grigio{background-color:rgba(161, 172, 180, 0.2)}
.bg-grigio>.col>.col-inner>.row{margin-left:0!important;margin-right:0!important}
.bg-grigio .gallery-col .col-inner .box-image img{filter:grayscale(1);transition:0.1s all}
.bg-grigio .gallery-col .col-inner .box-image:hover img{filter:grayscale(0);}

/* GIORNATE SOLIDALI */
.giornate-solidali .cuore-giallo{position:absolute;max-width:35px;top:0;left:0;z-index:9999}

/* PAGINA PARTNER */
.logo-partner{max-width:300px}

/* PAGINA DONA */
.dona .bordo-dx{border-right:0.5px solid rgba(161, 172, 180, 0.5)}
.dona .bordo-sx{border-left:0.5px solid rgba(161, 172, 180, 0.5)}
.stack-loghi{flex-wrap:wrap;}

.testo-intro-corto{max-width:600px}

.h2-bigger > h2{font-size:2.0rem}
.titolo-overlay{position:absolute;top:50%;left:5%;width:90%;text-align:left;transform:translatey(-50%)}
.titolo-overlay > h2{margin-bottom:0}

.mezza-colonna {    width: 4.166666666%;    flex-basis: 4.16666666%;}

/* PAGINA FAQ */
.container-accordion{padding-left:100px}
.faq-intro h1{font-size:3em}
.accordion-bfc.accordion-item{margin-bottom:30px}
.accordion-bfc button.toggle{background:transparent;top:0;height:32px;width:32px;margin-right:0;opacity:1}
.accordion-bfc .icon-angle-down{line-height: 32px;    background: #000;    border-radius: 99px;    width: 32px;    height: 32px;color:#fff;font-size:22px;text-align:center}
.accordion-title{border-top:0;padding: 6px 12px 6px 100px;    max-width: 710px;}
.accordion-title.active{background-color:#fff}
.accordion-title > span {font-weight:700}
.accordion-title.active .icon-angle-down{background-color:rgba(161, 172, 180, 0.1);color:#000}
.testo-accordion{padding-left:6%;padding-right:6%}
.testo-accordion li{margin-bottom:0}

/* EVENTO */
.new-section-evento .border-radius-top-left>.col-inner, .new-section-evento .border-radius-top-right>.col-inner{display:flex;align-items:center;justify-content:center}
.bg-giallo.border-radius-top-left .col-inner{background-image:unset;}
.bg-giallo.border-radius-top-left{background-image:url("/wp-content/uploads/2024/06/bg-giallo-full-brescia-for-charity.jpg");}
.bg-rosa.border-radius-top-left .col-inner{background-image:unset;}
.bg-rosa.border-radius-top-left{background-image:url("/wp-content/uploads/2024/06/sfondo-fucsia-full.jpg");}
.gallery-evento .gallery-col.col{max-height:21vw;overflow:hidden}

@media all and (min-width:1180px) and (max-width:1440px){
	.nav-spacing-xlarge>li {    margin: 0 8px;}
}
@media all and (min-width:960px) and (max-width:1179px){
	.nav-spacing-xlarge>li {    margin: 0 4px;}
	.nav-spacing-xlarge>li.menu-item a {    padding: 10px 8px;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.sfondo-sfumato-nero-grigio{background-color:#000;background:#000}
	.tacenter.mobile-taleft{text-align:left}
	.banner h1, .faq-intro h1{font-size:3em}
	.h2, h2, {font-size:1.2em}
	.h3, h3, .accordion-title > span {    font-size: 1.2em;    line-height: 1.2;}
	.maxw-due_terzi > .col-inner{max-width:100%}
	.accordion-title{padding: 6px 12px 6px 40px}
	.testo-accordion{padding-left:0;padding-right:0}
	.accordion-bfc .accordion-inner{padding-top:0;padding-bottom:0}
	.container-accordion{padding-left:40px}
	.gallery-evento .gallery-col.col{max-height:32vw;}
}

@media only screen and (max-width: 549px) {
	.gallery-evento .gallery-col.col{max-height:60vw;}
	
}