/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
/* largeur du site */
#av-grid-custom-width {
	max-width: 1310px;
	margin: 0 auto;
}

/* espace bloc menu */
@media only screen and (min-width: 767px) {
	#header .av-main-nav>li>a {
		padding: 0 30px!important;
	}
}


/* CSS - Subtext on right */
#top .logo,
#top .logo a {
  overflow: visible;
}

/* Subtext styling */
.logo .subtext h5 {
	width: 250px !important;
	font-size: 1.2em;
	font-weight: 600;
}

.logo .subtext {
  position: absolute;
	top: 50%;
	right: 0;
	transform: translate(120%, -50%);
	z-index: 999;
}

/* Suppression du subtext en mode mobile */
@media only screen and (max-width: 767px) {
	.logo .subtext {
		display: none;
		visibility: hidden;
	}
}
/* Mise en forme du sous-menu actif */
.av-main-nav ul.sub-menu li.current-menu-item > a {
	background-color: #ffffff !important;
	color: #10467a !important;
}

/* DEBUT MENU LOUPE */
#menu-item-search > a::before {
    content: '' !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border: 2px solid #FFCC33; /* Cercle noir */
    border-radius: 50%;
    transform: translate(-70%, -70%); /* Ajustement fin de centrage */
}

#menu-item-search > a::after {
    content: '' !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;     /* Epaisseur de la queue */
    height: 7px;    /* Longueur de la queue */
    background-color: #FFCC33; /* Couleur noire */
    transform: translate(2px, 2px) rotate(-45deg); /* Orientation de la queue */
}


#menu-item-search > a:hover::before,
#menu-item-search:focus-within > a::before {
    border-color: #FFCC33 !important; /* Remplacez par la couleur voulue */
}

#menu-item-search > a:hover::after,
#menu-item-search:focus-within > a::after {
    background-color: #FFCC33 !important; /* Mettez la même couleur */
}
/* FIN MENU LOUPE */