@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  --primary-dark-color: #22175b; /* Primary colour used by elements such as buttons */
  --very-dark-primary-color: #22175b;  /* Darker primary colour used for contrast or hover effects */
  --primary-light-color: #FFF; /* lighter colour or secondary colour */
  --topbar-background-color: #FFF; /* background colour for the top bar of the navigation */
  --menu-background-color: #ff5500; /* background colour for the menu bar of the navigation */
  --menu-alternative-background-color: #ff5500; /* Alternative background colour for the menu bar, used by some buttons */
  --menu-foreground-color: #FFF; /* font colour used in the menu bar */
  --link-color: #2199e8;
  --toc-link-color: #22175b; /* Colour used by text on TOC sidebar elements */
  --figure-caption-background-color: #003DAC; 
  --figure-caption-color: #FFFFFF;
}

.summary p {
	color: inherit
}

.header-image {
  height: 90px;
}

footer .very-dark-primary-color {
  background-color: #FFF;
}

body {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
  color: #6A6B6E;
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 4px
}

.button, .button.success {
  background-color: #7EC8CD;
}
.button.warning {
  background-color: #ff5500;
}

.homepage-element-about section {
  background-color: #FFF;
}
.homepage-element-about h2 {
  color: #6A6B6E;
}
.homepage-element-about p {
  color: #000;
}
@media screen and (max-width: 39.9375em) {
  .orbit .orbit-caption {
    background-color: var(--menu-background-color);
  }
}
.button:hover, .button.warning:hover, .button.success:hover {
  background-color: #283E95;
}

@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;
  }
}

header .top-bar ul.dropdown ul a:hover {
  color: var(--primary-dark-color);
}

header .top-bar ul.dropdown ul a:hover {
  color: var(--primary-dark-color);
}

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

.pagination li, .pagination .current {
  padding: 0.20833rem 0.69444rem;
  background-color: #7EC8CD;
  color: white;
}

.pagination a {
  color: white;
}

.pagination a:hover, .pagination button:hover, .pagination li:hover {
  background: #283E95;
  color: white;
}

.top-bar-right .menu a {
  color: var(--menu-background-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: var(--menu-background-color) transparent transparent;

  border-top-style: solid;

  border-bottom-width: 0;

  right: 5px;

  margin-top: -2px;

}