/*
    Theme Name:     RF Agency
    Theme URI:      https://remifonvieille.com
    Description:    Divi Child Theme for RF Agency's clients.
    Author:         RF Agency's Team
    Author URI:     https://remifonvieille.com 
    Template:       Divi
    Version:        1.0.0
*/

:root {
	--color--accent: #ff0000 !important;
}

/*	Init	*/

html, body {
	overflow-x: hidden !important;
}

/*  Élargir la taille du sous-menu de Divi          */

header #top-menu li li a {
    width: 300px;
}

header .nav li ul {
    width: 320px;
}

/*  Refermer les sous-menus de Divi sur mobile      */
/*  https://www.divi-community.fr/snippets-divi/refermer-sous-menus-divi-mobile/    */

/*	REFERMER LES SOUS-MENUS DE DIVI SUR TÉLÉPHONE	*/

#main-header .et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}

#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}

#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-size: 16px;
	content: '\4c';			/*	MODIFIER LES ICÔNES AFFICHÉS POUR OUVRIR OU FERMER LES SOUS-MENUS DE DIVI SUR TÉLÉPHONE		*/
	top: 13px;
	right: 10px; 
}

#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
	content: '\4d';			/*	MODIFIER LES ICÔNES AFFICHÉS POUR OUVRIR OU FERMER LES SOUS-MENUS DE DIVI SUR TÉLÉPHONE		*/
}

#main-header .et_mobile_menu ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}

#main-header .et_mobile_menu .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}

/*  Inverser l’ordre des colonnes sur mobile        */

@media only screen and (max-width : 980px) {
    .rf_inverser_colonnes-section .rf_inverser_colonnes-ligne {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

/*	Pas de menu hamburger pour le footer menu								*/

@media (max-width: 980px) {
	footer .et_pb_menu .et_mobile_nav_menu, 
	footer .et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: none !important;
	}
}

@media (max-width: 980px) {
	footer .et_pb_menu .et_pb_menu__menu, 
	footer .et_pb_fullwidth_menu .et_pb_menu__menu {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
}



/*	replace bullets in lists with icons in Divi	*/

.rf-list ul li {
    list-style-type: none;
}

.rf-list ul li::before {
    font-family: 'ETmodules';
    content: "\5e";
    font-size: 120%;
	color: var(--color--accent);
    float: left;
    margin-left: -1em;
    margin-right: 0.5em;
}

/** Header  */

.header-content-container.center {
    background-color:rgba(0,26,58,0.5) !important;
    /*	border-radius: 20px !important;	*/
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_one {
    margin-right: 0 !important;
}


/*  Tableau des tarifs  */

table {
    border: 0  !important;    
}

tbody {
    border: 0 !important;
}

tr {
    border: 0 !important;
}

td {
    border-top: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    padding: 6px 0 !important;
}

td.td-tarif {
    text-align: right !important;
}





@media (max-width: 1080px) {
    #et_mobile_nav_menu {
        display: block !important;
    }
}

@media (max-width: 1080px) {
    nav#top-menu-nav {
        display: none !important;
    }
}