/**
 * Theme Name: CTFFME 58.2
 * Template: ollie
 * ...other header fields
 */


:target {
  scroll-margin-top: 0px;
}


a {color:rgb(33,66,142); text-decoration : none;}
a:link
{
    color: blue;
    text-decoration:underline;
}

.entry-content a[href^="#"] {
  /*color:rgb(33,66,142)!important; *//*  couleur "bleu foncé" de la charte graphique 2003 */
  color:#03378c!important; /*  couleur "bleu foncé" du site FFME national */
  text-decoration: underline;
  text-decoration-style: dotted;
}

/*.entry-content a[href^="#"]::after {
  text-decoration: none;
  display: inline-block;
  margin-left: 0.5em;
  content: "↧";	
}
*/

.wp-block-navigation-item__content a /*tous les liens dans le menu*/
{
color: #660000;
}

.header_CT58{
	position: fixed;
	top: 0; left: 0; right: 0;
    z-index: 999;
   /* background-color: red;  /* pour faire des essais de mise à jour... */
}

main {
  margin-top: 66px; /* paramètre à laisser pour le menu "sticky" */
}

.gridCT {
    display: grid;
    grid-template-columns: 10% 80% 10%;
    grid-template-rows: 100px 200px;
    /* 
    Ou en racourci 
    grid-template: 10% 80% 10% / 100px 200px;
    */
}

.trombino_CT58{
	/* border: 3px solid red; */      /* c'est juste pour des tests */
}

.trombino_CT58 .wp-block-image {
	/* max-height: 300px; */
	width: auto;
    border-style: solid;
	border-width: 10px;
	border-color:  rgb(240,240,240);
	border-radius: 20px;
    overflow: hidden;
	background-color: rgb(240,240,240);
}

.trombino_CT58 .wp-block-image img {
		display: block;
}

.wp-block-column.trombino_CT58 {
	background-color: rgb(240,240,240);
    border-radius: 20px;
    overflow: hidden;	
}	

.trombino_CT58 .wp-block-heading {
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  color: #0092d4;	
}

.trombino_CT58 .wp-block-list {
  margin-top: 0.5em;
}

.trombino_CT58 .wp-block-list li {
  margin-top: 0px;
  margin-bottom: 0px;
}


.Titre_et_lien_CT58 { /* classe à attribuer à une "rangée" qui sera soulignée et contiendra un titre et un "bouton" retour haut de page */
	box-sizing: content-box;
    align-items: baseline;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 1320px;
	border-bottom: solid 2px rgb(198,198,197);
}

.H2_CT58 {
    box-sizing: content-box;
    margin: 0;
    padding: 50px 0 0 0;
    width: 100%;
    max-width: 1320px;
	/* border-bottom: solid 2px rgb(198,198,197); */
    /*color: #0092d4; *//*  couleur "bleu clair" de la charte graphique 2003 */
    color: #01a1e5; /*  couleur "bleu clair" du site FFME national */
    font-size: 32px;
    /*text-transform: uppercase;*/
    /*font-family: Conv_ClanOT-Thin;*/
    font-weight: 400;
    text-align: left;
    scroll-margin-top: 66px; /* = hauteur du header, pour éviter aux titres de passer sous le menu lors des liens #DansLaPage */
}

@media (max-width: 768px) {
	.H2_CT58 {
		font-size: 18px;
	    scroll-margin-top: 50px; /* = hauteur du header, pour éviter aux titres de passer sous le menu lors des liens #DansLaPage */
	}
}

.custom-logo {
    position: absolute;
    top: 64px; /* descend ou monte selon la valeur négative ou positive */
    left: 0px; /* optionnel : repositionner */
    height: 300px; /* taille réelle du logo visible */
    width: auto;
    z-index: 1000;
}

/* Par défaut : desktop */
.logo-desktop {
  display: block;
}
.logo-mobile {
	display: none;	
}

.logo-mobile img {
  /* position: absolute; */
  /* vertical-align: baseline; */	
  width: 32px; height: auto; /* taille réelle du logo visible */
  
}

@media (max-width: 1600px) { /* à ajuster avec la plus grande largeur de page */
  .logo-desktop {
    display: none;
  }

  .logo-mobile {
    display: block;
  }
}

/* Image bannière full width */
.wp-block-image.banner img {
    /* margin-top: -32px; */
    /*margin-top: calc(-1*wp-bloc-group.padding-bottom) !important;*/
    /*padding-top: -50px !important;*/
    width: 100vw;
    max-width: 100vw;
    height: auto;
    display: block;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
	z-index: 1;
}

@media (max-width: 768px) {
    .wp-block-image.banner img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        left: 0;
        right: 0;
    }
}

.icon_nav{ 
	position: relative;
	bottom: 5px;
	
}

.icon_nav img{
	height: 32px ; /*!important */
    display: block;
	width: auto;
}

.iframe-wrapper {
  position: relative;
  max-width: 100%;
  min-height: 400px;
}

.iframe-loader {
  position: absolute;
  inset: 0;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  font-weight: 500;
  color : #01a1e5; /*  couleur "bleu clair" du site FFME national */
  z-index: 10;
}

.iframe-loader::after {
  content: "   ⏳";
}