@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?xn3pph');
    src:  url('../fonts/icomoon.eot?xn3pph#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?xn3pph') format('truetype'),
    url('../fonts/icomoon.woff?xn3pph') format('woff'),
    url('../fonts/icomoon.svg?xn3pph#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-logo:before {
    content: "\e900";
}
.icon-home:before {
    content: "\e901";
}
.icon-music:before {
    content: "\e911";
}
.icon-bullhorn:before {
    content: "\e91a";
}
.icon-compass:before {
    content: "\e949";
}
.icon-map:before {
    content: "\e94b";
}

.card a, footer a{
    color:#00BFFF;
    text-decoration: dashed;
}

.navbar {
    background-color: #000;
}
.banner {
    background: url('https://source.unsplash.com/1600x600/?bretagne,festival') center/cover no-repeat;
    height: 60vh;
    display: flex;
    align-items: flex-end;
    padding: 2rem;
}
.banner h1 {
    background: rgba(0, 0, 0, 0.7);
    padding: 1rem;
}

.card-title, .card-title a{
    white-space: break-spaces;
    color: #fff;
}

.navbar-brand{
    font-size:55px;
}
#suggestions {
    position: absolute;
    background-color: black;
    width: 100%;
}

#suggestions li:hover{
    cursor: pointer;
}

#btnGeo{
    position: absolute;
    top: 0;
    right: 0;
}

/* Image de fond pour le header */
.header-img {
    background-size: cover;
    height: 40vh; /* Hauteur plein écran */
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.header-img.event{
    background-image: url('../img/concert.jpg');
}

.header-img.visite{
    background-image: url('../img/visite.jpg');
}

.header-img.loisir{
    background-image: url('../img/loisir.jpg');
}
/* Navbar transparente par défaut */
.navbar {
    transition: background-color 0.4s ease;
}

.navbar.transparent {
    background-color: transparent;
    color: #212529
}

.navbar.transparent a.nav-link, .navbar.transparent a.navbar-brand {
    color: #212529
}
.navbar.solid {
    background-color: rgba(0, 0, 0, 0.8); /* Couleur au scroll */
    color:#fff;
}