/*!
Theme Name: Où sont les poètes ? v3.0
Theme URI: https://ousontlespoetes.fr/
Author: Anna Pichot - développement Michel Ravey
Author URI: https://www.michelravey.com/
Description: Où sont les poètes - Plateforme contributive de poésie géolocalisée
Version: 3.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ousontlespoetes
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ousontlespoetes is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body { margin:0; }
html, body { width:100%;height:100%; }


div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#infos {
  position:fixed;bottom:1.5rem;left;1.5rem;
  width:300px;height:150px;
  border:solid 1px tomato;
  z-index:100000;
  display:none;
}




/* Masquer boutons zoom et crédit leaflet en bas à gauche */

      /* LEAFLET */
      .leaflet-control-container { position: absolute; bottom:110px;right: 130px;display:none; } 
      .leaflet-control-zoom-in,
      .leaflet-control-zoom-out { display:none; }


.leaflet-tooltip-left:before {
        right: 0;
        margin-right: -12px;
        border-left-color: rgba(0, 0, 0, 0.4);
    }
    .leaflet-tooltip-right:before {
        left: 0;
        margin-left: -12px;
        border-right-color: rgba(0, 0, 0, 0.4);
    }
    .leaflet-tooltip-own {
        position: absolute;
        padding: 4px;
        background-color: rgba(0, 0, 0, 0.4);
        border: 0px solid #000;
        color: #000;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    }

    /*
    .leaflet-popup, .cartelArbre { 
      transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in; 
    }
    .leaflet-popup-content-wrapper { width:100%;box-shadow: none;background:transparent;text-align:center; }
    .leaflet-popup-content { margin:0;width:100%; }
    .leaflet-popup-close-button { display:none; }

    */

    /* - - - - - - - - -
    // cacher la flèche / la pointe blanche du tooltip
    - - - - - - - - - 
    .leaflet-tooltip {
      padding:0;display:none;
    }
    .leaflet-popup-tip-container { display:none; }
    .leaflet-tooltip-left:before { display:none; }
    */

    #mapid { 
        position: relative;margin: 0 auto;
        width:100%;height: 100%;background:#fff;border:solid 0px blue; 
        transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in; 
    }

    .infobulle {
        position:absolute;top:-20px;
        text-align:center;
        font-family: 'InriaSans-Bold';font-size:14px;
    }

    .epingleAdresse {
      width:60px;height:60px;
      margin-left:-30px;margin-top:-60px;
      /* background-image:url(imgs/epingle-feuille-verte.svg); */
      background-image:url(imgs/epingle-1.png);
      background-size:contain;
      background-position: center center;
      background-repeat: no-repeat;
      /* transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in; */
    }
    .epingleAdresse:hover {
      /* background-image:url(imgs/epingle-feuille-bleu-fonce.svg); */
      background-image:url(imgs/epingle-2.png);

    }
    /* quand on revient sur la carte (voir la carte) Allumer l'épingle du poème */
    .epingleAdresseAllume {
      width:60px;height:60px;
      margin-left:-30px;margin-top:-60px;
      /* background-image:url(imgs/epingle-feuille-verte.svg); */
      background-image:url(imgs/epingle-2.png);
      background-size:contain;
      background-position: center center;
      background-repeat: no-repeat;
      /* transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in; */
    }
    .epingleAdresseInactif {
      width:60px;height:60px;
      margin-left:-30px;margin-top:-60px;
      background-image:url(imgs/epingle-feuille-vertClair.svg);
      background-size:contain;
      background-position: center center;
      background-repeat: no-repeat;
      transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;
    }
    .epingleAdresseInactif:hover {
      background-image:url(imgs/epingle-feuille-grise2.svg);
    }
    .addressPopup {
        position:absolute;margin-left:-125px;top:-20px;
    }
    .addressPopup2 {
        position:absolute;margin-left:-125px;top:-20px;border:solid 8px red;
    }


/* * * * * * * * * * * * 

PERSONNALISATION

* * * * * * * * * * * */  

.leaflet-popup, .cartelArbre { 
  transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in; 
}
.leaflet-popup-content-wrapper { width:100%;box-shadow: none;background:transparent;text-align:center; }
.leaflet-popup-content { margin:0;width:100%; }
.leaflet-popup-close-button { display:none; }

/* - - - - - - - - -
cacher la flèche / la pointe blanche du tooltip
- - - - - - - - - */
.leaflet-tooltip {
  padding:0;display:none;
}
.leaflet-popup-tip-container { display:none; }
.leaflet-tooltip-left:before { display:none; }


.cartel-foret {
  position:absolute;
  z-index:10000;
  width:350px;height:350px;
  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
  border:solid 8px #263660;
  display:flex;flex-direction:column;justify-content: center;align-items:center;

}
.cartel-foret-fond {
  position:absolute;width:100%;height:100%;
  background-color:#fff;
  opacity:0.95;
  z-index:100;
  border-radius: 25px;
  box-shadow: 5px 5px 10px 10px white;
}
.cartel-foret .cartel-infos {
  border-top: solid 2px #7da1a2;
  border-bottom: solid 2px #7da1a2;
  width:fit-content;
  padding:12px 0 18px 0; 
  z-index:200;
  text-align:center;
}
.cartel-infos a { text-decoration: none; }
.cartel-foret .cartel-title {
  font-family: 'Jaldi-Bold';
  font-size:44px;
  text-transform: uppercase;
  color:#000;
  padding-bottom:0;line-height:1.7em;
}
.cartel-foret .cartel-subtitle {
  font-family: 'InriaSans-Regular';
  font-size:32px;
  color: #7a85a0;line-height:1.7em;
}
.cartel-arbre {
  position:absolute;
  width:300px;height:300px;
  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
  border:solid 0px #44bbc3;
  display:flex;flex-direction:column;justify-content: center;align-items:center;
  
}
.cartel-arbre-fond {
  position:absolute;width:100%;height:100%;
  background-color:#fff;
  opacity:0.95;
  z-index:100;
}
.cartel-arbre .cartel-infos {
  border-top: solid 0px #ced7dc;
  border-bottom: solid 0px #ced7dc;
  width:fit-content;
  padding:12px 10px 18px 10px; 
  z-index:200;
  text-align:center;
}
.cartel-arbre .cartel-title {
  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:24px;
  color:#000;
  padding-bottom:20px;line-height:1.7em;
}
.cartel-arbre .cartel-subtitle {
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:18px;
  color: #000;line-height:1.4em;
}
.cartel-lieu {
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:22px;
}



div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}



#bandeau {
  position:fixed;
  top:0;left:0;
  width:100vw;height:180px;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
  z-index:500;
  
}


#titre {

  position:fixed;
  top:20px;left:3rem;
  border:solid 0px black;
  z-index:1000;
  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:48px;
  color:#000;
  text-transform: uppercase;
  cursor: pointer;
}
#titre a {
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in;
}

#titre a:link, #titre a:visited { color:#000;text-decoration: none; }
#titre a:hover, #titre a:active { color:#00ffff;text-decoration: none; }




#membres {

  position:fixed;
  top:17px;right:30px;
  width:100px;height:80px;
  font-family: 'Homoneta-Regular';
  /*font-family: 'Erode-Regular';*/
  font-size:24px;
  color: #000;line-height:1.3em;

  z-index:1000;
}
#membres a { 
  text-decoration: none; 
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
#membres a:link, #membres a:visited { color:#000; }
#membres a:hover, #membres a:active { color:#00ffff; }

/* #membres #compte-lien { font-size:20px; } */

#ecrire {

  position:fixed;
  top:10px;right:140px;
  width:80px;height:80px;
  background-image:url(imgs/stylo-bic-1.png);
  background-position:center center;
  background-size:contain;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index:1500;
  border:solid 0px black;
}
#ecrire:hover {
  background-image:url(imgs/stylo-bic-2.png);
}
.contenu-droite {
  position:fixed;
  top:0;right:-66%;
  width:66%;height:100%;
  z-index:10000;
  padding:6rem 3rem 3rem 3rem;
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:24px;
  color: #000;line-height:1.3em;
  background-color:#fff;
  overflow:auto;
}
.contenu-droite::-webkit-scrollbar { display:none; }

.contenu-droite-iframe {
  width:100%;height:100%;
}
.contenu-droite-iframe::-webkit-scrollbar { display:none; }
  
#apropos {

  position:fixed;
  top:0;left:-66%;
  width:66%;height:100%;
  z-index:10000;
  padding:6rem 3rem 3rem 3rem;
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:24px;
  color: #000;line-height:1.3em;
  background-color:#fff;
  overflow:auto;
  /* text-align: justify;
	text-justify: inter-word; */

}

#liste_poemes a:link, #liste_poemes a:visited { color:#000;text-decoration: none; }
#liste_poemes a:hover, #liste_poemes a:active { color:#0ff;text-decoration: none; }


.fermer {
  position:absolute;
  right:1.5rem;top:1.5rem;
  width:60px;height:60px;
  background-image:url(imgs/Croix.png);
  background-position:center center;
  background-size:contain;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index:100;
}

#apropos::-webkit-scrollbar { display:none; }


/* * * * * * * * * * * * 

POEMES

* * * * * * * * * * * */  

#poeme, #poeme_author {
  position:relative;
  padding:6rem 3rem 3rem 3rem;
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:24px;
  color: #000;line-height:1.3em;
  width:100%;max-width:800px;
  /* 
  text-align: justify;
  text-justify: inter-word;
  */
}

#poeme a {
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in;
}

#poeme a:link, #poeme a:visited { color:#000;text-decoration: underline; }
#poeme a:hover, #poeme a:active { color:#00ffff;text-decoration: none; }

#poeme-fermer {
  position:fixed;
  right:1.5rem;top:1.5rem;
  width:60px;height:60px;
  background-image:url(imgs/Croix.png);
  background-position:center center;
  background-size:contain;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index:10000;
}
a { 
  text-decoration: none; 
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
a:link, a:visited { color:#000; }
a:hover, a:active { color:#555; }

.poeme-titre {
  position: relative;
  margin-bottom:0px;
  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:40px;
  color:#000;
  line-height:1.5em;
  padding-bottom:15px;
}

.author-bio {
  position:relative;
  margin-top:-15px;
  margin-bottom: 30px;
  font-size:14px;
}

#lien_inscription {
  position:relative;
  margin-top:50px;
  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:25px;
}
#lien_inscription a {
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in;
}

#lien_inscription a:link, #lien_inscription a:visited { color:#000;text-decoration: underline; }
#lien_inscription a:hover, #lien_inscription a:active { color:#0ff;text-decoration: none; }





.cartel-arbre a:link, .cartel-arbre a:visited { color:#000;text-decoration: underline; }
.cartel-arbre a:hover, .cartel-arbre a:active { color:#0ff;text-decoration: none; }





/* * * * * * * * * * * * 

CONTRIBUTION

* * * * * * * * * * * */  

.form-info {
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:18px;
}

input[type=text] {
  width: 80%;
  height: 30px;
  padding: 10px 15px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  background-color: #f8f8f8;

  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:16px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  
}

textarea {
  width: 80%;
  min-height: 200px;
  padding: 10px 15px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  background-color: #f8f8f8;
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:16px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

input[type=text]:hover, textarea:hover {
  background-color:#fff;
}

input[type=submit], input[type=button] {
  width: fit-content;
  padding: 10px 15px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  background-color: #lightgrey;

  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:24px;
}


.element_gris { color:#ccc; }


.poeme_envoi_message {
  color:#00ffff;
}

/* * * * * * * * * * * * 

LISTE DES POÈMES

* * * * * * * * * * * */  

#liste_poemes {
  width:100%;
  display:table;
}
#liste_poemes td { padding-bottom:15px; }


#poeme_author #liste_poemes { width:100%; }
#poeme_author #liste_poemes td:nth-child(1) {
  display:flex;align-content:flex-start;
  width:70%;
}
#poeme_author #liste_poemes td:nth-child(2) {
  width:30%;
}

td.liste_auteur, 
td.liste_carte, 
td.liste_modifier,
td.liste_supprimer { font-size:15px; }

td.liste_auteur { width:120px; }
td.liste_carte { width:100px; }
td.liste_modifier { width:80px; }
td.liste_supprimer { width:80px; }

#liste_poemes_resp { display:none;width:100%; }
#liste_poemes_resp td { padding-bottom:15px; }
#liste_poemes_resp td:nth-child(1) {
  display:flex;align-content:flex-start;
  width:70%;
}
#liste_poemes_resp td:nth-child(2) {
  width:30%;
}


.dialogue_supprimer_2 { position:relative;display:none; }



/* * * * * * * * * * * * 

TABLE SORTER

* * * * * * * * * * * */  


table { width:100%; }

table.tablesorter tr { cursor: pointer; }
table.tablesorter tr td { 
  border-bottom:solid 0px #f1edbc; 
  padding:10px;
  vertical-align:top;
  text-align: left;
  line-height: 1.4em;
}
/*table tr:first-child td { 
  font-family: 'Gilroy';font-size: 18px;
  color: #cdd5de;
  padding-bottom: 10px;
  border-top:solid 0px #eaeef1; 

}*/
table.tablesorter thead td { 
  font-family: 'Gilroy-Regular';font-size: 18px;
  color: #cdd5de;
  padding-bottom: 10px;
  border-top:solid 0px #eaeef1; 

}
table.tablesorter thead img { opacity:0; }

/* table.tablesorter td:nth-child(1) { 
  width:400px; } */

/*
table.tablesorter td:nth-child(1) { width:35%; }
table.tablesorter td:nth-child(2) { width:27%; }
table.tablesorter td:nth-child(3) { width:13%; }
table.tablesorter td:nth-child(4) { width:25%; }
*/

td a {
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
td a:link, td a:visited { color:#000; }
td a:hover, td a:active { color:#00ffff; }

td.cell-rea {
  /* font-family: parisplus-std, sans-serif; */
  font-family: parisplus-sombre, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #000;
}
td.cell-annee, td.cell-cat { 
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #000;
}
td.cell-cat img { display: inline-block;height:50px;width:auto; }
td.cell-lieu { 
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #000;
}
.rea_sousTitre { font-family: 'Gilroy-Semibold';font-weight: 600;font-size:18px;color: #385277; }
.cell-rea-content { position:absolute;opacity:0;height:0;overflow:hidden; }

table.tablesorter td img { 
  display: inline-block;
  width: 32px;height: 15px;
  margin-right: 5px;
}

#recherche {
  position: relative;
  margin: 0 0 30px 0;
  width: 360px;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #000;
  border-bottom:solid 1px #ddd;  
}
#recherche input {
  border:0;outline:0;
  padding: 10px 0;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #000;
  width:100%;
  opacity: 0.4;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
#recherche input:hover { opacity:1; }