.h1.pagetitle {
  color: #D4731C;
}

h4.black {
  background-color: #000000;
  padding: 5px;
  color: #ffffff;
}

h4.gray {
  background-color: #F5F5F5;
  padding: 5px;
}



/* ==========================================================================
   Exposed filter block — Select Measurement Tools
   ========================================================================== */

/* tfal wraps this block in several flex containers. Flatten them. */
.views-exposed-form,
.views-exposed-form .exposed-filters-wrapper,
.views-exposed-form form,
.views-exposed-form .form--inline,
.views-exposed-form .fieldset-wrapper,
.views-exposed-form .form-checkboxes,
.views-exposed-form .bef-checkboxes,
.views-exposed-form fieldset {
  display: block;
  width: 100%;
  align-items: flex-start;
  align-self: stretch;
}

/* Filter groups. */
.views-exposed-form fieldset {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
}

/* Full-width grey heading bar. */
.views-exposed-form fieldset > legend {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 10px;
  padding: 6px 10px;
  background: #F5F5F5;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
}

.views-exposed-form .fieldset-wrapper {
  clear: both;
}
/* Theme centers exposed filter blocks; we want them left-aligned. */
.views-exposed-form[class*="block-views-exposed-filter-"] .form--inline {
  text-align: left;
}
/* One option per line. */
.views-exposed-form .bef-checkboxes .form-item.form-type-checkbox {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  margin: 0 0 10px;
  text-align: left;
}

/* Exposed filter buttons + helper text. */
.views-exposed-form[class*="block-views-exposed-filter-"] .form-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 1.5rem 0 0;
}

.views-exposed-form[class*="block-views-exposed-filter-"] .form-actions .pills {
  flex: 0 0 100%;
  order: 0;
  display: block;
}

.views-exposed-form[class*="block-views-exposed-filter-"] .form-actions .form-submit {
  order: 2;
}

.views-exposed-form[class*="block-views-exposed-filter-"] .form-actions .form-submit[name="reset"] {
  order: 1;
}

/* Buttons. */
.views-exposed-form .form-actions {
  display: block;
  margin-top: 20px;
  text-align: left;
}

/* fix menu overlap */
/* Theme pulls the dropdown up 27px, which overlaps the parent link when the
   navigation is overlaid on a banner. */
@media (min-width: 992px) {
  .sticky--scroll-top .menu--main .nav-item > .dropdown-menu,
  .sticky--scroll-top .menu--main-navigation-global-institute .nav-item > .dropdown-menu {
    margin-top: -10px !important;
  }
}

a.navbar-brand.fw-bolder {
    font-family: "Montserrat", sans-serif !important;
}

@media (max-width: 991.98px) {
  .navbar-brand-wrapper .navbar-brand {
    white-space: normal;
    min-width: 0;
    flex: 1 1 auto;
    line-height: 1.2;
    margin-right: 1rem;
    text-wrap: balance;
  }
  .navbar-brand-wrapper .navbar-toggler {
    flex-shrink: 0;
  }
}

@media (max-width: 991.98px) {
  .view-select-toolkits .view-content,
  .view-select-resources .view-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* footer links */
/* Tighten footer menu line spacing. */
.footer .footer-top ul {
  margin-bottom: 0;
}

.footer .footer-top li {
  margin-bottom: 0;
  line-height: 1;
}

.footer .footer-top li a {
  display: block;
  padding: 3px 0;
  color: white;
}
/* Footer menus: even spacing regardless of which region they land in. */
.footer .footer-top ul.nav {
  gap: 0.35rem !important;
}
/* Spread footer columns across the full width so the last sits flush right. */

/* Footer menus: tighten the item gap. */
.footer .footer-top .navbar-nav.gap-3 {
  gap: 0.35rem !important;
}

/* Push only the last footer column to the right edge. */
.footer .footer-top.row > *:last-child {
  margin-left: auto;
}

/*oursiites header */
h2#block-global-institute-footer-menu,
h2#block-global-institute-footer2-menu,
h2#block-global-institute-oursites-menu {
    font-size: 1rem;
    padding: 0 0 .3rem;
    line-height: 1;
    color:#DB994F;
}

/* Gold divider in the footer. */
hr.border-gold.my-3.my-lg-5 {
  color: #DB994F;
  opacity: 1;
}

/* Make the privacy link read as a link. */
.footer .footer-bottom a {
  text-decoration: underline;
}