/*
    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;
}

/*  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;
}


/**     WooCommerce x Title + Price Hover   */

h2.woocommerce-loop-product__title {
    position: absolute; /* postulat de départ */
    top: 70%;
    left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
    text-align:center;
    /*  z-index: -1 !important; */
    /*  opacity: 0 !important;  */
    transition: all 0.3s ease-in-out;
}

span.price {
    position: absolute; /* postulat de départ */
    top: 85%;
    left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
    /*  z-index: 3; */
    /*  opacity: 1; */
}