/*
 * Structural layout
 */

/* Safeguard a distance from the navbar */
main.default {
    padding-top: 40px;
}

hr {
    display: block;
    margin-inline-start: auto;
    margin-inline-end: auto;
    margin-top: 50px;
}

.card {
    margin-left: 10px !important;
}

.landing-buildings {
    background-color: #3E94D1 !important;
    background: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)), url('/images/landing_buildings.png') no-repeat;
    background-size: 60%;
    background-position: bottom center;
}

.landing-image {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/images/landing_image.png') no-repeat;
    background-size: cover;
}

#landing p a {
    color: white;
    text-decoration: underline;
}

.mt-10 {
    margin-top: 10%;
}

/*
 * Navbar
 */

nav {
    background-color: #3E94D1 !important;
    color: white !important;
}

nav .active, .dropdown-item.active, .dropdown-item:active {
    background-color: white !important;
    font-weight: 500 !important;
    color: #3E94D1 !important;
}

.nav-link, .dropdown-item {
    /*TODO REVISIT SMALL CAPS*/
    font-variant: small-caps;
    font-size: larger;
    margin-left: 4px !important;
    margin-right: 4px !important;
}

nav.bg-light {
    background-color: white !important;
}

.secappdev-nav-item {
    /* Fix an offset when hovering */
    margin: 0 !important;
}

/*
 * Colors
 */

.bg-secappdev-blue-dark {
    background-color: rgb(47, 110, 155) !important;
}

.container-secappdev-blue {
    background-color: #3E94D1 !important;
    color: white !important;
}

.color-secappdev-blue {
    color: #3E94D1 !important;
}

.color-secappdev-orange {
    color: #EA4937 !important;
}

.btn-secappdev-blue {
    background-color: #3E94D1 !important;
    color: #fff !important;
}

.btn-secappdev-orange {
    background-color: #EA4937 !important;
    color: #fff !important;
}

.form-outline-secappdev-blue {
    border-color: #3E94D1 !important;
    color: #3E94D1 !important;
}

.badge-secappdev-blue {
    background-color: #3E94D1 !important;
    color: #fff !important;
}

.badge-secappdev-orange {
    background-color: #EA4937 !important;
    color: #fff !important;
}


/*
 * Text utilities
 */


.font-italic {
    font-style: italic;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-bolder {
    font-weight: bolder;
}

.text-smallcaps {
    font-variant: small-caps;
}

.span-label {
    font-weight: 600 !important;
}

.no-link-style {
    color: inherit !important;
}

.mailmessage {
    font-family: Helvetica;
    font-size: small;
    color: black;
}

/*
 * TESTIMONIALS
 */


.testimonial-text p {
    margin-bottom: 10px !important;
}

.testimonial-text p strong {
    color: #EA4937 !important;
    font-weight: 500 !important;
}

.testimonial-attr {
    color: #757474 !important;
    font-style: italic;
}

.container-secappdev-blue {
    font-weight: 300 !important;
}

.container-secappdev-blue .testimonial-text p strong {
    color: white !important;
    font-weight: 800 !important;
}

.container-secappdev-blue .testimonial-attr {
    color: #eeeeee !important;
    font-style: italic;
}

/*
 * BANNERS
 */

.banner-blue {
    background-color: #3E94D1 !important;
    color: white !important;
    text-align: center !important;
}

/*
 * HANDOUTS
 */

#handouts h3 {
    margin-top: 1.2em;
}

/*
 * Parallax
 */

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
 * Label colors
 */


.label-purple {
    color: #863ad3;
    background-color: #edd4f8;
}

.label-blue {
    color: #2c58a0;
    background-color: #dfe7f6;
}

.label-green {
    color: #0d6832;
    background-color: #d6f0e0;
}

.label-red {
    color: #af233a;
    background-color: #f9e1e5;
}

.label-yellow {
    color: #73510d;
    background-color: #fbf0da;
}

.label-lightblue {
    color: #1c657d;
    background-color: #def1f7;
}

.label-grey {
    color: #4f4f4f;
    background-color: #f5f5f5;
}

.label-orange {
    color: #b94907;
    background-color: #ffdcc2;
}

.label-lightyellow {
    color: #8e9121;
    background-color: #f7ffc2;
}

.label-neongreen {
    color: #02862a;
    background-color: #d1ffde;
}

.label-oceanblue {
    background-color: #bee5eb;
    color: #0c5460;
}

.label-brown {
    color: #70450d;
    background-color: #f6ede4;
}


/**
.label-cyan {
color: #0d7a8a;
background-color: #d9f0f0;
}

.label-lime {
color: #507b0d;
background-color: #eaf5da;
}

.label-indigo {
color: #2c2f7d;
background-color: #dfe0f5;
}

.label-olive {
color: #64700d;
background-color: #e9f0da;
}

.label-maroon {
color: #672640;
background-color: #f0e1e9;
}

.label-navy {
color: #0d254f;
background-color: #d9e2f6;
}

.label-skyblue {
color: #0d5e94;
background-color: #d9edf6;
}

.label-darkgreen {
color: #0d4d1c;
background-color: #d9f0e2;
}

.label-coral {
color: #a13b2d;
background-color: #fbe6df;
}

.label-slate {
color: #3c3f55;
background-color: #e4e5ed;
}

 */