:root {
  /* -- Variables -- */
  /* --Colours-- */
  --main-color: #fff; /* Sets the main colour to use throughout the system. */
  --alt-color-dark: #0072c6; /* Dark colour to complement the main colour. */
  --alt-color-light: #ecf0f1; /* Light colour to complement the main colour. */
  --alt-mode: #298123; /* Sets what alt mode to use primarily */
  --alt-mode-2: var(
    --alt-color-dark
  ); /* Sets what alt mode to use secondarily, this should be the opposite of the variable above. */

  --nav-text-color: black;
  --nav-text-color-hover: white;

  /*--standard-link-color: #2980b9;*/

  --standard-link-color: #017ACD;

  --heading-bg-color: var(--main-color);
  --heading-text-color: white;
  --heading-border-width: 0px;
  --heading-border-color: transparent;

  --footer-bg: #333;
  --footer-text: white;
  --footer-links: #ffffff;
  --transition-time: 0.25s; /* General animation length. */
}

/* Override News card header to solid colour for Haxby */
#latestnews .card-img-top {
  background: rgb(41, 129, 35);
}
.news-date {
        color: #ffffff;
}

/* --Navigation Styles-- */
.wjps-nav {
  background-color: var(--main-color);
}
.nav-link {
  border-radius: 0.25rem;
  transition: background var(--transition-time);
}
.nav-link:not(.wjps-nav-button):not(.tab-link):not(.wjps-tabs) {
  color: var(--nav-text-color) !important;
  text-decoration: none!important;
}
.nav-link:hover:not(.wjps-nav-button):not(.tab-link):not(.wjps-tabs) {
  color: var(--nav-text-color-hover) !important;
  background-color: var(--alt-mode);
}
.dropdown-menu {
  background-color: var(--alt-color-light);
}
.dropdown-item:hover {
  background-color: var(--main-color);
  color: var(--nav-text-color);
}
.wjps-toggler {
  color: var(--nav-text-color) !important;
}
.wjps-toggler > i {
  font-size: 30px;
}
.btn-outline-light.nav-link {
  color: #000 !important;
  border-color: #000 !important;
}
/* --End of Navigation Styles-- */

/* --General Styles-- */
a:link:not(.btn, .dropdown-item) {
  color: var(--standard-link-color);
  text-decoration: underline!important;
}
a:visited:not(.btn, .dropdown-item) {
  color: var(--standard-link-color);
}
.wrap-title {
  background-color: var(--heading-bg-color);
  color: var(--heading-text-color);
  border-width: var(--heading-border-width);
  border-color: var(--heading-border-color);
}
@media only screen and (max-width: 768px) {
  .col-12 {
    display: unset;
  }
}
/* --End of General Styles-- */

/* --Footer Styles-- */
html {
  background-color: var(--footer-bg);
}
footer {
  background-color: var(--footer-bg);
  color: var(--footer-text);
}
#footer a {
  color: var(--footer-links);
}
.social-link {
  color: black;
}
/* --End of Footer Styles-- */

/* --SQCL Custom Logo Styling-- */
.wjpslogo {
  margin-top: 15px;
  max-height: 105px !important;
}
/* --End of SQCL Custom Logo Styling-- */

.page-title {
  color: #000 !important;
}

#siteNameHeader {
  color: #000 !important;
}

#siteNameHeader:hover {
  text-decoration: none;
}

.navbar-brand img {
  max-height: 100px !important;
}

#latestnews a{
  text-decoration: none!important;
}