/*
Theme Name: zentwentyfive
Theme URI:	https://wordpress.org/themes/twentytwentyfive/
Description: A child theme for Twenty Twenty Five.
Author: Annick Martin
Author URI: https://webis-shining.com
Template: twentytwentyfive
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/***Elements***/

/* On neutralise tout style de focus dans la zone front */
:where(.wp-site-blocks) *:focus,
:where(.wp-site-blocks) *:focus-visible,
:where(.wp-site-blocks) *:focus-within {
  outline: none !important;
  box-shadow: none !important; /* au cas où le thème met un halo en shadow */
}

/*Flash noir/gris au toucher sur mobile (iOS/Android) */
:where(.wp-site-blocks) * {
  -webkit-tap-highlight-color: transparent;
}

/*certains navigateurs forcent une ring sur <button>/<input> */
:where(.wp-site-blocks) button:focus,
:where(.wp-site-blocks) input:focus,
:where(.wp-site-blocks) select:focus,
:where(.wp-site-blocks) textarea:focus,
:where(.wp-site-blocks) a:focus {
  outline: none !important;
  box-shadow: none !important;
}

/*paragraphes*/
:root :where(.is-layout-constrained) > p,
:root :where(.is-layout-constrained) > ul{
  margin-block-start: 0.6rem;
}

/*barre d'admin*/
.wp-admin h1.wp-block.wp-block-post-title.editor-post-title {
	text-transform : none;
}

/* compense la barre d’admin WP quand connecté */
body.admin-bar .site-menu-bar.is-fixed{ top: 32px; }


/*liens*/
.wp-block-button__link {
	 transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wp-block-button__link:hover {
	background-color : #FFC958;
}

/*breadcrumb */
.yoast-breadcrumbs {
	font-size : small;
}
.fil-ariane.has-global-padding .yoast-breadcrumbs {
	padding-top: var(--wp--preset--spacing--50);
	padding-right: var(--wp--style--root--padding-right);
  	padding-left: var(--wp--style--root--padding-left);
}
/*blockquote*/
:root :where(.wp-block-quote) {
	max-width: 800px;
  	margin-top: 2rem;
  	margin-bottom: 2rem;
	position : relative;
	border : none;
	width: calc(100% - 2rem);
}

:root :where(.wp-block-quote):before {
content: "“";
  width: 50px;
  height: 100px;
  display: block;
  position: absolute;
  top: -3.5rem;
  left: -1rem;
  color: var(--wp--preset--color--accent-1);
  font-size: 8rem;
  /*font-family: var(--wp--preset--font-family--esteban);*/
}


/**nouvelles classes css ***/

/* ombre blanche en relief */
.en-relief {
	box-shadow: 12px 12px 50px rgb(255, 255, 255);
}


/***header***/

/*menu fixed */
body {
	position : relative;
}
.wp-site-blocks > header{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
}
.wp-site-blocks > header + div {
	margin-top : 80px;
}

/***NAVIGATION***/

/**Mobile**/

.wp-block-navigation .is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
 
}
.wp-block-navigation .is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content {

}

header nav.is-responsive.wp-block-navigation #modal-1.is-menu-open{ 
	/* background-image : url(img/AR-LaCiotat-vert-mobile_800x762.jpg); */
	/* background-repeat : no-repeat;  */
	/* background-size : cover;  */
	/* background-position :left bottom;  */
	/* background-image : url(img/AR-gris666_800x762.jpg); */
	/* background-color :grey; */
 }
 
  header nav.is-responsive.wp-block-navigation #modal-1.is-menu-open .wp-block-navigation__responsive-close:before {
	/* content : "AMITIÉ ET NATURE LA CIOTAT"; */
	/* position : absolute; */
	/* display : block; */
	/* width : calc(100% - 60px);  */
	/* text-align : center; */
	/* bottom : 50px; */
	/* color : var(--wp--preset--color--accent-2); */
	/* font-size : var(--wp--preset--font-size--large); */
 }
 
  header nav.is-responsive.wp-block-navigation #modal-1.is-menu-open .wp-block-navigation__responsive-close:after {
	/* content : "Club de Randonnée"; */
	/* position : absolute; */
	/* display : block; */
	/* width : calc(100% - 60px);  */
	/* text-align : center; */
	/* bottom : 20px; */
	/* color : var(--wp--preset--color--accent-2); */
 }


/*menu normal*/
.wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content {
	 color : var(--wp--preset--color--accent-1);
}

.wp-block-navigation .wp-block-navigation-item:hover > a {
	 color : var(--wp--preset--color--accent-1);
	outline : none; 
	border : none; 
	text-decoration : none; 
}

.wp-block-navigation a:active, 
.wp-block-navigation a:focus {
	outline : none;
	border : none;
}

/* .wp-block-navigation .wp-block-page-list { */
	/* gap : 20px; */
/* } */

.wp-block-navigation .wp-block-navigation__submenu-container.has-base-background-color {
	/*background-color: var(--wp--preset--color--contrast) !important;*/
	/*border: 1px solid var(--wp--preset--color--base) !important;*/
}

.wp-block-navigation  .wp-block-navigation__submenu-container.has-contrast-color li > a{
	/*color: var(--wp--preset--color--base)!important;*/
}

.wp-block-navigation  .wp-block-navigation__submenu-container li:hover > a{
	/*color : #f6ff00 !important;*/
}


/*** Footer ***/
body .wp-site-blocks > footer.wp-block-template-part {
	margin-block-start: 0;
}


/*** Accueil ***/


/***Pages internes***/

.
/****MEDIA QUERIES****/

 @media only screen and (min-width: 482px) {
	
}


@media only screen and (max-width: 599px) {
/*general*/
	/*body {
		font-size : 1.15rem;
	}*/
}
@media only screen and (min-width: 600px) {
	/*header .titre-description{  
		 background-color : orange; 
	 } */
	
	/**menu**/
	/* .wp-block-navigation__responsive-container-open:not(.always-shown) { 
		 display: flex; 
	 } 
	
	 .wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default) { 
		display: block;
		position: relative;
	 }*/
	
	/*pages internes */
	
}

@media only screen and (min-width: 652px) {
	/*menu modal*/
	 /* header nav.is-responsive.wp-block-navigation #modal-1.is-menu-open{  
		 /width : 500px;  
		  right :0; 
		 left : auto; 
	  } */
	
	/*general*/
	/*body {
	font-size: var(--wp--preset--font-size--medium)
	}*/
	
}

@media (max-width: 782px) {
	/*general*/

	
	
	/*navigation*/
	/*.wp-block-navigation.items-justified-center {
  	--navigation-layout-justification-setting: left;
  	--navigation-layout-justify: left;
	}*/
	

	/*footer*/
	/*.wp-container-core-group-is-layout-84e246b8 {
		gap : 1.2rem;
	}
	
	.wp-container-core-group-is-layout-84e246b8 > .wp-block-group{
		border-top: 1px solid var(--wp--preset--color--accent-6);
    	padding-top: 1.5rem;
    	padding-bottom: 0.5rem;
    	width: 100%;
	}
	
  body.admin-bar .site-menu-bar.is-fixed{ top: 46px; }*/
}
@media only screen and (min-width: 783px) {
	/* :root { */
		/* --wp--preset--font-size--xx-large : 2.15rem; */
	/* } */
	
	/*page d'accueil*/
	
	
	/*pages internes*/

	

	
	/*footer*/

	
}
	
	

@media only screen and (min-width: 884px) {
	
	/**menu**/
	/*.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}*/
	
	/*.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
		box-shadow: 2px 2px 2px rgba(255,255,255,0.2);
	}*/

}

@media only screen and (min-width: 1024px) {
	/*éléments*/
	/*.colonnes {
		columns : 2;
	}
	.page-template-page-interne-v2 .monheader {
		height: 60vh;
	}
	.fil-ariane.has-global-padding .yoast-breadcrumbs {
	padding-right: 0;
  	padding-left: 0;
	}*/
	
}

@media only screen and (max-width: 1099px) {

	/*page accueil*/
	/*.home .services .wp-block-columns {
		flex-wrap: wrap !important;
	}
		
  .home .services > .wp-block-group:nth-child(odd) .wp-block-columns:not(.is-not-stacked-on-mobile){
    flex-direction : column-reverse;
  }	

 .home .services > .wp-block-group:nth-child(even) .wp-block-columns:not(.is-not-stacked-on-mobile){
    flex-direction : column;
  }	
	
  .home .services > .wp-block-group .wp-block-column[style*="padding"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }*/

}

@media only screen and (min-width: 1100px) {
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 700px; */
	/* } */
	
	/*accueil*/
	/*.home .services .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.col-image {
  		max-width: 500px;
		flex: 0 0 min(45%, 500px);
	}
	.home .services .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(.col-image) {
		flex: 1;
	}
	.home .services .wp-block-column figure.wp-block-image img {
		max-width : 100%;
	}*/
}

@media only screen and (min-width: 1200px) {
	/* :root { */
		/* --wp--preset--font-size--xx-large : 3.5rem; */
	/* } */
	/*body {
		font-size : 1.1rem;
	}
	
	/*page d'accueil*/
	/*.home .services .wp-block-column > h2 {
		font-size : 2.3rem !important;
	}*/
	
}

@media only screen and (min-width: 1250px) {
	
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 950px; */
	/* } */
	
}
@media only screen and (min-width: 1400px) {

	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 1000px; */
	/* } */
	
	
	/*accueil*/
	
}

@media only screen and (min-width: 1495px) {
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 1200px; */
	/* } */
	
	
	
}


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


@media only screen and (min-width: 1501px) {
 
	/*page interne*/
	
}


@media only screen and (min-width: 1600px) {

}

/**Media queries marqueurs only**/
/*
 @media only screen and (min-width: 482px) {
	header .titre-site { 
		background-color : yellow; 
	 }
}

@media only screen and (min-width: 600px) {
		header .titre-site{  
		 background-color : orange; 
	 }
}
@media only screen and (min-width: 652px) {
	 	header .titre-site{  
		 background-color : red; 
	 }
}



@media only screen and (min-width: 783px) {
	header .titre-site{  
		 background-color : pink; 
	 }
}
@media only screen and (min-width: 884px) {
	 	header .titre-site{  
		 background-color : #990f95; 
	 }
}

@media only screen and (min-width: 1024px) {
	 	header .titre-site{  
		background-color : blue; 
	 }
}

@media only screen and (min-width: 1100px) {
	 	header .titre-site{  
		background-color : cyan; 
	  }
}

@media only screen and (min-width: 1200px) {
		header .titre-site{  
		 background-color : lightblue; 
	 }
}*/

/*@media only screen and (min-width: 1250px) {*/
	/*bleu clair*/ 
		/*header .titre-site{
		background-color : #b7f6c1;
	}
	
}
@media only screen and (min-width: 1400px) {
		header .titre-site{
		background-color : lightgreen;
	}
}

@media only screen and (min-width: 1500px) {
		header .titre-site{
		background-color : green;
	}
}


@media only screen and (min-width: 1600px) {
		header .titre-site{
		background-color : darkgreen;
	}
}*/




/*hide adminbar*/
 #wpadminbar {
	display : none; 
 }