
    :root {
        --links: #FB394A;
--page-background: #D1D1D1;
--header-links: #FFFFFF;
--titles: #071F32;
--section-titles: #FFFFFF;
--highlight: #FB394A;
--footer-links: #FB394A;
--boxes-border: #F0F0F0;
--boxes-background: #FFFFFF;
--header-background: #071F32;
--footer-background: #FFFFFF;
--text: #071F32;
--section-titles-background: #071F32;
    }
    
/* ==========================================================================
Portal Styles
========================================================================== */

/* 
The CSS rules below apply to the whole portal. You can change the styling of your explore page,
the MapBuilder, or any other page you create. 

Some suggestions:
- You should add below CSS rules that apply to elements that show up in all pages (such as the 
header or footer) or built-in pages such as the Explore page, the MapBuilder, the ChartBuilder and the API 
page.

- For CSS that applies to a specific user-created page, it's more convenient to add it directly in the "CSS" 
tab when you edit said page in the Back Office Pages section. This makes it easier to keep track of which classes 
are page specific and which ones are generic and apply to the whole portal.
For an example of this behavior, check the "Home" page HTML and CSS tabs in the Back Office Pages section.

- To know the class name of an element, right click on it in the browser and click on "Inspect Element". This 
will give you an overview of the classnames and styling associated with any element on the page.

*/

@font-face {
    font-family: 'MONTSERRAT-REGULAR';
    /*src: url('https://s3-eu-west-1.amazonaws.com/aws-ec2-eu-1-opendatasoft-staticfileset/parisdata/theme_font/ArialNarrow2.ttf') format('truetype');*/
    src: url('https://s3-eu-west-1.amazonaws.com/aws-ec2-eu-1-opendatasoft-staticfileset/parisdata/theme_font/MONTSERRAT-REGULAR.OTF') format('otf');
    font-style: normal;
    /*font-weight: 200;*/
}

body {
    font-family: 'MONTSERRAT-REGULAR', Helvetica, Arial, sans-serif;
}

/* Page Header
========================================================================== */

.ods-front-header {
    min-height: 60px;
    height: auto;
    padding: 0;
    background-image: linear-gradient(to bottom,#071F32,#071F32);
    background-size: auto 75px;
}

@media screen and (min-width: 769px) {
    .ods-front-header {
        height: 120px;
    }
}

.header-gradient {
    height: auto;
    background-image: linear-gradient(to bottom,#071F32,#071F32);
}

@media screen and (min-width: 769px) {
    .header-gradient {
        height: 75px;
    }
}

.header-logo {
    display: block;
    max-width: 100%;
    height: 75;
}

.ods-front-header__menu-item-link {
    font-size: 16px;
    line-height: 40px;
    opacity: 1;
}

.ods-front-header__menu-item-link:hover {
    color: #FFCD00;
}

.ods-front-header__menu-item-link--active {
    color: #FFCD00;
    border-bottom: none;
}

.ods-front-header__management-menu-item-link {
    color: white;
}

.ods-front-header__account-avatar-container {
    border-color: white;
}

.ods-front-header__menu-item-link[href^="/page/home/"] {
    content: '';
}

.ods-front-header__menu-item-link[href^="/page/home/"]:before {
    content: '\f015 ';
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.2em;
}

/* Filters (Explore page left column)
   ========================================================================== */

.ods-filters {
    background-color: white;
    padding: 10px;
}

/* Pictos
========================================================================== */

.themeImage {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 64px;
}

.ods-catalog-card__title,
.ods-catalog-card__description,
.ods-catalog-card__metadata {
    margin-left: 70px;
}

.ods-catalog-card__theme-icon {
    width: auto;
    height: auto;
    max-width: 60px;
    max-height: 60px;
}

.ods-page[page-id="home"] .container-fluid > .ods-box {
    background: none;
    border-radius: none;
    border: none;
    padding: 0;
    margin-bottom: 0;
}