/* Custom CSS */

:root {
    --polen-black: #000000;
    --polen-dark: #333;
    --polen-grey: #ccc;
    --polen-darker-grey: #999;
    --polen-white: #fff;
}

/* Main styles */

body { color: var(--polen-dark); background-color: var(--polen-white); font-family: arial, helvetica, sans-serif; padding: 0; display: flex; flex-direction: column; }
header { font-size: 0.9em; position: absolute; bottom: 0; width: 100%; height: auto; }
a { color: var(--polen-black); text-decoration: none; }
a:hover, a:active { transition: all 0.25s ease-in-out; color: var(--polen-dark); }

/* Header */
.navbar-default { background: var(--polen-black); }
#topNavBar .dropdown-menu { background: var(--polen-black); border: 0; }
#navbarFixed .dropdown-menu.navbar-language a.language-menu-link:hover, #navbarFixed .dropdown-menu.navbar-language a.language-menu-link:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: var(--polen-black); text-decoration: underline; }
.navbar-nav a { color: var(--polen-white) !important; }
.dropdown-menu .input-group { width: 100%; }
.dropdown-menu #navbarsearch { border: 0; }
#topNavBar ul.navbar-nav { margin-top: 2em; }
.navbar-header img.custom-logo { width: 12em !important; margin: 1em 0; }
.navbar-header a:hover, .navbar-header a:active { text-decoration: none; }
.navbar-header .navbar-toggle { border: 0; background-color: var(--polen-white); margin-top: 2em; }
.navbar-nav .accountName .text-danger { color: var(--polen-white); }
.navbar-nav li a { background: transparent !important; }

/* Content */
#dataverse-header-block { padding-top: 10em; }
#login-container { padding: 2em 0; }
#resultsTable .datasetResult,
#resultsTable .dataverseResult { border-radius: 0.25em; }
ul.pagination { margin: 2em 0 1em !important; }
#search-row-panel { margin-bottom: 1em; }
#content h1 { margin-top: 2em; }
#content .container .row { margin-top: 3em; }
#datasetForm, #dataverseForm { margin-bottom: 2em; }
#breadcrumbNavBlock { margin-top: 3em; }
#content { margin-bottom: 1.25em; }
.alert-danger { margin-top: 5em; }
.ui-widget-content a { color: #4B19E6; }

.grid { display: flex; justify-content: space-between; }

/* Footer */
footer { border-top: 1px solid rgba(0,0,0,.1); margin-top: 40px;}
footer .sponsor-grid { background-color: #fff; color: #000; }
footer .footer-wrapper { background-color: #000; color: #fff;}
footer ul, footer .footer-bottom { display: flex; gap: 1.5rem; justify-content: space-between;}
footer ul { list-style: none; padding: 0;}
footer a, footer a:hover { color: #fff; }
.footer-middle, .grid.logos {padding: 4rem 0;}
.footer-bottom { padding: 2.5rem 0; border-top: 1px solid #595858;}
.grid.logos, .footer-middle, .footer-bottom { max-width: 1170px; margin: 0 auto; }


/* Media queries */
@media only screen and (max-width : 992px) {
    footer { min-height: auto; }
    footer .grid, footer .column-left, footer .column-right, .column-center { width: 100%; text-align: center; display: block; margin: 0; clear: both; }
    footer .logos span { margin: 0 !important;}
}

ul.ui-autocomplete { max-height: 25vh; overflow-y: auto; overflow-x: hidden;  list-style: none !important;}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { min-width: 30vw; }

.modal-dialog { top: 50px; }