/**
 * TYPOGRAPHY
 */
 
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400');

body {
	font-family: Roboto, sans-serif;
}




/**
 * HEADER
 */

.site-header .site-brand {
    color: #333;
}

.site-header .site-brand a {
    color: #333;
    text-decoration: none;
}

.site-header .site-brand svg {
    margin-right: 1em;
}

.site-name {
    font-size: 1.6rem;
    font-weight: 100;
}



/**
 * TOP BANNER 
 */
section.top-banner {
	padding: 12rem 3rem;
}

section.top-banner.narrow {
    margin: 0 auto;
    padding: 1rem;
}



/**
 * FOOTER
 */



/**
 * FRONT PAGE
 */
.frontpage section.top-banner {
    background: url("../../images/top-banner.jpg") center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.frontpage section.top-banner:after {
    position: absolute;
    content: "";
    background-color: rgba(22, 76, 130, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.frontpage section.top-banner .container {
    position: relative;
    z-index: 20;
}

.frontpage section.top-banner .container.text {
    background-color: rgba(0,0,0,.5);
    padding: 2rem;
    color: #fff;
}

.testimonial {
    max-width: 300px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    padding: 10px;
}



/**
 * ABOUT
 */
section.about {
    background-color: #f5f5f5;
    color: #444;
}



/**
 * NEWSLETTER SIGNUP
 */

section.newsletter-signup {
    background-color: #f5f5f5;
}

#mc_embed_signup_scroll {
    display: flex;
    justify-content: center;
	align-items: center;
}



/**
 * TESTIMONIAL PAGE
 */
.testimonialee {
    margin-bottom: 3rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
}

.testimonialee h2 {
    margin: 1rem;
    font-size: 2rem;
}

.testimonialee blockquote {
    font-size: 1.3rem;
    font-weight: 100;
    font-style: italic;
}




/**
 * CLASSES AND COMPONENTS
 */

img {
    width: 100%;
}
.text-center {
    text-align: center;
}

.sr-only {
    display: none;
}

.no-underline {
    text-decoration: none;
}

.light-blue {
    color: cornflowerblue;
}



/* FORM */

input {
    padding: 8px 20px;
    box-sizing: border-box;
}

.button {
    margin: 10px 0;
    padding: 10px 40px;
    border: 1px solid transparent;
    background-color: #639AC9;
    color: #fff;
    font-weight: 300;
    font-size: 1rem;
    text-decoration: none;
}

.button.default {
    background-color: #f5f5f5;
    color: #333;
}

.button.block.narrow {
    display: block;
    width: 100px;
    text-align: center;
}

#message {
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#message.error-message {
    border: 1px solid coral;
    background-color: rgba(255,125,125,.7);
    color: #fff;
}

#message.success-message {
    background-color: aquamarine;
    border: 1px solid darkcyan;
    color: #fff;
}


/**
 * RESPONSIVE
 */

/* mobile */
@media screen and (max-width: 520px) {
    section p {
        font-size: 1rem;
        font-weight: 300;
        letter-spacing: 1.2px;
    }

    section h1 {
        font-size: 2rem;
    }

    section h2 {
        font-size: 1.8rem;
        font-weight: 100;
        margin-top: 0;
    }

    section.top-banner {
        padding: 0rem 0rem;
    }

    .container.with-image.narrow {
        flex-flow: column;
    }

    .testimonial {
        width: 100%;
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        padding: 10px;
    }

    .testimonial h3, .testimonial p {
        margin: 5px;
    }

    #mc_embed_signup_scroll {
        flex-flow: column;
    }

    #mc_embed_signup_scroll #mc-embedded-subscribe,
    #mc_embed_signup_scroll #mce-EMAIL {
        margin: 0;
        width: 100%;
    }
}