@import url('./vars.css');
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        HEADER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
header,
.footer {
  background-color: var(--light-grey); 
  color: var(--black);
}
header a,
.footer a {
  color: var(--black);
}
body:not(.home, .page-template-page-full-width.has-featured-image) header {
  box-shadow: rgba(51,51,51,0.38) 0px 7px 14px;
}
/* UTILITY NAV */
#menu-utility-nav li a,
#menu-footer-menu li a {
  color: var(--black);
  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(--royal-blue);
  color: var(--white)
}
/* search box */
.search-box {
  border: solid 1px var(--um-blue);
}
/* MAIN MENU */
#header-menu {
  border-top: solid 1px var(--um-blue);
  border-bottom: solid 1px var(--um-blue);
}
#header-menu .marsal-header-menu.responsive .hamburger-header h3 {
  color: var(--black);
}
#header-menu li a {
  color: var(--black);
}
#header-menu .marsal-header-menu li.menu-item-has-children > ul.sub-menu {
  background-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(--grey-blue);
}
#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(--black);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        HOMEPAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body.home .content .featured-image .full-width-title,
body.page-template-page-full-width .content .full-width-title .postTitle {
  background-color: rgba(255,255,255,.70);
  color: var(--black);
}
body.home.page-template-page-full-width .content .full-width-title .postTitle {
  background-color: transparent;
}
body.page-template-page-full-width .content .full-width-title .postTitle, 
body.home .content .full-width-title .postTitle {
  color: var(--black);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      CONTENT AREA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content-area a {
  font-weight: 700;
  --initialBgColor: transparent;
  color: var(--black);
  text-decoration: underline;
  background-image: linear-gradient(90deg,
      var(--initialBgColor) 0%,
      var(--initialBgColor) 50%,
      var(--royal-blue) 50%,
      var(--royal-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 a:hover {
  color: var(--white);
  background-position: -100% 100%;
}
#content-area .wp-block-button .wp-block-button__link,
#content-area .wp-block-button.is-style-fill .wp-block-button__link {
  background-color: var(--dark-grey);
  color: var(--white);
}
details summary {
  background-color: var(--pale-blue);
}
details:hover summary {
  background-color: var(--royal-blue);
  color: var(--white);
}
details[open] summary {
  padding-bottom: 1rem;
  background-color: var(--royal-blue);
  color: var(--white);
}
.content blockquote {
  background-color: var(--pale-blue);
  border-color: var(--matte-blue);
  color: var(--um-blue);
}
figure.wp-block-pullquote {
  color: var(--um-blue);
}
.content pre.wp-block-code {
  background-color: var(--pale-blue);
  color: var(--um-blue);
}
.wp-block-table table thead th {
  background-color: var(--royal-blue);
  color: var(--white)
}
.wp-block-table .wp-element-caption {
  background-color: var(--light-blue);
  color: var(--black);
  font-weight: 400;
}
/* sidebar nav */
#content-area .advanced-sidebar-menu ul li a,
#marsal-news-archive .news-item h3 a,
#content-area a.readmore {
  text-decoration: none;
}
#content-area .advanced-sidebar-menu ul li.current-menu-item > a,
#content-area .advanced-sidebar-menu ul li.current-menu-ancestor > a {
  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(--black);
}
/* EVENTS */
#marsal-events-archive .event-item .event-top, 
.event-single .event-details .event-top {
  background-color: var(--grey-blue);
  color: var(--black);
}
#marsal-events-archive .event-item .event-desc .event-title a {
  color: var(--black);
  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(--black);
}
/* PEOPLE */
li.person .featured-image.no-image {
  border-color: var(--grey-blue);
}
#content-area li.person .featured-image.no-image a {
  color: var(--grey-blue);
  background-image: linear-gradient(90deg, var(--initialBgColor) 0%, var(--initialBgColor) 50%, var(--grey-blue) 50%, var(--grey-blue) 100%);
}
li.person a.name {
  background-color: var(--grey-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;
}
.people-wrapper .featured-image.people.no-image {
  border: 2px solid;
}
.people-wrapper .featured-image.people.no-image i {
  color: var(--white);
}
/* PAGINATION */
.page-numbers li span.current {
  background-color: var(--grey-blue);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        FOOTER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer a,
footer .copyright {
  font-weight: 700;
}
footer .copyright a:hover {
  background-color: var(--royal-blue);
  color: var(--white);
}