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

/* TITLES */
.title-border-white {
   border-top: solid 3px var(--bs-white);
   border-bottom: solid 3px var(--bs-white);
}

body.page nav.bg-black {
   background: #888064;
}

.nav-top {
   background-color: #888064;
}

.nav-top nav ul li a{
   font-family: 'farmhand-inline', sans-serif;
   font-weight: 400;
   font-style: normal;
   color: #ffffff !important;
}

div.nav-top nav ul.menu > li a
{
  color: var(--bs-white);
  text-decoration: none;
  border-bottom: solid 2px transparent;
  font-size: 1em;
  margin: 0 0 0 1em;
}

/* Langues */

.lang-switch {
   display: flex;
   margin-right: .5em;
}

.lang-switch a {
   padding: 5px;
   text-transform: uppercase;
   font-weight: bold;
}

.lang-switch ul,
.lang-switch li {
   list-style: none;
   padding: 0;
   margin: 0 2.5px;
   padding: 5px;
}

.lang-switch li.current-lang,
.lang-switch li:hover {
   background: white;
   border-radius: 100px;
}

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

.btn-outline a.btn-carte {
   color: var(--bs-white);
   border: 1px solid white;
   padding: 3px 25px 0;
   min-width: 100px;
}

.btn-outline a.btn-carte:hover,
.btn-outline:hover:after {
   color: var(--bs-tertiary);
   border-color: var(--bs-tertiary) !important;
}

/* Border BTN - style */
.btn-outline {
   position: relative;
}

.btn-outline:after {
   content: '';
   width: 100px;
   height: 29px;
   background: transparent;
   border: 1px solid var(--bs-white);
   display: block;
   position: absolute;
   padding-top: 3px;
   left: -3px;
   bottom: -7px;
   z-index: -1;
   transition: 1s ease-in-out;
}


body.page header#header {
   background: #888064;
   position: relative !important;
}

/* SECTIONS */

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

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

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

#reservations a {
   font-size: 30px;
   font-weight: 600;
   color: var(--bs-secondary);
}

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

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

#reservations p:nth-last-child(2) {
   font-weight: 600;
}

/* 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:first-child,
.renseignements h3 {
   font-size: 25px;
}

.renseignements p {}

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

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

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

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

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

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

#la_carte {
   position: relative;
}

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

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

/* RESPONSIVE */
@media screen and (max-width: 768px) {
   header#header {
      background: #000000;
   }

   button.navbar-toggler {
      background: white;
      opacity: 1;
   }

   #la_carte:before,
   #la_carte:after {
      width: 50%;
      height: 100%;
   }

   #la_carte:before {
      left: -5%;
   }

   #la_carte:after {
      right: -5%;
   }

   .socials {
      display: flex;
      justify-content: right;
      padding-right: 20px;
   }
}

@media screen and (max-width: 991px) {
   .socials {
      padding-left: 25px;
   }
}

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

#reservations .btn-outline::after {
   border-color: black !important;
}


body.error404 header {
   background: black;
}

body.error404 main {
   margin-top: 150px;
   text-align: center;
}

body.error404 input {
   width: initial !important;
}

/*Cookiebot*/

#CybotCookiebotDialogHeader {
   display: none !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
   background-color: #E8CEA6 !important;
   border: 2px solid #E8CEA6 !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
   color: #E8CEA6 !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
   color: #E8CEA6 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
   border-bottom: 1px solid #E8CEA6 !important;
   color: #E8CEA6 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
   color: #E8CEA6 !important;
}

#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
   font-size: 12px !important;
}

@media screen and (min-width: 1280px) {
   #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
      width: 250px !important;
   }
}