/* Insert CSS Below */
/* KSUL CSS Defaults */
: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: #24193d; /* background colour for the top bar of the navigation */
    --menu-foreground-color: #512888; /* font colour used in the menu bar */
}

.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a {
  color: var(--primary-light-color);
}

.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > ul.submenu li a {
  color: var(--menu-foreground-color);
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  color: var(--primary-light-color);

}

.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #FFF transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent > ul.submenu > li.is-submenu-item > a {
  color: var(--menu-foreground-color);
}

header #main-menu li a {
  font-weight: 600;
}

footer .large-2.logo-wrapper {
  display: none;
}

footer .large-text-right li a {
  margin: 0;
}
/* End KSUL Defaults */

/* Google Fonts import of main font */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* config */
:root {
  /* brand colours */
  --white: rgb(255 255 255);
  --black: rgb(0 0 0);
  --journal-brand-color: rgb(255 255 255);

  /* basic config*/
  --primary-color-fg: var(--black);
  --primary-color-bg: var(--journal-brand-color);
  /* --primary-color-bg-lighter: oklch(from --var(--primary-color-bg) .85 c h); */
  /* --accent-color: unset; */
  --nav-coulour-fg: var(--primary-color-fg);
  --nav-color-bg: var(--primary-color-bg);
  --secondary-color-fg: var(--primary-color-fg);
  --secondary-color-bg: var(--primary-color-bg);
  --btn-color-fg: var(--primary-color-fg);
  --btn-color-bg: var(--primary-color-bg);
  --font-face: Poppins, sans-serif;
  --base-font-size: 1.2rem;
}