/*  Theme Name:   Mon thème enfant 
Theme URI:    https://studioambrosia.fr
Description:  Description de mon thème enfant 
Author:       Mathilde 
Template:     chosen  
Version:      0.1.0 */

/*Police paragraphe font-family: "paragraphe", sans-serif;*/

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


p
{
  font-family: 'raleway', sans-serif;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400; /* normal */
  text-align: justify !important;   /* force la justification */
  text-justify: inter-word !important;
  hyphens: auto !important;         /* permet la césure automatique */
  transform: scaley(1.1);
}
li
{ 
	font-size: 14px;
}
a 
{
    text-decoration: none !important;
}
a:hover 
{
    color: #6187c5;
}
.post-content a {
    text-decoration: none !important;
}
   
/* Champs texte, textarea et select de CF7 */
.wpcf7-form input.wpcf7-text,
.wpcf7-form input.wpcf7-email,
.wpcf7-form input.wpcf7-tel,
.wpcf7-form input.wpcf7-number,
.wpcf7-form textarea.wpcf7-textarea,
.wpcf7-form select.wpcf7-select {
    font-size: 12px !important;     /* le !important force la priorité */
    font-family: "paragraphe", sans-serif !important;
}

.wpcf7 label {
  font-size: 14px; /* Remplace par la taille souhaitée */
}

/* largeur page*/
.singular .post-content {
    padding: clamp(100px, 2vw, 100px) clamp(60px, 15%, 60px) !important;
}

/* Bouton envoyer */
.wpcf7-form input.wpcf7-submit {
    font-size: 14px !important;
    font-family: "paragraphe", sans-serif !important;
    padding: 10px 20px !important;
    cursor: pointer;
}


/*Police Titre h3*/

h3 {
  font-family: "maher", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 4px; /* espace entre lettres si besoin */
  text-transform: uppercase; /* optionnel : tout en majuscules */
}

/*Police Titre h2*/

h2 {
  font-family: "maher", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 9px; /* espace entre lettres si besoin */
  text-transform: uppercase; /* optionnel : tout en majuscules */
}

/*Police Titre h1*/

h1 {
  font-size: 1.15rem;
}

/* Limite la largeur du contenu principal pour garder des espacements constants */
#main,
.wrapper,
.site-content,
.content-container {
    max-width: 1980px; /* adapte selon ton besoin */
    margin: 0 auto;   /* centre le contenu */
    padding: 0 30px;  /* marge intérieure stable */
}

/* Empêche l’espace d’être trop grand sur grands écrans */
.post-header {
	padding-top: clamp(30px, 2vw, 80px) !important;    
}


/* VERSION MOBILE */

@media (max-width: 768px) {
  h2 {
    font-size: 1.4rem !important;
  }

  .overflow-container {
    padding: 0px 1.167% !important;
  }
.singular .post-content {
  padding: 0px 8.168% !important;
}
}

.vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:hover {
	color: #6187c5;
}

.vp-portfolio__items-style-emerge .vp-portfolio__item-caption {
	color: #6187c5;
	font-size: 0.6em;
	text-transform: uppercase;
}

/*Oeuvre BLeu*/
.wp-element-caption a:hover {
	color: #6187c5;
}

/*largeur page a propos*/

  .singular .post-content {
    padding: 0 9.168%;
}


/* Image mise en avant */
.featured-image {
    max-width: 100%;
    height: auto;
    display: block;
	margin-top: 7%;
}

/*cacher fleche menu */
.toggle-dropdown {
	display: none;
}

/*Couleur lien Mentions Legales*/

a[href="https://studioambrosia.fr/mentions-legales/"]:hover {
    color:#6187c5; /* Remplacez par la couleur de votre choix */
}


/*espace haut */
    .site-header {
         padding-top: clamp(40px, 5vw, 120px);
    }

/*couleur bouton envoyer*/
	input[type="submit"]:hover {
	background: #6187c5;
}

/*soulignement menu*/
.menu-primary a:focus {
  text-decoration: none;
}

/* titre page accueuil*/
.title-container {
        display: none;
}

/*Titre site */
.post-title {
	display: none;
}

.post-content a {
	    text-decoration: underline;
}

/*retirer cadre menu*/
.menu-primary .current-menu-item > a, .menu-primary .current_page_item > a {
    outline: solid 0px white;
}

/*couleur titre h5*/
.mec-wrap h5 {
    color: #6187c5; /* Remplacez par la couleur de votre choix */
}

/* couleur lien event*/
.mec-wrap .mec-event-list-standard .mec-event-title a:hover{
	color: #6187c5 !important; 
}

/*cacher continuer la lecture event*/
.more-link-wrapper {
	display: none;
}

/*Taille bandeau menu*/

.max-width {
	margin: 0 auto; /* Utilisation de 0 pour le margin top et bottom */
	max-width: 100%; /* Limitation de la largeur maximale */
}

.singular .post-header, .error404 .post-header {
    margin: 0em 0;
}

/* SOCIAL MEDIA ICONS */
	.social-icons {
    transition: all 0.1s ease-in-out;
	}

	.social-icons  a:hover {
	  color: #6187c5;
	}	 

/*position image en tete*/


.header-button-image {
    position: absolute;
    top: 10px;
    left: 189px;
    width: 140px; /* Ajuste la taille ici */
    height: auto;
    cursor: pointer;
    z-index: 1000; /* Pour qu’elle passe au-dessus d'autres éléments si besoin */
}

/*position menu*/

/* Ordinateurs de bureau et grands écrans */

	.menu-primary-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;               /* prend toute la largeur de l'écran */
    display: flex;
    justify-content: center;   /* centre les items du menu */
    background-color: #fff;
    z-index: 1000;
    padding: 20px 0;
}

.menu-primary-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;            /* vertical / horizontal */
    margin: 0;
    padding: 0;
	margin-top: -30px;
}

    #menu-item-104 {
		flex-basis: 100%;
		text-align: center;
		font-size: 4.45vw;
		font-weight: 700;
		font-family: "maher", sans-serif;
		margin: 0;
		padding: 0;
		margin-top: -10px;
}
	
	#menu-item-104 a {
		display: inline-block;
		text-decoration: none; /*soulignement enlevé*/
		color: #000000;
		transition: color 0.3s ease-in-out;
		letter-spacing: 17px;
		margin: 0;
		line-height: 0.9; /* réduit la hauteur verticale du texte */
		padding: 0;
		padding-bottom: 0;
}

	#menu-item-104 a:hover {
		transition: color 0.3s ease-in-out;
		color: #6187c5;
}
	
	#menu-item-45, 
    #menu-item-44,
    #menu-item-42,
    #menu-item-16,
    #menu-item-41,
	#menu-item-43	{
        font-size: 1.4vw;
		font-family: "Enchanted", sans-serif;
		padding: 0;
		margin: 0 12px;
}

	#menu-item-45 a:hover,
	#menu-item-44 a:hover,
	#menu-item-42 a:hover,
	#menu-item-16 a:hover,
	#menu-item-41 a:hover,
	#menu-item-43 a:hover	{
		color: #6187c5; /* Couleur rouge sur hover */
		transition: color 0.3s ease-in-out; /* Transition douce */
}
	#menu-item-45 a:active,
	#menu-item-44 a:active,
	#menu-item-42 a:active,
	#menu-item-16 a:active,
	#menu-item-41 a:active,
	#menu-item-43 a:active	{
		color: #6187c5; /* Rouge légèrement plus sombre */
}


/*position pied de page*/
.site-footer {
   	line-height: 0.7; /* Utilisation d'une valeur plus standard pour la ligne */
    padding-bottom: 0.8%;/* Utilisation de pourcentages pour le padding */
    font-size: 0.8rem; /* Taille de police réactive */
	background: #fff;
	border-top: solid 0px #EDEDEC;
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

/* Footer */
.site-footer {
    margin-top: auto;
    line-height: 1.2;
    padding: 1em 0;
    font-size: 0.8rem;
    background: #fff;
    border-top: solid 0px #EDEDEC;
}

 
/*Uniquement pour les ordinateurs FULL HD*/

/*descendre formulaire contact*/
.page-id-42 .overflow-container {
	padding: 5% 4.167%; /* Ajustez la valeur selon vos besoins */
}
	
/* Titre du site dans le header mobile */
.mob-menu-logo-holder > .headertext span,
.headertext {
  font-family: "maher", sans-serif !important;
  letter-spacing: 9px !important;
  font-weight: 700 !important;
  font-size: 30px !important;
}

/* Liens du menu gauche mobile */
#mobmenuleft li a {
  font-family: "enchanted", sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}


*taille légende PARCOURS
.wp-block-image figcaption {
	font-size: 8px;
}



/* PAPA*/
/*taille légende OEUVRES
.wp-element-caption {
	text-decoration: none !important;
}
.wp-element-caption a {
	text-decoration: none !important;
}
*/

/*couleur image noir et blanc
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE.png"],
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE2.png"],
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE3.png"],
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE5-2.png"],
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE4-3.png"],
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE6.png"] {
    transition: filter 0.4s ease;
}

img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE.png"]:hover,
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE2.png"]:hover,
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE3.png"]:hover,
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE5-2.png"]:hover,
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE4-3.png"]:hover,
img[src="https://guybrunet.fr/wp-content/uploads/2025/03/IMAGES-RUBRIQUES-OEUVRES-ET-BIOGRAPHIE6.png"]:hover  {
	transition: filter 0.4s ease;
	filter: grayscale(35%);
}
*/

/* Espacement global site page
.overflow-container {
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 100%;
    padding: 2% 4.167%;
}
*/