@import url('./vars.css');
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        HEADER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
header,
.footer  {
  background-color: var(--um-blue);
  color: var(--white);
}
header a,
.footer a {
  color: var(--maize);
}
/* UTILITY NAV */
#menu-utility-nav li a {
  color: var(--maize);
}
header .title a:hover,
#menu-utility-nav a:hover,
#menu-footer-menu a:hover {
  color: var(--white);
}
/* MAIN MENU */
#header-menu .marsal-header-menu.responsive .hamburger-header h3 {
  color: var(--maize);
}
#header-menu,
#header-menu .marsal-header-menu li.menu-item-has-children > ul.sub-menu {
  background-color: var(--royal-blue);
}
#header-menu .marsal-header-menu:not(.responsive) li, 
#header-menu .marsal-header-menu:not(.responsive) li:last-child {
  border-color: var(--um-blue);
}
#header-menu li a {
  color: var(--white);
}
#header-menu .marsal-header-menu:not(.responsive) li:hover,
#header-menu .marsal-header-menu:not(.responsive) li.current-menu-item,
#header-menu .marsal-header-menu:not(.responsive) li.current-page-ancestor,
#header-menu .marsal-header-menu:not(.responsive) li.current_page_ancestor,
#header-menu .marsal-header-menu.responsive li:hover > a,
#header-menu .marsal-header-menu.responsive li.current-menu-item > a,
#header-menu .marsal-header-menu.responsive li.current-page-ancestor > a,
#header-menu .marsal-header-menu.responsive li.current_page_ancestor > a {
  background-color: var(--maize);
}
#header-menu li:hover > a,
#header-menu li.current-menu-item > a,
#header-menu li.current-page-ancestor > a,
#header-menu li.current_page_ancestor > a,
#header-menu li.menu-item-has-children:hover:after,
#header-menu li.menu-item-has-children:hover i,
#header-menu li.menu-item-has-children.current-menu-item:after,
#header-menu li.menu-item-has-children.current-page-ancestor:after, 
#header-menu li.menu-item-has-children.current_page_ancestor:after  {
  background-color: transparent;
  color: var(--um-blue);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        SIDEBAR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wp-block-advanced-sidebar-menu-pages > ul {
  background-color: rgba(var(--RGB-matte-blue), .35);
}
#content-area .wp-block-advanced-sidebar-menu-pages ul li a {
  color: var(--um-blue);
  background-image: linear-gradient(90deg,
      var(--initialBgColor) 0%,
      var(--initialBgColor) 50%,
      var(--royal-blue) 50%,
      var(--royal-blue) 100%);
}
#content-area .wp-block-advanced-sidebar-menu-pages ul li a:hover,
#content-area .wp-block-advanced-sidebar-menu-pages ul li.current-menu-item > a,
#content-area .wp-block-advanced-sidebar-menu-pages ul li.current-menu-ancestor > a {
  color: var(--white);
  /* background-color: var(--royal-blue); */
}
#content-area .wp-block-button .wp-block-button__link,
#content-area .wp-block-button.is-style-fill .wp-block-button__link {
  background-color: var(--um-blue);
  color: var(--white);
}
#content-area .wp-block-button .wp-block-button__link:hover,
#content-area .wp-block-button.is-style-fill .wp-block-button__link:hover {
  color: var(--um-blue);
}
/* PAGINATION */
.page-numbers li span.current {
  background-color: var(--maize);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        FOOTER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer a:hover {
  color: var(--white);
}
footer a:hover span {
  border-bottom-color: var(--white);
}
/* FOOTER MENU */