@font-face {
    font-family: Circular;
    src: url("../font/circular/CircularStd-Book.woff");
    font-display: swap;
}

@font-face {
    font-family: Circular-bold;
    src: url("../font/circular/CircularStd-Bold.woff");
    font-display: swap;
}

body, .cc-window {
    font-family: 'Circular'!important;
}

strong, b, .font-weight-bold, .cc-btn {
    font-family: 'Circular-bold'!important;
    font-weight: 300!important;
}

.cc-revoke:hover {
    text-decoration: none!important;
}

.cc-revoke {
    border: 1px white solid;
}

.cc-banner {
    border-top: 1px white solid;
}

.list-group-item {
    background-color: transparent !important;
  }

html,
body,
header,
.jarallax {
    height: 800px;
}

.navbar{
    box-shadow: none!important;
}

.map{
    height:300px;
    width: 100%;
}

.card {
    margin-bottom: 40px;
    border-radius: 10px!important;
    box-shadow: unset!important;
}

#sentiers .card:hover {
    cursor: pointer;
}

.icon-infos{
    font-size: 50px;
    margin-bottom: 40px;
    color: #497c97;
}


@media (max-width: 740px) {
    html,
    body,
    header,
    .jarallax {
        height: 100vh;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    html,
    body,
    header,
    .jarallax {
        height: 100vh;
    }
}

@media (min-width: 560px) and (max-width: 650px) {
    header .jarallax h1 {
        margin-bottom: .5rem !important;
    }
    header .jarallax h5 {
        margin-bottom: .5rem !important;
    }
}


@media (min-width: 660px) and (max-width: 700px) {
    header .jarallax h1 {
        margin-bottom: 1.5rem !important;
    }
    header .jarallax h5 {
        margin-bottom: 1.5rem !important;
    }
}

.top-nav-collapse {
    background-color: #497C97 !important;
}
.navbar:not(.top-nav-collapse) {
    background: #497C978A !important;
}
@media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
        background: #497C97 !important;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #497C97!important;
    }
}

footer.page-footer {
    background-color: #9da4b1;
}


.carousel-separator {
    transform: translateY(-50%) rotate(-90deg);
    -ms-transform-origin: left center;
    transform-origin: bottom center;
    margin-left: -8px!important;
    margin-right: -20px!important;
    margin-top: 30px!important;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 12px;
    width: 50px;
}

.marker_ferme{
    background-image: url('../img/rouge.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.marker_eclosion{
    background-image: url('../img/vert.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.marker_fleur{
    background-image: url('../img/jaune.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.marker_fanees{
    background-image: url('../img/blanc.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

h1.page-title {
    background-color: #497c97a1;
    color: white;
    padding: 1.5rem;
    border-radius: .5rem;
}

.page-title {
    background-color: #497c97;
    color: white;
    padding: 1.5rem;
    border-radius: .5rem;
}

.btn-primary {
    background-color: #497c97 !important;
    color: white!important;
    font-size: 1rem!important;
    text-transform: none!important;
    border-radius: 10px!important;
    box-shadow: unset!important;
}

a {
    color: #497c97 !important;
}

a.nav-link, span.navbar-text a {
    color: white!important;
}

a.cc-link, a.cc-dismiss {
    color: white!important;
}

hr {
    border-top: 1px solid #497c9761 !important;
}

ul.list {
    margin-left: -1rem;
}

.btn {
    margin: 0 !important;
}

.info-link:hover {
    color: #497c97b7 !important;
}

.btn-primary:hover {
    background-color: #497c97b7 !important;
}