:root {
        --text: #292929;
--links: #0F79D0;
--titles: #292929;
--page-background: #f2f5f8;
--highlight: #BAD6E8;
--boxes-background: #FFFFFF;
--boxes-border: #EBEBEB;
--section-titles: #292929;
--section-titles-background: #f2f5f8;
--header-background: #333333;
--header-links: #FFFFFF;
--footer-background: #333333;
--footer-links: #0F79D0;
    }
    
/*  ========================================================================== */
/*Import Fonts*/
/*  ========================================================================== */

/*Poppins Fonts*/
@font-face {
    font-family: 'Poppins SemiBold';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/maitland-newcastlenswiar/theme_font/Poppins-SemiBold.ttf') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins Medium';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/maitland-newcastlenswiar/theme_font/Poppins-Medium.ttf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/maitland-newcastlenswiar/theme_font/Poppins-Regular.ttf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/*Lexend Fonts*/
@font-face {
    font-family: 'Lexend';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/maitland-newcastlenswiar/theme_font/Lexend-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lexend Medium';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/maitland-newcastlenswiar/theme_font/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothic';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/maitland-newcastlenswiar/theme_font/SohoGothicStd-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothic';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/maitland-newcastlenswiar/theme_font/SohoGothicStd-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'SohoGothic';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/maitland-newcastlenswiar/theme_font/SohoGothicStd-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

html{
    font-family: 'Lexend' !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}

body{
    font-family: 'Lexend' ;
    font-size: 16px ;
    line-height: 1.5;
}

h1, h2{
    margin: 10px 0px;
    /*  color: #6d68af; This overrides the colour menu for all headings*/ 
    font-family: 'Poppins SemiBold';
    text-rendering: optimizelegibility;
}
h3, h4, h5, h6  {
    margin: 10px 0px;
    font-family: 'Poppins';
    text-rendering: optimizelegibility;
}
h1{
    font-family: Poppins;
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color:#333;

}
h2{
    font-size: 22px;
    font-weight: 500;
    height: auto;
    letter-spacing: normal;
    line-height: 33px;
    color:#333;
}
h3{
    font-size: 18px;
    font-weight: 500;
    height: auto;
    letter-spacing: normal;
    line-height: 25.2px;
    color:#333;
}
h4{
    font-size: 16px;
    font-weight: 400;
    height: auto;
    letter-spacing: normal;
    line-height: 25.6px;
    color:#333;
}
h5 {
    font-size: 16px;
    font-weight: 400
        line-height: normal;
    color:#333;
}
p{
    font-family: Lexend;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0%;
    vertical-align: middle;
    /* color: rgba(34, 34, 34, 1); */
    color: #333;

}

.odswidget-most-popular-datasets__dataset-details-title,.odswidget-last-datasets-feed__dataset-details-title{
    font-size: 15px !important;
}



/*  ========================================================================== */
/* GLOBAL */
/*  ========================================================================== */
.ods-box {
    border: none;   
    border-radius: 6px;
}


.ods-app-explore-catalog{
    margin-top:10px;
}

/*  ========================================================================== */
/* Portal Header - Logo and main navigation
========================================================================== */
.portal-header {
    padding: 0 26px 0 13px;
    border-bottom: 1px solid #333;
    height:    99.8px;
    align-items:center;
}
/* Logo */
.ods-front-header__logo {
    display: block;
    width: auto; /* Logo width */
    max-width: 184px;
    height: auto; /* Logo height */
    padding: 24px 10px;



}
.ods-responsive-menu-collapsible__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.portal-navigation {
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.ods-front-header__menu {
    margin: 0;
}
.ods-front-header__menu-item-link {
    border: none;
    font-size:1rem;
    text-transform: uppercase;
    letter-spacing: .8px;
    line-height: 59px;
    padding: 0 13px;
    opacity: 1;
}
.ods-front-header__menu-item-link:hover,
.ods-front-header__menu-item-link--active {
    background-color: #d4e8fd;
    color: #000; /* Header link color when the link is active */
    border-radius: 8px 8px  0px 0px;
}

/*  ========================================================================== */
/* Management Menu
========================================================================== */
.ods-front-header__management-menu {
    position: static;
    top: auto;
    right: auto;
    line-height: 59px;
    font-size: .833rem;
}
.ods-front-header__management-menu-item {
    margin: 0 0 0 26px;
}
.ods-front-header__management-menu-item-link--active,
.ods-front-header__management-menu-item-link:hover {
    border: none;
    color: #BAD6E8;
}
.ods-front-header__account-avatar-container {
    margin-bottom: 0;
    vertical-align: middle;
}
.ods-front-header__management-menu-item--backoffice {
    padding: 0;
    border: none;
    background: none;
}

/* Button "Back Office" in header */
.ods-front-header__management-menu-item--backoffice .ods-front-header__management-menu-item-link--backoffice {
    display: inline-block;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 5px;
    background-color: transparent;
    border-radius: 4px;
}
.ods-front-header__management-menu-item-link--backoffice:hover {
    color: #000000;
    background-color: #FFFFFF;
}
.ods-front-header__management-menu-item-link {
    padding-bottom: 0;
}


/* Header - Mobile (small screens)
========================================================================== */
.ods-responsive-menu-placeholder.ods-responsive-menu-placeholder--active {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ods-responsive-menu--collapsed .ods-responsive-menu-collapsible__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__logo {
    display: none;
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__menu-item-link {
    width: 100%;
    border-left: none;
}
.ods-responsive-menu-collapsible--collapsed .portal-navigation,
.ods-responsive-menu-collapsible--collapsed .ods-front-header__menu,
.ods-responsive-menu-collapsible--collapsed .portal-management-menu {
    width: 100%;
}
/* Management Menu - Mobile (small screens)
========================================================================== */
.ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu {
    padding: 13px;
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu-item {
    padding-left: 0;
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu-item--backoffice {
    padding: 0;
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu-item-link--backoffice {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}




/*  ========================================================================== */
/*Page Structure
========================================================================== */



/* Global Styling */
main {
    margin: 0;
    margin-top: 20px;
}

body {
    margin: 0;
    padding: 0;
    background-color:#FCFCFC;
    font-family: Poppins, lexend, Arial, sans-serif;
}

/* Hero Section */
.hero-section {
    position: relative;
    border-bottom: 60px inset var(--core-col); /* Matches the border style */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 40px 10px;
    min-height: 400px;

}

.hero-content {
    width: fit-content;
    max-width:70%;
    margin: 10px auto;
    padding: 4ch 6ch;
    padding-top: 4ch;
    padding-right: 6ch;
    padding-bottom: 4ch;
    padding-left: 6ch;
    background-color: #fff;
    border-color: rgba(22, 62, 80, .12);
    border-radius: 4px;
    box-shadow: 1px 1px 2px 0px rgba(51, 51, 51, .25);
}





.background{
    width: 70%;
    background: #FCFCFC;
    margin: 6ch auto;
    margin-top:0px;
    padding-bottom:80px;
    margin-bottom:0;
}

/* Section Styling */
.section {
    background:#FCFCFC;
    padding: 0px 0px 10px 0px;
    margin-top: 0px;
    justify-content: space-between; /* Spread out items evenly */
    align-items: center; /* Vertically center items */
}

.section-container {
    padding: 4ch 6ch;
    font-size: 20px;
    color: #000;
    background: #FCFCFC;
    position: relative; /* Ensures the pseudo-element is positioned relative to this container */
}

.section-container::after {
    content: ""; /* Adds the pseudo-element */
    display: block;
    width: 95%; /* Border spans 50% of the width */
    height: 0; /* No height since it’s just a border */
    border-bottom: 3px inset var(--core-col); /* Matches the border style */
    margin: 0 auto; /* Centers the border */
    position: absolute; /* Allows precise positioning */
    bottom: 0; /* Aligns it at the bottom of the container */
    left: 0; /* Reset left alignment */
    right: 0; /* Reset right alignment */
}



.section-content {
    padding: 24px;
    flex-grow: 1;

}







/*  ========================================================================== */
/*Page Elements
========================================================================== */
button{
    font-family:'Lexend' !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background:var(--core-col);
}





/* DATA CATALOG & ODS WIDGETS
========================================================================== */
.ods-catalog-card__title {
    font-size: 1.3rem;

}
.ods-filters__count, .ods-filters__export-catalog-title, .ods-filters__filters, .ods-filters__filters-summary h1{
    font-size: 1.5rem;
    border-radius: 4px;
    padding: .33rem .67rem;
    position: relative;
}

.ods-catalog-card
{
    background: #fff;
    box-shadow: 1px 1px 2px 0px rgba(51, 51, 51, .25);
    border-left: .375rem solid #4e6496;
    border-radius: 2px;
}

.ods-catalog-card:hover 
{
    /* remove rounded border of almost every boxes on the platform */
    background:#d4e8fd;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 0px rgba(51, 51, 51, .25);
    border-left: .375rem solid #288af3;


}

/* DATA CATALOG DATASET CARD */
.ods-catalog-card__keyword { /* keywords items */
    border-radius: 2px;
    background-color: #4e6496; 
    padding:5px;/* change de color of the keyword card block in the catalog */ /* COLORCOLOR */
}
.ods-catalog-card__keyword:hover { /* hover keyword item */
    background-color: #fff; 
    border: 1px, solid #4e6496; /* color of the background when mouse hover the keyword block */ /* COLORCOLOR */
    color:#333;
}

/* ANALYSIS VIEW */
.ods-chart-controls__yaxis { /* Analysis control block */
    background-color: white; /* background color, dirty grey by default */ /* COLORCOLOR */
}




































/* FOOTER 
========================================================================== */
.ods-front-footer .portal-picto {
    height: 90px; /* Max size of the picto in the footer */
}
.ods-front-footer {
    border-top: 3px solid #333333; /* top line of the footer, delete if not needed */  /* COLORCOLOR */
    /*border-bottom: 3px solid #427E9D; */  /* bottom line of the footer, delete if not needed */  /* COLORCOLOR */
    /*padding: 10px 0; */
    height: auto;
    font-family: 'Lexend';
    font-size: 13px;
    overflow:hidden;
}
.ods-front-footer__link {
    color: #427E9D;/* link color in the footer */  /* COLORCOLOR */   
}

.ods-front-footer .footer-top {
    padding: 40px 0 42px;
    background: #fff;
    position: relative;
}
/* General Styles for Footer */
.footer {
    background-color: #232323;
    color: white;
    font-family: 'Poppins', sans-serif;
    padding: 40px 0;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-top {
    text-align: center;
    margin-bottom: 20px;
}

.logo-container {
    display: flex;
    align-items: center; /* Align logo and text vertically */
    justify-content: center; /* Center the content horizontally */
    gap: 20px; /* Add spacing between the logo and text */
    text-align: left;
    /*flex-wrap: wrap;  Ensure it stacks on smaller screens */
}

.footer-top img {
    width: 15%;
    flex-shrink: 0; /* Prevent the logo from shrinking */
}

.footer-top p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    color: #fff;
}

.footer-middle {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.footer-column {
    flex: 1;
    min-width: 150px;
    text-align: left;
}

.footer-column h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}

.footer-column p{
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0;
}

.footer-column svg{
    fill: #fff;
}

.footer-column a{
    margin-left: 10px;
    color: #fff;
}

.footer-column a:hover{
    text-decoration: underline;
    text-decoration-color: #00a1e6;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column ul li {
    margin-bottom: 8px;
}

.footer-column ul li a {
    color: white;
    text-decoration: none;
    font-size: 14px;
}

.footer-column ul li a:hover {
    text-decoration: underline;
    text-decoration-color: #00a1e6;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 14px;
}

.footer-bottom .social-links a {
    color: white;
    margin-right: 10px;
    font-size: 18px;
}

.footer-bottom .social-links a:hover{
    color: #00a1e6;
}

.footer-bottom .footer-links a {
    color: white;
    margin-right: 15px;
    text-decoration: none;
}

.footer-bottom .footer-links a:hover {
    text-decoration: underline;
    text-decoration-color: #00a1e6;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

hr {
    border: none;
    height: 1px;
    background: white;
    margin: 20px 0;
}

@media (max-width: 768px) {
    .footer-middle {
        flex-direction: column;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
    }
}