@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');

:root {
  --primary-color: #64b989;
  --primary-color-dark: #3e9c72;
  --secondary-color: #4a4830;
  --tertiary-color: #a39b64;
  --text-color-light: rgba(175,128,124,.2);
  --text-color: #4a4830;
  --text-color-dark: #4a4830;
  --tertiary-color: #af807c;
  --background-color: #F0E7DE;
  --background-color-light: #f9f9f9;
}

body {
  font-family: "Ubuntu", sans-serif;
  background-color: var(--background-color);
  color: var(--text-color);
}

h1, h2, h3, h4 {
  font-family: "Alegreya Sans", sans-serif;
  color : var(--secondary-color);
  font-weight: 700;
}

a {
  text-decoration: underline;
}

.subtitle {
  font-size: 2.125rem; 
  font-weight: bold; 
  text-transform:Uppercase; 
  color: var(--tertiary-color); 
  letter-spacing : .1125rem
}

.hero {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.hero .is-large {
  padding-top: 20rem;
  padding-bottom: 20rem;
}

.hero-small {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.vertical-center {
  display: flex;
  align-items: center;
}

p, li, a {
  font-family: "Ubuntu", sans-serif;
  color: var(--text-color);
  font-weight: 400;
}

.button, input[type=submit].button {
  padding: 0 1.0rem;
  border-radius: 1.125rem;
}

.button-small {
    font-size: .8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    padding: 0 1.5rem;
}


.button-primary, input[type=submit].button-primary, .button-primary[disabled] {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.button-primary.button-clear,
.button-primary.button-outline {
  background-color: transparent;
  color: var(--primary-color);
}
.button-primary.button-clear {
  border-color: transparent;
}

.button-secondary,input[type=submit].button-secondary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.button-secondary.button-clear,
.button-secondary.button-outline {
  background-color: transparent;
  color: var(--secondary-color);
}
.button-secondary.button-clear {
  border-color: transparent;
}

.button-tertiary {
  background-color: var(--tertiary-color);
  border-color: var(--tertiary-color);
}

.button-tertiary.button-clear,
.button-tertiary.button-outline {
  background-color: transparent;
  color: var(--tertiary-color);
}

.button-tertiary.button-clear {
  border-color: transparent;
}
  
.button-red {
  background-color: red;
  border-color: red;
}

.button-red.button-clear,
.button-red.button-outline {
  background-color: transparent;
  color: red;
}
.button-red.button-clear {
  border-color: transparent;
}

.button-orange {
  background-color: orange;
  border-color: orange;
}

.button-orange.button-clear,
.button-orange.button-outline {
  background-color: transparent;
  color: orange;
}
.button-orange.button-clear {
  border-color: transparent;
}

.button-green {
  background-color: green;
  border-color: green;
}

.button-green.button-clear,
.button-green.button-outline {
  background-color: transparent;
  color: green;
}
.button-green.button-clear {
  border-color: transparent;
}

.button-white {
  background-color: white;
  border-color: white;
  color: var(--text-color);
}

.button-white.button-clear,
.button-white.button-outline {
  background-color: transparent;
  color: white;
}

.button-white.button-clear {
  border-color: transparent;
}

.text-white {
  color: white !important;
}

footer {
width: 100%;
/* haut | droit | bas | gauche */
padding: 2em 0 2em 0; 
background-color : #f8f8f8;
text-align: center;

}

main {
  margin-top: 1em;
  margin-bottom: 10em;
}

.geoc-placeimg{
  max-width: 500px;
  width: 100%;
  border-radius: 10px;
}

.place-container .content img, .cache-container .content img {
 text-align: center;
}


.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 24
}

.header {
  padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
}

.content-info {
  border: 2px solid var(--secondary-color); 
  border-radius:5px;
  font-size: 14px;
}

.content-info .content-info-header{
  color: white; 
  background-color: var(--secondary-color); 
  padding:5px; 
  font-weight: bold;
}

.content-info .content-info-body{
  padding:5px ;
  font-weight: bold;
}

p {
  font-size: 1.7rem;
}
/*
.leaflet-control-attribution {
  display: none;
}*/

.leaflet-attribution-flag { display: none !important; }