/*
 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
*/
.interstitial {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background: var(--cioccolata);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.home-carousel img{
  max-height: 700px;
}

@media (max-width: 991px) {
  .home-carousel img{
    max-height: 550px;
  }
} 

@media (max-width: 767px) {
  .home-carousel img{
    max-height: 400px;
  }
}

.grid-col-left{
  grid-column:3/5;
  grid-row:2/3;
}

.grid-col-right{
  grid-column:4/8;
  grid-row:1/4;
}

@media (max-width: 1600px) {
  .grid-col-left{
    grid-column:2/5;
  }

  .grid-col-right{
    grid-column:;
  }
}

@media (max-width: 1280px) {
  .grid-col-left{
    grid-column:2/6;
  }

  .grid-col-right{
    grid-column:4/9;
  }
}

@media (max-width: 767px) {
  .grid-col-left{
    grid-column:1/7;
  }
}

@media (max-width: 610px) {
  .grid-col-right{
    grid-column:3/9;
  }
}

@media (max-width: 530px) {
  .grid-col-left{
    grid-column:1/8;
  }
  .grid-col-right{
    grid-column:2/9;
    background-position: center -8rem;
    background-repeat: no-repeat;
  }
} 


/* Fix for navigation style items color */
#brxe-xvuaxa .brx-nav-nested-items > li > a {
  color: var(--cioccolata);
}