/*

 __   __  _______  _______  ___   ___      _______ 
|  |_|  ||       ||  _    ||   | |   |    |       |
|       ||   _   || |_|   ||   | |   |    |    ___|
|       ||  | |  ||       ||   | |   |    |   |___ 
|       ||  |_|  ||  _   | |   | |   |___ |    ___|
| ||_|| ||       || |_|   ||   | |       ||   |___ 
|_|   |_||_______||_______||___| |_______||_______|
 _______         _______  ___      _______         
|  _    |       |       ||   |    |  _    |        
| | |   | ____  |___    ||   |___ | | |   |        
| | |   ||____|  ___|   ||    _  || | |   |        
| |_|   |       |___    ||   | | || |_|   |        
|       |        ___|   ||   |_| ||       |        
|_______|       |_______||_______||_______|        
   
*/



html {
    overflow-x: hidden;
}

html, body {
    height: 100%;
    background: #F6F5F0;
}

    html * {
        outline-color: #478529;
        outline-width: 1px;
    }

        html *:focus {
            outline-style: dotted;
        }

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 4vw;
    color: #273030;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


		#cc-main .cm__btn,
		#cc-main .pm__btn {
			background: #478529;
			border: 1px solid #478529;
			color: #ffffff;
		}
		
		
		#cc-main .cm__btn.cm__btn--secondary,
		#cc-main .pm__btn.pm__btn--secondary  {
			background: #EAEFF2;
			border: 1px solid #EAEFF2;
			color: #000000;
		}

/*::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}*/

a {
    text-decoration: none;
}

h1 {
    color: #478529;
    font-size: 10.2vw;
}

h2 {
    font-size: 6vw;
    color: #478529;
}

h3 {
    font-size: 4vw;
    color: #478529;
}

h4 {
    font-size: 3vw;
    color: #478529;
}

h1, h2, h3, h4, h5, h6, .ncopy h1 {
    color: #478529;
    padding: 7px 0px 17px 0px;
}




#bcfTitle {
    margin: 50px 0 0 0;
    padding: 0 0px 0px 0px;
    background: #3B3433;
    color: #ffffff;
}

#bcfTitle h1{
    color: #ffffff;
}



#bcfSites {
    margin: 0 0 0 0;
    background: #3B3433;
    color: #ffffff;
}

.homepagebcf header {
    width: calc(100% - 0px);
    background: #3B3433;
    color: #ffffff;
    padding: 0 0 20px 0;
}

.homepagebcf .headerMenuContainer,
.homepagebcf .siteSwitcherContainer,
.homepagebcf #searchBoxToggle,
.homepagebcf #verticalHalfBorder {
    display: none;
}

.homepagebcf .toggleMobileMenuButton .fa.fa-bars {
    display: none;
}

.homepagebcf #mainContent {
    background:#fff;
    margin: 50px 0 0 0;
}



body.homepagebcf  {
    background: #3B3433;
}


#bcfDescriptionOuterContainer,
#bcfDescriptionOuterContainer,
#bcfDescriptionOuterContainer {
    display: table;
    width: 100%;
    height: auto;
    cursor: pointer;
    font-size: 4vw;
    line-height: 5vw;
}

#bcfDescriptionInnerContainer,
#bcfDescriptionInnerContainer,
#bcfDescriptionInnerContainer {
    display: table-cell;
    vertical-align: middle;
    font-size: 4vw;
    line-height: 5vw;
}



.di .bcfDescriptionOuterContainer,
.iwt .bcfDescriptionOuterContainer,
.dp .bcfDescriptionOuterContainer {
    display: table;
    width: 100%;
    height: auto;
    font-size: 4vw;
}

.di .bcfDescriptionInnerContainer,
.iwt .bcfDescriptionInnerContainer,
.dp .bcfDescriptionInnerContainer {
    display: table-cell;
    vertical-align: middle;
    font-size: 4vw;
}


.di .bcfDescriptionOuterContainer {
    background: #478529;
    position: relative;
    cursor: pointer;
    font-size: 4vw;
    line-height: 4vw;
}

.iwt .bcfDescriptionOuterContainer {
    background: #e7bc15;
    position: relative;
    cursor: pointer;
    color: #000;
    font-size: 4vw;
    line-height: 4vw;
}

.dp .bcfDescriptionOuterContainer {
    background: #027977;
    position: relative;
    cursor: pointer;
    font-size: 4vw;
    line-height: 4vw;
}

.bcfPictureOverlayInnerContainerDescription {
    margin: 9% 0 0 0;
    text-align: left;
}

#mainContent .bcfPictureOverlayInnerContainerDescription a {
    color: #fff;
    font-size: 1.6vw;
    line-height: 2.1vw;
    text-decoration: underline;
}

    #mainContent .bcfPictureOverlayInnerContainerDescription a:hover {
        color: #fff;
        text-decoration: underline;
    }


#mainContent .iwt .bcfPictureOverlayInnerContainerDescription a {
    color: #000;
    font-size: 1.6vw;
    line-height: 2.1vw;
}

.homepagebcf #logo {
    max-width: 50%;
    width: 50%;
    height: auto;
    margin: 15px 0 0 20px;
}

.homepagebcf #mainContentHeading {
    background: #3B3433;
}

.bcfPictureTitleInnerContainer {
    padding: 20px;
    text-align: center;
    font-weight: bold;
}

#bcfSites .di,
#bcfSites .iwt,
#bcfSites .dp {
    padding: 0;
    margin: 0;
}

.homepagebcf a#skipToContent {
    margin: 0 0 0 0;
}

.di .bcfPicture img {
    width: 100%;
}

.iwt .bcfPicture img {
    width: 100%;
}

.dp .bcfPicture img {
    width: 100%;
}

.bcfPictureOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0f0;
    left: 0;
    top: 0;
    display: none;
    padding: 0 10%;
}




.di .bcfPictureOverlayOuterContainer,
.iwt .bcfPictureOverlayOuterContainer,
.dp .bcfPictureOverlayOuterContainer {
    display: table;
    width: 100%;
    height: 100%;
}

.di .bcfPictureOverlayInnerContainer, 
.iwt .bcfPictureOverlayInnerContainer, 
.dp .bcfPictureOverlayInnerContainer {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    font-size: 4vw;
    line-height: 4vw;
}


.iwt .bcfPictureOverlayInnerContainer {
    color:#000;
}




#bcfDescriptionOuterContainer,
#bcfDescriptionOuterContainer,
 #bcfDescriptionOuterContainer {
    display: table;
    width: auto;
    height: 100%;
}

#bcfDescriptionInnerContainer,
#bcfDescriptionInnerContainer,
#bcfDescriptionInnerContainer {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
}


#bcfHeading {
    margin: 0 20px;
}

h1#bcfHeading {
    padding: 20px 0 20px 0;
    font-size: 12vw;
    line-height: 12vw;
}



.bcfDescription {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
    
    #bcfDescriptionOuterContainer, 
    #bcfDescriptionOuterContainer, 
    #bcfDescriptionOuterContainer {
    margin: 0 20px 0 20px ;
}


.bcfMobileDescription {
    display: none;
    cursor: pointer;
    font-size: 4vw;
    line-height: 4.4vw;
}

#mainContent .bcfMobileDescription a {
    color: #ffffff;
    text-decoration: underline;
    font-size: 4vw;
    line-height: 4.4vw;
}

    #mainContent .bcfMobileDescription a:hover {
        color: #ffffff;
        font-weight: bold;
    }

#mainContent .iwt .bcfMobileDescription a {
    color: #000000;
    text-decoration: underline;
    font-size: 4vw;
    line-height: 4.4vw;
}

    #mainContent .iwt .bcfMobileDescription a:hover {
        color: #000000;
        font-weight:bold;
    }

    .bcfMobileDescription img {
        width: 100%;
    }

.di .bcfPictureOverlay,
.di .bcfMobileDescription {
    background: #478529;
    padding:0px 20px 20px 20px;
}

.iwt .bcfPictureOverlay,
.iwt .bcfMobileDescription {
    background: #e7bc15;
    color: #000;
    padding: 0px 20px 20px 20px;
}

.dp .bcfPictureOverlay,
.dp .bcfMobileDescription {
    background: #027977;
    padding: 0px 20px 20px 20px;
}

.textAlignLeft {
    text-align:left;
}

.textAlignCenter {
    text-align: center;
}

.bcfPictureOverlay img {
    max-width: 50%;
}

.homepagebcf #footer {
    padding: 72px 20px 20px 20px;
    margin: 0px 0 0 0;
}

.quote {
    margin: 7px;
    padding: 10px 20px;
    background: rgba(2,121,119,0.1);
    color: #478529;
    width: calc(100% - 14px);
    display: block;
    font-size: 4vw;
    font-style: italic;
}


.headerContainer {
    top: 0;
    position: relative;
    width: 100%;
    z-index: 214768487;
}

header {
    /*
    padding: 0 0 10px 0;
    z-index: 2147483647;*/
    position: absolute;
    width: calc(100% - 0px);
    padding: 0;
    margin: 0;
    z-index: 1000;
}
    header .row {
        margin-right: 0;
    }


/*#header {
    position: absolute;
    top: 0;
    padding: 0px;
    z-index: 1234567890;
    width: 100%;
    color: #F6F5F0;
    background: #333;
}*/

    #header .col-4 {
        padding-right: 5px;
    }

    #header .col-8 {
        padding-left: 5px;
    }

    #header a {
        font-weight: bold;
    }

header {
    background: #478529;
}

#header #skipToContent {
    font-size: 10px 8px;
    font-weight: normal;
    color: #F6F5F0;
    margin: 0 0 30px 0;
    display: inline-block;
    opacity: 0.7;
}



#logo {
    width: 80px;
    height: auto;
    margin: 0 0 10px 10px;
}


#headerNavigation {
    display: block;
}


    #headerNavigation a {
        text-decoration: none;
    }


        #headerNavigation a:hover {
            text-decoration: none;
            color: #F6F5F0;
        }





#menu-depth-1 {
    border: 0px solid #ff0000;
    display: grid;
    position: absolute;
    background: rgba(255,255,255,0.9);
}


#menu-depth-2 {
    border: 0px solid #00ff00;
    display: grid;
    position: absolute;
    background: rgba(255,255,255,0.9);
    z-index:101;
}


#menu-depth-3 {
    border: 0px solid #0000ff;
    display: grid;
    position: absolute;
    background: rgba(255,255,255,0.9);
    z-index: 100;
}


#headerNavigation a.depth-1-menuitem {
    color: #F6F5F0;
}

.mobileHide {
    display: none;
}


.row.projectResultRow {
    position: relative;
}


    .row.projectResultRow #projectNextArrowContainer {
        position: absolute;
        top: 0;
        right: 0;
    }

#projectNextArrow img {
    height: 20px;
    width:auto;
}

.mobileHeaderMenuContainer {
    margin: 40px 0 0 0;
}

#mobileHeaderNavigation a {
    font-size: 8vw;
}

#siteSwitcher a {
    text-decoration: none;
    color: #F6F5F0;
}

    #siteSwitcher a:hover {
        text-decoration: none;
        color: #F6F5F0;
    }



    #siteSwitcher a.depth-1-menuitem {
        color: #F6F5F0;
    }



#siteSwitcher .mainMenuItem.depth-2:hover a {
    color: #F6F5F0;
}



#siteSwitcher a.depth-2-menuitem {
    color: #478529;
}


    #siteSwitcher a.depth-2-menuitem:hover {
        color: #F6F5F0;
    }

#bannerImage {
    background-size: contain;
    height: 25vw;
    background-position: center;
    margin: 100px 0 0 0;
}

#panel1 {
    background: #478529;
    padding: 10px 0;
    min-height: 34vh;
}

#panel2 {
    padding: 0;
}

#panel3 {
    padding: 10px 0;
}

#panel4 {
    padding: 10px 0;
}


.homepageBlockOverlay {
    background-color: #478529;
}

.resourceBlock {
    cursor: pointer;
}

.resourceBlockOverlay {
    background-color: #478529;
}

.homepage #bannerImage {
    height: 40vh;
    background-size: cover;
}

#homepageSummary {
    color: #F6F5F0;
    font-size: 5.2vw;
    text-align: left;
    margin: 0 30px 0 30px;
    display: table;
}

    #homepageSummary p {
        display: table-cell;
        vertical-align: middle;
    }

#homepageHeading {
    color: #2C3928;
    text-align: left;
    display: table;
    color: #2C3928;
    font-size: 15vw;
    line-height: 15vw;
    /*text-transform: uppercase; */
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 20px 0;
}


#homepageHeadingH1 {
    margin: 0 30px 0vh 30px;
    color: #ffffff;
}







#homepageWhenToApplyHeadingH1 {
    color: #478529;
    font-size: 10.2vw;
    margin: 0 0 20px 0;
}

#homepageWhenToApplySummary {
}

.homepageWhenToApplyBoxes {
    border: 0px solid #333;
}

.homepageWhenToApplyTitles {
}

    .homepageWhenToApplyTitles a {
        text-decoration: none;
        color: #000000;
    }

        .homepageWhenToApplyTitles a:hover {
            text-decoration: none;
            /*color: #2C3928;*/
        }

.row .headings {
    font-weight: bold;
}

.homepageWhenToApplyTitle {
    width: auto;
    display: inline-block;
    cursor: pointer;
    /* text-transform: uppercase; */
    margin: 10px 20px;
    padding: 0 15px;
    font-size: 20px;
    border-style: solid;
    border-color: #273030;
    border-width: 0 0 1px 0;
    min-width: 16vw;
    width: calc(100% - 40px);
    text-align: center;
}




.homepageWhenToApplyBox {
    display: none;
    text-align: left;
    padding: 30px 20px;
}


.homepageWhenToApplyBox a {
    font-weight:normal !important;
}

    .homepageWhenToApplyBox:nth-of-type(1) {
        display: block;
    }







.selected {
    /*font-size: 20px;*/
    border-style: solid !important;
    border-color: #478529 !important;
    border-width: 0 0 5px 0 !important;
}

.homepageWhenToApplyHtml {
    border: 0px solid #333;
}



h1.faq_heading {
    font-family: 'Saira Condensed', sans-serif;
    font-size: 3vw;
    margin: 0;
    padding: 0;
}

.faq_outer_container {
    height: auto;
    border-radius: 3px;
    padding: 0 0px 0 0;
    border: 1px solid #478529;
    vertical-align: top;
    background-position-x: -1px;
    clear: both;
    padding: 0px;
    margin: 0 0 20px 0;
    background-size: contain;
    background-size: 101%;
    cursor: pointer;
}

.faq_inner_container {
    height: auto;
    background: #F6F5F0;
    border-radius: 3px;
    padding: 1px;
    position: relative;
    padding: 0 0 20px 0;
}

.faq_toggle {
    font-size: 30px;
    font-weight: bold;
    padding: 0px;
    position: absolute;
    top: 18px;
    right: 24px;
    color: #888;
    cursor: pointer;
}

.faq_question {
    color: #273030;
    text-align: left;
    display: block;
    width: 100%;
    padding: 20px 50px 0 20px;
    font-weight: bold;
}

.faq_answer {
    display: block;
    width: 100%;
    padding: 20px 20px 0px 20px;
    display: none;
}

    .faq_answer p {
        color: #273030;
        text-align: left;
        padding: 0;
        margin: 0;
    }



.categoryRow:hover {
    background: #478529;
    color: #F6F5F0;
}

    .categoryRow:hover a {
        color: #F6F5F0;
    }

        .categoryRow:hover a:hover {
            color: #273030;
        }

.row.categoryRow img {
    width: 10px;
}

#homepageSearchProjectsHeading {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    padding: 0 20px 20px 20px;
    cursor: pointer;
}

    #homepageSearchProjectsHeading h1 {
        color: #F6F5F0;
        font-size: 7.2vw;
        padding: 0;
        margin: 0;
        line-height: 1;
    }


#projectNextArrowContainer {
    display: table;
    height: 100%;
}


#projectNextArrow {
    display: table-cell;
    vertical-align: top;
    padding: 0px 0 0;
}

    #projectNextArrow.listingOnly {
        vertical-align: middle;
    }

        #projectNextArrow.listingOnly #projectNextArrow img {
            margin: 0;
        }

    #projectNextArrow img {
        margin: 10px 0 0 0;
    }


.projectLeaderColumn {
    display:none;
}

.headingLeft {
    display: inline-block;
    width: 80%;
    vertical-align: top;
}

.chevronRight {
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
    width: 18%;
    position: relative;
}

    .chevronRight img {
        padding: 0px;
        /*height: 100%;*/
        position: absolute;
        bottom: 0;
        right: 0;
        width: 20px;
    }

#skipToContent {
    vertical-align: top;
    font-size: 10px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 10px 8px;
    opacity: 0.7;
}

a#skipToContent {
    color: #F6F5F0 !important;
}

#homepageSearchProjectsBackground {
    min-height: 30vh;
    background-size: cover;
    position: relative;
}

#homepageLatestArticles {
    min-height: 30vh;
    padding: 20px 30px 50px 30px;
}


#homepageLatestUpdatesHeading {
    width: 100%;
    text-align: left;
    padding: 20px 20px 20px 20px;
    cursor: pointer;
    display: block;
}

    #homepageLatestUpdatesHeading h1 {
        color: #478529;
        text-align: left;
        font-size: 7.2vw;
        padding: 0;
        margin: 0;
        line-height: 1;
    }





.articleBlock {
    cursor: pointer;
    text-align: left;
    padding: 0px 0px 30px 0px;
}

    .articleBlock.blogPost {
        cursor: default;
    }


    .articleBlock .articleDate {
        margin: 20px 0 5px 0;
    }

.articleDate {
    margin: 0px 0 20px 0;
}

.articleBlock img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

a.articleLink {
    text-decoration: none;
    color: #000000 !important;
}

.articleHeading {
    font-size: 7.2vw;
    color: #478529;
}

h2.articleHeading {
    font-size: 7.2vw;
    color: #478529;
}

.articleHtml {
    margin: 30px 0;
}


.articleLink img {
    width: auto;
}

.downloadFileContainer {
    border-width: 1px 0 0 0;
    border-color: #273030;
    border-style: solid;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.downloadFile {
    display: block;
    min-height: 55px;
}

.downloadFile a {
    color: #273030 !important;
}

.downloadIcon {
    float: right;
    margin: 10px;
}

.richText {
    margin: 50px 0;
}

#homepageProjectResourcesHeading {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    padding: 0 20px 20px 20px;
    cursor: pointer;
    display: block;
}

    #homepageProjectResourcesHeading h1 {
        color: #F6F5F0;
        font-size: 7.2vw;
        padding: 0;
        margin: 0;
        line-height: 1;
    }


#homepageProjectResourcesBackground {
    min-height: 30vh;
    background-size: cover;
    position: relative;
}


.galleryImageRow {
    margin: 0;
}


.galleryImages img {
    width: 100%;
    height: auto;
    padding: 10px;
}

.noPadding {
    padding: 0;
}



#siteSwitcherSelectedSite {
    position: absolute;
    top: 0;
    right: 100px;
    border-left: 1px solid #000;
    padding: 0px;
    display: block;
    cursor: pointer;
}

#siteSwitcherSelectedSiteLabel {
    display: inline-block;
}

#mainContentHeading {
    color: #F6F5F0;
    padding: 20px 20px;
    background: #478529;
    font-size: 6.2vw;
    line-height: 11.2vw;
}



#sideNavigation {
    padding: 20px;
}

    #sideNavigation a,
    #backButton a {
        text-decoration: none !important;
    }

#mainContentHtml {
    padding: 20px 20px 0 20px;
}

#backButton {
    padding: 20px 20px 0px 20px;
}

#topLevelIntroButton {
    border-top: 1px solid #D1E2D8;
    padding: 10px 0px 10px 0px;
    display: none;
}

    #backButton a {
        color: #273030 !important;
    }

#topLevelIntroButton a {
    color: #273030 !important;
}



.row.aboutUsIconRow {
    background: rgba(2,133,41,0.1);
}

#aboutUsIconContainer {
    padding: 20px 0;
}

#aboutUsIconHeading {
    text-align: center;
    margin: 10px 0 30px 0;
}

    #aboutUsIconHeading h1 {
        font-size: 3.8vw;
        color: #478529;
    }

.aboutUsIcons {
    text-align: center;
    margin: 0 0 50px 0;
}

    .aboutUsIcons img {
        width: auto;
        max-height: 225px;
    }

#projectPanel {
    padding: 20px 20px;
}

    #projectPanel h1 {
        /*text-transform: capitalize;*/
    }

    .capitalizeHeading {
        text-transform: capitalize;
    }

    #projectPanel h2 {
        /*text-transform: capitalize;*/
    }

    #projectPanel.projectDetail h2 {
        font-size: 6.5vw;
        color: #478529;
    }


    #projectPanel.projectDetail #projectAdvancedSearchLink {
        margin: 30px 0 0 0;
    }

.projectStatusLabel {
    width: 140px;
    display: inline-block;
    font-weight: bold;
}


#projectStatus {
    text-align: left;
    margin: 0 0 0 10px;
}

.projectFactsIcon img {
    width: 100%;
}

#projectSummary {
    margin: 0px 0 50px 0;
}

.projectDateLabel {
    width: 140px;
    display: inline-block;
    font-weight: bold;
}

#projectTitle {
    color: #273030;
}

#keyFacts {
    text-align: left;
    padding: 20px 5px 0px 10px;
}

    #keyFacts h2 {
        color: #478529;
    }

.projectFactsIcon {
    text-align: left;
    display: inline-block;
    margin:10px 0 10px 0px;
    width: 20%;
}




.projectFactsLabel {
    text-align: left;
    display: inline-block;
    color: #478529;
    font-size: 4vw;
    line-height: 4.4vw;
    margin: 20px 0 20px 0;
    width: 78%;
    vertical-align: top;
}


#startDate {
    margin: 20px 0 0 0;
    font-size: 4vw;
}

#endDate {
    margin: 0 0 10px 0;
    font-size: 4vw;
}

#projectSummary {
    margin: 20px 0 30px 0;
    font-size:3vw;
}

    #projectSummary h2 {
        color: #478529;
    }

#projectNews {
    margin: 0px 0 30px 0;
}


    #projectNews h2 {
        color: #273030;
    }

#projectImages {
    margin: 50px 0 30px 0;
}


    #projectImages h2 {
        color: #478529;
    }


.projectImageColumn {
    margin: 0 0 20px 0;
}

#searchProjectsHeading {
    font-size: 4.5vw;
    color: #273030;
}

#projectAdvancedSearchLink {
    margin: 0 0 0 20px;
}

    #projectAdvancedSearchLink a {
        text-decoration: none;
        color: #000000;
        font-size:4vw;
    }

    #projectAdvancedSearchLink i {
        font-size: 4vw;
    }


#projectSearchMenu {
    margin: 30px 0 0px 0;
    padding: 0 0 0px 0;
    border-bottom: 0px;
    border-width: 0 0 0px 0;
    border-color: #cdcdcd;
    border-style: solid;
    display: block;
}


#searchBox2 h1 {
    color: #F6F5F0;
}

.searchResult {
    margin: 0 0 10px 0;
}


#newsCategories {
    margin-bottom: 0px;
}


    #newsCategories h2,
    #newsArchive h2 {
        font-size: 7.5vw;
        margin: 0;
    }





#newsCategoriesToggleButton,
#newsArchiveToggleButton {
    display: block;
    cursor: pointer;
}

    #newsCategoriesToggleButton i,
    #newsArchiveToggleButton i {
        font-size: 5.5vw;
    }

#newsCategoriesContainer {
    display: none;
    margin: 0 0 20px 0;
}

#newsArchiveContainer {
    display: none;
}











.sideMenuItem #menu-depth-1 {
    border: 0px solid #ff0000;
    display: grid;
    position: relative;
    background: unset;
}


.sideMenuItem #menu-depth-2 {
    border: 0px solid #00ff00;
    display: grid;
    position: relative;
    background: unset;
    margin: 0 0 0 20px;
}


.sideMenuItem #menu-depth-3 {
    border: 0px solid #0000ff;
    display: grid;
    position: relative;
    background: unset;
    z-index: 100;
    margin: 0 0 0 40px;
}





#headerNavigation li {
    display: inline-block;
    margin: 0px 20px 0 0px;
}

    #headerNavigation li a {
        text-transform: uppercase;
    }

    #headerNavigation li.depth-2 a {
        text-transform: unset;
    }




#headerNavigation li.depth-1 {
    display: inline-block;
    margin: 0;
}


        #headerNavigation li.depth-1 a {
            display: inline-block;
            margin: 22px 20px 22px 20px;
            font-weight: bold;
        }

        #headerNavigation li.depth-1:hover {
            background: rgba(255,255,255,0.8);
        }






#headerNavigation li.depth-1:hover a {
    color: #478529;
}


    #headerNavigation li.depth-1 a:focus {
        outline-color: #000;
    }

    #headerNavigation li.depth-2 {
        display: inline-block;
        margin: 0px 0px 0 0px;
    }

        #headerNavigation li.depth-2 a {
            display: inline-block;
            margin: 10px 20px 10px 20px;
        }


ul.mainMenuRootUL {
    padding: 0 0 0 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.mainMenuRootUL li {
    margin: 80px 0 0 0;
    list-style-type: none;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-grow: 1
}

.depth-1.mainMenuRootUL li a {
    font-size: 0.91vw;
    font-weight: normal;
    /*color: #F6F5F0;*/
    text-decoration: none;
}


.mobileHeaderMenuContainer .depth-1.mainMenuRootUL li a {
    font-size: 0.8vw;
    font-weight: normal;
    /*color: #F6F5F0;*/
    text-decoration: none;
}


.menuItem.currentMenuItem.depth-2 {
    padding: 0;
}

.menuItem.firstMenuItem.depth-3 {
    border-top: 3px solid #efefef;
    margin: 0.4em 0 0 0;
}




.headerMenuContainer ul.depth-2 {
    display: none;
    margin-left: 0px;
    overflow: visible;
    z-index: 2147483647;
    width: auto;
    left: 0px;
    opacity: 0.9;
}



html .headerMenuContainer .mainMenuItem a.depth-1-menuitem.hvr-underline-from-left.hvr-underline-from-left-on::before {
    right: 0;
}



.headerMenuContainer .depth-2 li {
}

    .headerMenuContainer .depth-2 li:hover {
        background-color: #478529;
        color: #F6F5F0;
    }

    .headerMenuContainer .depth-2 li a:hover {
        font-weight: normal;
    }


.headerMenuContainer ul.depth-3 {
    display: none;
    left: 0;
    /*background:rgba(255,255,255,0.8);*/
    top: 0px;
    overflow: visible;
    z-index: 2000000;
    opacity: 0.9;
}


.headerMenuContainer .depth-3 li a:hover {
    font-weight: normal;
}

.headerMenuContainer .depth-2 li {
    display: block;
    text-align: left;
    width: 100%;
    white-space: nowrap;
}


.headerMenuContainer .mainMenuItem a.depth-2-menuitem span {
    padding: 0 10px;
}

.mainMenuItem {
    display: inline-block;
}

    .mainMenuItem.depth-1 {
        display: inline-block;
        padding: 0 0px 0 0px;
        float: left;
    }

        .mainMenuItem.depth-1 a {
            text-decoration: none;
            color: #F6F5F0;
        }







#headerNavigation a.depth-2-menuitem {
    color: #478529;
}

#headerNavigation a.depth-3-menuitem {
    color: #478529;
}

.headerMenuContainer .depth-2 li:hover {
    background-color: #478529;
}

.headerMenuContainer .depth-3 li:hover {
    background-color: #478529;
}



#headerNavigation li.depth-1:hover a {
    color: #478529;
}


#headerNavigation li.depth-2:hover a {
    color: #F6F5F0;
}


#headerNavigation li.depth-3 a:hover {
    color: #F6F5F0 !important;
}


#headerNavigation li.depth-3 a {
    color: #478529 !important;
}



#headerNavigation li.depth-3:hover a {
    color: #F6F5F0 !important;
}





#headerNavigation .mainMenuHoverColor {
    color: #478529 !important;
}

#headerNavigation .mainMenuHoverBackground {
    background: rgba(255,255,255,0.8);
}


#headerNavigation .mainMenuDepth2HoverColor {
    color: #ffffff !important;
}

#headerNavigation .mainMenuDepth2HoverBackground {
    background: #478529;
}


#headerNavigation li.depth-3 a.mainMenuDepth3HoverColor {
    color: #ffffff !important;
}

#headerNavigation .mainMenuDepth3HoverBackground {
    background: #478529;
}






.siteSwitcherContainer .depth-2 li:hover {
    background-color: #478529;
}

    .siteSwitcherContainer .depth-2 li:hover a {
        color: #F6F5F0;
    }









.toggleMobileMenuButton {
    position: absolute;
    top: 38px;
    right: 30px;
}

#searchBoxToggle {
    top: 38px;
    right: 25px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    z-index: 9999;
}









.fa.fa-search {
    margin: 42px 0;
    color: #F6F5F0;
}



#searchBoxToggle .fa.fa-search {
    margin: 0;
    font-size: 20px;
    opacity: 0.7;
}


.toggleMobileMenuButton .fa.fa-bars {
    margin: 0;
    font-size: 20px;
}

#searchButton {
    display: table;
    font-weight: bold;
    cursor: pointer;
    width: 12%;
    text-align: center;
    height: 100%;
    margin: 0 auto;
}

#advancedSearchFiltersPanel #searchButton {
    height: auto;
}

#advancedSearchFiltersPanel #searchButton {
    height: auto;
    margin: 20px 0 0 0;
    padding: 20px 30px;
    width: 100%;
    background-color: #478529;
    color: #fff;
    border: 0;
}

#searchButton .fa.fa-search {
    display: table-cell;
    margin: 0;
    color: #000;
    font-size: 6vw;
    vertical-align: middle;
}


#advancedSearchFiltersPanel legend {
    color: #478529;
}




#projectAdvancedSearchLink .fa.fa-search {
    color: #000;
}

#searchResults #projectAdvancedSearchLink .fa.fa-search {
    color: #000;
}








.mobileHeaderMenuContainer .mainMenuItem.depth-1 a {
    display: block;
}


.mobileHeaderMenuContainer .mainMenuItem.depth-1 {
    padding: 0 0px 0 0px;
    float: unset;
    display: block;
}

.headerMenuContainer .depth-1 li a {
    display: none;
    padding: 5px;
}

.headerMenuContainer .mainMenuItem.depth-1:nth-of-type(-n+7) a {
    display: inline-block;
}




.headerMenuContainer .mainMenuItem a.depth-1-menuitem {
    display: inline-block;
    margin: 0;
    display: block;
    color: #F6F5F0;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    padding: 32px 15px 32px 15px;
    text-align: center;
    width: auto;
    padding: 5px 13px;
}




.headerMenuContainer ul {
    margin: 0px 0 0 0;
    padding: 0;
}

.headerMenuContainer .mainMenuItem a.depth-1-menuitem.currentPage {
    color: #A3E3D8;
}

.headerMenuContainer .mainMenuItem a.depth-2-menuitem.currentPage {
    color: #A3E3D8;
}

    .headerMenuContainer .mainMenuItem a.depth-2-menuitem.currentPage:hover {
        color: #A3E3D8;
    }


.headerMenuContainer .mainMenuItem a.depth-1-menuitem {
    display: none;
}


    .headerMenuContainer .mainMenuItem a.depth-1-menuitem :nth-child(1),
    .headerMenuContainer .mainMenuItem a.depth-1-menuitem :nth-child(2),
    .headerMenuContainer .mainMenuItem a.depth-1-menuitem :nth-child(3),
    .headerMenuContainer .mainMenuItem a.depth-1-menuitem :nth-child(4),
    .headerMenuContainer .mainMenuItem a.depth-1-menuitem :nth-child(5),
    .headerMenuContainer .mainMenuItem a.depth-1-menuitem :nth-child(6) {
        display: inline-block;
    }

.headerMenuContainer ul li {
    padding: 0 0 0.4em 0;
}

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

    .subNavigationColumn ul li:first-of-type {
        padding: 5px 0;
        margin: 0;
        border-top: 1px solid #D1E2D8;
    }

    .subNavigationColumn ul li {
        padding: 5px 0;
        margin: 0;
        border-bottom: 1px solid #D1E2D8;
    }



.subNavigationColumn li {
    list-style-type: none;
}

    .subNavigationColumn li a {
        text-decoration: none;
        color: #273030 !important;
    }



.headerMenuContainer {
    position: relative;
    width: auto;
    margin: 0 0 0 0;
    height: 100%;
    display: none;
}

    .headerMenuContainer ul {
        margin: 0px;
        padding: 0px;
        height: 100%;
    }

        .headerMenuContainer ul, .headerMenuContainer ul li {
            float: left;
            list-style: none;
            list-style-type: none;
        }

            .headerMenuContainer ul li {
                margin: 0px 30px 0px 0px;
                padding: 0px;
            }

    .headerMenuContainer a, .headerMenuContainer a:link, .headerMenuContainer a:active, .headerMenuContainer a:visited, .headerMenuContainer a:hover {
        font-weight: 700;
        color: #636466;
    }













#searchResults #projectAdvancedSearchLink {
    margin: 0;
    padding: 0;
}

    #searchResults #projectAdvancedSearchLink a {
        color: #000;
        text-decoration: none;
    }


#siteSwitcherLabel {
    display:none;
}

#siteSwitcherMobileLabel {
    display: inline-block;
    cursor:pointer;
}


.fa.fa-chevron-down {
    cursor: pointer;
    opacity: 0.7;
}

#siteSwitcher li {
    display: inline-block;
    margin: 0px 20px 0 0px;
}

    #siteSwitcher li a {
        text-transform: capitalize;
    }

    #siteSwitcher li.depth-1 {
        display: inline-block;
        margin: 0;
    }


        #siteSwitcher li.depth-1 a {
            display: inline-block;
            margin: 22px 20px 22px 20px;
            font-weight: bold;
            font-size: 3.5vw;
        }

        #siteSwitcher li.depth-1:hover {
            background: unset;
        }

            #siteSwitcher li.depth-1:hover a {
                color: #F6F5F0;
            }

            #siteSwitcher li.depth-1:hover li.depth-2 a {
                color: #478529;
            }

            #siteSwitcher li.depth-1:hover li.depth-2:hover a {
                color: #F6F5F0;
            }

    #siteSwitcher li.depth-2 {
        display: inline-block;
        margin: 0px 0px 0 0px;
    }

        #siteSwitcher li.depth-2 a {
            display: inline-block;
            margin: 10px 20px 10px 20px;
        }





.siteSwitcherContainer ul.depth-2 {
    display: none;
    margin-left: 0px;
    overflow: visible;
    z-index: 2147483647;
    width: auto;
    left: 0px;
    opacity: 0.9;
}





.siteSwitcherContainer .depth-2 li {
}

    .siteSwitcherContainer .depth-2 li:hover {
        background-color: #478529;
        color: #F6F5F0;
    }

    .siteSwitcherContainer .depth-2 li a:hover {
        font-weight: normal;
    }




.siteSwitcherContainer .depth-2 li {
    display: block;
    text-align: left;
    width: 100%;
    white-space: nowrap;
}


.siteSwitcherContainer .mainMenuItem a.depth-2-menuitem span {
    padding: 0 10px;
}




.siteSwitcherContainer .depth-1 li a {
    display: none;
    padding: 5px;
}




.siteSwitcherContainer .mainMenuItem a.depth-1-menuitem {
    display: inline-block;
    margin: 0;
    display: block;
    color: #F6F5F0;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    padding: 32px 15px 32px 15px;
    text-align: center;
    width: auto;
    padding: 5px 15px;
}


.siteSwitcherContainer .mainMenuItem a.depth-2-menuitem {
    color: #F6F5F0;
}


.siteSwitcherContainer ul {
    margin: 0px 0 0 0;
    padding: 0;
}

.siteSwitcherContainer .mainMenuItem a.depth-1-menuitem.currentPage {
    color: #A3E3D8;
}

.siteSwitcherContainer .mainMenuItem a.depth-2-menuitem.currentPage {
    color: #A3E3D8;
}

    .siteSwitcherContainer .mainMenuItem a.depth-2-menuitem.currentPage:hover {
        color: #A3E3D8;
    }


.siteSwitcherContainer .mainMenuItem a.depth-1-menuitem {
    display: none;
}


    .siteSwitcherContainer .mainMenuItem a.depth-1-menuitem :nth-child(1),
    .siteSwitcherContainer .mainMenuItem a.depth-1-menuitem :nth-child(2),
    .siteSwitcherContainer .mainMenuItem a.depth-1-menuitem :nth-child(3),
    .siteSwitcherContainer .mainMenuItem a.depth-1-menuitem :nth-child(4),
    .siteSwitcherContainer .mainMenuItem a.depth-1-menuitem :nth-child(5),
    .siteSwitcherContainer .mainMenuItem a.depth-1-menuitem :nth-child(6) {
        display: inline-block;
    }

.siteSwitcherContainer ul li {
    padding: 0 0 0.4em 0;
}





.siteSwitcherContainer {
    position: absolute;
    width: auto;
    margin: 0 0 0 0;
    height: 100px;
    vertical-align: top;
    display: inline-block;
    top: 0;
    right: 50px;
}

#siteSwitcherContainerBorder {
    height: 50%;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #000000;
}


.siteSwitcherContainer ul {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

    .siteSwitcherContainer ul, 
    .siteSwitcherContainer ul li {
        float: left;
        list-style: none;
        list-style-type: none;
    }

        .siteSwitcherContainer ul li {
            margin: 0px 30px 0px 0px;
            padding: 0px;
        }

.siteSwitcherContainer a, 
.siteSwitcherContainer a:link, 
.siteSwitcherContainer a:active, 
.siteSwitcherContainer a:visited, 
.siteSwitcherContainer a:hover {
    font-weight: 700;
    color: #636466;
}




#searchTextAllButton:focus {
    outline: white 1px dashed;
}

#searchTextAllButtonContainer:focus {
    outline: white 1px dashed;
}



.highlighted {
    outline: white 10px dashed;
}





button:focus {
    outline: 1px auto green;
}




#map div[role=button] {
    outline-color: #478529;
    outline-width: 3px;
}



#map:focus div {
    /*outline: green 10px dashed;*/
}









.comment header {
    background: transparent;
}

.comment-form-comment textarea {
    resize: vertical;
    width: 100%;
}

#darwinLogo {
    padding: 10px 0 30px 20px;
}

    #darwinLogo img {
        width: auto;
        max-width: 100%;
    }

#darwinLogoMobile {
    padding: 10px 0 30px 20px;
}

    #darwinLogoMobile img {
        width: auto;
        max-width: 100%;
    }

a {
    color: #478529;
    font-size: 4vw;
}


    a:hover {
        /*color: #273030;*/
        text-decoration: underline;
    }



#projectSearchMenu a {
    font-size: 5vw;
}


#advancedSearchResultsPanel a {
    font-weight: normal;
    font-size: 5vw;
}

#mobileMenu {
    display: none;
    background: #333;
    background: #478529;
    z-index: 1223123123312312;
    height: 100vh;
    width: 103vw;
    position: fixed;
    left: 100vw;
}

.mobileMenuButton {
    display: block;
    position: absolute;
    z-index: 345345345345345453;
    right: 20px;
    top: 20px;
    font-size: 26px;
    cursor: pointer;
    color: #F6F5F0;
}

#mobileMenu .mobileMenuButton {
    right: calc(3vw + 40px);
}

#menu-menu-1 {
    padding: 20px 0 30px 30px;
}

    #menu-menu-1 a {
        color: #273030;
        font-size: 5vw;
        font-weight: bold;
    }

        #menu-menu-1 a:hover {
            color: #273030;
            font-weight: bold;
            text-decoration: none;
        }

    #menu-menu-1 ul {
        margin: 0;
        padding: 0;
    }

    #menu-menu-1 li {
        list-style-type: none;
    }

#login a {
    color: #F6F5F0;
    font-size: 3vw;
}

    #login a:hover {
        color: #478529;
        text-decoration: none;
    }

.mainMenuContainer {
    text-align: right;
}

#mainMenu {
    margin: 60px 0 0 0;
    display: none;
}

    #mainMenu a {
        color: #F6F5F0;
        font-size: 3vw;
        text-transform: uppercase;
    }

        #mainMenu a:hover {
            color: #478529;
            text-decoration: none;
        }

#mainContent {
    color: #273030;
    font-size:4vw;
    font-family: 'Open Sans', sans-serif;
}

    #mainContent a {
        color: #478529;
        font-size: 4vw;
        /*font-weight: normal;*/
        text-decoration: underline;
        word-wrap: break-word;
    }

        #mainContent a:hover {
            color: #478529;
            text-decoration: underline;
        }

#pageContent img {
    max-width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}




#pageContent {
    padding: 50px 20px 50px 20px;
}

    #pageContent h1 {
        font-size: 6.75vw;
    }

    #pageContent h2 {
        font-size: 5.75vw;
    }

    #pageContent h3 {
        font-size: 5.65vw;
    }

    #pageContent h4 {
        font-size: 5.50vw;
    }


#relatedContent {
    margin: 20px 0;
    padding: 20px;
    background: #efefef;
}


#rightColumn {
    margin: 0 0 50px 0;
}


#siteDescription {
    margin: 25px 0px 0 0px;
    width: 80%;
    font-size: 2.5vw;
    display: none;
    font-family: 'Open Sans', sans-serif;
    background: rgba(0,0,0,0.01);
}













#projects {
    font-size: 3vw;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0 0 0;
}



.closePanel {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 30px;
    cursor: pointer;
    z-index: 2147483647;
}





.st2 {
    fill: none;
    stroke: orange;
    stroke-width: 4;
    stroke-miterlimit: 10;
    stroke-dasharray: 2000,2000;
    stroke-dashoffset: 2000;
}


#_searchResults {
    height: 100vh;
    overflow: auto;
    margin: 10px 0 0 0;
}

.searchResultsHeader {
    margin: 0 0 50px 0;
}



#searchFilterRowContainer {
    display: none;
    padding: 200px 0 0 8.3%;
}


#searchBoxHolder2 {
    margin: 0px 0 0 0;
}



/* Styling for the search box */
#searchBox {
    margin: 0 0 0 0;
    /*float: right;
    width: 180px;
    background: #F6F5F0;*/
    display: none;
}

    #searchBox a,
    #searchBox a:visited,
    #searchBox a,
    #searchBox a:visited {
        text-decoration: none;
        font-size: 18px;
    }

        #searchBox a i,
        #searchBox a i {
            color: #273030;
            font-size: 18px;
        }

.search-text {
    width: 148px;
    border: 0;
}

#projectSearchBox {
    position: absolute;
    top: 65vh;
    z-index: 12231232313;
    left: 10%;
}

#searchFilterInnerContainer {
    display: block;
    opacity: 0;
}

#searchFilterRowContainer {
    display: block;
}





#advancedSearchSpacer {
    margin-top: 30px;
}

#searchFilter1 {
    padding: 0;
    background: rgba(0,0,0,0.5);
    width: 100vw;
}

#projectDetailLeftPanel {
    padding: 50px 30px 0 20px;
    background: #333;
    height: 100%;
}

    #projectDetailLeftPanel h1 {
        color: #F6F5F0;
        font-size: 6vw;
        font-weight: bold;
    }

    #projectDetailLeftPanel hr {
        width: 100%;
        color: #F6F5F0;
        border: 1px solid #F6F5F0;
        border-width: 1px 0 0 0;
        margin: 0 0 20px 0;
    }

    #projectDetailLeftPanel #projectTitle {
        color: #F6F5F0;
        font-size: 3vw;
        margin: 0 0 50px 0;
    }

.projectFieldLabel {
    font-size: 4.2vw;
    font-weight: bold;
}

.projectDetailInfo {
    font-size: 4vw;
}


    .projectDetailInfo a {
        font-size: 4vw;
        text-decoration:underline;
    }

#projectStatusInfo,
#projectReferenceInfo,
#projectRoundInfo {
    font-size: 4vw;
}

#projectStatusInfo {
    margin-top:20px;
}


#roundLabel {
    min-width: 50px;
    display: inline-block;
}



#refLabel {
    padding: 0 0 0 0px;
    width: 100%;
    display: block;
    padding-top: 5px;
    padding-bottom: 0px;
}







#projectMapContainer {
    background: rgba(0,0,0,0.1);
    height: 100%;
}


#projectLeadersContainer {
    padding: 20px 0 50px 0;
}


#loadingMapSpinner {
    width: 100%;
}

    #loadingMapSpinner img {
        margin: 40vh auto;
        display: block;
    }








.select2-dropdown.increasedzindexclass {
    z-index: 2147483647;
    width: 100vw;
}

.select2-container {
    width: 100vw;
}






#searchFilterOuterContainer {
    min-height: 45px;
}

#searchFilterInnerContainer {
    opacity: 1;
    margin: 0 0 0 0;
    display: none;
    padding: 73px 0;
}

#searchFilters {
    text-align: left;
}

    #searchFilters h1 {
        color: #478529;
        font-size: 3.5vw;
        margin: 0;
        line-height: 1.4;
    }






.fa.fa-caret-down {
    font-size: 50%;
}

#searchFilterRow {
    clear: both;
}


#searchBox i {
    font-size: 30px;
    color: #273030;
    cursor: pointer;
    margin: 10px 0;
}


.orSpacer {
    color: #273030;
    height: 38px;
    overflow: hidden;
    border: 0px solid #F6F5F0;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 8px;
}





.fa.fa-times {
    color: #F6F5F0;
    cursor: pointer;
    font-size: 20px;
}


.fa.fa-bars {
    display: block;
    color: #F6F5F0;
    cursor: pointer;
    font-size: 5vw;
}

#menuToggleLayer {
    display: none;
    background: #478529;
    visibility: visible;
    opacity: 1;
    left: 0px;
    position: fixed;
    width: 100%;
    z-index: 2342342342342342342;
    height: 100vh;
    display: none;
    top: 0;
}



#searchLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: -1px;
    left: 0;
    background-color: #478529;
    padding: 0px;
    opacity: 0.9;
    z-index: 2147483647;
    display: none;
}




    #searchLayer ul li,
    #searchLayer li {
        background-image: url("/Images/interface/arrow-menu.png");
        background-repeat: no-repeat;
        background-position: -1px 6px;
        margin-left: 0px;
    }

#closeSearchLayer {
    position: absolute;
    top: 38px;
    right: 32px;
}

    #closeSearchLayer i {
        cursor: pointer;
        float: right;
        font-size: 20px;
    }

#searchLayer ul,
#searchLayer ul li,
#searchLayer li {
    color: #273030;
}

#searchBox i {
    font-size: 5vw;
    color: #273030;
    cursor: pointer;
    margin: 0px 5px;
}




.overlayBackground {
    margin: 20px 0 0 0;
    background: rgba(255,255,255,1);
}

.overlayForeground {
    margin: 20px 0 0 0;
    background: rgba(0,0,0,0);
}

.toggleLayerContainer.row {
    margin: 0;
}


#menuLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: -1px;
    left: 0;
    background-color: #F6F5F0;
    padding: 0px;
    opacity: 1;
    z-index: 10000;
    display: none;
    overflow: auto;
}


    #menuLayer ul li,
    #menuLayer li {
        background-image: url("/Images/interface/arrow-menu.png");
        background-repeat: no-repeat;
        background-position: -1px 6px;
        margin-left: 0px;
        list-style-type: none;
        font-size: 5vw;
    }




#closeMenuLayer {
    margin: 0 auto;
    padding: 0 10px;
    top: 0%;
    vertical-align: top;
    width: auto;
    float: right;
}

    #closeMenuLayer i {
        font-size: 60px;
        cursor: pointer;
        float: right;
        color: #478529;
    }

#menuLayer ul,
#menuLayer ul li,
#menuLayer li {
    color: #273030;
}

#menuLayer #telephoneHeader {
    margin: 100px 0 0 17px;
    display: block;
}



#closeMenuLayer i {
    font-size: 30px;
    cursor: pointer;
    float: left;
}









#searchBoxToggle {
    position: absolute;
}


#searchBox2 {
    padding: 50% 0 0 0;
    margin: 0 auto;
    vertical-align: top;
    top: 57%;
    width: 90%;
}

#searchBoxBackground2 {
    background: #F6F5F0;
    width: 100%;
    height: 50px;
}


#searchBox2 input {
    width: 80%;
    height: 50px;
    margin: 0;
    padding: 0 10px 0 10px;
    font-size: 20px;
    color: #273030;
    background: #F6F5F0;
    border: 1px solid #888;
}






input:valid, textarea:valid {
}

.search-text, .subscribe-text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: none repeat scroll 0 0 #000000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #F6F5F0;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #F6F5F0;
    float: left;
    height: 35px;
    outline: medium none;
    /* text-transform: uppercase; */
}

.search-text {
    width: 148px;
    border: 0;
    border-top-style: none;
    border-top-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-left-style: none;
    border-left-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
}



.icon-search {
    font-size: 80px;
}


#searchFilterInnerContainer {
    opacity: 1;
    margin: 0 0 0 0;
    display: none;
    padding: 66px 0 50px 0;
}

#searchFilters h1 {
    color: #478529;
    font-size: 5vw;
    margin: 0;
    line-height: 1.4;
}




#verticalHalfBorder {
    display: inline-block;
    position: absolute;
    height: 56%;
    border-left: 1px solid #F6F5F0;
    margin: 0 0 0 20px;
    top: 0;
    opacity:0.7;
    /*right: 40%;*/
}

#searchBoxToggle {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 20px;
}

#searchBox i {
    font-size: 30px;
    color: #273030;
    cursor: pointer;
    margin: 0px 0;
}



#searchBox {
    text-align: right;
    display: inline-block;
}


    #searchBox .fa.fa-search {
        margin: 8px 10px 0 0;
        float: right;
        display: none;
    }



    #searchBox .fa.fa-bars {
        margin: 8px 10px 0 0;
        float: right;
    }


.fa.fa-bars {
    display: block;
}



.headerSpacer {
    display: none;
}







.gm-style .gm-style-iw,
.gm-style a {
    font-size: 13px;
}

.gm-style-iw-d a {
    color: #478529;
}





#searchResults h1 {
    margin: 0 0 20px 0;
}

.searchResultText {
    max-width: 60%;
}


#advancedSearchFiltersPanel {
    margin: 20px;
}

#advancedSearchResultsPanel {
    margin: 20px;
}

    






    footer {
        position: relative;
        height: auto;
        width: calc(100%);
        z-index: 1;
        left: 0px;
        bottom: 0px;
        background: #3B3433;
    }


.homepage #footer {
    margin: 0;
    padding: 50px 20px 20px 20px;
}

#footer {
    padding: 20px 20px 30px 20px;
    margin: 20px 0 0 0;
}

footer {
    color: #F6F5F0;
}

    footer h1 {
        color: #F6F5F0;
    }

    footer i {
        font-size: 3vw;
    }




    footer .col-3, footer .col-lg-3, footer .col-md-3, footer .col-sm-3, footer .col-xl-3 {
        padding-right: 5px;
    }



#footer a {
    color: #F6F5F0;
    font-size: 3.6vw;
    line-height: 4.6vw;
}

#footer .alignRight {
    text-align:unset;
}

#socialMediaIcons strong {
    font-size: 25px;
    padding: 0 7px 0 0;
}

#socialMediaIconsBCF strong {
    font-size: 25px;
    padding: 0 7px 0 0;
}

#mailchimp {
    max-width:600px;
}

#mc-embedded-subscribe {
    margin: 20px 0 1em 5% !important;
}

#mc_embed_signup .mc-field-group {
    padding-top: 20px !important;
}

#emailSubscription {
    margin: 0 0px;
}

#footerCopyrightContainer {
    margin: 0 0px;
}


#mc_embed_signup {
    clear: left;
    font: 14px 'Varela Round', sans-serif;
    width: 100%;
}

    #mc_embed_signup .helper_text {
        background-color: transparent !important;
    }

    #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
        background-color: transparent !important;
    }

    #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
        border-width: 0 !important;
    }

    #mc_embed_signup input.mce_inline_error {
        border-width: 0 !important;
    }


    #mc_embed_signup div.mce_inline_error {
        background-color: transparent !important;
    }

#emailSubscribeBox {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #F6F5F0;
    width: 100%;
}

#mce-EMAIL {
    background-color: transparent;
    color: #F6F5F0;
    border: 0px;
}

#footerLinks, #footerLinks a {
    color: #F6F5F0;
    font-size: 3.6vw;
    line-height: 4.6vw;
    font-weight: normal;
}



    #footerLinks a:hover {
        color: #F6F5F0 !important;
        text-decoration: none !important;
    }

#footerAddress {
    margin: 20px 0 0 0;
    font-size: 3.6vw;
    line-height: 4.6vw;
}

.footerLinks {
    font-size: 3.6vw;
    line-height: 4.6vw;
}


#footerSocialMedia,
#footerSocialMedia strong {
    color: #F6F5F0;
    font-size: 5vw;
    text-align: left;
    padding: 5px 20px 10px 0;
}

#socialMediaIcons {
    margin: 20px 0 0 0;
}

#socialMediaIconsBCF {
    margin: 20px 0 10px 0px;
    font-size: 0.9vw;
    line-height: 1.2vw;
}

#copyright {
}

#copyrightContainerMobile {
    margin: 20px 0 0 0;
}


#copyrightContainer {
    margin: 0 0 20px 0;
}

#footerLinkContainer {
    margin: 0 115px 0 0;
}

. alignRight {
    text-align:right;
}


.comments-link {
    padding: 20px 0 0 0;
}



#comments {
    padding: 20px 0 0 0;
}

#submit {
    background: #478529;
    padding: 10px 20px;
    border: 0;
    cursor: pointer;
}

    #submit:hover {
        background: #000000;
        color: #F6F5F0;
    }







#data {
    border: 1px solid red;
    padding: 10px;
    margin: 100px 0 20px 0;
    background: #F6F5F0;
    color: #273030;
}

#results {
    border: 1px solid green;
    padding: 10px;
    margin: 20px 0 20px 0;
    background: #F6F5F0;
    color: #273030;
    height: 80vh;
}




.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #478529 !important;
    border: 1px solid #000;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    color: #F6F5F0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #273030;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: medium;
    border-right: 1px solid #000;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #F6F5F0;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
}

fieldset {
    min-width: 0;
    padding: 0 10px 10px 10px;
    margin: 0;
    border: 1px solid #cdcdcd;
    border-width: 1px 1px 0 1px;
    margin: 0 0 10px 0;
}

#advancedSearchFiltersPanel legend {
    color: #478529;
}


fieldset {
    border: 1px solid #cdcdcd;
}

legend {
    display: block;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
    font-weight:bold;
    float:unset;
}




#advancedSearchFiltersContainer {
    position: absolute;
    width: 85%;
}



#advancedSearchResultsContainer {
    position: absolute;
    width: 0%;
    z-index: 342342343243242;
    height: 100%;
    left: 100%;
    overflow: auto;
    background: #478529;
    color: #F6F5F0;
    padding: 20px 50px;
    opacity: 0;
    top: 0px;
}

#searchControls {
    margin: 0 0 20px 0;
}

h1.faq_heading {
    font-family: 'Open Sans', sans-serif;
    font-size: 3vw;
    margin: 0;
    padding: 0;
}

.faq_outer_container {
    height: auto;
    border-radius: 3px;
    padding: 0 0px 0 0;
    border: 1px solid #478529;
    vertical-align: top;
    background-position-x: -1px;
    clear: both;
    padding: 0px;
    margin: 0 0 20px 0;
    background-size: contain;
    background-size: 101%;
}

.faq_inner_container {
    height: auto;
    background: #F6F5F0;
    border-radius: 3px;
    padding: 1px;
    position: relative;
    padding: 0 0 20px 0;
}

.faq_toggle {
    font-size: 30px;
    font-weight: bold;
    padding: 0px;
    position: absolute;
    top: 18px;
    right: 24px;
    color: #888;
    cursor: pointer;
}

.faq_question {
    color: #273030;
    text-align: left;
    display: block;
    width: 100%;
    padding: 20px 50px 0 20px;
    font-weight: bold;
}

.faq_answer {
    display: block;
    width: 100%;
    padding: 20px 20px 0px 20px;
    display: none;
}

    .faq_answer p {
        color: #273030;
        text-align: left;
        padding: 0;
        margin: 0;
    }


#cse-search-box {
    position: absolute;
    width: 80vw;
    top: unset;
    bottom: 22%;
    left: 8.3%;
    height: 30px;
    z-index: 2147483647;
}


#projectSearchMenu li {
    display: table;
    margin: 0px 0 0 0;
    padding: 5px 20px;
    width: auto;
    text-align: left;
}

#projectSearchMenu ul {
    margin: 0;
    padding: 0;
    text-align: center;
}


.projectApplicationStatus {
    margin:0 0 20px 0;
}

.darwinAdvisoryGroupUL {

}

.darwinAdvisoryGroupUL .row {  
	margin: 0 0 10px 0;
}
.darwinAdvisoryGroupUL .row .col-12.col-xl-4 {  
	font-weight:bold;
}



.darwinAdvisoryGroupUL li {
    list-style-type: none;
}

.row.keyFacts {
    background: rgba(2,121,119,0.1);
    padding-bottom: 50px;
    margin: 20px -20px 0 -20px;
}

#scrollDownArrow {
    position: absolute;
    top: 50vh;
    right: 8vw;
    transform: rotate(-270deg) translateX(-100%);
    z-index:2147473648;
}

    #scrollDownArrow img {
        width: 20px;
    }

#menuScrollDownArrow {
    position: absolute;
    top: 50vh;
    right: 8vw;
    z-index: 2147473648;
    display:none;
}

    #menuScrollDownArrow img {
        width: 20px;
    }


#menuScrollDownArrow {
    color: #000;
}



.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/*=============MOBILE 360+==============================================================
 __   __  _______  _______  ___   ___      _______ 
|  |_|  ||       ||  _    ||   | |   |    |       |
|       ||   _   || |_|   ||   | |   |    |    ___|
|       ||  | |  ||       ||   | |   |    |   |___ 
|       ||  |_|  ||  _   | |   | |   |___ |    ___|
| ||_|| ||       || |_|   ||   | |       ||   |___ 
|_|   |_||_______||_______||___| |_______||_______|

 _______  ___      _______ 
|       ||   |    |  _    |
|___    ||   |___ | | |   |
 ___|   ||    _  || | |   |
|___    ||   | | || |_|   |
 ___|   ||   |_| ||       |
|_______||_______||_______|

*/


@media (min-width: 360px) {
    h1 {
            font-size: 7.2vw;
        }

        h2 {
            font-size: 6vw;
        }

        h3 {
            font-size: 5vw;
        }

        h4 {
            font-size: 4.5vw;
        }

    .quote {
        padding: 10px 20px;
        font-size: 4vw;
    }       


        #mainContentHeading {
            font-size: 7.2vw;
            line-height: 8.2vw;
        }

        .headerMenuContainer {
            display: none;
        }


        .siteSwitcherContainer {
            width: auto;
            margin: 0 0 0 0;
            height: unset;
            vertical-align: top;
            display: inline-block;
        }


        #siteSwitcher li.depth-1 a {
            font-size: 3.5vw;
        }


        .homepage #bannerImage {
            height: 25vh;
        }

        #homepageHeading {
            color: #2C3928;
            text-align: left;
            margin: 0 0 0vh 22px;
                color: #F6F5F0;
                font-size: 15vw;
            }

        #homepageSummary {
            color: #F6F5F0;
            font-size: 5.2vw;
            text-align: left;
            margin: 0 30px 0 30px;
        }



        #searchProjectsHeading {
            font-size: 4.5vw;
        }



    #aboutUsIconHeading h1 {
        font-size: 3.8vw;
        color: #478529;
    }




        #homepageWhenToApplyHeadingH1 {
            font-size: 10.2vw;
        }




        .homepageWhenToApplyBox {
            padding: 30px 20px;
        }


        .blockHeading {
            padding: 20px 0px;
        }




        #homepageSearchProjectsBackground {
            min-height: 30vh;
        }

        #homepageProjectResourcesBackground {
            min-height: 30vh;
        }

    .articleHeading {
        font-size: 7.2vw;
        color: #478529;
    }

    h2.articleHeading {
        font-size: 7.2vw;
        color: #478529;
    }




        #advancedSearchFiltersContainer {
            position: absolute;
            width: 85%;
            height: 100vh;
            overflow: auto;
        }



        #projectAdvancedSearchLink a {
            font-size: 4vw;
        }

        #projectAdvancedSearchLink i {
            font-size: 4vw;
        }



        div#_searchResults a {
            font-size: 5vw;
        }

        .searchResultText {
            max-width: 100%;
        }


        #searchButton {
            width: 20%;
        }

            #searchButton .fa.fa-search {
                font-size: 6vw;
            }

        #searchBox2 input {
            width: 80%;
        }

        #newsCategories h2,
        #newsArchive h2 {
            font-size: 5.5vw;
            margin: 0;
        }


        #newsCategoriesToggleButton i,
        #newsArchiveToggleButton i {
            font-size: 4.5vw;
        }

        #mainContentHtml {
            padding: 20px 20px 0 20px;
        }


        #projectSummary {
            font-size: 4vw;
        }

        #projectStatusInfo,
        #projectReferenceInfo,
        #projectRoundInfo {
            font-size: 4vw;
        }


        #projectPanel.projectDetail h2 {
            font-size: 4.5vw;
        }



        #startDate {
            font-size: 4vw;
        }

        #endDate {
            font-size: 4vw;
        }


    #projectSearchMenu a {
        font-size: 5vw;
    }



        #footer {
            padding: 20px 20px 30px 20px;
            margin: 50px 0 0 0;
        }


        #footerAddress {
            margin: 20px 0 0 0;
            font-size: 3.6vw;
            line-height: 4.6vw;
        }

        .footerLinks {
            font-size: 3.6vw;
            line-height: 4.6vw;
        }


    #footer a {
        color: #F6F5F0;
        font-size: 3.6vw;
        line-height: 4.6vw;
    }



        #footerLinks, #footerLinks a {
            color: #F6F5F0;
            font-size: 3.6vw;
            line-height: 4.6vw;
            font-weight: normal;
        }


            #footerLinks a:hover {
                color: #F6F5F0 !important;
                text-decoration: none !important;
            }


    .homepage #footer {
        margin: 0;
    }


        #mobileHeaderNavigation a {
            font-size: 8vw;
        }

        .row.categoryRow img {
            width: 10px;
        }

        #socialMediaIconsBCF {
            font-size: 0.9vw;
            line-height: 1.2vw;
        }

    #socialMediaIconsBCF {
        font-size: 3.6vw;
        line-height: 4.6vw;
    }
    

    }


/*=============MOBILE 576+==============================================================
 __   __  _______  _______  ___   ___      _______ 
|  |_|  ||       ||  _    ||   | |   |    |       |
|       ||   _   || |_|   ||   | |   |    |    ___|
|       ||  | |  ||       ||   | |   |    |   |___ 
|       ||  |_|  ||  _   | |   | |   |___ |    ___|
| ||_|| ||       || |_|   ||   | |       ||   |___ 
|_|   |_||_______||_______||___| |_______||_______|

 _______  _______  ___     
|       ||       ||   |    
|   ____||___    ||   |___ 
|  |____     |   ||    _  |
|_____  |    |   ||   | | |
 _____| |    |   ||   |_| |
|_______|    |___||_______|

*/


    @media (min-width: 576px) {


        h1 {
            font-size: 7.2vw;
        }

        h2 {
            font-size: 6vw;
        }

        h3 {
            font-size: 5vw;
        }

        h4 {
            font-size: 4.5vw;
        }


        #logo {
            width: 100px;
            height: auto;
            margin: 0 0 10px 10px;
        }

        .quote {
            padding: 15px 30px;
            font-size: 3vw;
        }


        #mainContentHeading {
            font-size: 10.2vw;
            line-height: 11.2vw;
        }

        .headerMenuContainer {
            display: none;
        }


        .siteSwitcherContainer {
            width: auto;
            margin: 0 0 0 0;
            height: unset;
            vertical-align: top;
            display: inline-block;
        }

        #siteSwitcher li.depth-1 a {
            font-size: 2.5vw;
        }

        .homepage #bannerImage {
            height: 25vh;
        }

        #homepageHeading {
            color: #2C3928;
            text-align: left;
        }

        #homepageHeadingH1 {
            color: #F6F5F0;
            font-size: 15vw;
        }

        #homepageSummary {
            color: #F6F5F0;
            font-size: 5.2vw;
            text-align: left;
            margin: 0 22px 0 20px;
        }



        #searchProjectsHeading {
            font-size: 3.5vw;
        }



        #aboutUsIconHeading h1 {
            font-size: 3.8vw;
            color: #478529;
        }



        #homepageWhenToApplyHeadingH1 {
            font-size:8.2vw;
        }


        .homepageWhenToApplyBox {
            padding: 30px 10px;
        }

        .blockHeading {
            padding: 20px 0px;
        }


        #homepageSearchProjectsBackground {
            min-height: 30vh;
        }

        #homepageProjectResourcesBackground {
            min-height: 30vh;
        }


        .articleHeading {
            font-size: 6.2vw;
            color: #478529;
        }

        h2.articleHeading {
            font-size: 6.2vw;
            color: #478529;
        }

        .container {
            max-width: unset;
        }

        #menu-menu-1 a {
            font-size: 5vw;
        }

   

        div#_searchResults a {
            font-size: 4vw;
        }

        .searchResultText {
            max-width: 100%;
        }


        #projects {
            font-size: 3vw;
        }

        .projectFactsLabel {
            font-size: 3vw;
            line-height: 3.4vw;
        }

        #projectSummary {
            font-size: 3vw;
        }


        #startDate {
            font-size: 3vw;
        }

        #endDate {
            font-size: 3vw;
        }

        #advancedSearchResultsPanel a {
            font-size: 5vw;
        }


        .projectFieldLabel {
            font-size: 3.2vw;
            font-weight: bold;
        }

        .projectDetailInfo {
            font-size: 3vw;
        }


            .projectDetailInfo a {
                font-size: 3vw;
                text-decoration: underline;
            }

        #projectStatusInfo,
        #projectReferenceInfo,
        #projectRoundInfo {
            font-size: 3vw;
        }



        #projectSearchMenu a {
            font-size: 3vw;
        }



        #refLabel {
            padding: 0 0 0 20px;
            width: auto;
            display: inline-block;
        }


        #mainContent {
            color: #273030;
            font-size: 2vw;
            font-family: 'Open Sans', sans-serif;
        }

            #mainContent a {
                font-size: 2vw;
                text-decoration: underline;
            }


        #siteDescription {
            font-size: 4vw;
        }



        .row.keyFacts {
            margin: 20px -20px 0 -20px;
        }

        #advancedSearchFiltersContainer {
            position: absolute;
            width: 85%;
            height: 100vh;
            overflow: auto;
        }

        #projectAdvancedSearchLink a {
            font-size: 3vw;
        }

        #projectAdvancedSearchLink i {
            font-size: 3vw;
        }


        #projectPanel.projectDetail h2 {
            font-size: 5.5vw;
        }



        #footer a {
            color: #F6F5F0;
            font-size: 2vw;
            line-height: 1.2vw;
        }


        #footerLinks, #footerLinks a {
            color: #F6F5F0;
            font-size: 2vw;
            /*font-weight: normal;*/
            text-decoration: none !important;
        }





        #searchButton {
            width: 20%;
        }

            #searchButton .fa.fa-search {
                font-size: 4vw;
            }

        #searchBox2 {
            padding:30% 0 0 0;
        }

        #searchBox2 input {
            width: 80%;
        }

        #newsCategories h2,
        #newsArchive h2 {
            font-size: 4.5vw;
            margin: 0;
        }


        #newsCategoriesToggleButton i,
        #newsArchiveToggleButton i {
            font-size: 3.5vw;
        }

        #mainContentHtml {
            padding: 30px 20px 0 20px;
        }

        #footer {
            padding:20px 20px 30px 30px;
            margin: 50px 0 0 0;
        }

        #footerAddress {
            margin: 20px 0 0 0;
            font-size: 3.4vw;
            line-height: 4.6vw;
        }

        .footerLinks {
            font-size: 3.4vw;
            line-height: 4.6vw;
        }



        #footer a {
            color: #F6F5F0;
            font-size: 3.4vw;
            line-height: 4.6vw;
        }


        #footerLinks, #footerLinks a {
            color: #F6F5F0;
            font-size: 3.4vw;
            line-height: 4.6vw;
            /*font-weight: normal;*/
        }


            #footerLinks, #footerLinks a {
                color: #F6F5F0;
                font-size: 3.4vw;
                /*font-weight: normal;*/
            }


                #footerLinks a:hover {
                    color: #F6F5F0 !important;
                    text-decoration: none !important;
                }


        .homepage #footer {
            margin: 0;
        }

        #mobileHeaderNavigation a {
            font-size: 7vw;
        }

        .row.categoryRow img {
            width: 16px;
        }

        .alignRight {
            padding-right: 0px;
        }

        #socialMediaIconsBCF {
            font-size: 3.4vw;
            line-height: 4.6vw;
        }

        
    }






/*=============TABLET 768+==============================================================
 _______  _______  _______  ___      _______  _______ 
|       ||   _   ||  _    ||   |    |       ||       |
|_     _||  |_|  || |_|   ||   |    |    ___||_     _|
  |   |  |       ||       ||   |    |   |___   |   |  
  |   |  |       ||  _   | |   |___ |    ___|  |   |  
  |   |  |   _   || |_|   ||       ||   |___   |   |  
  |___|  |__| |__||_______||_______||_______|  |___|  
 _______  ___       _____  
|       ||   |     |  _  | 
|___    ||   |___  | |_| | 
    |   ||    _  ||   _   |
    |   ||   | | ||  | |  |
    |   ||   |_| ||  |_|  |
    |___||_______||_______|

*/


    @media (min-width: 768px) {

        body {
            font-size: 2vw;
        }

        h1 {
            font-size: 5vw;
        }

        h2 {
            font-size: 4vw;
        }

        h3 {
            font-size: 3vw;
        }

        h4 {
            font-size: 2.5vw;
        }

        #roundLabel {
            min-width: auto;
        }


        .homepagebcf header {
            padding: 0 0 0px 0;
        }

        .homepagebcf a#skipToContent {
            margin: 16px 0 0 0;
        }


        .homepagebcf #logo {
            max-width: 250px;
            width: 250px;
            height: auto;
            margin: 30px 0 0 30px;
        }

        #bcfTitle {
            margin: 117px 0 20px 0;
            padding: 72px 0px 72px 0px;
            background: #3B3433;
            color: #ffffff;
        }

        header {
            width: calc(100% - 17px);
        }

        .homepagebcf header {
            width: calc(100% - 17px);
        }


        h1#bcfHeading {
            padding: 0px;
            font-size: 6vw;
            line-height: 5.5vw;
        }

        .homepagebcf #mainContent {
            background: #fff;
            margin: 72px 0 0 0;
        }


        .bcfDescription {
            padding-left: 0 !important;
        }


        #bcfDescriptionOuterContainer,
        #bcfDescriptionOuterContainer,
        #bcfDescriptionOuterContainer {
            margin: 0 20px 0 0;
            font-size: 1.2vw;
            line-height: 1.6vw;
        }

        #bcfDescriptionInnerContainer,
        #bcfDescriptionInnerContainer,
        #bcfDescriptionInnerContainer {
            font-size: 1.2vw;
            line-height: 1.6vw;
        }

        .di .bcfDescriptionInnerContainer,
        .iwt .bcfDescriptionInnerContainer,
        .dp .bcfDescriptionInnerContainer {
            display: table-cell;
            vertical-align: middle;
            font-size: 1.2vw;
        }


        .di .bcfDescriptionOuterContainer {
            background: #478529;
            position: relative;
            cursor: pointer;
            font-size: 1.2vw;
            line-height: 1.2vw;
        }

        .iwt .bcfDescriptionOuterContainer {
            background: #e7bc15;
            position: relative;
            cursor: pointer;
            color: #000;
            font-size: 1.2vw;
            line-height: 1.2vw;
        }

        .dp .bcfDescriptionOuterContainer {
            background: #027977;
            position: relative;
            cursor: pointer;
            font-size: 1.2vw;
            line-height: 1.2vw;
        }


        .di .bcfPictureOverlayInnerContainer,
        .iwt .bcfPictureOverlayInnerContainer,
        .dp .bcfPictureOverlayInnerContainer {
            display: table-cell;
            vertical-align: top;
            text-align: center;
            font-size: 1.6vw;
            line-height: 2.1vw;
        }


        .di .bcfPictureOverlay,
        .di .bcfMobileDescription {
            padding: 50px 8% 20px 8%;
        }

        .iwt .bcfPictureOverlay,
        .iwt .bcfMobileDescription {
            padding: 50px 8% 20px 8%;
        }

        .dp .bcfPictureOverlay,
        .dp .bcfMobileDescription {
            padding: 50px 8% 20px 8%;
        }





        .quote {
            padding: 15px 30px;
            font-size: 2.5vw;
        }

        #mainContentHeading {
            font-size: 5vw;
            line-height: 6vw;
        }

        .headerMenuContainer {
            display: none;
        }

        .siteSwitcherContainer {
            width: auto;
            margin: 0 0 0 0;
            height: unset;
            vertical-align: top;
            display: inline-block;
        }

        #homepageLatestArticles {
            min-height: 80vh;
            padding: 20px 100px 50px 100px;
        }

        .articleBlock {
            padding: 0px 6px 50px 15px;
        }

        .homepageWhenToApplyTitle {
            margin: 10px 4px;
        }

        #siteSwitcher li.depth-1 a {
            font-size: 1.5vw;
        }

        .homepage #bannerImage {
            height: 40vh;
        }

        #homepageHeading {
            color: #2C3928;
            text-align: left;
            margin: 0 0 0vh 22px;
        }

        #homepageHeadingH1 {
            color: #F6F5F0;
            font-size: 6vw;
            line-height: 6vw;
        }

        #homepageSummary {
            color: #F6F5F0;
            font-size: 3.2vw;
            text-align: left;
            margin: 0 22px 0 20px;
        }


        #searchProjectsHeading {
            font-size: 3.5vw;
        }


        #aboutUsIconHeading h1 {
            font-size: 2.8vw;
            color: #478529;
        }

        #homepageWhenToApplyHeadingH1 {
            font-size: 7.2vw;
        }

        .homepageWhenToApplyBox {
            padding: 30px 10px;
            margin: 0 14% 0 2%;
        }

        .blockHeading {
            padding: 20px 0px;
            font-size: 2.5vw;
        }

        #homepageSearchProjectsBackground {
            min-height: 30vh;
        }


        #homepageProjectResourcesBackground {
            min-height: 30vh;
        }


        .articleHeading {
            font-size: 3.2vw;
            color: #478529;
        }

        h2.articleHeading {
            font-size: 3.2vw;
            color: #478529;
        }


        .container {
            max-width: unset;
        }

        #menu-menu-1 a {
            font-size: 3vw;
        }

        #projects {
            font-size: 1.8vw;
        }

        .projectFactsIcon {
            width: auto;
        }


        div#_searchResults a {
            font-size: 2vw;
        }

        .searchResultText {
            max-width: 100%;
        }


        #mainContent {
            color: #273030;
            font-size: 2vw;
            font-family: 'Open Sans', sans-serif;
        }

            #mainContent a {
                font-size: 2vw;
                text-decoration: underline;
            }

        #scrollDownArrow {
            top: 75vh;
            right: 4vw;
        }

        #scrollDownArrow img {
            width: auto;
        }

        #menuScrollDownArrow {
            top: 75vh;
            right: 4vw;
            position: fixed;
        }

            #menuScrollDownArrow img {
                width: auto;
            }

        #refLabel {
            padding: 0 0 0 20px;
            width: auto;
            display: inline-block;
        }

        #siteDescription {
            font-size: 2.5vw;
        }

        #projectStatusInfo {
            margin-top: 0px;
        }

        .projectStatusLabel {
            width:100px;
        }


        

        #projectStatusInfo,
        #projectReferenceInfo,
        #projectRoundInfo {
            font-size: 2vw;
        }

        #startDate {
            font-size: 2vw;
        }

        #endDate {
            font-size: 2vw;
        }


        #advancedSearchResultsPanel a {
            font-size: 3vw;
        }

        .row.keyFacts {
            margin: 20px -20px 0 -20px;
        }


        .featured-post {
            padding: 0 0 10px 0;
            font-weight: bold;
            font-size: 3.5vw;
        }

        #advancedSearchFiltersContainer {
            position: absolute;
            width: 85%;
            height: 100vh;
            overflow: auto;
        }


        #projectAdvancedSearchLink {
            margin: 0 0 0 115px;
        }

            #projectAdvancedSearchLink a {
                font-size:3vw;
            }

            #projectAdvancedSearchLink i {
                font-size: 3vw;
            }


        .chevronRight img {
            width: auto;
        }





        #projectPanel.projectDetail h2 {
            font-size: 3.5vw;
        }








        #searchButton {
            width: 20%;
        }


            #searchButton .fa.fa-search {
                font-size: 3vw;
            }


        #searchBox2 {
            padding: 20% 0 0 0;
        }


        #searchBox2 input {
            width: 80%;
        }

        #newsCategories {
            margin-bottom: 0px;
        }

        #newsCategories h2,
        #newsArchive h2 {
            font-size: 2.8vw;
            margin: 0 0 0 0;
        }


        #newsCategoriesToggleButton i,
        #newsArchiveToggleButton i {
            font-size: 2vw;
        }

        #mainContentHtml {
            padding: 40px 20px 0 20px;
        }

        #footer {
            padding: 52px 20px 30px 30px;
            margin: 100px 0 0 0;
        }

        #copyrightContainer {
            margin: 0 0 0 0px;
        }

        #footerAddress {
            margin: 20px 0 0 0;
            font-size: 2.1vw;
            line-height:2.2vw;
        }

        .footerLinks {
            font-size: 1.1vw;
            line-height: 1.2vw;
        }


        #footer .alignRight {
            text-align: right;
        }





        #footer a {
            color: #F6F5F0;
            font-size: 1.1vw;
            line-height: 1.2vw;
        }



        #footerLinks, #footerLinks a {
            color: #F6F5F0;
            font-size: 2.1vw;
            line-height: 2.2vw;
            /*font-weight: normal;*/
            text-decoration: none !important;
        }



            #footerLinks a:hover {
                color: #F6F5F0 !important;
                text-decoration: none !important;
            }

        .homepage #footer {
            margin: 0;
            padding: 50px 0 20px 0px;
        }




        #mobileHeaderNavigation a {
            font-size: 6vw;
        }

        .row.categoryRow img {
            width: 10px;
        }

        #projectNextArrow img {
            margin:0;
        }

        .alignRight {
            padding-right: 0px;
        }

        #socialMediaIconsBCF {
            font-size: 2.1vw;
            line-height: 2.2vw;
        }
 
    }





/*=============TABLET 992+==============================================================
 _______  _______  _______  ___      _______  _______ 
|       ||   _   ||  _    ||   |    |       ||       |
|_     _||  |_|  || |_|   ||   |    |    ___||_     _|
  |   |  |       ||       ||   |    |   |___   |   |  
  |   |  |       ||  _   | |   |___ |    ___|  |   |  
  |   |  |   _   || |_|   ||       ||   |___   |   |  
  |___|  |__| |__||_______||_______||_______|  |___|  

 _______  _______  _______ 
|  _    ||  _    ||       |
| | |   || | |   ||____   |
| |_|   || |_|   | ____|  |
|___    ||___    || ______|
    |   |    |   || |_____ 
    |___|    |___||_______|

*/


    @media (min-width: 992px) {

        h1 {
            font-size: 3.5vw;
        }

        h2 {
            font-size: 2.5vw;
        }

        h3 {
            font-size: 2vw;
        }

        h4 {
            font-size: 1.8vw;
        }


        #roundLabel {
            min-width: auto;
        }

        #logo {
            width: 100px;
            height: auto;
            margin: 0 0 0 10px;
        }

       

        .quote {
            padding: 30px 40px;
            font-size: 2.5vw;
        }


        #homepageSearchProjectsHeading h1 {
            font-size: 5vw;
        }

        #homepageLatestUpdatesHeading h1 {
            font-size: 5vw;
        }

        #homepageProjectResourcesHeading h1 {
            font-size: 5vw;
        }


        #mainContentHeading {
            font-size: 4vw;
            line-height: 5.5vw;
            padding: 50px 50px;
        }


        header {
            padding: 0 0 0 0;
        }

        .headerMenuContainer {
            display: block;
        }


        .fa.fa-bars {
            display: none;
        }


        #searchBoxToggle {
            top: 10px;
        }


        #verticalHalfBorder {
            display: inline-block;
            position: relative;
            height: 56%;
            border-left: 1px solid #F6F5F0;
            margin: 0 0 0 0px;
        }


        #siteSwitcherLabel {
            display: inline-block;
        }

        #siteSwitcherMobileLabel {
            display: none;
        }

        .siteSwitcherContainer {
            position: relative;
            width: auto;
            margin: 0 0 0 0;
            height: 100%;
            vertical-align: top;
            display: inline-block;
            top: unset;
            right: unset;
        }

        #homepageSearchProjectsHeading {
            padding: 0 100px 71px 105px;
        }


        #homepageLatestUpdatesHeading {
            padding: 60px 100px 20px 105px;
        }

        #homepageProjectResourcesHeading {
            padding: 0 100px 71px 105px;
        }


        .articleHeading {
            font-size: 7.2vw;
            color: #478529;
        }

        h2.articleHeading {
            font-size: 7.2vw;
            color: #478529;
        }


        #searchBoxToggle .fa.fa-search {
            font-size: 1.2vw;
        }

        #searchBox2 {
            padding: 20% 0 0 0;
        }

        #searchBox2 {
            padding: 20% 0 0 0;
            margin: 0 auto;
            vertical-align: top;
            top: 57%;
            width: 70%;
        }



        #siteSwitcher li.depth-1:hover {
            background: rgba(255,255,255,0.8);
        }
            #siteSwitcher li.depth-1:hover a {
                color: #478529;
            }

        #siteSwitcher li.depth-1 a {
            font-size: 0.91vw;
        }


        #mainContentHtml {
            padding: 50px 20px 0 20px;
        }


        #bannerImage {
            background-size: cover;
            height: 48vh;
        }

        .homepage #bannerImage {
            height: 70vh;
        }



        #searchBoxToggle {
            top: 0;
            right: 25px;
        }

            #searchBoxToggle .fa.fa-search {
                margin: 42px 0;
                color: #F6F5F0;
                opacity: 0.7;
            }


        #homepageHeading {
            margin: 0 0 0 22px;
            height: 40vh;
            font-size: 6vw;
            padding: 0 0 0px 0;
        }

        #homepageSummary {
            font-size: 1.5vw;
            margin: 0 22px 0 40px;
            height: 40vh;
        }



        #homepageWhenToApplyHeadingH1 {
            font-size: 4.2vw;
            margin: 0 0 30px 0;
        }


        #homepageSearchProjectsBackground {
            min-height: 80vh;
        }

        #homepageProjectResourcesBackground {
            min-height: 80vh;
        }



        #searchBoxToggle {
            position: relative;
        }


        #closeSearchLayer i {
            font-size: 30px;
            cursor: pointer;
            float: right;
            color: #F6F5F0;
        }



        #searchBox2 {
            padding: 20% 0 0 0;
            margin: 0 auto;
            vertical-align: top;
            top: 57%;
            width: 70%;
        }

        #searchBoxBackground2 {
            background: #F6F5F0;
            width: 100%;
            height: 100px;
        }



        #searchBox2 input {
            width: 83%;
            height: 100px;
            margin: 0;
            padding: 45px 0px 45px 45px;
            font-size: 50px;
            color: #273030;
            background: #F6F5F0;
            border: 1px solid #000;
        }

		#projectPanel {
			padding: 20px 50px;
		}

        #projectPanel.projectDetail h2 {
            font-size: 3.5vw;
        }

        #searchProjectsHeading {
            font-size: 1.8vw;
            color: #273030;
        }


        #projectSearchMenu a {
            font-size: 1.2vw;
        }


        #projectAdvancedSearchLink a {
            font-size: 1.2vw;
        }

        #projectAdvancedSearchLink i {
            font-size: 1.2vw;
        }

        #projectSummary {
            font-size: 2vw;
        }

        .projectFactsIcon {
            margin: 20px 0 20px 0px;
        }


        #keyFacts {
            text-align: left;
            padding: 30px 5px 30px 85px;
        }

        .row.keyFacts {
            margin: 20px -100px 0 -100px;
        }


        #advancedSearchResultsPanel a {
            font-size: 3vw;
        }

        .aboutUsIcons {
            text-align: center;
            margin: 0 0 0px 0;
        }

 
        .projectFactsIcon {
            text-align: left;
            display: inline-block;
            margin: 0 0 0 20px;
            width: 25%;
        }

        .projectFactsLabel {
            width: 40%;
        }


        .projectFactsLabel {
            font-size: 2vw;
            line-height: 2.2vw;
            margin: 0 0 0 0;
        }

        .projectFieldLabel {
            font-size: 1.2vw;
        }

        .projectDetailInfo {
            font-size: 1.2vw;
        }


            .projectDetailInfo a {
                font-size: 1.2vw;
                text-decoration: underline;
            }


        #projectStatus {
            text-align: left;
            margin: 0 0 0 0px;
        }

        .keyFacts div div.row div:first-of-type #projectStatus {
            margin: 0 0 0 60px;
        }

        #projectStatusInfo {
            margin-top: 0px;
        }

        .projectDateLabel {
            width: 100px;
            display: inline-block;
            font-weight: bold;
        }


        .projectStatusLabel {
            width: 130px;
        }


        #projectStatusInfo,
        #projectReferenceInfo,
        #projectRoundInfo {
            font-size:2vw;
        }


        .row.projectResultRow {
            position: unset;
        }


            .row.projectResultRow #projectNextArrowContainer {
                width: 100%;
                position: unset;
            }


            #projectNextArrowContainer {
                width: 100%;
                position: unset;
            }

        #projectNextArrow {
            padding:0;
            vertical-align: middle;
        }


        #projectNextArrow img {
            height: unset;
        }


        .articleHeading {
            font-size: 1.7vw;
            color: #478529;
        }

        h2.articleHeading {
            font-size: 2vw;
            color: #478529;
        }



        .container {
            max-width: unset;
        }

        #menu-menu-1 a {
            font-size: 4vw;
        }




        #advancedSearchFiltersPanel {
            margin: 50px 20px 20px 20px;
        }

        #advancedSearchResultsPanel {
            margin: 30px 105px 50px 105px;
        }   


        #projectAdvancedSearchLink a {
            font-size: 1vw;
        }

        #projectAdvancedSearchLink i {
            font-size: 1vw;
        }


        div#_searchResults a {
            font-size: 1.5vw;
        }

        .searchResultText {
            max-width: 100%;
        }

        #siteDescription {
            font-size: 3vw;
        }

        #mainContent {
            color: #273030;
            font-size: 1.1vw;
            font-family: 'Open Sans', sans-serif;
        }

            #mainContent a {
                font-size: 1.1vw;
                text-decoration: underline;
            }




        #projectSearchMenu {
            margin: 30px 0 10px 0;
            padding: 0 0 30px 0;
            border-bottom: 0px;
            border-width: 0 0 0px 0;
            border-color: #cdcdcd;
            border-style: solid;
        }


            #projectSearchMenu li {
                display: inline-block;
                margin: 10px 4px 0 4px;
                padding: 10px 0;
                width: 15%;
                text-align: center;
                border-color: #273030;
                border-width: 0 0 1px 0;
                border-style: solid;
            }




        #advancedSearchFiltersContainer {
            position: absolute;
            width: 85%;
            height: 100vh;
            overflow: auto;
        }


        fieldset {
            padding: 0 20px 20px 20px;
        }




        #searchButton {
            width: 20%;
        }

            #searchButton .fa.fa-search {
                font-size: 3vw;
            }


        #searchBox2 input {
            width: 80%;
        }


        #newsCategories h2,
        #newsArchive h2 {
            font-size: 7.5vw;
            margin: 1.5rem 0;
        }


        #newsCategoriesToggleButton i,
        #newsArchiveToggleButton i {
            font-size: 5.5vw;
        }

        #mainContentHtml {
            padding: 0px 20px 0 20px;
        }



        .homepageWhenToApplyTitle {
            width: 23.8%;
            text-align: center;
        }

        .galleryImageRow {
            margin: 0 85px;
        }



        .galleryImages img {
            width: 100%;
            height: auto;
            padding: 10px;
        }

        #searchControls {
            margin: 0 0 200px 0;
        }


        #footer {
            padding: 72px 20px 30px 30px;
            margin: 100px 0 0 0;
        }

        .homepage #footer {
            padding: 50px 0px 30px 0px;
            margin: 0 0 0 0;
        }

        #footerAddress {
            margin: 20px 0 0 0;
            font-size: 1.6vw;
            line-height: 1.8vw;
        }

        .footerLinks {
            font-size: 1vw;
            line-height: 1vw;
        }





        #footer a {
            color: #F6F5F0;
            font-size: 1vw;
            line-height: 1vw;
        }



        #footerLinks, #footerLinks a {
            color: #F6F5F0;
            font-size: 1.6vw;
            line-height: 1.8vw;
            /*font-weight: normal;*/
        }



                #footerLinks a:hover {
                    color: #F6F5F0 !important;
                    text-decoration: none !important;
                }



        #copyrightContainerMobile {
            margin: 0px 0 0 0;
        }

        #copyrightContainer {
            margin: 0 0 0 20px;
        }


        .row.categoryRow img {
            width: auto;
        }

        #mc-embedded-subscribe {
            width: auto !important;
            margin: 10px 0 1em 0% !important;
        }

        #emailSubscription {
            margin: 0 20px;
        }

        #footerCopyrightContainer {
            margin: 0 0 0 20px;
        }


        #socialMediaIconsBCF {
            margin: 20px 0 20px 20px;
            font-size: 1.6vw;
            line-height: 1.8vw;
        }


    }




/*=============DEKSTOP 1200+==============================================================
 ______   _______  _______  ___   _  _______  _______  _______ 
|      | |       ||       ||   | | ||       ||       ||       |
|  _    ||    ___||  _____||   |_| ||_     _||   _   ||    _  |
| | |   ||   |___ | |_____ |      _|  |   |  |  | |  ||   |_| |
| |_|   ||    ___||_____  ||     |_   |   |  |  |_|  ||    ___|
|       ||   |___  _____| ||    _  |  |   |  |       ||   |    
|______| |_______||_______||___| |_|  |___|  |_______||___|    
 ____   _______  _______  _______ 
|    | |       ||  _    ||  _    |
 |   | |____   || | |   || | |   |
 |   |  ____|  || | |   || | |   |
 |   | | ______|| |_|   || |_|   |
 |   | | |_____ |       ||       |
 |___| |_______||_______||_______|

*/


    @media (min-width: 1200px) {

        body {
            font-size: 1.2vw;
        }

        a {
            color: #478529;
            font-size: 1.2vw;
        }


            a:hover {
                /*color: #273030;*/
                text-decoration: underline;
            }



        #roundLabel {
            min-width: auto;
        }

        .quote {
            padding: 30px 40px;
            font-size: 2vw;
        }

        #advancedSearchResultsPanel a {
            font-size:2vw;
        }


        .column, .columns {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
        }


	.darwinAdvisoryGroupUL .row {  
		margin: 0;
	}
	
	.darwinAdvisoryGroupUL .row .col-12.col-xl-4 {  
	font-weight:normal;
}


        unset {
            max-width: 100vw;
        }

        #homepageHeading {
            margin: 0 0 0vh 22px;
            font-size: 6vw;
        }

        #homepageSummary {
            font-size: 1.25vw;
            margin: 0 22px 0 40px;
        }


        #menu-menu-1 a {
            font-size: 2vw;
        }

        .mobileMenuButton {
            display: none;
        }

        #mobileMenu {
            display: none;
        }

        #mainContent {
            color: #273030;
            font-size: 1.0vw;
            font-family: 'Open Sans', sans-serif;
        }

            #mainContent a {
                font-size: 1.0vw;
                text-decoration: underline;
            }

        #searchFilter0 a {
            font-size: 1.2vw;
        }

        div#_searchResults a {
            font-size: 1.0vw;
        }

        .searchResultText {
            max-width: 60%;
        }

        #siteDescription {
            font-size: 4vw;
        }

        #refLabel {
            padding: 0 0 0 10px;
            width: auto;
            display: inline-block;
        }


        #projectStatus {
            text-align: left;
            margin: 0 0 0 20px;
        }

        #advancedSearchFiltersContainer {
            position: absolute;
            width: 85%;
            height: 100vh;
            overflow: auto;
        }

        #cse-search-box {
            position: absolute;
            width: 30vw;
            top: 70%;
            bottom: unset;
            left: 8.3%;
            height: 50px;
            z-index: 2147483647;
        }


        html .swiper-slide-info hr {
            width: 30%;
        }


        #searchButton {
            width: 20%;
        }

            #searchButton .fa.fa-search {
                font-size: 3vw;
            }

        #searchBox2 input {
            width: 80%;
        }


        #newsCategories h2,
        #newsArchive h2 {
            font-size: 7.5vw;
            margin: 1.5rem 0;
        }


        #newsCategoriesToggleButton i,
        #newsArchiveToggleButton i {
            font-size: 5.5vw;
        }

        #mainContentHtml {
            padding:50px 105px 0 105px;
        }




        #mainContentHeading {
            font-size: 4vw;
            line-height: 5.5vw;
            padding: 50px 105px;
        }



        #projectPanel {
            padding: 20px 105px;
        }



        #projectStatus {
            text-align: left;
            margin: 0 0 0 60px;
        }


        #projectSummary {
            font-size: 1.2vw;
        }


        #projectStatusInfo,
        #projectReferenceInfo,
        #projectRoundInfo {
            font-size: 1.2vw;
        }


        .projectFactsLabel {
            font-size: 1.2vw;
            line-height: 1.4vw;
            margin: 0 0 0 0;
        }


        #footerAddress {
            margin: 20px 0 0 0;
            font-size: 2.1vw;
            line-height: 2.1vw;
        }

        .footerLinks {
            font-size: 2.1vw;
            line-height: 2.1vw;
        }




        #footer a {
            color: #F6F5F0;
            font-size: 0.9vw;
            line-height: 1.2vw;
        }


        #footerLinks, #footerLinks a {
            color: #F6F5F0;
            font-size: 2.6vw;
            /*font-weight: normal;*/
        }


            #footerLinks, #footerLinks a {
                color: #F6F5F0;
                font-size: 2.6vw;
                /*font-weight: normal;*/
            }


                #footerLinks a:hover {
                    color: #F6F5F0 !important;
                    text-decoration: none !important;
                }


        .homepage #footer {
            padding: 72px 0px 20px 0px;
            margin: 0 0 0 0;
        }






        .PageTitleH1 {
            font-size: 3.5vw;
            margin: 0 0 0.1em;
            font-family: 'Open Sans', sans-serif;
        }


        .logo img {
            width: 100%;
            max-height: 100px;
        }



        #siteDescription {
            margin: 60px 0px 0 25px;
            width: 64%;
            font-size: 1.2vw;
            display: none;
        }


        #login a {
            color: #F6F5F0;
            font-size: 1.2vw;
        }

            #login a:hover {
                color: #478529;
                text-decoration: none;
            }







        #projects {
            font-size: 1.2vw;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            border-collapse: collapse;
            margin: 30px 0 0 0;
        }


        #mainContent {
            color: #273030;
            font-size: 1vw;
            font-family: 'Open Sans', sans-serif;
        }

            #mainContent a {
                /*color: #478529;*/
                color: #478529;
                font-size: 1vw;
                /*font-weight: normal;*/
                text-decoration: underline;
            }

                #mainContent a:hover {
                    /*color: #478529;*/
                    text-decoration: underline;
                }




        #projects {
            font-size: 1.2vw;
            font-family: 'Open Sans', sans-serif;
            width: auto;
            border-collapse: collapse;
            margin: 30px 105px 50px 105px;
        }

       


        #projectDetailLeftPanel {
            padding: 65% 30px 0 20px;
            background: #333;
            height: 100%;
        }

            #projectDetailLeftPanel h1 {
                color: #F6F5F0;
                font-size: 1.8vw;
                font-weight: bold;
                margin: 8% 0 5px 0;
            }

            #projectDetailLeftPanel hr {
                width: 100%;
                color: #F6F5F0;
                border: 1px solid #F6F5F0;
                border-width: 1px 0 0 0;
                margin: 0 0 5px 0;
            }

            #projectDetailLeftPanel #projectTitle {
                color: #F6F5F0;
                font-size: 1.1vw;
                margin: 0 0 30px 0;
            }



        #searchFilterRowContainer {
            padding: 100px 0 0 200px;
        }

        #searchFilters h1 {
            font-size: 3vw;
        }

        #searchFilters .projectSelectorText {
            font-size: 3vw;
        }


        #sideMenuToggleButton {
            display: none;
        }

        #newsCategoriesToggleButton {
            display: none;
        }

        #newsArchiveToggleButton {
            display: none;
        }

        #searchFilterInnerContainer {
            opacity: 1;
            margin: 0 0 0 0;
            display: none;
            padding: 74px 0px 117px 77px;
        }


        #searchFilters h1 {
            color: #478529;
            font-size: 3.5vw;
            margin: 0;
            line-height: 1.2;
        }



        .galleries-list-pager {
            display: none;
        }

        #projectLeaderSidePanelSelector {
            border-bottom: 1px solid #F6F5F0;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #projectLeaderSidePanelSelector:hover {
                color: #478529;
                border-bottom: 1px solid #478529;
            }

        #projectLeaderSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
            color: #273030;
        }





        #projectYearAwardedSidePanelSelector {
            border-bottom: 1px solid #F6F5F0;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #projectYearAwardedSidePanelSelector:hover {
                color: #478529;
                border-bottom: 1px solid #478529;
            }

        #projectYearAwardedSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
            color: #273030;
        }







        #biomesEcosystemSidePanelSelector {
            border-bottom: 1px solid #F6F5F0;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #biomesEcosystemSidePanelSelector:hover {
                color: #478529;
                border-bottom: 1px solid #478529;
            }

        #biomesEcosystemSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
            color: #273030;
        }





        #institutionSidePanelSelector {
            border-bottom: 1px solid #F6F5F0;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #institutionSidePanelSelector:hover {
                color: #478529;
                border-bottom: 1px solid #478529;
            }



        #institutionSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
            color: #273030;
        }




        #fundingSidePanelSelector {
            border-bottom: 1px solid #F6F5F0;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #fundingSidePanelSelector:hover {
                color: #478529;
                border-bottom: 1px solid #478529;
            }



        #fundingSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
            color: #273030;
        }




        #projectLeaderSidePanelSelector {
            border-bottom: 1px solid #F6F5F0;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #projectLeaderSidePanelSelector:hover {
                border-bottom: 1px solid #478529;
                color: #478529;
            }


        #projectLeaderSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
            color: #273030;
        }


        #advancedSearchFiltersSidePanelSelector {
            border-bottom: 1px solid #F6F5F0;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #advancedSearchFiltersSidePanelSelector:hover {
                border-bottom: 1px solid #478529;
                color: #478529;
            }


        #advancedSearchFiltersSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
            color: #273030;
        }

            #advancedSearchFiltersSidePanelSelectorText:hover {
                color: #478529;
            }


        #projectMapSidePanelSelector {
            border-bottom: 1px solid #F6F5F0;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #projectMapSidePanelSelector:hover {
                border-bottom: 1px solid #478529;
                color: #478529;
            }



        #projectMapSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
            color: #273030;
        }

            #projectMapSidePanelSelectorText:hover {
                color: #478529;
            }

        .contactInformation {
            margin: 80px 0 0 0;
        }


        #searchBox i {
            font-size: 30px;
            color: #273030;
            cursor: pointer;
            margin: 10px 0;
        }

        #searchBox .fa.fa-search {
            margin: 10px 10px 0 0;
            display: block;
        }

        .fa.fa-bars {
            display: none;
        }

        .headerSpacer {
            display: block;
        }

        #menuLayer ul li, #menuLayer li {
            background-image: url("/Images/interface/arrow-menu.png");
            background-repeat: no-repeat;
            background-position: -1px 6px;
            margin-left: 0px;
            list-style-type: none;
            font-size: 3vw;
        }


        #searchBoxToggle {
            position: relative;
        }

        #searchButton {
            padding: 1px 0;
            font-weight: bold;
            cursor: pointer;
        }


        #searchBox2 {
            padding: 16% 0 0 0;
            margin: 0 auto;
            vertical-align: top;
            top: 57%;
            width: 70%;
        }

        #searchBoxBackground2 {
            background: #F6F5F0;
            width: 100%;
            height: 100px;
        }



        #searchBox2 input {
            width: 88%;
            height: 100px;
            margin: 0;
            padding: 45px 0px 45px 45px;
            font-size: 50px;
            color: #273030;
            background: #F6F5F0;
            border: 1px solid #000;
        }


        #requestAppointmentButton {
            width: 47%;
            font-size: 1vw;
            margin: 40px 0 42px 0;
            display: block;
        }

        #NochexPaymentButton {
            width: 47%;
            font-size: 1vw;
            margin: 40px 0 42px 0;
        }



 

        .toggleLayerContainer.row {
            margin: 100px 0;
        }

        .person-detail-tab-button {
            cursor: pointer;
            font-size: 20px;
        }


        .person-name {
            display: block;
            margin: 50px 0 5px 0;
        }


        .contentLink {
            display: block;
            vertical-align: top;
            clear: both;
            border-bottom: 1px solid #ccc;
            line-height: 0;
            width: 80%;
        }


        #searchFilterInnerContainer {
            opacity: 1;
            margin: 0 0 0 0;
            display: none;
            padding: 47px 0px 57px 33px;
        }

        #peopleListPanel {
            margin: 0 1.875rem;
            padding: 0px 0 50px 0;
        }

        #videoSidebarContent #enquiryPanel {
            margin: 0 10%;
            font-size: 15px;
        }

            #videoSidebarContent #enquiryPanel p {
                margin: 0 0 1em 0;
            }


        #videoSidebarContent {
            margin: 40px;
            max-height: calc(100vh - 128px);
            overflow: auto;
        }


        #enquiryPanel input.requestAppointmentFormButton {
            margin: 20px 0 50px 0;
        }





        #enquiryPanel {
            margin: 0 0;
        }


            #enquiryPanel input {
                border-radius: 4px;
                padding: 8px;
                width: 100%;
                color: #273030;
                background: #F6F5F0;
                border: 1px solid #888;
            }

            #enquiryPanel select {
                border-radius: 4px;
                padding: 8px;
                width: 100%;
                color: #273030;
                background: #F6F5F0;
                border: 1px solid #888;
                height: 35px;
            }

            #enquiryPanel textarea {
                border-radius: 4px;
                padding: 8px;
                width: 100%;
                color: #273030;
                background: #F6F5F0;
                border: 1px solid #888;
            }



        .selectedLocation {
            margin: 0 2.8rem;
            display: none;
            padding-left: 0px;
            display: block;
        }


        #searchFilters h1 {
            color: #478529;
            font-size: 3vw;
            margin: 0;
            line-height: 1.2;
        }

        #searchBox .fa.fa-bars {
            margin: 0px 10px 0 0;
            float: unset;
        }


        #slideHtml {
            padding: 12% 0 40px 0;
            width: 20%;
            cursor: pointer;
        }

        #slideHtml2 {
            position: absolute;
            right: 20%;
            top: 0%;
            width: 20%;
            font-size: 1vw;
            padding: 12% 0 0 0;
            cursor: pointer;
            display: block;
        }

        .htmlOverlay {
            position: absolute;
            left: 10%;
            width: 100%;
            top: 10%;
            font-size: 1vw;
        }

        #slideHtml #jobTitle {
            font-size: 0.7em;
             /* text-transform: uppercase; */
        }

        .person-content.item-content.person-detail2 {
            margin: 0px 45px 0 0;
        }

        .person-content.item-content.person-additional-info-1 {
            margin: 0px 45px 0 0;
            word-wrap: unset;
        }


        #person-detail-1 {
            font-size: 27px;
            padding: 0px 100px 40px 0px;
        }



        .person-detail-tab-selected {
            padding: 50px 100px 50px 50px;
            border-width: 5px 0 0 0;
            border-color: #478529;
            border-style: solid;
        }

        .contentColumn1 {
            margin: 30px 15px 0 0
        }

        .contentColumn2 {
            margin: 30px 15px 0 20px;
        }

        #slideHtmlPerson2 {
            position: absolute;
            right: 0%;
            top: 10%;
            width: 30%;
            font-size: 1vw;
            padding: 8% 0 0 0;
            display: block;
        }

        #slideHtmlPerson {
            padding: 12% 0 40px 0;
            width: 20%;
        }

        #associates {
            margin: 60px 0 180px 0px;
            width: 100%;
        }

        .small-12.medium-8.large-8.columns.rightColumn {
            min-height: 1000px;
        }


        #twoColumnOneList .entityContainer.newsContainer {
            margin: 50px 0 0px 0;
        }


        .mainContentColumn .entityContainer.newsContainer {
            margin: 50px 0 0px 0;
        }


        .mainContentColumn {
            margin: 50px 0 0px 0;
        }

        #NochexPaymentButton {
            background: #ff0000;
            border: 0px solid #888;
            background-size: 0% 80px;
            display: inline-block;
            padding: 10px 15px;
            margin: 20px 0 42px 0;
            width: 45%;
            text-align: center;
            color: #F6F5F0;
            font-size: 1vw;
        }

            #NochexPaymentButton:hover {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8zcDwHwAEtQHsaEi0sAAAAABJRU5ErkJggg==); /*http://png-pixel.com*/
                background-size: 100% 80px;
                background-repeat: no-repeat;
                color: #F6F5F0;
                font-weight: normal;
            }


            #NochexPaymentButton a {
                color: #F6F5F0;
                text-decoration: none;
            }

                #NochexPaymentButton a:hover {
                    font-weight: normal;
                    color: #F6F5F0;
                }

        #invoice input[type="text"] {
            width: 45%;
            height: 30px;
            font-size: 1vw;
            padding: 7px;
        }

        .nochexlogo {
            text-align: left;
        }

        #mc_embed_signup {
            clear: left;
            font: 14px 'Open Sans', sans-serif;
            width: 100%;
        }



        #ContactFormTitle {
            margin: 10px 0 30px 0;
            font-family: 'Open Sans', sans-serif;
            color: #273030;
        }

        h3.newsListShort {
            margin: 80px 0 0px 0;
            font-size: 2vw;
        }

        .main-article-image {
            margin: 0 0 30px 0;
        }

        #searchBox .fa.fa-search {
            margin: 0;
        }

        #searchBox .fa.fa-bars {
            margin: 0px 10px 0 0;
            float: right;
        }

        #footerLogos img {
            padding: 0px;
        }


        .mobileHide {
            display: block;
        }


        #header .mobileHide {
            display: block;
        }


        .person-detail-tab-button-1 {
            width: auto;
        }

        .person-detail-tab-button-2 {
            width: auto;
        }

        .person-detail-tab-button-3 {
            width: auto;
        }

        .person-detail-tab-button-4 {
            width: auto;
        }

        #personDetail .columns {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
        }


        #menuSub h2 {
            display: block;
        }


        #header #searchFilter7 .columns {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
        }

        .person-name {
            display: block;
            margin: 50px 0 5px 0;
        }

        #advancedSearchFiltersContainer {
            position: absolute;
            width: 85%;
            height: 100vh;
            overflow: auto;
        }


        #searchButton {
            width: auto;
        }

            #searchButton .fa.fa-search {
                font-size: 3vw;
            }


        #searchBox2 input {
            width: 88%;
        }






        #startDate {
            font-size: 1.2vw;
        }


        #endDate {
            font-size: 1.2vw;
        }

        #footer {
            padding: 72px 0px 20px 0px;
            margin: 100px 0 0 0;
        }

            #footer h1 {
                font-size: 3vw;
            }


        #footerLinks,
        #footerLinks a {
            color: #F6F5F0;
            font-size: 0.9vw;
            /*font-weight: normal;*/
        }


            #footerLinks a:hover {
                color: #F6F5F0 !important;
                text-decoration: none !important;
            }


        #footerSocialMedia, #footerSocialMedia strong {
            color: #F6F5F0;
            font-size: 1vw;
            text-align: right;
            padding: 10px 20px 20px 0;
        }

            #footerSocialMedia div {
                display: inline-block;
            }

        .footerLinks {
            padding: 0 0 20px 0px;
        }

        #messageBannerFormContainer {
            position: fixed;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            z-index: 2147483647;
            margin: 0 auto;
            display: block;
            padding: 0px 20%;
            overflow: auto;
        }

        footer {
            bottom: 0px;
        }


        #footerAddress {
            margin: 20px 0 0 0;
            font-size: 0.9vw;
            line-height: 1.2vw;
        }


        #footerLinks, #footerLinks a {
            color: #F6F5F0;
            font-size: 0.9vw;
            line-height: 1.2vw;
            /*font-weight: normal;*/
        }

        .footerLinks {
            font-size: 0.9vw;
            line-height: 1.2vw;
        }



        .projectStatusLabel {
            width: 80px;
            display: inline-block;
        }

        .projectFactsLabel {
            width: 50%;
        }

        #emailSubscription {
            margin: 0 115px;
        }

        #footerCopyrightContainer {
            margin: 0 0 0 115px;
        }

        #copyrightContainer {
            margin: 0 0 0 105px;
        }

        #socialMediaIconsBCF {
            margin: 20px 0 100px 100px;
            font-size: 0.9vw;
            line-height: 1.2vw;
        }
    }



/*
 ______   _______  _______  ___   _  _______  _______  _______ 
|      | |       ||       ||   | | ||       ||       ||       |
|  _    ||    ___||  _____||   |_| ||_     _||   _   ||    _  |
| | |   ||   |___ | |_____ |      _|  |   |  |  | |  ||   |_| |
| |_|   ||    ___||_____  ||     |_   |   |  |  |_|  ||    ___|
|       ||   |___  _____| ||    _  |  |   |  |       ||   |    
|______| |_______||_______||___| |_|  |___|  |_______||___|    
 ____   _______  _______  _______                              
|    | |       ||  _    ||  _    |                             
 |   | |___    || | |   || | |   |                             
 |   |  ___|   || | |   || | |   |                             
 |   | |___    || |_|   || |_|   |                             
 |   |  ___|   ||       ||       |                             
 |___| |_______||_______||_______|                             

*/


@media only screen and (min-width: 1300px) {
    .projectStatusLabel {
        width: 110px;
        display: inline-block;
    }

    #refLabel {
        padding: 0 0 0 20px;
        width: auto;
        display: inline-block;
    }

    #roundLabel {
        min-width: 50px;
    }

}

/*
 ______   _______  _______  ___   _  _______  _______  _______ 
|      | |       ||       ||   | | ||       ||       ||       |
|  _    ||    ___||  _____||   |_| ||_     _||   _   ||    _  |
| | |   ||   |___ | |_____ |      _|  |   |  |  | |  ||   |_| |
| |_|   ||    ___||_____  ||     |_   |   |  |  |_|  ||    ___|
|       ||   |___  _____| ||    _  |  |   |  |       ||   |    
|______| |_______||_______||___| |_|  |___|  |_______||___|    
 ____   _______  _______  _______                              
|    | |       ||  _    ||  _    |                             
 |   | |   ____|| | |   || | |   |                             
 |   | |  |____ | | |   || | |   |                             
 |   | |_____  || |_|   || |_|   |                             
 |   |  _____| ||       ||       |                             
 |___| |_______||_______||_______|                                                      

*/


@media only screen and (min-width: 1500px) {

    .projectStatusLabel {
        width: 130px;
        display: inline-block;
    }
}

/*
 ______   _______  _______  ___   _  _______  _______  _______ 
|      | |       ||       ||   | | ||       ||       ||       |
|  _    ||    ___||  _____||   |_| ||_     _||   _   ||    _  |
| | |   ||   |___ | |_____ |      _|  |   |  |  | |  ||   |_| |
| |_|   ||    ___||_____  ||     |_   |   |  |  |_|  ||    ___|
|       ||   |___  _____| ||    _  |  |   |  |       ||   |    
|______| |_______||_______||___| |_|  |___|  |_______||___|    
 ____   ___      _______  _______                              
|    | |   |    |  _    ||  _    |                             
 |   | |   |___ | | |   || | |   |                             
 |   | |    _  || | |   || | |   |                             
 |   | |   | | || |_|   || |_|   |                             
 |   | |   |_| ||       ||       |                             
 |___| |_______||_______||_______|                             

*/


@media only screen and (min-width: 1600px) {
    .headerMenuContainer .mainMenuItem a.depth-1-menuitem {
        padding: 5px 15px;
    }


    .projectStatusLabel {
        width: 130px;
        display: inline-block;
    }
}


/*
 ______   _______  _______  ___   _  _______  _______  _______ 
|      | |       ||       ||   | | ||       ||       ||       |
|  _    ||    ___||  _____||   |_| ||_     _||   _   ||    _  |
| | |   ||   |___ | |_____ |      _|  |   |  |  | |  ||   |_| |
| |_|   ||    ___||_____  ||     |_   |   |  |  |_|  ||    ___|
|       ||   |___  _____| ||    _  |  |   |  |       ||   |    
|______| |_______||_______||___| |_|  |___|  |_______||___|    
 ____   _______  _______  _______                              
|    | |       ||  _    ||  _    |                             
 |   | |___    || | |   || | |   |                             
 |   |     |   || | |   || | |   |                             
 |   |     |   || |_|   || |_|   |                             
 |   |     |   ||       ||       |                             
 |___|     |___||_______||_______|     
    
*/

@media only screen and (min-width: 1700px) {

    .projectStatusLabel {
        width: 160px;
        display: inline-block;
    }
}

















    @media only screen and (max-height: 900px) and (min-width: 64.0625em) {
    }


    @media only screen and (max-height: 800px) and (min-width: 64.0625em) {
    }


    @media only screen and (max-height: 700px) and (min-width: 64.0625em) {
    }


    @media only screen and (max-height: 600px) and (min-width: 64.0625em) {
    }


    @media only screen and (max-height: 500px) and (min-width: 64.0625em) {
    }