/* POLEN DATAVERSE CUSTOM STYLES */

/* CSS VARIABLES */
:root { 
    /* Brand Colors */
     --polen-brand: #4B19E6; 
     --polen-brand-sec: #1EA928; 

     /* Grayscale */
     --polen-black: #000000; 
     --polen-dark-grey: #333333; 
     --polen-mid-grey: #737373; 
     --polen-white: #ffffff; 

     /* Backgrounds */
     --polen-light-bg: #f9f9f9; 

     /* Transparencies */
     --polen-brand-light: rgba(75, 25, 230, 0.6); 
     --polen-brand-subtle: rgba(75, 25, 230, 0.05); 
     --polen-border: rgba(0, 0, 0, 0.1); 
     --polen-border-medium: rgba(0, 0, 0, 0.4); } 


/* BASE STYLES */
body { color: var(--polen-dark-grey); background-color: var(--polen-light-bg); font-family: arial, helvetica, sans-serif; padding: 0; display: flex; flex-direction: column; } 
a {  color: var(--polen-black); text-decoration: none; } 
a:hover, a:active { transition: all 0.25s ease-in-out; color: var(--polen-dark-grey); } 
.grid { display: flex; justify-content: space-between; } 

/* Buttons */
.btn-primary { background-color: var(--polen-black);  background-image: none; margin-bottom: 1em; } 
.btn-primary:hover { background-color: var(--polen-brand); } 
.btn-publish { font-weight: bold; }
.btn-group-justified { margin-bottom: 4px; }

/* Links & Text*/
.ui-widget-content a,
.btn-link { color: var(--polen-dark-grey); text-decoration: underline; } 
.ui-widget-content a:hover,
.btn-link:hover {  color: var(--polen-brand); } 
.text-dataverse,
.text-brand {  color: var(--polen-brand); } 
.glyphicon-lock { color: var(--polen-dark-grey); } 

/* Alerts */
.alert-danger { margin-top: 5em; } 

/* Breadcrumbs */
#breadcrumbNavBlock {  margin-top: 2.5em; } 
.breadcrumbBlock a {  color: var(--polen-mid-grey); } 


/* HEADER & NAVIGATION */
header { font-size: 0.9em;  position: absolute; bottom: 0; width: 100%; height: auto; } 

/* Navbar Base */
.navbar-default {  background: var(--polen-black); } 
.navbar-nav a {  color: var(--polen-white) !important; } 
.navbar-nav li a { background: transparent !important; } 

/* Navbar Header */
.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; } 

/* Top Navigation Bar */
#topNavBar .dropdown-menu { background: var(--polen-black); border: 0; } 
#topNavBar ul.navbar-nav { margin-top: 1em; } 

/* Dropdown Menus */
#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; } 
.dropdown-menu .input-group { width: 100%; } 
.dropdown-menu #navbarsearch {  border: 0; } 

/* Account Navigation */
.navbar-nav .accountName .text-danger { color: var(--polen-white); } 
.accountName .caret { margin-top: -0.625em; } 
/*#userDisplayInfoTitle { max-width: 6.25em; display: inline-block; text-wrap: nowrap; overflow: hidden;  text-overflow: ellipsis; } */



/* MAIN CONTENT */
#content { margin-bottom: 1.25em; max-width: 100%;} 
#content .container .row { margin-top: 3em; } 
#content h1 { margin-top: .25em; } 
div#search-row-panel { background-color: var(--polen-white); } 
#search-row-panel { margin-bottom: 1em; } 
#login-container { padding: 2em 0; min-height: calc(100vh - 636px); } 
.owl-carousel .item { background-color: white; }



/* 6. SEARCH RESULTS */

/* Results Table Base */
table#resultsTable #div-card-results, 
table#resultsTable .datasetResult,
table#resultsTable .dataverseResult,
table#resultsTable .fileResult { border: 1px solid; border-radius: 0.25em; padding-left: 5.5em; position: relative; min-height: 76px; } 
table#resultsTable > div { border-color: var(--polen-border-medium);  padding: 0.75em; } 

/* Results Table Logged In */
div#resultsTable #div-card-results, div#resultsTable #div-card-results > div:nth-of-type(n+11) { border: none !important; padding: 0 !important; }

div#resultsTable #div-card-results > div, 
div#resultsTable #div-card-results > div:nth-of-type(n+11) > div { background-color: #fff !important; border: 1px solid var(--polen-dark-grey) !important; border-radius: 0.25em; padding: 0.75em; padding-left: 5.5em !important; position: relative; min-height: 76px; } 

/* Dataset Results */
table#resultsTable .datasetResult { border-color: var(--polen-brand-light); } 
#resultsTable .icon-dataset,
.citation-block .preview-icon-block .icon-dataset { color: var(--polen-brand) !important; } 
.bg-citation { background-color: var(--polen-brand-subtle); } 
.bg-citation-file { background-color: #ededed;}

/* Dataverse Results */
table#resultsTable .dataverseResult { border-color: var(--polen-brand-sec); } 
#resultsTable .dataverseResult .icon-dataverse, 
#featuredDataversesList .item .icon-dataverse, 
#resultsTable #div-card-results .icon-dataverse, 
#dataverse-info-dropdown .dataverse-info-logo-icon .icon-dataverse { color: var(--polen-brand-sec); } 


/* File Results */
table#resultsTable .fileResult span.text-muted { color: var(--polen-dark-grey); } 

/* Preview Icons */
#resultsTable .card-preview-icon-block { width: 3.75em; height: 3.75em; position: absolute; top: 0.75em; left: 0.75em; } 
#resultsTable .resultDatasetCitationBlock { padding: .5em 1em; margin-left: 0; } 
.card-title-icon-block a span {  font-weight: bold; } 
div[id$="filesTable"] td.col-file-action .btn-group .btn-link { font-size: 1.5em !important; padding: 0px 8px !important; }
.btn.btn-link.bootstrap-button-tooltip span.glyphicon { margin-top: 0px !important; }

/* DATAVERSE HEADER */
#dataverse-header-block {  padding-top: 8em; } 
#dataverseHeader { background-color: none !important; } 
.dataverseHeaderBlock span {  display: none; } 
#dataverseHeader .dataverseHeaderName .dataverseHeaderDataverseName,
.ui-tabs .ui-tabs-nav.ui-widget-header li a {  color: var(--polen-dark-grey) !important; } 
#dataverseHeader .dataverseHeaderName .dataverseHeaderDataverseName h1 { font-size: 1.375em; line-height: 1.2; font-weight: bold; color: var(--polen-black); max-width: 51.25em; } 
#datasetCitationActionSummaryBlock { margin-top: 2em; } 



/* COMPONENTS & WIDGETS */

/* Forms */
#datasetForm, #dataverseForm { margin-bottom: 2em; } 

/* Tabs & Panels */
#contentTabs .ui-tabs .ui-tabs-panel, 
.ui-tabs .ui-tabs-panel { padding: 2em;  background: var(--polen-white); border: 1px solid var(--polen-border); border-top: none; } 


/* Metadata Table */
.metadata { margin: 0; } 
.metadata th,
.metadata td { border-bottom: 1px solid var(--polen-border); } 

/* Modals */
.modal-dialog { top: 3.125em; } 

/* Pagination */
ul.pagination { margin: 2em 0 1em !important; } 
.pagination > li > a,
.pagination > li > span {  color: var(--polen-brand); } 
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { background-color: var(--polen-brand);  border-color: var(--polen-brand); } 

/* Auto-complete */
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; } 



/* FOOTER */
footer { border-top: 1px solid var(--polen-border); margin-top: 2.5em; } 

/* Sponsor Grid */
footer .sponsor-grid { background-color: var(--polen-white);  color: var(--polen-black); } 
footer .sponsor-grid .grid { flex-wrap: wrap; align-items: center; gap: 2em; margin: 0 auto; } 

/* Footer Wrapper */
footer .footer-wrapper { background-color: var(--polen-black);  color: var(--polen-white); } 

/* Footer Middle */
.grid.logos, .footer-middle, .footer-bottom { max-width: 1170px; margin: 0 auto; }
.footer-middle, .grid.logos { padding: 4rem 0; }


/* Footer Links */
footer ul, footer .footer-bottom { display: flex; gap: 1.5rem; justify-content: space-between;}
footer ul { list-style: none;  padding: 0; margin: 0; } 
footer ul li { margin-bottom: 0.5em; } 

footer a { color: var(--polen-white); text-decoration: none; } 
footer a:hover {  color: var(--polen-white); text-decoration: underline; } 

.footer-bottom { padding: 2.5rem 0; border-top: 1px solid #595858;}


/* LOGGED IN */

#my_data_filter_column div.checkbox.facetSelected label, 
#my_data_filter_column div.checkbox label.facetSelected,
.ui-selectmanycheckbox label { font-weight: 400; }
/*#resultsTable #div-card-results > div { border: none !important; }*/
#dataverseUserForm:dataRelatedToMeView:myData .panel { border: none; }
div[id$="filesTable"] td.col-file-action .btn-group .btn-linkdiv[id$="filesTable"] td.col-file-action .btn-group .btn-link { font-size: 1.25em !important; }
#otherProviders a.ui-commandlink.ui-widget { text-decoration: none; }
#otherProviders a.ui-commandlink.ui-widget:hover { color: var(--polen-black); }


/* 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;}
}


@media only screen and (max-width: 768px) { 

/* Navbar Adjustments */
.navbar-header img.custom-logo { width: 10em !important; } 

#dataverseHeader .dataverseHeaderCell { display: block; }

.owl-carousel .owl-wrapper-outer { overflow-x: scroll; overflow-y: hidden; }

/*Footer */ 
footer .sponsor-grid { padding: 0 1em; }
footer .sponsor-grid .column { margin-bottom:1em; }
footer .sponsor-grid .column ul { justify-content: center; flex-direction: column;}
footer .footer-wrapper { padding: 1em; }    
.footer-middle ul { display: inline-table; gap: 1.5rem; flex-direction: column; justify-content: start; flex-wrap: wrap; text-align: center; }
.footer-middle ul li { display: inline-block; width: 50%; align-items: center; padding: 1em 2em; height: 100px; margin-bottom: 1em; }   
.footer-middle ul li:first-of-type { width: 100%; }
.footer-middle ul li a img { max-width: 100%; }
.footer-middle ul li:nth-child(2n) { border-right: 1px solid #595858; } 
.footer-bottom { text-align: center; flex-direction: column-reverse; }
.legal-nav ul { flex-direction: column; font-size: 1em; }

}