/* -------------------------------- Text -------------------------------- */

body {
    color: #000000;
    background-color: #E30613;
}

.text-primary {
    color: #FFFFFF !important;
}
a.text-primary:hover,
a.text-primary:focus {
    color: #FFFFFF !important;
}
.text-secondary {
    color: #000000 !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
    color: #000000 !important;
}
a {
    color: #E30613;
}
a:hover,
a:focus {
    color: #000000;
}

/* -------------------------------- Backgrounds -------------------------------- */

.bg-primary {
    background-color: #E30613 !important;
}
.border-primary {
    border-color: #E30613 !important;
}
/* Primary buttons transition to primary colours on interaction */
.btn-primary {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #000000 !important;
}

/* -------------------------------- Outline -------------------------------- */


.btn-outline-primary {
    border-color: #000000;
    background-color: #2f2552;
    color: #FFFFFF;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    border-color: #000000 !important;
    color: #000000;
    background-color: #FFFFFF;
}

.btn-outline-dark {
    border-color: #2F2552;
}

.btn.btn-outline-dark:hover,
.btn.btn-outline-dark:focus,
.btn.btn-outline-dark:active {
    background-color: #2F2552 !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
    border-color: #2F2552 !important;
    background-color: white !important;
}

a.bg-primary:hover, 
a.bg-primary:focus, 
button.bg-primary:hover, 
button.bg-primary:focus {
    color: #E30613 !important;
    background-color: #000000 !important;
}

button.bg-primary:hover .text-light,
button.bg-primary:focus .text-light {
    color: #FFFFFF !important;
}

.bg-light {
    background-color: #FFFFFF;
}

.bg-dark {
    background-color: #2F2552 !important;
}

/* -------------------------------- Navigation -------------------------------- */

.navbar.navbar-dark {
    background-color: #2F2552 !important;
}

.nav-item:hover,
.nav-item:focus,
.nav-item.active {
    background: #2F2552;
    background: #E30613;
    color: white;
}

/* -------------------------------- Researcher directory -------------------------------- */

.pagination a:hover,
.pagination .active a {
    background-color: #000000;
    color: #FFFFFF;
}

/* -------------------------------- Search -------------------------------- */

.haplo-search-form input[type="text"] {
    border: 2px solid #E30613;
}

.haplo-search-form input[type="submit"] {
    background-color: #E30613;
    border-color: #000000;
    color: #FFFFFF;
}
.haplo-search-form input[type="submit"]:hover,
.haplo-search-form input[type="submit"]:focus,
.haplo-search-form input[type="submit"]:active {
    background-color: #000000;
    color: #FFFFFF;
}

/* -------------------------------- Search Results -------------------------------- */

.haplo-results-paging-prev a,
.haplo-results-paging-next a {
    color: #E30613;
    background-color: #FFFFFF;
    border: 1px solid #E30613;
}

.haplo-results-paging-prev a:hover,
.haplo-results-paging-next a:hover {
    background: #E30613;
    color: white;
    text-decoration: none;
}


.card-body.bg-dark {
    color: #000;
    background-color: #FFF !important;
}

.card-body.bg-dark a:hover,
.card-body.bg-dark a:focus {
    color: #E30613 !important;
}


/* -------------------------------- Jumbotron -------------------------------- */

main > .jumbotron {
    background-color: #FFFFFF !important;
}

main > .jumbotron > .container > h1 {
    color: #E30613 !important;
}

main > .jumbotron > .container > .lead {
    color: #000000 !important;
}

/* -------------------------------- Footer ----------------------------------- */

footer.bg-primary {
    background-color: #2F2552 !important;
}