/*
 Theme Name:	Palogne
 Author:		DJB Communication/Bernard DEJOSEE
 Author URI:	https://www.djbcom.be
 Template:		Divi
 Version:		1.2.0
*/
 
 
/* Personnalisation des styles
------------------------------------------------------- */
/* include et_font css */
@import url("font-style.css");

/* 
 Menu fullscreen 
*/
.djb_bg_transparent{
	background-color: transparent;
}
#menu_fullscreen {
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-150vh);
	-ms-transform: translateY(-150vh);
	transform: translateY(-150vh);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#menu_fullscreen.visible_menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#menu_fullscreen a{
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#menu_fullscreen .current_page_item a {
	font-weight: 900;
}
#menu_fullscreen a:hover{
	color:#ffffff !important;
}

.djb_menu_infos{
	border: 2px solid #ffffff;
	background-color: #cd5e29;
	padding: 7px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.djb_menu_infos:hover{
	padding: 7px 14px;
}
#btn_show_menu{
	border: 2px solid;
	padding: 7px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
#btn_show_menu:hover{
	padding: 7px 14px;
}

#djb_menu_icon{
	font-weight: 700;
}
.no_overflow {
	overflow: hidden;
}
/* menu_fullscreen vertical */
#vertical_menu .et_pb_menu__menu > nav > ul {
	display: block!important;
}

#vertical_menu .et_pb_menu__menu > nav > ul > li > a {
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
}
/*mobile menu */

#djb_mobile_menu .et_mobile_menu li a {
	font-size: 16px;
	line-height: 16px;
	text-align: center;
}
#djb_mobile_menu .et_mobile_menu .menu-item-has-children>a {
	color:#bacb38;
	text-transform: uppercase;
}
#djb_mobile_menu .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
	background-color: transparent!important;
}
.djb_home_slider .et_pb_slides .et_pb_slide{
	/*border: 5px solid red;*/
}
.djb_news_slides .et_pb_slide {
	background-blend-mode: luminosity;
}
.djb_slogan{
	position: absolute;
	bottom: 2vh;
	right: 1vh;
	background-color: rgba(0,0,0,0.6);
	padding: 7px;
	padding-bottom: 21px !important;
	font-size: 24px;
	line-height: 30px;
	max-width: 60%;
}
.djb_slogan .djb_titre_horaires{
	font-size: 0.5em;
	display: none;
}
.djb_slogan ul{
	list-style-type: none;
	font-size: 0.5em;
	font-weight: 700;
	text-transform: none;
	padding-left: 7px;
	padding-right: 7px;
	column-count: 2;
	column-gap: 5px;
	text-align: left;
	display: none;
}
.djb_slogan a.djb_button_white{
	display: none;
}

/* GDPR Button */
.cn-button.bootstrap{
	background: #cd5e29;
	border: 2px solid #ffffff !important;
	border-radius: 0;
}
/* Icône scroll */
.djb_scroll{
	display: none;
}
@-webkit-keyframes djb_a_scroll {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(18px);
						transform: translateY(18px);
	}
}
@keyframes djb_a_scroll {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(18px);
						transform: translateY(18px);
	}
}
/* Tarif */
.djb_tarif .et_pb_blurb_content {
	background-color: rgba( 0, 0, 0, 0.6);
}
/* Call to action */
.djb_cta{
	-webkit-transition: all .4s;
	transition: all .4s;
}
.djb_cta:hover{
	background-color: #888887 !important;
}

/* Accroches */
p.djb_catch{
	margin-left: 7px;
	margin-right: 7px;
}
.djb_catch a{
	color: rgba(255,255,255,0.5);
	font-weight: 700;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.djb_catch a:hover{
	color: rgba(255,255,255,0.8);
}
/* Bouton */
.djb_button_white{
	display: inline-block;
	color: inherit;
	font-size: 20px;
	font-weight: 500;
	padding: .3em 1em;
	line-height: 1.7em!important;
	background-color: transparent;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	border: 2px solid;
	border-radius: 3px;
	-webkit-transition: all .2s;
	transition: all .2s;
	cursor: pointer;
}
/* Horaires */
.djb_home_hours ul{
	list-style: none;
	text-align: center;}
.djb_home_hours li{
	border: 1px solid;
	display: inline-block;
	padding: 7px;
	margin: 0 3.5% 1em 3.5%;
}

.djb_hours{
	background-color: #fff;
	padding: 7px;
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid #d8d8d8;
	line-height: 3em;
}
.djb_open{
	color: #77ad46;
	padding-left: 7px;
	font-weight: 700;
}
.djb_closed{
	color: #cd5e29;
	padding-left: 7px;
	font-weight: 700;
}

/* Logos soutien */
.djb_logos_soutien_a{
	opacity: 1;
	-webkit-transition: all .2s;
	transition: all .2s;
	margin-bottom: 14px;
}
.djb_logos_soutien_a:hover{
	opacity: 0.7;
}
.djb_logos_soutien{
	height: 60px;
	width: auto;
	margin-left: 1em;
	margin-right: 1em;
}
/* DJB Communication */
.djbcom_credit{
	display: block;
	float: right;
	color: #ffffff;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.djbcom_credit:hover{
	color: #ffffff;
	opacity: 0.7;
}

.djbcom_credit img{
	height: 16px;
	vertical-align: text-bottom;
}
/* Texts & titles */
h1 {
	font-size: 20px !important;
}
h5 {
	font-weight: 700;
}
.djb_histoire-plus .current_page_item>a{
	color: #cd5e29 !important;
}
/*Responsiveness */
@media only screen and (min-width: 720px) {
	#djb_mobile_menu .et_mobile_menu li a {
		font-size: 24px;
	}
	h1 {
		font-size: 30px !important;
	}
}

@media only screen and (max-width: 980px) {
	#djb_main_menu, #menu_fullscreen {
		display: none;
	}
	#vertical_menu .et_pb_menu__menu > nav > ul > li > a {
		margin-bottom: 5px; 
	}
	/* Texts & titles */

}
@media only screen and (min-width: 980px) {
	#djb_mobile_menu {
		display: none;
	}
	.djb_slogan{
	font-size: 30px;
	line-height: 42px;
	}
	.djb_slogan .djb_titre_horaires{
		display: unset;
	}
	.djb_slogan ul{
		display: block;
	}
	.djb_slogan a.djb_button_white{
		display: unset;
	}
	/* Icône scroll */
	.djb_scroll{
		display: block;
		margin-top: 24px;
		color:#ffffff;
		font-size: 48px;
		font-weight: 900;
		-webkit-animation-duration: 3.5s;
		animation-duration: 3.5s;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-name: djb_a_scroll;
		animation-name: djb_a_scroll;
	}
	.djb_rgpd{
		column-count: 2;
	}
	.djb_logos_soutien{
		float: left;
	}
}

}
@media only screen and (min-width: 1280px) {
	#djb_main_menu .et_pb_menu ul li a{
		font-size: 16px;
	}
	
}
@media only screen and (min-width: 1440px) {
	#djb_main_menu .et_pb_menu ul li a{
		font-size: 20px;
	}
}