@media screen and (min-width: 40em) {
  header .top-bar-image {
    max-height: 90px;
    max-width: 330px;
    padding: 5px;
    margin-top: -10px;
  }
}

:root {
  /* Colour Variables */
  --primary-dark-color: #9a0000; /* Primary colour used by elements such as buttons */
  --primary-light-color: #fff; /* Lighter colour or secondary colour */
  --very-dark-primary-color: #000; /* Darker colour for contrast or hover effects */
  --menu-foreground-color: #fff; /* Font colour used in the menu bar */
  --link-color: #1585cf; /* Link colour */
  --toc-link-color: #22175b; /* TOC sidebar text colour */
  --figure-caption-background-color: #003DAC; /* Background colour for figure captions */
  --figure-caption-color: #fff; /* Text colour for figure captions */

  /* Background Colour Variables */
  --topbar-background-color: var(--primary-dark-color); /* Background for the top bar */
  --menu-background-color: var(--primary-dark-color); /* Background for the menu bar */
  --menu-alternative-background-color: var(--primary-dark-color); /* Alternative menu background */

  /* Hover Colours */
  --menu-hover-background-color: #800000; /* Darker version of --menu-background-color */
}

/* Top Bar Left Styling */
.top-bar-left.header-image-bar.border-right {
  width: 40%;
  img {
    max-width: 100%;
    margin-top: -10px;
  }
}

/* Top Bar Borders */
.top-bar {
  .border-right {
    border-right: none;
  }
  .border-left {
    border-left: none;
  }
}

/* Header Styling */
header .top-bar {
  border-bottom: none;
}

header .top-bar ul.dropdown ul li a {
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
}

header .top-bar ul.dropdown ul a:hover {
  background-color: var(--menu-hover-background-color);
  color: var(--primary-light-color) !important;
}

/* Footer Styling */
footer .very-dark-primary-color {
  background-color: var(--very-dark-primary-color);
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
    border-top-style: inset;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-width: 5px;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  border-color: #FFF transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px;
}

@media screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';

    display: block;

    width: 0;

    height: 0;

    border: inset 5px;

    border-top-style: inset;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-width: 5px;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;

    border-color: #FFF transparent transparent;

    border-top-style: solid;

    border-bottom-width: 0;

    right: 5px;

    margin-top: -2px;

  }
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  color: #FFF;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:hover {
  color: #FFF;
}

.homepage-element-about a {
  color: #FFF;
  text-decoration: underline;
}

.summary .bottom p {
  color: var(--primary-dark-color):
}

.top-bar-right p a {
    color: white; /* Change the link text colour to white */
}

.orbit-caption p, .orbit-caption h3, .orbit .orbit-caption .uppercase {
  font-weight: bold;
}

/* For the parent container to prevent spacing issues */
.editor, .ProseMirror {
    white-space: normal;
    line-height: 1.5; /* Adjust as necessary */
}

.overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.orbit-caption span:first-of-type {
  margin-right: -2px;
}

.homepage-element-carousel {
  margin-top: 30px;
}

article :nth-child(2).hide-for-small-only {
  margin-top: 30px;
}

.orbit .orbit-caption a.profilelink {
  border-bottom: none;
}