@charset "utf-8";
/* CSS Document */

html {scroll-behavior: smooth;}

body {
    font-family: 'Lato', sans-serif;
}

.body-text, body {
  font-size: 1.2em;   
    line-height: 1.6em;
}

a {color:#006e37;}
a:hover {color:#014422;}
#banner {
    background: url(../images/students-walking2.jpg) no-repeat center center;
    background-size: cover;
}
@media (max-width: 900px) {
    #banner {
        background: url(../images/graduates.jpg) no-repeat center center;
        background-size: cover;
    }
}

section {
    padding: 40px 0 40px 0;
}

h1 {    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 4.0em;
    text-shadow: 1px 1px #000}

@media (max-width: 600px) {
    h1 {  
        font-weight: 500;
        font-size: 2.0em;}

}
h2, h3 {color: #006e37;}

@media (max-width: 600px) {
    h2 {
    font-size: 2.2em;
    }
}
.lead {font-size: 1.3em; line-height: 1.1em;}
.full-pad {padding: 100px 0 30px 0;}
/* Overwrite bootstrap default */
.navbar {background: rgba(255,255,255,0.8)}
.green {color: #006e37;}
.yellow {color: #f2be19;}
.lime {color: #97d700;}
.btn-wcc {
    color: #fff;
    background-color: #006e37;
}
.btn-wcc-lime {
    background-color: #97d700;
}
.btn-wcc-lime:hover {
    background-color: #b1fc00;
}
.btn-wcc:hover {
    background-color: #014422;
    color: #ffffff;
}

/* overwrite bootstrap accordion colors */
.accordion-button:not(.collapsed)
{
    color:#006e37;
    background-color: #eefbf5;

}

footer {
    padding: 30px;
    margin: 0;
    background: #006e37;
    color: white;
}

.bg-light-green {background-color: #e9f1ed;}