/* --------------------------------

Primary style

-------------------------------- */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

body {
    font-size: 100%;
    font-family: "Roboto", sans-serif;
    color: #3d3536;
    background-color: white;
}

body, html {
    /* important */
    height: 100%;
}

a {
    color: #b4d7a8;
    text-decoration: none;
}

/* --------------------------------

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    /*width: 90%;*/
    max-width: 1024px;
    margin: 0 auto;
    padding: 55px 10px 55px 10px;
}

.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

/* --------------------------------

Main components

-------------------------------- */
.cd-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.cd-header:after {
    content: "";
    display: table;
    clear: both;
}

.cd-header #cd-logo {
    float: left;
    margin: 13px 0 0 5%;
}

.cd-header #cd-logo img {
    display: block;
}

@media only screen and (min-width: 1024px) {
    .cd-header {
        height: 70px;
    }

    .cd-header #cd-logo {
        margin: 23px 0 0 5%;
    }

}

.cd-main-nav {
    float: right;
    margin-right: 5%;
    width: 44px;
    height: 100%;
    background: url("../img/cd-icon-menu.svg") no-repeat center center;
    background-size: 44px 44px;
    cursor: pointer;
}

.cd-main-nav ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.cd-main-nav ul.is-visible {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.cd-main-nav a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 5%;
    background: #2f292a;
    border-top: 1px solid #453c3d;
    color: #8e7d7f;
}

@media only screen and (min-width: 1024px) {
    .cd-main-nav {
        width: auto;
        height: auto;
        background: none;
        cursor: auto;
    }

    .cd-main-nav ul {
        position: static;
        width: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        line-height: 70px;
    }

    .cd-main-nav ul.is-visible {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .cd-main-nav li {
        display: inline-block;
        margin-left: 1em;
    }

    .cd-main-nav a {
        display: inline-block;
        height: auto;
        line-height: normal;
        background: transparent;
        padding: .6em 1em;
        border-top: none;
        color: #3d3536;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .no-touch .cd-main-nav a:hover {
        color: #99a478;
    }
}

.cd-main-content {
    /* you need to assign a min-height to the main content so that the children can inherit it*/
    height: 100%;
    position: relative;
    z-index: 1;

}

.cd-end {
    margin-bottom: 80px;
    padding-bottom: 80px !important
}

.cd-fixed-bg {
    position: relative;
    min-height: 40%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.cd-fixed-bg h1, .cd-fixed-bg h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    max-width: 1170px;
    text-align: center;
    font-size: 30px;
    font-size: 1.875rem;
    text-transform: uppercase;

    color: white;
    text-shadow: -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

.cd-bg-0 {
    background-image: url("../images/Employees.jpg");
    position: relative;
    min-height: 50%;
    padding: 4em 0;
    line-height: 1.6;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.cd-fixed-bg.cd-bg-1 {
    background-image: url("../images/pdr.jpg");

}

.cd-fixed-bg.cd-bg-2 {
    background-image: url("../images/FastCasual.jpg");
}

.cd-fixed-bg.cd-bg-3 {
    background-image: url("../images/GrabandGo.jpg");
}

.cd-fixed-bg.cd-bg-4 {
    background-image: url("../images/MorningBikes.jpg");
}

.cd-fixed-bg.cd-bg-5 {
    background-image: url("../images/ecotours.JPG");
}

.cd-fixed-bg.cd-bg-6 {
    background-image: url("../images/equine.jpg");
}

.cd-fixed-bg.cd-bg-7 {
    background-image: url("../images/Retail.jpg");
}

.cd-fixed-bg.cd-bg-8 {
    background-image: url("../images/Hospitality.JPG");
}

.cd-fixed-bg.cd-bg-9 {
    background-image: url("../images/Forest.JPG");
}

@media only screen and (min-width: 1024px) {
    .cd-fixed-bg h1, .cd-fixed-bg h2 {
        /*font-size: 36px;*/
    }
}

@media only screen and (min-width: 1170px) {
    .cd-fixed-bg {
        background-attachment: fixed;
    }

    .cd-fixed-bg h1, .cd-fixed-bg h2 {
        font-size: 3em;
        letter-spacing: 1px;
        line-height: 1.5;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }
}

.cd-scrolling-bg {
    position: relative;
    /*min-height: 100%;*/
    padding: 4em 0;
    line-height: 1.6;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.cd-scrolling-bg.cd-color-1 {
    background-color: #ffffff;
    color: black;

}

.cd-scrolling-bg.cd-color-2 {
    background-color: white;
    color: black
}

.cd-scrolling-bg.cd-color-3 {
    background-color: white;
    color: black;
}

@media only screen and (min-width: 1024px) {
    .cd-scrolling-bg {
        padding: 2em 0;
        /*font-size: 20px;*/
        /*font-size: 1.25rem;*/
        line-height: 2;
        font-weight: 300;
    }
}

/*@media only screen and (min-width: 1024px) {*/
/*.location-text{*/

/*font-size: 1.2em;*/
/*line-height: 2;*/
/*font-weight: 300;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1023px) {*/
/*.location-text{*/

/*font-size: 16px;*/
/*}*/
/*}*/
@media only screen and (max-width: 800px) {
    .cd-container {
        padding: 0 10px 0 10px;
    }

    .cd-scrolling-bg {
        padding: 1em 0;
    }
}

.location {

    max-width: 1024px;
    margin: 0 auto;
}

.location-title {
    background-color: white;
    font-size: 2.5em;
    margin-before: 0em;
    margin-after: 0em;
    display: block;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    /*font-size: 1.6em;*/
    font-weight: 400;
    padding-left: 10px;
    font-family: 'Open Sans', sans-serif;

}



.location-pic {
    background-color: white;

}

.location img {
    /*width: 100%;*/
    /*height: auto;*/
}

@media only screen and (max-width: 1100px) {
    .location img {
        width: 100%;
    }
}

.location-text {
    background-color: white;
    text-align: center;
    /*color: green;*/
    /*line-height: 1em;*/
    margin-left: 10px;
    margin-right: 10px;
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-weight: 300;*/
    /*line-height: 1.5em;*/
    /*font-size: 24px;*/
}

.outreach img {
    -webkit-align-content: center;
    align-content: center;
    /*padding-left: 5%;*/
    /*padding-right: 10%;*/
    max-width: 100%;

    padding-right: 70px;
}

.outreach-line {
    background-color: #2e754f;
    text-align: left;
    padding: 1em 0em 1em 3em;
    display: block;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
    color: white;
    font-family: 'Open Sans', sans-serif;
    height: 100px;
}

.outreach {
    /*max-width: 1224px;*/
    margin: 0 auto;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;

    /*-webkit-align-content: center;*/
    /*align-content: center;*/
    background-color: white;
    display: -webkit-flex;
    display: flex;
    /*height: 95%;*/
    /*font-fam-webkit-align-content: center;*/
    /*align-content: center;*/

}

.outreach-pic {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;

    /*margin-top: 2em;*/
    /*height: 200px;*/
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

.outreach img {
}

@media (max-height: 600px) {

}

.outreach-text {

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 2;
    flex: 2;
    /*padding-right: 60px;*/
    -webkit-justify-content: center;
    justify-content: center;
    /*margin-top: 10px;*/
    background-color: white;
    /*text-align: center;*/
    /* color: green; */
    line-height: 1.5em;
    /*font-size: 1em;*/
    font-family: 'Open Sans', sans-serif;
    /* font-size: 18pt; */
    font-weight: 300;
    /*padding-bottom: 40px;*/
    font-size: 2em;
    padding-left: 40px;
}





.outreach-text {

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 2;
    flex: 2;
    /*padding-right: 60px;*/
    -webkit-justify-content: center;
    justify-content: center;
    /*margin-top: 10px;*/
    background-color: white;
    /*text-align: center;*/
    /* color: green; */
    line-height: 1.5em;
    /*font-size: 1em;*/
    font-family: 'Open Sans', sans-serif;
    /* font-size: 18pt; */
    font-weight: 300;
    /*padding-bottom: 40px;*/
    font-size: 2em;
    padding-left: 40px;
}

.outreach ul {
    font-size: 1em;
    -webkit-align-content: center;
    align-content: center;
    text-indent: -4em;
    margin-bottom: 0.5em;

}

.outreach-text-top {
    margin-bottom: 1em;
}

.outreach-pic-mobile {
    /*display: none;}*/
}


.fa {
    /*float: left;*/
    /*display: block;*/
    padding-left: 1.7em;
    font-size: 1.4em;
    color: #2e754f;
    display: inline !important;

}

.fa-leaf {
    margin-right: 15px;
}

/*margin-left: -22px;}*/

.eco img {
    /*height: 500px;*/
    max-height: 550px;
    display: block;
    margin: auto;
    justify-content: center;
    padding-bottom: 20px;
    max-width: 100%;
}



.ecosense {
    background-color: #2e754f;
    text-align: left;
    padding: 1em 0em 1em 3em;
    display: block;
    letter-spacing: 1px;
    line-height: 1.5em;
    text-transform: uppercase;
    /*font-size: 30px;*/
    font-weight: 400;
    color: white;
    font-size: 30px;

    font-family: 'Open Sans', sans-serif;
    height: 100px;
}

.eco {
    margin-top: 50px;

    /*align-items: left;*/
    /*justify-content: left;*/
    background-color: white;

    /*letter-spacing: 1px;*/
    /*line-height: 1.5;*/
    /*font-family: 'Open Sans', sans-serif;    font-weight: 400;*/
    /*font-size: 1em;*/
    /* margin-bottom: 40px; */
}

.eco div:nth-of-type(1) {
    /*padding-left: 10%;*/
    /*padding-right: 10%;*/

}

.eco div:nth-of-type(2) {

    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    /*text-align: center;*/
    /* color: green; */
    /*line-height: 1em;*/
    font-size: 2em;
    font-family: 'Open Sans', sans-serif;
    /* font-size: 18pt; */
    /*font-weight: 300;*/
    padding-left: 20%;
    padding-right: 20%;
    /*line-height: 1.5;*/
    /*font-family: 'Open Sans', sans-serif;    font-weight: 300;*/
    /*font-size: 1.5em;*/
    line-height: 1.5em;
    font-weight: 300;
    /*margin-left: -60px;*/
}

.eco div:nth-of-type(3) {
    font-size: 2.5em;
    display: flex;
    align-items: center;
    height: 3em;
    text-transform: uppercase;
    justify-content: center;
    background-color: #2e754f;
    color: white;
    margin-top: 10px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 10px;
}

.eco div:nth-of-type(n+4):nth-of-type(-n+11) {
    /*font-size: 1.5em;*/
    margin-bottom: 0.5em;
    /* display: inline-flex;
    text-indent: -25px; */
	display: flex;
    /*text-indent: -60px;*/
    background-color: white;
    /*text-align: center;*/
    /* color: green; */
    line-height: 1.5em;
    /*font-size: 1.5em;*/
    font-family: 'Open Sans', sans-serif;
    /* font-size: 18pt; */
    font-size: 2em;
    font-weight: 300;
    padding-left: 20%;
    padding-right: 20%;
}

.eco div:nth-of-type(12) {
    /*font-size: 1.5em;*/
    font-size: 2em;
    background-color: white;
    /*text-align: center;*/
    /* color: green; */
    line-height: 1.5em;
    /*font-size: 1.2em;*/
    /*font-family: 'Open Sans', sans-serif;*/
    /* font-size: 18pt; */
    /*font-weight: 300;*/
    padding-left: 20%;
    padding-right: 20%;
    /*margin-left: -60px;*/
}

.eco div:nth-of-type(13) {
    font-size: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2e754f;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    /*padding-left: 20%;*/
    /*padding-right: 20%;*/
    margin-top: 10px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    height: 3em;
}

.eco div:nth-of-type(14) {
    /*font-size: 1.5em;*/
    padding-bottom: 20px;
    background-color: white;
    /*text-align: center;*/
    /* color: green; */
    line-height: 1.5em!important;
    /*font-size: 1.5em;*/
    /*font-family: 'Open Sans', sans-serif;*/
    /* font-size: 18pt; */
    /*font-weight: 300;*/
    padding-left: 20%;
    padding-right: 20%;
    font-size: 2em;
    /*margin-left: -60px;*/

}

.eco div:nth-of-type(n+15) {
    /*font-size: 1.5em;*/
    margin-bottom: 0.5em;
    /* display: inline-flex;
    text-indent: -25px; */
	display: flex;
    /*text-indent: -70px;*/
    /*padding-left: 15px;*/
    background-color: white;
    /*text-align: center;*/
    /* color: green; */
    line-height: 1.5em;
    font-size: 2em;
    font-family: 'Open Sans', sans-serif;
    /* font-size: 18pt; */
    font-weight: 300;
    padding-left: 20%;
    padding-right: 20%;
}

.eco ul:nth-of-type(2) {
    /*font-size: 1em;*/
    /*margin-left: -10px;*/

}

.eco div:nth-of-type(17) {
    /* margin-bottom: 80px; */
    padding-bottom: 40px;

}

#elportal {
    padding-bottom: 100px;
}

.eco .fa {
    padding-left: 5px;
}

#foot {

}

#body {
    padding-bottom: 100px; /* height of footer */
}

.otherparks {
    background-color: #2e754f;
    text-align: left;
    padding: 1em 0em 1em 3em;
    display: block;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
    color: white;
    font-family: 'Open Sans', sans-serif;
    height: 100px;
}

.services {
    background-color: #2e754f;
    text-align: left;
    padding: 1em 0em 1em 3em;
    display: block;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
    color: white;
    font-family: 'Open Sans', sans-serif;
    height: 100px;
}



@media (max-width: 1024px) {
    p {
        font-size: 1.5em !important
    }
    .eco div:nth-of-type(n+4):nth-of-type(-n+11),.eco div:nth-of-type(n+15) {
        padding-left: 5%;
        padding-right: 5%;
    }
    .eco div:nth-of-type(2), .eco div:nth-of-type(12), .eco div:nth-of-type(14){
        padding-left: 5%;
        padding-right: 5%;
    }
    .outreach-text {
        font-size: 1.5em;
    }
    .eco img {
        width: 110%;
        padding-top: 20px;
    }

    .eco {
        font-size: 0.75em;
    }

    .outreach-text {
        /*font-size: 1.25em;*/
        /*PADDING-LEFT: 10px;*/
        margin-bottom: 100px;

    }
    .outreach-text {
        padding: 0 10px 0 10px;
    }

    .outreach-pic {
        display: block;
        margin: auto !important;
        /*width: 40%;*/

    }
    .outreach-pic img {
        /*width: 100%;*/
        display: block;
        margin: auto !important;
    }


    .outreach ul {
        /*font-size: 0.5em;*/
        margin-right: 12px;
        padding-left: 8%;
    }

    /*.outreach-text-top {*/
    /*font-size: 0.5em;*/
    /*}*/

    .outreach img {
        padding: 0
    }

    .outreach-pic img {
        width: 50%;
        padding: auto !important;
    }

    .outreach-pic-mobile {
        /*display: flex;*/
        /*flex: 1;*/
        /*height: 25%;*/
    }

    .outreach {
        font-size: 0.75em;
        /*padding-left: 10px;*/
        flex: 8;
    }

    .outreach {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    p {
        font-size: 1.25em !important
    }
    .eco div:nth-of-type(n+4):nth-of-type(-n+11) {
        /*padding-left: 9%;*/
        padding-right: 5%;
    }
    .eco div:nth-of-type(2), .eco div:nth-of-type(12), .eco div:nth-of-type(n+14){
        /*padding-left: 20%;*/
        padding-right: 5%;
    }

    .outreach-text {
        font-size: 1em;
    }
    .location-title {
        font-size: 1.5em;
    }
    .services, .otherparks, .ecosense, .outreach-line {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        padding-right: 60px;
    }
    .outreach-text {
        font-size: 1.25em;
        /*PADDING-LEFT: 10px;*/
        margin-bottom: 100px;

    }
    .outreach-text-top { font-size: 1.4em;    line-height: 1.5;}
    .outreach ul { font-size: 1.4em;line-height: 1.5;}
    .outreach-pic img {
        /*width: 100%;*/
        display: block;
        margin: auto !important;
    }
}

/*.services-image {*/
/*width: 100%;*/
/*justify-content: center;*/
/*padding-bottom: 20px;*/
/*padding-left: 15%;*/
/*padding-right: 15%;*/
/*}*/

#navbar{
    position: fixed;
    top: 0;
    right:0;}