/*
 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:#4DB7FE;
	--blu:#2e3f6e;
	--bianco:#fff;
	--celeste:#4c97fd;
	--rosa:#F75C96;
	--nero:#363636;
	--grigio:#ececec;
	--verde:#5ecfb1;
	--giallo:#f8bd38;
	--giallo-chiaro:#ffd64f;
	--arancio:#F46464;
}


a, a:focus, button, button:focus {
outline : none!important;
}
a, a:hover {
transition: all 0.3s;
}
section > .brxe-container {
width: 1340px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.testata-small .brxe-container .brxe-container {
width: 100%;
}
.brxe-image-gallery :where(figure) {
margin-bottom: 0!important;
}

.azzurro {
color: var(--azzurro);
}
.giallo {
color: var(--giallo);
}
.giallo-chiaro {
color: var(--giallo-chiaro);
}
.sottolineato {
text-decoration: underline;
}
.form-attivita lable {
margin-bottom: 2px;
}
.my-slider {
position: relative;
}
.azzurro b {
font-weight: 900;
}
.my-slider::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: #000;
opacity: 0.5;
pointer-events: none;
}
h1 .typed {
color: var(--azzurro);
}
.typed-cursor {
color: var(--blu);
}
.box-icone-home svg {
width: 65px;
fill:var(--azzurro);
position: relative;
transition: all 0.3s;
}
.box-icone-home .st0 {
stroke: var(--azzurro);
fill:var(--azzurro);
transition: all 0.3s;
}
.box-icona-testo {
transition: all 0.3s;
font-weight: 500;
}
.box-icone-home:hover .box-icona-testo {
color: #fff;
transition: all 0.3s;
}
.box-icone-home:hover .st0 {
fill: var(--azzurro);
stroke: var(--azzurro);
}
.box-icone-home:hover svg, .box-icone-home:hover .st0, .freccia-giu-home-box:hover i {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-animation: bounce 1s;
animation: salta 1s;
fill:#fff;
stroke: #fff;
}
@-webkit-keyframes salta {
0%, 20%, 60%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
80% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); } }
@keyframes bounce {
0%, 20%, 60%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
80% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); } }

.bottone-azzurro {
box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.1);
border-radius: 4px;
}
.col-step svg, .col-step .st0, .col-step .stroke {
fill: var(--azzurro)!important;
stroke:var(--azzurro)!important;
}
.col-step b {
color: var(--blu);
}
.col-step a {
text-decoration: underline;
color: var(--blu);
}
.col-step {
position: relative;
}
.col-step::before {
position: absolute;
right: -25px;
top: 0;
height: 100%;
width: 3px;
content: "";
background-color: #f9f9f9;
}
.col-step:last-child::before {
display: none;
}
.singolo-ciclo {
position: relative;
}
.singolo-ciclo-sotto {
background: #fff;
z-index: 9;
}
.singolo-ciclo::before {
content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  z-index: 1;
  height: 50px;
border-radius: 50%;
box-shadow: 0 10px 14px 0 rgba(37,44,65,0.12);
}
.singolo-ciclo-sopra {
position: relative;
}
.singolo-ciclo-sopra::before {
content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 30%;
  background: linear-gradient(to bottom, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
  z-index: 2;
  pointer-events: none;
  opacity: 0.2;
  pointer-events: none;
  transition: all 0.3s;
}
.singolo-ciclo-sopra:hover::before {
transition: all 0.3s;
opacity: 0.5;
}
.singolo-ciclo-sopra .icona-piu {
transition: all 0.3s;
opacity: 0;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
pointer-events: none;
text-align: center;
  top: calc(50% - 10px);
  font-size: 20px;
}
.singolo-ciclo-sopra:hover .icona-piu {
  top: calc(50% - 20px);
transition: all 0.3s;
opacity: 1;
font-size: 40px;
}
.elenco-categoria a {
font-weight: 500!important;
}
.ico-elenco {
width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
}
.ico-Stanze {
background-color: var(--rosa);
text-align: center;
margin-right: 10px;
}
.ico-elenco svg {
fill: #fff;
  width: 35px;
  padding: 3px;
}
.ico-animazione {
background-color: var(--verde);
text-align: center;
margin-right: 10px;
}
.ico-animazione svg {
fill: #fff;
stroke: #fff;
  width: 35px;
  padding: 3px;
}
.ico-animazione svg .st0 {
fill: #fff;
stroke: #fff;
}
.ico-rinfresco {
background-color: var(--arancio);
text-align: center;
margin-right: 10px;
}
.ico-rinfresco svg {
fill: #fff;
stroke: #fff;
  width: 35px;
  padding: 3px;
}
.ico-rinfresco svg .st0 {
fill: #fff;
stroke: #fff;
}
.ico-decorazioni {
background-color: var(--celeste);
text-align: center;
margin-right: 10px;
}
.ico-decorazioni svg {
fill: #fff;
stroke: #fff;
  width: 35px;
  padding: 3px;
}
.ico-decorazioni svg .st0 {
fill: #fff;
stroke: #fff;
}
.elenco-ico-box p {
margin-bottom: 0;
}
.elenco-via i {
font-size: 25px!important;
}
.elenco-caratteristiche i {
color: var(--nero)!important;
}
.elenco-caratteristiche > div {
border-right: 1px solid var(--grigio);
margin-right: 10px;
padding-right: 10px;
max-width: max-content;
}
.elenco-caratteristiche > div:last-child {
border: 0;
}
.add-wishlist {
border-radius: 50%!important;
}
.add-wishlist > div {
text-align: center!important;
padding-top: 0;
}
.add-wishlist a {
color: var(--verde);
background: rgba(46, 63, 110, 0.7) !important;
border-radius: 50% !important;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  padding-top: 2px;
  box-shadow: 0 10px 14px 0 rgba(37,44,65,0.22);
}
.add-wishlist a.save {
background: rgba(255, 255, 255, 0.87) !important;
}
.da {
font-weight: 500;
  font-size: 17px;
}
.link {
color: var(--blu);
font-weight: 600;
}
.cerca-menu {
margin-left: 0;
  background: rgba(255, 255, 255, 0.27) !important;
  border-radius: 16px;
  padding: 2px 12px 3px 30px;
  display: none;
}
#menu-main-menu li {
padding-top: 2px;
padding-bottom: 3px;
}
.brxe-breadcrumbs > a:first-of-type {
color: var(--arancio);
font-weight: 600;
}
.brxe-breadcrumbs > a:first-of-type i {
font-size: 18px;
}
.brxe-breadcrumbs .separator {
margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
}
.brxe-breadcrumbs a.item:hover {
color: var(--arancio);
}
.singola-pagina-box-info, .singola-pagina-box-contatto {
border-radius: 16px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);
}
.social-share li {
margin-left: 7px;
}
.social-share li a {
border-radius: 10px!important;
border: 1px solid var(--grigio)!important;
padding: 18px;
}
.singola-lista-servizi {
column-count: 3;
column-gap: 20px
}
.singola-lista-servizi li { 
break-inside: avoid;
padding-left: 15px;
position: relative;
margin-bottom: 5px;
}
.singola-lista-servizi li::before {
position: absolute;
left: 0;
top: 10px;
content: "•";
color: var(--azzurro);
font-size: 30px;
line-height: 0;
}
.banner-A .bottone-azzurro {
box-shadow: none!important;
}
.banner-A {
position: relative;
}
.banner-A::before {
content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
  z-index: 2;
  pointer-events: none;
  opacity: 0.5;
  pointer-events: none;
  transition: all 0.3s;
}
.banner-A::after {
content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 75%;
  background: linear-gradient(to bottom, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
  z-index: 2;
  pointer-events: none;
  opacity: 0.5;
  transform: rotate(180deg);
  transition: all 0.3s;
}
.banner-A p {
z-index: 9;
}
.ccc-favorite-post-count a {
position: relative;
}
.ccc-favorite-post-count a::before {
font-size: 25px;
}
.ccc-favorite-post-count a span {
position: absolute;
bottom: 0;
right: -4px;
}
.anima-Uomo .ani-donna {
display: none;
}
.anima-Donna .ani-uomo {
display: none;
}
.serv-rinfresco {
width: auto;
}
.serv-rinfresco li {
padding-left: 0;
}
.serv-rinfresco li::before {
display: none;
}
.svgA svg, .svgB svg, .svgC svg {
width: 70px;
}
.svgA .st0 {
fill: #f75c96 !important;
stroke: #f75c96 !important;
}
.svgB svg {
fill: #5ecfb1 !important;
}
.giu-blu#elenco {
filter: invert(21%) sepia(90%) hue-rotate(190deg) saturate(300%);
}
.lista-plus {
column-count: 2;
column-gap: 50px;
}
.lista-plus li {
break-inside: avoid;
}
.sin-review {
border-radius: 16px;
}
.menu-footer li {
position: relative;
padding-left: 20px;
margin-bottom: 8px;
}
.menu-footer li::before {
position: absolute;
left: 0;
top:10px;
content: "•";
color: var(--azzurro);
font-size: 44px;
line-height: 0;
}
.aggiungi-footer a {
color: var(--azzurro)!important;
}
footer {
overflow: hidden;
}
.piccolo {
font-size: 20px;
}
.cost-anno {
font-size: 20px;
margin-left: 6px;
}
.chiudi {
opacity: 0;
position: absolute;
top: 16px;
right: 18px;
transition: all 0.3s;
}
.no-scroll .chiudi {
opacity: 1;
transition: all 0.3s;
}
.scrolling .chiudi {
top: 5px;
}
header.scrolling {
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.46);
}
.my-menu-mob {
opacity: 1;
transition: all 0.3s;
}
.no-scroll .my-menu-mob {
opacity: 0;
transition: all 0.3s;
}
.sfondo-menu-mob::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.barrato {
position: relative;
color: #c1c6c9;
  font-size: 26px;
}
.barrato::before {
position: absolute;
  left: -7px;
  top: 47%;
  width: calc(100% - -8px);
  height: 2px;
  background: var(--blu);
  content: "";
  transform: rotate(-19deg);
}
.submit-button-wrapper button {
border-radius: 5px;
  padding: 13px 25px;
  margin-top: 30px;
}
.form_privacy {
margin-top: -13px;
  font-size: 12px;
}
.form_testo {
color: #2e3f6e;
  font-weight: 600;
  text-align: center;
  margin-top: 30px;
  margin-bottom: -20px;
  font-size: 18px;
  line-height: 1.3em;
}
.form_pro {
color: #4c97fd;
  font-weight: 600;
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  line-height: 1.3em;
}
.form_testo b {
font-weight: 800;
}
.tab-ricerca .tab-title {
position: relative;
}
.tab-ricerca .tab-title::before {
position: absolute;
left: 0;
right: 0;
bottom: -16px;
margin: 0 auto;
background: #fff;
height: 20px;
width: 40px;
content: "";
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
transition: all 0.1s;
opacity: 0;
pointer-events: none;
}
.tab-ricerca .tab-title.brx-open::before {
transition: all 0.1s;
opacity: 1;
}
.my-slider.aa {
background-image: url(https://www.stanzaperfeste.it/wp-content/uploads/2025/02/slide-stanze-per-feste.jpg)!important;
transition: all 0.3s;
}
.my-slider.bb {
background-image: url(https://www.stanzaperfeste.it/wp-content/uploads/2025/02/slide-animazione-per-feste.jpg)!important;
transition: all 0.3s;
}
.my-slider.cc {
background-image: url(https://www.stanzaperfeste.it/wp-content/uploads/2025/02/slide-servizi-catering-per-compleanno.jpg)!important;
transition: all 0.3s;
}
.my-slider.dd {
background-image: url(https://www.stanzaperfeste.it/wp-content/uploads/2025/02/slide-negozi-che-vendono-decorazioni-per-compleanno.jpg)!important;
transition: all 0.3s;
}
.rid-whatsapp {
font-size: 13px;
}
.singola-descrizione ul {
padding-left: 15px;
}


/*PREFERITI*/
.page-id-1143 #brx-content.wordpress {
width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 60px;
  padding-bottom: 50px;
}
.page-id-1143 .list-ccc_favorite {
width: calc(33% - 1%)!important;
}
/*PREFERITI*/


@media (max-width:991px) {
.on-scroll.scrolling .colonna-logo {
padding-top: 8px!important;
padding-bottom: 8px!important;
}
.icone-mob svg {
width: 30px;
fill:var(--blu);
position: relative;
transition: all 0.3s;
margin-right: 3px;
}
.icone-mob .st0 {
stroke: var(--blu);
fill:var(--blu);
transition: all 0.3s;
}
.icone-mob-bianche svg {
fill:#fff;
}
.icone-mob-bianche .st0 {
stroke: #fff;
fill:#fff;
}

/*PREFERITI*/
.page-id-1143 #brx-content.wordpress {
width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
}
.page-id-1143 .list-ccc_favorite {
width: calc(50% - 1%)!important;
}
/*PREFERITI*/

}

@media (max-width:767px) {
.tab-ricerca .pulsante:not(.reset) {
color: var(--blu)!important
}
.lista-plus {
column-count: 1;
column-gap: 50px;
}
.lista-plus li {
break-inside: avoid;
}
.page-id-1678 .my-slider::before {
opacity: 0.6;
}
/*PREFERITI*/
.page-id-1143 #brx-content.wordpress {
width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
}
.page-id-1143 .list-ccc_favorite {
width: calc(100% - 1%)!important;
}
/*PREFERITI*/
/*.singolo-ciclo-sopra .icona-piu {
top: calc(50% - 20px);
transition: all 0.3s;
opacity: 1;
font-size: 40px;
}
.singolo-ciclo-sopra::before {
transition: all 0.3s;
opacity: 0.5;
}*/
.singolo-ciclo-sopra::before {
transition: all 0.3s;
opacity: 0.5;
}
h3 b {
font-weight: 900;
}
.singola-lista-servizi {
column-count: 1;
}
.singola-lista-servizi li {
line-height: 1.3em;
margin-bottom: 10px;
break-inside: avoid; 
padding-left: 20px;
}
.singola-lista-servizi.serv-rinfresco li {
padding-left: 0;
}
.singola-lista-servizi li::before {
top: 7px;
font-size: 40px;
}
.singola-pagina-box-info, .singola-pagina-box-contatto {
box-shadow: none;
}
.fb-gallery__images--hover li a::before {
 border-bottom-right-radius: 10px;
 display: none!important;
}
.brxe-breadcrumbs .item {
font-size: 13px;
}
.brxe-breadcrumbs {
gap:4px;
}
.box-icone-home svg {
width: 60px;
}
h1 .prefix {
display: none;
}
h1 .suffix {
display: block;
}


}