/*
Theme Name: sarahtwentyfive
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 ***/
.nomobile.original{
	display : none;
}
	
.image-bkgd-fixed {
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/*trait séparateur*/
.separateur::after {
  content: "";
  width: 75px;
  height: 5px;
  background-color: var(--wp--preset--color--accent-1);
  display: block;
  margin-top: 1rem;
}

.separateur.au-centre:after {
	margin-left: calc(50% - 39px);
}
/*etoile*/
.etoile::before {
  content: "\f005";
	display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
  width: 100%;
 font-size : 1.5rem;
	margin-bottom : 2rem;
}  

.jaune::before{
	color : var(--wp--preset--color--accent-1);
}
.vert::before{
	color : var(--wp--preset--color--accent-5);
}
.bleu::before{
	color : #79a1c8;
}

.fushia::before {
	color : var(--wp--preset--color--accent-2);
}

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

/*padding pour listes*/
.my-ul-padding {
	padding-left : 20px;
}


/***header***/

/*menu fixed au scroll*/
.site-menu-bar.is-fixed{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
}


/***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 ***/
.home .services .wp-block-column figure.wp-block-image img {
	max-width : 320px;
}

.home .services .wp-block-column figure.wp-block-image {
	text-align : center;
}


/***Pages internes***/
.page-template-default:not(.home) h1 {
	text-shadow: 1px 1px 1px #444;
}

.page-template-page-interne-v2 header + main {
	padding-left: 0;
  	padding-right: 0;
  	margin-top: 0;
  	padding-top: 0;
}

.page-template-page-interne-v2 main > main {
  	margin-top: 0;
  	padding-top: 0;
}

.page-template-page-interne-v2 main > main > div {
	padding-left: 0;
  padding-right: 0;
}


.page-template-page-interne-v2 .monheader {
	height: auto;
	margin-top : 0;
}
.page-template-page-interne-v2 .monheader .monimage {
	height: 400px;
  	overflow: hidden;
}

.page-template-page-interne-v2 .monheader .montexte {
padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
	padding-bottom : 1.5rem;
	/*max-width : 500px;*/
}
.page-template-page-interne-v2 .monheader .monimage,
.page-template-page-interne-v2 .monheader .montexte {
	/*width: 50%;
  padding-right: 4rem;
		position : relative;*/
}

.page-template-page-interne-v2 .monheader .extrait {
	position : relative;
}
.page-template-page-interne-v2 .monheader .montexte h2 {
	color : var(--wp--preset--color--base);
}

.page-template-page-interne-v2 .monheader .extrait blockquote {
	font-size: 1.3rem;
	color : var(--wp--preset--color--base);	
	margin-left : 0;
	margin-right : 0;
}

.page-template-page-interne-v2 .monheader .extrait blockquote + p {
	font-size : 1rem;
}
/*color: var(--wp--preset--color--base/*

.page-template-page-interne-v2 .monheader .monimage figure {
/*max-width: 450px;*/
}

:root .page-avec-sections .image-bkgd-fixed section :where(p.has-background) {
	padding : 1rem;
}

.page-avec-sections .image-bkgd-fixed section {
	margin-top : 8rem;
	margin-bottom : 8rem;
	scroll-margin-top: 2rem;
}

.page-avec-sections .image-bkgd-fixed #biographie-hospitalière {
		margin-top : 4rem;
}

.page-avec-sections .image-bkgd-fixed #albi-toulouse {
	margin-top : 4rem;
	margin-bottom :0;
}


.page-avec-sections .image-bkgd-fixed #biographie-d-entreprise {
	margin-bottom :4rem;
}

/*page contact*/

p.mail {
	display : flex;
	align-items : center; 
}
p.mail > span {
	width: 30px;
  display: inline-block;
  margin-right: 0.5rem;
  color: var(--wp--preset--color--accent-5) !important;
}

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

 @media only screen and (max-width: 400px) {
	.has-xx-large-font-size {
		font-size : 1.8rem !important;
	}
	 
	 :root {
    --wp--preset--font-size--x-large: 1.5rem;
    --wp--preset--font-size--xx-large: 1.8rem;
	  }
	 
	
}


@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) { 
		bottom: 0;
		display: none;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
	 }
	/*pages internes */
	.page-template-page-interne-v2 .monheader {
		min-height: 64vh;
		margin-top : 0;
	}
	.page-template-page-interne-v2 .monheader .monimage {
  		height: 500px;
	}
}

@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)
	}*/
	
}

 :root {
    --wp--preset--font-size--x-large: 1.5rem;
    --wp--preset--font-size--xx-large: 1.8rem;
	  }

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

	.nomobile, body .nomobile, body .is-layout-flex.nomobile{
		display : none;
	}
	
	/*navigation*/
	.wp-block-navigation.items-justified-center {
  	--navigation-layout-justification-setting: left;
  	--navigation-layout-justify: left;
	}
	
	/*page accueil*/
/* Bloc Media & Texte : repousser le passage en version mobile jusqu'à 782px */

	.services-bords-perdus  .wp-block-media-text {
		grid-template-columns: 100% !important;
	  }
	.services-bords-perdus  .wp-block-media-text .wp-block-media-text__media,
	.services-bords-perdus .wp-block-media-text .wp-block-media-text__content {
		grid-column : 1 !important;
	}
	.services-bords-perdus .wp-block-media-text .wp-block-media-text__media, 
	 .services-bords-perdus .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
		grid-row: 1 !important;
	  }

	
	 .services-bords-perdus .wp-block-media-text .wp-block-media-text__content,
	.services-bords-perdus  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		grid-row: 2 !important;
	  }


	.offrir .wp-block-columns:not(.is-not-stacked-on-mobile){
    flex-direction : column-reverse;
  	}	
			
  .presentation .wp-block-columns {
	 position: relative;
	 padding-bottom: 6rem;
	 }

 .presentation .wp-block-column .group-button {
	position: absolute;
 	bottom: 0rem;
  	width: 100%;
  	text-align: center;
  }

	.presentation .wp-block-column .wp-block-buttons{
		justify-content : center
	}

	/*pages internes*/
	 .page-template-page-interne-v2 .wp-block-column.img-center-mobile .is-layout-constrained > figure.alignright {
		 margin-inline-end: 2em;
	 }
	
	
	/*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*/
	.home .wp-block-columns.colonne-services {
		flex-wrap: wrap !important;
	}
	.home .services .wp-block-column figure.wp-block-image img {
		max-width : 500px;
	}
	.wp-block-columns.colonne-services:not(.is-not-stacked-on-mobile) > .wp-block-column {
		max-width: calc(50% - 60px) !important;
		flex-basis: calc(50% - 30px) !important;
  }
	
	.home .presentation .p-gauche {
		display : flex;
		flex-direction : column;
		justify-content: space-between;
	}
	
	/*pages internes*/
	.page-template-page-interne-v2 .monheader {
		/*margin-top: 2rem;*/
		display : flex;
		align-items : center;
		height: 50vh;
  		overflow: hidden;
		padding-left: 2rem;
 		 padding-right: 2rem;
	}
	
	.page-template-page-interne-v2 .monheader .montexte {
		padding-left: 2rem;
		padding-right: 0;
		padding-top: 0;
		padding-bottom : 0;
		max-width : none;
	}
	
	.page-template-page-interne-v2 .monheader .monimage,
	.page-template-page-interne-v2 .monheader .montexte {
		width: 50%;
		/*padding-right: 4rem;*/
		position : relative;
	}
	.page-template-page-interne-v2 .monheader .monimage figure,
		.page-template-page-interne-v2 .monheader .monimage{
		max-width: 400px;
	}
	.page-template-page-interne-v2 .monheader .monimage {
		min-height : 40vh;
		height : auto;
	}
	.page-template-page-interne-v2 .monheader .montexte {
		/*left : -4rem;*/
	}
	
	.page-avec-sections .image-bkgd-fixed section {
		margin-top : 12rem;
		margin-bottom : 8rem;
		scroll-margin-top: 4rem;
	}
	
	.colonne-space-between {
		display : flex;
		flex-direction : column;
		justify-content: space-between;
	}
	
	/*footer*/
	footer .is-layout-flex.wp-container-core-group-is-layout-84e246b8 {
		margin-top : 2rem;
	}
	
}
	
	

@media only screen and (min-width: 884px) {
	
	/**menu**/
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    background-color: inherit;
    display: block; 
    position: relative; 
    width: 100%; 
	/*max-width : 500px; */
    z-index: auto; 
	}
	
	
	.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;
	}
	
	/*pages internes*/
	.page-template-page-interne-v2 .livre-edite {
		margin-bottom : 2rem;
		margin-top : 2rem;
	}
}

@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*/
	.home .services > div > div > .wp-block-group.alignwide {
		width : 90%;
	}
}

@media only screen and (min-width: 1495px) {
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 1200px; */
	/* } */
	
		.home .wp-block-columns.colonne-services  {
		flex-wrap : nowrap !important;
	/*	width: calc(100% + 300px);*/
		position: relative;
	/*	left: -150px;*/
	}	
	
	
	.home .wp-block-columns.colonne-services h3 {
		font-size : 1.6rem;
	}	
	
}


@media only screen and (max-width: 1500px) {
	 .entry-content > .maincontent.has-global-padding {
		padding-left: 0 !important;
		padding-right: 0 !important;
	  }
}


@media only screen and (min-width: 1511px) {
 
	/*page interne*/
	.page-template-page-interne-v2 .monheader .montexte {
		left : -4rem;
	}
	
	.page-template-page-interne-v2 .monheader {
		margin-top: 2rem;
	}
}


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

}

/**Media queries marqueurs only**/

 @media only screen and (min-width: 482px) {
	header .titre-description { 
		background-color : yellow; 
	 }
}

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



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

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

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

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

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

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


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




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