/* -------------------------
	(FOOTER) STYLE
 ------------------------- */
 #footer {
	 position: relative;
    overflow: hidden;
    position: relative;
	display: block;
	z-index: 1;
	background: url(../img/yellow-background.jpg) no-repeat center;
	background-size: cover;
  border-top: 1px solid #e3ceab;
  }
  #footer::after{
	content: "";
	position: absolute;
	z-index: -2 !important;
	display: block !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(https://media.istockphoto.com/id/1412198876/vector/ingredients-pizza-thin-line-seamless-pattern-background-vector.jpg?s=612x612&w=0&k=20&c=7GO0fHbK_t1Hy03sLHkBX1uqLrUfHQRq0H-qlNij6Uk=) repeat !important;
	background-size: 250px auto !important;
	opacity: .1;
    background-color: #bd5613 !important;
    background-blend-mode: color-burn;
}
/* #footer::before{
  content: "";
	z-index: -1;
	width: 100%;
	height: 100%;
	top: -1px;
	left: 0;
	background: url(../img/shape-top.png) repeat-x center top;
} */
  
  #footer .container {
    padding-bottom: 40px;
  }
  
  #footer .row {
	display: flex;
	flex-wrap: wrap;
    margin-left: -35px;
    margin-right: -35px;
    top: 50px;
    opacity: 0;
    transition: top 1s, opacity 1s;
  }
  
  #footer .row.visible {
    top: 0;
    opacity: 1;
  }
  
  #footer .row > * {
    width: 25%;
    padding: 0 35px;
  }
  
  #footer .row > *:last-child {
    text-align: right;
  }
  
  #footer .row > *:last-child .content {
    display: inline-block;
    text-align: left;
  }
  
  #footer .row > *:not(:last-child) {
    border-right: 1px solid #e3ceab;
  }
  
  #footer .title {
    font-family: "Cabin Sketch",helvetica,sans-serif;
    font-size: 30px;
    margin-bottom: 25px;
	font-weight: 500;
  }
  
  #footer .title::after{
	  content: "";
	  width: 30px;
	  border-bottom: 2px solid;
	  position: static;
	  margin-top: 6px;
  }
  
  #footer ul.menu-footer {
	  margin-top: 25px;
  }
  
  #footer p,
  #footer ul {
    font-size: 15px;
    opacity: .6;
  }
  
  #footer ul p{
	  opacity: 1;
  }
  
  #footer ul {
    list-style: none;
  }
  
  #footer ul li:not(:last-child){
	  margin-bottom: 10px;
  }
  
  #footer p:not(:last-child) {
    margin-bottom: 5px;
  }
  
  #footer .carte .list {
    column-count: 2;
  }
  
  #footer .carte .list li{
	  display: inline-block;
	  padding-right: 10px;
  }
  
  #footer .carte li:not(:last-child) {
    margin-bottom: 8px;
    line-height: 1.3;
  }
  
  #footer .infos {
  }
  
  #footer .logo img {
    width: 150px;
    margin: auto;
    margin-bottom: 20px;
  }
  
  #footer .infos span {
    display: inline-block;
    opacity: .5;
    margin-right: 10px;
  }

  #footer .infos .logo span {
    opacity: 1;
    display: inline;
    color: #D71C1C;
  }
  
  #footer .horaire .day {
    width: 130px;
    display: inline-block;
    opacity: .5;
  }
  
  #footer hr {
    margin: 60px 0 40px;
    opacity: .1;
  }
  
  #copyrights {
    text-align: center;
    font-size: 13px;
    background-color: #dfcdaf;
    padding: 20px;
  }
  
@media screen and (max-width: 1000px) {
	#footer .row:first-child{
		margin: 0 !important;	
	}
	
	#footer .row > *{
		width: 100%;	
		padding: 0 !important;
		text-align: left !important;
		margin-bottom: 30px !important;
		border: none !important;
	}
	
	#footer .row > .about{
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 40px;
	}
	
	#footer .logo img{
		width: 120px;
		margin-right: 40px;
		margin-bottom: 0;
	}
	
	#footer .carte .list li{
		display: table;
	}
}

@media screen and (min-width: 768px){
	.hidden-desktop{
		display: none !important;
	}
}

@media screen and (max-width: 767px){
	#footer::before{
		display: none;
	}
	
	#footer .row > *{
		width: 100%;
		margin-bottom: 30px;
	}
	
	#footer .horaire{
		order: 0
	}
	
	#footer .infos{
		order: 1
	}
	
	#footer .row > *:last-child .content{
		width: 100%;
	}
	
	#footer ul.horaire-mobile li{
		display: block;
		float: left;
		width: 55%;
	}
	#footer ul.horaire-mobile li:first-child{
		width: 45%;
	}
	#footer ul.horaire-mobile li:last-child{
		width: 100%;
	}
	#footer ul.horaire-mobile li span{
		display: block !important;
		width: 100% !important;
	}
	
}