@font-face {
    font-family: 'lintelregular';
    src: url('fonts/Lintel_Reg-webfont.eot');
    src: url('fonts/Lintel_Reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lintel_Reg-webfont.woff2') format('woff2'), url('fonts/Lintel_Reg-webfont.woff') format('woff'), url('fonts/Lintel_Reg-webfont.ttf') format('truetype'), url('fonts/Lintel_Reg-webfont.svg#lintelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iconFont';
    src: url('fonts/iconfont-webfont.eot');
    src: url('fonts/iconfont-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont-webfont.woff2') format('woff2'), url('fonts/iconfont-webfont.woff') format('woff'), url('fonts/iconfont-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    border: 0;
    padding: 0;
    background-color: #f2f2f2;
}

#page {
    -webkit-transition: margin-right 0.3s ease-in-out, margin-left 0.3s ease-in-out;
    -moz-transition: margin-right 0.3s ease-in-out, margin-left 0.3s ease-in-out;
    -o-transition: margin-right 0.3s ease-in-out, margin-left 0.3s ease-in-out;
    transition: margin-right 0.3s ease-in-out, margin-left 0.3s ease-in-out;
}

.mobile {
    font-size: 120% !important;
    overflow-x: hidden;
    width: 100%;
}

.noScroll {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearBoth {
    clear: both;
}

.burger {
    position: absolute;
    top: 0;
    left: 0;
    width: 4em;
    height: 4em;
    display: none;
    margin: 2em 2.5em;
    -webkit-transition: fill 0.3s ease-in-out;
    -moz-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
    fill: white;
}

#burger {
}

#close {
    display: none;
}

.homeLogo {
    height: 1.6em;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
        color: inherit;
    }

    a:visited {
        text-decoration: none;
        color: inherit;
    }

    a:current {
        text-decoration: none;
        color: inherit;
    }

    a:active {
        text-decoration: none;
        color: inherit;
    }

p {
    margin: 0em;
}

.vignette {
    -webkit-box-shadow: inset 0px 0px 10em 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 10em 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 10em 0px rgba(0,0,0,0.5);
}

.outerShadow {
    -webkit-box-shadow: 0em 0em 1em 0em rgba(0,0,0,0.5);
    -moz-box-shadow: 0em 0em 1em 0em rgba(0,0,0,0.5);
    box-shadow: 0em 0em 1em 0em rgba(0,0,0,0.5);
}

.outerShadowFaint {
    -webkit-box-shadow: 0em 0em 10em 0em rgba(0,0,0,0.04);
    -moz-box-shadow: 0em 0em 10em 0em rgba(0,0,0,0.04);
    box-shadow: 0em 0em 10em 0em rgba(0,0,0,0.04);
}

.headerContainer {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 20em;
    top: 0;
    left: 0;
    background-image: url(../Images/head.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.footerContainer {
    position: relative;
    z-index: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: black;
    color: white;
    text-align: center;
}

    .footerContainer div {
        padding: 1em;
    }

.smallLogo {
    margin: 3em 0em;
    width: 100%;
    height: 3em;
    background-image: url(../Images/logo-Old.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.headerOverlay, .sectionOverlay, .tileOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.02);
    /*background: linear-gradient(to bottom,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.7) 100%) repeat scroll 0 0 rgba(0,0,0,0);*/
}

.logo {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 3em;
    margin: 1em 1em 0em 0em;
    width: 10em;
    height: 5em;
    background-image: url(../Images/HEDQF.png);
    background-size: contain;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.mobile .logo{
    font-size:2em;
}
.logo.mobile{
    font-size: 50%;
}

.headTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    font-weight: normal;
    font-size: 3em;
    margin: 1em;
    text-transform: uppercase;
}

.AEA a {
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}

    .AEA a:hover {
        color: #fd9833;
    }

.pageWidth {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
}


.links {
    z-index: 0;
    position: relative;
    top: 0em;
    left: 0;
    width: 100%;
    min-width: 1024px;
}

    .links ul {
        margin: 0;
        padding: 0 0;
        width: 100%;
        display: table;
        table-layout: fixed; /* optional */
    }

        .links ul li {
            display: table-cell;
            width: auto;
            text-align: center;
            overflow: hidden;
            /*padding: 5px 0;*/
            /*font-size: inherit;*/
        }

.link {
    color: white;
    cursor: pointer;
    line-height: 3.2em;
    text-align: center;
    border-right: 1px solid rgba(68,68,68,1);
    /*border-top: 1em solid transparent;*/
    /*padding-bottom: 1em;*/
    font-size: 1.25em;
}


    .link:last-of-type {
        border-right: 0 solid #A5A5A5;
    }

    .link a {
        -webkit-transition: color 0.1s ease-in-out;
        -moz-transition: color 0.1s ease-in-out;
        -o-transition: color 0.1s ease-in-out;
        transition: color 0.1s ease-in-out;
    }

        .link a:hover {
            color: #A5A5A5;
            /*background-color:rgba(0,0,0,0.1);*/
        }

    .link .current {
        color: #A5A5A5;
    }

.linkSelected {
    color: #A5A5A5;
}


.linksMobile {
    width: 100%;
    position: absolute;
    top: 8em;
    left: 0px;
    display: none;
    /*z-index: -1;*/
}

    .linksMobile .link {
        color: black !important;
        padding: 1em 2em;
    }


    .linksMobile ul {
        margin: 0;
        padding: 0 0;
        width: 100%;
        display: table;
        /*table-layout: fixed;*/ /* optional */
    }

        .linksMobile ul li {
            /*display: table-cell;*/
            width: auto;
            text-align: left;
            overflow: hidden;
            /*padding: 5px 0;*/
        }

    .linksMobile a {
        color: black;
        font-size: 1.5em;
    }

.subLinks {
    z-index: 0;
    position: relative;
    top: 0em;
    left: 0;
    width: 100%;
    min-width: 1024px;
}

    .subLinks ul {
        margin: 0;
        padding: 0 0;
        width: 100%;
        display: table;
        /*table-layout: fixed;*/ /* optional */
    }

        .subLinks ul li {
            display: table-cell;
            width: auto;
            text-align: center;
            overflow: hidden;
            color: white;
            border: 0;
            line-height: 3.5em;
            /*padding: 5px 0;*/
            /*font-size: inherit;*/
        }

    .subLinks .link a:hover {
        color: black;
    }

.linksFixed {
    position: fixed;
    top: 0em;
    width: 100%;
    height: 4em;
    background-color: rgba(0,0,0,0.9);
    z-index: 999;
    display: none;
}

    .linksFixed .links {
        top: 0em;
    }

/*Home button (tree)*/

/*.links .link:first-of-type, .linksFixed .link:first-of-type {
        width: 5.5em;
    }*/


.introText, .introTextPractice, .text {
    padding: 2em; /*1em 2em;*/
    font-size: 2em;
    /*text-align: center;*/
    line-height: 1.5;
    color: #525d5a;
    margin: 0em;
}

.introTextPractice {
    font-size: 0.7em;
    background-color: #fd9833;
}

    .introTextPractice .introText {
        color: white !important;
    }

.introText2 {
    font-size: 0.8em;
    background-color: rgba(0,0,0,0.02);
}

.text a {
    text-decoration: none;
    color: #000;
    font-size: inherit;
}

    .text a:hover {
        text-decoration: none;
        /*color: inherit;*/
        font-size: inherit;
    }

    .text a:visited {
        text-decoration: none;
        /*color: inherit;*/
        font-size: inherit;
    }

    .text a:current {
        text-decoration: none;
        /*color: inherit;*/
        font-size: inherit;
    }

    .text a:active {
        text-decoration: none;
        /*color: inherit;*/
        font-size: inherit;
    }

.introText a {
    text-decoration: none;
    color: #000;
    font-size: inherit;
}

    .introText a:hover {
        text-decoration: none;
        /*color: inherit;*/
        font-size: inherit;
    }

    .introText a:visited {
        text-decoration: none;
        /*color: inherit;*/
        font-size: inherit;
    }

    .introText a:current {
        text-decoration: none;
        color: inherit;
        font-size: inherit;
    }

    .introText a:active {
        text-decoration: none;
        /*color: inherit;*/
        font-size: inherit;
    }


.item {
    padding: 0em 0em;
}

/*.image{
        -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}*/

.sectionHeaderContainer {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

/*.sectionHeaderContainer .offset::before {
    display: block;
    content: " ";
    height: 70px;
    margin-top: -70px;
}*/


.sectionHeader, .sectionTitle {
    position: relative;
    bottom: 0;
    left: 0;
    color: black;
    font-weight: bold;
    font-size: 2.5em;
    padding: 1.25em 1.25em 0.5em 1.25em;
}

.sectionHeaderContainer.vignette {
    -webkit-box-shadow: inset 0px 0px 10em 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px 0px 10em 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 0px 10em 0px rgba(0,0,0,0.25);
}

.sectionContainer {
}
/*.sectionContainer:nth-of-type(even) {
    background-color: rgba(24,58,103,1);
}*/
.sectionTitle {
    font-size: 1.5em;
    padding: 0em 2.1em 2.1em 2.1em;
}

.projectImageContainer, .projectMapContainer {
    margin: 1em 2.5em;
}

.projectImageThumb {
    background-image: url(../Images/1337_Gallery_3.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.projectMap {
    background-image: url(../Images/map.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}


.aboutOverlay {
    background-color: rgba(93, 105, 104, 0.8);
}

.projectsOverlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.newsOverlay {
    background-color: rgba(63,98,130,0.8);
}

.impactOverlay {
    background-color: rgba(0, 0, 0, 1);
}

.resourcesOverlay {
    background-color: rgba(0, 0, 0, 1);
}

.getInvolvedOverlay {
    background-color: rgba(0, 0, 0, 1);
}

.contactOverlay {
    background-color: rgba(0, 0, 0, 1);
}

.tiles {
    display: inline-block;
    z-index: 0;
    position: relative;
    top: 0em;
    left: 0px;
    width: 100%;
    /*margin: 4em 0em;*/
}


    .tiles ul {
        margin: 0;
        padding: 0 0;
    }



        .tiles ul li {
            /*display: inline-table;*/
            width: auto;
            text-align: center;
            overflow: hidden;
            border: 0;
            width: 25%;
            float: left;
        }

.tile {
    position: relative;
    background-color: rgba(0,0,0,0.015);
    cursor: pointer;
    background-image: url(../Images/1337_Gallery_3.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 17em;
}

.tileTitle {
    position: absolute;
    bottom: 1em;
    right: 1em;
    text-align: right;
    color: white;
    font-size: 1.5em;
}

.memberSignIn,.welcome{
    font-size:3em;
    margin:1em 0;
    display:block;
    text-align:center;
}

.members 
{

}

.resources {
    padding: 3.5em;
}

.resource {
    padding: 1em 1em 1em 2em;
    position:relative;
}


    .resource .resourceTitle div.File, .resource .resourceTitle div.Directory {
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        background-image: url("../Images/file.svg");
        width: 1.5em;
        height: 2.5em;
        display: inline-block;
        position: absolute;
        top: 0.25em;
        left: 0px;
    }

.resource.Directory {
    background-color: rgba(0, 0, 0, 0.1);
}

    .resource .resourceTitle div.Directory {
        /*background-image: url("../Images/directory.svg");*/
        background-image: none;
    }

    .resource.pad7 {
        margin-left: 0em;
    }

    .resource.pad8 {
        margin-left: 1em;
    }

    .resource.pad9 {
        margin-left: 2em;
    }

    .resource.pad10 {
        margin-left: 3em;
    }

    .resource.pad11 {
        margin-left: 4em;
    }

    .resource.pad12 {
        margin-left: 5em;
    }

    .resource.pad13 {
        margin-left: 6em;
    }

    .resource.pad14 {
        margin-left: 7em;
    }

.resourceTitle {
    text-align: left;
    color: rgba(82, 93, 90, 1);
}

.Directory .resourceTitle {
    font-size: 2em;
}



/*.resources:nth-of-type(even) .resource {
    background-color: rgba(0,0,0,0.025);
}*/

.imageTitle {
    position: relative;
    top: 100%;
    right: 0em;
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 0em 0.8em;
    display: block;
    margin-top: -2em;
    line-height: 2em;
    font-size: 12px;
}

.imagesLoop {
    position: relative;
    width: 100%;
    height: 600px;
}

.imageLoop {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-image: url(../images/SBC.jpg);*/
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: none;
}


/*social*/
.socialLinks {
    text-align: center;
    display: table;
    margin: 0em auto;
    padding: 1em;
}

    .socialLinks li {
        display: table-cell;
        font-size: 3em;
    }

        .socialLinks li a {
            /*border: 1px solid rgba(255,255,255,0.3);*/
            margin: 0em 0.5em;
            padding: 0.25em 0.3em 0.1em 0.3em;
            -webkit-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

            .socialLinks li a:hover {
                /*border: 1px solid rgba(255,255,255,1);*/
            }



/*social*/


/*mailchimp*/
#mc_embed_signup {
    color: #525d5a;
}

    #mc_embed_signup h2 {
        text-align: center;
    }

#mc_embed_signup_scroll {
    width: 40em;
    position: relative;
    left: 50%;
    margin: 3em -20em;
}

.mc-field-group label, .mc-field-group input {
    width: 50%;
    display: inline-block;
    float: left;
}

.mc-field-group label {
    width: 25%;
    padding: 0.35em;
}

.mc-field-group input {
    width: 75%;
    padding: 0.25em;
    margin: 0.25em 0;
}
/*mailchimp*/