/*body {
    background-color: #8CC63E;
    padding-top: 80px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {    
    padding-left: 15px;
    padding-right: 15px;
}

hr {
    border-top: 2px solid #81C784;
}

.landing {
    position: relative;
    /*background: url('../images/landing.png') repeat;*/
    background-size: cover;
    background-position: center;
    height: 100vh;
    margin-top: -24px;
    margin-bottom: -50px;
}

.landing-inner {
    padding-top: 40px;
}

.dark-overlay {
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/*           */
/* BOOTSTRAP */
/*           */

.navbar-inner {
    min-height: 0;
}

.navbar {
    min-height: 80px;
}

.navbar-brand {
    padding: 0 15px;
    height: 80px;
    line-height: 80px;
}

.navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 23px;
    padding: 9px 10px !important;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        /* (80px - line-height of 27px) / 2 = 26.5px */
        padding-top: 26.5px;
        padding-bottom: 26.5px;
        line-height: 27px;
    }
}



/*                  */
/* API CLIENT CARDS */
/*                  */


.ch-card {
    background-color: white; /* fallback background-color */
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    text-align: center;
    margin: 5px 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .ch-card img {
        width: 100px;
        height: 100px;
    }

.ch-jumbotron {
    background-color: rgba(255, 255, 255, 0.4);
    /*background: url('../images/pattern.svg') center center no-repeat;*/
    background-size: cover;
}

.ch-row {
    margin: 25px 0;
}

.ch-header__logo {
    display: block;
    width: 280px;
    height: 71px;
    margin: 10px auto;
    background: url('../images/Chalkline_Mark.png') center center no-repeat;
    background-size: contain;
}