/*
Theme Name: ecolesed2025 child theme
Template: twentytwentyfour
*/
 

body:not(.admin-bar) {
  --wp-admin--admin-bar--height: 0px;
}

header .wp-block-navigation ul {
	padding-top: 16px;
	display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

header .wp-block-navigation li a{
	 
  	background-color: transparent;
 	border-radius: 4px;
 	cursor: pointer;
	--animation-duration: 300ms;
	  border: 1px solid var(--wp--preset--color--accent-10) !important;
	  border-top-color: transparent !important;
	  border-right-color: transparent !important;
	  position: relative;
	  transition: color 250ms ease, border-color 250ms ease, padding 250ms ease;
	  transition: all var(--animation-duration) ease;
	  display: inline-flex;
	  align-items: center;
	  justify-content: space-between;
	  text-decoration:none !important;
	  padding-left: 20px;
	  padding-right: 20px;
}


header .wp-block-navigation li a::before  {
  content: "";
 
  position: absolute;
  background-color: var(--wp--preset--color--accent-10) ;
  transition: all var(--animation-duration) ease var(--animation-duration);
  top: -1px;
  left: 1px;
  width: 55%;
  height: 1px;
}

header .wp-block-navigation li a::after {
  content: "";
  position: absolute;
  background-color: var(--wp--preset--color--accent-10) ;
  transition: all var(--animation-duration) ease var(--animation-duration);
  bottom: 1px;
  right: -3px;
  height: 35%;
  width: 1px;
  font-size: 0.8em;
  display: inline-block;
  margin-right: 2px;
  margin-left: 15px;
}

header .wp-block-navigation li a:hover, .current-menu-item  {
  border-top-color: var(--wp--preset--color--accent-10) !important;
  border-right-color: var(--wp--preset--color--accent-10) !important;
  transition: all var(--animation-duration) ease;
  transition-delay: var(--animation-duration);
  font-weight: bold;
}

header .wp-block-navigation li a:hover::before, .current-menu-item::before {
  transition: all var(--animation-duration) ease;
   transition-delay: var(--animation-duration);
  width: calc(100% - 3px);
}

header .wp-block-navigation li a:hover::after, .current-menu-item::after {
  height: calc(100% - 3px);
}


.wp-site-blocks {
	margin-top:0px !important;
	padding-top:0px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

.bloc_site {

	width:100vw;
	height:calc(100vh - var(--wp-admin--admin-bar--height));
}
 
.emailContact, .emailContact a,.emailContact a:active, .emailContact a:hover {
	color : var(--wp--preset--color--accent-9) !important;
}

.fa-envelope-open-text {
	color : var(--wp--preset--color--accent-8) !important;
    display: inline-block !important;
  border-radius: 60px !important;
  box-shadow: 0 0 2px var(--wp--preset--color--accent-8) !important;
  padding: 0.25em 0.3em !important;

}

#programme {
  color:black !important;
	display : flex !important;
    align-items: flex-start !important ;
	width:100% !important;
  align-content: flex-start !important ;
  border : 1px solid black;
 background-color : white !important;
 
}

.titreJournee {
  font-weight:bolder;
  text-align:center !important;
	background-color: #004e7d !important;
  color:white !important;
  width:100% !important;

}

.lieuJournee {
	  font-weight:bold;
  text-align:center !important;
  width:100% !important;
   min-height:30px;
}

.journee {
width:100% !important;
border-right : solid 1px var(--wp--preset--color--accent-4);
}

.intituleJournee {
  
  text-align:center !important;
 background-color:var(--wp--preset--color--accent-4);
  width:100% !important;
   min-height:100px !important;
     margin-top : 0px ;
  margin-bottom : 0px;
}

.intituleJournee p {
 padding-top : 5px;
     margin-top : 0px ;
  margin-bottom : 0px;
    margin-right:10px;
   margin-left:10px;
}

.matin
{
    min-height:190px !important;
    border-bottom:5px solid #e2e4e7 !important;
}

@media (hover: none) AND (min-width: 600px)  {

    .matin
    {
        min-height:275px !important;
        border-bottom:5px solid #e2e4e7 !important;
    }
  .headerElement {
  	 flex-direction : column !important;
  
  }

}

.aprem {
	   border-top:5px solid #e2e4e7 !important;
   margin-bottom : 10px;
}
  .matinJournee ,  .apremJournee  {
 padding-top : 5px;
     margin-top : 0px ;
  margin-bottom : 0px;
    margin-right:10px;
     margin-left:10px;
   
}
    .matinJourneeTitle ,  .apremJourneeTitle   {
 padding-top : 5px;
     margin-top : 0px ;
  margin-bottom : 0px;
       margin-left:10px;
    margin-right:10px;
       font-weight:bold;
}
    .matinJourneeResume p, .apremJourneeResume p {
 padding-top : 0px;
     margin-top : 0px ;
  margin-bottom : 0px;
    margin-right:10px;
       margin-left:10px;
}
 
.buttonbloc {
text-align:center;
    padding-top:10px;
  padding-bottom:10px;
}

.matinDetail, .apremDetail {
	display:none;
    position:absolute;
    min-width:200px;
  max-width:400px !important;
   height:auto;
  border:solid 1px black;
  background-color:white;
  padding:10px;
  text-align:left !important;
   background-color : white !important;
  z-index: 100;
}


.closeBox { 
  position: absolute;
  top: 0px;
  right: 5px;
  color: var(--wp--preset--color--accent-4);
}

.closeBox:hover { 
  
  color: #004e7d;
  cursor: pointer;
}

footer {
	margin-top: 0px !important;

}