/* Load FontAwesome from CDN */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
/*---------------------//////////////////////////////////////////////////////////-----------------------*/
/*---------------------//////////////////////////////////////////////////////////-----------------------*/

body {
    font-family: 'Montserrat', sans-serif;
background-color: whitesmoke;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; /* Adjust as needed */
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

/*---------------------//////////////////////////////////////////////////////////-----------------------*/
/*---------------------//////////////////////////////////////////////////////////-----------------------*/

header.main-header{
  top: 0 !important;         /* defeats the inline style */
  position: fixed;          /* keep as the theme expects; or use fixed if you prefer */
}
.main-header hr {
    background-color: #dd0000;
    margin-bottom: 0;
    height: 2px;
}
.main-header__main-bar {
max-width: 100%;
}
.main-header__site-title img {
    max-height: 100px;
    width: auto;
}
@media (min-width: 1024px) {
   .main-header__site-title img {
    max-height: 120px;
    width: auto;
}}
.banner__heading {
    padding: 10px;
    background-color: #dd0000;
}
.banner__description {
    font-style: italic;
    text-decoration: underline;
    text-decoration-color: #dd0101;
}

#search-toggle {
    color: rgb(142, 0, 0);
    font-size: 1.1rem;
    margin: 30px 30px 2.1rem;
}

.main-header__top-bar {
    position: absolute;
    top: 125px !important; /* Adjust based on header height */
    left: 0;
    max-width: 100%;
    z-index: 999;
    display: none;  /*Hide by default */
    background-color: rgba(255, 255, 255, 0.9); /* Optional: semi-transparent */
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
    .main-header__search-form form {
        width: 100%;
    }
    .main-header__top-bar {
    top: 105px !important; /* Adjust based on header height */
}
}
.main-header__search-form form {
        width: 100%;
    }
.main-header__advanced-search {
        margin-left: 20px;
}
/*---------------------//////////////////////////////////////////////////////////-----------------------*/
/*---------------------//////////////////////////////////////////////////////////-----------------------*/

.main-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Parent navigation container */
.main-navigation__container ul {
  position: relative; /* Keep the parent as-is */
}
.main-navigation .navigation > li > ul {
  width: auto; /* Adjust width automatically based on content */
  min-width: max-content; /* Ensure it is at least as wide as the largest link */
  max-width: 300px; /* Optional: Limit maximum width if needed */
  /*background-color: #ffffff;  White background for better contrast */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Add shadow for better visibility */
  border: 1px solid #b21f24; /* Thin border to match theme */
  border-radius: 4px; /* Rounded corners */
  padding: 5px 0; /* Add vertical padding */
  position: absolute; /* Position dropdown correctly */
  left: 0; /* Align dropdown to the left of parent */
  top: 75%; /* Place below the parent link */
  z-index: 1000; /* Ensure dropdown appears above other elements */
  display: none; /* Hide initially */
  opacity: 0; /* Hidden for transition */
  visibility: hidden; /* Prevent interaction when hidden */
  transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth fade-in */
flex-direction: column; /* Stack child items vertically */
background-color: #8e0000;    
}
/* Show dropdown on hover */
.main-navigation__container ul li:hover > ul {
  display: block; /* Display dropdown , before flex*/
  opacity: 1; /* Fully visible */
  visibility: visible;
}
/* Style dropdown items */
.main-navigation__container ul li ul li {
  width: 100%; /* Full width for dropdown items */
  padding: 8px 10px; /* Adjust padding for better click area */
  text-align: left; /* Align text left */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
}

/* Dropdown links */
.main-navigation__container ul li ul li a {
display: block;
  color: #333; /* Dark text for readability */
  text-decoration: none; /* Remove underline */
  font-size: 14px; /* Slightly smaller text */
}

/* Align the dropdown closer to the parent navigation */
.main-navigation__container ul li {
  position: relative; /* Ensure dropdown stays aligned */
}

/* Fix excess red on the right */
.main-navigation__container ul li ul {
  margin-right: auto; /* Align to parent’s width */
  margin-left: auto; /* Center align the dropdown */
}

.main-navigation .navigation > li > a[href="#"] {
  text-transform: none; /* Disable uppercase if needed */
  padding-left: 5px; /* Adjust spacing if necessary */
}

.menu-drawer {
    background-color: #8e0000;
}

/*---------------------//////////////////////////////////////////////////////////-----------------------*/
/*---------------------//////////////////////////////////////////////////////////-----------------------*/

.main-footer__top {
    background-color: #353030;
}
.main-footer__bottom {
    background-color: #8e0000;
    padding: 0;
}

@media (min-width: 1024px) {
    .all-columns.menu-depth-2 .main-footer__col1, .all-columns.menu-depth-2 .main-footer__col3 {
        max-width: 40%;
    }
}

@media (min-width: 768px) {
    .main-footer__col2 .navigation>li {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .main-footer__col2 .navigation {
        flex-direction: column;
        text-align: left;
    }
}

.main-footer__col2 .navigation {
    display: block;
    align-self: center;
    flex-direction: column;
    gap: 5px !important;
}

/* Reserve space in col3 so the logo doesn't overlap lines */
.main-footer__col3 { position: relative; padding-bottom: 72px; }

/* Position the moved logo */
.footer-logo-wrap { position: absolute; right: 0; bottom: -77px; }
.footer-logo-link { display: inline-block; line-height: 0; opacity: .95; transition: opacity .2s ease, transform .2s ease; }
.footer-logo-link:hover { opacity: 1; transform: translateY(-2px); }
.footer-logo-wrap img.footer-logo-img,
.footer-logo-wrap img { max-width: 120px; height: auto; filter: brightness(0) invert(1); }

/* If the theme left an empty logo holder, neutralize its space */
.main-footer .footer-logo,
.main-footer .site-footer__logo { min-height: 0 !important; }

/* Responsive: let it flow under content on small screens */
@media (max-width: 1023.98px) {
  .main-footer__col3 { padding-bottom: 0; }
   .footer-logo-wrap {
    position: static !important;
    margin-top: 1.5rem;
    text-align: center !important;   /* Center horizontally */
    width: 100%;
  }
  .footer-logo-link {
    display: inline-block;
  }
  .footer-logo-wrap img {
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  .footer-logo-wrap img { max-width: 90px; }
}

/* Your existing footer palette */
.main-footer__top    { background-color: #353030; }
.main-footer__bottom { background-color: #8e0000; padding: 0; }

/* Your column/link refinements */
.main-footer__col2 .navigation { display: flex; flex-direction: column; align-self: center; }
@media (min-width: 768px) {
  .main-footer__col2 .navigation > li { max-width: 100%; }
  .main-footer__col2 .navigation { text-align: left; }
}
@media (min-width: 1024px) {
  .all-columns.menu-depth-2 .main-footer__col1,
  .all-columns.menu-depth-2 .main-footer__col3 { max-width: 40%; }
}

/* Nice contrast + spacing */
.main-footer h3, .main-footer .block-title { font-size: .95rem; margin-bottom: .75rem; color: #fff; opacity: .9; }
.main-footer a { color: #e9e4e4; text-decoration: none; }
.main-footer a:hover { color: #fff; text-decoration: underline; }
.main-footer__col1 p { max-width: 60ch; line-height: 1.5; color: #ddd; }



/*---------------------//////////////////////////////////////////////////////////-----------------------*/
/*---------------------//////////////////////////////////////////////////////////-----------------------*/
#metadata-browse-properties .field.delete {
    background-color: #fcc;
}

#metadata-browse-properties .collapse + .collapsible {
    margin-top: .5em;
}

#metadata-browse-properties .restore-property {
    display: none;
}

a.metadata-browse-link {
    font-size: 75%;
    display: block !important;
}

.uv {
    height: 80vh; /* 80% of the viewport height */
}