/*
 Theme Name:   VIL THEME - OnePage
 Theme URI:    https://we-june.com
 Description:  OnePage Template pour le restaurant LE VILLANCE
 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;
}

/* IMAGES */
.img-border {
   border: solid 8px var(--bs-white);
}

/* TITLES */
.title-border h2 {
   border-top: solid 2px var(--bs-secondary);
   border-bottom: solid 2px var(--bs-secondary);
   padding: 12px 0;
   display: inline-block;
}

.title-border.bwhite h2 {
   border-color: var(--bs-white);
}

/* BUTTONS */
.btn {
   cursor: pointer;
   -webkit-transition: 1s;
   transition: 1s;
}

.btn-border {
   border: solid 1px var(--bs-white);
}

.btn-carte {
   border-top: solid 1px var(--bs-white);
   border-bottom: solid 1px var(--bs-white);
   color: var(--bs-white);
}

.btn-carte:hover {
   color: var(--bs-tertiary);
   border-top: solid 1px var(--bs-tertiary);
   border-bottom: solid 1px var(--bs-tertiary);
}

.btn-outline-primary:hover {
   color: var(--bs-tertiary);
   border-top: solid 1px var(--bs-tertiary);
   border-bottom: solid 1px var(--bs-tertiary);
}

/* SECTIONS */
#la_carte h2,
#la_galerie h2,
#contact h2 {
   width: auto;
   margin-left: auto;
   margin-right: auto;
}

#la_galerie img {
   object-fit: cover;
   object-position: center center;
   height: 250px;
   width: 100%;
}

.card-news {
   background-color: rgba(255, 255, 255, 0.8) ;
}

#la_galerie {
   background-color: #000;
}

/* LA CARTE */
#la_carte {
   background-color: var(--bs-secondary);
}

#la_carte {
   position: relative;
}


#la_carte .container {
   position: relative;
   z-index: 9;
}

/* RESERVATIONS */
#reservations {
   background-image: url('assets/img/restaurant-villance.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
}

#reservations .reservations-box {
   background: var(--bs-light);
   padding-top: 80px !important;
   padding-bottom: 80px !important;
}

#reservations a {
   font-weight: 600;
   color: var(--bs-tertiary);
}

#reservations a:hover {
   color: var(--bs-tertiary);
}

#reservations p:last-child {
   margin-bottom: 0;
}

#reservations a.tblbooker {
   font-size: 24px;
}

/* CONTACT */
#contact {
   background-color: var(--bs-secondary);
   padding: 80px 0;
}

#contact a {
color: var(--bs-tertiary);
}

#contact a:hover {
   color: var(--bs-white);
   }

.horaires-box p:last-child {
   line-height: 2;
}

.phone {
   font-size: 20px;
   font-weight: 600;
}

.icon {
   font-size: 25px;
   color: var(--bs-primary);
   -webkit-transition: 1s;
   transition: 1s;
}

.icon:hover {
   color: var(--bs-tertiary);
}

#copyright {
   color: var(--bs-secondary);
}


/* RESPONSIVE */
button.navbar-toggler {
   background: none;
   color: var(--bs-secondary) !important;
   border: none;
   font-size: 2rem;
}

@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%;
   }
   header nav ul.menu > li.current_page_item a, header nav ul.menu > li:hover a {
      border: none !important;
   }
}

/*Footer*/

footer#footer a {
   color: var(--bs-secondary);
}


body.error404 main {
   margin-top: 150px !important;
   text-align: center;
}
body.error404 input {
   width: initial !important;
}

body.page-id-447 h1 {
   display: none;
}

.restaurant-menu-unified {
   margin-top: 10em !important;
}