/*
Theme Name: 2FDesign - byCrofte
Template: Divi
Text Domain: divi_2fdesign
Description: Divi Child Theme created for 2FDesign.
Author: Michaël Crofte
Author URI: https://www.bycrofte.fr/
Version: 0.1
*/
:root  {
	/****** Useful colors *****/
	--red-wood: 		#81322e;
	--medium-wood:		#cd924e;
	--light-wood:	 	#d6b892;
	 
	/*******************************************/
}

/* Header -- Menu */
#main-header {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Footer --Widgets */
#main-footer .footer-widget .fwidget {
	margin-bottom: 4.5%;
}
#main-footer .widget_text p {
	text-align: justify;
}

/* Footer --Footer Menu */
#nav_menu-3 {
	text-align: center;
	width: 100%;
	font-size: 12px;
}
#nav_menu-3 .dashicons {
	position: relative;
	top: 1px;
}
#nav_menu-3 ul#menu-navigation-principale li.home {
	width: 100%;
	position: relative;
}
#nav_menu-3 ul#menu-navigation-principale li.home a {
	text-indent: 100%;
	font-size: 0px;
	display: block;
	width: 100%;
	text-align: center;
	min-height: 28px;
	top: -8px;
	position: relative;
}
#nav_menu-3 ul#menu-navigation-principale li.dashicons a::before {
	font-family: "dashicons";
	line-height: 0;
	font-size: 22px;
	position: absolute;
	left: 44.5%;
	transform: translateX(-50%);
	top: 12px;
}
#nav_menu-3 ul#menu-navigation-principale li.home a::before {
	content: "\f102";
}
#top-menu-nav ul.sub-menu > li a {
	font-size: 14px;
}
#nav_menu-3 ul#menu-navigation-principale {
	list-style-type: none;
}
#nav_menu-3 ul#menu-navigation-principale li::before {
	content: none;
}
#nav_menu-3 ul#menu-navigation-principale li {
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
#nav_menu-3 ul#menu-navigation-principale a {
	transition: 0.35s ease-in-out;
}
#nav_menu-3 ul#menu-navigation-principale > li a {
	display: block;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
#nav_menu-3 ul#menu-navigation-principale > li.current_page_item a {
	border-bottom: 1px solid rgba(180,141,78,0.1);
}
#nav_menu-3 ul#menu-navigation-principale li.current_page_item > a {
	color: var(--sam-lightbrown);
}
#nav_menu-3 ul#menu-navigation-principale > li.current_page_item > a {
	background: linear-gradient(90deg, rgba(180,141,78,0) 0% , rgba(180,141,78,0.01) 25% , rgba(180,141,78,0.04) 50% , rgba(180,141,78,0.01) 75% , rgba(180,141,78,0) 100%);
}
#nav_menu-3 ul#menu-navigation-principale > li > a {
	background: linear-gradient(90deg, rgba(255,255,255,0) 0% , rgba(255,255,255,0.01) 25% , rgba(255,255,255,0.04) 50% , rgba(255,255,255,0.01) 75% , rgba(255,255,255,0) 100%);
}
#nav_menu-3 ul#menu-navigation-principale > li > ul.sub-menu {
	background: rgba(0,0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 100%);
}
#nav_menu-3 ul#menu-navigation-principale > li > ul.sub-menu > li {
	padding-left: 0px;
	margin-left: 0px;
}
#nav_menu-3 ul#menu-navigation-principale > li > ul.sub-menu > li a {
	color: rgba(255,255,255,0.35);
	border-bottom: none;
}
#nav_menu-3 ul#menu-navigation-principale > li > a:hover,
#nav_menu-3 ul#menu-navigation-principale > li > a:focus,
#nav_menu-3 ul#menu-navigation-principale > li > a:active {
	color: var(--sam-lightbrown);
}
#nav_menu-3 ul#menu-navigation-principale > li > ul.sub-menu > li a:hover,
#nav_menu-3 ul#menu-navigation-principale > li > ul.sub-menu > li a:focus,
#nav_menu-3 ul#menu-navigation-principale > li > ul.sub-menu > li a:active {
	color: rgba(255,255,255,0.8);
}






/*************************************************************************/
/**************************    DIVI custom    ****************************/
/*************************************************************************/
#footer-widgets .footer-widget li::before {
	display: none;
}
#footer-widgets #block-11 {
	float: none;
}





/*************************************************************************/
/**************************    Plugin custom    **************************/
/*************************************************************************/




/*************************************************************************/
/***************************    Responsive    ****************************/
/*************************************************************************/
@media screen and (max-width: 980px) {
	#top-header .container {
		padding-top: 8px;
	}
}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 860px) {

}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 540px) {

}
@media screen and (max-width: 479px) {

}