:root {

    /* SOOS colours */
    --cassiopeia-color-primary: #00aeef;
    --cassiopeia-color-link: #00aeef;
    --cassiopeia-color-hover: #bfd730;

    /* Fonts */
    --cassiopeia-font-family-body: "Georama", sans-serif;
    --cassiopeia-font-family-headings: "Georama", sans-serif;
    --cassiopeia-font-weight-headings: 400;
    --cassiopeia-font-weight-normal: 400;

    /* Body */
    --body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 1rem;
    --body-line-height: 1.6;
    --body-color: #383838;
    --body-bg: #ffffff;
}

/* Search result titles */

.result_title-text {
    font-size: 1rem;
    font-weight: 400;
    color: #00aeef;
    line-height: 1.6;
}

/* ----------------------------------
   GENERAL
----------------------------------- */

body {
    font-family: "Georama", sans-serif;
    color: #383838;
    background: #ffffff;
}


/* ----------------------------------
   HEADER & FOOTER
----------------------------------- */

.header,
.footer {
    background: #003b5c; /* SOOS dark blue */
}


/* ----------------------------------
   BANNER
----------------------------------- */

.container-banner .banner-overlay {
    height: 40vh;
}


/* ----------------------------------
   MENU
----------------------------------- */

.metismenu.mod-menu .mm-collapse {
    background: #003b5c;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #ffffff;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a:hover {
    color: #bfd730;
}


/* ----------------------------------
   HEADINGS
----------------------------------- */

:root {

    /* SOOS colours */
    --cassiopeia-color-primary: #00aeef;
    --cassiopeia-color-link: #00aeef;
    --cassiopeia-color-hover: #bfd730;

    /* Fonts */
    --cassiopeia-font-family-body: "Georama", sans-serif;
    --cassiopeia-font-family-headings: "Georama", sans-serif;
    --cassiopeia-font-weight-headings: 600;
    --cassiopeia-font-weight-normal: 400;

    /* Body */
    --body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 1rem;
    --body-line-height: 1.6;
    --body-color: #383838;
    --body-bg: #ffffff;
}


/* ----------------------------------
   GENERAL
----------------------------------- */

body {
    font-family: "Georama", sans-serif;
    color: #383838;
    background: #ffffff;
}


/* ----------------------------------
   HEADER & FOOTER
----------------------------------- */

.header,
.footer {
    background: #003b5c; /* SOOS dark blue */
}


/* ----------------------------------
   BANNER
----------------------------------- */

.container-banner .banner-overlay {
    height: 40vh;
}


/* ----------------------------------
   MENU
----------------------------------- */

.metismenu.mod-menu .mm-collapse {
    background: #003b5c;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #ffffff;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a:hover {
    color: #bfd730;
}


/* ----------------------------------
   HEADINGS
----------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Georama", sans-serif;
    font-weight: 400;
    color: #003b5c;
}


/* ----------------------------------
   CARDS / MODULES
----------------------------------- */

.card {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}

.main-top.card {
    background: #ffffff;
}


/* ----------------------------------
   BUTTONS
----------------------------------- */

.btn-primary {
    background: #00aeef;
    border-color: #00aeef;
}

.btn-primary:hover {
    background: #bfd730;
    border-color: #bfd730;
    color: #003b5c;
}


/* ----------------------------------
   LINKS
----------------------------------- */

a {
    color: #00aeef;
}

a:hover {
    color: #bfd730;
}


/* ----------------------------------
   IMAGES
----------------------------------- */

.item-image {
    border: none;
}


/* ----------------------------------
   ICONS
----------------------------------- */

.icon-user,
.fa,
.fas,
[class*=" icon-"],
[class^="icon-"] {
    color: #00aeef;
}
}


/* ----------------------------------
   CARDS / MODULES
----------------------------------- */

.card {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}

.main-top.card {
    background: #ffffff;
}


/* ----------------------------------
   BUTTONS
----------------------------------- */

.btn-primary {
    background: #00aeef;
    border-color: #00aeef;
}

.btn-primary:hover {
    background: #bfd730;
    border-color: #bfd730;
    color: #003b5c;
}


/* ----------------------------------
   LINKS
----------------------------------- */

a {
    color: #00aeef;
}

a:hover {
    color: #bfd730;
}


/* ----------------------------------
   IMAGES
----------------------------------- */

.item-image {
    border: none;
}


/* ----------------------------------
   ICONS
----------------------------------- */

.icon-user,
.fa,
.fas,
[class*=" icon-"],
[class^="icon-"] {
    color: #00aeef;
}