/* Header */
#head {
    background: #CBC3E8 url("/Content/images/background.jpg") no-repeat;
    background-size: cover;
    color: #EEE3B0;
    font-family: "Open sans", Helvetica, Arial;
    font-weight: 300;
    padding: 3em 0 1em 0;
}

    #head .lead {
        font-family: "Open sans", Helvetica, Arial;
        font-size: 4em;
        font-weight: bold;
        line-height: 1.15em;
        vertical-align: text-bottom;
        margin: 1em 0 0 0;
    }

p {
    font-size: 1.6em;
}

#section1 .card-body ul{
    font-size: 1.6em;
}

/* Autohide navbar */
.slideUp {
    top: -100px;
}


ul.list-spaces li { margin-bottom: 10px; }

/* Helpers */


#map {
    height: 280px;
    width: 100%;
}

/* Footer */

footer {
    padding-top: 1em;
    background: #B97C59;
    color: #EEE3B0;
    font-size: 1.6em;
}

footer .card-body {
    font-size: 1.5em;
    margin: 0;
}

footer .card-body p {
    font-size: 1.0em;
    margin: 0;
}

    footer .card-header h3 {
        font-size: 1.7em;
}

    footer .card-body h4 {
        font-size: 1.0em;
        margin-bottom: 1em;
}


footer a {
    color: #B5E520;
}

    footer a:hover {
        color: #B97C59;
    }

footer .widget-title {
    color: #B5E520;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 20px;
}


/*.privacy {
    border-bottom: rgba(79, 117, 20, 1) solid 1px;
    color: rgba(79, 117, 20, 1);
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}


.privacyCaption h4 {
    color: rgba(79, 117, 20, 1);
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.privacyCaption a:hover, a:focus {
    color: rgba(79, 117, 20, 0.5);
    text-decoration: none;
}

.privacyCaption a {
    color: rgba(79, 117, 20, 1);
    text-decoration: none;
}

*/

/*Validation*/

/*.validation-summary-valid.alert-danger { display: none; }
*/
.alert-cookie {
    border: solid 1px red !important;
    margin: 0.5em;
}

.footerImg {
    height: 15em;
    border: solid white 12px;
}

/*#officePhoto {
    height: 310px;
    margin-top: 2.5em;
}
*/
#googleMap {
    height: 300px;
    width: 400px;
}

#neverLoseHope {
    background-color: #EEE3B0;
    padding: 2.5em 0 0 0;
}

#neverLoseHope a {
    color: #b97c59;
}

#neverLoseHope a:hover {
    color: white;
}

#neverLoseHope p {
    font-size: 1.8em;
}
#neverLoseHope p a {
    font-size: 1em;
}

    .map-responsive {
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
    }

.map-responsive iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*Core colours*/
.bg-sand {
    background-color: #EEE3B0;
}

.bg-purple {
    background-color: #CBC3E8;
}

.bg-lime {
    background-color: #B5E520;
}

.bg-brown {
    background-color: #B97C59;
}

.bg-orange {
    background-color: #FFC913;
}

.bg-light-blue {
    background-color: #99D8E8;
}

.bg-blue {
    background-color: #7A99C2;
}

.bg-pink {
    background-color: #FFB0CA;
}

.text-sand {
    color: #EEE3B0;
}

.text-purple {
    color: #CBC3E8;
}

.text-lime {
    color: #B5E520;
}

.text-brown {
    color: #B97C59;
}

.text-orange {
    color: #FFC913;
}

.text-light-blue {
    color: #99D8E8;
}

.text-blue {
    color: #7A99C2;
}

.text-pink {
    color: #FFB0CA;
}

/*@media (max-width: 767px) {
    #head {
        min-height: 420px;
        padding-top: 160px;
    }

    #head .lead {
        font-size: 34px;
    }*/

    /*#googleMap {
        height: 80%;
        width: 80%;
    }*/
/*}*/

@media (max-width: 767px) {
    #head {
        min-height: 420px;
        padding-top: 2em;
        
    }

    #head .lead {
        font-size: 2.5em;
        margin: 0.5em 0 0 0;
    }

    footer .card {
        margin: 0.5em 0 0.2em 0;
    }

    footer .row {
        margin: 0.5em 0 0.5em 0;
    }
    .card-header h3 {
        font-size: 1.9em;
    }

/*    #hopeProfile {
        width: 8em;
        border: white 2px solid;

    }
*/
    .footerImg {
        margin-bottom: 1em;
    }

    footer {
        padding-top: 0.5em;
        font-size: 0.8em;

    }

    footer card-header h3 {
        font-size: 1em;

    }
    
/*    ul {
        padding-left: 0.2em;
        list-style: none;
    }*/

    /*



    footer h4 {
        font-size: 0.9em;
        padding-bottom: 0.5em;
    }

    footer address {
        margin-top: 0.5em;
    }

    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 0.5em;
    }

    body {
        font-size: 0.9em;
    }

*/
}