:root {
  --main-green: #007d3e ;
  --main-light-grey: #b4c2bb;
  --main-dark-grey: #5f6662;
  --dark-green-scrollbar: #007816 ;
}

/* width */
::-webkit-scrollbar {
  width: 11px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 25px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--main-green);
  border-radius: 25px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:var(--dark-green-scrollbar);
}

* {
  font-family: kayak-sans, sans-serif;
}

html {
  scroll-behavior: smooth;
}

nav.navbar {
  padding: 30px 0; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.33s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  top: 0; /* At the top */
  z-index: 99;
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) ;
}

/*header + section.section {
  margin-top: 175px ;
}*/

/*#HeroTitle {
  font-size: 35px ;
}*/

.navbar-link:not(.is-arrowless)::after { /* Change dropdown menu arrow color */
  border-color: var(--main-green) !important;
}

.pagination-link.is-current { /* Change the bottom nav button background color */
  background-color : var(--main-green) !important;
}

.pagination-link.is-current, .pagination-link:focus, .pagination-next:focus, .pagination-previous:focus { /* Change the bottom nav button border color */
  border-color : var(--main-green) !important;
}

.navbar-item {
  transition: 0.33s ;
  font-size : 17px ;
}

.logo-link {
  width : 7% ;
  height : 7%;
  transition : 0.33s ;
  margin-right : 25px ;
  margin-left : 10px ;
}

hr {
  background-color: var(--main-light-grey) !important ; /* Il faudra utiliser un gris encore plus clair*/
}

.invisibleDiv {
  height: 120px;
}