@font-face {
    font-family: 'aileronblack';
    src: url('fonts/Aileron-Black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aileronlight';
    src: url('fonts/Aileron-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a {
    color: #3373b7;
}

.bg-gray {
    background-color: #eeeeee;
}

.bg-dark-gray {
    background-color: #bcbcbc;
}

.bg-primary-blue {
    background-color: #3373b7;
}

.bg-secondary-blue {
    background-color: #004887;
}

.body-font {
    color: #212529;
}

/* Overrides the blue from materialize to match bootstrap */
.arrow-icon {
    transition: all 0.4s ease;
    cursor: pointer;
}

.bio-row {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.clickable {
    cursor: pointer;
}

.content-section {
    position: relative;
}

.top-content-section {
    margin-top: 86px;
}

.content-section .anchor {
    position: absolute;
    top: -86px;
}

.google-button {
    box-shadow: 0 0 0 0.2rem #f4c20d;
}

.header-text {
    font-size: 5em !important;
}

hr {
    margin: 0;
    border-image-width: 10px;
    border-width: 10px;
}

.image-container{
    max-height: 400px;
}

.image-container > img {
    max-width: 100%;
    max-height: 400px;
}

.navbar-option {
    margin-right: 20px;
}

.org-row {
    min-height: 200px;
    border: 2px solid #1b1e21;
    border-radius: 2em;
}

.progress-bar {
    transition: width 3s;
}

/* Overrides the elevation from materialize on the navbar to not show the annoying shadow */
/* 2dp elevation modified*/
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*Custom Primary Color*/

.border-primary-blue {
    color: #fff;
    background-color: #3373b7;
    border-color: #3373b7;
}

.btn-primary {
    color: #fff;
    background-color: #3373b7;
    border-color: #3373b7;
}

.btn-primary:hover {
    color: #fff;
    background-color: #004887;
    border-color: #004887;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #3373b7;
    border-color: #3373b7;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #004887;
    border-color: #004887;
}

.btn-outline-primary {
    color: #3373b7;
    border-color: #3373b7;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #3373b7;
    border-color: #3373b7;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #3373b7;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #3373b7;
    border-color: #3373b7;
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #004887;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #004887;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-primary {
    color: #fff;
    background-color: #3373b7;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #004887;
}

.alert-primary {
    color: #3373b7;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.list-group-item-primary {
    color: #3373b7;
    background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #004887;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004887;
    border-color: #004887;
}

.bg-primary {
    background-color: #3373b7 !important;
}

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

.border-primary {
    border-color: #3373b7 !important;
}

.text-primary {
    color: #3373b7 !important;
}

.text-secondary {
    color: #004887 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #004887 !important;
}