@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --deep-blue: #0e1f3d;
    --primary-colour:#14275d;
    --secondary-colour: #fff;
    --text-colour: #7a7a7a;
    --accent-colour: #00b67a;
    --mid-blue:#1e73be;
    --light-blue:#39bef1;
    --border-colour: #aaa;
    --bright-background-colour: #fff;
}

body {
    font-family:
            -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
            Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Symbol", "Noto Color Emoji";
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Bree Serif", serif;
}

header.header {
    background-image:linear-gradient(var(--deep-blue), #1E73BE);
}
header.header .topbar {
    height: 61px;
    background: none;
    display:flex;
    align-items:center;
}

header.header .navbar a {
    color:#fff;
}

footer.footer{
    background-image:linear-gradient( #1E73BE, var(--deep-blue) 50%);
}

.rounded {
    border-radius: 1rem !important;
}

.rounded-top{
    border-top-left-radius:1rem !important;
    border-top-right-radius:1rem !important;
}

.rounded-right{
    border-top-right-radius:1rem !important;
    border-bottom-right-radius:1rem !important;
}

.rounded-bottom{
    border-bottom-left-radius:1rem !important;
    border-bottom-right-radius:1rem !important;
} 

.rounded-left{
    border-top-left-radius:1rem !important;
    border-bottom-left-radius:1rem !important;
}

.card-sidebar .card-header {
    color:var(--secondary-colour);
    background-color: var(--primary-colour);
}
.card-sidebar .card-header:first-child{
    border-radius: 1rem 1rem 0px 0px;
}
.card-sidebar .collapsable-card-body {
    border-left: 1px solid var(--border-colour);
    border-right: 1px solid var(--border-colour);
    background-color:var(--bright-background-colour);
}

.card-sidebar .collapsable-card-body:last-child {
    border: 1px solid var(--border-colour);
    border-top:none;
    border-radius: 0px 0px 1rem 1rem;
    padding-bottom:15px;
}

.card-sidebar .card-footer:last-child {
    border: 1px solid var(--border-colour);
    border-top:none;
    border-radius: 0px 0px 1rem 1rem;
    background-color:var(--bright-background-colour);
}

.card-sidebar{
    border:none;
}

.sidebar .card{
    background-color: transparent;
}

ul.dropdown-menu.show{
    background-color:var(--primary-colour);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 10px 30px 0 rgba(45,45,45,.2);
}

.dropdown-item:hover{
    background-color:#fffFFF21;
}

.dropdown-item a:hover{
    background-color:transparent;
}

.sidebar .list-group-item.active {
    background-color:var(--mid-blue);
}