@charset "UTF-8";

@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 */
}
.font-coca-cola { font-family: 'Coca-Cola'; }

body {
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Roboto', sans-serif !important;*/
	color: #3b4043;
}

/* Button Back to Top */
#btn-back-to-top {
  display: none;
  position: fixed;
  bottom: 5.7rem;
  right: 1.2rem;
  z-index: 99;
  padding: 0.8rem 1.2rem;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: #408241;
  color: white;
  opacity: 0.7;
  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;
}
#btn-back-to-top:hover { background-color: #b52026; }

/* 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: 8rem; margin-bottom: 1rem; }
.spinner-border { width: 3rem !important; height: 3rem !important; }

/* Font and Background Color */
.bg-red { border: none; background-color: #b52026 !important; color: white !important; }
.bg-dark-red { border: none; background-color: darkred !important; color: white !important; }
.bg-green { border: none; background-color: #408241 !important; color: white !important; }
.bg-orange { border: none; background-color: #f7a613 !important; color: white !important; }
.bg-black { border: none; background-color: black !important; color: white !important; }
.bg-dark-gray { border: none; background-color: #3e4445 !important; color: white !important; }
.bg-gray { border: none; background-color: #babbbc !important; color: white !important; }
.bg-light-gray { border: none; background-color: #dadada !important; color: #3b4043 !important; }
.bg-white { border: none; background-color: white !important; color: #3b4043 !important; }
.bg-info { border: none; background-color: #3d3f7c !important; color: white !important; }

.text-info { color: #3d3f7c !important; }
.text-red { color: #b52026 !important; }
.text-dark-red { color: darkred !important; }
.text-green { color: #408241 !important; }
.text-orange { color: #f7a613 !important; }
.text-black { color: black !important; }
.text-dark-gray { color: #3e4445 !important; }
.text-gray { color: #babbbc !important; }
.text-light-gray { color: #dadada !important; }

/* Font Family */
.font-roboto { font-family: 'Roboto', sans-serif !important; }
.font-satisfy { font-family: 'Satisfy', cursive !important; }
.font-nunito { font-family: 'Nunito', sans-serif !important; }

/* Font Size */
.xsmall { font-size: 0.7rem !important; }
.xxsmall { font-size: 0.6rem !important; }

/* Rotate */
.rotate-1 { transform: rotate(1deg); }
.rotate--1 { transform: rotate(-1deg); }
.rotate-2 { transform: rotate(2deg); }
.rotate--2 { transform: rotate(-2deg); }

/* Panel Heading Custom */
.accordion-button:not(.collapsed) {
  color: black ;
  background-color: transparent;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* 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 {
  outline: none !important;
  box-shadow: none !important;
}
a {
  outline: none !important;
  box-shadow: none !important;
}

/* HEADER */
header { background-color: black !important; padding-top: 0.5rem; }
.navHeader-part { background-color: #408241; }
.navHeader-part a.nav-link { color: white !important; }
.navHeader-part a:hover.nav-link { 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; }
.navigation-part ul.navbar-nav li.nav-item a.nav-link { font-size: 1rem !important; }

li.btn-order-online { background-color: #b52026; 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; }
li:hover.btn-order-online { background-color: #3b4043; }

li.btn-carte-menu { background-color: #408241; 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; }
li:hover.btn-carte-menu  { background-color: #3b4043; }

#logo-header-index { width: 13rem; height: 9.4rem; background-color: transparent; }
#logo-header { width: 13rem; height: 10rem; background-color: transparent; }
#logo-header h6 { color: #babbbc; }

h1.slogan { font-size: 2.4rem; } 

/* MENU FIXED BOTTOM FOR MOBILE AN IPAD */
.mob-fixed-bottom-menu { text-align: center; }
.mob-fixed-bottom-menu a { text-transform: uppercase; text-decoration: none; }

/* MODAL FOR MOBILE AN IPAD */
.modal-content button.order-online { background-color: #b52026; text-decoration: 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; }
.modal-content button.order-online:hover { background-color: #408241; }
.modal-content h5 { text-transform: uppercase; }
.modal-content h5 a { color: #b52026; text-decoration: 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; }
.modal-content h5 a:hover { color: #408241; }

/* JUMBOTRON AND BREADCRUMB */
.breadcrumb li a { text-decoration: none; color: white; }
.breadcrumb li.active { color: #408241; }

.jumbotron { text-align: center; }
.jumbotron h1 { text-transform: uppercase; color: white !important; }
.jumbotron p { font-style: italic; }
.bg-cover {
    background-attachment: static;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jb-concept { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-enseigne-diffa.png"); }
.jb-pizza { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-pizza.jpg"); }
.jb-panini { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-panini.jpg"); }
.jb-bread { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-bread.jpg"); }
.jb-panizza { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-panizza.jpg"); }
.jb-croque { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-croque.jpg"); }
.jb-tex-mex { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-tex-mex.jpg"); }
.jb-salade { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-salade.jpg"); }
.jb-boisson { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-boisson.jpg"); }
.jb-dessert { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-dessert.jpg"); }
.jb-menu-promo { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/bg-menu-promo.jpg"); }

/* FOOD MENU WITH ICON FOR ALL DEVICES */
.food-menu-part { background-color: inherit; text-align: center; }
.food-menu-part img { width: 4rem; }
.food-menu-part a { color: #3e4445 !important; text-decoration: none; }

.food-menu {
	width: 5rem; height: 5rem;
	padding: 0.5rem 0 3rem 0;
	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;
}
.food-menu-active {
	width: 5rem; height: 5rem;
	padding: 0.5rem 0 3rem 0;
	background-color: #b52026;
}
.food-menu:hover { background-color: #408241; }
.food-menu a img, .food-menu-active a img { margin: 0 0 0.5rem 0; }


/* MAIN */
.main-part { overflow: hidden; }
.content-main { }

.logo-store-name { width: 6rem; } 

/* PRODUCT */
button.accordion-button h1 { text-align: start; font-weight: 900; color: #b52026; }
button.accordion-button h1 span { color: #408241; font-weight: 100; }
button.accordion-button h1 p { }

.content-product { }
.product-grid { }
h4.product-name { /*font-family: 'Satisfy', cursive;*/ text-transform: uppercase; font-weight: 900; line-height: 1.2rem; }
h4.product-name span.label { font-family: 'Satisfy', cursive !important; font-weight: 700; font-size: 0.6rem; }
p.product-desc { }
li.product-size, li.product-price { font-size: 0.8rem; font-weight: 700; }
li.product-oneprice { font-size: 0.9rem !important; font-weight: 700; color: #3b4043 !important; margin-top: 0.6rem }
img.product-image { /*-webkit-padding-end: 2rem ;*/ }

.sort-dought {
    background-attachment: static;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.classique-dought { background-image: url("../img/pizzas/pate-classique.png"); }
.sesame-dought { background-image: url("../img/pizzas/pate-sesame.png"); }
.pan-dought { background-image: url("../img/pizzas/pate-pan.png"); }
.cheesy-dought { background-image: url("../img/pizzas/pate-cheesy.png"); }

.dashed { border: 1px #dadada dashed; }

/* COUPON Menus & Promos */
.coupon-grid { /*border: 3px #3e4445 dashed;*/ text-align: center }
.coupon-grid-bg { background-color: #b52026; color: white; }
.coupon-grid h1 { text-transform: uppercase; font-weight: 700; }
.coupon-grid h2, .coupon-grid h4 { text-transform: uppercase; font-weight: 900; }
.coupon-grid h4 {   }
.coupon-grid h5 { font-weight: bold; }
.coupon-grid h5 span { font-family: 'Satisfy', cursive !important; font-weight: lighter !important; }
.coupon-grid h6 { text-transform: uppercase; font-weight: bold; }
.coupon-money { font-size: 5rem !important;  letter-spacing: -0.3rem; font-weight: 500; }
.coupon-currency { display: inline-block; margin-bottom: 1rem !important; font-size: 2.8rem !important; }
.coupon-cents { display: inline-block; margin-bottom: 0rem !important; font-size: 1rem !important; font-weight: 800; }

/* ASIDE */
aside { }
.aside-part { }
.store-card { }

.store-info { }
.store-info h6.card-title { text-transform: uppercase; font-weight: normal; }
.store-info h5.store-name { display: block; text-transform: uppercase; }
.store-info h5.store-phone { display: block; text-transform: uppercase; }
.store-info a { display: block; text-decoration: none; }
.store-info a:hover { text-decoration: underline; }
.store-info p.store-adress { }
select.store-select { cursor: pointer; }

.store-additional-info { }
.store-additional-info h6 { text-transform: uppercase; font-weight: normal; }
.store-additional-info h2 button { text-transform: uppercase; font-weight: bold; }

/* FOOTER */
footer { background-color: #babbbc; }

.footer-part { }

.navFooter-part { background-color: #3b4043; color: white; }
.navFooter-part h5 {
    position: relative;
	display: inline-block;
	margin-bottom: 20px !important;
    padding-bottom: 15px;
	text-transform: uppercase;
}
.navFooter-part h5:after {
	position: absolute;
    left: 0;
	bottom: 0;
	content: " ";
    width: 4rem;
    height: 0.15rem;
    background-color: #408241;
 }
.navFooter-part a { color: white; text-decoration: none; }
.navFooter-part a:hover { color: #408241; }
.navFooter-part button.btn-order-online { background-color: #b52026; line-height: 1.1rem; }
.navFooter-part button:hover.btn-order-online { background-color: #408241; }

.copyright-part { color: #3b4043; }
.copyright-part a { color: black; text-decoration: none; }
.copyright-part a:hover { text-decoration: underline; }

.about-us { }
.about-us h1 { }
.about-us h2 { }
.about-us p { }
.about-us-brand-bg { background-image: url("../img/jumbotron/bg-enseigne-diffa.png"); }

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
	h1.slogan { font-size: 0.7rem !important; } 

	.product-size, .product-price { font-size: 0.6rem !important; }
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
	.loader-inner img { width: 5rem; margin-bottom: 1rem; }
    .spinner-border { width: 2rem !important; height: 2rem !important; }
	
	h1.slogan { font-size: 1rem !important; } 
	
	h4.product-name { font-size: 1.25rem !important; }
	
	.about-us-brand-bg { height: 20rem; }
	
	.product-size, .product-price { font-size: 1rem; }
	
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	
	#logo-header-index { width: 7rem !important; height: 5.5rem !important; }
	#logo-header { width: 7rem !important; height: 6.3rem !important; }

	ul.navbar-nav li.nav-item a.nav-link { padding: 0px !important; }
	
	h1.slogan { font-size: 1.2rem !important; } 
	
	h4.product-name { font-size: 1.25rem !important; }
	
	/* MENU WITH ICON FOR IPAD AND MOBILE */

	.food-menu {
		width: 4rem; height: 4rem;
		margin-bottom: 2rem;
		padding: 0.3rem;
		background-color: #3b4043;
	}
	.food-menu-active {
		width: 4rem; height: 4rem;
		margin-bottom: 2rem;
		padding: 0.3rem;
		background-color: #b52026;
	}
	.food-menu {
		background-color: white;
	}
	.food-menu a, .food-menu-active a { font-size: 0.9rem; color: #3b4043; text-decoration: none; }
	.food-menu:hover { background-color: #408241; }

	.about-us h2 { font-size: 1.5rem; }
	.about-us p { font-size: 0.8rem; }
	
	.product-size, .product-price { font-size: 1rem; }
	
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
	
	#logo-header-index { width: 8rem; height: 6.2rem; }
	#logo-header { width: 8rem; height: 7rem; }
	.navigation-part ul.navbar-nav li.nav-item a.nav-link { font-size: 0.88rem !important; }
	
	h1.slogan { font-size: 2rem; } 
	
	h4.product-name { font-size: 1.25rem !important; }

	.product-size, .product-price { font-size: 0.9rem; }
	
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
		
	.navigation-part ul.navbar-nav li.nav-item a.nav-link { font-size: 0.95rem; }
	
}

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

	
	
}