/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

/* Load of Font Awesome for use by Presentation Plugin */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');

/* CSS to style Presentation Plugin slides */
.reveal .slides {
    text-align: left;
}

.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    text-transform: unset !important;
}

.modular-hero #to-start {
    bottom: 3.5rem;
}

.hero #to-start {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    font-size: 4rem;
    cursor: pointer;
}

body {
    background: #BFD0DA;
    color: #28345A;
}

#header {
    width: 100%;
    height: 4rem;
    border-bottom: 1px solid rgba(172, 179, 194, 0.2);
    font-size: 0.7rem;
    font-weight: 700;
    background: #BFD0DA;
    color: #28345A;
}

#footer {
    color: #28345A;
    padding: 1rem 1rem 0;
    text-align: center;
}
.bg-gray {
    background: #BFD0DA !important;
}

.card {
    background-color: #BFD0DA;
}

a {
    color: #788A9E;
}

a:visited {
    color: #649AD9;
}

.dropmenu ul li a:hover, .dropmenu ul li a:focus, .dropmenu ul li a.active {
    color: #263A52 !important;
}

a:focus, a:hover, a:active, a.active {
    color: #649AD9;
    text-decoration: underline;
}

.btn, .btn:hover {
    background: #788A9E;
    border-color: #788A9E;
    color: #fff;
}

.btn.btn-primary, .btn-primary.button {
    background: #788A9E;
    border-color: #788A9E;
    color: #fff;
}

#breadcrumbs span:not(:first-child)::before, #breadcrumbs a:not(:first-child)::before {
    color: #28345A;
    content: "/";
    padding-right: 1rem;
}