@charset "UTF-8";

@font-face {
  font-family: 'Bogart Extrabold Trial';
  src: url("../webfonts/bogart-extrabold-trial.ttf") format("truetype");
}
@font-face {
  font-family: 'DINPro';
  src: url("../webfonts/dinpro.ttf") format("truetype");
}
@font-face {
  font-family: 'Coca-Cola';
  src: url('../fonts/Coca-Cola.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Coca-Cola.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Coca-Cola.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Coca-Cola.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Coca-Cola.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/Coca-Cola.svg#svgCoca-Cola') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Poppins', sans-serif;
  color: #3b4043 !important;
  background-color: var(--primary);
}
.wrapper { background: inherit; } 

/* ORIGINAL
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}
*/

/* ORIGINAL
primary - 	#007bff
secondary - #6c757d
success - 	#28a745
danger - 	#dc3545
warning - 	#ffc107
info - 		#17a2b8
light - 	#f8f9fa
dark - 		#343a40
muted - 	#6c757d
white - 	#ffffff
*/

:root {
	
  --primary:#000000; /* black */
  --primary-variant:#232323;  /* dark */
  --secondary:#da3832; /* red */
  --secondary-variant:#8b0304; /* darkred */
  --tertiary:#f9d253; /* yellow */
  --tertiary-variant:#fcb316; /* orange */
  --quaternary:#ffffff; /* white */ 
  --quaternary-variant:#f8f9fa; /* lightgray */
  --fiveternary:#323e91; /* blue */
  --sixternary:#00a25a; /* green */
	
  /* for offcanvas  */
  --offcanvas-primary:#000000; 
  --offcanvas-primary-variant:#232323; 
  --offcanvas-secondary:#da3832; 
  --offcanvas-tertiary:#f9d253; 
  --offcanvas-tertiary-variant:#fcb316; 
  --offcanvas-quaternary:#ffffff; 
  --offcanvas-quaternary-variant:#f8f9fa; 
	
  /* for header navbar  */
  --header-navbar-primary:#000000; 
  --header-navbar-secondary:#da3832;
  --header-navbar-tertiary:#f9d253;
  --header-navbar-quaternary:#ffffff;
  /* for header horizontal scrolling menu  */
  --header-hs-primary:#000000; 
  --header-hs-secondary:#da3832;
  --header-hs-secondary-variant:#8b0304;
  --header-hs-tertiary:#f9d253;
  --header-hs-quaternary:#ffffff;
	
  --header-hs-filter-dark:invert(100%) sepia(100%) saturate(0%) hue-rotate(169deg) brightness(101%) contrast(101%); /*white*/
}

.text-secondary { color: #6c757d !important; }
.text-success { color: #198754 !important; }
.text-info { color: #0dcaf0 !important; }
.text-warning { color: #ffc107 !important; }
.text-danger { color: #dc3545 !important; }
.text-light { color: #f8f9fa !important; }
.text-dark { color: #212529 !important; }
.bg-secondary { background-color: #6c757d !important; }
.bg-success { background-color: #198754 !important; }
.bg-info { background-color: #0dcaf0 !important; }
.bg-warning { background-color: #ffc107 !important; }
.bg-danger { background-color: #dc3545 !important; }
.bg-light { background-color: #f8f9fa !important; }
.bg-dark { background-color: #212529 !important; }

.text-darkred { color: #c52b24 !important; }
.text-darkgreen { color: #2b493c !important; }
.text-darkseagreen { color: #9ec7b7 !important; }
.bg-darkred { background: #c52b24 !important; }
.bg-darkgreen { background: #2b493c !important; }
.bg-darkseagreen { background: #9ec7b7 !important; }

.text-green { color: #006c31 !important; }
.text-red { color: #da3832 !important; }
.text-skyblue { color: #59bee6 !important; }
.text-dark { color: #232323 !important; }
.text-yellow { color: #f9d253 !important; }
.text-orange { color: #fcb316 !important; }
.text-purple { color: #c55db5 !important; }
.bg-green { background: #006c31 !important; }
.bg-red { background: #da3832 !important; }
.bg-skyblue { background: #59bee6 !important; }
.bg-dark { background: #232323 !important; }
.bg-yellow { background: #f9d253 !important; }
.bg-orange { background: #fcb316 !important; }
.bg-purple { background: #c55db5 !important; }

a i.text-facebook { color: white !important; transform: scale(0.90) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-facebook { color: #1877f2 !important; transform: scale(1) rotate(0deg); }
a i.text-instagram { color: white !important; transform: scale(0.90) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-instagram { color: #c32aa3 !important; transform: scale(1) rotate(0deg); }
a i.text-snapchat { color: white !important; transform: scale(0.90) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-snapchat { color: #fffc00 !important; transform: scale(0.95) rotate(0deg); }
a i.text-tiktok { color: white !important; transform: scale(0.85) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-tiktok { color: darkgray !important; transform: scale(0.95) rotate(0deg); }
a:hover i.text-youtube { color: #ff0000 !important; }

.border-green { border-color: #006c31 !important; }
.border-red { border-color: #da3832 !important; }

.font-bogart { font-family: 'Bogart Extrabold Trial'; }
.font-dinpro { font-family: 'DINPro'; }
.font-coca-cola { font-family: 'Coca-Cola'; }

.xsmall { font-size: 0.675em; }
.xxsmall { font-size: 0.475em; }

.lined-thick { border:solid 7px #41403E; }
.dotted-thick { border:dotted 5px #41403E; }
.dashed-thick { border:dashed 5px #41403E; }
.lined-thin { border:solid 2px #41403E; }
.dotted-thin { border:dotted 2px #41403E; } 
.dashed-thin { border:dashed 2px #41403E; }
.border-hand-drawn { border-radius: 225px 15px/15px 225px 15px 255px; }

.fa-pull-bottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.hr-border 
{
  height: 2px;
  background-color: var(--quaternary);
  border: none;
}

.rotate-2 { transform: rotate(2deg); }
.rotate--2 { transform: rotate(-2deg); }

/* Désactive le focus autour bouton */
*:focus { outline: none !important; box-shadow: none; -webkit-box-shadow: none; }
.btn:focus,.btn:active { outline: none !important;  box-shadow: none; -webkit-box-shadow: none; }
.dropdown-toggle:focus { background: inherit; outline: none !important; box-shadow: none !important; }
a { outline: none !important; box-shadow: none !important; -webkit-box-shadow: none; }
button:focus { outline: none !important; box-shadow: none !important; }

/* */
.fade-in {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s all ease;
}
.fade-in.active {
  transform: translateY(0);
  opacity: 1;
}

/* */
.field {
	display: flex;
	align-items: center;
	justify-content: space-around;
	
}
.mouse {
	margin-bottom: 70px;
	width: 50px;
	height: 90px;
	border: 3px solid #fff;
	border-radius: 60px;
	position: relative;
	&::before {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #fff;
		border-radius: 50%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
	}
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

/* ---------------------------------------------------
    CONTENT 
----------------------------------------------------- */

.section__scrolling-wrapper { scroll-margin-top: 90px; }
.section__menu-wrapper { scroll-margin-top: 90px; }
@media (max-width: 991.98px) {
	.section__scrolling-wrapper { scroll-margin-top: 60px; }
	.section__menu-wrapper { scroll-margin-top: 30px; }
}

.video {
   /*filter: sepia(40%);*/
   /*background-color: var(--primary);*/
}
video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
}
.bg-cover-header {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  background-attachment: static;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlay {
  background: url(../img/overlay.png) rgba(0, 0, 0, 0.33);
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 0;
  width: auto;
  height: 100%;
}
.play-btn {
  position: absolute;
  max-width: 700px;
  width: 100px;
  height: 100px;
  left: 50%;
  top: -30%;
  transform: translate(-50%, -50%);
  line-height: 1; /* needed if using Bootstrap */
  text-align: center;
  color: #eaeaea;
  background-color: rgba(255,255,255,.4);
  border-radius: 50px;
  transition: color, background-color .2s ease;
}
.play-btn:hover,
.play-btn:focus {
  color: #000;
  background-color: rgba(255,255,255,.8);
  cursor: pointer;
}
.play-btn::after {
  /*
  Font Awesome recommends these styles
  https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
  */
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  /*
  Define the font family, weight, and icon
  */
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 60px;
  content: "\f04b";
  /* positioning tweaks */
  padding-top: 20px;
  padding-left: 10px;
}

/* ---------------------------------------------------
    HEADER 
----------------------------------------------------- */

.bg-cover {
    background-attachment: static;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jb-header-category_1 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_1.png"); }
.jb-header-category_2 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_2.png"); }
.jb-header-category_3 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_3.png"); }
.jb-header-category_4 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_4.png"); }
.jb-header-category_5 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_5.png"); }
.jb-header-category_6 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_6.png"); }
.jb-header-category_7 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_7.png"); }
.jb-header-category_8 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_8.png"); }
.jb-header-category_9 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_9.png"); }
.jb-header-category_10 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_10.png"); }
.jb-header-category_11 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_11.png"); }
.jb-header-category_12 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_12.png"); }

/*.jb-restaurant { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-restaurant.jpg"); }*/
.jb-bc-concept { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-concept.jpg"); }
.jb-restaurant { background-image: linear-gradient(to left, transparent 1%, #f8f9fa),url("../img/jumbotron/jb-restaurant.jpg"); }
.jb-concept { background-image: linear-gradient(to right, transparent 1%, #ffffff),url("../img/jumbotron/jb-concept.jpg"); }
.jb-accueil { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%),url("../img/jumbotron/jb-accueil.jpg"); }

.jb-category_3-1 { background-image: linear-gradient(to left, transparent 1%, #ffffff),url("../img/jumbotron/jb-category_3-1.png"); }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.jb-restaurant { background-image: linear-gradient(to top, transparent 1%, #f8f9fa),url("../img/jumbotron/jb-restaurant.jpg"); }
	.jb-concept { background-image: linear-gradient(to top, transparent 1%, #ffffff),url("../img/jumbotron/jb-concept.jpg"); }
	.jb-category_3-1 { background-image: linear-gradient(to bottom, transparent 1%, #ffffff),url("../img/jumbotron/jb-category_3-1.png"); height: 800px; }
}



header { 
	position: relative; 
	z-index: 998; 
	background-color: transparent;
}

#logo-banner { }
#logo-header { }
#logo-header a img { height: 85px; }

/* ---------------------------------------------------
    NAVBAR 
----------------------------------------------------- */

header .navbar { 
	z-index: 1200;
	overflow: auto;
	border: none; 
	background-color: transparent;
}
header .navbar a { 
	font-weight: 700; 
	text-transform: uppercase; 
	text-decoration: none;
	color: var(--header-navbar-quaternary); 
	border-bottom: 2px solid transparent;
	padding: 0.2rem 0.3rem;
	vertical-align: middle;
}
header .navbar a.active, 
header .navbar a:hover { 
	color: var(--header-navbar-secondary); 
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
header .navbar a.link-text:after {
  display:block;
  content: '';
  border-bottom: solid 2px var(--header-navbar-secondary); 
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
header .navbar a.link-text:hover:after { transform: scaleX(1.2); }
header .navbar a.link-text.active:after { transform: scaleX(1.2); }

header .navbar #logo-header a { 
	border-bottom: none;
	padding: 0;
}
header .navbar .btn-toggle { 
	border: none;
	background-color: transparent;
	color: var(--header-navbar-quaternary); 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	transition: all 0.3s; 
}
header .navbar .btn-toggle:hover, 
header .navbar .btn-toggle:hover a:hover { color: var(--header-navbar-secondary); }

.header-bar {
    width: 100%;
    height: 8px;
    background: var(--header-hs-quaternary);
}


/* ---------------------------------------------------
    OFFCANVAS - HIDDEN SIDEBAR MENU
----------------------------------------------------- */

.offcanvas__section { background-color: transparent; }
.offcanvas__section .navbar { background-color: transparent; }
.offcanvas {
	z-index: 1199;
	border: none;
	width: 13rem !important;
    background: var(--primary);
    color: var(--offcanvas-secondary);
}
.offcanvas button.btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
	color: var(--offcanvas-secondary) !important;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.offcanvas button.btn-close:hover { color: var(--offcanvas-primary-variant); }
.offcanvas ul.navbar-nav li a  {
    display: block;
	border-bottom: 2px solid var(--offcanvas-primary-variant);
	margin: 0 0.5rem;
    padding: 1rem;
	font-size: 1rem;
	font-weight: 700; 
	text-decoration: none;
	color: var(--offcanvas-quaternary);
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.offcanvas ul.navbar-nav li a.nav-link:hover, 
.offcanvas ul li a.nav-link.active { 
	color: var(--offcanvas-secondary); 
}
.offcanvas ul.navbar-nav ul.dropdown-menu { 
	border: none;
	background: var(--offcanvas-primary-variant);
}
.offcanvas ul.navbar-nav ul.dropdown-menu li { color: var(--offcanvas-secondary); }
.offcanvas ul.navbar-nav ul.dropdown-menu li a.nav-link { 
	border-bottom: none; 
	padding: 0.5rem; 
	color: var(--offcanvas-secondary);
}
.offcanvas ul.navbar-nav ul.dropdown-menu li a.nav-link i { width: 25px; }
.offcanvas ul.navbar-nav ul.dropdown-menu li a.nav-link:hover, 
.offcanvas ul.navbar-nav ul.dropdown-menu li a.nav-link.active { 
	background: transparent; 
	color: var(--offcanvas-secondary); 
}

/* ---------------------------------------------------
    HORIZONTAL SCROLLSPY NAVIGATION (js/scrollspy-nav.js)
    -----> class .paddle for right and left arrow
----------------------------------------------------- */

.scrollspy-nav__section { 
	z-index: 999;
	/*overflow-x: scroll;
    overflow-y: hidden;
	white-space: nowrap;*/
	text-transform: uppercase;
	text-align: center;
	/*background-color: var(--header-hs-primary) !important;*/
	opacity: 1;
}
.scrollspy-nav__container {
    overflow-x: scroll;
    overflow-y: hidden;
	white-space: nowrap;
    max-width: auto;
}
nav.scrollspy-nav__nav {
    position: relative;
	/*overflow-x: hidden;
    overflow-y: hidden;
    max-width: auto;*/
}
nav.scrollspy-nav__nav ul {
    overflow-x: auto; 
	overflow-y: hidden; 
	-webkit-overflow-scrolling: touch;
	white-space: nowrap; 
	margin-bottom: 0;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 0.7rem;
}
nav.scrollspy-nav__nav ul li {
	display: inline-block;
	width: 5rem; 
	height: 5rem;
	margin-right: 1rem !important;
	padding: 0 0 0 0;
	/*padding: 0.7rem 0 0 0;*/
	line-height: 0.9 !important;
	border: 3px solid transparent;
	border-radius: 50% !important;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
nav.scrollspy-nav__nav ul li:hover { 
	padding: 0 0 0 0;
	/*padding: 0.7rem 0 0 0;*/
	/*border: 3px solid var(--header-hs-tertiary);*/
	background: var(--header-hs-tertiary);
}
nav.scrollspy-nav__nav ul li:hover a { 
	color: var(--header-hs-tertiary);
}
nav.scrollspy-nav__nav ul li.active {
	display: inline-block;
	width: 5rem; 
	height: 5rem;
	background-color: var(--header-hs-secondary);
	margin-right: 1rem !important;
	padding: 0 0 0 0;
	/*padding: 0.7rem 0 0 0;*/
	border: 3px solid var(--header-hs-secondary);
	color: var(--header-hs-quaternary); 
}
nav.scrollspy-nav__nav ul li a i {
	font-size: 3rem;
	color: var(--header-hs-secondary);
	margin-bottom: 1rem;
}
nav.scrollspy-nav__nav ul li.active a i {
	font-size: 3rem;
	color: var(--header-hs-secondary);
	margin-bottom: 1rem;
}
nav.scrollspy-nav__nav ul li a img {
	filter: var(--header-hs-filter-dark);
	margin-bottom: 8px;
	transform: scale(0.90) rotate(0deg); transition: transform .2s ease-in-out;
}
nav.scrollspy-nav__nav ul li:hover a img {
	filter: var(--header-hs-filter-dark);
	margin-bottom: 8px;
	transform: scale(1) rotate(0deg); 
}
nav.scrollspy-nav__nav ul li.active a img {
	filter: var(--header-hs-filter-dark);
	margin-bottom: 8px;
	transform: scale(1) rotate(0deg);
}
nav.scrollspy-nav__nav ul li a { 
	white-space: normal;
	font-size: 0.8rem; 
	font-weight: 600; 
	text-decoration: none; 
	color: var(--header-hs-quaternary); 
}
nav.scrollspy-nav__nav ul li.active a { 
	color: var(--header-hs-secondary); 
}

/* Right and Left Arrow for Horizontal Scrollspy Navigation - 
Pour faire apparaître la flèche de défilement du menu scrollspy horizontal */
@media (min-width: 724.98px) { .paddle { display: none; } }
.paddles { }
.paddle {
    position: absolute;
    top: 0;
    bottom: 0;
	border: none;
	margin-top: 0px;
	padding-top: 0px;
    width: 3em;
	background: var(--header-hs-quaternary); 
	color: var(--header-hs-secondary); 
}
.left-paddle { left: 0;	margin-left: -2px; opacity: 0.8 /*border-right: 3px solid var(--primary);*/ }
.right-paddle { right: 0; opacity: 0.8 /*border-left: 3px solid var(--primary);*/ }
.hidden { display: none; }

/* Medium, Small and X-Small devices (portrait phones, landscape phones, tablets less than 992px) */
@media (max-width: 991.98px) {
	
	.scrollspy-nav__section { opacity: 1; } 
	.scrollspy-nav__nav { border-bottom: 1px solid #495057; }
	nav.scrollspy-nav__nav ul { margin-bottom: 0; padding-bottom: 0.5rem; }
	nav.scrollspy-nav__nav ul li {
		width: auto; 
		height: auto;
		margin-top: 0.3rem;
		margin-right: 0 !important;
		padding: 0 0.6rem 0 0;
		border-radius: 5px !important;
	}
	nav.scrollspy-nav__nav ul li:hover { padding: 0 0.6rem 0 0; }
	nav.scrollspy-nav__nav ul li:hover a { color: var(--header-hs-quaternary); }
	nav.scrollspy-nav__nav ul li.active {
		width: auto; 
		height: auto;
		margin-right: 0 !important;
		padding: 0 0.6rem 0 0;
	}
	/*nav.scrollspy-nav__nav ul li a i {
		font-size: 1.5rem;
		margin-bottom: 0;
		padding: 0.2rem;
	}
	nav.scrollspy-nav__nav ul li.active a i {
		font-size: 1.5rem;
		margin-bottom: 0;
	}*/
	nav.scrollspy-nav__nav ul li a img {
		height: 2rem;
		margin-bottom: 0;
		padding: 0.2rem;
		transform: none; transition: none;
	}
	nav.scrollspy-nav__nav ul li:hover a img {
	    filter: var(--header-hs-filter-dark);
	    margin-bottom: 0;
	    transform: none; 
   }
	nav.scrollspy-nav__nav ul li.active a img {
		height: 2rem;
		margin-bottom: 0;
	}
	nav.scrollspy-nav__nav ul li a { 
		display:inline-block;
		font-size: 0.9rem; 
		font-weight: 600; 
		text-decoration: none; 
		vertical-align: middle;
	}
	nav.scrollspy-nav__nav ul li.active a { color: var(--header-hs-quaternary); }
	
	header .navbar a { border: none; padding: 0; }
	header .navbar a:hover, header .navbar a.active { 
		border: none;
		padding: 0;
		color: var(--header-hs-quaternary);
	}
	header .navbar .btn-toggle { border: none; }
}

/* ---------------------------------------------------
    BREADCRUMB AND JUMBOTRON
----------------------------------------------------- */

.breadcrumb__section { /*background: var(--primary);*/ }

.breadcrumb__section img  { width: 400px; }
.section__jumbotron-heading { }
.section__jumbotron-heading-title { 
	/*font-family: 'Bogart Extrabold Trial';*/ 
	color: var(--quaternary); 
	/*text-transform: uppercase;*/ 
}
.section__jumbotron-heading-title span { }
.section__jumbotron-heading-text { }
.section__jumbotron-heading-icon { }
.section__jumbotron-heading-subtitle { }
.section__jumbotron-heading-separator { }


/* ---------------------------------------------------
    CATEGORY
----------------------------------------------------- */

.section__heading { }
.section__heading-title { 
	font-family: 'DINPro'; 
	font-weight: 500; 
	color: var(--primary-variant); 
}
.section__heading-subtitle { 
	font-weight: 500;
	/*text-transform: uppercase;*/
	color: var(--secondary);
}
h6.section__heading-subtitle { 
	font-family: 'DINPro';
	text-transform: none;
	color: var(--primary);
}
.section__heading-text { }
.section__heading-icon { }
.section__heading-separator { /*border-color: black !important;*/ }

.discover-menu__section { 
	padding-top: 6rem; 
	background: var(--primary);
}
.discover-menu__container { }
.discover-menu__category { 
	
}
.discover-menu__category button.btn-img  { 
    background-color: rgba(0, 0, 0, 1); 
}
.discover-menu__category button:hover.btn-img { 
    background-color: rgba(0, 0, 0, 1);
	-webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.discover-menu__category button.btn-img img { 
    border: 5px solid #131313;
	opacity: 1;
	z-index: 30;
}
.discover-menu__category button:hover.btn-img img { 
	border: 5px solid var(--secondary);
	opacity: 0.5;
	z-index: 20;
	max-width : 100%;
    height : auto;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.discover-menu__category button.btn-img h3 {
	background: var(--secondary);
	border: 2px solid transparent;
	color: var(--primary);
}
.discover-menu__category button:hover.btn-img h3 { 
	background: transparent;
	border: 2px solid transparent;
	color: var(--quaternary);
	opacity: 1;
	z-index: 10;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.discover-menu__category button.btn-img h3.badge  { 
    border-radius: 0 !important;
}

/* ---------------------------------------------------
    MENU SECTION 
----------------------------------------------------- */

.section__menu .asterix { color: var(--secondary); }

.section__menu { background: var(--quaternary); }

.section__menu-content { }


.section__menu-heading { text-align: left; }
.section__menu-heading .badge { border-radius: 0; text-transform: uppercase; background: var(--tertiary); color: var(--primary-variant); }
.section__menu-heading-icon { }
.section__menu-heading-subtitle { text-transform: uppercase; }
.section__menu-heading-title { text-transform: uppercase; }
.section__menu-heading-separator { width: 4rem; height: 0.2rem; /*margin: 0 auto;*/ background: var(--secondary); }
.section__menu-heading-text { font-size: 1.2rem; }


/*************************** MENU GRID ***************************/

ul.menu__grid {
	list-style: none;
    margin-top: 0;
	border: 0;
	border-radius: 0;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.menu__grid-subtitle { }
.menu__grid-subtitle-underline { }
.menu__grid-item { position: relative; }
.menu__grid-item.active { }

/* CARD */
.card {
	height: 100%;
	border: 2px solid #f8f9fa;
	background: inherit;
	cursor: pointer;  
	text-align: inherit;
	border-radius: 0 !important;
}
.card:hover { 
	background: inherit;
	border: 2px solid #080405;
	-webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.card-header, .card-body, .card-footer { 
	border: none; 
	background: transparent; 
	border-radius: 0 !important; 
}
.card-header { padding: 0; }
.card-footer { background-color: #f8f9fa; }

.card img.item__image { transform: scale(0.92) rotate(0deg); transition: transform .2s ease-in-out; }
.card:hover img.item__image { transform: scale(1) rotate(5deg); }

.menu__grid .item__markers { position: absolute; top: 0; start: 0; margin: 0.6rem;  z-index: 1 }
.menu__grid .item__markers .badge {
	display: block;
	margin-bottom: 0.1rem;
	padding: 0.3rem;
	border-radius: 0;
	text-transform: uppercase;
}
.menu__grid .item__category { 
	text-transform: uppercase;
	color: var(--secondary);
}
.menu__grid .item__image { border-radius: 0; margin-top: 1px;  }
.menu__grid .item__name {
    z-index: -1; 
    width: 100%; 
    border-radius: 0 !important;
	margin-bottom: 0;
	font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
	display: block;
	text-transform: uppercase; 
}
.menu__grid .item__description { margin-bottom: 0; font-size: 1rem; }
.menu__grid .item__price { 
	/*display: block;*/
	font-size: 1rem; 
}
/*.item__size-quantity-price { font-size: 0.9rem; }*/
.menu__grid ul.item__size-quantity-price {
    display: flex;
	flex-flow: row wrap;
	/*align-items: flex-start;*/
    /*margin: 0 -0.9375rem;*/
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none;
}
.menu__grid ul.item__size-quantity-price li {
    flex-basis: 100%;
    max-width: 100%;
    /*padding: 0 0.9375rem;*/
	margin-left: 0 !important;
	padding-left: 0 !important;	
}
.menu__grid ul.item__size-quantity-price dl {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    /*padding-top: 0.5rem;*/
	margin: 0 !important;
	padding: 0 !important;
    width: 100%;
}
.menu__grid ul.item__size-quantity-price dt {
    display: block;
	margin: 0 !important;
	padding: 0.2rem 0 0 0 !important;
	font-weight: 400;
	font-size: 0.8rem;
	color: var(--bs-gray-600);
}
.menu__grid ul.item__size-quantity-price dd {
    display: block;
    margin-inline-start: 40px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1rem;
}
.menu__grid ul.item__size-quantity-price .item__size-quantity-price-separator {
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 10px;
    height: 1rem;
	border-bottom-style: dotted;
	border-bottom-color: var(--bs-gray-500);
    border-bottom-width: 2px;
}

.section__menu-footer { }

.section__menu-wrapper.primary { background: var(--quaternary); }
.section__menu-wrapper.primary .card { border: 2px solid var(--quaternary-variant); background: inherit; }
.section__menu-wrapper.primary .card:hover { border: 2px solid var(--bs-gray-500); background: inherit; }
.section__menu-wrapper.primary .section__menu-heading-title { color: var(--secondary); }
.section__menu-wrapper.primary .section__menu-heading-subtitle { color: var(--primary); }
.section__menu-wrapper.primary .section__menu-heading-text { color: var(--primary); }
.section__menu-wrapper.primary .section__menu-heading-separator { background: var(--secondary) !important; }
.section__menu-wrapper.primary .item__name { color: var(--primary); }
.section__menu-wrapper.primary .item__markers { }
.section__menu-wrapper.primary .item__description { color: #6c757d; }
.section__menu-wrapper.primary .item__price { color: var(--primary-variant); }
.section__menu-wrapper.primary .item__size-quantity-price { color: var(--primary-variant); }


/*************************** MENU LIST VARIANT ***************************/

table .section__menu-heading { text-align: left; }
table .section__menu-heading .badge { border-radius: 0; background: var(--tertiary); color: var(--primary-variant); }
table .section__menu-heading-icon { }
table .section__menu-heading-subtitle { text-transform: uppercase; }
.section__menu-heading-title { font-weight: 500; color: var(--primary) !important; text-transform: capitalize; }
table .section__menu-heading-separator { width: 4rem; height: 0.2rem; /*margin: 0 auto;*/ background: var(--secondary); }
table .section__menu-heading-text { font-size: 1.2rem; }
table .menu__list-variant-subtitle { }
table .menu__list-variant-subtitle-underline { 
	width: 4rem; 
	height: 0.3rem;
}

table { font-size: 0.8rem; text-align: center; }
table tr { 
	border-top: 1px solid #f8f9fa;
	border-bottom: 1px solid #f8f9fa;
}
table table-bordered { 
	border-top: none;
	border-bottom: none;
}
table .badge-offer { display: block !important; border-radius: 0; background: var(--primary); text-transform: uppercase; color: var(--quaternary);  }
table .badge-offer i { color: var(--tertiary);  }
table .item__size { 
	font-size: 0.8rem; 
	line-height: 0.4rem !important; 
	color: var(--primary);
}
table .item__size i { display: block; font-size: 0.6rem !important; }
table .item__type-of-selling { 
	font-size: 0.55rem;
	line-height: 0.4rem !important;
	font-weight: bold;
	text-transform: uppercase;
}
table .item__type-of-selling.secondary { color: var(--secondary); }
table .item__type-of-selling.fiveternary { color: var(--fiveternary); }
table .item__price { 
	font-size: 1.1rem;
    /*font-weight: bold;*/
	/*font-style: italic;*/
}
table .item__price.secondary { color: var(--secondary) !important; }
table .item__price.fiveternary { color: var(--fiveternary) !important; }
table .item__name {
	margin-top: 2px !important;
    margin-bottom: 0 !important;
	font-size: 1.3rem;
	/*font-weight: bold;*/
	/*font-style: italic;*/
	text-transform: uppercase;
}
table .item__name.secondary { color: var(--secondary) !important; }
table .item__name.secondary-variant { color: var(--secondary-variant) !important; }
table .item__name.sixternary { color: var(--sixternary) !important; }
table .item__description { 
	margin-bottom: 0 !important;
	font-size: 1rem; 
	/*font-style: italic;*/
	/*color: var(--primary) !important;*/
	color: #6c757d;
}
table .item__markers { font-size: 0.6rem !important; }
table .item__markers .badge {
	margin-top: 0.3rem;
	padding: 0.3rem;
	border-radius: 0;
	text-transform: uppercase;
}
table .item__w-col-name { width: 27%; }

@media (max-width: 991.98px) {   }

@media (max-width: 389.98px) { 
	table .item__size { font-size: 0.6rem !important; }
	table .item__size i { font-size: 0.4rem !important; }
	table .item__type-of-selling { font-size: 0.5rem !important; }
	table .item__price { font-size: 0.8rem !important; }
	table .item__name { font-size: 0.8rem !important; } 
	table .item__description { font-size: 0.6rem !important; } 
}
@media (max-width: 575.98px) { 
	table .item__name { font-size: 0.9rem; } 
	table .item__w-col-name { width: 35%; }
	table .item__description { font-size: 0.8rem; } 
	
}

/*************************** MENU LIST ***************************/

ul.menu__list {
	list-style: none;
    margin-top: 0;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.menu__list-subtitle { }
.menu__list-subtitle-underline { 
	width: 4rem; 
	height: 0.3rem;
}
.menu__list-item { position: relative; /*padding-top: 15px;*/ }
.menu__list-item.active { }
.menu__list .item__name-markers-price { 
	margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu__list .item__markers { 
	position: relative;
	font-size: 0.8rem;
}
.menu__list .item__markers .badge {
	display: inline-block;
	margin-bottom: 0.1rem;
	padding: 0.3rem;
	border-radius: 0;
	text-transform: uppercase;
}
.menu__list .item__category { 
	text-transform: uppercase;
	color: var(--secondary);
}
.menu__list .item__name {
	font-size: 1.3rem;
	margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
	display: inline-block;
	text-transform: uppercase;
}
.menu__list .item__description { font-size: 1rem; }
.menu__list .item__size-quantity-price-separator {
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 10px;
    height: 1rem;
	border-bottom-style: dotted;
	border-bottom-color: var(--bs-gray-500);
    border-bottom-width: 2px;
}
.menu__list .item__price {
	font-size: 1rem;
	margin-top: 1px;
}

/*
.item__size-quantity-price { font-size: 0.9rem; }
@media (max-width: 575.98px) {
  .item__size-quantity-price {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
  }
 */

@media (max-width: 389.98px) {
	.menu__list-item { border-bottom: 2px solid #f8f9fa; }
	.menu__list-item:last-child { border-bottom: none; }
	.menu__list .item__name-markers-price { display: block !important; }
	.menu__list .item__markers {  display: block !important; margin: 0 !important; }
	.menu__list .item__name { display: block !important; }
	.menu__list .item__price { display: block !important; }
	.menu__list .item__size-quantity-price-separator { display: none!important; }
}

.section__menu-footer { }

/* CARD COUPON */

.card.coupon {
	height: 100%;
	background: var(--quaternary) !important;
	border: 4px dashed var(--primary) !important;
	text-align: center;
}
.card:hover.coupon { 
	border: 4px dashed var(--secondary) !important;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.card.coupon .card-header h6 { text-transform: uppercase; }
.card.coupon .card-header h5 { text-transform: uppercase; }
.card.coupon .card-body h5 { text-transform: uppercase; }
.card.coupon .card-body h3 { text-transform: uppercase; }
.card.coupon .card-body h4 { margin-top: -20px;  text-transform: uppercase; }
.card.coupon .card-body .sign-egal { display: block; margin-top: -20px; text-transform: uppercase; font-size: 3rem; }
.card.coupon .card-body h2 { margin-top: -20px; text-transform: uppercase; }
.card.coupon .card-body h6 { }
.card.coupon .card-footer { } 
.card.coupon .coupon-price { }
.card.coupon .coupon-money { font-size: 5rem !important; letter-spacing: -0.3rem; font-weight: 400; }
.card.coupon .coupon-currency { display: inline-block; margin-bottom: 1rem !important; font-size: 2.8rem !important; font-weight: 400; }
.card.coupon .coupon-cents { display: inline-block; margin-bottom: 0rem !important; font-size: 1rem !important; font-weight: 400; }

.card.coupon.primary { background: var(--primary-variant) !important; }
.card:hover.coupon.primary { }
.card.coupon.primary .card-header h6 { background: var(--secondary); color: var(--quaternary); }
.card.coupon.primary .card-header h5 { background: var(--secondary); color: var(--quaternary); }
.card.coupon.primary .card-body h5 { color: var(--secondary); }
.card.coupon.primary .card-body h3 { color: var(--quaternary); }
.card.coupon.primary .card-body h4 { color: var(--secondary); }
.card.coupon.primary .card-body .sign-egal { color: var(--secondary); }
.card.coupon.primary .card-body h2 { color: var(--secondary); }
.card.coupon.primary .card-body h6 { color: var(--quaternary); }
.card.coupon.primary .card-footer { background: var(--primary-variant) !important; color: var(--quaternary) !important; }  
.card.coupon.primary .coupon-price { color: var(--secondary); }

.card.coupon.secondary { background: var(--secondary) !important; }
.card:hover.coupon.secondary { }
.card.coupon.secondary .card-header h6 { background: var(--tertiary); color: var(--primary); }
.card.coupon.secondary .card-header h5 { background: var(--tertiary); color: var(--primary); }
.card.coupon.secondary .card-body h5 { color: var(--tertiary); }
.card.coupon.secondary .card-body h3 { color: var(--quaternary); }
.card.coupon.secondary .card-body h4 { color: var(--tertiary); }
.card.coupon.secondary .card-body .sign-egal { color: var(--tertiary); }
.card.coupon.secondary .card-body h2 { color: var(--tertiary); }
.card.coupon.secondary .card-body h6 { color: var(--quaternary); }
.card.coupon.secondary .card-footer { background: var(--secondary) !important; color: var(--quaternary) !important; }  
.card.coupon.secondary .coupon-price { color: var(--tertiary); }

.card.coupon.tertiary { background: var(--tertiary) !important; }
.card:hover.coupon.secondary { }
.card.coupon.tertiary .card-header h6 { background: var(--secondary); color: var(--quaternary); }
.card.coupon.tertiary .card-header h5 { background: var(--secondary); color: var(--quaternary); }
.card.coupon.tertiary .card-body h5 { color: var(--secondary); }
.card.coupon.tertiary .card-body h3 { color: var(--primary); }
.card.coupon.tertiary .card-body h4 { color: var(--secondary); }
.card.coupon.tertiary .card-body .sign-egal { color: var(--secondary); }
.card.coupon.tertiary .card-body h2 { color: var(--secondary); }
.card.coupon.tertiary .card-body h6 { color: var(--primary); }
.card.coupon.tertiary .card-footer { background: var(--tertiary) !important; color: var(--primary-variant) !important; }  
.card.coupon.tertiary .coupon-price { color: var(--secondary); }

.card.coupon.quaternary { background: var(--quaternary) !important; }
.card:hover.coupon.secondary { }
.card.coupon.quaternary .card-header h6 { background: var(--secondary); color: var(--quaternary); }
.card.coupon.quaternary .card-header h6.secondary { background: var(--secondary) !important; color: var(--quaternary); }
.card.coupon.quaternary .card-header h6.fiveternary { background: var(--fiveternary) !important; color: var(--quaternary); }
.card.coupon.quaternary .card-header h6 span {color: var(--tertiary); }
.card.coupon.quaternary .card-header h5 { background: var(--secondary); color: var(--quaternary); }
.card.coupon.quaternary .card-body h5 { color: var(--secondary); }
.card.coupon.quaternary .card-body h3 { color: var(--primary); }
.card.coupon.quaternary .card-body h4 { color: var(--secondary); }
.card.coupon.quaternary .card-body .sign-egal { color: var(--secondary); }
.card.coupon.quaternary .card-body h2 { color: var(--secondary); }
.card.coupon.quaternary .card-body h6 { color: var(--primary); }
.card.coupon.quaternary .card-footer { background: var(--quaternary-variant) !important; color: var(--primary-variant) !important; }  
.card.coupon.quaternary .coupon-price { color: var(--secondary); }

.card.coupon.fiveternary { background: var(--primary-variant) !important; }
.card:hover.coupon.fiveternary { }
.card.coupon.fiveternary .card-header h6 { background: var(--fiveternary); color: var(--quaternary); }
.card.coupon.fiveternary .card-header h5 { background: var(--fiveternary); color: var(--quaternary); }
.card.coupon.fiveternary .card-body h5 { color: var(--secondary); }
.card.coupon.fiveternary .card-body h3 { color: var(--quaternary); }
.card.coupon.fiveternary .card-body h4 { color: var(--secondary); }
.card.coupon.fiveternary .card-body .sign-egal { color: var(--secondary); }
.card.coupon.fiveternary .card-body h2 { color: var(--secondary); }
.card.coupon.fiveternary .card-body h6 { color: var(--quaternary); }
.card.coupon.fiveternary .card-footer { background: var(--primary-variant) !important; color: var(--quaternary) !important; }  
.card.coupon.fiveternary .coupon-price { color: var(--secondary); }

/* ---------------------------------------------------
    STORE BRANDS CONCEPT SECTION
----------------------------------------------------- */

.concept__section { background: var(--quaternary); }
.concept__container { }
.concept__content { }
.concept__img { width: 100%; }
@media (max-width: 991.98px) { .concept__img { width: 75%; margin: 0 auto; } }

.concept__years-experience { 
	position: absolute; 
	right: 0;
	bottom: 0;
	margin-bottom: -15px; 
	background-color: var(--tertiary);
	text-align: center;
}
@media (max-width: 991.98px) { .concept__years-experience { top: 0; bottom:inherit; margin-top: -45px; } }

.store__section {  background: var(--quaternary-variant); color: var(--primary-variant); }
.store__container { }
.store__content { }

.store__info {
	/*max-width: 707px; 
	margin-left: auto;*/
}
.store__info h6.type-of-selling { color: #343a40; }
.store__info h3.adress { }
.store__info p.opening-hours { }
.store__info p.opening-hours em.closing-hours { color: var(--secondary); }
.store__info .delivery-platform { }
.store__map {
	margin: 0;
	padding: 0;
	min-height: 250px !important;
}
.store__map iframe {
	width: 100%;
	height: 400px; 
	border: 0;
	margin: 0 !important;
	padding: 0 !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.store__picture {
	margin: 0;
	padding: 0;
	min-height: 480px;
}
.concept__picture {
	min-height: 500px;
}

.store__info .order-call { }
/* Button Itinerary */
.btn-itinerary { color: var(--secondary); }
.btn-itinerary a { color: var(--secondary); }
.btn-itinerary a:hover { text-decoration: none !important; }
/* Button Order Online */
button.btn-order {
	position: relative;
	border-radius: 0;
	font-size: 1rem; 
	font-weight: 900; 
	text-transform: uppercase; 
	background-color: var(--secondary);
}
button.btn-order h4 { color: var(--quaternary) !important; }
button.btn-order a { color: var(--quaternary) !important; }
button:hover.btn-order { background-color: var(--primary-variant); color: var(--quaternary) !important; }
button:hover.btn-order a { color: var(--quaternary) !important; }

/* Button Call Us */
button.btn-call {
	border-radius: 0;
	font-size: 1rem; 
	font-weight: 900; 
	text-transform: uppercase; 
	background-color: var(--tertiary);
	border: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}
button.btn-call a { color: var(--primary-variant) !important; }
button:hover.btn-call { background-color: var(--primary-variant); }
button:hover.btn-call a { color: var(--quaternary) !important; }

/* Button See More */
button.btn-see { 
	font-size: 1rem; 
	font-weight: 900; 
	background-color: var(--tertiary-variant);
	border: none;
	color: var(--quaternary) !important; 
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}
button.btn-see h4 { color: var(--primary); }
button:hover.btn-see { background-color: var(--tertiary); }

/* ---------------------------------------------------
    FOOTER
----------------------------------------------------- */

footer.footer__section { }

.social-network__section { 
	background: var(--primary); 
}
.social-network__section h4 { 
	display: inline-block; 
	margin-bottom: 0 !important; 
	font-weight: 900;
	text-transform: uppercase; 
	color: var(--secondary); 
}
.social-network__section a { 
	text-decoration: none; 
	color: var(--secondary); 
}
.social-network__section a:hover { 
	color: var(--quaternary); 
}

.copyright__section {
	background-color: var(--secondary); 
	color: var(--primary); 
}
.copyright__section a { 
	cursor: pointer;
	text-decoration: none; 
	color: var(--primary); 
}
.copyright__section a:hover { 
	text-decoration: underline; 
}

/* Toast Order an Call */
.toast { z-index: 1299; }
.toast__order-call { 
	width: 420px; 
	opacity: 0.9; 
}
.toast__btn-order-call { }
.order-call__section { 
	text-align: center; 
}

/* Modal Order an Call */
.modal { z-index: 1299; }

/* ---------------------------------------------------
    DEVICES
----------------------------------------------------- */

/* X-Small devices (portrait phones, less than 390px) */
@media (max-width: 389.98px) {

}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
	#logo-header a img { }
	header .navbar a i { 
	  /*font-size: 24px !important;*/
    }
	.carousel { /*margin-top: 5.8rem !important;*/ }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	
	.carousel { /*margin-top: 5.8rem !important;*/ }
	.store__info { max-width: 767px; }
		
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	
	.carousel { /*margin-top: 5.8rem !important;*/ }
		
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
	.carousel { /*margin-top: 5.8rem !important;*/ }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1200px) { 
	
	.carousel { /*margin-top: 5.8rem !important;*/ }
	
}

/* XX-Large devices (larger desktops)
   No media query since the xxl breakpoint has no upper bound on its width */

/* ---------------------------------------------------
    CAROUSEL 
----------------------------------------------------- */

/* ______________ Carousel Header ______________ */ 

#carousel__header .carousel { 
	margin-top: 13.8rem; 
	border-right: 7px solid var(--primary) !important;
	border-left: 7px solid var(--primary) !important;
}
#carousel__header .carousel-inner .carousel-item.active,
#carousel__header .carousel-inner .carousel-item-start,
#carousel__header .carousel-inner .carousel-item-next,
#carousel__header .carousel-inner .carousel-item-prev {
  display: flex;  
}

/* display 1 */
@media (max-width: 768px) {
  #carousel__header .carousel-inner .carousel-item > div {
    display: none;
  }
  #carousel__header .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
/* display 2 */
@media (min-width: 768px) {
  #carousel__header .carousel-inner .carousel-item-right.active,
  #carousel__header .carousel-inner .carousel-item-next,
  #carousel__header .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(50%) !important;
  }

  #carousel__header .carousel-inner .carousel-item-left.active,
  #carousel__header .carousel-item-prev:not(.carousel-item-end),
  #carousel__header .active.carousel-item-start,
  #carousel__header .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }

  #carousel__header .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__header .carousel-inner .carousel-item-prev,
  #carousel__header .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }
}
/* display 3 */
@media (min-width: 1400px) {
  #carousel__header .carousel-inner .carousel-item-right.active,
  #carousel__header .carousel-inner .carousel-item-next,
  #carousel__header .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(50%) !important;
  }

  #carousel__header .carousel-inner .carousel-item-left.active,
  #carousel__header .carousel-item-prev:not(.carousel-item-end),
  #carousel__header .active.carousel-item-start,
  #carousel__header .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }

  #carousel__header .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__header .carousel-inner .carousel-item-prev,
  #carousel__header .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }
}

/* ______________ Carousel Offer ______________ */ 

#carousel__offer .carousel { 
	margin-top: 13.8rem; 
	border-right: 7px solid var(--primary) !important;
	border-left: 7px solid var(--primary) !important; 
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
}
#carousel__offer .carousel-inner .carousel-item.active,
#carousel__offer .carousel-inner .carousel-item-start,
#carousel__offer .carousel-inner .carousel-item-next,
#carousel__offer .carousel-inner .carousel-item-prev {
  display: flex;  
}
#carousel__offer .carousel-inner .carousel-item:last-child { margin-right: 0px !important; }
#carousel__offer .carousel-inner .carousel-item:first-child { margin-left: 0px !important; }
#carousel__offer .card.coupon { margin: 0 4px !important; }

/* display 1 */
@media (max-width: 390px) {
  #carousel__offer .carousel-inner .carousel-item > div {
    display: none;
  }
  #carousel__offer .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

/* display 2 */
@media (min-width: 391) {
  #carousel__offer .carousel-inner .carousel-item-right.active,
  #carousel__offer .carousel-inner .carousel-item-next,
  #carousel__offer .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(50%) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-left.active,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end),
  #carousel__offer .active.carousel-item-start,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }

  #carousel__offer .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-prev,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }
}
/* display 3 */
@media (min-width: 576px) {
  #carousel__offer .carousel-inner .carousel-item-right.active,
  #carousel__offer .carousel-inner .carousel-item-next,
  #carousel__offer .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(33.33%) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-left.active,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end),
  #carousel__offer .active.carousel-item-start,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-33.33%) !important;
  }

  #carousel__offer .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-prev,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-33.33%) !important;
  }
}
/* display 4 */
@media (min-width: 768px) {
  #carousel__offer .carousel-inner .carousel-item-right.active,
  #carousel__offer .carousel-inner .carousel-item-next,
  #carousel__offer .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(25%) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-left.active,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end),
  #carousel__offer .active.carousel-item-start,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }

  #carousel__offer .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-prev,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }
}
/* display 6 */
@media (min-width: 1200px) {
  #carousel__offer .carousel-inner .carousel-item-right.active,
  #carousel__offer .carousel-inner .carousel-item-next,
  #carousel__offer .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(16.66%) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-left.active,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end),
  #carousel__offer .active.carousel-item-start,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-16.66%) !important;
  }

  #carousel__offer .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-prev,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-16.66%) !important;
  }
}

/* ---------------------------------------------------
    Back to top with progress indicator 
----------------------------------------------------- */

.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 60px;
	height: 86px;
	width: 86px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
	z-index: 4000;
	opacity: 0;
	visibility: hidden;
	background: rgba(255,255,255,0.5);
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: "Font Awesome 6 Pro";
    content: "\f341";
	font-weight: 300;
	text-align: center;
	line-height: 86px;
	font-size: 44px;
	color: rgba(0, 0, 0, 0.3); /* --- Pijl kleur --- */
	left: 0;
	top: 0;
	height: 86px;
	width: 86px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: "Font Awesome 6 Pro";
    content: "\f341";
	font-weight: 300;
	text-align: center;
	line-height: 86px;
	font-size: 44px;
	opacity: 0;
	background: var(--primary); /* --- Pijl hover kleur --- */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 86px;
	width: 86px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--primary);/* --- Lijn progres kleur --- */
	opacity: 0.8;
	stroke-width: 4;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* Loader */
#loader {
  display: flex;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  background: rgba(0, 0, 0, 0.91);
}
.loader-inner { display: block; margin: auto; }
.loader-inner img { width: 14rem; margin-bottom: 1rem; }
.spinner-border { width: 3rem !important; height: 3rem !important; }