/*
 Theme Name:   ARO THEME - OnePage
 Theme URI:    https://we-june.com
 Description:  OnePage Template pour la Brasserie l'Arrosoir à Auderghem
 Author:       WE JUNE Agency
 Author URI:   https://we-june.com
 Version:      1.0.0
*/

@import url('assets/css/custom-style.css');

html {
   scroll-padding-top: 200px;
}

#la_carte {
   position: relative;
}

#la_carte:before, #la_carte:after {
   content: '';
   display: block;
   width: 400px;
   height: 400px;
   background-color: #ffffff;
   -webkit-mask: url('assets/img/forme.svg') no-repeat center bottom / contain;
   mask: url('assets/img/forme.svg') no-repeat center bottom / contain;
   position: absolute;
}
#la_carte:before {
   transform: rotate(180deg);
   top: -15%;
   left: 0;
}
#la_carte:after {
   bottom: -15%;
   right: 0;
}
#la_carte .container {
   position: relative;
   z-index: 9;
}

#reservations {
   background-image: url('../../uploads/2021/10/restaurant-larrosoir-auderghem-1.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
}

#reservations a.btn-carte {
    color: black !important;
    border-color: black !important;
}

#reservations a {
    font-size: 30px;
    font-weight: 600;
}

/* RESPONSIVE */
@media screen and (max-width: 768px) {
   #la_carte:before, #la_carte:after {
      width: 50%;
      height: 100%;
   }
   #la_carte:before {
      left: -5%;
   }
   #la_carte:after {
      right: -5%;
   }
}