/* Screen widths */
/* OCLA colors */
/* Site Colors */
.grad-blue {
  background: radial-gradient(58.17% 198.5% at 0% 0%, #0A141F 0%, #15273E 100%);
}
.grad-blue-reverse {
  background: linear-gradient(297deg, #0A141F 0%, #15273E 100%);
}
.grad-green {
  background: linear-gradient(115.93deg, #03332C 29.87%, #011F1A 80.81%);
}
.grad-overlay {
  background: linear-gradient(177.23deg, #101D2EE5 2.52%, #1B304D00 97.98%);
}
.grad-border {
  border-color: #03332C;
  border-image-source: linear-gradient(1deg, #026851 15%, #007b5f 85%);
  border-image-slice: 1;
}
.overlay-green {
  background: #011F1AD5;
}
.overlay-blue {
  background: #101D2EE5;
}
.blur {
  backdrop-filter: blur(23.70000076px);
}
.shadow {
  -webkit-box-shadow: 0px 12px 24px 0px #00000040;
  -moz-box-shadow: 0px 12px 24px 0px #00000040;
  box-shadow: 0px 12px 24px 0px #00000040;
}
.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sans3 {
  font-family: 'Source Sans 3', serif;
  font-weight: 400;
  font-style: normal;
}
.merriweather {
  font-family: "Merriweather", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.rosario {
  font-family: "Rosario", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
h1,
.h1 {
  font-family: 'Source Sans 3', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4rem;
  color: #15273E;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 3.5rem;
  }
}
h2,
.h2 {
  font-family: 'Source Sans 3', serif;
  font-family: "Merriweather", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.2rem;
  color: #15273E;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  h2,
  .h2 {
    font-size: 3rem;
  }
}
h3,
.h3 {
  font-family: 'Source Sans 3', serif;
  font-family: "Rosario", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  color: #1B1B1B;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  h3,
  .h3 {
    font-size: 2.4rem;
  }
}
h4,
.h4 {
  font-family: 'Source Sans 3', serif;
  font-family: "Rosario", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2.4rem;
  color: #1B1B1B;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  h4,
  .h4 {
    font-size: 2.2rem;
  }
}
.text-lg {
  font-size: 2.2rem;
  line-height: 1.5;
}
.text-md {
  font-size: 2rem;
  line-height: 1.5;
}
.text-sm {
  font-size: 1.6rem;
  line-height: 1.5;
}
.text-xs {
  font-size: 1.2rem;
  line-height: 1.5;
}
.focus-ring {
  /* inner indicator */
  outline: 2px #78CFBA solid;
  outline-offset: 2px !important;
  /* outer indicator */
  box-shadow: 0 0 0 4px #082f52;
}
.no-focus {
  outline: 0;
  box-shadow: none;
}
#utility-nav {
  margin-top: 4px;
}
#utility-nav ul li:not(:last-child) {
  border-right: solid 1px #DFE1E2;
}
#utility-nav ul li a {
  font-size: 1.6rem;
  color: #082f52 !important;
}
#utility-nav ul li a:after {
  display: none;
}
#utility-nav ul li a:hover,
#utility-nav ul li a:focus {
  background-color: transparent;
  color: #0C3D67 !important;
}
#utility-nav ul li a .material-icons {
  font-size: 1.6rem;
  position: relative;
  line-height: 0;
  top: 4px;
}
#header {
  border-top: 0;
}
#header .header-overlay {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 100;
}
@media screen and (max-width: 1199px) {
  #header .header-overlay {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  #header .header-overlay {
    padding-bottom: 20px;
  }
}
#header #pmenu-toggle {
  border: 0;
  background-color: transparent;
  height: 100%;
  color: #15273E;
  padding: 0 1.6rem;
  position: relative;
  text-align: end;
  width: fit-content;
  align-self: flex-end;
  font-size: 2rem;
}
#header #pmenu-toggle::before {
  content: "\f0c9";
  font-family: 'Font Awesome 6 Pro';
}
@media (max-width: 991px) {
  #header .hrside {
    position: absolute;
    right: 0;
    height: 100%;
  }
}
.horizontal-menu a {
  color: #082f52;
  font-weight: 700;
  font-size: 1.6rem;
}
.horizontal-menu a:hover {
  background-color: #0368c0;
}
.horizontal-menu .sub-nav {
  background-color: #0368c0;
}
.banner-header-text {
  font-family: 'Public Sans', sans-serif;
  font-size: 1.3rem;
}
.banner button.accordion-button {
  font-family: 'Public Sans', sans-serif;
  color: #0C3D67;
  box-shadow: none;
  font-size: 1.3rem;
}
.nav-outer-wrapper {
  background-color: #2c335e !important;
}
#block-mainnavigation li,
#block-drupalbase-custom-mainnavigation-2 li {
  position: relative;
}
#block-mainnavigation li a.nav-link,
#block-drupalbase-custom-mainnavigation-2 li a.nav-link,
#block-mainnavigation li button.nav-link,
#block-drupalbase-custom-mainnavigation-2 li button.nav-link {
  color: #FFFFFF !important;
  font-size: 2rem;
  line-height: 1.5;
  outline-offset: 0;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
  background-color: transparent;
  transition: 0.3s ease;
  border: none;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
#block-mainnavigation li a.nav-link:after,
#block-drupalbase-custom-mainnavigation-2 li a.nav-link:after,
#block-mainnavigation li button.nav-link:after,
#block-drupalbase-custom-mainnavigation-2 li button.nav-link:after {
  display: none;
}
#block-mainnavigation li a.nav-link .fa-solid,
#block-drupalbase-custom-mainnavigation-2 li a.nav-link .fa-solid,
#block-mainnavigation li button.nav-link .fa-solid,
#block-drupalbase-custom-mainnavigation-2 li button.nav-link .fa-solid {
  font-size: 1.5rem;
  padding-left: 3px;
}
@media (min-width: 992px) {
  #block-mainnavigation li a.nav-link.active-trail:before,
  #block-drupalbase-custom-mainnavigation-2 li a.nav-link.active-trail:before,
  #block-mainnavigation li button.nav-link.active-trail:before,
  #block-drupalbase-custom-mainnavigation-2 li button.nav-link.active-trail:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
#block-mainnavigation li a.nav-link:focus,
#block-drupalbase-custom-mainnavigation-2 li a.nav-link:focus,
#block-mainnavigation li button.nav-link:focus,
#block-drupalbase-custom-mainnavigation-2 li button.nav-link:focus,
#block-mainnavigation li a.nav-link:hover,
#block-drupalbase-custom-mainnavigation-2 li a.nav-link:hover,
#block-mainnavigation li button.nav-link:hover,
#block-drupalbase-custom-mainnavigation-2 li button.nav-link:hover,
#block-mainnavigation li a.nav-link.show,
#block-drupalbase-custom-mainnavigation-2 li a.nav-link.show,
#block-mainnavigation li button.nav-link.show,
#block-drupalbase-custom-mainnavigation-2 li button.nav-link.show {
  background-color: #e3a769;
  color: #2c335e !important;
}
#block-mainnavigation li a.nav-link em.material-icons,
#block-drupalbase-custom-mainnavigation-2 li a.nav-link em.material-icons,
#block-mainnavigation li button.nav-link em.material-icons,
#block-drupalbase-custom-mainnavigation-2 li button.nav-link em.material-icons {
  position: relative;
  top: 3px;
  font-size: 1.4rem;
  line-height: 0;
}
#block-mainnavigation li a.nav-link.show em.material-icons,
#block-drupalbase-custom-mainnavigation-2 li a.nav-link.show em.material-icons,
#block-mainnavigation li button.nav-link.show em.material-icons,
#block-drupalbase-custom-mainnavigation-2 li button.nav-link.show em.material-icons {
  transform: rotate(180deg);
}
#block-mainnavigation li .borderbox,
#block-drupalbase-custom-mainnavigation-2 li .borderbox {
  display: none;
}
.navbar-collapse .dropdown-menu {
  background-color: #FFFFFF;
  border: 0;
  padding: 1.6rem;
  color: #15273E;
  border-radius: 0;
  margin-top: 7px;
}
.navbar-collapse .dropdown-menu.show .grid {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.5rem;
  min-width: 100%;
  text-decoration: none;
}
.navbar-collapse .dropdown-menu a {
  text-decoration: underline;
  color: #15273E !important;
  font-size: 1.5rem;
}
.navbar-collapse .dropdown-menu a:hover {
  color: #bd5528 !important;
}
.navbar-collapse .dropdown-menu .fw-bold {
  font-weight: 500 !important;
  font-size: 1.7rem;
}
.navbar-collapse .dropdown-menu .dropdown-item {
  color: #15273E !important;
  white-space: normal;
  background-color: transparent;
}
.navbar-collapse .dropdown-menu .dropdown-item.more-link {
  border: 2px solid #1B1B1B !important;
  border-radius: 0.25rem;
  text-decoration: none;
}
.navbar-collapse .dropdown-menu .dropdown-item.more-link:hover,
.navbar-collapse .dropdown-menu .dropdown-item.more-link:focus {
  border-color: #03332C;
}
.navbar-collapse .dropdown-menu .dropdown-item:hover,
.navbar-collapse .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
}
#block-drupalbase-custom-mainnavigation-2 ul {
  flex-direction: column;
}
#block-mainnavigation .grid-one {
  grid-row: 1;
}
@media (max-width: 991px) {
  body.pmenu-open #primary-nav-bg {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1;
  }
  #mainnav {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 90%;
    z-index: 2;
    background-color: #fff;
    overflow-y: auto;
  }
  #mainnav #pnav-close {
    border: 0;
    background-color: transparent;
    text-align: right;
    margin-bottom: 1.6rem;
  }
  #mainnav #pnav-close fa-solid {
    font-weight: 500;
    font-size: 2.5rem;
    color: #467e8b;
  }
  #mainnav .dropdown-menu.show {
    display: block !important;
    width: 100% !important;
    background-color: transparent !important;
    box-shadow: none;
    position: relative;
    grid-gap: 1.1rem;
  }
  #mainnav .dropdown-menu.show .dropdown-item {
    color: #467e8b !important;
    text-decoration: none;
  }
  #mainnav li {
    border-bottom: 1pt solid #ddd;
  }
  #mainnav li button.nav-link {
    color: #467e8b !important;
  }
  #mainnav li button.nav-link:hover {
    background-color: transparent;
  }
  #mainnav li button.nav-link .fa-chevron-down {
    display: none;
  }
  #mainnav ul.umenu {
    display: block;
    list-style: none;
    padding: 0;
  }
  #mainnav ul.umenu li {
    margin-bottom: 0.8rem;
  }
  #mainnav ul.umenu li a {
    font-weight: 400;
    background-color: transparent !important;
    color: #2c335e !important;
  }
  #mainnav ul.umenu > ul.navbar-nav > li a.nav-link {
    color: #5C5C5C !important;
    border-top: 1px solid #A9AEB1;
    border-bottom: 1px solid #A9AEB1;
  }
  #mainnav ul.umenu > ul.navbar-nav > li a.nav-link.show,
  #mainnav ul.umenu > ul.navbar-nav > li a.nav-link:focus,
  #mainnav ul.umenu > ul.navbar-nav > li a.nav-link:hover {
    background-color: transparent !important;
    color: #0368c0 !important;
    border-left: 4px solid #0368c0;
  }
  #mainnav ul.umenu > ul.navbar-nav > li .material-icons {
    display: none;
  }
}
/** Sidebar navigation **/
.sidebar .border-end {
  border-right: 0 !important;
}
@media (max-width: 768px) {
  .sidebar .border-end {
    border-right: 0 !important;
  }
}
.sidebar nav#block-mainnavigation-2 {
  background: #f1fbfe;
  padding: 20px;
  margin-right: 10px;
}
.sidebar nav#block-mainnavigation-2 .menu-heading {
  font-size: 2.2rem !important;
  margin: 0 0 1.2rem;
}
.sidebar nav#block-mainnavigation-2 .menu-heading a {
  width: 100%;
  font-size: 2.2rem;
  font-weight: 600;
  display: block;
  text-decoration: none;
}
.sidebar nav#block-mainnavigation-2 .menu-heading a:hover {
  text-decoration: none;
}
.sidebar nav#sidenavigation-menu .list-group {
  background-color: transparent !important;
}
.sidebar nav#sidenavigation-menu .list-group:last-child {
  border-bottom: 1px solid #d3d5dd;
}
.sidebar nav#sidenavigation-menu .list-group-item {
  background-color: transparent;
  border-top: 1px solid #d3d5dd;
  border-bottom: 0;
  padding: 0;
}
.sidebar nav#sidenavigation-menu .list-group-item a {
  border-left: 4px solid transparent;
  padding: 8px 16px;
  font-size: 1.7rem;
  font-weight: 500;
  text-decoration: none;
}
.sidebar nav#sidenavigation-menu .list-group-item a:hover,
.sidebar nav#sidenavigation-menu .list-group-item a:focus {
  border-color: #03332C;
  border-image-source: linear-gradient(1deg, #026851 15%, #007b5f 85%);
  border-image-slice: 1;
  text-decoration: none;
}
.sidebar nav#sidenavigation-menu .list-group-item.active-trail > a {
  border-left-color: #467e8b;
}
.sidebar nav#sidenavigation-menu .list-group-item .dropdown-menu {
  background-color: transparent;
  margin-left: 10px;
}
.sidebar nav#sidenavigation-menu .list-group-item .dropdown-menu li {
  background-color: transparent;
  border-top: 1px solid #d3d5dd;
  border-bottom: 0;
  padding: 0;
  margin-left: 10px;
}
.sidebar nav#sidenavigation-menu .list-group-item .dropdown-menu li a {
  border-left: 4px solid transparent;
  font-size: 1.6rem;
  padding: 8px 16px;
  display: block;
}
.sidebar nav#sidenavigation-menu .list-group-item .dropdown-menu li.active-trail > a {
  border-left-color: #467e8b;
}
.sidebar nav#sidenavigation-menu .list-group-item .dropdown-menu li:hover > a,
.sidebar nav#sidenavigation-menu .list-group-item .dropdown-menu li:focus-within > a {
  border-color: #03332C;
  border-image-source: linear-gradient(1deg, #026851 15%, #007b5f 85%);
  border-image-slice: 1;
}
@media screen and (max-width: 767px) {
  .sidebar nav#sidenavigation-menu .accordion-header .accordion-button {
    font-size: 2rem;
    font-weight: 500;
  }
  .sidebar nav#sidenavigation-menu .accordion-header .accordion-button:hover,
  .sidebar nav#sidenavigation-menu .accordion-header .accordion-button:focus {
    text-decoration: none;
  }
}
@media (min-width: 768px) {
  .sidebar nav#sidenavigation-menu .accordion .accordion-item {
    margin-top: 0;
  }
  .sidebar nav#sidenavigation-menu .accordion .accordion-item .accordion-header {
    display: none;
  }
  .sidebar nav#sidenavigation-menu .accordion .accordion-item .accordion-collapse {
    display: block;
    border: 0;
    padding: 0;
  }
}
body {
  /* Breadcrumb Navigation */
}
body .breadcrumb {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
}
.nav-border-top {
  background: #0368c0;
  display: block;
  width: 100%;
  height: 2px;
}
/* Footer Navigation */
footer.site-footer .wrapper-footer-top {
  background-color: #E6EBEA;
}
footer.site-footer .wrapper-footer-top h2 {
  font-family: 'Source Sans 3', serif;
  font-family: "Rosario", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  color: #1B1B1B;
  line-height: 1.5;
  color: #1B1B1B !important;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  footer.site-footer .wrapper-footer-top h2 {
    font-size: 2.4rem;
  }
}
footer.site-footer .wrapper-footer-top .content {
  font-size: 1.6rem;
  color: #1B1B1B;
}
footer.site-footer .wrapper-footer-top .content ul {
  list-style: none;
  padding-left: 0;
}
footer.site-footer .wrapper-footer-top .content ul li {
  margin-bottom: 10px;
}
footer.site-footer .wrapper-footer-top .content ul li a {
  color: #1B1B1B;
}
footer.site-footer .wrapper-footer-top .content img {
  position: absolute;
  bottom: 0;
  right: 0;
}
footer.site-footer .wrapper-footer-bottom {
  background-color: #15273E;
  color: #FFFFFF;
}
footer.site-footer .block {
  margin: 0;
  padding: 0;
}
body footer.site-footer .wrapper-footer-bottom p {
  text-align: inherit;
}
.site-footer .content a,
.site-footer .content a.is-active {
  color: #0C3D67 !important;
}
.wrapper-footer-bottom .region-footer-bottom .content a,
.wrapper-footer-bottom .region-footer-bottom .content a.is-active {
  color: #fcfcfc !important;
  text-decoration: underline;
}
.wrapper-footer-bottom .region-footer-bottom .content a:hover,
.wrapper-footer-bottom .region-footer-bottom .content a.is-active:hover,
.wrapper-footer-bottom .region-footer-bottom .content a:focus,
.wrapper-footer-bottom .region-footer-bottom .content a.is-active:focus {
  color: #fcfcfc !important;
  text-decoration: none;
}