﻿* {
    font-family: 'Open Sans', sans-serif;
    color: #091F2C;
}




h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}

.secondairy-font {
    font-family: 'Montserrat', sans-serif;
}


h2.pageTitle {
    font-weight: 800;
    font-size: 2.5em;
}


.h3 {
    font-weight: 800;
}


.h4 {
    font-weight: 800;
}



body {
    background-color: #f9f9fb;
    background-color: #fff;
}

body a {
    color: #091F2C;
    text-decoration:none;

}

body a:hover {
    color: #091F2C;
    text-decoration: underline;
}





.lightBlue {
    background-color: #bed7e4;
}

    .lightBlue h5 {
        font-size:0.8em;

    }

.darkbkg {
    background-color: #f6f7f8;
}

.whitebkg {
    background-color: #fff;
}



.bg-orange {
    background-color: #d5522b;
    border-color: #d5522b;
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
}

.bg-orange i {
    color: #fff;
}

.bg-darkblue {
    background-color: #1e224e;
    border-color: #1e224e;
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
}
.bg-darkblue i {
    color: #fff;
}
.orange {
    color: #d5522b;
}






/*
    NAVIGATION
*/

.nav-link {
    color: #091F2C;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

    .nav-link small {
        color: #091F2C;
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
    }

    .nav-link:hover {
        text-decoration: underline;
        color: #091F2C;
    }

.nav-item .active {
    font-weight: 800;
}





.breadcrumb .breadcrumb-item {
    font-size: 0.9em;
    font-family: 'Montserrat', sans-serif;
    color: #888;
}

.breadcrumb .breadcrumb-item a {
    color: #666;
    font-weight: 500;
    text-decoration: none;
    
}

    .breadcrumb .breadcrumb-item a:hover {
            text-decoration:underline;
    }


    .header h1 {
        font-weight: 800;
        font-size: 3.5em;
    }

    .header p {
        color:#666;
    }


    .pageHeader h1 {
        font-weight: 800;
        font-size: 3.5em;
    }

    .pageHeader p {
        color: #666;
    }




/*
    CONTENT
*/

body .defaultContent h2 {
    font-weight: 800;
    font-size:1.5em;
    padding-top:1em;
}

body .defaultContent a {
    text-decoration:underline;
}













.banner {
    position: relative;
}

.overlay {
    position: absolute;
    left: 8%;
    top: 65%;
    width:80%;
    height: 20%;
    display: block;
    text-align:left;
}


.banner h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
    font-weight: 800;
}

.banner p {
    font-size:0.9em;
}

.banner img {
    
}

.banner h4 {
    font-size:1em;
    color:#fff;

}


.banner .bg-orange {
    background-color: #d5522b;
    border-color: #d5522b;
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
    max-width:100%;
    overflow:hidden;
}

.banner .bg-blue {
    background-color: #1e224e;
    border-color: #1e224e;
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
    font-weight:600;
    font-size:0.7em;
}


.banner-border {
    border:1px solid #999;
}




.contentBlock h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
}



.defaultContentPage h1 {
    font-size: 2.8em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.defaultContentPage h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6em;
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

.defaultContentPage p, ul {
    line-height: 1.7em;
}

.defaultContentPage ul li {
    padding-bottom:0.5em;
}

.defaultContentPage a {
    text-decoration:underline;
}

.defaultContentPage img {
    max-width: 100%;
}




/*

    BUTTONS

*/




.btn-primary {
    background-color: #d5522b;
    border-color: #d5522b;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
}
    .btn-primary i {
        color: #fff;
    }

    .btn-primary:hover {
        background-color: #1e224e;
        border-color: #1e224e;
        color: #fff;
        text-decoration: none;
    }


.btn-secondary {
    background-color: #ddd;
    border-color: #ddd;
    color: #091F2C;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

    .btn-secondary:hover {
        background-color: #aaa;
        border-color: #aaa;
        color: #091F2C;
        text-decoration: none;
    }

.btn-blue {
    background-color: #1e224e;
    border-color: #1e224e;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

    .btn-blue:hover {
        background-color: #091F2C;
        border-color: #091F2C;
        color: #fff;
        text-decoration: none;
    }
    




.blockquote {
    font-family: 'Montserrat', sans-serif;
    font-weight:900;
    color: #091F2C;
    font-size:1.8em;
}

    .blockquote p {
        color: #091F2C;
    }











.videoWrapper {
    background: none;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }





/*
    FORM
*/

.umbraco-forms-page .umbraco-forms-label {
    font-weight:bold;
}


.umbraco-forms-page .umbraco-forms-fieldset legend {
    font-weight: bold;
    font-size:1.3em;
    border-bottom:1px solid #aaa;
}


.umbraco-forms-page .umbraco-forms-tooltip {
    display:block;
    font-size:0.8em;
    color:#333;
}



.umbraco-forms-page .validation-summary-errors,
.umbraco-forms-page .field-validation-error {
    color: #f00;
    font-size: 0.8em;
    font-weight: bold;
}

.invalid-feedback {
    display:block;
}


.is-simple-invalid {
    border-color: #f00;
}

.is-simple-valid {
    border-color: #333;
}

.form-label-small {
    font-size: 0.8em;
    font-weight: 600;
    color: #666;
}