/*
Theme Name: Marc Saffar FSE pour OMS 10 Paris
Theme URI: 
Author: Marc Saffar
Author URI: http://www.marcsaffar.com
Description: Un thème moderne basé sur les blocs Wordpress fait entièrement à la main.
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marcsaffarfsepouroms10paris
Tags: 
*/

a {
  color: #0073e5;
  text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #fc730a;
}

.sidebar {
  min-height: 800px;
  border-top: #6ec1e4 1px solid;
  border-left: #6ec1e4 1px solid;
  padding: 20px 0 0 20px;
  min-width: 200px;
}

.home h1.entry-title {
  margin-bottom: 50px;
}

h2, h3, h4, h5, h6 {
  color: #005aaa;
  font-weight: 500;
  letter-spacing: -.7px;
}

.ms-tetiere-image {
  background-image: url(/wp-content/uploads/2020/10/canal-saint-martin-1600.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 0 0 150px;
  filter: opacity(60%);
  -webkit-filter: opacity(60%);
}
.ms-navigation .current-menu-item > a {
    color: #0073e5 !important;
    text-decoration: none;
}
.ms-navigation a:hover {
    color: #0073e5 !important;
    text-decoration: none;
}

/*POUR LE MENU RESPONSIVE*/
/*dans la div avant l'ul*/
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items : start;
	padding-left: calc(2rem + 2px);
}
/*dans l'ul*/
.wp-block-navigation__container.has-text-color.is-responsive.items-justified-right.ms-navigation.wp-block-navigation.has-barlow-font-family {
align-items : start;
}
/*pour l'espacement entre les lignes du menu */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	gap : 15px;
}
/*pour la croix de fermeture du menu*/
.wp-block-navigation__responsive-container-close svg {
    padding: 20px 20px 0 0;
}


/*pour annuler un réglage dont je ne connais pas la provenance et qui crée un espace entre la tetiere avec image et le bloc logo + navigation :
 :where(.wp-site-blocks) > * {
  margin-block-start: 24px;
  margin-block-end: 0;
}*/
.groupe-header {
  margin-block-start: 0;
}
.margin-block-start-zero {
   margin-block-start: 0;
}
.pratique-jours > p {
    margin-block-start: 0;
}


.entry-title, .ms-infos-pratique {
  width: fit-content;
}

/*réglage de l'ensemble adresse et carte du champ relationnel de l'installation sportive dans une single pratique sportive*/

.conteneur-rel-instal {
background-color: #f4ede5;
}
.carte-rel-instal-gauche {
    padding: 0 0 0 20px;
}
.titre-rel-instal {
    font-family: "Barlow",sans-serif;
    font-weight: 400;
    letter-spacing: -.5px;
    font-size: 24px;
}


@media only screen and (max-width: 768px) {
    .carte-rel-instal-gauche {
    padding: 5px 20px 20px 20px;
    }
    /*dans les single pratique sportive : quand les infos du club de la relation pratique > club passe sur une colonne*/
    .carte-rel-club-gauche {
     margin-bottom: 1rem;
    }
}

@media only screen and (min-width: 768px) {
    .conteneur-rel-instal {
        display: flex;
    }
    .conteneur-rel-instal > * {
        width: 50%;
    }
    
}

/*pour les images à la une des CPT pratiques sportives et */
.ms-gpe-img-une {
    margin-block-start: 0px;
    border-style: solid;
    border-width: 0 0 0 5px;
    border-color: #3171b0;
    transition: background .3s , border .3s , border-radius .3s , box-shadow .3s;
}

/*pour les images à la une des single CPT pratiques et clubs garder le responsive en enlevant la largeur dans l'éditeur*/
.ms-image-pratique.wp-block-post-featured-image {
  max-width: 650px;
}

/*pour le groupe sous informations pratiques CPT pratiques sportives*/
.ms-gpe-sous-infos-pratiques {
  border-style: solid;
  border-width: 0 0 0 5px;
  border-color: #3171b0;
  transition: background .3s , border .3s , border-radius .3s , box-shadow .3s;
  margin-top: 0;
  padding: 25px 0 25px 25px;
}

/*pour les étiquettes adultes - enfants pratiques sportives*/
.etiquette-age-pratique {
  background-color: #fd984b;
  width: fit-content;
  padding: 5px 10px;
}

/*pratiques sportives champ relationnel pratique > club*/
@media only screen and (min-width: 768px) {
.conteneur-rel-club {
    display: flex;
    column-gap: 31%;
}
.carte-rel-club-droite {
  display: grid;
}
.carte-rel-groupe-bas {
  align-self: end;
}
    
}

.carte-rel-club-droite > *, .ms-liste-icone {
    margin-block-start: 0;
    margin-block-end: 0;
}
.carte-rel-groupe-haut > p {
     margin-block-start: 0;
    margin-block-end: 0;
}

.conteneur-rel-club {
    margin-block-start: 0;
    margin-top: -10px;
}
.titre-rel-club {
    font-size: 24px;
    font-family: "Barlow",sans-serif;
    font-weight: 400;
    letter-spacing: -.5px;
}

.titre-rel-club a:hover {
    color: #fc730a;
}

.titre-rel-club {
    margin-block-start: 0;
    margin-block-end: 0;
}
.avant-siege-social {
    margin-block-end: 0;
}

.ms-liste-icone {
  display: flex;
  align-items: center;
}

.ms-liste-icone-icone-tel, .ms-liste-icone-icone-email {
  margin-top: 7px;
}

/*champ relationnel club > pratiques dans single clubs*/

.conteneur-rel-club-pratiques p, .conteneur-rel-installation-pratiques p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.conteneur-rel-club-pratiques, .conteneur-rel-installation-pratiques {
    margin-bottom : 1rem;
}
.conteneur-rel-installation-pratiques {
    padding-bottom : 1rem;
    border-style: dotted;
    border-width: 0 0 1px 0;
    border-color: #fd984b;
}


.conteneur-rel-instal {
  margin-bottom: 3rem;
}
.inner-content {
  padding: 0 0 0 4px;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: rgba(122,122,122,.65);
}

/*pour le texte avant le nom du club dans la relation installation > pratique > club*/
.nom-club-rel-install-pratique-club::before {
  font-size: .8rem;
  content: "Proposée par le club";
  display: flex;
  line-height: 0.3rem;
}
.nom-club-rel-install-pratique-club:hover::before {
    content: "Voir la fiche du club";
}


  @media only screen and (min-width: 768px) {
.conteneur-rel-club-pratiques, .conteneur-rel-installation-pratiques {
  display: flex;
  gap: 30%;
    }
.carte-rel-club-pratique-droite {
    display: flex;
  flex-direction: column;
  justify-content: flex-end;
    }
/*pour que la longueur de ce titre ne pousse la colonne de droite avec les horaires*/    
.titre-rel-club-pratiques {
    max-width: 280px;
}
/*pour que le nom du club soit aligné en haut et le bas des horaires en bas dans la relation installation > pratique de la single installation*/
.carte-rel-club-pratique-droite-install-pratique {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
}


/*pour que les cartes ne couvrent pas le menu*/
.leaflet-map.leaflet-container.leaflet-touch.leaflet-retina.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom {
  z-index: 1;
}

/*pour rendre la carte des installations sticky sans dépasser le menu*/
.groupe-facette-carte {
  top: 100px;
  position: sticky;
  z-index: 10;
}
/*Pour augmenter la taille de la largeur du contenu de la page avec les installations*/
.page-id-639 .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1380px !important;
}

/*INFOBULLES DE LA CARTE INTERACTIVE DES INSTALLATIONS*/
.div-infobulle {
  padding: 10px 55px 10px 10px;
}
.titre-infobulle {
  font-family: "Barlow",sans-serif;
  font-weight: 500;
  color: #0073e5;
  font-size: .95rem;
  letter-spacing: -.02rem;
}
.texte-infobulle {
  font-size: .8rem;
  font-family: "Lato",sans-serif;
  letter-spacing: -.1px;
}

/*ATTENTION LE RÉGLAGE DU CENTRAGE DE LA CROIX DE FERMETURE SE FAIT DANS LE CSS DU PLUGIN GRIDBUILDER : MAP.CSS*/


/*test*/





@media only screen and (min-width: 500px) {
.ms-image-article img {
    max-width: 65%;
}
}