:root {
        --text: #333333;
--links: #00A8C7;
--titles: #0C6A7A;
--page-background: #FFFFFF;
--highlight: #FFFFFF;
--boxes-background: #FFFFFF;
--boxes-border: #E5E5E5;
--section-titles: #0C6A7A;
--section-titles-background: #ffffff;
--header-background: #00A8C7;
--header-links: #FFFFFF;
--footer-background: #00A8C7;
--footer-links: #ffffff;
    }
    
/* ==========================================================================
LIGHT BASIC HEADER THEME
========================================================================== */
/* 
The CSS rules below apply to the whole portal.
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, add it directly in the "CSS" 
tab in the page edit 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.
*/
/* Portal Header - Logo and main navigation
========================================================================== */

main {
    margin: 0px 0px 20px 0px;
   /* padding-top: 135px;*/
}

.main--catalog{
     margin: 20px;
}

.portal-header {
    padding: 0 26px 0 13px;
    border-bottom: 1px solid #DEE5EF;
}

.ods-front-header {
    background-color: #00A8C7;
    height: 137px;
    /*position: fixed;*/
    top: 0;
    width: 100%;
    z-index: 10;
}

.logoregion {
    height:25px;
}

.logoregion img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: auto;
}


/* Logo */
.ods-front-header__logo {
    display: block;
    /*width: 150px;*/
    height: auto;
    max-height: 100px;
    padding-left: 13px;
    margin-right: 50px;
}
.ods-responsive-menu-collapsible__content {
    display: flex;
    align-items: center;
    height:120px;
}
.portal-navigation {
    flex: 1 1 auto;
    margin: 35px 0 0 5px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}

.ods-front-header__menu-item {
    display: inline-flex;
    height: 60px;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}

.ods-front-header__menu {
    margin: 0 0 0 5px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}
.ods-front-header__menu-item-link {
   /* font-family: 'Gotham-book';*/
    font-size: 1.4rem;
    padding: 0;
    opacity: 1;
    line-height: 1.3em;
    position: relative;
    color: #FFFFFF;
}
.ods-front-header__menu-item-link:hover,
.ods-front-header__menu-item-link--active {
    text-decoration: none;
    opacity: 1;
    border-bottom: none;
    color: #fff;
    font-weight: 400;
    /* Header link color when the link is active */
}


.ods-front-header__menu-item-link:hover:after {
    width: 100%;
}
.ods-front-header__menu-item-link:after {
    display: block;
    content: "";
    height: 1px;
    width: 0%;
    position: absolute;
    left: 0px;
    bottom: -4px;
    background: #fff;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.ods-front-header__menu-item-link:hover, .ods-front-header__menu-item-link--active {
    color: #fff;
    font-weight: 400;
}


.ods-front-header__menu-item-link--active::after, .ods-front-header__menu-item-link:hover::after {
    width: 100%;
}
/* Management Menu
========================================================================== */
.portal-management-menu{
    border-left:1px solid #ffffff;
        /*margin-top: 35px;*/
    width: 200px;
}
.ods-front-header__management-menu {
    position: static;
    top: auto;
    right: auto;
    line-height: 25px;
    font-size: .933rem;
}
.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: #FFFFFF;
}
.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 #142E7B;*/
    padding: 5px;
    background-color: transparent;  
    border-radius: 4px;
}
.ods-front-header__management-menu-item-link--backoffice:hover {
    
}
.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: flex;
    align-items: center;
}
.ods-responsive-menu--collapsed .ods-responsive-menu-collapsible__content {
    align-items: flex-start;
    flex-direction: column;
}
.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%;
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__logo {
    display: none;
}
/* 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: inline-flex;
    align-items: center;
}
/* Portal Footer
========================================================================== */
.portal-footer {
    /*display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #DEE5EF;
    background-color: #00A8C7;
    height: auto;
    min-height: 50px;
    padding: 0 26px;*/
    text-align: left;
    background-color: #00A8C7;
    height: 100%;
    padding: 30px 0px;
    margin-top: 33px;
}
.ods-footer-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

}
.ods-front-footer__link--active {
    font-weight: normal;
    color: #FFFFFF; /* Give current language a color highlight */
}


.ods-logo--acronym--big {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    font-size: 2.33rem;
    width: 100px;
    height: 100px;
    line-height: 97px;
    letter-spacing: 0px;
}

.ods-logo--acronym__blue-on-white {
    background-color: white;
    color: #00A8C7;
}



.lists {
    display: flex;
    flex-wrap: wrap;
}


.ods-footer-lang {
    text-align: center;
}
.ods-front-footer__languages, .ods-front-footer__link {
    color: #fff;
    margin-bottom: .6rem;
}
.ods-front-footer__languages {
    display: inline-block;
    margin: 0;
    margin-bottom: 0px;
    padding: 0 .5em;
}
.portal-footer li {
    list-style: none;
}

.portal-footer li a {
    color:#ffffff;
}
footer__link {
    color: #fff;
    margin-bottom: .6rem;
}
.ods-front-footer__link--active {
    font-family: 'Gotham-black';
    color: #EFB71B;
}

.ods1{
    font-size: .70em;
    font-weight: 400;
}
.ods3{
    font-weight: 800;
    font-size: .70em;
}

.logoinstit-header{
height:100px;    
}

.portal-footer .lists h3 {
    border-bottom: 2px solid white;
}
.portal-footer h3 {
    padding-bottom: 3px;
    color: white;
}
h1:first-child, h2:first-child, h3:first-child {
    margin-top: 0;
}

.ods-footer li {
    list-style: none;
}

/* Explore Page - Catalog Cards
========================================================================== */
.ods-catalog-card {
    border-radius: 4px;
    padding: 26px;
    transition: all .2s;
}
.ods-catalog-card:hover {
    transform: scale(1.02);
    box-shadow: 0 0 10px 0 #e3e9f1;
}
.ods-catalog-card:hover:before {
    display: none;
}
.ods-catalog-card__theme-icon {
    position: absolute;
    top: 26px;
    left: 26px;
}
.ods-catalog-card__title {
    /*color: #FFFFFF;*/
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
}
.ods-catalog-card__metadata-item {
    font-size: .833rem;
    line-height: 1.4;
    margin-bottom: 4px;
}
.ods-catalog-card__visualization {
    color: #333333;
    padding: 0 0 4px 0;
}
.ods-catalog-card__keyword {
    color: #333333;
    font-size: 0.833rem;
    padding: .15rem .35rem;
    /*background-color:#0C6A7A;*/
    background-color: #E5E5E5;
    border-radius: 7px;
}
.ods-catalog-card__keyword:hover {
    color: #FFFFFF;
    background-color: #D23735;
}


/* Explore Page - Filter Sidebar
========================================================================== */
/* Improve sidebar title size and alignement */
.ods-filters__count, 
.ods-filters__export-catalog-title, 
.ods-filters__filters, 
.ods-filters__filters-summary{
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 400;
    padding: 0;
    margin-bottom: 13px;*/
    padding: .33rem 0;
}

.ods-filters__count-number{
   /* color:#D23735;*/
}

.ods-filters__count-units{
   font-weight: 800;
}


.ods-catalog-sort-labels {
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 600;
}
.odswidget-facet__facet-title {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 13px;
 }
.odswidget-text-search__search-box {
    font-size: 1rem;
}
/* Catalog Sort Selector */
.ods-catalog-sort__selector {
    font-size: .833rem;
}
.ods-catalog-sort__selector__opt,
.ods-catalog-sort__selector__opt--select .ods-catalog-sort__selector__more-button {
    background-color: #FFFFFF;
   /* border-color: #142E7B;*/
    border: none;
    color: #142E7B;
}
.ods-catalog-sort__selector__opt--selected,
.ods-catalog-sort__selector__opt--selected:hover,
.ods-catalog-sort__selector__opt:hover:not(.ods-catalog-sort__selector__opt--selected), 
.ods-catalog-sort__selector__opt:hover:not(.ods-catalog-sort__selector__opt--selected) button {
    color: #FFFFFF;
    background-color: #D23735;
    border-color: #D23735;
}

.odswidget-facet__category{
    font-size:1.2rem;
    color:#000;
}
.odswidget-facet__category:hover{
    color:#D23735;
}

.ods-app-explore-catalog .odswidget-clear-all-filters, .odswidget-clear-all-filters {
    bottom: 0.7rem;
    font-size: .8rem;
    position: absolute;
    right: .67rem;
    bottom: .4rem;
    color: #CE0037;
    border: 1px solid #CE0037;
    padding: .3rem .5rem;
    background-color: transparent;
    border-radius: 50px;
}

/* Removed small left border from sidebar items */
.odswidget-facet__category,
.ods-filters__export-catalog-link {
    padding-left: 0;
    border: none;
}

.odswidget-facet--disjunctive .odswidget-facet__category:hover:before, .odswidget-facet--disjunctive .odswidget-facet__category--refined:hover:before {
        left: -1rem;
        padding: .15rem 0;
	}