:root {
  /* -- Variables -- */
  /* --Colours-- */
  --main-color: #012243; /* Sets the main colour to use throughout the system. */
  --alt-color-dark: #012243; /* Dark colour to complement the main colour. */
  --alt-color-light: #07babe; /* Light colour to complement the main colour. */
  --alt-mode: #012243; /* 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: white;
  --nav-text-color-hover: white;

  /*--standard-link-color: #07BABE;*/

  --standard-link-color: #07babe;

  --heading-bg-color: white;
  --heading-text-color: white;
  --heading-border-width: 0px;
  --heading-border-color: transparent;

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

/* Override News card header to solid colour for Haxby */
#latestnews .card-img-top {
  background: #012243;
}

.wjpsGalleryImg {
    background-color: #fff;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23012243' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23012243' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important;
}
/* --Navigation Styles-- */
.wjps-nav {
  background-color: var(--alt-color-dark);
}
 .wjps-nav-right .nav-item:last-of-type{
  display: none;
 }
.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;
}
.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-dark);
}
.dropdown-item {
  background-color: var(--main-color);
  color: #fff;
}
.dropdown-item:hover {
  background-color: var(--main-color);
  color: #07babe;
}
.wjps-toggler {
  color: var(--nav-text-color) !important;
}
.wjps-toggler > i {
  font-size: 30px;
}
.btn-outline-light.nav-link {
  color: #fff !important;
  border-color: #fff !important;
}
.nav-item.dropdown-item {
  color: #07babe;
}

.jumbotron h1 {
    text-align: center !important;
}

.tileicons p {
    font-size: 1rem;
}

/* --End of Navigation Styles-- */

/* --General Styles-- */
.btn-primary {
    color: #fff;
    background-color: #07babe !important;
    border-color: #07babe !important;
}
a:link:not(.btn, .dropdown-item) {
  color: var(--standard-link-color);
}
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);
}
.homepage-message-wrapper {
  background-color: var(--alt-color-dark) !important;
}
.homepage-message {
  background-color: var(--alt-color-dark) !important;
}

@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: #07babe;
}
/* --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;
}