/* Insert your custom override CSS in this file */

:root {
    --main-color: #00b1ab;
    --second-color: #006360;
    --map-maille-border-color: "black";
    --map-maille-lastobs-border-color: #d60000;
}

/* Police de caractères */
@font-face {
    font-display: auto;
    font-family: 'Roboto-Light';
    src: url('./fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-display: auto;
    font-family: 'Roboto-LightItalic';
    src: url('./fonts/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
    font-display: auto;
    font-family: 'Roboto-Condensed';
    src: url('./fonts/Roboto-Condensed.ttf') format('truetype');
}
@font-face {
    font-display: auto;
    font-family: 'Roboto-CondensedItalic';
    src: url('./fonts/Roboto-CondensedItalic.ttf') format('truetype');
}
@font-face {
    font-display: auto;
    font-family: 'Roboto-Thin';
    src: url('./fonts/Roboto-Thin.ttf') format('truetype');
}
@font-face {
    font-display: auto;
    font-family: 'Roboto-Regular';
    src: url('./fonts/Roboto-Regular.ttf') format('truetype');
}


.navbar {
  height: 100px;
  border: none;
  background-color: var(--main-color) !important;
  margin-bottom: 0px;
  border-radius: 0px;
  border-bottom: 0px solid var(--second-color);
  z-index: 1999;
}
/* @media screen and (max-width: 1023px) {
    .navbar {
        background-color: var(--main-color)!important;
    }
}
@media screen and (min-width: 1024px) {
    .navbar {
        background-image: url(./images/navbar.png);
        background-size: cover;
        background-position: 10% center;
    }
} */

.navbar-brand {
  margin-right: 5px;
  max-width: 78%;
}

/* Masquer le titre de l'appli (en texte) au profit du logo */
.titreAppli {
  display: none;
}

.logoStructure {
  height: 85px;
  max-height: 85px;
  margin: auto 10px auto 0px;
  padding-right: 0px;
}

.navbar .svg-inline--fa {
  color: white;
}
main {
  margin-top: 100px;
}

sidebar {
  background-color: #637371;
  padding-top: 100px;
}

sidebar .navbar-menu-icon {
  max-height: 50%;
}

#galery-icon {
  width: 1.5em !important;
  height: 1.5em !important;
}

.h1, h1 {
  font-size: 2rem;
  font-family: "Roboto-Condensed";
}
.h2, h2,
.h3, h3 {
  font-family: "Roboto-Condensed"
}
.h4, h4 {
  font-size: 1.2rem;
  font-family: "Roboto-Condensed"
}
p {
  font-family: "Roboto-Light";
}
a {
  color: var(--main-color);
  text-decoration: none;
}
a:hover {
  color: var(--second-color);
  text-decoration: none;
}


.slidepartenaireindex img {
  max-height: 100px;
}

/* HOME */
#page .card .card-body img {
  max-height: 75vh;
}

/* FICHE COMMUNE */
.badge-primary {
  background-color: var(--main-color);
}


/* FICHE ESPECE */
#inpnLink,
#taxonomy {
  margin-top: 10px;
}
#inpnLink > a > img {
  margin-right: 10px;
}
.caractEspece {
  margin-bottom: 5px;
}


/* PAGE A PROPOS */
#about-page{
  padding: 1.5rem;
}
/* Logos des partenaires */
.partners-links a {
  text-decoration:none;
  color:var(--secondary)!important;
 }
.partners-links a:hover {
  border-bottom: none;
}
.partners-links {
  text-align: center;
  min-height:100px;
}
.partners-links img {
  height:100px;
  margin: 5px 10px 5px 10px;
}

#about-page {
  max-width: 90%;
  margin: auto;
}

/* Bannières "focus" + lien de revoi vers autres portails  */
.focus-block {
  width: 48%;
}
.focus-block-img {
  height: 265px; 
  background-size: cover; 
  background-position: center center; 
  padding: 1.5rem; 
  border-radius: 1rem; 
  justify-content: space-between; 
  align-items: flex-start; 
  display: flex; 
  flex-direction: column;
  color: white !important;
}
.focus-block-banner {
  font-family: 'Roboto-Condensed';
  background-color: #00c7bacf; 
  padding: 4px 8px; 
  border-radius: 20px; 
  color: #005d5d; 
  font-size: 16px; 
  line-height: 21px;
  margin-bottom: 10px;
}

/* Responsive position imagettes */
@media screen and (max-width: 800px) {
  .focus-block {
    width: 100%;
    margin-bottom: 1em;
  }
  #about-page {
    max-width: 100%;
  }
  .logoStructure {
    height: 55px;
    max-height: 55px;
  }
}

/* Modales (crédits, mentions légales...) */
.modal {
  top: 100px;
}
.modal-content {
  border-radius: 0.8rem;
}
.modal-header {
  padding: 0.8rem 0.8rem;
  border-top-left-radius: calc(0.8rem - 1px);
  border-top-right-radius: calc(0.8rem - 1px);
}
.modal-header > h3 {
  margin-bottom: 0;
}
.modal-body {
  max-height: 70vh;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal-body::-webkit-scrollbar {
  display: none;
}
@media (min-width: 576px) {
  .modal-dialog {
      max-width: 80%;
  }
}