/* colours for  links */

a:hover {
  color: blue;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: #ffc107;
  background-color: transparent;
  text-decoration: underline;
}

a.white_link_colour:link {
  color: white;
  background-color: transparent;
  text-decoration: underline !important;
}

a.white_link_colour:visited {
  color: white !important;
  background-color: transparent;
  text-decoration: none !important;
}

a.white_link_colour:hover {
  color: white !important;
  background-color: transparent;
  text-decoration: none !important;
}

a.white_link_colour:active {
  color: white;
  background-color: transparent;
  text-decoration: underline !important;
}

a.link_2:link {
  color: #005eb8;
  background-color: transparent;
  text-decoration: underline;
}

a.link_2:visited {
  color: #005eb8;
  background-color: transparent;
  text-decoration: underline;
}

a.link_2:hover {
  color: #005eb8;
  background-color: transparent;
  text-decoration: none;
}

a.link_2:active {
  color: #005eb8;
  background-color: transparent;
  text-decoration: none;
}

.divider-color {
  --bs-breadcrumb-divider-color: white;
}

/* colours for navbar links */

.nav-link {
  color: #ffffff;
}

.nav-link:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.nav-link:hover {
  color: var(--bs-yellow) !important;
  background-color: transparent;
  text-decoration: none;
}

.nav-link:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-yellow);
  background-color: transparent;
  text-decoration: none;
}

/* white colour for toggler when active */

.navbar-toggler {
  color: #ffffff;
}

/* orange colour */

.orange_colour {
  color: #e76f51;
}

.orange_background_colour {
  background-color: #e76f51 !important;
}

/* light orange colour */

.light_orange_colour {
  color: #FF916A;
}

.light_orange_background_colour {
  background-color: #FF916A;
}

/* yellow colour */

.yellow_colour {
  color: #ffc107;
}

.yellow_background_colour {
  background-color: #ffc107;
}

/* green colour */

.green_colour {
  color: #2a9d8f;
}

.green_background_colour {
  background-color: #2a9d8f;
}

/* light green colour */

.light_green_colour {
  color: #37CDBA;
}

.light_green_background_colour {
  background-color: #37CDBA;
}

/* blue colour */

.blue_colour {
  color: #1e8faa;
}

.blue_background_colour {
  background-color: #1e8faa !important;
}

/* light blue colour */

.light_blue_colour {
  color: #99d2e0;
}

.light_blue_background_colour {
  background-color: #99d2e0;
}

/* dark blue colour */

.dark_blue_colour {
  color: #30384d;
}

.dark_blue_colour_border {
  border-color: #30384d;
}

.dark_blue_background_colour {
  background-color: #30384d !important;
}

.dynamic_font_size_1 {
  font-size: min(max(1px,4.1vw), 20px);
}

.dynamic_font_size_2 {
  font-size: min(max(1px,4vw), 16px);
}

.ratio_16x9 {
  --bs-aspect-ratio: 56.25%;
  aspect-ratio: 16 / 9;
}

.fullWidth {
  margin: 0 -25%;
  padding: 0 25%;
}

.btn1:hover {
  background: rgb(185,89,65) !important;
}

.index-card {
  border-width: 2px;
  border-style: solid;
}

main {
  min-height: 60vh;
}

.navbar img {
  width: 100%;
  max-width: 175px;
}

.btn.blue_background_colour {
  background-color: #30384d !important;
  border-color: #30384d;
}

.feedback {
  color: rgb(234,0,0) !important;
}

.consent_checkbox {
  height: 18px;
}

.green_background_colour a {
  color: var(--bs-yellow);
}

.ratio_9x16 {
  --bs-aspect-ratio: 56.25%;
  aspect-ratio: 9 / 16;
}