/* 
 Theme Name:     cafe-noir-child
 Author:         altelis
 Author URI:     altelis.com
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.1.1
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*==============================ACCUEIL==============================*/

.page-template-default{
	font-weight: 400 !important;
}

/*******************************
 *MENU
********************************/

#thepop-reserver .mfp-close{
	top: -30px;
	right: 400px;
}

.et_fixed_nav #main-header{
	position: fixed;
}

#mobile_menu{
	position: fixed !important;
	width: 100vw;
	height: 100vh;
}

#top-menu-nav #top-menu a{
	padding-bottom: 0;
	padding: 0.3vw 0.7vw;
	margin-bottom: 50px;
	transition: ease 0.2s;
	font-size: 18px;
	font-weight: 600;
}

#top-menu-nav #top-menu a:hover{
	color: #ffffff !important;
	background-color: #D92C36;
	opacity: 1;
}

#et-top-navigation #top-menu-nav{
	position: relative;
	left: -6%;
}

.switcher-lang-desktop{
	position: absolute;
	right: -60px;
	top: 10px;
}

.logo_helper::after{
	content: "";
	border: solid #D92C36 0.5px;
	width: 0px;
	height: 500px;
	position: fixed;
	top: 130px;
	left: 48px;
}

.btn-book-div{
	position: absolute;
	bottom: 0;
	right: -20px;
	width: 180px;
	transform: rotate(-90deg);
	transform-origin: center center;
}

.btn-book{
	padding: 10px 150px 10px 20px;
	transition: ease 0.2s;
	font-family: 'Caviar Dreams';
	font-size: 30px;
	color: #ffffff;
	background-color: #020407;
}

.btn-book:hover{
	background-color: #D92C36;
}

.logo_container{
	position: relative;
}

.btn-num{
	color: #D92C36;
}

.btn-num-div{
	position: absolute;
	z-index: 8000;
	width: 20vw;
	top: 26%;
	left: 150px;
	font-size: 18px;
}

.btn-num, .btn-mail{
	margin-left: 4vw;
}

@media (max-width: 1500px){
	.btn-num, .btn-mail{
		margin-left: 0;
		font-size: 15px;
	}
	.btn-num-div{
		width: 14vw;
	}
	#top-menu-nav #top-menu a{
		font-size: 15px;
	}
	#top-menu-nav #top-menu li{
		padding-right: 15px;
	}
	#et-top-navigation #top-menu-nav{
		left: -3%;
	}
	#et-top-navigation{
		padding-left: 0 !important;
	}
}

@media (max-width: 1185px){
	.btn-num, .btn-mail{
		margin-left: 0;
		font-size: 11px;
	}
	.btn-num-div{
		width: 12vw;
	}
	.switcher-lang-desktop{
		font-size: 14px;
	}
	#top-menu-nav #top-menu a{
		font-size: 13px;
	}
	#top-menu-nav #top-menu li{
		padding-right: 15px;
	}
	#et-top-navigation #top-menu-nav{
		left: -3%;
	}
	#et-top-navigation{
		padding-left: 0 !important;
	}

}

@media (max-width: 1080px){
	#top-menu-nav #top-menu a{
		font-size: 11px;
	}
}

@media (max-width: 980px){
	.logo_helper::after{
		display: none;
	}
	.logo_helper::before{
		display: none;
	}
	.btn-book-div{
		top: 30px;
		right: -105px;
		transform: rotate(0);
	}
	.btn-book{
		padding:  3% 8% !important;
		font-size: 17px;
		font-weight: 300px;
	}
	.et_fullwidth_nav #page-container #main-header .container{
		display: flex;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.et_fullwidth_nav #page-container #main-header .container .logo_container{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.et_fullwidth_nav #page-container #main-header .container .logo_container a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 150px;
	}
	.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation{
		padding-left: 0 !important;
	}
	#et_mobile_nav_menu{
		position: relative;
		right: 20px;
	}
	.mobile_menu_bar::before{
		font-size: 42px !important;
	}
	.btn-num-div{
		display: none;
	}
	#mobile_menu li a{
		text-transform: uppercase;
	}
}

/*******************************
 *FIN MENU
********************************/

/*******************************
 *HEADER
********************************/

 .homepage-header-logo-title .et_pb_text_inner {
    display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.et_fullwidth_nav #main-header .container{
	padding-left: 18px !important;
	padding-right: 80px !important;
}

@media (max-width: 980px){
	.homepage-header-slider{
		display: none;
	}
	.homepage-header-row, .homepage-header-logo-title{
		height: 350px !important;
	}
	.et_pb_row .et_pb_column .homepage-header-logo-title{
		max-width: 100%;
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.et_pb_row .et_pb_column .homepage-header-logo-title .et_pb_text_inner{
		width: 300px !important;
		margin: auto;
	}
}

/*******************************
 *FIN HEADER
********************************/

/*******************************
 *INTRO
********************************/

.homepage-intro-image{
	height: 100%;
}

@media (max-width: 980px){
	.homepage-intro-image{
		display: none;
	}
	.homepage-intro-section{
		padding-top: 0 !important;
	}
	.homepage-intro-1 h1{
		margin-top: 20px;
		font-size: 26px;
	}
}

/*******************************
 *FIN INTRO
********************************/

/*******************************
 *BLOC
********************************/

.homepage-bloc-section{
	overflow-x: hidden;
}

.homepage-bloc{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	position: relative;
	z-index: 1000;
	width: 100%;
}

.homepage-bloc .et_pb_promo_description{
	width: 100%;
	padding: 9px 0;
	transition: ease 0.2s;
	font-size: 18px;
	background-color: rgba(255,255,255,0.8);
	color: #000000;
}

.homepage-bloc:hover .et_pb_promo_description{
	background-color: rgba(0,0,0,0.8);
	color: #ffffff;
}

.homepage-bloc-row .et_pb_column{
	display: flex;
	justify-content: center;
	align-items: center;
}

.homepage-bloc-row .et_pb_column:nth-child(2)::after{
	display: block;
	content: "";
	position: absolute;
	z-index: 10;
	width: 1600px !important;
	border: solid #D92C36 1px;
	font-size: 0px;
}

.homepage-bloc-row .et_pb_column::after{
	display: none;
	content: "";
	position: absolute;
	z-index: 10;
	width: 1600px !important;
	border: solid #D92C36 1px;
	font-size: 0px;
}

.homepage-bloc-row .et_pb_column:first-child{
	position: relative;
	z-index: 50;
}

@media (max-width: 980px){
	.homepage-bloc-row .et_pb_column:nth-child(2)::after{
		display: none;
	}
	.homepage-bloc{
		width: 80%;
		height: 200px !important;
	}
	.homepage-bloc-2{
		margin: 24px 0 !important;
	}
	.homepage-bloc-row .et_pb_column::after{
		display: block !important;
	}
}

/*******************************  
 *FIN BLOC
********************************/

/*******************************
 *MAP
********************************/

 .homepage-map-section .et_pb_row {
    border: solid 4px #D92C36;
}

.homepage-map{
	padding: 0;
}

.homepage-map-section .et_pb_main_blurb_image{
	margin-bottom: 0;
}

.homepage-map-infos .et_pb_blurb_content{
	display: flex;
	align-items: center;
}

.homepage-header-diapo .et_pb_slides, .homepage-header-row .et_pb_column{
	height: 100%;
}

.homepage-diapo .et_pb_slide{
	padding: 0;
	height:100%;
}

@media (max-width: 1300px){
	.homepage-map-infos .et_pb_blurb_description{
		font-size: 12px;
	}
}

@media (max-width: 980px){
	.homepage-map-title{
		text-align: center;
	}
	.homepage-map-section .homepage-map-text .homepage-map-col-2-row-1{
		margin-left: 0 !important;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
	}
	.homepage-map-section .homepage-map-text .homepage-map-row-picto{
		display: flex;
		flex-direction: column;
		padding-bottom: 0;
	}
	.homepage-map-row-picto .et_pb_column{
		margin-bottom: 30px !important;
	}
	.homepage-map-infos span{
		display: none;
	}
	.homepage-map{
		display: none;
	}
	.homepage-map-row-picto .et_pb_column{
		width: 100% !important;
	}
	.homepage-map-infos .et_pb_blurb_content{
		display: flex;
		flex-direction: column;
	}
	.homepage-map-infos .et_pb_blurb_content .et_pb_blurb_container{
		padding-left: 0 !important;
	}
	.homepage-map-infos .et_pb_blurb_description{
		text-align: center;
		font-size: 16px;
	}
}

/*******************************
 *FIN MAP
********************************/

/*******************************
 *FOOTER
********************************/

#main-footer{
	display: none;
}

.footer-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-mobile-infos{
	display: none;
}

.switcher-lang-mobile{
	display: none !important;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 21px;
	right: 10%;
	height: 34px;
	width: 34px;
	background-color: #ffffff;
	border-radius: 50px;
	font-size: 14px;

}

.footer-fixed-mobile-section .et_pb_row, .footer-fixed-mobile-section .et_pb_row .et_pb_column{
	height: 40px !important;
	padding: 0;
}

.footer-fixed-mobile-section{
	display: none;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	bottom: 0;
	z-index: 5000;
	width: 100%;
}

.footer-fixed-mobile-box{
	width: 40px !important;
}

.footer-fixed-mobile-section .et_pb_row .footer-fixed-mobile-lang-box{
	display: flex !important;
	justify-content: flex-end !important;
	width: 40% !important;
}

.footer-fixed-mobile-picto-box{
	width: 60% !important;
}

.et_pb_row .et_pb_column .footer-fixed-mobile{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.footer-fixed-mobile .et_pb_text_inner p{
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.footer-fixed-mobile img{
	width: 50%;
}

@media (max-width: 980px){
	.footer-row img{
		display: none;
	}
	.et_builder_inner_content .et_pb_section .footer-row{
		display: flex;
		flex-direction: column;
		padding-bottom: 80px !important;
		font-size: 12px !important;
	}
 	.footer-row .footer-legal-mentions{
		display: none;
	}
	.footer-infos{
		display: none;
	}
	.footer-fixed-mobile-section{
		display: flex;
	}
	.footer-fixed-mobile-picto-box .et_pb_row_inner .footer-fixed-mobile-box{
		margin-right: 5% !important;
	}
	.footer-mobile-infos{
		display: block;
	}
	.switcher-lang-mobile{
		display: flex !important;
	}
}

/*******************************
 *FIN FOOTER
********************************/

/*******************************
 *FIN FOOTER
********************************/

/*==============================FIN ACCUEIL==============================*/

/*==============================RESTAURANT==============================*/

/*******************************
 *HEADER
********************************/

.pages-header-title span{
	font-family: 'Caviar Dreams';
	color: #020407;
}

@media (max-width: 980px){
	.pages-header-row{
		padding: 0 !important;
	}
}

/*******************************
 *FIN HEADER
********************************/

/*******************************
 *INTRO
********************************/

.restaurant-intro-text{
	border-left: solid 3px #d92c36;
}

.restaurant-intro-image, .restaurant-intro-img-bloc{
	height: 100% !important;
}

@media (max-width: 980px){
	.restaurant-cote-image{
		margin: 30px 0 !important;
	}
	.et_pb_section .et_pb_row .restaurant-intro-text{
		border-left: none !important;
		margin-bottom: 40px !important;
		padding-bottom: 30px;
	}
	.restaurant-picto-row{
		border-left: none !important;
		border-right: none !important;
	}
	.et_builder_inner_content .et_pb_section .restaurant-picto-row-no-margin{
		margin-bottom: 0 !important;
	}
	.restaurant-picto-row .et_pb_column{
		margin-top: 40px !important;
	}
	.restaurant-intro-image img{
		min-height: 300px !important;
	}
}

/*******************************
 *FIN INTRO
********************************/

/*******************************
 *COTE&PICTO
********************************/

.restaurant-cote-image{
	height: 250px;
}

.restaurant-cote-col{
	border: solid 3px #d92c36;
}

@media (max-width: 980px){

	.restaurant-picto-row{
		border-left: none !important;
		border-right: none !important;
	}
	.et_builder_inner_content .et_pb_section .restaurant-picto-row-no-margin{
		margin-bottom: 0 !important;
	}
	.restaurant-picto-row .et_pb_column{
		margin-top: 40px;
	}
	.et_pb_section .et_pb_row .restaurant-cote-col{
		margin: 20px 0 !important;
	}
	.restaurant-advices-no-mobile-bloc{
		display: none
	}
	.restaurant-cote-image img{
		height: 200px !important;
	}
}

/*******************************
 *FIN COTE&PICTO
********************************/

/*******************************
 *ADVICES
********************************/

.restaurant-advices-bloc {
	position: relative;
}

.restaurant-advices-bloc p img{
	position: absolute;
	top: -40px;
	left: 43%;
}

@media (max-width: 980px){
	.restaurant-advices-row .et_pb_module{
		width: 85%;
		margin: 30px auto;
	}
	.et_pb_section .restaurant-advices-row{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.restaurant-advices-section{
		padding-top: 0 !important;
	}
}

/*******************************
 *FIN ADVICES
********************************/

/*==============================FIN RESTAURANT==============================*/

/*==============================CONTACT==============================*/

/*******************************
 *FORM
********************************/

.contact-form form button:hover{
	border-color: #eeeeee !important;
	border-radius: 10px;
	letter-spacing: 2px;
}

.contact-form-row{
	display: flex !important ;
	align-items: center;
}

.contact-form input, .contact-form select, .contact-form textarea{
	border-left: solid 3px #D92C36 !important;
}

.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{
	border-left: solid 3px #020407 !important;
}

.picto-align p{
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-infos-col-2{
	border: solid 2px #d92c36;
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width: 980px){
	.et_pb_row .contact-infos-col-1{
		margin-bottom: 30px !important;
	}
	.contact-parking-text{
		width: 100% !important;
	}
	.contact-parking-image img{
		height: auto !important;
	}
	.contact-form-row{
		flex-direction: column;
	}
	.picto-align p{
		justify-content: flex-start;
	}
}

/*******************************
 *FIN FORM 
********************************/

/*==============================FIN CONTACT==============================*/

/*==============================DINAN==============================*/

/*******************************
 *PROXIMITE 
********************************/

.dinan-proximity-bloc{
	display: flex;
	justify-content: center;
	align-items: center;
}

.dinan-proximity-bloc p{
	color: transparent;
	transition: ease 0.2s;
}

.dinan-proximity-bloc:hover p{
	color: #020407;
}

.dinan-proximity-bloc::before{
	content: "";
	position: absolute;
	width: 0%;
	height: 0%;
	transition: ease 0.2s;
	background-color: rgba(255,255,255,0.6);
}

.dinan-proximity-bloc:hover::before{
	width: 100%;
	height: 100%;
}

@media (max-width: 980px){
	.dinan-separator{
		padding-top: 50px !important;
		padding-bottom: 0px !important;
	}
	.et_builder_inner_content .et_pb_section .dinan-proximity-row-title{
		margin-top: 20px !important;
		margin-bottom: 0 !important;
	}
	.dinan-proximity-row{
		padding: 0 !important;
	}
	.dinan-proximity-bloc{
		margin-top: 40px !important;
	}
	.dinan-proximity-bloc-logo{
		display: none;
	}
}

/*******************************
 *FIN PROXIMITE 
********************************/

/*******************************
 *INTRO&10CHOSES
********************************/

.dinan-intro-img .et_pb_slide{
	padding: 0;
}

.dinan-intro-img .et_pb_slide_image{
	margin: 0 !important;
}

.dinan-intro-img, .dinan-intro-img img, .dinan-intro-img .et_pb_slides, .dinan-intro-img .et_pb_slide{
	height: 100%;
}

.dinan-intro-img .et_pb_slide_description{
	padding: 0;
}

.dinan-intro-img .et_pb_container{
	height: auto !important;
}

@media (max-width: 980px){
	.dinan-intro-img{
		margin-top: 40px;
		min-height: auto !important;
	}
	.dinan-intro-img .et_pb_slide_image{
		width: 100% !important;
		display: block !important;
	}
	.dinan-10-choses-text-2{
		margin-top: 20px;
	}
	.dinan-10-choses-row{
		width: 80% !important;
	}
}

@media (max-width: 700px){
	.dinan-intro-img img{
		width: 100%;
	}
	.dinan-intro-img .et_pb_slide{
		min-height: 200px !important;
	}
}

/*******************************
 *FIN INTRO&10CHOSES
********************************/

/*==============================FIN DINAN==============================*/


/*==============================CARTE==============================*/

/*******************************
 *MENUS 
********************************/

.carte-menus-bloc, .carte-bloc, .carte-bloc-logo{
	display: flex;
	justify-content: center;
	align-items: center;
	transition: ease 0.2s;
}

.carte-menus-bloc:hover{
	border-color: #d92c36 !important;
}

.carte-menus-bloc img{
	transition: ease 0.5s;
}

.carte-menus-bloc:hover img{
	transform: rotate(180deg);
}

.carte-menus-bloc div, .carte-menus-bloc h3, .carte-bloc div, .carte-bloc h3{
	padding-bottom: 0 !important;
}

.carte-menus-row-2{
	display: flex;
	justify-content: center;
}

@media (max-width: 980px){
	.carte-menus-row-1, .carte-menus-row-2{
		padding: 0;
	}
	.carte-menus-row-2{
		display: flex;
		flex-direction: column;
	}
	.carte-menus-row-2 .carte-menus-bloc{
		width: 100%;
	}
	.carte-menus-row-2 .et_pb_column{
		margin-bottom: 10px !important;
	}
	.carte-menus-row-1{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.carte-menus-bloc{
		margin: 5px 0 !important;
		padding: 30px 10px !important;
	}
	.carte-row-title{
		text-align: center !important;
	}
}

/*******************************
 *FIN MENUS 
********************************/

/*******************************
 *BLOCS 
********************************/

.carte-bloc h3{
	padding: 10px 25px !important;
	padding-right: 8px !important;
	transition: ease 0.2s;
	font-weight: bold !important;
	background-color: rgba(2,4,7,0.8) !important;
}

.carte-bloc h3::after{
	content: " +";
	position: relative;
	transition: 0.2s ease;
	font-size: 20px;
	color: #fff;
	opacity: 0;
}

.carte-bloc:hover h3::after{
	opacity: 1;
}

.carte-bloc{
	padding: 10px !important;
}

.carte-bloc .et_pb_promo_description{
	border-left: solid transparent 3px;
	border-right: solid transparent 3px;
	transition: ease 0.3s;
}

.carte-bloc:hover h3{
	background-color: rgba(2,4,7,0.4) !important;
	padding-right: 25px !important;
}

.carte-bloc:hover .et_pb_promo_description{
	padding: 0 !important;
	border-left-color: #ffffff !important;
	border-right-color: #ffffff !important;
}

.carte-bloc-logo h3 img:last-child{
	transition: ease 0.2s;
}

.carte-bloc-logo:hover h3 img:last-child{
	width: 40px;
}

.mfp-content{
	max-width: 1280px;
}

.mfp-content, .mfp-hide{
	text-align: center !important;
}

.mfp-close-btn-in .mfp-close{
	color: #fff;
	font-size: 40px;
	top:0;
}

.carte-popup-row .et_pb_column{
	height: 1px;
}

@media (max-width: 980px){
	.carte-bloc-row{
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}
	.carte-bloc-row .carte-bloc{
		margin: 10px 38px;
	}
	.carte-bloc{
	}
}

/*******************************
 *FIN BLOCS 
********************************/

/*==============================FIN CARTE==============================*/

/*==============================GALERIE==============================*/

/*******************************
 *PHOTOS 
********************************/
.mfp-title{
	display: none !important;
}

.mfp-image-holder .mfp-close{
	position: absolute;
	top: 20px;
	left: 60px;
	opacity: 0.8;
}

.mfp-image-holder .mfp-close:hover{
	cursor: pointer;
}

@media (max-width: 980px){
	.gallery-row{
		padding: 0;
	}
	.mfp-image-holder .mfp-close{
		left: -5px;
		top: -10px;
	}
}

/*******************************
 *FIN PHOTOS 
********************************/

/*==============================FIN GALERIE==============================*/

/*==============================MENTIONS LEGALES==============================*/

@media (max-width: 980px){
	.et_pb_section .et_pb_row .legal-mentions-bloc{
		margin: 20px auto !important;
	}
}

/*==============================FIN MENTIONS LEGALGES==============================*/


.restaurant-intro-image .et_pb_module{
	    line-height: 30;
}