/*
 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
*/

body.cornice{padding:0 20px 20px 20px}
/* Disattiva il padding sotto i 768px */
@media (max-width: 767px) {
  body.cornice {
    padding: 0;
  }
}
/* Cambia colore del footer e delle sezioni in modo dinamico in base alla classe del body */
body.bg-red-brick footer {background-color:#9C4744}/*Avorio*/
body.bg-red-brick footer p{color:#fff}
body.bg-red-brick footer .brxe-icon {color:#fff}
body.bg-red-brick footer ul.bricks-nav-menu li a {color:#fff}
body.bg-red-brick main section{background-color: #9C4744;}  /*Tutte le section tranne la prima*/

body.bg-avorio footer {background-color:#F5E6D7}/*Rosso mattone*/
body.bg-avorio footer p{color:#333}
body.bg-avorio footer .brxe-icon {color:#333}
body.bg-avorio main section{background-color: #F5E6D7}  /*Tutte le section tranne la prima*/

body.bg-green footer {background-color:#055135} /*Verde*/
body.bg-green footer p{color:#fff}
body.bg-green footer .brxe-icon {color:#fff}
body.bg-green footer ul.bricks-nav-menu li a {color:#fff}
body.bg-green main section{background-color: #055135}  /*Tutte le section tranne la prima*/ 

body.contatti footer {background-color:#F5E6D7}

/* Menù Fisso Mobile */
@media screen and (max-width: 991px) {
  body main{
    padding-top: 80px!important
  }
}
/* ====================
   Animazioni 
==================== */
.fade-up, 
.fade-down,
.fade-left,
.fade-right,
.fade {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
  pointer-events: none;
}

.fade-up  { transform: translateY(40px); }
.fade-down  { transform: translateY(-40px); }
.fade-left  { transform: translateX(-40px); }
.fade-right { transform: translateX(40px); }

.fade-up.is-inview,
.fade-down.is-inview,
.fade-left.is-inview,
.fade-right.is-inview,
.fade.is-inview {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}

/* Delay */
.delay-1{transition-delay: .1s!important}
.delay-2{transition-delay: .2s!important}
.delay-3{transition-delay: .3s!important}
.delay-4{transition-delay: .4s!important}
.delay-5{transition-delay: .5s!important}
.delay-6{transition-delay: .6s!important}
.delay-7{transition-delay: .7s!important}
.delay-8{transition-delay: .8s!important}
.delay-9{transition-delay: .9s!important}
.delay-10{transition-delay: 1s!important}
.delay-11{transition-delay: 1.1s!important}
.delay-12{transition-delay: 1.2s!important}
.delay-13{transition-delay: 1.3s!important}
.delay-14{transition-delay: 1.4s!important}
.delay-15{transition-delay: 1.5s!important}
.delay-16{transition-delay: 1.6s!important}
.delay-17{transition-delay: 1.7s!important}
.delay-18{transition-delay: 1.8s!important}
.delay-19{transition-delay: 1.9s!important}
.delay-20{transition-delay: 2s!important} .m-0 { margin: 0 !important; }

/* Disattiva animazioni nell'anteprima dell'editor del builder */
body[data-builder-window="iframe"] .fade-up,
body[data-builder-window="iframe"] .fade-down,
body[data-builder-window="iframe"] .fade-left,
body[data-builder-window="iframe"] .fade-right,
body[data-builder-window="iframe"] .fade {
  opacity: 1   !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}



/* body.no-animation .fade-up,
body.no-animation .fade-down,
body.no-animation .fade-left,
body.no-animation .fade-right,
body.no-animation .fade {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
} /*