/* Futura PT Font */
@import url("https://use.typekit.net/stn0apa.css");

/* Import Colours */
@import "hds.colours.css";

body{
    font-family: futura-pt,sans-serif;
    font-weight: 600;
    font-style: normal;
    background-color: var(--g-light-grey);
}

.navbar-custom{
    background-color: var(--nav-background);
    min-height: 100vh;
    text-align: center;
    align-items: normal;
    padding: 0;
    display: block;
}

.navbar-custom .nav-link{
    margin-top: 16px;
}

.navbar-custom i{
    color: var(--nav-forground);
    font-size: 56px;
}

.navbar-custom .text{
    display: block;
    color: var(--nav-text);
}

.nav-link.active,
.nav-link.active i,
.nav-link.active span{
    color: var(--nav-active);
    background-color: var(--nav-active-background);
}

.nav-link:hover,
.nav-link i:hover,
.nav-link span:hover {
    background-color: var(--nav-hover-background);
}

.nav-link:hover > i{
    color: var(--nav-hover-foreground);
    background-color: var(--nav-hover-background);
}

.nav-link:hover > span{
    color: var(--nav-hover-text);
    background-color: var(--nav-hover-background);
}

.topbar{
    height: 5vh;
    background-color: var(--topbar-background);
    color: var(--nav-active);
}

.topbar-icon{
    font-size: 2em;
}

.topbar-link{
    color: var(--nav-active);
    transition: all 0.3s;
}

.topbar-link:hover{
    color: var(--topbar-link-hover);
    text-decoration: none;
}

.hds-content{
    margin: 15px 0;
}

.page-h1{
    font-weight: 600;
}

.page-box{
    background-color: var(--g-white);
    padding: 10px;
    width: 100%;
    height: 100%;
}