@font-face {
    font-family: 'San Francisco';
    src: url('/static/custom/font/SanFranciscoDisplay-Regular.otf') format('opentype'),
        url('/static/custom/font/SanFranciscoText-Medium.otf') format('opentype')
        url('/static/custom/font/SanFranciscoDisplay-Semibold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

/* css clors */
:root {
    --color-primary: #e8cc00;
    --color-primary-50: #f3e580;
    --color-primary-light: #f9ec99;
    --color-secondary: #046e67;
    --color-secondary-50: #046e6788;
    --color-secondary-light: #4bbdc9;

    --color-discover: rgba(153, 214, 234, 0.5);

    --color-sites-filter-txt-hover: #fff;
    --color-sites-filter-bg-hover: #99d6ea61;
    --color-sites-filter-txt-active: #000;
    --color-sites-filter-bg-active: #99d6ea;

    --header-h: 80px;
    --page-container-min-height: calc(100vh - var(--header-h) - 260px);
}

/* css body */
body {
    font-family: 'San Francisco' !important;
}

/* homeBlock1 */
.homeBlock1 {
    text-align: center;
}
.homeBlock1 > h2 {
    font-size: 1.4rem;
    color: var(--color-primary);
}

/* Titles */
h2 {
    color: var(--color-primary);
}

h3.text-uppercase {
    color: var(--color-primary-50);
}

h3 {
    font-size: 1.5em !important;
    color: var(--color-primary-50);
}

h5.text-uppercase {
    color: var(--color-primary);
}

h4 {
    font-size: 1.2 !important;
    margin-top: 5px !important;
}

/* css header */
#header .navbar-light {
    background-color: var(--color-primary) !important;
    transition: height 0.3s ease;
}

.dropdown-menu {
    background-color: var(--color-secondary) !important;
}

.dropdown-item:hover {
    background-color: #4bbdc9 !important;
    color: white !important;
}

#header .h-100 > img,
#header .navbar-brand .h-100,
#header .navbar-brand .mh-100 {
    height: 150px !important;
    position: absolute;
    top: 0;
    left: 0px;
    transition:
        height 0.3s ease,
        transform 0.3s ease;
}

.page-sites #header .h-100 > img,
.page-gallery #header .h-100 > img,
.page-sites #header .navbar-brand .h-100,
.page-gallery #header .navbar-brand .h-100,
.page-sites #header .navbar-brand .mh-100,
.page-gallery #header .navbar-brand .mh-100 {
    height: 95px !important;
    position: absolute;
    top: 0;
    left: 0px;
    transition:
        height 0.3s ease,
        transform 0.3s ease;
}

@media (max-width: 860px) {
    .page-sites #header .h-100 > img,
    .page-gallery #header .h-100 > img,
    .page-sites #header .navbar-brand .h-100,
    .page-gallery #header .navbar-brand .h-100,
    .page-sites #header .navbar-brand .mh-100,
    .page-gallery #header .navbar-brand .mh-100 {
        height: 60px !important;
        top: 8px;
        left: 0px;
        transition:
            height 0.3s ease,
            transform 0.3s ease;
    }
}

@media (max-width: 960px) {
    #header .h-100 > img,
    #header .navbar-brand .h-100,
    #header .navbar-brand .mh-100 {
        height: 60px !important;
        top: 8px;
        left: 0px;
        transition:
            height 0.3s ease,
            transform 0.3s ease;
    }
}

/* Bloc lien map */
.page-home .block-map a {
    font-family: ResoLight, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
}

/* css homeBlock3 */
.homeBlock3 {
    background-color: white;
    padding-top: 0.5rem;
}

/* css page-legal_notices */

.page-legal_notices p {
    margin: 1rem 0 !important;
}

.img-home-page {
    display: block;
}

/* css Footer */
.app-footer {
    background-color: var(--color-primary-50)!important;
}
footer .logo {
    height: 140px;
    margin-bottom: 0 !important;
}
.app-footer {
    background: #666;
}
.app-footer hr {
    border-color: var(--color-primary);
}