/* Stylesheet */

/* Fonts */

/* Google Sans Flex */
@font-face {
    font-family: 'Google Sans Flex';
    src: url('/includes/fonts/GoogleSansFlex-VariableFont_GRAD,ROND,opsz,slnt,wdth,wght.ttf') format('truetype');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    font-style: oblique 0deg 10deg;
    font-display: swap;
}

/* Colours */
:root {
    --black: #000;
    --white: #fff;
    --light-grey: #f1f1f1;
    --primary: #003d98;
    --primary-hover: #003179;
}

/* Core */
html { font-size: 16px; font-family: 'Google Sans Flex', Arial, sans-serif; color: var(--black); background-color: var(--white); }
.uk-container { max-width: 1600px; }

/* Header */
header .uk-navbar-container { border-bottom: 1px solid var(--primary); background-color: var(--white) !important; }
header .uk-navbar-container .uk-navbar-nav { gap: 0px; }
header .uk-navbar-container .dotnav-li .dotnav-icon { font-size: 1.4rem; gap: 1.5px; background-color: var(--primary); color: var(--white); }
header .uk-navbar-container .dotnav-li:hover .dotnav-icon,
header .uk-navbar-container .dotnav-li:focus .dotnav-icon { background-color: var(--primary-hover); color: var(--white); }
header .uk-navbar-item, 
header .uk-navbar-item, .uk-navbar-nav > li > a,
header .uk-navbar-toggle.uk-navbar-nav > li > a,
header .uk-navbar-toggle { min-height: 60px; }
header .uk-navbar-dropdown.uk-drop { top: 60px !important; }
header .uk-navbar-item, .uk-navbar-nav > li > a,
header .uk-navbar-toggle.uk-navbar-nav > li > a { padding: 0px 20px; }

/* Footer */
footer { background-color: var(--light-grey); }