@import url('./vars.css');
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        HEADER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
header,
.footer {
  /* background-color: #0d57aa;  more of a royal blue */
  /* another one? #407ec9 */
  background-color: var(--light-blue); 
  color: var(--um-blue);
}
header a,
.footer a {
  color: var(--um-blue);
}
/* UTILITY & FOOTER NAV */
#menu-utility-nav li a,
#menu-footer-menu li a {
  color: var(--um-blue);
  padding: .25rem .25rem 0 .25rem;
  font-weight: 700;
}
header .title a:hover,
#menu-utility-nav a:hover,
#menu-footer-menu a:hover {
  background-color: var(--white);
}
/* MAIN MENU */
#header-menu .marsal-header-menu.responsive .hamburger-header h3 {
  color: var(--white);
}
#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 li:hover,
#header-menu li.current-menu-item,
#header-menu li.current-page-ancestor,
#header-menu li.current_page_ancestor {
  background-color: var(--um-blue);
  color: var(--white);
}
#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:after,
#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(--white);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        FOOTER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer a,
footer .copyright {
  font-weight: 700;
}
footer .copyright a:hover {
  background-color: var(--white)
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        CONTENT  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* details/accordion */
details summary {
  background-color: var(--light-blue);
}
details:hover summary {
  background-color: var(--pale-blue);
}
details[open] summary {
  padding-bottom: 1rem;
  background-color: var(--pale-blue);
}
/* code block */
.content pre.wp-block-code {
  background-color: var(--grey-blue);
  color: var(--um-blue);
  font-weight: 600;
}
/* homepage title and description */
body.home .content .featured-image .full-width-title {
  background-color: rgba(133,190,255, .85);
  color: var(--um-blue);
}
body.home .content .full-width-title .postTitle {
  color: var(--um-blue);
}
/* block quotes */
.content blockquote {
  background-color: var(--pale-blue);
  border-color: var(--matte-blue);
  color: var(--um-blue);
  border-width: 10px;
}
figure.wp-block-pullquote {
  padding: 2rem 0;
  color: var(--um-blue);
}
.wp-block-preformatted,
.wp-block-verse {
  background-color: var(--pale-blue);
}
#content-area a {
  --initialBgColor: transparent;
  /* padding: .25rem; */
  color: var(--royal-blue);
  background-image: linear-gradient(90deg,
      var(--initialBgColor) 0%,
      var(--initialBgColor) 50%,
      var(--um-blue) 50%,
      var(--um-blue) 100%);
  background-size: 200%;
  transition: background-position .3s cubic-bezier(.47, .1, 1, .63),
    color .2s linear;
  transition-delay: 0.0s, 0.15s;
}
#content-area .wp-block-button .wp-block-button__link,
#content-area .wp-block-button.is-style-fill .wp-block-button__link {
  background-color: var(--royal-blue);
  color: var(--white);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        SIDEBAR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content-area .advanced-sidebar-menu ul li.current-menu-item > a,
#content-area .advanced-sidebar-menu ul li.current-menu-ancestor > a {
  background-color: var(--um-blue);
  color: var(--white);
}
#content-area a:hover,
#content-area .advanced-sidebar-menu ul li a:hover {
  color: var(--white);
}

/* NEWS */
.news-single .news-title {
  background-color: var(--grey-blue);
}
.news-single .news-title .postTitle {
  color: var(--um-blue);
}
/* EVENTS */
#marsal-events-archive .event-item .event-top, 
.event-single .event-details .event-top {
  background-color: var(--light-blue);
  color: var(--um-blue);
}
#marsal-events-archive .event-item .event-desc .event-title a {
  color: var(--royal-blue);
  background-image: linear-gradient(90deg, var(--initialBgColor) 0%, var(--initialBgColor) 50%, var(--royal-blue) 50%, var(--royal-blue) 100%);
}
.event-single .event-details .event-top h3 {
  color: var(--um-blue);
}
.event-single .event-details .event-desc h4 {
  color: var(--royal-blue);
}
/* PEOPLE */
li.person .featured-image.no-image {
  border-color: var(--light-blue);
}
#content-area li.person .featured-image.no-image a {
  color: var(--light-blue)
}
li.person a.name {
  background-color: var(--light-blue);
  color: var(--um-blue) !important;
}
li.person a.name:hover,
#content-area li.person .featured-image.no-image a:hover {
  color: var(--white) !important;
}
/* PAGINATION */
.page-numbers li span.current {
  background-color: var(--um-blue);
  color: var(--white);
}