@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-reboot.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-grid.min.css");
@import url("https://p.typekit.net/p.css?s=1&k=yga4izr&ht=tk&f=15498.15501.15505.15510.26839.26840.26841.26842.28900.28901.28904.28905.39680.39681.39684.39687.39688.39689.39691.39692.39693.39694.39697.39699.39700.39701.39703.39704&a=10623897&app=typekit&e=css");
section {
    clear: both
}

.no-padding {
    padding: 0 !important
}

@media only screen and (min-width: 600px) {
    .no-padding-sm {
        padding: 0 !important
    }
}

@media only screen and (min-width: 800px) {
    .no-padding-md {
        padding: 0 !important
    }
}

@media only screen and (min-width: 1400px) {
    .no-padding-lg {
        padding: 0 !important
    }
}

.mt-6,
.my-6 {
    margin-top: 5rem !important
}

.mb-6,
.my-6 {
    margin-bottom: 5rem !important
}

.pt-6,
.py-6 {
    padding-top: 5rem !important
}

.pb-6,
.py-6 {
    padding-bottom: 5rem !important
}

@media only screen and (min-width: 600px) {
    .pt-sm-6,
    .py-sm-6 {
        padding-top: 5rem !important
    }
}

@media only screen and (min-width: 600px) {
    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 5rem !important
    }
}

@media only screen and (min-width: 600px) {
    .mt-sm-6,
    .my-sm-6 {
        margin-top: 5rem !important
    }
}

.content-wrapper-sm {
    max-width: 30em;
    margin: 0 auto;
    padding: 0 1em
}

.content-wrapper {
    max-width: 50em;
    margin: 0 auto;
    padding: 0 1em
}

.content-wrapper-md {
    max-width: 60em;
    margin: 0 auto;
    padding: 0 1em
}

.content-wrapper-lg {
    max-width: 70em;
    margin: 0 auto;
    padding: 0 1em
}

.overlapping {
    position: absolute;
    max-height: 100%
}

.overlapping.overlapping-top-left {
    top: -3rem;
    margin-left: 4rem
}


.page-template-page-sustainable-streets .overlapping.overlapping-top-left {
    margin-left: 3rem;
    padding-right:3rem;
}

/* Electric Vehicles page overrides */
	.page-id-11191 #hero-electric-vehicles {
		display: none;
	}
	.page-id-11191 .sub-nav-wrapper {
		display: none;
	}
	/*
	.page-id-11191 .sub-nav-wrapper {
		background-color: #D7DF23;
	}
	*/


@media only screen and (max-width: 800px) {
    .overlapping.overlapping-top-left {
        top: 2rem;
        margin-left: 0 !important;
		padding-right: 0 !important;
    }
}

.overlapping.overlapping-top-right {
    top: -3rem;
    margin-right: 4rem
}

@media only screen and (max-width: 800px) {
    .overlapping.overlapping-top-right {
        top: 2rem;
        margin-right: 0
    }
}

.overlapping.overlapping-bottom-left {
    left: 0;
    bottom: -3rem
}

.overlapping.overlapping-bottom-right {
    right: 0;
    bottom: -3rem
}

@media only screen and (max-width: 800px) {
    .overlapping {
        position: relative
    }
}

/* 2023 Colors */
.yellow {color: #F6CE3E;}
.green {color: #5DA73C;}
.forest-green {color: #47763B;}
.blue {color: #44C8F5;}
.bg-yellow {background-color: #F5CE3E !important;}
.bg-green {background-color: #5DA73C !important;}
.bg-blue {background-color: #44C8F5 !important;}
.bg-forest-green {background-color: #47763B !important;}
.slate {color: #3F5271;}
.bg-slate {background-color: #3F5271 !important;}
.warm-neutral {color: #F8F1E3;}
.bg-warm-neutral {background-color: #F8F1E3 !important;}

.color-lemon-yellow {
    color: #d7e94a !important
}

.color-lime-green {
    color: #8dc63f !important
}

.color-grass-green {
    color: #5DA73C !important
}

.color-sky-blue {
    color: #238dc1 !important
}

.color-island-blue {
    color: #0f9bab !important
}

.color-pacific-blue {
    color: #004e6d !important
}

.color-light-cool-grey {
    color: #b8b8ba !important
}

.color-dark-cool-grey {
    color: #828386 !important
}

.color-midnight-grey {
    color: #414042 !important
}

.color-heading-text {
    color: #313131 !important
}

.color-body-text {
    color: #303030 !important
}

.bg-lemon-yellow {
    background-color: #d7e94a !important
}

.bg-lime-green {
    background-color: #8dc63f !important
}

.bg-grass-green {
    background-color: #337d59 !important
}

.bg-sky-blue {
    background-color: #238dc1 !important
}

.bg-island-blue {
    background-color: #0f9bab !important
}

.bg-pacific-blue {
    background-color: #004e6d !important
}

.bg-pale-blue {
    background-color: #e7f6fd !important
}

.bg-light-cool-grey {
    background-color: #b8b8ba !important
}

.bg-dark-cool-grey {
    background-color: #828386 !important
}

.bg-midnight-grey {
    background-color: #414042 !important
}

.bg-very-light-grey {
    background-color: #f1f1f1 !important
}

.bg-gradient {
    background-color: #8DC63F;
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url("fonts/TradeGothicLTStd-BdCn20.woff2") format("woff2"), url("fonts/TradeGothicLTStd-BdCn20.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url("fonts/TradeGothicLTStd-BdCn20Obl.woff2") format("woff2"), url("fonts/TradeGothicLTStd-BdCn20Obl.woff") format("woff");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: "roboto";
    src: url("https://use.typekit.net/af/5e9c68/00000000000000003b9ad05f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/5e9c68/00000000000000003b9ad05f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/5e9c68/00000000000000003b9ad05f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "roboto";
    src: url("https://use.typekit.net/af/e01918/00000000000000003b9ad060/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/e01918/00000000000000003b9ad060/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/e01918/00000000000000003b9ad060/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "roboto";
    src: url("https://use.typekit.net/af/5be8cf/00000000000000003b9ad059/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/5be8cf/00000000000000003b9ad059/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/5be8cf/00000000000000003b9ad059/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: "roboto";
    src: url("https://use.typekit.net/af/acc12d/00000000000000003b9ad05b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/acc12d/00000000000000003b9ad05b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/acc12d/00000000000000003b9ad05b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "roboto-condensed";
    src: url("https://use.typekit.net/af/16a08f/00000000000000003b9ad05a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/16a08f/00000000000000003b9ad05a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/16a08f/00000000000000003b9ad05a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: "roboto-condensed";
    src: url("https://use.typekit.net/af/fb2975/00000000000000003b9ad05c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/fb2975/00000000000000003b9ad05c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/fb2975/00000000000000003b9ad05c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "roboto-condensed";
    src: url("https://use.typekit.net/af/a6f8fe/00000000000000003b9ad061/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/a6f8fe/00000000000000003b9ad061/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/a6f8fe/00000000000000003b9ad061/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "roboto-condensed";
    src: url("https://use.typekit.net/af/0de5aa/00000000000000003b9ad062/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/0de5aa/00000000000000003b9ad062/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/0de5aa/00000000000000003b9ad062/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "roboto-mono";
    src: url("https://use.typekit.net/af/fbe431/00000000000000003b9ade4a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/fbe431/00000000000000003b9ade4a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/fbe431/00000000000000003b9ade4a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: "roboto-mono";
    src: url("https://use.typekit.net/af/d4fbe0/00000000000000003b9ade4b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/d4fbe0/00000000000000003b9ade4b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/d4fbe0/00000000000000003b9ade4b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "roboto-mono";
    src: url("https://use.typekit.net/af/ca3a6b/00000000000000003b9ade4e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/ca3a6b/00000000000000003b9ade4e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/ca3a6b/00000000000000003b9ade4e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "roboto-mono";
    src: url("https://use.typekit.net/af/e443d0/00000000000000003b9ade4f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/e443d0/00000000000000003b9ade4f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/e443d0/00000000000000003b9ade4f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next";
    src: url("https://use.typekit.net/af/a1ace0/00000000000000003b9b2100/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/a1ace0/00000000000000003b9b2100/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/a1ace0/00000000000000003b9b2100/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next";
    src: url("https://use.typekit.net/af/44d9b6/00000000000000003b9b2101/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/44d9b6/00000000000000003b9b2101/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/44d9b6/00000000000000003b9b2101/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next";
    src: url("https://use.typekit.net/af/be447a/00000000000000003b9b2104/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/be447a/00000000000000003b9b2104/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/be447a/00000000000000003b9b2104/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: "trade-gothic-next";
    src: url("https://use.typekit.net/af/0f438f/00000000000000003b9b2107/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/0f438f/00000000000000003b9b2107/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/0f438f/00000000000000003b9b2107/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "trade-gothic-next-compressed";
    src: url("https://use.typekit.net/af/054d58/00000000000000003b9b2108/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/054d58/00000000000000003b9b2108/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/054d58/00000000000000003b9b2108/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next-compressed";
    src: url("https://use.typekit.net/af/064de4/00000000000000003b9b2109/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/064de4/00000000000000003b9b2109/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/064de4/00000000000000003b9b2109/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "trade-gothic-next-condensed";
    src: url("https://use.typekit.net/af/49496c/00000000000000003b9b210b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/49496c/00000000000000003b9b210b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/49496c/00000000000000003b9b210b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next-condensed";
    src: url("https://use.typekit.net/af/243192/00000000000000003b9b210c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/243192/00000000000000003b9b210c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/243192/00000000000000003b9b210c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next-condensed";
    src: url("https://use.typekit.net/af/9f0057/00000000000000003b9b210d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/9f0057/00000000000000003b9b210d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/9f0057/00000000000000003b9b210d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "trade-gothic-next-condensed";
    src: url("https://use.typekit.net/af/4a6d40/00000000000000003b9b210e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/4a6d40/00000000000000003b9b210e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/4a6d40/00000000000000003b9b210e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: "trade-gothic-next-soft-round";
    src: url("https://use.typekit.net/af/f52515/00000000000000003b9b2111/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/f52515/00000000000000003b9b2111/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/f52515/00000000000000003b9b2111/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next-soft-round";
    src: url("https://use.typekit.net/af/4ed569/00000000000000003b9b2113/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/4ed569/00000000000000003b9b2113/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/4ed569/00000000000000003b9b2113/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "trade-gothic-next-soft-round";
    src: url("https://use.typekit.net/af/037195/00000000000000003b9b2114/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/037195/00000000000000003b9b2114/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/037195/00000000000000003b9b2114/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next-soft-round";
    src: url("https://use.typekit.net/af/f947e5/00000000000000003b9b2115/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/f947e5/00000000000000003b9b2115/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/f947e5/00000000000000003b9b2115/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "trade-gothic-next-soft-round";
    src: url("https://use.typekit.net/af/1ae211/00000000000000003b9b2117/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/1ae211/00000000000000003b9b2117/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/1ae211/00000000000000003b9b2117/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "trade-gothic-next-soft-round";
    src: url("https://use.typekit.net/af/eaaa99/00000000000000003b9b2118/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/eaaa99/00000000000000003b9b2118/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/eaaa99/00000000000000003b9b2118/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400
}

.tk-roboto {
    font-family: "roboto", sans-serif
}

.tk-roboto-condensed {
    font-family: "roboto-condensed", sans-serif
}

.tk-roboto-mono {
    font-family: "roboto-mono", monospace
}

.tk-trade-gothic-next {
    font-family: "trade-gothic-next", sans-serif
}

.tk-trade-gothic-next-compressed {
    font-family: "trade-gothic-next-compressed", sans-serif
}

.tk-trade-gothic-next-condensed {
    font-family: "trade-gothic-next-condensed", sans-serif
}

.tk-trade-gothic-next-soft-round {
    font-family: "trade-gothic-next-soft-round", sans-serif
}

.tk-trade-gothic-next-soft-round {
    font-family: "trade-gothic-next-soft-round", sans-serif
}

.tk-trade-gothic-next-soft-round {
    font-family: "trade-gothic-next-soft-round", sans-serif
}

.header-font-stack {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif !important
}

.body-font-stack {
    font-family: "roboto", Helvetica, sans-serif !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: bold
}

.tagline {
    font-family: "roboto", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0.7rem
}

blockquote {
    text-align: left;
    font-size: 20px
}

blockquote p {
    margin-bottom: 1em
}

blockquote p::before {
    content: '\201C'
}

blockquote p::after {
    content: '\201D'
}

blockquote footer {
    font-weight: bold;
    font-size: 15px
}

blockquote cite {
    font-style: normal;
    font-weight: normal
}

blockquote cite::before {
    content: '\007C';
    margin-left: 0.5em;
    margin-right: 0.5em
}

.info-data {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    font-size: 5em;
    color: #004e6d;
    margin-bottom: 0
}

.font-size-up-10 {
    font-size: 110%
}

ul.checkbox {
    list-style: none
}

ul.checkbox li {
    background: url("inc/img/ul-checkbox.png") no-repeat 0 0;
    padding: 0.2em 0 0.5em 3em;
    margin-bottom: 0.6em;
    font-weight: bold
}


#eligibilityBlock ul.checkbox {
    margin-bottom: 3em;
    margin-left: 27px;
}

#eligibilityBlock ul.checkbox li {
    background: none;
    padding: 0;
}

#eligibilityBlock ul.checkbox li:before {
    content: "";
    width: 1em;
    height: 1em;
    border: 1px solid white;
    border-radius: 0;
    display: inline-block;
    margin-right: 10px;
    margin-left: -27px;
}

#buildingsBlock ul, #rebatesBlock ul {margin-left: 1.5em;}

.post .entry-title {
    font-family: "roboto", Helvetica, sans-serif;
    text-transform: initial;
    font-size: 2em;
    margin-bottom: 1.1rem
}

.post h2 {
    font-size: 1em
}

.post .vcard a, #ajax-news .post-date a {
    color: #484848
}

.btn, .entry-content .timely .ai1ec-btn-default, .hs_submit input[type=submit] {
    border-radius: 0;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px
}

#main .btn, .entry-content .timely .ai1ec-btn-default, .hs_submit input[type=submit] {
    border-width: 2px;
    padding: .85rem 2.75rem;
    white-space: nowrap
}

.btn-primary, .entry-content .timely .ai1ec-btn-default, .hs_submit input[type=submit] {
    color: #fff;
    background-color: #5FAC45;
    border-color: #5FAC45 
}

.entry-content .timely .ai1ec-btn-default {
    padding: .5rem 1rem; 
    color:#fff !important;
    text-align: center;
}

.ai1ec-subscribe-dropdown {padding: .5rem 1rem; !important;}

.btn-primary:hover, .entry-content .timely .ai1ec-btn-default:hover, .hs_submit input[type=submit]:hover {
    color: #fff;
    background-color: #41752E;
    border-color: #41752E
}

.btn-secondary {
    color: #fff;
    background-color: #8dc63f;
    border-color: #8dc63f
}

.btn-secondary:hover {
    color: #fff;
    background-color: #a4d266;
    border-color: #a4d266
}

.btn-inverted {
    color: #5FAC45;  
    background-color: #fff;
    border-color: #fff
}

.btn-inverted:hover {
    background-color: #41752E;
    color: #fff;
}

.btn-outline-primary {
    color: #238dc1;
    border-color: #238dc1
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #238dc1;
    border-color: #238dc1
}

.btn-outline-white {
    color: #fff;
    border-color: #fff
}

.btn-outline-white:hover {
    color: #238dc1;
    background-color: #fff;
    border-color: #fff
}

/* changing button color for Biketober slide on homepage */
.home #bannerCarousel .carousel-item:first-of-type .btn.btn-primary.mt-3 {
    color: #33368F;
    background-color: #fff;
    border-color: #fff
}

.home #bannerCarousel .carousel-item:first-of-type .btn.btn-primary.mt-3:hover {
    color: #fff;
    background-color: #E2892D;
    border-color: #E2892D;
}

.search-input {
    outline: none;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    text-align: right;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    text-transform: uppercase;
    background: #dddddd;
    font-size: 17px;
    font-weight: bold;
    padding-right: 1.7rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 1px solid #ddd;
    color: #303030
}

.search-input:focus::placeholder {
    color: transparent !important
}

.search-submit-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    border: 0;
    background: none
}

.search-submit-icon>img {
    display: block;
    top: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0
}

.search-input-wrapper {
    position: relative
}

.input-group input[type=text].form-control {
    height: 3.27rem;
    padding: .5rem 1.5rem
}

.social-buttons {
    position: absolute;
    bottom: 1.5rem;
    right: 0
}

@media only screen and (max-width: 600px) {
    .social-buttons {
        position: relative;
        margin-top: 2rem;
        margin-bottom: 1rem;
        bottom: 0
    }
}

.social-buttons .btn {
    font-family: "roboto", Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    background-color: #444;
    border: none;
    border-radius: 2px;
    padding: 0.7rem !important;
    letter-spacing: 0.03em;
    height: 3rem
}

.social-buttons .btn .icon-social {
    width: 20px;
    height: 20px
}

.social-buttons .btn.btn-social-tile {
    width: 3rem
}

.social-buttons .btn.btn-social-tile .icon-social {
    width: 26px;
    height: 26px
}

.social-buttons .btn.btn-social-facebook {
    background-color: #2d609b
}

.social-buttons .btn.btn-social-twitter {
    background-color: #00c3f3
}

.social-buttons .btn.btn-social-flipboard {
    background-color: #e12828
}

.social-buttons .btn.btn-social-linkedin {
    background-color: #0074a1
}

.social-buttons .btn.btn-social-pinterest {
    background-color: #cb222b
}

@media screen and (max-width: 770px) {
    .d-md-block {
        display: none !important
    }
}

@media (max-width: 770px) {
    .float-md-none {
        float: right !important
    }
}

.card {
    border-radius: 0;
    height: 96%
}

@media only screen and (max-width: 800px) {
    .card {
        display: block
    }
}

@media only screen and (max-width: 600px) {
    .our-thinking .nav-sub-links .nav-link {
        margin: 0 0.6rem
    }
}

.nav-sub-links .nav-link {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    color: #303030;
    text-transform: uppercase;
    border-bottom: 5px solid transparent;
    padding: 0.5rem 0 1.8rem 0;
    margin: 0 1rem
}

.nav-sub-links .nav-link:hover {
    border-bottom-color: #238dc1
}

@media only screen and (max-width: 600px) {
    .nav-sub-links .nav-link {
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem
    }
}

.nav-sub-links .nav-link.active,
.nav-sub-links .show>.nav-link {
    border-bottom-color: #238dc1
}

.nav-sub-links .nav-link-has-dropdown:after {
    content: '\276D';
    display: inline-block;
    margin-left: 0.6em;
    transform: rotate(90deg);
    transition: transform 0.22s
}

.nav-sub-links .show .nav-link-has-dropdown:after {
    transform: rotate(-90deg);
    transition: transform 0.3s
}

.back-arrow-icon:before {
    content: "\2190";
    display: inline-block;
    margin-right: 0.6em
}

.carousel-indicators li {
    width: 52px;
    height: 6px
}

.carousel-indicators .active {
    background-color: #8dc63f
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28.165px' height='79.565px' viewBox='0 0 28.165 79.565' enable-background='new 0 0 28.165 79.565' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='-0.001' y='0' width='28.165' height='79.565'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpolyline clip-path='url(%23SVGID_2_)' fill='none' stroke='%23333333' stroke-width='6' stroke-miterlimit='10' points=' 25.566,78.065 3.463,39.782 25.566,1.5 '/%3E%3C/g%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28.165px' height='79.565px' viewBox='0 0 28.165 79.565' enable-background='new 0 0 28.165 79.565' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='28.165' height='79.565'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpolyline clip-path='url(%23SVGID_2_)' fill='none' stroke='%23333333' stroke-width='6' stroke-miterlimit='10' points='2.598,78.065 24.701,39.782 2.598,1.5 '/%3E%3C/g%3E%3C/svg%3E")
}

.carousel-control-next,
.carousel-control-prev {
    width: 54px !important;
    opacity: .8 !important
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 55px !important
}

.carousel-control-icon-bg {
    background-color: #fff;
    width: 54px;
    height: 82px;
    z-index: -1;
    position: absolute
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28.165px' height='79.565px' viewBox='0 0 28.165 79.565' enable-background='new 0 0 28.165 79.565' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='-0.001' y='0' width='28.165' height='79.565'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpolyline clip-path='url(%23SVGID_2_)' fill='none' stroke='%23333333' stroke-width='6' stroke-miterlimit='10' points=' 25.566,78.065 3.463,39.782 25.566,1.5 '/%3E%3C/g%3E%3C/svg%3E") !important
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28.165px' height='79.565px' viewBox='0 0 28.165 79.565' enable-background='new 0 0 28.165 79.565' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='28.165' height='79.565'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpolyline clip-path='url(%23SVGID_2_)' fill='none' stroke='%23333333' stroke-width='6' stroke-miterlimit='10' points='2.598,78.065 24.701,39.782 2.598,1.5 '/%3E%3C/g%3E%3C/svg%3E") !important
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    opacity: 1
}

.carousel-control-next:focus .carousel-control-icon-bg,
.carousel-control-next:hover .carousel-control-icon-bg,
.carousel-control-prev:focus .carousel-control-icon-bg,
.carousel-control-prev:hover .carousel-control-icon-bg {
    background-color: #41b7e7
}

.carousel-control-next:focus .carousel-control-next-icon,
.carousel-control-next:hover .carousel-control-next-icon,
.carousel-control-prev:focus .carousel-control-prev-icon,
.carousel-control-prev:hover .carousel-control-prev-icon {
    filter: brightness(100)
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 28%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.home .carousel-caption {
    top: 15%;
}

.home .carousel-title {
    line-height: 1.1;
    text-shadow: 0px 1px 8px #00000036;
}

.carousel-date {
    letter-spacing: 1px;
    margin-bottom: 2.75em
}

.carousel-title {
    color: #fff;
    font-size: 4rem;
    line-height: 0.89
}


.home #bannerCarousel .carousel-item {
    min-height: 150px;
    max-height: 300px;
}

.home #bannerCarousel .carousel-item img {
    min-width: 480px;
}

.home #news_cta.hero {
    background-position: center;
}


.home #intro h1, .page-template-page-planned-giving h1.mega-heading, .page-template-page-cvg h1.mega-heading {
    text-transform: none;
    font-family: "roboto",Helvetica,sans-serif;
    font-size: 3rem;
}

.page-template-page-planned-giving h1.mega-heading {margin: 3% 2%;}

.home #intro h3 {
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

@media only screen and (max-width: 760px) {
    .home #intro h1, .page-template-page-planned-giving h1.mega-heading {font-size: 2.3rem;}
    .page-template-page-planned-giving h1.mega-heading {margin: 2% 2%;}
    .page-template-page-planned-giving .hero.hero-md {height: 60vh;}
}

.home #programs h2 > p {margin-bottom: 0}

.carousel-blockquote {
    font-size: 1.6rem;
    line-height: 1.2;
    font-style: italic;
    max-width: 75%;
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto
}

.triangle-down {
    width: 0;
    height: 0;
    vertical-align: bottom;
    border: 9px solid #fff;
    border-left-width: 7px;
    border-right-width: 7px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #fff;
    border-bottom-color: transparent
}

.cursor-pointer:hover {
    cursor: pointer
}

.overlay-bg-dark {
    background: rgba(0, 0, 0, 0.2)
}

.sales-expertise-profile {
    height: 80px
}

.sales-expertise-profile .profile-pic {
    max-width: 58px;
    max-height: 58px;
    width: 100%;
    height: 100%;
    margin-left: 12px
}

#page {
    padding-top: 100px;
}

#page.page-template-sales-expertise {
    margin-top: 180px
}

.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card-img {
    border-radius: 0
}

.card-body {
    padding: 2.4rem 2.15rem
}

.card-title {
    min-height: 3rem;
    max-height: 3rem;
    overflow-y: hidden
}

.card-text {
    max-height: 4.3rem;
    overflow-y: hidden;
    margin-bottom: 1.5em
}

.sidebar-cards .card-body {
    background-color: #f9f9f9
}

.sidebar-cards #signup {
    background-color: #cccccc
}

.sidebar-cards #signup .card-body {
    background-image: url("https://ecoact.org/wp-content/uploads/2023/03/OurThinking_subscribe_M-3-01.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2rem 1rem;
    color: #ffffff;
    min-height: 350px
}

.sidebar-cards #signup .card-body .card-title {
    color: #ffffff;
    font-size: 40px;
    text-transform: uppercase;
    padding: 0 10px;
    margin-bottom: 0;
    min-height: initial;
    max-height: initial;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif !important;
    line-height: 1em
}

.sidebar-cards #signup .card-body .card-text {
    padding: 10px;
    min-height: initial;
    max-height: initial;
    margin-bottom: 0;
    text-shadow: 0 0 1px black;
}

.sidebar-cards #signup .card-body .btn {
    padding: .85rem 1.75rem
}

#newsroom .featured-card .card-title {
    font-size: 1.8rem;
    text-transform: inherit
}

#newsroom .featured-card .read-more {
    font-size: .9rem;
    text-decoration: underline;
    color: #4c4946
}

#newsroom .featured-card .read-more:hover {
    color: #313131
}

#newsroom .news-items a.card {
    color: #313131;
    text-decoration: none
}

#newsroom .news-items a.card:hover {
    text-decoration: none
}

#newsroom .news-items .card-title {
    color: #8dc63f;
    font-family: "roboto", Helvetica, sans-serif;
    font-weight: bold;
    font-size: .75rem;
    margin-bottom: .4rem
}

#newsroom .news-items .thick-text {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-size: 1.15rem;
    font-weight: bold;
    line-height: 1.1
}

#newsroom .news-items .card-footer {
    padding: .75rem 1.25rem 1.75rem 1.25rem;
    background-color: inherit;
    border-top: none
}

#newsroom .news-items .card-footer a {
    color: #8dc63f
}

#newsroom .news-items .card-footer a:hover {
    color: #fff
}

#newsroom .card {
    border: none
}

#newsroom .twitter-card {
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease
}

#newsroom .twitter-card:hover {
    background: #238dc1;
    color: #fff;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease
}

#newsroom .twitter-card:hover h5,
#newsroom .twitter-card:hover a {
    color: #fff !important
}

@media only screen and (max-width: 600px) {
    .slick-initialized .slick-slide {
        max-height: 80vh;
        overflow-y: auto;
        margin-bottom: 2rem
    }
}

.slick-dots li {
    margin: 0 1px
}

.slick-dots li button {
    text-shadow: 1px 1px #d5d5d5, -1px -1px #d5d5d5, -1px 1px #d5d5d5, 1px -1px #d5d5d5
}

.slick-dots li button:before {
    color: #fff;
    opacity: 1;
    font-size: 13px
}

.slick-dots li.slick-active button:before {
    color: #004e6d;
    opacity: 1
}

.slider-overlay:before {
    background: rgba(0, 0, 0, 0.15)
}

.slick-slider-initiatives .slick-slide  {
    height: 480px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slick-slider-initiatives .slick-slide .row {
height: 100%;
}

@media screen and (max-width: 1024px) {

    .slick-slider-initiatives .slick-slide {
    height: 530px;
    }

    .slick-slider-initiatives .slick-slide img {
    max-width: 150px;
    }
}

@media screen and (max-width: 768px) {
    .slick-slider-initiatives .slick-slide img {
        width: 60%;
    }

    .slick-slider-initiatives .slick-slide h2 {
        font-size: 1.4em;
        margin-bottom: 0.5rem;
    }

    .slick-slider-initiatives .slick-slide p {
    margin-bottom: .5em;
    }
}

.dropdown-toggle:after {
    vertical-align: .1em;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none
}

#about-me {
    margin-top: 120px;
    padding-bottom: 30px
}

#about-me .profile-pic {
    max-width: 148px;
    max-height: 148px;
    width: 100%;
    height: 100%;
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: -74px
}

#about-me .name {
    margin-top: -44px
}

#about-me .text {
    max-width: 500px;
    margin: 1rem auto
}

#cboxTopLeft,
#cboxTopRight,
#cboxTopCenter,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
    display: none
}

#cboxContent {
    background-color: #004e6d !important;
    width: 100% !important
}

@media screen and (max-width: 600px) {
    #cboxContent {
        height: 300px !important
    }
}

#cboxLoadedContent {
    width: 100% !important
}

#cboxLoadedContent #inline_content {
    background-color: #004e6d !important
}

@media screen and (max-width: 600px) {
    #cboxLoadedContent {
        height: 300px !important
    }
}

.popup-internal-content {
    width: 675px;
    margin: auto;
    color: #ffffff;
    padding: 10px;
    text-align: center
}

.popup-internal-content h3 {
    font-size: 21px;
    text-transform: uppercase;
    color: #ffffff
}

.popup-internal-content p {
    font-size: 17px
}

.popup-internal-content ._form_102 label {
    display: none
}

.popup-internal-content ._form_102 input[type="text"] {
    width: 90%;
    padding: 8px
}

@media screen and (max-width: 600px) {
    .popup-internal-content ._form_102 input[type="text"] {
        font-size: 12px !important
    }
}

.popup-internal-content ._form_102 ._x80311218 {
    float: left;
    width: 50%
}

.popup-internal-content ._form_102 ._x87284200 {
    float: right;
    width: 50%
}

.popup-internal-content ._form_102 ._button-wrapper {
    clear: both;
    padding-top: 25px
}

.popup-internal-content ._form_102 button#_form_102_submit {
    padding: 1rem 3rem;
    background-color: #238dc1;
    border: none;
    color: #ffffff;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px
}

.popup-internal-content ._form_102 button#_form_102_submit:hover {
    background-color: #70d6f7
}

@media screen and (max-width: 600px) {
    .popup-internal-content {
        width: 300px
    }
}

#cboxClose {
    top: 10px !important;
    border-radius: 100%;
    right: 10px
}

form._form_96 {
    background-color: #d2edfc;
    padding: 20px 45px 50px 45px;
    margin-bottom: 50px
}

form._form_96 ._form_element {
    margin-bottom: 20px
}

form._form_96 ._form_element label._form-label {
    font-weight: bold
}

form._form_96 ._row._checkbox-radio {
    padding-left: 10px
}

form._form_96 input[type=text] {
    width: 100%;
    padding: 10px;
    margin-bottom: 5px
}

form._form_96 button#_form_96_submit {
    padding: 1rem 3rem;
    background-color: #238dc1;
    border: none;
    color: #ffffff;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px
}

form._form_96 button#_form_96_submit:hover {
    background-color: #70d6f7
}

form._form_92 {
    background-color: #d2edfc;
    padding: 50px 45px;
    margin-bottom: 50px
}

form._form_92 h3 {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    text-transform: uppercase;
    font-size: 40px
}

form._form_92 ._html-code {
    width: 80%
}

form._form_92 label {
    display: none
}

form._form_92 input[type=text] {
    width: 100%;
    padding: 10px;
    margin-bottom: 5px
}

form._form_92 button#_form_92_submit {
    padding: 1rem 3rem;
    background-color: #238dc1;
    border: none;
    color: #ffffff;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px
}

form._form_92 button#_form_92_submit:hover {
    background-color: #70d6f7
}

.page-template-page-donors .hero.hero-lg .mega-heading,
.page-template-page-grocery-gratitude .hero.hero-lg .mega-heading {
    font-style: italic
}

.page-template-page-donors .hero.hero-lg .mega-heading a,
.page-template-page-grocery-gratitude .hero.hero-lg .mega-heading a {
    font-style: initial
}

.page-template-page-donors .hero-with-text-overlay .table-content,
.page-template-page-grocery-gratitude .hero-with-text-overlay .table-content {
    position: relative;
    left: 70px
}

.page-template-page-donors .hero-with-text-overlay .table-content h2,
.page-template-page-grocery-gratitude .hero-with-text-overlay .table-content h2 {
    font-size: 30px
}

.page-template-page-donors #rotating-background,
.page-template-page-grocery-gratitude #rotating-background {
    width: 100%;
    height: 700px;
    overflow: hidden;
    position: relative
}

.page-template-page-donors #rotating-background .image-wrapper,
.page-template-page-grocery-gratitude #rotating-background .image-wrapper {
    z-index: 1
}

.page-template-page-donors #rotating-background .image-wrapper img,
.page-template-page-grocery-gratitude #rotating-background .image-wrapper img {
    position: absolute;
    top: -25%;
    width: 100%
}

@media screen and (max-width: 1300px) {
    .page-template-page-donors #rotating-background .image-wrapper img,
    .page-template-page-grocery-gratitude #rotating-background .image-wrapper img {
        top: initial
    }
}

@media screen and (max-width: 1100px) {
    .page-template-page-donors #rotating-background .image-wrapper img,
    .page-template-page-grocery-gratitude #rotating-background .image-wrapper img {
        width: 200%
    }
}

.page-template-page-donors #rotating-background .table-wrapper,
.page-template-page-grocery-gratitude #rotating-background .table-wrapper {
    z-index: 10;
    position: absolute;
    left: 15%;
    top: 15vh;
    padding: 50px;
    background: #ffffff;
    height: initial;
    width: 550px
}

@media screen and (max-width: 700px) {
    .page-template-page-donors #rotating-background .table-wrapper,
    .page-template-page-grocery-gratitude #rotating-background .table-wrapper {
        width: 100%;
        position: initial
    }
}

@media screen and (max-width: 700px) {
    .page-template-page-donors #rotating-background,
    .page-template-page-grocery-gratitude #rotating-background {
        height: 700px
    }
}

.page-template-page-donors #image-banner,
.page-template-page-grocery-gratitude #image-banner {
    max-height: 400px;
    background-size: cover;
    background-position: center
}

.page-template-page-donors #image-banner .content-wrapper,
.page-template-page-grocery-gratitude #image-banner .content-wrapper {
    max-width: 600px;
    color: #fff;
    font-size: 26px
}

@media screen and (max-width: 700px) {
    .page-template-page-donors #image-banner .content-wrapper,
    .page-template-page-grocery-gratitude #image-banner .content-wrapper {
        font-size: 22px
    }
}

.page-template-page-donors .row.no-gutters h2,
.page-template-page-grocery-gratitude .row.no-gutters h2 {
    font-size: 30px
}

.page-template-page-donors #statistics,
.page-template-page-grocery-gratitude #statistics {
    background-size: cover;
    background-position: bottom;
    min-height: 700px;
    margin-top: 80px
}

.page-template-page-donors #statistics .statistics-wrapper,
.page-template-page-grocery-gratitude #statistics .statistics-wrapper {
    max-width: 1200px;
    margin: auto
}

.page-template-page-donors #statistics .statistics-wrapper .statistic,
.page-template-page-grocery-gratitude #statistics .statistics-wrapper .statistic {
    width: 23%;
    margin: 1%;
    float: left;
    text-align: center
}

.page-template-page-donors #statistics .statistics-wrapper .statistic img.circle-image,
.page-template-page-grocery-gratitude #statistics .statistics-wrapper .statistic img.circle-image {
    border-radius: 100%;
    width: 100%
}

@media screen and (max-width: 700px) {
    .page-template-page-donors #statistics .statistics-wrapper .statistic img.circle-image,
    .page-template-page-grocery-gratitude #statistics .statistics-wrapper .statistic img.circle-image {
        width: initial
    }
}

.page-template-page-donors #statistics .statistics-wrapper .statistic .statistic-text,
.page-template-page-grocery-gratitude #statistics .statistics-wrapper .statistic .statistic-text {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-size: 80px;
    color: #238dc1;
    margin-bottom: 0
}

.page-template-page-donors #statistics .statistics-wrapper .statistic .statistic-subheading,
.page-template-page-grocery-gratitude #statistics .statistics-wrapper .statistic .statistic-subheading {
    font-family: "roboto", sans-serif;
    font-weight: bold
}

@media screen and (max-width: 700px) {
    .page-template-page-donors #statistics .statistics-wrapper .statistic,
    .page-template-page-grocery-gratitude #statistics .statistics-wrapper .statistic {
        width: 100%;
        background-color: #fbfbf9;
        margin: 0;
        padding: 50px 0
    }
}

@media screen and (max-width: 700px) {
    .page-template-page-donors #statistics,
    .page-template-page-grocery-gratitude #statistics {
        background-image: none !important;
        background-color: #fbfbf9;
        margin-top: 0px !important;
        padding-top: 80px
    }
}

.page-template-page-donors #local,
.page-template-page-grocery-gratitude #local {
    margin: 80px auto;
    max-width: 1200px
}

@media screen and (max-width: 700px) {
    .page-template-page-donors #local,
    .page-template-page-grocery-gratitude #local {
        margin-bottom: 0px
    }
    .page-template-page-donors #local .col-sm-12 img,
    .page-template-page-grocery-gratitude #local .col-sm-12 img {
        width: 100%
    }
}

.page-template-page-donors #why-give,
.page-template-page-grocery-gratitude #why-give {
    background-color: #eaf3f6;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat
}

.page-template-page-donors #why-give .why-give-content,
.page-template-page-grocery-gratitude #why-give .why-give-content {
    max-width: 1000px;
    margin: 80px auto 700px auto
}

.page-template-page-donors #why-give .why-give-content .why-give-text .left-column,
.page-template-page-grocery-gratitude #why-give .why-give-content .why-give-text .left-column {
    float: left;
    width: 45%
}

.page-template-page-donors #why-give .why-give-content .why-give-text .right-column,
.page-template-page-grocery-gratitude #why-give .why-give-content .why-give-text .right-column {
    float: right;
    width: 45%
}

.page-template-page-donors #why-give .why-give-content .why-give-buttons,
.page-template-page-grocery-gratitude #why-give .why-give-content .why-give-buttons {
    text-align: center;
    clear: both;
    padding-top: 50px
}

@media screen and (max-width: 1100px) {
    .page-template-page-donors #why-give .why-give-content,
    .page-template-page-grocery-gratitude #why-give .why-give-content {
        margin: 50px auto 180px auto
    }
    .page-template-page-donors #why-give .why-give-content .why-give-text .left-column,
    .page-template-page-donors #why-give .why-give-content .why-give-text .right-column,
    .page-template-page-grocery-gratitude #why-give .why-give-content .why-give-text .left-column,
    .page-template-page-grocery-gratitude #why-give .why-give-content .why-give-text .right-column {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 1100px) {
    .page-template-page-donors #why-give .no-gutters,
    .page-template-page-grocery-gratitude #why-give .no-gutters {
        padding: 50px
    }
}

@media screen and (max-width: 770px) {
    .donation-page h2 {
        font-size: 26px
    }
}

.donation-page h3 {
    font-weight: normal;
    font-size: 24px
}

.donation-page #intro-and-form-selector {
    padding: 60px 0 45px 0;
    text-align: center;
    max-width: 800px;
    margin: auto
}

.donation-page #intro-and-form-selector .form-selection-buttons {
    margin-top: 35px
}

.donation-page #intro-and-form-selector .btn {
    width: 49%;
    border: solid 2px #238dc1;
    cursor: pointer
}

.donation-page #intro-and-form-selector .btn-primary {
    color: #ffffff
}

.donation-page #intro-and-form-selector .btn-inverted {
    color: #238dc1
}



.donation-page #donate-form-wrapper {
    max-width: 800px;
    margin: auto
}

.donation-page #donate-form-wrapper .donation-amount-buttons {
    max-width: 800px;
    margin: auto;
    text-align: center;
    margin-bottom: 20px
}

.donation-page #donate-form-wrapper .donation-amount-buttons .donation-amt-button {
    width: 19%;
    border: 0;
    margin: 2px;
    padding: 2%;
    background-color: #238dc1;
    color: #ffffff;
    font-weight: bold
}

.donation-page #donate-form-wrapper .donation-amount-buttons .donation-amt-button:hover {
    background-color: #70d6f7
}

@media screen and (max-width: 770px) {
    .donation-page #donate-form-wrapper .donation-amount-buttons .donation-amt-button {
        width: 48%
    }
}

.donation-page li.hs-form-booleancheckbox {
	list-style:none;
}

.donation-page .hs_please_direct_my_donation_to span {
	font-size: 24px;
}

.donation-page .hs-form-field {
		padding-top: 10px;
}

.donation-page input[type="checkbox"].hs-input {
	margin-right: 10px;
}

.donation-page input[type="email"].hs-input,
.donation-page input[type="text"].hs-input {
	width: 100%;
	padding: 10px;
}

.donation-page #donate-form-wrapper .donation-in-honor-of {
    margin: 50px 0
}

.donation-page #donate-form-wrapper .donation-in-honor-of .single-donation-in-honor-explanation,
.donation-page #donate-form-wrapper .donation-in-honor-of .monthly-donation-in-honor-explanation {
    display: none;
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #ffafaf;
    margin-top: 10px
}

.donation-page #donate-form-wrapper label {
    margin-bottom: 0;
    font-size: 13px
}

.donation-page #donate-form-wrapper label[for=amount] {
    font-size: 16px
}

.donation-page #donate-form-wrapper input#amount {
    font-size: 24px;
    text-align: right;
    padding: 10px 20px;
    width: 200px
}

.donation-page #donate-form-wrapper input#first_name,
.donation-page #donate-form-wrapper input#last_name,
.donation-page #donate-form-wrapper input#city,
.donation-page #donate-form-wrapper input#address1,
.donation-page #donate-form-wrapper input#zip,
.donation-page #donate-form-wrapper input#email,
.donation-page #donate-form-wrapper select {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px
}

.donation-page #donate-form-wrapper select {
    background-color: #f3f3f3;
    border: none
}

.donation-page #donate-form-wrapper .submit-wrapper {
    text-align: center;
    clear: both
}

.donation-page #donate-form-wrapper .submit-wrapper input[type=submit] {
    text-transform: uppercase;
    padding: 20px 120px;
    background-color: #238dc1;
    color: #fff;
    font-weight: bold;
    border: 0;
    margin: 45px 0 80px 0
}

.donation-page .hs_submit {
	text-align: center;
    padding: 50px;

}

.donation-page #donate-form-wrapper .submit-wrapper input[type=submit]:hover {
    background-color: #70d6f7
}

@media screen and (max-width: 770px) {
    .donation-page #donate-form-wrapper .submit-wrapper input[type=submit] {
        padding: 20px 80px
    }
}

@media screen and (max-width: 770px) {
    .donation-page #donate-form-wrapper {
        margin: auto 30px
    }
}

.donation-page #other-donation-options {
    padding: 80px;
    background-color: #f3f3f3
}

.donation-page #other-donation-options .content-wrapper {
    max-width: 800px;
    padding: 0
}

.donation-page #other-donation-options .content-wrapper h2 {
    text-align: center
}

@media screen and (max-width: 770px) {
    .donation-page #other-donation-options {
        padding: 40px
    }
}

.donation-page .hs-error-msg {
	font-weight: bold;
	font-size: 15px !Important;
	color: red;
}

#emergency-ride-home-application li.gfield {
    padding-right: 0
}

#emergency-ride-home-application .ginput_container {
    margin-bottom: 25px !important
}

#emergency-ride-home-application .baseline-header {
    padding-top: 10px;
    background-color: #eaeaea;
    height: 42px;
    margin-top: 10px
}

#emergency-ride-home-application .baseline-header .baseline-header-content {
    left: 50%;
    position: relative
}

#emergency-ride-home-application .baseline-header .baseline-header-content .baseline-header-num {
    float: left;
    width: 60px;
    padding-left: 1px
}

#emergency-ride-home-application .click-matrix {
    border-bottom: 1px solid #ccc;
    height: 30px;
    padding-top: 5px;
    margin-top: 0px
}

#emergency-ride-home-application .click-matrix .gfield_description {
    width: 50%;
    float: left;
    font-weight: bold
}

#emergency-ride-home-application .click-matrix .ginput_container_radio {
    width: 50%;
    float: left;
    margin-top: 0;
    margin-bottom: 0 !important
}

#emergency-ride-home-application .click-matrix .ginput_container_radio ul {
    margin-top: 0
}

#emergency-ride-home-application .click-matrix .ginput_container_radio ul li {
    float: left;
    width: 60px
}

#emergency-ride-home-application .click-matrix .ginput_container_radio ul li input {
    margin: 0
}

#emergency-ride-home-application .terms-and-conditions {
    overflow: scroll;
    height: 300px;
    border: 1px solid #cccccc;
    padding: 15px;
    font-size: 95%
}

@media screen and (max-width: 770px) {
    #emergency-ride-home-application .baseline-header .baseline-header-content {
        left: 30%
    }
    #emergency-ride-home-application .baseline-header .baseline-header-content .baseline-header-num {
        width: 40px
    }
    #emergency-ride-home-application .click-matrix .gfield_description {
        width: 30%
    }
    #emergency-ride-home-application .click-matrix .ginput_container_radio {
        width: 70%
    }
    #emergency-ride-home-application .click-matrix .ginput_container_radio ul li {
        width: 40px
    }
}

#post-10583 #featured-image-area {
    background-repeat: no-repeat;
    background-color: #ffffff;
    min-height: 555px !important;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.our-thinking .hero-with-text-overlay {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: #ffffff;
    background-repeat: no-repeat
}

.our-thinking #subscribe-cta {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat
}

#subscribe-cta p, .home .text-white {
    text-shadow: 0 0 1px black;
}

.text-white a {
    color: white;
    text-decoration: underline;
}

.text-white a.btn {
    text-decoration: none;
}

.our-thinking #tags {
	/* Hide "tags" section per SS: 03-04-22 */
	display: none;
}

.page-id-11107 #page li {
    padding-bottom: 15px
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    background: #fff;
    color: #303030;
    font-family: "roboto", Helvetica, sans-serif;
    font-size: 16px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption,
th,
td {
    font-weight: normal;
    text-align: left
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

a img {
    border: 0
}

body,
button,
input,
select,
textarea {
    font-family: "roboto", Helvetica, sans-serif;
    color: #313131;
    font-size: 16px;
    line-height: 1.45
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #313131;
    clear: both
}

h1 {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    text-transform: uppercase
}

h2,
h3,
h4,
h5,
h6 {
    font-family: "roboto", Helvetica, sans-serif
}

h2 {
    margin-bottom: 1rem
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

p {
    margin-bottom: 1.5em
}

ul,
ol {
    padding: 0;
    margin: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

.page-template-page-cvg ul, .page-template-page-cvg ol {margin-left: 15px; margin-bottom: 15px;}
.page-template-page-cvg p ~ ul, .page-template-page-cvg p ~ ol {margin-top: -1.5em;}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: bold
}

dd {
    margin: 0 1.5em 1.5em
}

b,
strong {
    font-weight: bold
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

figure {
    margin: 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

th {
    font-weight: bold
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal;
    *overflow: visible
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=text],
input[type=email],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    color: #111
}

input[type=text],
input[type=email] {
    padding: 3px
}

textarea {
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    width: 98%
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto
}

.assistive-text {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: 0
}

.site {
    margin: 0;
    padding: 0
}

#primary {
    clear: both
}

.hentry {
    margin: 0
}

.entry-meta {
    clear: both
}

.byline {
    display: none
}

.single .byline,
.group-blog .byline {
    display: inline
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.single .hero.hero-in-content {
    max-height: 500px;
    min-height:  40vh;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none
}

.entry-content ul {
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 2em
}

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%
}

.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
    height: auto
}

.site-header img,
.entry-content img,
img.size-full {
    max-width: 100%;
    width: auto
}

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.wp-caption {
    border: 1px solid #ccc;
    max-width: 100%
}

.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
    margin-bottom: 1.5em
}

.wp-caption img {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%
}

.wp-caption-text {
    text-align: center
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0
}

.site-content .gallery {
    margin-bottom: 1.5em
}

.site-content .gallery a img {
    border: none;
    height: auto;
    max-width: 90%
}

.site-content .gallery dd {
    margin: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.slick-slide {
    outline: none !important
}

.slick-slide .row img {
    display: initial
}

.widget {
    margin: 0 0 1.5em
}

#searchsubmit {
    display: none
}

@-webkit-keyframes nav-select {
    0% {
        opacity: 1;
        border-bottom: 0px
    }
    60% {
        opacity: 0
    }
    90% {
        border-bottom: 5px
    }
}

@-moz-keyframes nav-select {
    0% {
        opacity: 1;
        border-bottom: 0px
    }
    60% {
        opacity: 0
    }
    90% {
        border-bottom: 5px
    }
}

@-ms-keyframes nav-select {
    0% {
        opacity: 1;
        border-bottom: 0px
    }
    60% {
        opacity: 0
    }
    90% {
        border-bottom: 5px
    }
}

@-o-keyframes nav-select {
    0% {
        opacity: 1;
        border-bottom: 0px
    }
    60% {
        opacity: 0
    }
    90% {
        border-bottom: 5px
    }
}

@keyframes nav-select {
    0% {
        opacity: 1;
        border-bottom: 0px
    }
    60% {
        opacity: 0
    }
    90% {
        border-bottom: 5px
    }
}

#hello-bar {
    display: none;
    background-color: #000000;
    color: #ffffff;
    width: 100%;
    padding: 25px 20px;
    font-size: 13px;
    position: fixed;
    top: 0;
    z-index: 1001
}

#hello-bar p {
    margin-bottom: 0
}

#hello-bar a {
    color: #ffffff;
    font-weight: bold
}

#hello-bar .hello-left {
    float: left;
    width: 96%
}

#hello-bar .hello-right {
    float: left;
    width: 4%;
    text-align: right;
    display: none
}

#hello-bar .hello-close {
    float: right;
    margin-right: 34px
}

#hello-bar .hello-close a {
    background-color: #238dc1;
    border-radius: 100%;
    text-align: center;
    color: #000000 !important;
    margin-right: -10px;
    text-decoration: none;
    width: 21px;
    height: 21px;
    display: inline-block
}

#hello-bar .hello-close a:hover {
    background-color: #ffffff
}

.show {
    display: block
}

#hello-bar.paragraph-height {
    height: 250px;
    background-color: black
}

#hello-bar.paragraph-height p {
    text-align: center;
    max-width: 900px;
    margin: auto;
    color: #ffffff;
    font-size: 16px
}

@media only screen and (max-width: 600px) {
    #hello-bar.paragraph-height {
        height: 100vh;
        position: initial
    }
    #hello-bar.paragraph-height p {
        font-size: 15px;
        margin-top: 100px
    }
}

#masthead {
    height: 100px;
    position: absolute;
    width: 100%;
    top: 0px;
    background-color: #ffffff;
    z-index: 1000;
    border-bottom: 1px solid #efefef
}

#masthead .row {
    margin:0;
}

.sub-nav-wrapper {
    background-color: #fff;
    z-index: 2
}

.header-content {
    height: 100%;
    margin: 0 auto
}

.header-content .brand {
    margin-left: 2rem
}

@media only screen and (max-width: 600px) {
    .header-content .brand {
        margin-left: 0.5rem
    }
}

@media only screen and (max-width: 800px) {
    .header-content .brand {
        margin-left: 1rem
    }
}

.header-content .brand img {
    width: 90px;
}

@media only screen and (max-width: 800px) {
    .header-content .brand img {
    width: 80px;
    }
    
    .header-cta-button {
    height: 58px;
    }
}

@media only screen and (max-width: 600px) {
    .header-content .brand img {
        width: 70px
    }
}

.main-navigation ul li:hover>ul {
    visibility: visible;
    height: auto;
    z-index: 999;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s
}

.main-navigation ul li:hover>ul li {
    visibility: visible
}

.main-navigation ul li:nth-child(5) ul,
.main-navigation ul li:nth-child(5) ul li {
    width: 250px
}

.main-navigation ul.menu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul.menu li {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    position: relative;
    padding-left: 22px;
    padding-right: 22px
}

@media only screen and (min-width: 790px) and (max-width: 875px) {
    .main-navigation ul.menu li {
        padding-left: 15px;
        padding-right: 15px
    }
}

.main-navigation ul.menu li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #111111;
    padding-top: 40px;
    padding-bottom: 40px
}

.main-navigation ul.menu li a:hover {
    color: #000000;
    border-bottom: 6px solid #238dc1;
    padding-bottom: 34px
}

.main-navigation ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100px;
    left: 0px;
    display: block;
    width: 240px;
    z-index: 999;
    background-color: #fff;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    padding: 25px 0px 35px 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1)
}

.main-navigation ul.sub-menu .menu-item-has-children:before {
    content: '\00276D';
    position: absolute;
    right: 0;
    top: 0.2rem;
    margin-right: 1.5rem
}

.main-navigation ul.sub-menu .sub-menu {
    top: -1.5rem;
    margin-left: 100%
}

.main-navigation ul.sub-menu li {
    list-style: none;
    width: 240px;
    float: none;
    height: 44px;
    padding: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.2s
}

.main-navigation ul.sub-menu li:hover>a {
    border-bottom: 1px solid #000;
    padding-bottom: 5px
}

.main-navigation ul.sub-menu li a {
    display: inline-block;
    color: #000;
    font-family: "roboto", Helvetica, sans-serif;
    text-transform: capitalize;
    padding: 5px 0;
    margin: 0 30px
}

.main-navigation ul.sub-menu li a:hover {
    border-bottom: 1px solid #000;
    padding-bottom: 5px
}

.english:lang(en), html[lang="en"] .english, 
.espanol:lang(es), html[lang="es"] .espanol {
    display: block;
}


.english:lang(es), .espanol:lang(en), .espanol:lang(auto){
display: none;
}

.menu-toggle {
    cursor: pointer
}

.main-small-navigation .menu {
    display: none
}

.bg-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url("https://via.placeholder.com/1400x480")
}

.slider-bg-img {
    background-color: #a0a0a0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 805px;
    max-height: 483px;
    width: 100%;
    height: 483px;
    margin-left: auto;
    margin-right: auto
}

.slider-bg-img.slider-bg-img-post {
    height: 12rem;
    border-bottom: 1px solid #ecececdd
}

@media only screen and (max-width: 600px) {
    .our-thinking .hero.hero-post {
        height: 14rem
    }
}

@media only screen and (max-width: 600px) {
    .our-thinking #blog-nav {
        margin-top: -12rem
    }
}

.our-thinking li {
    margin-bottom: 1em;
    margin-left: 20px;
}

@media only screen and (max-width: 600px) {
    .our-thinking #tags .btn {
        width: 100%
    }
}

.error404 .hero.hero-lg {
    height: 70vh
}

.error404 .hero.hero-lg .mega-heading {
    font-size: 8em
}

@media only screen and (max-width: 800px) {
    .error404 .hero.hero-lg .mega-heading {
        font-size: 6em
    }
}

@media only screen and (max-width: 600px) {
    .error404 .hero.hero-lg .mega-heading {
        font-size: 4em
    }
}

.home .hero {
    background-color: #8d8d8d;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position-y: 35%;
    background-position-x: 50%;
    position: relative;
}

.home #intro.hero { height: 60vh; }

.home .hero.hero-lg {
    height: 70vh
}

.home .hero.hero-lg .mega-heading {
    font-size: 8em
}

@media only screen and (max-width: 800px) {
    .home .hero.hero-lg .mega-heading {
        font-size: 6em
    }
}

@media only screen and (max-width: 600px) {
    .home .hero.hero-lg .mega-heading {
        font-size: 4em
    }
}

.hero {
    background-color: #8d8d8d;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position-y: 35%;
    background-position-x: 50%;
    position: relative
}

.hero.hero-sm {
    height: 36vh;
    min-height: 300px
}

.hero.hero-sm .mega-heading {
    font-size: 5em
}

@media only screen and (max-width: 800px) {
    .hero.hero-sm .mega-heading {
        font-size: 4em
    }
}

@media only screen and (max-width: 600px) {
    .hero.hero-sm .mega-heading {
        font-size: 3em
    }
}

.hero.hero-md {
    height: 50vh
}

.hero.hero-md .mega-heading {
    font-size: 5em
}

@media only screen and (max-width: 800px) {
    .hero.hero-md .mega-heading {
        font-size: 4em
    }
}

@media only screen and (max-width: 600px) {
    .hero.hero-md .mega-heading {
        font-size: 3em
    }
}

.hero.hero-lg {
    height: 70vh
}

.hero.hero-lg .mega-heading {
    font-size: 5em
}

@media only screen and (max-width: 800px) {
    .hero.hero-lg .mega-heading {
        font-size: 6em
    }
}

@media only screen and (max-width: 600px) {
    .hero.hero-lg .mega-heading {
        font-size: 4em
    }
}

.hero.hero-in-content {
    min-height: 80vh;
    height: initial
}

.hero.hero-post {
    height: 12vh
}



.hero.hero-with-text-overlay .table-wrapper {
    margin-left: 0;
    padding-top: 6rem;
    padding-bottom: 6rem;
    max-width: 40%
}


.page-template-page-our-thinking .hero.hero-with-text-overlay .table-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 800px) {
    .hero.hero-with-text-overlay .table-wrapper {
        max-width: 60%
    }
}

@media only screen and (max-width: 600px) {
    .hero.hero-with-text-overlay .table-wrapper {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

@media only screen and (max-width: 600px) {
    .hero.hero-with-text-overlay .table-wrapper .table-content {
        position: relative
    }
}

.hero.hero-with-text-overlay .table-wrapper .table-panel {
    padding: 4rem
}

@media only screen and (max-width: 600px) {
    .hero.hero-with-text-overlay .table-wrapper .table-panel {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.hero .tagline, .hero .subtext {
    color: #fff;
    text-align: center
}

.hero .mega-heading {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 1;
    letter-spacing: -4px
}

.hero-content {
    position: absolute;
    color: #FFFFFF;
    text-align: center;
    padding-top: 150px;
    z-index: 5;
    width: 100%
}

section.hero-video {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 500px;
    background-position-y: 35%;
    position: relative
}

section.hero-video .hero-content {
    position: absolute;
    height: 350px;
    color: #FFFFFF;
    text-align: center;
    padding-top: 150px;
    z-index: 5;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3)
}

#blog-nav {
    margin-top: -6vh;
    margin-bottom: 1.4rem
}

@media only screen and (max-width: 600px) {
    #hero-area {
        margin-bottom: 11rem
    }
}

@media only screen and (max-width: 600px) {
    .our-thinking #hero-area {
        margin-bottom: 0
    }
}

.our-thinking #subscribe-cta, 
.page-template-page-contact-us #subscribe-cta,
.page-template-page-about-us #subscribe-cta{
    min-height: 450px;
    height: initial;
}


/* BEGIN Fix for adding Captcha to Subscribe field */

@media only screen and (max-width: 600px) {
	#subscribe-cta .px-5{
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	#subscribe-cta ._form_137 {
		max-width: 324px !important;
	}
}

/* END Fix for adding Captcha to Subscribe field */


.our-thinking #subscribe-cta .table-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: block;
    overflow: visible
}

.our-thinking #subscribe-cta .table-wrapper input[name="email"] {
    height: 3.27rem;
    padding: .5rem 1.5rem
}

@media only screen and (max-width: 600px) {
    #subscribe-cta.hero-with-text-overlay .table-wrapper {
        padding-top: 1rem
    }
	/*
	#subscribe-cta ._form_137 {
		max-width: 200px !important;
	}
	*/
}

picture.img-holder {
    display: flex;
    align-items: center;
    position: relative
}

@media only screen and (max-width: 600px) {
    picture.img-holder {
        margin: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important
    }
}

picture.img-holder img {
    position: relative
}

picture.img-holder .color-box {
    position: absolute;
    display: block;
    z-index: -1;
    height: 280px;
    width: 280px;
    background: #fff
}

picture.img-holder .color-box.color-box-green {
    background: #8dc63f
}

picture.img-holder .color-box.color-box-blue {
    background: #004e6d
}

picture.img-holder .color-box.color-box-green-to-blue {
    background: #8dc63f;
    background: -webkit-linear-gradient(left bottom, #8dc63f 0%, #238dc1 100%);
    background: linear-gradient(to right top, #8dc63f 0%, #238dc1 100%)
}

@media only screen and (max-width: 600px) {
    picture.img-holder .color-box {
        position: relative
    }
}

picture.corner-box-image {
    display: block
}

picture.corner-box-image:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
    border: 1.1rem solid #fff;
    background-color: #ddd;
    height: 300px;
    width: 300px
}

@media only screen and (max-width: 1400px) {
    picture.corner-box-image:before {
        height: 250px;
        width: 250px
    }
}

@media only screen and (max-width: 800px) {
    picture.corner-box-image:before {
        height: 220px;
        width: 220px
    }
}

@media only screen and (max-width: 600px) {
    picture.corner-box-image:before {
        height: 160px;
        width: 160px
    }
}

picture.corner-box-image.overlapping-image.corner-box-image-top-left:before {
    left: 0;
    top: 0;
    margin-left: -5rem;
    margin-top: -3rem
}

@media only screen and (max-width: 800px) {
    picture.corner-box-image.overlapping-image.corner-box-image-top-left:before {
        margin-left: 0
    }
}

@media only screen and (max-width: 600px) {
    picture.corner-box-image.overlapping-image.corner-box-image-top-left:before {
        margin-left: 0;
        margin-top: -1rem
    }
}

picture.corner-box-image.overlapping-image.corner-box-image-top-right:before {
    right: 0;
    top: 0;
    margin-right: -5rem;
    margin-top: -3rem
}

@media only screen and (max-width: 800px) {
    picture.corner-box-image.overlapping-image.corner-box-image-top-right:before {
        margin-right: 0
    }
}

@media only screen and (max-width: 600px) {
    picture.corner-box-image.overlapping-image.corner-box-image-top-right:before {
        margin-right: 0;
        margin-top: -1rem
    }
}

picture.corner-box-image.overlapping-image.corner-box-image-bottom-left:before {
    left: 0;
    bottom: 0;
    margin-left: -5rem;
    margin-bottom: -3rem
}

@media only screen and (max-width: 800px) {
    picture.corner-box-image.overlapping-image.corner-box-image-bottom-left:before {
        margin-left: 0
    }
}

@media only screen and (max-width: 600px) {
    picture.corner-box-image.overlapping-image.corner-box-image-bottom-left:before {
        margin-left: 0;
        margin-bottom: -1rem
    }
}

picture.corner-box-image.overlapping-image.corner-box-image-bottom-right:before {
    right: 0;
    bottom: 0;
    margin-right: -5rem;
    margin-bottom: -3rem
}

@media only screen and (max-width: 800px) {
    picture.corner-box-image.overlapping-image.corner-box-image-bottom-right:before {
        margin-right: 0
    }
}

@media only screen and (max-width: 600px) {
    picture.corner-box-image.overlapping-image.corner-box-image-bottom-right:before {
        margin-right: 0;
        margin-bottom: -1rem
    }
}

picture.corner-box-image.corner-box-image-top-left:before {
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 1rem
}

picture.corner-box-image.corner-box-image-top-right:before {
    right: 0;
    top: 0;
    margin-right: 0;
    margin-top: 1rem
}

picture.corner-box-image.corner-box-image-bottom-left:before {
    left: 0;
    bottom: 0;
    margin-left: 0;
    margin-bottom: 1rem
}

picture.corner-box-image.corner-box-image-bottom-right:before {
    right: 0;
    bottom: 0;
    margin-right: 0;
    margin-bottom: 1rem
}

picture.corner-box {
    display: block
}

picture.corner-box:after {
    content: "";
    background: #fff;
    position: absolute;
    display: block;
    z-index: -1;
    height: 280px;
    width: 280px;
    background: #fff
}

@media only screen and (max-width: 800px) {
    picture.corner-box:after {
        height: 200px;
        width: 200px
    }
}

@media only screen and (max-width: 600px) {
    picture.corner-box:after {
        height: 160px;
        width: 160px
    }
}

picture.corner-box.corner-box-top-left:after {
    left: 0;
    top: 0;
    margin-left: 2rem;
    margin-top: 4rem
}

picture.corner-box.corner-box-top-right:after {
    right: 0;
    top: 0;
    margin-right: 2rem;
    margin-top: 4rem
}

picture.corner-box.corner-box-bottom-left:after {
    left: 0;
    bottom: 0;
    margin-left: 2rem;
    margin-bottom: 4rem
}

picture.corner-box.corner-box-bottom-right:after {
    right: 0;
    bottom: 0;
    margin-right: 2rem;
    margin-bottom: 4rem
}

picture.corner-box.corner-box-green:after {
    background: #8DC63F
}

picture.corner-box.corner-box-blue:after {
    background: #3CC4FF
}

picture.corner-box.corner-box-green-to-blue:after {
    background: #238DC1;
}

section.bg-sky-blue {
    position: relative;
    z-index: 0
}

.info-line {
    position: absolute;
    border-left: 1px solid #919191;
    z-index: 2
}

.info-line#about-leaders-line {
    top: 0;
    margin-top: -2em;
    margin-left: 50%;
    margin-right: 50%;
    height: 12rem
}

@media only screen and (max-width: 800px) {
    .info-line#about-leaders-line {
        margin-top: -3em;
        height: 8rem
    }
}

.info-line#about-recycling-line {
    bottom: 0;
    left: 40%;
    padding-top: 3em;
    padding-left: 2em;
    width: 18em;
    height: 26%
}

@media only screen and (max-width: 800px) {
    .info-line#about-recycling-line {
        left: initial;
        right: 0;
        text-align: right;
        padding-top: 2em;
        padding-left: 0.5em;
        padding-right: 1em;
        width: 53%;
        height: 33%
    }
}

.partner-logos img {
    max-height: 60px
}

.team-member-data .team-member-close {
    width: 40px;
    height: 40px;
    z-index: 3;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-image: url("inc/img/menu_close-reversed.png")
}

.blog-top-wrapper {
    margin-top: -42vh
}

@media only screen and (max-width: 800px) {
    .blog-top-wrapper {
        margin-top: -20rem
    }
}

@media only screen and (max-width: 600px) {
    .blog-top-wrapper {
        margin-top: -17rem
    }
}

.blog-nav .mega-heading {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    font-size: 4.5em;
    text-align: left;
    color: #fff;
    line-height: 1;
    letter-spacing: -4px;
    margin-top: -2rem
}

.post-tag,
.entry-meta-tags a {
    color: #8dc63f;
    font-weight: bold;
    font-size: .85em;
    text-transform: uppercase
}

.entry-title>a {
    color: #313131
}

.post-date {
    font-size: .85em
}

.search-field {
    text-align: right;
    padding-bottom: 0.3rem;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    color: #fff;
    text-transform: uppercase
}

.search-icon {
    margin-left: 0.3rem;
    max-width: 18px
}

section.banner {
    padding: 5rem 0;
    text-align: center
}

section.banner h2 {
    font-family: "roboto", Helvetica, sans-serif;
    color: #fff;
    font-size: 30px;
    margin-bottom: 1.5rem
}

section.banner p {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
    color:white;
}

section.banner.banner-primary {
    background: #238dc1;
}

section.banner.banner-primary h2 {
    text-transform: unset
}

section.banner.banner-secondary {
    background: #238DC1;
}

section.banner #real-people-results h2 {
    font-size: 44px;
    text-transform: uppercase
}

.infographic {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: table
}

.infographic .infographic-text {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    max-width: 27em;
    padding-left: 1rem;
    padding-right: 1rem
}

.hero.hero-video .table-wrapper {
    position: absolute;
    z-index: 9;
    width: 100%
}

.table-wrapper {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: table
}

.table-wrapper .table-content {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

table.infographic {
    height: 100px
}

@media only screen and (max-width: 800px) {
    table.infographic td {
        display: table-row
    }
}

.hero-iframe-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    overflow: hidden
}

.hero-iframe-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.subnav {
    width: 100%;
    background-color: #eeeeee;
    height: auto
}

.subnav ul {
    text-align: center;
    margin: auto;
    padding-top: 12px;
    padding-bottom: 12px
}

.subnav ul li {
    font-size: 14px;
    color: #777777;
    display: inline-block;
    line-height: 42px
}

.subnav ul li.current_page_item a {
    background-color: #8dc63f;
    color: #ffffff
}

.subnav ul li.current_page_item a:hover {
    color: #8dc63f
}

.subnav ul li a {
    font-weight: bolder;
    border-radius: 30px;
    padding: 10px 20px;
    margin: 0 15px;
    text-decoration: none;
    color: #777777;
    border: 1px solid transparent
}

.subnav ul li a:hover {
    border-color: #8dc63f;
    background-color: #ffffff
}

.button {
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    display: inline-block;
    margin: 10px;
    font-size: 15px !important;
    line-height: 22px
}

.button:hover {
    color: #FFFFFF
}

.button-blue {
    background-color: #238dc1
}

.button-blue:hover {
    background-color: #0da8db
}

.button-transblue {
    background-color: #004e6d
}

.button-transblue:hover {
    background-color: #001721
}

.button-green {
    background-color: #8dc63f
}

.button-green:hover {
    background-color: #648e2a
}

.button-commblue {
    background-color: #0f9bab
}

.button-commblue:hover {
    background-color: #095b65
}

.button-white {
    background-color: #ffffff;
    color: #009dac
}

.button-white:hover {
    color: #000000
}

#masthead .container {
    height: 100%
}

#masthead .vert-centered-full-height {
    height: 100%
}

.btn-header-cta {
    height: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
    color: #fff;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: .65px;
    -webkit-transition: background-color 0.35s ease;
    -moz-transition: background-color 0.35s ease;
    -ms-transition: background-color 0.35s ease;
    -o-transition: background-color 0.35s ease;
    transition: background-color 0.35s ease
}

.btn-header-cta.bg-island-blue:hover {
    background: #13c6da;
    -webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    -ms-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease
}

.btn-header-cta.bg-lime-green:hover {
    background: #a4d266;
    -webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    -ms-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease
}

.header-cta-button {
    height: 100px;
    width: 100%;
    text-align: center;
    display: table;
    max-width: 157px
}

.header-cta-button a {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.header-cta-button a.english:lang(en), .header-cta-button a.espanol:lang(es) {
    display: table-cell;
}

@media only screen and (max-width: 800px) {
    .header-cta-button {
        height: 80px
    }
}

@media only screen and (max-width: 1100px) {
    .header-cta-button {
        max-width: 145px
    }
}

@media only screen and (max-width: 960px) {
    .header-cta-button {
        max-width: 110px
    }
}

@media only screen and (max-width: 875px) {
    .header-cta-button {
        /*display: none*/
    }
}

#header-cta-buttons {
    height: 100%;
    margin: 0;
    text-align: center;
    font-size: 16px
}

#header-cta-buttons .header-cta-button {
    height: 100%;
    width: 50%;
    background: #0f9bab;
    display: block;
    float: left;
    -webkit-transition: background-color 0.35s ease;
    -moz-transition: background-color 0.35s ease;
    -ms-transition: background-color 0.35s ease;
    -o-transition: background-color 0.35s ease;
    transition: background-color 0.35s ease
}

#header-cta-buttons .header-cta-button:nth-child(2) {
    background: #8dc63f
}

#header-cta-buttons .header-cta-button:nth-child(2):hover {
    background: #a4d266;
    -webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    -ms-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease
}

#header-cta-buttons .header-cta-button:hover {
    background: #13c6da;
    -webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    -ms-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease
}

#header-cta-buttons .header-cta-button a {
    color: #fff;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .65px;
    height: 100%;
    display: block;
    padding-top: 25%;
    padding-bottom: 25%
}

#header-cta-buttons .header-cta-button a:hover {
    text-decoration: none
}

.default-page-container {
    max-width: 1400px;
    margin: auto;
    padding: 40px 10px
}

.default-page-container h3 {
    font-size: 28px;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif
}

.default-page-container h4 {
    font-size: 23px;
    margin: 0 0 15px 0;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif
}

.page-template-page-expertise .hero {
    background-attachment: initial;
    height: 700px
}

.subcategory .image {
    width: 60%;
    margin: 0;
    padding: 0;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.subcategory .content-container {
    width: 40%;
    margin: 0;
    padding: 0
}

.subcategory:nth-of-type(odd) .image,
.subcategory:nth-of-type(even) .content-container {
    float: right
}

.subcategory:nth-of-type(even) .image,
.subcategory:nth-of-type(odd) .content-container {
    float: left
}

.subcategory .content {
    height: 50%;
    width: 80%;
    max-width: 500px;
    top: 150px;
    position: relative;
    margin: auto
}

.subcategory .content h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px
}

.subcategory .content p {
    font-size: 16px
}

.subcategory .content a {
    margin: 30px 0;
    font-size: 15px
}

.subcategory:nth-of-type(odd) .image-white-overlay {
    background-image: url(inc/img/whitefade_right-image.png);
    background-size: 100% 100%;
    height: 100%
}

.subcategory:nth-of-type(even) .image-white-overlay {
    background-image: url(inc/img/whitefade_left-image.png);
    background-size: 100% 100%;
    height: 100%
}

.what-this-means-item {
    text-align: center;
    padding: 50px 10% 60px 10%;
    clear: both
}

.what-this-means-item:nth-of-type(1) {
    background-color: #238dc1
}

.what-this-means-item:nth-of-type(2) {
    background-color: #8dc63f
}

.what-this-means-item:nth-of-type(3) {
    background-color: #d6df27
}

.what-this-means-item h3 {
    color: #ffffff;
    padding: 30px;
    font-size: 32px
}

.what-this-means-item ul {
    margin: 0;
    list-style-image: url(inc/img/checked-bullet.png)
}

.what-this-means-item li {
    width: 44%;
    text-align: left;
    min-height: 52px;
    float: left;
    margin: 10px 3%;
    line-height: 24px
}

#testimonials .post-slider {
    max-width: 800px;
    margin: 75px auto
}

.testimonial-slider {
    text-align: center;
    list-style-type: none;
    margin: 0
}

.testimonial-slider #slide {
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
    position: relative;
    top: 0
}

.testimonial-slider #slide.hidden {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.testimonial-slider #slide.visible {
    opacity: 1;
    visibility: visible;
    height: auto
}

.testimonial-slider img {
    border-radius: 100%;
    margin-bottom: 30px
}

.testimonial-slider p,
.testimonial-slider span.testimonial-name,
.testimonial-slider span.testimonial-title {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-style: italic;
    font-size: 20px;
    color: #777777
}

.testimonial-slider span.testimonial-name {
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #303030;
    line-height: 15px
}

.testimonial-slider span.testimonial-title {
    font-size: 14px;
    color: #303030;
    line-height: 15px
}

.testimonial-slider li {
    background-image: url(inc/img/testimonial-quotemarks.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom
}

.slide-navigation {
    text-align: center;
    margin-top: 50px
}

.slide-navigation div {
    background-color: #8dc63f;
    width: 10px;
    height: 10px;
    display: inline-block;
    line-height: 10px;
    border-radius: 10px;
    border: 1px solid #8dc63f;
    cursor: pointer;
    text-decoration: none
}

.slide-navigation div:hover,
.slide-navigation div.active {
    background-color: #ffffff
}

.subpage {
    padding-top: 50px;
    color: #777777
}

.subpage .entry-content {
    padding-bottom: 50px
}

.subpage p {
    max-width: 1400px;
    margin: auto;
    padding-top: 25px;
    font-size: 16px
}

.subpage .upper-main-content p {
    font-size: 20px
}

.expertise-tables {
    background-color: #eeeeee;
    margin: 50px 0
}

.expertise-tables .content {
    width: 1000px;
    margin: auto;
    padding: 50px;
    text-align: center
}

.expertise-tables h2 {
    font-size: 32px;
    color: #000000
}

.expertise-tables p {
    padding-top: 0px;
    padding-bottom: 30px;
    font-size: 16px
}

.expertise-tables .table {
    width: 450px;
    background-color: #eeeeee;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    margin: 20px 5px
}

.expertise-tables .table h3 {
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    padding: 20px 0 20px 30px
}

.expertise-tables .table ul {
    min-height: 230px;
    text-align: left;
    margin: 0;
    list-style-type: none;
    padding: 20px 30px
}

.expertise-tables .table li {
    line-height: 32px
}

.expertise-tables .table:nth-of-type(odd) h3 {
    background-color: #6ca322
}

.expertise-tables .table:nth-of-type(odd) ul {
    background-color: #8dc63f
}

.expertise-tables .table:nth-of-type(even) h3 {
    background-color: #038490
}

.expertise-tables .table:nth-of-type(even) ul {
    background-color: #009dac
}

#closing-image {
    height: 800px;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#stories-from-the-field .container {
    max-width: 1400px;
    text-align: center;
    margin: 70px auto
}

#stories-from-the-field h2 {
    font-size: 32px;
    color: #000000
}

#stories-from-the-field p {
    padding-top: 0;
    padding-bottom: 50px
}

#stories-from-the-field ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.story-from-the-field {
    max-width: 380px;
    text-align: left;
    width: 31%;
    margin: 0 1% 75px 1%;
    float: left;
    height: 400px;
    background-color: #f7f7f7;
    position: relative
}

.story-from-the-field .image-container {
    height: 160px;
    width: 100%;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.story-from-the-field .content-container {
    padding: 35px 30px
}

.story-from-the-field h3 {
    font-size: 24px;
    color: #000000;
    line-height: 30px;
    padding-bottom: 20px
}

.story-from-the-field p {
    font-size: 18px;
    line-height: 25px;
    color: #777777
}

.story-from-the-field a.read-more {
    position: absolute;
    bottom: 25px;
    left: 30px;
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    text-decoration: none
}

.story-from-the-field a.read-more:hover {
    text-decoration: underline
}

.story-from-the-field h6,
.story-from-the-field .category {
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 22px;
    font-weight: bold
}

.story-from-the-field.Energy {
    border-bottom: solid 3px #8dc63f
}

.story-from-the-field.Energy h6,
.story-from-the-field.Energy .category {
    color: #8dc63f
}

.story-from-the-field.Transportation {
    border-bottom: solid 3px #00668f
}

.story-from-the-field.Transportation h6,
.story-from-the-field.Transportation .category {
    color: #00668f
}

.story-from-the-field.Water {
    border-bottom: solid 3px #238dc1
}

.story-from-the-field.Water h6,
.story-from-the-field.Water .category {
    color: #238dc1
}

.story-from-the-field.Community {
    border-bottom: solid 3px #009eae
}

.story-from-the-field.Community h6,
.story-from-the-field.Community .category {
    color: #009eae
}

#hero-about {
    height: auto
}

#hero-about .hero-content {
    text-align: center;
    padding: 4em 10%;
    position: static;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    margin: auto;
    width: auto;
    height: auto;
    max-width: 1100px
}

#hero-about .hero-content h1 {
    font-size: 3em;
    margin-bottom: 12px;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

#hero-about .hero-content h6 {
    color: white
}

#hero-about .hero-content h6::before,
#hero-about .hero-content h6::after {
    background: white
}

#hero-about .hero-content p {
    color: white;
    margin-bottom: 50px;
    max-width: 920px;
    margin: 0 auto 25px auto;
    font-size: 18px;
    line-height: 24px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-style: initial
}

#hero-about .hero-content p:last-child {
    width: auto
}

#hero-about .hero-content .wp-video {
    margin: auto
}

@media only screen and (max-width: 770px) {
    #hero-about {
        height: auto;
        background-size: cover
    }
    #hero-about .hero-content {
        padding: 4em 3%
    }
    #hero-about .hero-content h1 {
        font-size: 2em
    }
    #hero-about .hero-content p {
        margin-bottom: 25px;
        padding: 0 5%;
        width: auto
    }
    #hero-about .hero-content p br {
        display: none
    }
}

.about-us .experience {
    padding: 50px 0;
    text-align: center
}

.about-us .experience h4 {
    font-size: 1.2em
}

.about-us .experience p {
    font-size: 1em
}

.about-us .experience-intro {
    padding: 0 20%;
    margin-bottom: 25px
}

.about-us .experience-intro h2 {
    font-size: 2.125em;
    margin: 0 0 .5em 0;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

.about-us .experience-images {
    width: 90%;
    margin: auto;
    max-width: 1300px
}

.about-us .experience-images .entry {
    padding: 1%;
    display: inline-block;
    width: 30%;
    vertical-align: top
}

.about-us .experience-images .entry img {
    display: block;
    margin: 0 auto 15px auto;
    border-radius: 100%;
    border: 8px solid #cccccc;
    opacity: 1;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.about-us .experience-images .entry h4 {
    font-size: 18px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    margin-bottom: 10px;
    line-height: 24px
}

.about-us .experience-images .entry p {
    font-size: 14px
}

@media only screen and (max-width: 770px) {
    .about-us .experience-intro {
        padding: 0
    }
}

@media all and (max-width: 400px) {
    .about-us .experience-images .entry {
        margin-bottom: 25px
    }
}

.change-acceleration-model {
    background-size: cover;
    max-width: 1 600px;
    margin: auto;
    text-align: center;
    padding: 70px 10% 50px;
    color: #ffffff
}

.change-acceleration-model h2 {
    font-size: 2em;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

.change-acceleration-model p {
    font-size: 1em
}

.change-acceleration-model img {
    max-width: 100%
}

.about-us .outro {
    background: url(inc/img/circles-outro-bg.jpg) top center no-repeat;
    padding: 70px 10% 50px;
    text-align: center;
    background-size: cover
}

.about-us .outro h3 {
    font-size: 28px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    margin: 0 0 .5em 0
}

.about-us .outro p {
    margin-bottom: 25px
}

.about-us .outro h3 {
    color: #ffffff
}

@media only screen and (max-width: 770px) {
    .about-us .outro {
        padding: 70px 0 40px;
        background-size: cover
    }
}

#from-the-catalyst {
    background-image: url(inc/img/blue-hills-bg.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-attachment: fixed;
    clear: both
}

#from-the-catalyst .intro-content {
    text-align: center;
    color: #ffffff;
    max-width: 700px;
    margin: auto;
    padding-top: 50px
}

#from-the-catalyst .intro-content h2 {
    font-size: 32px;
    padding-top: 80px;
    padding-bottom: 15px
}

#from-the-catalyst .intro-content p {
    padding: 0
}

#from-the-catalyst ul {
    text-align: center;
    margin: auto;
    padding: 20px 0 80px 0;
    color: #ffffff;
    list-style-type: none
}

#from-the-catalyst ul.single {
    max-width: 800px
}

#from-the-catalyst ul.single .image-container {
    border-radius: 100%;
    width: 280px;
    height: 280px;
    border: 3px solid #ffffff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50%;
    margin: auto
}

#from-the-catalyst ul.single h3 {
    font-size: 32px;
    padding-bottom: 25px
}

#from-the-catalyst ul.single a.read-more {
    margin-top: 50px
}

#from-the-catalyst ul.multi {
    max-width: 1400px
}

#from-the-catalyst ul.multi li {
    max-width: 300px;
    width: 30%;
    padding: 0 3%;
    display: inline-block
}

#from-the-catalyst ul.multi .image-container {
    border-radius: 100%;
    width: 230px;
    height: 230px;
    border: 3px solid #ffffff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50%;
    margin: auto
}

#from-the-catalyst ul.multi h3 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 25px;
    height: 50px;
    margin-top: 25px
}

#from-the-catalyst ul.multi a.read-more {
    margin-top: 50px;
    background-color: initial;
    border-radius: 0;
    padding: 0;
    margin: 0;
    color: #d7df21;
    font-size: 13px
}

#from-the-catalyst ul.multi a.read-more:hover {
    text-decoration: underline
}

.home .hero-content-container {
    width: 100%;
    max-width: 1400px;
    margin: auto
}

.home .hero .cycle-slideshow {
    margin: auto;
    height: 71px;
    overflow: hidden;
    top: 0px !important
}

.home .hero .cycle-slideshow .slide .green {
    color: #8cc63f
}

.home .hero .cycle-slideshow .slide .yellow {
    color: #d6df27
}

.home .hero .cycle-slideshow .cycle-carousel-wrap {
    width: 100%;
    height: 71px
}

.homepage #how-we-do-it {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 90px
}

.homepage #how-we-do-it .intro-content {
    max-width: 650px;
    margin: auto;
    margin-bottom: 60px
}

.homepage #how-we-do-it .intro-content h2 {
    font-size: 28px;
    margin-bottom: 10px;
    color: #303030
}

.homepage #how-we-do-it .intro-content a {
    font-weight: bold
}

.homepage #how-we-do-it .intro-content p,
.homepage #how-we-do-it .intro-content a {
    color: #777777
}

.homepage #how-we-do-it .circle-item {
    width: 230px;
    height: 230px;
    text-align: center;
    color: #ffffff;
    border-radius: 100%;
    border: 14px solid white;
    display: inline-block
}

.homepage #how-we-do-it .circle-item p {
    vertical-align: middle;
    line-height: 200px;
    font-weight: bold;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    border-radius: 100%
}

.homepage #how-we-do-it .circle-item:hover {
    border-color: #c7e6e9
}

.homepage #how-we-do-it .circle-item:hover p {
    background: rgba(0, 157, 172, 0.5)
}

.homepage .ambitions-content {
    max-width: 1300px;
    margin: auto;
    vertical-align: top
}

.homepage #ambitions {
    padding-top: 90px;
    padding-bottom: 90px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    text-align: center
}

.homepage #ambitions .intro {
    max-width: 700px;
    color: #ffffff;
    margin: auto;
    margin-bottom: 45px
}

.homepage #ambitions .intro h2 {
    font-size: 32px;
    padding-bottom: 10px
}

.homepage #ambitions .ambition {
    display: inline-block;
    width: 500px;
    text-align: left;
    color: #ffffff;
    margin: 45px;
    vertical-align: top
}

.homepage #ambitions .ambition img {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 25px
}

.homepage #ambitions .ambition::after {
    clear: both
}

.homepage #contact-us-module {
    background-image: url("https://ecoact.org/ea2017/wp-content/uploads/2016/12/change-acceleration_background.jpg");
    background-size: cover
}

.homepage #contact-us-module .contact-us-module-content {
    padding: 60px 2% 80px 2%;
    background-color: rgba(0, 0, 0, 0.4)
}

.homepage #contact-us-module .intro {
    max-width: 1000px;
    margin: auto;
    text-align: center;
    color: #ffffff
}

.homepage #contact-us-module .intro h3 {
    font-size: 30px;
    margin-bottom: 10px
}

.homepage #contact-us-module .gform_wrapper {
    max-width: 700px;
    margin: auto
}

.homepage #contact-us-module .gform_wrapper input[type=text] {
    border-radius: 5px;
    padding: 10px
}

.homepage #contact-us-module .gfield_label {
    display: none
}

.homepage #contact-us-module div#input_5_6 div {
    width: 100% !important;
    text-align: center
}

.homepage #contact-us-module .gform_footer {
    text-align: center
}

.homepage #contact-us-module .gform_footer input {
    background-color: #3fc8f6;
    box-shadow: initial !important;
    text-transform: initial !important;
    border: 0;
    font-size: 15px !important;
    padding: 15px 25px;
    font-weight: normal;
    letter-spacing: initial;
    border-radius: 50px
}

.homepage #contact-us-module .gform_footer input:hover {
    background-color: #229ec8
}

#vimeoPlayButton {
    margin-top: 40px;
    display: inline-block
}

#iFrameContainer {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #ccc;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0
}

#iFrameVideoContent {
    height: 100%
}

#iFrameContainer iframe {
    width: 100%;
    height: 100%
}

#iFrameContainer #vimeoCloseButton {
    position: absolute;
    top: 40px;
    right: 20px;
    text-decoration: none;
    color: #ffffff;
    text-decoration: none;
    font-size: 40px
}

.contact-us .contact-us-form {
    color: #ffffff;
    text-align: center;
    background-size: cover
}

.contact-us .contact-us-form .contact-form-container {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 50px 5px
}

/* Volunteer 2023 */
.page-template-page-volunteer h2 {
font-family: 'Work Sans', sans-serif;
font-weight: 600;
color: #3F5271;
font-size: 3em;
}

.page-template-page-volunteer h3, .page-template-page-volunteer h4 {
   color: #3F5271;
}

.footer-divider {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 120px;
    margin: 0 -10px -10px;
}

@media only screen and (max-width: 1280px) {
    .footer-divider {height: 90px;}
}

/* Impact EOY 2024 */
.page-template-page-impact2024 {
font-family: 'Work Sans', sans-serif;
font-weight: 500;
color: #1E1E1E;
font-size: 18px;
}

.page-template-page-impact2024 .row {margin: 0;}

.page-template-page-impact2024 .hero.hero-lg {background: url("https://ecoact.org/wp-content/uploads/2024/11/EOY-thm.png") center no-repeat;}
.page-template-page-impact2024 #donate.hero {background: url("https://ecoact.org/wp-content/uploads/2024/11/Donate-bg.jpg") center no-repeat;}
.page-template-page-impact2024 #textBlock.hero {background: url("https://ecoact.org/wp-content/uploads/2024/11/bg-yellow-orange.png") bottom no-repeat;}
.page-template-page-impact2024 #ghgBlock.hero {background: url("https://ecoact.org/wp-content/uploads/2024/11/bg-flowers.png") center no-repeat;}
.page-template-page-impact2024 #donorsBlock.hero {background: url("https://ecoact.org/wp-content/uploads/2024/11/bg-dandelion.png") center repeat;}
.page-template-page-impact2024 #ctaBlock.hero {background: url("https://ecoact.org/wp-content/uploads/2024/11/cta-bg.png") bottom no-repeat;}
.page-template-page-impact2024 #serviceImage.hero {
    background: url("https://ecoact.org/wp-content/uploads/2024/11/mushroom.jpg") center no-repeat;
    min-height: 325px;
}


.page-template-page-impact2024 .hero h1.mega-heading {
font-family: 'Work Sans', sans-serif;    
font-size: 3.7em;
font-weight: 900;
text-transform: uppercase;
margin: 2%;
letter-spacing: 0;
line-height: 1;
color: #41752E;
}

.page-template-page-impact2024 h2 {
font-family: 'Work Sans', sans-serif;
font-size: 3.3em;
font-weight: 900;
text-transform: uppercase;
color: #41752E;
}

.page-template-page-impact2024 h3 {
font-family: 'Work Sans', sans-serif;
font-size: 2.2em;
font-weight: 500;
color: #1E1E1E;
line-height: 1.25;
letter-spacing: 0;
}

.page-template-page-impact2024 .title {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5;
color: #41752E;
}

#showcase .row:nth-child(2) div#showcaseGraphic{
order:2;
}

/* Impact EOY 2023 */
.parallax {
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slate {color:#3F5271 !important;}

.page-template-page-impact2023 {
font-family: 'Work Sans', sans-serif;
font-weight: 500;
color: #1E1E1E;
font-size: 24px;
}

.page-template-page-impact2023 .row {margin: 0;}
.page-template-page-impact2023 .hero p {text-align:center;}

.page-template-page-impact2023 .showcase a {
color: #EE6528;    
}

.page-template-page-impact2023 .showcase a:hover {
color: #3F5271;
}

.page-template-page-impact2023 div.showcase:nth-child(2) a:hover {
color: #ffffff;
}

.page-template-page-impact2023 #main a.btn.btn-primary {
font-family: 'Work Sans', sans-serif;
font-weight: 800;
color: #fff;
font-size: 24px;
background-color: #EE6528;
padding: 10px 16px;
border: 0;
}

.page-template-page-impact2023 #main a.btn.btn-primary:hover {
background-color: #3F5271;
}

.page-template-page-impact2023 .hero.hero-lg {background: url(inc/img/Hero-Video.jpg) center no-repeat;}

.page-template-page-impact2023 .hero .mega-heading, .page-template-page-impact2023 h1, .page-template-page-impact2023 h2, .page-template-page-impact2023 h3 {
font-family: 'Work Sans', sans-serif;
font-weight: 700;  
}

.page-template-page-impact2023 .hero h1.mega-heading {
font-size: 3.5em;
margin: 2%;
letter-spacing: 0;
}

.page-template-page-impact2023 .hero p.subtext {margin-bottom: 0;}

.page-template-page-impact2023 h2 {
font-size: 3em;
color:#3F5271;
text-transform: uppercase;
}

.page-template-page-impact2023 h3 {
font-size: 2.3em;
text-align: center;
clear: both;
}

.page-template-page-impact2023 h4 {
font-family: 'Work Sans', sans-serif;
font-weight: 500;  
font-size: 2em;
}

.page-template-page-impact2023 .tagline {
font-size: 20px;
}

p.showcase-color {
font-size: 18px;
color: #EE6528;
}

.yellow {
    color: #F5CE3E;
}

img.showcase-icon {
    max-width: 100px;
}

.showcase .showcase-content {
    padding: 5% 8% 5% 0%;
}

div.showcase:nth-child(2) .showcase-content {
    padding: 5% 0% 5% 8%;
}

.showcase .showcase-graphics img {
display: block;
clear: both;
float: right;
}

div.showcase:nth-child(2) .showcase-graphics img.showcase-logo {
clear: none;
float: none;
}


p.q-text{
font-style: italic;
font-size: 18px;
line-height: 1.5;
color:#3F5271;
}

p.q-author{
color: #EE6528;
text-transform: uppercase;
font-weight: 800;
}

img.stat1{
width: 80%;
max-width: 630px;
}

p.stat2-num {
font-weight: 800;
font-size: 3em;
margin-bottom:0;
}

div.showcase:nth-child(2) div.col-md-7, div.showcase:nth-child(1) div.col {
order:1;
} 

div.showcase:nth-child(2) div.col-md-5 {padding:0 0 0 6% !important;}

div.showcase:nth-child(1) .col-md-auto, div.showcase:nth-child(2) div.col-md-5 {
order:2;
}

div.showcase:nth-child(2) h2, div.showcase:nth-child(2) p, div.showcase:nth-child(2) p.q-text {
color: #ffffff;
}

div.showcase:nth-child(2) p.showcase-color {
color: #F6CF3E;
}

div.showcase:nth-child(2) p.stat2-num, div.showcase:nth-child(2) p.stat2, div.showcase:nth-child(2) p.q-author {
color: #EB9D22;
}

#serviceBlock p {
font-size: 3em;
margin-bottom: 0;
line-height: 1.1;
}

#serviceBlock .service-stat {
font-size: 3.6em;
font-weight: 900;
color: #F5CE3E;
display: block;
}

#donorlist {
column-count: 4;
column-gap: 20px;
}

ul#donorlist {
list-style: none;
}

#donorlist li {
margin-bottom: 10px;
font-size: 1rem;
}

div#donate-form-wrapper {
    background-color: white;
    padding: 2%;
}

h3.text-white > p {margin:0;}

@media only screen and (max-width: 1600px) {
    #serviceBlock .service-stat {font-size: 3.2em;}
    #serviceBlock p {font-size: 2.5em;}
}

@media only screen and (max-width: 1200px) {
    .page-template-page-impact2023 .hero h1.mega-heading {font-size: 3.1em;}
    #donorlist {column-count: 3;}
    .page-template-page-impact2023 h2 {font-size: 2.6em;}
    .page-template-page-impact2023 h3 {font-size: 2.1em;}
    #serviceBlock p {font-size: 2em;}
    p.q-text {font-size: 1em; line-height: 1.3;}
    p.stat2-num {font-size: 2.5em;}
    .page-template-page-impact2023 #main a.btn.btn-primary {font-size: 20px;}
}

@media only screen and (max-width: 1024px) {
    .page-template-page-impact2023 .hero.hero-lg {height: 50vh;}
    .page-template-page-impact2023 {font-size: 20px; line-height: 1.3;}
    #donorlist {column-count: 2;}
    .page-template-page-impact2023 #main a.btn.btn-primary {font-size: 16px;}
}

@media only screen and (max-width: 767px) {
    .page-template-page-impact2023 {font-size: 18px; line-height: 1.2;}
    .page-template-page-impact2023 h4 {font-size: 1.5em;}
    div.showcase:nth-child(1) .showcase-logo {max-width: 150px;}
    .showcase-icon {margin-bottom: 15px;}
    .showcase .showcase-content {padding:0 8%;}
    div.showcase:nth-child(2) .showcase-content {padding:8%;}
    div.showcase:nth-child(3) img.showcase-icon {float: right;}
    img.stat1 {width: 60%;}
    div.showcase:nth-child(1) .col-md-auto, div.showcase:nth-child(2) div.col-md-5 {order: 1;}
}

@media only screen and (max-width: 600px) {
    #donorlist {column-count: 1;}
    .page-template-page-impact2023 .hero h1.mega-heading {font-size: 2.2em;}
    .page-template-page-impact2023 h2 {font-size: 2.3em;line-height: 1;}
    .page-template-page-impact2023 h3 {font-size: 1.7em;}
    img.stat1 {width: 70%;}
    p.stat2-num {font-size: 2.1em;}
    #serviceBlock p {font-size: 1.3em;}
    #serviceBlock .service-stat {font-size: 3em;} 
    .page-template-page-impact2023 .hero-iframe-wrapper {display: none;}
}

.page-template-page-impact2023 #donate-form-wrapper {
font-family: "roboto",Helvetica,sans-serif;
font-weight: 400;
font-size: 16px;
}

.page-template-page-impact2023 #donate-form-wrapper h3 {
font-family: "roboto",Helvetica,sans-serif;
font-weight: 700;
font-size: 2rem;
}

div#processBox {
    background-color: #fff;
}

#processBox h2.circle-bg {
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    color: white;
    margin: 0;
    padding-top: 5px;
}

/* Our Work */
.title {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: .5em;
}

.page-template-page-our-work .row {
    margin:0;
	width:100%;
}

.photo-side {
background-position: center;
background-size: cover;
}

.text-side {
background-color: #F8F0E2;
}

#water .text-side {
background-color: #238dc1;
}

.text-end {
text-align: right;
}

.text-side.text-end {
background-color: #E9CDF3;
}

.color-bg:nth-child(4) {
background-color: #238dc1;
}

.photo-side-logo {
text-align: center;
}

.photo-side-logo img {
width: 40%;
}

.third-row .text-side {
background-color: transparent;
}

.row.third-row {
position: relative;  
min-height: 70vh;
}
    
.third-row .photo-side {
width: 100%;
}

.third-row .photo-side img {
width: 100%;
}

.third-row .text-side {
position: absolute;
text-align: center;
color:white;
top:50%;
transform:translateY(-50%);
}

.third-row .text-side h2{
color:white !important;
}

.third-row .text-side img {
max-width: 150px;
margin-bottom: 15px;
}

.third-row .text-side p {
margin: 0 10% 2%;
}
 
.btn-outline {
border:1px solid black;
background-color: transparent;
color: black;
padding: 12px 32px;
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 500;
font-size: 16px;
}

.btn-outline:hover {
background-color: transparent;
color: white;
border:1px solid white;
}

#climate .btn-outline:hover {
color: #41752E;
border:2px solid #41752E;
}

.third-row .btn-outline {
border:1px solid white;
color: white;
}

.third-row .btn-outline:hover {
background-color: white;
color: black;
}

.third-row .text-side {
    z-index: 999999;
}


@media only screen and (max-width: 767px) {
    .text-end {
    text-align: left;
    }

    .photo-side {
    min-height: 50vh;
    }

    .third-row .photo-side {
    min-height: 80vh;
    }

    .photo-side-logo img {
    width: 45%;
    }

    .third-row .text-side img {
    max-width: 115px;
    }

    .third-row .text-side p {
    margin: 0 5% 2%;
    }
}

@media only screen and (max-width: 480px) {

    .photo-side {
    min-height: 30vh;
    }

    .third-row .photo-side {
    min-height: 100vh;
    }

    .third-row .text-side img {
    max-width: 100px;
    }

    .third-row .text-side p {
    margin: 0 2% 2%;
    }
}

/* HUBSPOT forms */

legend.hs-field-desc { /* "help" text for each form question */
	font-size: .9rem;
	font-style: italic;
	max-width: 700px;
    margin-bottom: 20px;
}

.subscribe-news-form {
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
}


.subscribe-news-form .hbspt-form h2 {
display: none;
}

.subscribe-news-form .hbspt-form {
text-align: center;
}

.hbspt-form label {
    margin: 10px 0 0;
}

.hbspt-form input[type=text], .hbspt-form input[type=email], .hbspt-form input[type=tel], .hbspt-form textarea, .hbspt-form select {
width: 100%;
margin: 5px 0 10px;
padding: 13px 13px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}

.subscribe-news-form .hbspt-form input[type=submit] {
    background-color: #006690;
}

.subscribe-news-form .hbspt-form input[type=submit]:hover {
    background-color: #238dc1;
}

.hbspt-form input[type=submit] {
    border: none;
}

ul.hs-error-msgs {
    list-style: none;
}

.hbspt-form label.hs-error-msg {
    font-style: italic;
    margin: 0 0 15px;
}


.hbspt-form .hs_recaptcha {
    display: none;
}

.hbspt-form div.grecaptcha-badge{
height: 0 !important;
box-shadow: none;
}

.contact-form .hbspt-form fieldset{
    max-width: unset;
    margin: 0 auto;
}

.hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
}

/* NetOne contact form */

#contact .hbspt-form fieldset {
    max-width: unset !important;
}

#contact .hbspt-form label {
color: white !important;
}

#contact .hbspt-form div.input {
width: 100%;
}

#contact .hbspt-form .form-columns-2 .hs_firstname div.input {
width: 98%;
margin-right: 2%;
}


.contact-form {
    margin-bottom: 20px;
}

.contact-us .contact-us-form h1 {
    font-size: 26px;
    margin-bottom: 10px
}

.contact-us .contact-info {
    text-align: center;
    padding: 50px;
    font-size: 20px
}

.contact-us .contact-info a {
    color: #000000;
    text-decoration: none
}

.contact-us #locations {
    max-width: 1400px;
    margin: auto
}

.contact-us #locations .location {
    width: 29%;
    margin: 2%;
    float: left;
    text-align: center
}

.contact-us #locations .location .image {
    background-size: cover;
    height: 130px;
    padding-top: 100px;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px
}

.contact-us #locations .location .info a {
    color: #3fc8f6;
    font-weight: bold;
    text-decoration: none
}

.contact-us #locations .location .info a:hover {
    text-decoration: underline
}

.page-template-page-location .hero-content h1 {
    font-size: 50px
}

.page-template-page-location .hero-content h2 {
    font-size: 18px;
    font-style: italic
}

.location-page {
    max-width: 1400px;
    margin: auto;
    padding: 40px 60px
}

.location-page .content-left {
    float: left;
    width: 20%;
    margin: 5%;
    text-align: right;
    padding-top: 0%
}

.location-page .content-left h2 {
    font-size: 18px
}

.location-page .content-left ul {
    list-style-type: none
}

.location-page .content-left a {
    text-decoration: none;
    color: #71717d
}

.location-page .content-left a:hover {
    color: #000000
}

.location-page .content-left a.active {
    font-weight: bold
}

.location-page .content-right {
    float: right;
    width: 59%;
    margin: 2%;
    padding: 4% 3%;
    border-left: 1px solid #ccc
}

.location-page .content-right h3 {
    font-weight: bold
}

.location-page .content-right .address,
.location-page .content-right .phone,
.location-page .content-right .hours,
.location-page .content-right .email {
    width: 46%;
    float: left;
    padding: 2%;
    min-height: 100px
}

.location-page .mapEmbed {
    padding-top: 30px;
    padding-left: 2%
}

.social-image-feed {
    clear: both
}

.social-image-feed #sbi_load {
    display: none
}

.awards-page {
    max-width: 1400px;
    margin: auto;
    margin-bottom: 50px
}

.awards-page .intro {
    max-width: 900px;
    margin: auto;
    font-size: 20px;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 60px
}

#award-year-links {
    float: left;
    width: 60px;
    padding-right: 20px;
    padding-bottom: 36px
}

#award-year-links a {
    display: block;
    text-align: right;
    text-decoration: none;
    color: #313131;
    font-size: 16px;
    padding-bottom: 10px
}

#award-year-links a::after {
    content: "\00a0\00a0"
}

#award-year-links a.mPS2id-highlight-first {
    font-weight: bold;
    color: #8dc640
}

#award-year-links a.mPS2id-highlight-first::after {
    content: " \203A"
}

#awards .container {
    width: 1000px;
    margin: auto;
    border-left: 1px solid #8dc640
}

#awards .award-year:first-of-type {
    border-top: 1px solid #8dc63f
}

#awards .award-year {
    border-bottom: 1px solid #8dc63f;
    display: inline-block
}

#awards .award-year .award {
    display: inline-block
}

#awards .award-year .award .image {
    float: left;
    padding: 50px 30px;
    width: 20%;
    text-align: center
}

#awards .award-year .award .image img {
    max-width: 200px
}

#awards .award-year .award .content {
    border-bottom: 1px solid #8dc63f;
    float: left;
    width: 74%;
    padding: 40px 0
}

#awards .award-year .award:last-of-type .content {
    border: none
}

#awards .award-year .award .granter {
    color: #919191;
    font-size: 14px
}

#awards .award-year .award .title {
    color: #303030;
    font-size: 24px
}

#awards .award-year .award .text {
    color: #777777;
    font-size: 16px
}

.our-impact #primary #content {
    max-width: 1400px;
    margin: auto;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 32px;
    color: #777777
}

.our-impact #primary #content h2 {
    font-size: 32px;
    margin-bottom: 40px
}

#measurements-of-success {
    background-color: #f6f5f5;
    background-image: url("inc/img/content-separator_white-arrow.png");
    background-repeat: no-repeat;
    background-position: center 0px;
    padding: 80px;
    text-align: center
}

#measurements-of-success h2 {
    font-size: 32px;
    margin-bottom: 32px
}

.measurement-of-success {
    width: 21%;
    max-width: 300px;
    margin: 0 6px;
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    text-align: left
}

.measurement-of-success .image {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 200px;
    position: relative
}

.measurement-of-success .content-container {
    padding: 30px 20px;
    position: relative;
    min-height: 300px
}

.measurement-of-success h3 {
    font-size: 28px;
    margin-bottom: 15px
}

.measurement-of-success p {
    font-size: 15px
}

.measurement-of-success a.button {
    margin: 50px 0 0 0;
    position: absolute;
    bottom: 30px;
    left: 20px
}

.measurement-of-success:nth-of-type(1) a.button {
    background-color: #8dc63f
}

.measurement-of-success:nth-of-type(1) a.button:hover {
    background-color: #a1e249
}

.measurement-of-success:nth-of-type(2) a.button {
    background-color: #238dc1
}

.measurement-of-success:nth-of-type(2) a.button:hover {
    background-color: #56d5fe
}

.measurement-of-success:nth-of-type(3) a.button {
    background-color: #00668f
}

.measurement-of-success:nth-of-type(3) a.button:hover {
    background-color: #0185ba
}

.measurement-of-success:nth-of-type(4) a.button {
    background-color: #009dac
}

.measurement-of-success:nth-of-type(4) a.button:hover {
    background-color: #01b7c8
}

@media screen and (max-width: 1400px) {
    .measurement-of-success .content-container {
        min-height: 320px
    }
}

@media screen and (max-width: 1300px) {
    .measurement-of-success .content-container {
        min-height: 350px
    }
    .measurement-of-success h3 {
        font-size: 22px
    }
}

@media screen and (max-width: 1200px) {
    .measurement-of-success {
        width: 47%;
        max-width: initial;
        margin: 3% 1%
    }
    .measurement-of-success .content-container {
        min-height: 230px
    }
}

@media screen and (max-width: 900px) {
    .measurements-of-success {
        padding: 10%
    }
    .measurement-of-success {
        width: 100%
    }
    .measurement-of-success .content-container {
        text-align: center;
        min-height: 0;
        padding: 30px 20px 0 20px
    }
    .measurement-of-success a.button {
        position: initial;
        width: initial;
        display: block
    }
}

#number-stat-tri {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    padding: 100px 0;
    text-align: center
}

#number-stat-tri .container {
    max-width: 1000px;
    margin: auto
}

.number-stat-tri-stat {
    width: 29%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top
}

.number-stat-tri-stat .stat-circle {
    background-color: #ffffff;
    font-size: 75px;
    height: 290px;
    width: 290px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 100%
}

.number-stat-tri-stat .stat-circle #measurement {
    display: block;
    font-size: 20px;
    font-weight: bold
}

.number-stat-tri-stat:nth-of-type(1) .stat-circle {
    color: #8dc63f
}

.number-stat-tri-stat:nth-of-type(2) .stat-circle {
    color: #009dac
}

.number-stat-tri-stat:nth-of-type(3) .stat-circle {
    color: #00668f
}

.number-stat-tri-stat .content {
    color: #ffffff;
    margin-top: 50px
}

#statement-stat-single-bare {
    color: #cccccc;
    text-align: center;
    font-weight: bold;
    font-size: 34px;
    padding: 70px 0
}

#statement-stat-single-bare .container {
    max-width: 600px;
    margin: auto
}

#statement-stat-single-bare .container p {
    margin-bottom: 0
}

.our-impact.water #statement-stat-single-bare .container {
    max-width: 650px
}

#number-stat-single-center {
    padding: 140px 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    text-align: center
}

#number-stat-single-center .container {
    width: 600px;
    margin: auto
}

#number-stat-single-center .stat-circle {
    width: 600px;
    height: 600px;
    color: #ffffff;
    border-radius: 100%;
    border: 1px solid #ffffff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 60px
}

#number-stat-single-center .stat-circle h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-weight: bold
}

#number-stat-single-center .stat-circle p {
    margin: 0;
    font-size: 18px
}

#number-stat-single-center .stat-circle .stat-number-container {
    display: block
}

#number-stat-single-center .stat-circle span.stat-number,
#number-stat-single-center .stat-circle span.unit {
    font-size: 75px;
    margin: 10px 0
}

#number-stat-single-center .stat-circle span.stat-number,
#number-stat-single-center .stat-circle span.unit {
    display: inline-block
}

#number-stat-single-center .stat-circle span.measurement {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin: -35px 0 15px 0
}

#number-stat-single-heading {
    padding: 60px 0 550px 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align: center
}

#number-stat-single-heading .container {
    max-width: 600px;
    margin: auto;
    font-size: 20px
}

#number-stat-single-heading .stat-number {
    display: block;
    font-size: 98px;
    color: #cccccc;
    font-weight: bold
}

#statement-stat-logo {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    padding: 150px 0 250px 0;
    text-align: center
}

#statement-stat-logo .container {
    max-width: 750px;
    margin: auto;
    color: #ffffff;
    font-size: 30px;
    line-height: 40px
}

#statement-stat-logo .container h2 {
    text-transform: uppercase;
    font-size: 18px;
    padding: 25px;
    font-weight: bold
}

#statement-stat-logo .container p {
    margin: 0;
    padding: 0
}

.energy #statement-stat-single-bare,
.energy #number-stat-single-heading .stat-number {
    color: #8dc63f
}

.water #statement-stat-single-bare,
.water #number-stat-single-heading .stat-number {
    color: #238dc1
}

.transportation #statement-stat-single-bare,
.transportation #number-stat-single-heading .stat-number {
    color: #00668f
}

.community #statement-stat-single-bare,
.community #number-stat-single-heading .stat-number {
    color: #009dac
}

.subnav.energy a:hover {
    border: 1px solid #8dc63f
}

.subnav.energy li.current_page_item a {
    background-color: #8dc63f
}

.subnav.water a:hover {
    border: 1px solid #238dc1
}

.subnav.water li.current_page_item a {
    background-color: #238dc1
}

.subnav.transportation a:hover {
    border: 1px solid #00668f
}

.subnav.transportation li.current_page_item a {
    background-color: #00668f
}

.subnav.community a:hover {
    border: 1px solid #009dac
}

.subnav.community li.current_page_item a {
    background-color: #009dac
}

section.slideshow {
    position: relative
}

.slide-arrows {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.slide-arrows li {
    position: absolute;
    top: 200px;
    padding: 0;
    margin: 0;
    z-index: 9999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.slide-arrows li a {
    display: block
}

.slide-arrows li#prev {
    left: 60px;
    opacity: 0;
    -webkit-transform: translate(-60px, 0px);
    -ms-transform: translate(-60px, 0px);
    -o-transform: translate(-60px, 0px);
    transform: translate(-60px, 0px)
}

.slide-arrows li#prev a {
    text-indent: -999em;
    width: 29px;
    height: 80px;
    background: url(inc/img/icon-arrows.png) no-repeat;
    opacity: 0.5;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.slide-arrows li#prev a:hover {
    opacity: 0.8
}

.slide-arrows li#next {
    right: 60px;
    opacity: 0;
    -webkit-transform: translate(60px, 0px);
    -ms-transform: translate(60px, 0px);
    -o-transform: translate(60px, 0px);
    transform: translate(60px, 0px)
}

.slide-arrows li#next a {
    text-indent: -999em;
    width: 29px;
    height: 80px;
    background: url(inc/img/icon-arrows.png) -44px 0 no-repeat;
    opacity: 0.5;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.slide-arrows li#next a:hover {
    opacity: 0.8
}

.slide-hover:hover .slide-arrows li#prev,
.slide-hover:hover .slide-arrows li#next {
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 1
}

.slide-wrap .cycle-slide {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #000000;
    background-position: 50%
}

.slide-wrap .cycle-slide a {
    text-decoration: none
}

.slide-wrap .container {
    position: relative
}

.slide-wrap .slide {
    position: relative;
    width: 100%;
    height: 570px
}

.slide-wrap .slide .container {
    min-height: 740px;
    left: 0;
    right: 0;
    top: 20%
}

.slide-wrap .intro-content {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20%
}

.slide-wrap .intro-content h1 {
    font-size: 60px;
    font-weight: 600
}

.slide-wrap .intro-content p {
    font-size: 18px;
    margin-bottom: 30px
}

.slide-wrap .intro-content h1,
.slide-wrap .intro-content p,
.slide-wrap .caption h1,
.slide-wrap .caption p {
    color: white
}

.slide-wrap .caption {
    position: absolute;
    width: 96%;
    left: 0;
    margin: 0 auto;
    bottom: 0;
    padding: 2%;
    background: rgba(0, 0, 0, 0.8)
}

.slide-wrap .caption p {
    margin-bottom: 10px;
    font-size: 18px
}

.story-pager {
    margin: 0;
    padding: 20px 0;
    position: static;
    top: -25px;
    text-align: center;
    display: inline-block;
    z-index: 99;
    content: "o";
    width: 100%
}

.story-pager li {
    display: inline-block;
    margin-right: 9px;
    border: 1px solid #8cc63f;
    border-radius: 100%;
    background-color: transparent;
    width: 15px;
    height: 15px
}

.story-pager li.cycle-pager-active,
.story-pager li:hover {
    background-color: #8cc63f
}

.story-pager li:last-child {
    margin-right: 0
}

.story-pager.image {
    text-align: center
}

.story-pager.image img {
    width: 120px;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.story-pager.image img.cycle-pager-active {
    opacity: 1.0;
    filter: alpha(opacity=100)
}

#hero-why-it-matters {
    height: 700px
}

#hero-why-it-matters .hero-content {
    padding-top: 250px
}

.why-it-matters #primary #content {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 32px;
    color: #777777
}

.why-it-matters #primary #content h2 {
    max-width: 950px;
    font-size: 32px;
    line-height: 40px;
    margin: 40px auto
}

.why-it-matters #primary #content p {
    max-width: 850px;
    margin: auto
}

#action-drives-change {
    padding: 100px 0 150px 0;
    margin-top: 180px;
    color: #ffffff;
    text-align: center;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-attachment: fixed !important
}

#action-drives-change .lead-in-image {
    background-size: cover !important;
    border-radius: 100%;
    border: 10px #8dc63f solid;
    width: 200px;
    height: 200px;
    margin: auto;
    position: relative;
    top: -210px
}

#action-drives-change .intro {
    font-size: 32px;
    margin-top: -100px;
    position: relative
}

#action-drives-change .action-items {
    max-width: 1400px;
    padding: 50px;
    width: 90%;
    margin: auto
}

#action-drives-change .action-items .action-item {
    width: 21%;
    padding: 1%;
    margin-right: 1%;
    max-width: 300px;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    vertical-align: top
}

#action-drives-change .action-items .action-item img {
    padding-bottom: 30px
}

#action-drives-change .action-items .action-item h3 {
    font-weight: bold
}

#monotone-image-items {
    background-color: #ffffff;
    padding: 80px;
    text-align: center
}

#monotone-image-items h2 {
    font-size: 32px;
    margin-bottom: 40px
}

.monotone-image-item {
    width: 31%;
    max-width: 350px;
    margin: 0 6px;
    display: inline-block;
    vertical-align: top;
    background-color: #f6f5f5;
    text-align: left
}

.monotone-image-item .image {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 200px;
    position: relative
}

.monotone-image-item .content-container {
    padding: 20px;
    position: relative;
    min-height: 280px
}

.monotone-image-item h3 {
    font-size: 28px;
    margin-bottom: 15px
}

.monotone-image-item p {
    font-size: 15px
}

.monotone-image-item a.button {
    margin: 50px 0 0 0;
    position: absolute;
    bottom: 30px;
    left: 20px
}

.monotone-image-item:nth-of-type(1) a.button {
    background-color: #8dc63f
}

.monotone-image-item:nth-of-type(1) a.button:hover {
    background-color: #a1e249
}

.monotone-image-item:nth-of-type(2) a.button {
    background-color: #238dc1
}

.monotone-image-item:nth-of-type(2) a.button:hover {
    background-color: #56d5fe
}

.monotone-image-item:nth-of-type(3) a.button {
    background-color: #00668f
}

.monotone-image-item:nth-of-type(3) a.button:hover {
    background-color: #0185ba
}

.monotone-image-item:nth-of-type(4) a.button {
    background-color: #009dac
}

.monotone-image-item:nth-of-type(4) a.button:hover {
    background-color: #01b7c8
}

#donate-band {
    background-color: #8ec63f;
    text-align: center;
    padding: 80px 80px 60px 80px
}

#donate-band .content {
    color: #ffffff;
    font-size: 32px;
    max-width: 900px;
    margin: auto;
    line-height: 38px
}

#donate-band a.button {
    background-color: #FFFFFF;
    color: #8ec63f;
    font-size: 16px;
    margin-top: 40px
}

#donate-band a.button:hover {
    color: #000000
}

.our-team {
    max-width: 1400px;
    margin: auto;
    margin-bottom: 90px
}

.our-team #full-bio {
    padding: 20px
}

.our-team #full-bio .bio-image {
    height: 574px;
    width: 574px;
    background-size: cover;
    float: left
}

.our-team #full-bio .content {
    float: left;
    padding: 20px 20px 20px 40px;
    max-width: 525px
}

.our-team #full-bio .content h2.name {
    font-size: 28px
}

.our-team #full-bio .content .title {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-style: italic
}

.our-team #full-bio .content .bio {
    margin-top: 20px
}

section#full-team {
    clear: both;
    padding-top: 20px
}

.our-team .team-list {
    margin: 20px 0 0 0;
    text-align: center
}

.our-team .team-member {
    width: 285px;
    height: 285px;
    margin: 5px;
    margin-bottom: 5rem;
    display: inline-block;
    background-size: cover;
    vertical-align: top
}

.our-team .team-member>a {
    color: #313131
}

.our-team .team-member>a:hover {
    text-decoration: none
}

.our-team .team-member .container {
    height: 285px;
    width: 285px;
    background-size: cover;
    position: relative;
    opacity: 0;
 /* hiding 2nd image switch Jan 2024
	-webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
	*/
}

.our-team .team-member:hover .container {
   /* opacity: 1 */
}

.our-team .team-member .container .content {
    color: #ffffff;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    width: 90%;
    padding: 5%;
    text-align: left
}

.our-team .team-member .container .content .name {
    font-weight: bold
}

#programs-hero {
    background-color: #000000;
    text-align: center
}

#programs-hero .programs-intro {
    padding: 3em 10% 0 10%;
    width: auto
}

#programs-hero h6 {
    font-size: 18px;
    margin: 0 0 .5em 0;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-style: italic;
    color: #ffffff
}

#programs-hero h6:before,
#programs-hero h6:after {
    content: '';
    height: 1px;
    background: #cccccc;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff
}

#programs-hero h6:before {
    margin-right: 20px
}

#programs-hero h6:after {
    margin-left: 20px
}

#programs-hero h1 {
    font-size: 3em;
    margin-bottom: 12px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-size: 48px;
    line-height: 56px;
    color: #ffffff
}

#programs-hero p {
    color: white;
    margin-bottom: 50px;
    max-width: 920px;
    margin: 0 auto 25px auto;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-style: initial
}

.our-programs {
    max-width: 1400px;
    margin: auto
}

.our-programs #programs {
    padding-top: 60px;
    margin-bottom: 90px;
    display: inline-block
}

.program-heading .category {
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding-top: 0px;
    height: 145px;
    text-align: center
}

.our-programs .category h2 {
    font-size: 34px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    padding-top: 60px
}

.program-heading .category-Energy {
    background-image: url("inc/img/program-logo_energy.png")
}

.program-heading .category-Water {
    background-image: url("inc/img/program-logo_water.png")
}

.program-heading .category-Transportation {
    background-image: url("inc/img/program-logo_transit.png")
}

.program-heading .category-Community {
    background-image: url("inc/img/program-logo_community.png")
}

#menu-program-categories {
    list-style: none;
    margin: 0;
    padding: 0
}

#menu-program-categories li {
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px
}

#menu-program-categories li a {
    text-decoration: none;
    color: #ffffff;
    padding: 8px 15px;
    font-size: 14px;
    white-space: nowrap;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background: transparent;
    font-weight: 700;
    text-transform: uppercase
}

#menu-program-categories li:nth-of-type(1) a {
    border: 1px solid #8dc640
}

#menu-program-categories li:nth-of-type(1).current_page_item a,
#menu-program-categories li:nth-of-type(1) a:hover {
    background-color: #8dc640
}

#menu-program-categories li:nth-of-type(2) a {
    border: 1px solid #00668f
}

#menu-program-categories li:nth-of-type(2).current_page_item a,
#menu-program-categories li:nth-of-type(2) a:hover {
    background-color: #00668f
}

#menu-program-categories li:nth-of-type(3) a {
    border: 1px solid #238dc1
}

#menu-program-categories li:nth-of-type(3).current_page_item a,
#menu-program-categories li:nth-of-type(3) a:hover {
    background-color: #238dc1
}

#menu-program-categories li:nth-of-type(4) a {
    border: 1px solid #009eae
}

#menu-program-categories li:nth-of-type(4).current_page_item a,
#menu-program-categories li:nth-of-type(4) a:hover {
    background-color: #009eae
}

#program {
    width: 44%;
    padding: 3%;
    float: left
}

#program:nth-of-type(even) {
    clear: both
}

#program:last-child {
    margin-bottom: 60px
}

#program .program-map {
    float: left;
    max-width: 30%
}

#program .program-map img {
    width: 100%
}

#program .program-content {
    float: left;
    margin-top: 0;
    width: 65% !important;
    padding: 0 0 0 4%;
    float: left
}

#program .program-content .category {
    padding-left: 0;
    background-image: none !important;
    height: initial !important;
    line-height: initial !important;
    font-size: 16px
}

#program .program-content .category-Energy {
    color: #8dc640
}

#program .program-content .category-Water {
    color: #238dc1
}

#program .program-content .category-Transportation {
    color: #00668f
}

#program .program-content .category-Community {
    color: #009eae
}

#program .program-content h3 {
    font-size: 24px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    color: #404041;
    margin: 10px 0;
    line-height: 28px
}

#program .program-content p {
    margin-bottom: 10px;
    font-size: 14px
}

#program .program-content a {
    margin-left: 0;
    text-decoration: none
}

#program-page {
    margin-bottom: 90px
}

#program-page .hero {
    background-size: cover;
    height: 400px;
    text-align: center;
    background-position: 50%
}

#program-page h1 {
    font-size: 34px;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

#program-page h2 {
    font-size: 22px;
    padding-top: 30px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    border-bottom: 1px solid #cccccc
}

#program-page h3 {
    font-size: 22px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    padding-top: 0px;
    margin-bottom: 10px
}

.program-content-container {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
    display: inline-block;
    width: 100%
}

.program-content-container .container {
    max-width: 1400px;
    margin: auto
}

.program-content {
    margin-top: 50px;
    padding: 0 9% 0 1%;
    float: left;
    width: 60%
}

.program-content .category {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-size: 20px;
    font-style: italic;
    background-repeat: no-repeat;
    padding-left: 70px;
    height: 55px;
    vertical-align: middle;
    line-height: 55px
}

.program-content .category-Energy {
    background-image: url("inc/img/program-logo_energy.png")
}

.program-content .category-Water {
    background-image: url("inc/img/program-logo_water.png")
}

.program-content .category-Transportation {
    background-image: url("inc/img/program-logo_transit.png")
}

.program-content .category-Community {
    background-image: url("inc/img/program-logo_community.png")
}

.program-content h1 {
    font-size: 34px;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

.program-extra-content {
    text-align: center;
    clear: both;
    margin-top: 50px
}

.program-extra-content .slideshow {
    max-width: 700px;
    margin: auto
}

.program-extra-content .cycle-slide {
    height: inherit !important;
    background-size: cover;
    background-color: #ffffff
}

.program-sidebar {
    margin-top: 50px;
    padding: 0 1%;
    float: right;
    width: 28%
}

.program-sidebar .show-program-list {
    border-radius: 15px;
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px;
    border: 1px solid #cccccc;
    color: #154d6a;
    text-transform: uppercase;
    background-color: #F7F7F7;
    position: relative;
    z-index: 2
}

.program-sidebar .show-program-list .program-menu-arrow-up {
    display: none;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    position: absolute;
    bottom: 20px;
    right: 10px
}

.program-sidebar .show-program-list .program-menu-arrow-down {
    display: inline;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    position: absolute;
    bottom: 20px;
    right: 10px
}

.program-sidebar .show-program-list .program-menu-list {
    z-index: 999;
    display: none;
    text-transform: none;
    position: absolute;
    background-color: #F7F7F7;
    left: 0;
    margin-top: 7px;
    border: 1px solid #cccccc;
    border-radius: 0 0 10px 10px;
    width: 99%
}

.program-sidebar .show-program-list .program-menu-list ul {
    list-style-type: none;
    margin: 10px 0
}

.program-sidebar .show-program-list .program-menu-list ul li {
    padding: 7px 10px;
    border-radius: 10px
}

.program-sidebar .show-program-list .program-menu-list ul li:hover {
    background-color: #00668f
}

.program-sidebar .show-program-list .program-menu-list ul li a {
    font-size: 14px;
    color: #1696C0;
    text-decoration: none;
    width: 100%;
    display: inline-block
}

.program-sidebar .show-program-list .program-menu-list ul li:hover a {
    color: #FFFFFF
}

.program-sidebar img {
    margin: 10px
}

.program-sidebar h3 {
    padding-top: 30px !important
}

.program-sidebar h3 a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #41c8f5
}

.program-sidebar h3 a:after {
    padding-left: 10px;
    content: ">"
}

.program-sidebar .program-extra-sidebar-content {
    font-size: 14px;
    line-height: 18px
}

#our-culture iframe {
    width: 100%;
    height: 580px
}

section.hero.timeline {
    margin-bottom: 0;
    background-size: cover
}

section.hero.timeline .hero-content {
    padding-top: 50px
}

@media only screen and (min-width: 950px) {
    section.hero.timeline {
        background-size: 100%;
        background-position: center
    }
}

section.hero.timeline .hero-content {
    color: #ffffff;
    text-align: center
}

section.hero.timeline .hero-content h6 {
    color: #ffffff
}

section.hero.timeline .hero-content h1 {
    font-size: 40pt;
    line-height: 42pt;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

section.hero.timeline .hero-content p {
    font-size: 15pt;
    line-height: 18pt;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

section.timeline-slider {
    padding: 15px 0 15px 0;
    text-align: center;
    background-color: #ffffff
}

section.timeline-slider ul {
    list-style-type: none;
    padding: 10px 0;
    margin: 0
}

section.timeline-slider ul li {
    display: inline;
    text-transform: uppercase;
    margin: 0 3.2%;
    min-width: 73px
}

section.timeline-slider ul li a {
    padding: 16px;
    color: #6D6D6D;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-size: 11pt;
    text-decoration: none
}

section.timeline-slider ul li a:hover {
    color: #000000
}

section.timeline-slider ul li a.mPS2id-highlight {
    background-image: url("https://ecoact.org/ea2017/wp-content/themes/ecoact2017/inc/img/timeline-slide-marker.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 24px;
    color: #000000
}

section.timeline-slider ul li sup {
    text-transform: lowercase
}

section.timeline-slider div.slidebar {
    background-color: #e3e3e3;
    border-radius: 7px;
    height: 11px;
    margin: auto;
    max-width: 910px;
    width: 80%
}

section.timeline-slider img.spacer {
    height: 48px;
    width: 6%
}

@media only screen and (max-width: 770px) {
    section.timeline-slider {
        display: none
    }
}

.timeline-container .container {
    margin-top: 40px;
    padding-left: 1em;
    padding-right: 1em;
    max-width: 67em;
    margin: auto
}

.timeline-container .year-one {
    text-align: center;
    max-width: 380px;
    margin: auto;
    border-bottom: 1px solid #cccccc;
    margin-top: 50px
}

.timeline-container .year-one h3 {
    color: #238dc1;
    font-size: 30pt;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

.timeline-container .year-one p {
    font-size: 15pt;
    line-height: 18pt
}

body.sticky .timeline-container {
    margin-top: 115px
}

.cd-timeline {
    position: relative;
    padding: 4.5em 0;
    margin-top: 0;
    margin-bottom: 0
}

.cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 1px;
    background: #aaaaaa
}

@media only screen and (min-width: 700px) {
    .cd-timeline::before {
        left: 50%;
        margin-left: -2px
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.cd-timeline-block.big-year {
    margin-top: 450px
}

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

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 70px !important
}

@media only screen and (min-width: 700px) {
    .cd-timeline-block {
        margin: 8em 0 0 0
    }
    .cd-timeline-block:first-child {
        margin-top: 0
    }
    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.event-date {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #ffffff;
    padding: 9px 0;
    font-size: 18pt;
    width: 67px
}

@media only screen and (min-width: 700px) {
    .event-date {
        left: 50%;
        margin-left: -35px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }
    .cssanimations .event-date.is-hidden {
        visibility: hidden
    }
    .cssanimations .event-date.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s
    }
}

.cd-timeline-block .large-image-container img {
    max-width: 100%
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    margin-top: 24px;
    background: white;
    padding: 1em;
    border-top: 1px solid #aaaaaa
}

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

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0
}

.cd-timeline-content p {
    font-size: 12pt;
    line-height: 17pt
}

@media only screen and (min-width: 700px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 20px 0;
        width: 45%;
        float: left;
        max-height: 450px;
        overflow: visible
    }
    .cd-timeline-content::before {
        top: 24px;
        left: 100%
    }
    .cd-timeline-block:nth-child(odd) img.small-float {
        float: left;
        position: relative;
        max-width: 150px;
        top: -55px
    }
    .cd-timeline-block:nth-child(odd) img.medium-float {
        float: left;
        position: relative;
        max-width: 200px;
        top: -80px
    }
    .cd-timeline-block:nth-child(odd) div.large-image-container {
        position: absolute;
        top: -226px;
        height: 250px;
        width: 45%;
        left: 0
    }
    .cd-timeline-block:nth-child(odd) div.large-image-container img {
        position: absolute;
        bottom: 0
    }
    .cd-timeline-block:nth-child(even) img.small-float {
        float: right;
        position: relative;
        max-width: 150px;
        top: -55px
    }
    .cd-timeline-block:nth-child(even) img.medium-float {
        float: right;
        position: relative;
        max-width: 200px;
        top: -80px
    }
    .cd-timeline-block:nth-child(even) div.large-image-container {
        position: absolute;
        top: -226px;
        height: 250px;
        width: 45%;
        right: 0
    }
    .cd-timeline-block:nth-child(even) div.large-image-container img {
        position: absolute;
        bottom: 0;
        max-height: 300px
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right
    }
    img.medium-float {
        width: 18%
    }
    .cd-timeline-content.medium-float {
        width: 27%
    }
    img.small-float {
        width: 15%
    }
    .cd-timeline-content.small-float {
        width: 31%
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%
    }
    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }
    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s
    }
}

div.timeline-outro {
    text-align: center;
    margin-bottom: 100px
}

div.timeline-outro p {
    font-size: 20px
}

div.timeline-outro img {
    margin-right: 0.5%;
    margin-bottom: 35px
}

@media all and (min-width: 401px) and (max-width: 770px) {
    section.hero.timeline {
        min-height: 380px;
        background-size: 250%
    }
    section.hero.timeline .hero-content h1 {
        font-size: 32pt;
        line-height: 34pt
    }
    section.hero.timeline .hero-content p {
        font-size: 14pt;
        line-height: 16pt
    }
    div.year-one {
        max-width: 100%
    }
    div.year-one p {
        max-width: 380px;
        margin: 0 auto;
        padding-bottom: 20px
    }
    .cd-timeline-block .event-date {
        width: 80%;
        position: initial;
        padding: 25px 10px 20px 10px;
        text-align: left;
        margin-left: 19px;
        border-top: 1px solid #aaaaaa;
        margin-top: 60px
    }
    .cd-timeline-block .cd-timeline-content {
        border: none;
        margin: 0px 5px 20px 30px;
        padding: 0 .5em .5em .5em
    }
    .cd-timeline-block img.small-float,
    .cd-timeline-block img.medium-float {
        margin: 0 auto;
        width: 150px;
        position: absolute;
        right: 0;
        top: -80px
    }
    .cd-timeline-block img.large-nofloat {
        margin: 0 auto;
        max-height: 100px;
        position: absolute;
        right: 0;
        top: -30px
    }
}

@media all and (max-width: 400px) {
    section.hero.timeline {
        min-height: 400px;
        background-size: 320%
    }
    section.hero.timeline .hero-content h1 {
        font-size: 22pt;
        line-height: 24pt
    }
    section.hero.timeline .hero-content p {
        font-size: 14pt;
        line-height: 16pt
    }
    .cd-timeline-block .event-date {
        width: 60%;
        position: initial;
        padding: 25px 10px 20px 10px;
        text-align: left;
        margin-left: 19px;
        border-top: 1px solid #aaaaaa
    }
    .cd-timeline-block .cd-timeline-content {
        border: none;
        margin: 0px 5px 20px 30px;
        padding: 0 .5em .5em .5em
    }
    .cd-timeline-block img.small-float,
    .cd-timeline-block img.medium-float {
        margin: 0 auto;
        width: 100px;
        position: absolute;
        right: 0;
        top: -30px
    }
    .cd-timeline-block img.large-nofloat {
        margin: 0 auto;
        width: 130px;
        position: absolute;
        right: 0;
        top: -30px
    }
}

.energy-audit .content {
    max-width: 1040px;
    margin: auto;
    padding-top: 80px
}

.energy-audit h1 {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px
}

.energy-audit .energy-audit-form {
    border: 1px solid #e9e9eb;
    border-radius: 5px;
    margin: 40px 0 40px 0;
    padding: 10px 30px
}

.energy-audit .energy-audit-form h3.gform_title {
    text-align: center;
    color: #109de9
}

.energy-audit .energy-audit-form .gfield_label {
    display: none !important
}

.energy-audit .energy-audit-form input[type=text],
.energy-audit .energy-audit-form input[type=email] {
    border-radius: 5px;
    padding: 7px 10px
}

.energy-audit section.outro {
    background: #ffffff;
    background: -moz-linear-gradient(top, #fff 0%, #fff 49%, #f1f1f3 52%, #f1f1f3 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #fff 49%, #f1f1f3 52%, #f1f1f3 100%);
    background: linear, to bottom, #fff 0%, #fff 49%, #f1f1f3 52%, #f1f1f3 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f3', GradientType=0);
    padding: 20px 0 40px 0
}

.energy-audit .energy-audit-circles {
    text-align: center
}

.energy-audit .energy-audit-circle {
    padding: 80px 20px 0 20px;
    width: 230px;
    height: 190px;
    display: inline-block;
    border: 6px solid #e9e9eb;
    border-radius: 100%;
    margin: 4%;
    text-align: center;
    color: #109de9;
    background-color: #ffffff
}

.energy-audit .energy-audit-circles .energy-audit-circle p {
    font-size: 17px;
    margin: 0
}

.energy-audit .energy-audit-form .gform_footer {
    text-align: center;
    margin: 30px 0 20px 0 !important
}

.energy-audit .energy-audit-form .gform_footer input {
    background-color: #00668f !important;
    border-radius: 20px !important;
    width: 200px !important;
    padding: 10px !important;
    height: 42px
}

#case-study-post .header {
    padding: 50px 15px 15px 15px;
    border-bottom: 1px solid #ccc
}

#case-study-post .header h1 {
    font-size: 28px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    max-width: 1400px;
    margin: auto
}

#case-study-post .case-study-description {
    padding: 15px;
    max-width: 1400px;
    margin: auto
}

#case-study-post .case-study-description .primary-image {
    float: right;
    padding-left: 25px;
    padding-bottom: 25px
}

#partners {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 80px;
    max-width: 1000px;
    margin: auto
}

#partners .entry-content {
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px
}

#partners h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px
}

#partners .partner {
    margin-top: 70px;
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle
}

#partners .partner img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .8;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#partners .partner img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1
}

#partners .partner.no-logo {
    font-size: 18px;
    padding: 0 10px !important;
    margin-top: 20px !important
}

#partners .partner.no-logo a {
    text-decoration: none;
    color: #5e5e5e
}

#partners .partner.no-logo a:hover {
    color: #000000
}

#partners .partner.no-logo:after {
    content: ", ";
    margin-left: -4px
}

#partners .partner.no-logo:last-of-type:after {
    content: none
}

.more-partners-button-container {
    display: block
}

#partners .button {
    max-width: 400px;
    margin: auto;
    margin-top: 60px;
    background-color: #8dc640
}

#partners .button:hover {
    background-color: #7bad38
}

.our-partners #partners {
    padding-top: 50px;
    max-width: 1400px
}

.our-partners #partners .partners {
    padding-bottom: 70px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px
}

.our-partners #partners .partner {
    margin-top: 70px;
    padding: 0 30px
}

#hero-careers {
    height: 270px
}

#hero-careers .hero-content {
    padding-top: 40px
}

.careers {
    margin-bottom: 90px
}

#hero-approach {
    height: 600px
}

#hero-approach .hero-content {
    padding-top: 50px
}

#hero-approach .hero-content p {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 26px;
    max-width: 950px
}

.change-acceleration-item:nth-child(odd) {
    background-color: #f6f6f6
}

.change-acceleration-item .container {
    max-width: 1400px;
    margin: auto;
    position: relative;
    padding-top: 40px
}

.change-acceleration-item:nth-child(odd) .image,
.change-acceleration-item:nth-child(odd) .content {
    float: left
}

.change-acceleration-item:nth-child(even) .image,
.change-acceleration-item:nth-child(even) .content {
    float: right
}

.change-acceleration-item .image,
.change-acceleration-item .content {
    width: 50%;
    display: inline-block
}

.change-acceleration-item img {
    max-width: 500px
}

.change-acceleration-item .content {
    position: absolute;
    top: 100px
}

.change-acceleration-item .content h2 {
    font-size: 34px;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

.change-acceleration-item .content h5 {
    font-size: 20px;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

.change-acceleration-item .content h2,
.change-acceleration-item .content h5,
.change-acceleration-item .content p {
    max-width: 450px
}

#approach-outro {
    background-size: cover;
    padding: 50px;
    color: #ffffff;
    text-align: center
}

#approach-outro h2 {
    font-size: 34px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    padding-bottom: 20px
}

.page-template-page-press-center .hero {
    height: 270px
}

.page-template-page-press-center .hero-content {
    padding-top: 100px
}

.press-main-content {
    text-align: center;
    padding: 65px 2%
}

.press-center-intro {
    border-bottom: 1px solid #f4f4f4;
    padding: 0 0 60px 0
}

.press-center-intro h2 {
    font-size: 28px;
    line-height: 32px
}

.press-center-intro p {
    font-size: 20px;
    color: #777777;
    margin: 0
}

.press-center-intro a {
    color: #8dc63f;
    text-decoration: underline
}

.press-center-entries {
    width: 90%;
    max-width: 1400px;
    margin: auto;
    margin-top: 30px
}

.press-center-entry {
    text-align: left;
    clear: both;
    display: inline-block;
    min-height: 200px;
    width: 100%
}

.press-center-entry img.press-center-thumbnail {
    float: left;
    margin-right: 35px;
    vertical-align: middle;
    width: 240px
}

.press-center-entry .press-center-entry-content {
    float: left;
    vertical-align: middle;
    max-width: 65%
}

.press-center-entry .press-center-entry-date {
    font-size: 14px;
    color: #919191
}

.press-center-entry a {
    text-decoration: none;
    color: #303030
}

.press-center-entry a:hover {
    color: #000000;
    text-decoration: underline
}

.press-center-entry h3 {
    font-size: 24px
}

.press-center-entry .press-center-entry-text {
    color: #777777
}

#press-release {
    max-width: 1400px;
    margin: auto;
    padding: 60px 0 80px 0
}

#press-release .header {
    width: 65%
}

#press-release .header .date {
    font-size: 16px;
    color: #919191
}

#press-release .header h1 {
    font-size: 40px;
    line-height: 46px;
    color: #303030;
    margin-bottom: 30px
}

#press-release .press-release-content {
    width: 60%;
    margin-right: 5%;
    float: left
}

#press-release .press-release-content .primary-image img {
    width: 100%;
    padding-bottom: 50px
}

#press-release .press-release-sidebar {
    width: 35%;
    float: right
}

#press-release .press-release-sidebar h3 {
    font-size: 28px;
    color: #8dc63f;
    font-weight: bold
}

#press-release .press-release-sidebar hr {
    margin: 25px 0
}

#press-release .press-release-sidebar-link a {
    display: block;
    text-decoration: none;
    color: #303030;
    border-radius: 10px
}

#press-release .press-release-sidebar-link a:hover {
    background-color: #eeeeee;
    color: #000000
}

#press-release .press-release-sidebar-link a span,
#press-release .press-release-sidebar-link a img {
    vertical-align: middle
}

#press-release .press-release-sidebar-link a img {
    padding: 5px
}

#press-release .press-release-sidebar-entry a {
    text-decoration: none;
    display: block;
    border-radius: 10px;
    color: #303030;
    min-height: 90px
}

#press-release .press-release-sidebar-entry a:hover {
    background-color: #eeeeee
}

#press-release .press-release-sidebar-entry img {
    width: 70px;
    float: left;
    padding-top: 10px;
    padding-right: 15px;
    vertical-align: middle
}

#press-release .press-release-sidebar-entry .date {
    font-size: 13px;
    color: #919191;
    padding-top: 5px
}

#press-release .press-release-sidebar-entry .title {
    font-weight: bold
}

.page-template-page-press-center-exec-bios .hero {
    height: 270px
}

.page-template-page-press-center-exec-bios .hero-content {
    padding-top: 100px
}

.press-center .press-bios-content {
    max-width: 450px;
    margin: auto;
    padding: 60px 0 90px 0
}

.press-center .executive-bio a {
    display: block;
    text-decoration: none;
    margin: 20px 0;
    border-radius: 10px;
    color: #404040
}

.press-center .executive-bio a:hover {
    background-color: #eeeeee
}

.press-center .executive-bio img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    display: inline;
    margin-right: 30px;
    vertical-align: middle
}

.press-center .executive-bio .content-container {
    display: inline-block;
    text-align: left;
    width: 200px
}

.press-center .executive-bio .content-container h3 {
    font-weight: bold
}

.press-story {
    max-width: 1400px;
    margin: auto;
    padding: 70px 0
}

.press-story .press-story-date {
    font-size: 14px;
    color: #919191
}

.press-story h1 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 30px
}

.press-story-main-content {
    float: left;
    width: 60%;
    margin-right: 5%
}

.press-story-sidebar {
    float: left;
    width: 35%
}

.press-story-sidebar h2 {
    font-size: 28px;
    line-height: 32px;
    color: #8dc63f;
    font-weight: bold
}

.press-story-sidebar ul {
    list-style-type: none;
    margin: 10px 0 !important
}

.press-story-sidebar li {
    padding: 10px
}

.press-story-sidebar li img {
    vertical-align: middle;
    padding-right: 15px
}

.press-story-sidebar li a {
    color: #303030;
    text-decoration: none
}

.press-story-sidebar li a:hover {
    text-decoration: underline;
    color: #000000
}

.page-template-page-energy-connect section.hero {
    height: 600px
}

.page-template-page-energy-connect section.hero .hero-content {
    padding-top: 250px
}

.page-template-page-energy-connect section.hero .hero-content h1 {
    font-size: 40px;
    line-height: 40px;
    text-align: center
}

.page-template-page-energy-connect section.hero .hero-content .intro-small-text {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase
}

.energy-connect {
    margin-bottom: -16px
}

.energy-connect #intro {
    padding: 40px 15px 0 15px;
    max-width: 1400px;
    margin: auto
}

.energy-connect #intro .image-area {
    width: 50%;
    float: left
}

.energy-connect #intro .image-area img {
    width: 100%;
    vertical-align: bottom
}

.energy-connect #intro .content {
    width: 40%;
    float: right;
    padding-left: 4%;
    padding-right: 6%
}

.energy-connect #intro .content h1 {
    font-size: 35px;
    line-height: 40px;
    padding: 100px 0 25px 0
}

.energy-connect #common-questions {
    clear: both;
    background-size: cover
}

.energy-connect #common-questions .content {
    max-width: 1400px;
    margin: auto;
    padding: 120px 10px
}

.energy-connect #common-questions .content h2 {
    font-size: 32px;
    color: #ffffff;
    max-width: 700px;
    margin: auto;
    line-height: 36px;
    text-align: center;
    padding-bottom: 50px
}

.energy-connect #common-questions .content .questions {
    padding-bottom: 120px
}

.energy-connect #common-questions .content .questions .question {
    width: 29%;
    padding: 0 2%;
    color: #ffffff;
    float: left;
    text-align: center
}

.energy-connect #common-questions .content .questions::after {
    clear: both
}

.energy-connect #real-numbers {
    clear: both;
    max-width: 1400px;
    margin: auto
}

.energy-connect #real-numbers .content {
    width: 60%;
    float: left;
    padding-left: 6%;
    padding-right: 4%;
    padding-bottom: 5%
}

.energy-connect #real-numbers .content h2 {
    font-size: 32px;
    line-height: 40px;
    padding: 100px 0 25px 0
}

.energy-connect #real-numbers .image-area {
    width: 30%;
    float: right
}

.energy-connect #real-numbers .image-area img {
    border: #f3f3f3 solid 20px;
    border-radius: 100%;
    max-width: 450px;
    max-height: 450px;
    width: 100%;
    height: 100%;
    margin: 100px 0 55px 0
}

.energy-connect #case-study {
    background-color: #f7f7f7;
    padding: 80px 0;
    clear: both;
    width: 100%;
    min-height: 350px
}

.energy-connect #case-study .container {
    max-width: 1000px;
    margin: auto
}

.energy-connect #case-study .image-container {
    width: 50%;
    float: left;
    height: 350px;
    background-size: cover;
    background-position: 50%
}

.energy-connect #case-study .content-container {
    width: 43%;
    margin-left: 7%;
    float: right
}

.energy-connect #case-study .content-container .category {
    font-size: 12px;
    text-transform: uppercase;
    color: #8cc641;
    font-weight: bold
}

.energy-connect #case-study .content-container .title {
    font-size: 32px;
    color: #303030;
    text-decoration: none;
    line-height: 32px
}

.energy-connect #case-study .content-container .text-content {
    margin-top: 10px
}

.energy-connect #case-study a.read-more {
    text-decoration: none;
    color: #8cc641;
    font-weight: bold
}

.energy-connect #case-study a.read-more:hover {
    text-decoration: underline
}

.energy-connect #case-study-slider {
    background-color: #f7f7f7;
    padding: 80px 0;
    clear: both;
    width: 100%;
    min-height: 350px
}

.energy-connect #case-study-slider .container .slideshow {
    max-width: 1000px;
    margin: auto
}

.energy-connect #case-study-slider .container .slideshow .slide-arrows li {
    top: 40%
}

.energy-connect #case-study-slider .container .slideshow .slide-arrows li#prev {
    left: 0
}

.energy-connect #case-study-slider .container .slideshow .slide-arrows li#next {
    right: 0
}

.energy-connect #case-study-slider .container .slideshow .slide {
    display: table-row !important;
    height: initial
}

.energy-connect #case-study-slider .container .slideshow .slide .image {
    height: 400px;
    width: 500px;
    display: table-cell;
    background-size: cover;
    background-position: 50%
}

.energy-connect #case-study-slider .container .slideshow .slide .content {
    display: table-cell;
    background-color: #ffffff;
    max-width: 400px;
    padding: 50px;
    text-align: left
}

.energy-connect #case-study-slider .content .category {
    font-size: 12px;
    text-transform: uppercase;
    color: #8cc641;
    font-weight: bold
}

.energy-connect #case-study-slider .content .title {
    font-size: 32px;
    color: #303030;
    text-decoration: none;
    line-height: 32px;
    padding-bottom: 10px
}

.energy-connect #case-study-slider a.read-more {
    text-decoration: none;
    color: #8cc641;
    font-weight: bold
}

.energy-connect #contact-us-module {
    clear: both;
    background-size: cover
}

.energy-connect #contact-us-module .contact-us-module-content {
    max-width: 900px;
    margin: auto
}

.energy-connect #contact-us-module .contact-us-module-content .intro {
    color: #303030;
    text-align: center;
    max-width: 600px;
    margin: auto;
    padding-top: 90px
}

.energy-connect #contact-us-module .contact-us-module-content .intro h2 {
    font-size: 28px;
    color: #303030
}

.energy-connect #contact-us-module .contact-us-module-content label {
    display: none
}

.energy-connect #contact-us-module .contact-us-module-content input {
    border-radius: 0;
    padding: 15px
}

.energy-connect #contact-us-module .contact-us-module-content .ginput_recaptcha {
    width: 305px;
    margin: auto
}

.energy-connect #contact-us-module .contact-us-module-content .gform_footer {
    text-align: center;
    padding-bottom: 90px
}

.energy-connect #contact-us-module .contact-us-module-content .gform_footer input#gform_submit_button_9 {
    border-radius: 20px;
    padding: 20px 50px;
    background-color: #00668f;
    border: 0;
    box-shadow: none
}

.page-template-page-energy-connect-sub section.hero {
    height: 600px
}

.page-template-page-energy-connect-sub section.hero .hero-content {
    padding-top: 250px
}

.page-template-page-energy-connect-sub section.hero .hero-content h1 {
    font-size: 65px;
    line-height: 45px;
    text-align: center
}

.page-template-page-energy-connect-sub section.hero .hero-content .intro-small-text {
    font-size: 20px;
    text-transform: uppercase
}

.energy-connect-sub {
    margin-bottom: -16px
}

.energy-connect-sub #intro {
    text-align: center;
    max-width: 800px;
    margin: auto;
    padding-top: 45px;
    padding-bottom: 75px
}

.energy-connect-sub #intro h6 {
    font-size: 18px;
    color: #8dc63f;
    text-transform: uppercase;
    font-weight: bold;
    padding: 25px 0 15px 0
}

.energy-connect-sub #intro h2 {
    font-size: 28px;
    padding-bottom: 25px;
    max-width: 600px;
    margin: auto
}

.energy-connect-sub #infobox {
    max-width: 1400px;
    margin: auto;
    margin-bottom: 100px
}

.energy-connect-sub #infobox .content {
    display: table-row
}

.energy-connect-sub #infobox .content .text {
    width: 50%;
    padding: 5%;
    display: table-cell;
    background-color: #00668f;
    color: #ffffff
}

.energy-connect-sub #infobox .content .image {
    width: 50%;
    background-size: cover;
    background-position: 50%;
    display: table-cell
}

.energy-connect-sub .prevNextLinksWrapper {
    max-width: 750px;
    margin: auto;
    margin-bottom: 100px
}

.energy-connect-sub #prevNextLinks {
    text-align: center;
    display: table-row
}

.energy-connect-sub #prevNextLinks #prevLink {
    background-color: #8dc63f;
    width: 48%;
    margin: 1%;
    display: table-cell;
    text-decoration: none
}

.energy-connect-sub #prevNextLinks #prevLink .image {
    width: 120px;
    height: 120px;
    display: table-cell;
    background-size: cover;
    background-position: 50%
}

.energy-connect-sub #prevNextLinks #prevLink .image .overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4)
}

.energy-connect-sub #prevNextLinks #prevLink .image .overlay img {
    padding-top: 44px
}

.energy-connect-sub #prevNextLinks #prevLink p {
    display: table-cell;
    width: 230px;
    text-align: left;
    vertical-align: middle;
    padding-left: 25px;
    color: #ffffff
}

.energy-connect-sub #prevNextLinks #prevLink .linkDirection {
    text-transform: uppercase;
    font-weight: bold
}

.energy-connect-sub #prevNextLinks #prevLink:hover .image .overlay {
    background-color: transparent
}

.energy-connect-sub #prevNextLinks #nextLink {
    background-color: #8dc63f;
    width: 48%;
    margin: 1%;
    display: table-cell;
    text-decoration: none
}

.energy-connect-sub #prevNextLinks #nextLink .image {
    width: 120px;
    height: 120px;
    display: table-cell;
    background-size: cover;
    background-position: 50%
}

.energy-connect-sub #prevNextLinks #nextLink .image .overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4)
}

.energy-connect-sub #prevNextLinks #nextLink .image .overlay img {
    padding-top: 44px
}

.energy-connect-sub #prevNextLinks #nextLink p {
    display: table-cell;
    width: 230px;
    text-align: left;
    vertical-align: middle;
    padding-left: 25px;
    color: #ffffff
}

.energy-connect-sub #prevNextLinks #nextLink .linkDirection {
    text-transform: uppercase;
    font-weight: bold
}

.energy-connect-sub #prevNextLinks #nextLink:hover .image .overlay {
    background-color: transparent
}

.energy-connect-sub #case-study {
    background-color: #f7f7f7;
    padding: 80px 0;
    clear: both;
    width: 100%;
    min-height: 350px
}

.energy-connect-sub #case-study .container {
    max-width: 1000px;
    margin: auto
}

.energy-connect-sub #case-study .image-container {
    width: 50%;
    float: left;
    height: 350px;
    background-size: cover;
    background-position: 50%
}

.energy-connect-sub #case-study .content-container {
    width: 43%;
    margin-left: 7%;
    float: right
}

.energy-connect-sub #case-study .content-container .category {
    font-size: 12px;
    text-transform: uppercase;
    color: #8cc641;
    font-weight: bold
}

.energy-connect-sub #case-study .content-container .title {
    font-size: 32px;
    color: #303030;
    text-decoration: none;
    line-height: 32px
}

.energy-connect-sub #case-study .content-container .text-content {
    margin-top: 10px
}

.energy-connect-sub #case-study a.read-more {
    text-decoration: none;
    color: #8cc641;
    font-weight: bold
}

.energy-connect-sub #case-study a.read-more:hover {
    text-decoration: underline
}

.energy-connect-sub #contact-us-module {
    clear: both;
    background-size: cover
}

.energy-connect-sub #contact-us-module .contact-us-module-content {
    max-width: 900px;
    margin: auto
}

.energy-connect-sub #contact-us-module .contact-us-module-content .intro {
    color: #303030;
    text-align: center;
    max-width: 600px;
    margin: auto;
    padding-top: 90px
}

.energy-connect-sub #contact-us-module .contact-us-module-content .intro h2 {
    font-size: 28px;
    color: #303030
}

.energy-connect-sub #contact-us-module .contact-us-module-content label {
    display: none
}

.energy-connect-sub #contact-us-module .contact-us-module-content input {
    border-radius: 0;
    padding: 15px
}

.energy-connect-sub #contact-us-module .contact-us-module-content .ginput_recaptcha {
    width: 305px;
    margin: auto
}

.energy-connect-sub #contact-us-module .contact-us-module-content .gform_footer {
    text-align: center;
    padding-bottom: 90px
}

.energy-connect-sub #contact-us-module .contact-us-module-content .gform_footer input#gform_submit_button_9 {
    border-radius: 20px;
    padding: 20px 50px;
    background-color: #00668f;
    border: 0;
    box-shadow: none
}

.page-template-page-get-involved .hero {
    height: 700px
}

.page-template-page-get-involved .hero-content {
    padding-top: 250px
}

.page-template-page-get-involved .hero-content p {
    max-width: 700px
}

.get-involved #intro {
    max-width: 600px;
    text-align: center;
    font-size: 18px;
    margin: auto;
    padding: 60px 10px;
    color: #777777
}

.get-involved #intro h2 {
    font-size: 28px;
    color: #303030
}

.get-involved #campaigns-wrapper {
    max-width: 1000px;
    margin: auto;
    padding-bottom: 50px
}

.get-involved #campaigns-wrapper .campaigns .campaign {
    border-top: 1px #ccc solid;
    clear: both
}

.get-involved #campaigns-wrapper .campaigns .campaign .campaign-image-wrapper {
    width: 45%;
    float: left
}

.get-involved #campaigns-wrapper .campaigns .campaign .campaign-image-wrapper .campaign-image {
    border-radius: 100%;
    height: 400px;
    width: 400px;
    background-size: cover;
    margin: 25px
}

.get-involved #campaigns-wrapper .campaigns .campaign .campaign-content {
    width: 51%;
    float: right;
    margin: 5% 2%
}

.get-involved #campaigns-wrapper .campaigns .campaign .campaign-content p {
    padding-left: 20px;
    color: #474747
}

.get-involved #campaigns-wrapper .campaigns .campaign .campaign-content a {
    margin-left: 20px;
    background-color: #8dc640
}

.get-involved #campaigns-wrapper .campaigns .campaign .campaign-content a:hover {
    background-color: #7bad38
}

.get-involved #take-action {
    clear: both;
    background-size: cover;
    padding-bottom: 70px
}

.get-involved #take-action .take-action-intro {
    color: #ffffff;
    text-align: center;
    padding: 80px 0 40px 0
}

.get-involved #take-action .take-action-intro h2 {
    font-size: 32px
}

.get-involved #take-action .actions {
    max-width: 1000px;
    margin: auto;
    text-align: center
}

.get-involved #take-action .actions .action {
    max-width: 315px;
    display: inline-block;
    margin: 0 6px 40px 6px;
    background-color: #ffffff;
    text-decoration: none;
    box-shadow: 1px 5px 10px #444444
}

.get-involved #take-action .actions .action .action-image {
    height: 200px;
    background-size: cover
}

.get-involved #take-action .actions .action .action-content {
    text-align: left;
    padding: 15px;
    color: #474747
}

.get-involved #take-action .actions .action .action-content h3 {
    font-size: 24px
}

.get-involved #take-action .actions .action .action-content p {
    font-size: 15px;
    color: #474747
}

.get-involved #stay-informed .content {
    max-width: 1000px;
    margin: auto;
    padding: 60px 0
}

.get-involved #stay-informed .content .stay-informed-logo {
    width: 40%;
    float: left;
    margin-bottom: 50px
}

.get-involved #stay-informed .content .stay-informed-logo img {
    max-width: 100%
}

.get-involved #stay-informed .content .stay-informed-content {
    width: 60%;
    float: left;
    padding-top: 30px
}

.get-involved #stay-informed .content .stay-informed-content h2 {
    font-size: 28px
}

.get-involved #stay-informed .content .stay-informed-content p {
    font-size: 18px;
    color: #777777
}

.get-involved #stay-informed input[type=email] {
    width: 80%;
    border-radius: 20px;
    padding: 9px 4%;
    font-style: italic;
    margin-top: 10px;
    background: #fff url(inc/img/icon-green-arrow.png) no-repeat right 2px top 2px;
    font-size: 16px
}

.page-template-page-opn section.hero {
    height: 700px
}

.page-template-page-opn section.hero .hero-content {
    padding-top: 250px;
    max-width: 800px;
    margin: auto;
    position: relative
}

.page-template-page-opn section.hero .hero-content h1 {
    font-size: 65px;
    line-height: 70px;
    text-align: center
}

.page-template-page-opn section.hero .hero-content h6 {
    font-size: 22px;
    line-height: 36px;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-style: italic;
    max-width: initial
}

.opn {
    margin-bottom: -16px
}

.opn #intro {
    padding: 90px 15px 0 15px;
    max-width: 900px;
    margin: auto
}

.opn #intro .image-area {
    width: 29%;
    float: left
}

.opn #intro .image-area img {
    width: 100%;
    vertical-align: bottom;
    padding-top: 60px;
    max-width: 200px
}

.opn #intro .content {
    width: 60%;
    float: right;
    padding-left: 6%;
    padding-right: 4%;
    margin-bottom: 80px;
    font-size: 18px;
    line-height: 25px;
    border-left: 1px solid #cccccc
}

.opn #intro .content h2 {
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 15px
}

.opn #benefits {
    clear: both;
    max-width: 1100px;
    margin: auto;
    border-bottom: 1px solid #cccccc;
    text-align: center
}

.opn #benefits .benefit {
    width: 20%;
    padding: 2% 2% 50px 2%;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.opn #benefits .benefit h3 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px
}

.opn #register-now {
    clear: both;
    max-width: 1100px;
    margin: auto;
    border-bottom: 1px solid #cccccc;
    text-align: center
}

.opn #register-now .content {
    padding: 80px 0
}

.opn #how-it-works {
    max-width: 1000px;
    margin: auto;
    text-align: center
}

.opn #how-it-works .intro {
    max-width: 600px;
    margin: auto;
    padding-bottom: 50px
}

.opn #how-it-works .intro h2 {
    font-size: 28px;
    margin-top: 70px;
    margin-bottom: 15px
}

.opn #how-it-works .how-it-works-step {
    display: inline-block;
    max-width: 250px;
    margin: 0 40px;
    vertical-align: top;
    text-align: center
}

.opn #how-it-works .how-it-works-step h3 {
    font-weight: bold;
    font-size: 18px;
    padding-top: 20px
}

.opn #how-it-works .how-it-works-step .how-it-works-step-img {
    background-size: cover;
    width: 230px;
    height: 230px;
    border: 10px solid #eeeeee;
    border-radius: 100%;
    background-position: 50%
}

.opn #how-it-works .how-it-works-step .how-it-works-step-img p {
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 85px
}

.opn #partner-testimonials {
    margin-top: 50px;
    text-align: center
}

.opn #partner-testimonials .content {
    padding: 80px 0
}

.opn #partner-testimonials .content .intro h2 {
    font-size: 32px;
    color: #ffffff
}

.opn #partner-testimonials .content .slideshow {
    max-width: 900px;
    margin: auto;
    padding-top: 30px
}

.opn #partner-testimonials .content .slideshow .cycle-slideshow {
    overflow: visible !important
}

.opn #partner-testimonials .content .slideshow .slide-arrows li {
    top: 40%
}

.opn #partner-testimonials .content .slideshow .slide-arrows li#prev {
    left: 0
}

.opn #partner-testimonials .content .slideshow .slide-arrows li#next {
    right: 0
}

.opn #partner-testimonials .content .slideshow .slide {
    display: table-row !important;
    height: initial
}

.opn #partner-testimonials .content .slideshow .slide .image {
    display: table-cell;
    width: 400px;
    background-size: cover;
    background-position: 50%
}

.opn #partner-testimonials .content .slideshow .slide .content {
    background-color: #ffffff;
    display: table-cell;
    max-width: 400px;
    padding: 50px;
    text-align: left
}

.opn #partner-testimonials .content .slideshow .slide .content h3 {
    font-size: 24px;
    padding-bottom: 10px
}

.opn #contact-us-module {
    background-color: #8dc63f;
    text-align: center
}

.opn #contact-us-module .contact-us-module-content {
    padding: 80px 0
}

.opn #contact-us-module .intro {
    color: #ffffff
}

.opn #contact-us-module .intro h2 {
    font-size: 28px;
    color: #303030
}

.opn #contact-us-module .gform_wrapper {
    max-width: 900px;
    margin: auto
}

.opn #contact-us-module .gform_wrapper label.gfield_label {
    display: none
}

.opn #contact-us-module .gform_wrapper input[type=text] {
    border-radius: 0;
    padding: 20px
}

.opn #contact-us-module .gform_wrapper input[type=submit] {
    background-color: #00668f;
    border: none;
    padding: 20px 60px;
    box-shadow: none
}

.opn #contact-us-module .gform_wrapper .ginput_recaptcha {
    width: 300px;
    margin: auto
}

.opn #contact-us-module .gform_wrapper .gform_footer.top_label {
    text-align: center
}

.opn #contact-us-module .gform_wrapper input[type=submit]:hover {
    background-color: #025373
}

.thank-you-content h4 {
    font-size: 25px;
    margin: 0 0 12px 0;
    font-family: 'trade-gothic-next-condensed', sans-serif
}

.page-template-default .volunteer {
    max-width: 1400px;
    padding: 50px;
    margin: auto
}

.page-template-page-volunteer .hero-content h6 {
    max-width: 750px
}

.volunteer #volunteer-intro {
    margin: 80px auto;
    max-width: 600px;
    font-size: 18px;
    color: #777777;
    text-align: center
}

.volunteer #volunteer-intro h2 {
    font-size: 28px;
    color: #303030
}

.volunteer #volunteer-categories {
    max-width: 1400px;
    margin: auto
}

.volunteer .volunteer-category {
    border-top: 1px solid #cccccc;
    padding: 80px 0;
    clear: both;
    display: inline-block
}

.volunteer .volunteer-category .category-content {
    width: 40%;
    float: left;
    padding-right: 10%
}

.volunteer .volunteer-category .category-content h3 {
    padding-top: 35px;
    font-size: 24px;
    font-weight: bold
}

.volunteer .volunteer-category .category-content .volunteer-category-image {
    width: 380px;
    height: 380px;
    border: 10px solid #eeeeee;
    border-radius: 100%;
    background-size: cover;
    background-position: 50%
}

.volunteer .volunteer-category .category-content .button {
    background-color: #8dc63f;
    margin: 0 0 80px 0
}

.volunteer .volunteer-category .category-content .button:hover {
    background-color: #78af2c
}

.volunteer .volunteer-category .category-items {
    float: right;
    width: 50%;
    margin-bottom: 50px;
    border-bottom: 1px solid #919191
}

.volunteer .volunteer-category .accordion {
    font-size: 24px;
    padding: 24px 10px;
    border-top: 1px solid #919191;
    cursor: pointer;
    transition: 0.4s
}

.volunteer .volunteer-category .active {
    border-bottom: 1px solid #919191
}

.volunteer .volunteer-category .accordion:hover {
    background-color: #eeeeee
}

.volunteer .volunteer-category .accordion:after {
    content: "\002B";
    font-weight: bold;
    float: right
}

.volunteer .volunteer-category .active:after {
    content: "\2212"
}

.volunteer .volunteer-category .category-items .panel {
    color: #777777;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out
}

.volunteer .volunteer-category .category-items .panel .panel-content {
    padding-top: 35px;
    padding-bottom: 35px
}

.volunteer #contact-us-band {
    background-color: #8dc63f;
    clear: both
}

.volunteer #contact-us-band .content {
    max-width: 900px;
    margin: auto
}

.volunteer #contact-us-band .content .intro {
    color: #ffffff;
    text-align: center;
    max-width: 600px;
    margin: auto;
    padding-top: 90px;
    font-size: 18px
}

.volunteer #contact-us-band .content .intro h3 {
    font-size: 28px;
    color: #303030
}

.volunteer #contact-us-band .content input {
    border-radius: 0;
    padding: 15px
}

.volunteer #contact-us-band .content .ginput_recaptcha {
    width: 305px;
    margin: auto
}

.volunteer #contact-us-band .content .gform_wrapper {
    margin: 0
}

.volunteer #contact-us-band .content .gform_footer {
    text-align: center;
    padding-bottom: 90px
}

.volunteer #field_3_21 {
    text-align: center
}

.volunteer #contact-us-band .content .gform_footer input#gform_submit_button_3 {
    border-radius: 20px;
    padding: 20px 50px;
    background-color: #00668f;
    border: 0;
    box-shadow: none
}

.volunteer #contact-us-band .content .gform_footer input#gform_submit_button_3:hover {
    background-color: #037eaf
}

.volunteer .fancy-checkbox input[type=checkbox] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.volunteer .fancy-checkbox input[type=checkbox]+.volunteer .fancy-checkbox div label {
    padding-left: 35px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer
}

.volunteer .fancy-checkbox input[type=checkbox]:checked+label {
    background-position: 0 -30px
}

.volunteer .fancy-checkbox input[type=checkbox]:checked+.volunteer .fancy-checkbox div label {
    background-position: 0 -30px
}

.volunteer .fancy-checkbox div label {
    background-image: url(inc/img/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 40px !important;
    background-repeat: no-repeat;
    line-height: 30px !important
}

.volunteer .fancy-radio input[type=radio] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.volunteer .fancy-radio input[type=radio]+.volunteer .fancy-radio div label {
    padding-left: 35px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer
}

.volunteer .fancy-radio input[type=radio]:checked+label {
    background-position: 0 -30px
}

.volunteer .fancy-radio input[type=radio]:checked+.volunteer .fancy-radio div label {
    background-position: 0 -30px
}

.volunteer .fancy-radio div label {
    background-image: url(inc/img/radio-button.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 40px !important;
    background-repeat: no-repeat;
    line-height: 30px !important
}

.gform_footer input[type=submit] {
    border-radius: 20px;
    padding: 8px 15px;
    background: #8dc63f;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: inherit
}

.gform_body .hide-title label.gfield_label {
    display: none !important
}

.page-template-page-contact-us label[for="input_5_6"],
.page-template-page-contact-us label[for="input_16_6"] {
    text-align: center;
    width: 100%
}

.page-template-page-contact-us div#input_5_6 div,
.page-template-page-contact-us div#input_16_6 div {
    margin: auto
}

.page-template-page-contact-us .gform_footer.top_label {
    text-align: center
}

#main-footer {
    background-color: #004e6d;
    color: #fff;
    font-size: .8rem;
    font-family: "roboto", Helvetica, sans-serif;
    font-weight: bold;
    clear: both;
    padding-bottom: 53px
}

#main-footer .footer-wrapper {
    padding-top: 34px
}

#main-footer .footer-logo {
    max-width: 175px !important
}

#main-footer a {
    text-decoration: none;
    font-family: "roboto", Helvetica, sans-serif;
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
}

#main-footer a:hover {
    color: #fff;
    text-decoration: underline
}

#main-footer .social-icons a {
    display: block;
    width: 47px;
    height: 47px
}

#main-footer .social-icons a:hover {
    opacity: 0.6;
    text-decoration: none;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

#main-footer .social-icons .list-inline-item:not(:last-child) {
    margin-right: 1rem
}

#main-footer ul.menu {
    list-style-type: none;
}

@media only screen and (max-width: 600px) {
    #main-footer ul.menu {
        padding: 0
    }
}
#main-footer h3 {
    font-family: "roboto", Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-size: 14px
}

#main-footer .footer-lower-links a {
    margin-right: 1.5rem;
    font-weight: bold
}

#main-footer .footer-lower-links a:hover {
    text-decoration: underline
}

.footer-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 2%
}

.footer-quarter {
    width: 20%;
    float: right;
    margin-left: 3%
}

.footer-quarter:first-of-type {
    width: 23%;
    float: left
}

.footer-quarter:nth-of-type(2) {
    width: 25%;
    float: right
}

.footer-social {
    color: transparent;
    min-width: 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-top: 20px;
    margin-right: 5px;
    vertical-align: top
}

.footer-social.facebook {
    background: url(inc/img/template-sprite.png) 0px 50px
}

.footer-social.facebook:hover {
    background: url(inc/img/template-sprite.png) 0px 0px
}

.footer-social.instagram {
    background: url(inc/img/template-sprite.png) -50px 50px
}

.footer-social.instagram:hover {
    background: url(inc/img/template-sprite.png) -50px 0px
}

.footer-social.youtube {
    background: url(inc/img/template-sprite.png) -100px 50px
}

.footer-social.youtube:hover {
    background: url(inc/img/template-sprite.png) -100px 0px
}

.footer-social.eco {
    background: url(inc/img/template-sprite.png) -150px 50px
}

.footer-social.eco:hover {
    background: url(inc/img/template-sprite.png) -150px 0px
}

.footer-social:hover {
    color: transparent
}

.footer-lower {
    clear: both;
    padding-top: 15px
}

.footer-lower-left {
    font-size: 12px;
    float: left;
    width: 60%;
    padding-top: 65px
}

.footer-lower-right {
    float: right;
    width: 40%
}

.footer-button {
    margin: 0 !important;
    width: 90%;
    padding: 2% 4%;
    font-style: italic;
    background: #fff url(inc/img/icon-green-arrow.png) no-repeat right 1px;
    line-height: 16px;
    border: 1px solid #ccc;
    color: #888888;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -1px
}

.footer-button:hover {
    background-color: #c6e797;
    color: #666666
}

.footer-lower-right input[type=text] {
    width: 90%;
    border-radius: 20px;
    padding: 9px 4%;
    font-style: italic;
    margin-top: 10px;
    background: #fff url(inc/img/icon-mag-glass.png) no-repeat right 2px top 2px;
    font-size: 16px
}

.footer-lower-right input[type=email] {
    width: 71%;
    border-radius: 20px 0 0 20px;
    padding: 9px 4%;
    font-style: italic;
    margin-top: 10px;
    font-size: 16px
}

.footer-lower-right button#_form_49_submit {
    background-color: #8cc63f;
    padding: 10px 20px;
    border: 0;
    border-radius: 0 20px 20px 0;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: none;
    display: inline-block;
    margin: 0;
    margin-left: -5px;
    font-size: 15px !important;
    line-height: 18px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 1120px) {
    .footer-lower-right input[type=email],
    .footer-lower-right button#_form_49_submit {
        border-radius: 20px
    }
}

#catalyst-main {
    margin-bottom: 90px
}

#catalyst-promospot {
    height: 500px
}

#catalyst-promospot .slide-hover {
    position: relative
}

#catalyst-promospot .slide-hover .slide-arrows {
    position: absolute;
    top: 50px;
    width: 100%
}

#catalyst-promospot .slide-hover .cycle-slideshow {
    height: 500px
}

#catalyst-promospot .slide-wrap .slide {
    width: 1000px;
    height: 500px;
    background-size: cover;
    padding: 70px 80px;
    color: #ffffff;
    vertical-align: top
}

#catalyst-promospot .slide-wrap .slide a {
    color: #ffffff;
    text-decoration: none
}

#catalyst-promospot .slide-wrap .slide .promo-content {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    max-width: 700px
}

#catalyst-promospot .slide-wrap .slide h3 {
    font-size: 40px;
    line-height: 46px;
    white-space: normal;
    max-width: 700px
}

#catalyst-promospot .slide-wrap .slide .date,
#catalyst-promospot .slide-wrap .slide .comments {
    display: inline;
    font-size: 14px
}

#catalyst-promospot .slide-wrap .slide .date:after {
    content: "\2022";
    padding-left: 10px;
    padding-right: 10px
}

#catalyst-intro {
    text-align: center;
    padding: 80px;
    background-color: #f4f4f4
}

#catalyst-intro .container {
    max-width: 750px;
    margin: auto
}

#catalyst-intro .logo {
    width: 190px;
    height: 100px;
    padding-right: 20px;
    vertical-align: middle
}

#catalyst-intro .intro-content {
    border-left: 1px solid #ccc;
    padding-left: 20px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #777777;
    max-width: 475px
}

#catalyst-intro .intro-content p {
    margin-bottom: 0
}

.catalyst-intro-after {
    text-align: center;
    width: 100%
}

#catalyst-nav .subnav {
    height: 60px;
    padding-top: 20px;
    text-align: center;
    background-color: #ffffff
}

.menu-catalyst-container,
.menu-catalyst-container #menu-catalyst {
    display: inline
}

#catalyst-entries {
    max-width: 1400px;
    text-align: center;
    margin: auto
}

#catalyst-entry {
    width: 380px;
    height: 520px;
    margin: 8px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative
}

#catalyst-entry .image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: 50%
}

#catalyst-entry .category {
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0 5px 0;
    font-size: 12px
}

#catalyst-entry .category-Energy {
    color: #8dc63f
}

#catalyst-entry .category-Water {
    color: #238dc1
}

#catalyst-entry .category-Transportation {
    color: #00668f
}

#catalyst-entry .category-Community {
    color: #009dac
}

#catalyst-entry .title {
    text-decoration: none
}

#catalyst-entry .title h2 {
    font-size: 24px;
    line-height: 30px;
    color: #303030;
    padding-bottom: 15px;
    padding-right: 25px
}

#catalyst-entry .date {
    color: #919191;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 15px
}

#catalyst-entry .content {
    color: #474747;
    font-size: 14px;
    line-height: 22px;
    padding-right: 25px
}

#catalyst-entry .read-more {
    position: absolute;
    bottom: 0
}

#catalyst-entry .read-more a {
    font-family: 'trade-gothic-next-condensed';
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    background-color: #8dc640;
    background-position-x: 15px;
    background-position-y: 12px;
    padding-left: 45px;
    color: #ffffff;
    margin-left: 0px
}

#catalyst-entry .read-more.none a {
    background-image: url("inc/img/catayst-read-more-article_white.png")
}

#catalyst-entry .read-more.gallery a {
    background-image: url("inc/img/catayst-read-more-gallery_white.png")
}

#catalyst-entry .read-more.video a,
#catalyst-entry .read-more.video-youtube a {
    background-image: url("inc/img/catayst-read-more-video_white.png")
}

#catalyst-entry .read-more a:hover {
    background-color: #7bad38
}

#catalyst-see-more {
    text-align: center;
    padding: 20px
}

#catalyst-main .hero {
    height: 235px;
    margin-bottom: 40px
}

#catalyst-main .hero-content {
    padding-top: 75px
}

#catalyst-post {
    max-width: 1400px;
    margin: auto
}

hr.clear {
    clear: both;
    border-bottom: 1px solid #d9d9d9;
    height: 0
}

#catalyst-post .title {
    padding: 0px 0 30px 0;
    font-size: 40px;
    max-width: 750px;
    line-height: 46px;
    letter-spacing: -1px
}

#catalyst-post strong {
    font-family: 'trade-gothic-next-condensed', sans-serif
}

#catalyst-post .author,
#catalyst-post .date,
#catalyst-post .comments {
    float: left;
    padding-right: 10px;
    font-size: 14px
}

#catalyst-post .author::after,
#catalyst-post .date::after {
    content: "\2022";
    padding-left: 10px;
    color: #909090
}

#catalyst-post .date {
    color: #909090
}

#catalyst-post .author,
#catalyst-post .comments,
#catalyst-post .comments a {
    color: #303030
}

#catalyst-post .primary-image img {
    width: 100%;
    margin-bottom: 45px
}

#catalyst-post .catalyst-content {
    width: 71%;
    display: inline-block;
    float: left;
    clear: both;
    margin-bottom: 90px
}

#catalyst-post h1 {
    font-size: 40px;
    line-height: 42px
}

#catalyst-post h2 {
    font-size: 36px
}

#catalyst-post h3 {
    font-size: 28px
}

#catalyst-post h4 {
    font-size: 24px
}

#catalyst-post h5 {
    font-size: 20px
}

#catalyst-post h6 {
    font-size: 18px
}

#catalyst-post .catalyst-content img {
    width: 100% !important
}

#catalyst-post .catalyst-content .disregard-global-image-sizing img {
    width: auto !important
}

#catalyst-post .photo-caption {
    font-style: italic;
    font-size: 75%;
    float: right
}

#catalyst-post .breadcrumbs {
    font-size: 14px;
    padding-top: 25px
}

#catalyst-post .breadcrumbs a {
    text-decoration: none;
    color: #303030;
    padding-right: 5px
}

#catalyst-post .breadcrumbs a:hover {
    text-decoration: underline;
    color: #000000
}

#catalyst-post .breadcrumbs span[rel~="v:child"] a {
    padding: 0 5px
}

#catalyst-post .breadcrumbs .breadcrumb_last {
    padding-left: 5px
}

#catalyst-post .social {
    float: right;
    width: 360px;
    text-align: right
}

#catalyst-post .social a {
    padding: 7px 10px 7px 40px;
    margin-right: 25px;
    background-repeat: no-repeat;
    background-position: 14px center
}

#catalyst-post .social a:last-of-type {
    margin: 0
}

#catalyst-post .social a.button-facebook {
    background-image: url("inc/img/social-icon_facebook.png");
    background-color: #2e6cc8
}

#catalyst-post .social a.button-facebook:hover {
    background-color: #397adb
}

#catalyst-post .social a.button-twitter {
    background-image: url("inc/img/social-icon_twitter.png");
    background-color: #3a93d8
}

#catalyst-post .social a.button-twitter:hover {
    background-color: #4ba2e6
}

#catalyst-post .social a.button-googleplus {
    background-image: url("inc/img/social-icon_google.png");
    background-color: #dd5042
}

#catalyst-post .social a.button-googleplus:hover {
    background-color: #ed6356
}

#catalyst-post .share-this-story {
    clear: both;
    padding-top: 50px
}

#catalyst-post .share-this-story strong {
    font-family: 'trade-gothic-next-condensed', sans-serif
}

.social-sharing a {
    border-radius: 25px
}

#catalyst-post .catalyst-iframe-wrapper {
    height: 670px;
    margin-bottom: 30px
}

#catalyst-post .cycle-slideshow .caption a {
    text-decoration: none;
    color: #8dc640;
    font-weight: bold
}

#catalyst-post .cycle-slideshow .caption a:hover {
    text-decoration: underline
}

#catalyst-post .story-pager img {
    width: auto !important;
    height: 80px
}

.catalyst-sidebar {
    width: 22%;
    display: inline-block;
    padding-left: 7%;
    float: right;
    margin-bottom: 90px
}

.catalyst-sidebar form {
    width: 100% !important;
    margin: 0 auto 25px !important;
    padding: 0 !important
}

.catalyst-sidebar form ._submit {
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    display: inline-block;
    margin: 10px;
    font-size: 15px !important;
    line-height: 22px
}

.catalyst-sidebar h3 {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 30px 0
}

.catalyst-sidebar hr {
    margin-top: 25px;
    margin-bottom: 25px
}

#catalyst-sidebar-entry {
    width: 100%
}

#catalyst-sidebar-entry .image {
    width: 100%;
    height: 133px;
    background-size: cover;
    background-position: 50%
}

#catalyst-sidebar-entry .category {
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0 5px 0;
    font-size: 12px
}

#catalyst-sidebar-entry .category-Energy {
    color: #8dc63f
}

#catalyst-sidebar-entry .category-Water {
    color: #238dc1
}

#catalyst-sidebar-entry .category-Transportation {
    color: #00668f
}

#catalyst-sidebar-entry .category-Community {
    color: #009dac
}

#catalyst-sidebar-entry .title {
    padding-bottom: 0;
    text-decoration: none;
    color: #303030
}

#catalyst-sidebar-entry .title:hover {
    text-decoration: underline
}

#catalyst-sidebar-entry .title h2 {
    font-size: 24px;
    line-height: 30px;
    color: #303030;
    font-size: 18px;
    line-height: 24px
}

#catalyst-sidebar-entry .date,
#catalyst-sidebar-entry .comments {
    float: none;
    display: inline-block
}

#catalyst-sidebar-entry .date {
    color: #919191;
    font-size: 14px;
    line-height: 22px
}

.comments-container h2.comments-title {
    font-size: 20px !important;
    font-family: 'trade-gothic-next-condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px
}

ol.commentlist {
    list-style-type: none;
    margin: 20px 0 0 0
}

.comment-container .comment-avatar {
    float: left;
    padding-right: 20px
}

.comment-container .comment-author cite {
    font-family: 'trade-gothic-next-condensed', sans-serif !important;
    font-style: initial !important
}

.comment-container .comment-date {
    color: #ccc
}

.comment-container .comment-content {
    padding-top: 15px
}

.terms-of-service h2 ul,
.privacy-policy ul {
    margin-bottom: 0;
    list-style-position: outside;
    margin-left: 1em !important;
}

.terms-of-service h2 li,
.privacy-policy li {
    margin-bottom: 1em
}

.terms-of-service h2 ul.sublist,
.privacy-policy ul.sublist {
    margin-top: .25em;
    margin-left: 4em
}

.terms-of-service h2 ul.sublist li,
.privacy-policy ul.sublist li {
    margin-bottom: 0 !important
}

.terms-of-service h2 h2,
.privacy-policy h2 {
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 20px
}

article.error404 {
    text-align: center;
    color: #fff
}

article.error404 h1 {
    font-size: 34px
}

article.no-results {
    text-align: center
}

article.no-results h1 {
    font-size: 34px
}

article.no-results p {
    margin: 0;
    padding: 20px 0
}

article.no-results a {
    font-weight: bold
}

.search-results .site-main {
    padding: 80px
}

.search-results h1.page-title {
    font-size: 34px
}

.search-results article {
    padding: 20px 0
}

.search-results article footer.entry-meta {
    display: none
}

.visitor-sitemap h1 {
    font-size: 40px
}

.visitor-sitemap .sitemap-col1,
.visitor-sitemap .sitemap-col2,
.visitor-sitemap .sitemap-col3 {
    width: 30%;
    padding: 1%;
    float: left
}

.visitor-sitemap .sitemap-col3 {
    text-align: center;
    border-left: 1px solid #ccc
}

.visitor-sitemap a {
    text-decoration: none;
    color: #238dc1;
    padding-left: 20px
}

.visitor-sitemap h3 {
    padding-top: 20px
}

.visitor-sitemap h3 a {
    font-weight: bold;
    color: #00668f;
    padding-left: 0
}

body.page-template-page-smud-landing {
    margin-top: 0;
    background-repeat: repeat-x !important;
    font-family: inherit
}

#smud-landing-page {
    max-width: 1400px;
    margin: auto;
    background-color: #ffffff;
    box-shadow: 0px 5px 20px #cccccc;
    margin-bottom: 100px;
    min-height: 500px
}

#smud-header .logo {
    padding: 30px 80px;
    display: inline-block
}

#hero-start-saving {
    height: 500px;
    background-size: cover;
    -webkit-background-size: cover
}

#smud-landing-page h2 {
    font-size: 20px;
    color: #f16221;
    text-align: center;
    font-weight: bold
}

.smud-landing-intro {
    padding: 60px 120px 0 120px;
    font-size: 16px
}

.smud-landing-intro-content {
    width: 50%;
    display: inline;
    float: left
}

.smud-landing-intro-image {
    width: 45%;
    display: inline;
    float: right
}

.smud-landing-intro-content h2 {
    text-align: left !important
}

hr.smud-1000px {
    max-width: 1000px;
    margin: auto;
    clear: both;
    margin-bottom: 50px
}

.smud-landing-benefits-intro,
.smud-landing-footer {
    padding-bottom: 15px
}

.smud-landing-form-intro,
.smud-landing-easy-as-123-intro,
.smud-landing-benefits-intro {
    text-align: center;
    max-width: 750px;
    margin: auto
}

.smud-landing-benefits-intro {
    padding-top: 80px
}

.smud-landing-footer {
    text-align: center;
    max-width: 800px;
    margin: auto
}

.smud-landing-form-content .gfield_label {
    display: none !important
}

.smud-landing-form-content {
    max-width: 880px;
    margin: auto;
    margin-bottom: 70px
}

.smud-landing-form-content .gf_left_half {
    padding-right: 20px !important;
    padding-left: 0px !important
}

.smud-landing-form-content .gf_right_half {
    padding-left: 20px !important;
    padding-right: 0px !important
}

.smud-landing-form-content .gform_wrapper ul li.gfield {
    margin-top: 30px
}

.smud-landing-form-content input {
    border-radius: 0;
    padding: 15px !important;
    background-color: #f1f1f1
}

.smud-landing-form-content .gform_footer {
    text-align: center;
    margin-top: 25px !important
}

.smud-landing-form-content .gform_button {
    background-color: #f16221 !important;
    border-radius: 5px !important;
    box-shadow: none;
    padding: 20px 60px !important;
    margin: 0 !important;
    text-transform: none !important
}

.smud-landing-energy-saving-opportunities {
    background-color: #f16221;
    padding: 30px;
    text-align: center
}

.smud-landing-energy-saving-opportunities p {
    color: #ffffff;
    font-weight: bold;
    max-width: 900px;
    margin: auto
}

.smud-landing-easy-as-123 {
    max-width: 1000px;
    margin: auto
}

.smud-landing-easy-as-123-item {
    width: 31%;
    padding: 1%;
    float: left;
    margin-bottom: 30px
}

.smud-landing-easy-as-123-item img {
    width: 100%
}

.smud-landing-easy-as-123-item p {
    padding: 0 15px
}

.smud-landing-benefits-content {
    max-width: 800px;
    margin: auto
}

.smud-landing-benefit {
    width: 46%;
    padding: 2%;
    text-align: center;
    float: left
}

.smud-landing-benefit:last-of-type {
    margin-bottom: 30px
}

.smud-landing-benefit img {
    padding-bottom: 30px
}

.smud-landing-benefit h3 {
    font-weight: bold
}

.smud-landing-testimonials {
    max-width: 1000px;
    margin: auto;
    box-shadow: 0px 5px 20px #cccccc;
    min-height: 680px;
    text-align: center;
    clear: both
}

.smud-landing-testimonials .slide-wrap .slide {
    height: 676px;
    border: 2px solid #ffffff
}

.smud-landing-testimonial-image {
    height: 440px;
    background-size: cover !important;
    background-position: center !important
}

.smud-landing-testimonial-content {
    padding: 30px;
    text-align: center;
    font-size: 26px;
    background-color: #f16221;
    color: #ffffff;
    min-height: 176px;
    height: 180px;
    overflow: visible !important
}

.smud-landing-testimonial-content p {
    margin-bottom: 20px
}

.smud-landing-testimonial-name,
.smud-landing-testimonial-company {
    font-size: 18px;
    font-weight: bold
}

.smud-landing-logos {
    max-width: 600px;
    margin: auto;
    margin-top: 60px
}

.smud-footer-logo {
    padding: 0 40px
}

.smud-footer-logo:first-of-type {
    border-right: 1px solid #ccc;
    display: inline-block
}

.smud-footer {
    background-color: #ffffff;
    border-top: none;
    text-align: center;
    padding: 50px;
    min-height: 21px
}

#smud-landing-page .rep-leads-form-container {
    padding: 0 50px 50px 50px;
    max-width: 800px;
    margin: auto
}

#smud-landing-page .form-content input,
#smud-landing-page .form-content select {
    margin: 10px;
    border-radius: 10px
}

#smud-landing-page .form-content textarea {
    width: 80%;
    margin: 10px
}

#smud-landing-page .form-content label[for="street"],
#smud-landing-page .form-content label[for="description"] {
    padding-top: 20px;
    display: inline-block
}

#smud-landing-page .form-content select[name="00N700000030iFQ"] {
    margin-bottom: 0;
    height: 140px
}

#smud-landing-page .form-content input[type="submit"] {
    background-color: #3fc8f6;
    box-shadow: initial !important;
    text-transform: initial !important;
    border: 0;
    font-size: 15px !important;
    padding: 15px 25px;
    font-weight: normal;
    letter-spacing: initial;
    border-radius: 50px;
    color: #fff;
    width: 200px;
    margin: 50px auto;
    display: block
}

#smud-landing-page .form-content input[type="submit"]:hover {
    background-color: #229ec8
}

#smud-landing-page .form-content label.required::after {
    content: " *";
    color: #ff0000
}

#form-submission-page {
    max-width: 800px;
    margin: auto;
    margin-top: 100px
}

.comment-container span.says {
    display: none
}

.comment-container .comment-edit-link {
    display: none
}

.search-events input[type=text]{
    padding: 5px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;    
}

/* Home Page Updates */
.our-work-box, .photo-box {
    min-height: 200px;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 20px 0;
}

.our-work-ribbon {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.photo-box{
    min-height: 300px;
}

.action-box{
    position: absolute;
    right: -20px;
    bottom: -20px;
    background-color: white;
    width: 75%;
    padding: 15px;
    box-shadow: 3px 3px 5px #ccc;
}

.col-lg-4 .action-box{
    min-height: 235px;
}

@media only screen and (max-width: 1199px) {
    .col-lg-4 .action-box{
        min-height: 260px;
    }
}

@media only screen and (max-width: 992px) {
    .col-lg-4 .action-box{
        min-height: unset;
    }
}


/* News Page */
.hero-subtext {
    max-width: 70%;
    margin: 2em auto;
    text-align: center;
    color: white;
} 

.page-template-page-news .hero .mega-heading {
    max-width: 85%;
    margin: 0 auto;
    text-transform: none;
    font-family: "roboto", Helvetica, sans-serif;
    font-weight: 700;
}

#topStories .sort-by {
    float: right;
    color: #BCBEC0;
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    text-transform: uppercase;
    padding: 0.5rem 0 1.8rem 0;
    margin-top: 2px;
}

#topStories .nav-sub-links .nav-link {
    margin: 0;
}

#topStories .post-date {
    margin-bottom: 10px;
}

#topStories .card {
    background: #F9F9F9;
}

#load-more-news.btn-primary {
    color: #212529;
    background-color: transparent;
    border: none;
}

#load-more-news.btn-primary:hover {
    opacity: .6;
}

#load-more-news.btn-primary:disabled,
#load-more-news.btn-primary[disabled] {
  opacity: .1;
}

#stat1, #stat2, #stat3 {
    font-family: "Trade Gothic LT Std", "roboto", sans-serif;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
}

#stat1 .stat-number, #stat2 .stat-number, #stat3 .stat-number {
    color: #8DC63F;
    font-size: 3em;
    background-color: #EAF6FC;
    padding: 15px 10px 0px;
    line-height: 1.4;
    display: inline;
}

#stat2 .stat-number, #stat3 .stat-number {
    padding: 20px 10px 0px;
}

#stat1 .stat-number:before, #stat2 .stat-number:before, #stat3 .stat-number:before {
    background-color: #EAF6FC;
    content: "";
    display: inline;
}

#stat1 .stat-highlight{
    color: #8DC63F;
    font-size: 2em;
}
#stat1 .stat-text, #stat3 .stat-text {
    color: #EAF6FC;
    font-size: 1.5em;
}
#stat1 span.stat-highlight {
    margin-top: 10px;
}

#stat2 p.stat-number + p, #stat3 p.stat-number + p {
    margin-top:  -10px;
} 

#stat2 .stat-number {
    color: #009dad;
    font-size: 6em;
}
#stat2 .stat-highlight{
    color: #c4effe;
    font-size: 1.5em;
}
#stat2 .stat-text{
    color: #009dad;
    font-size: 1.5em;
}

#stat3 .stat-number {
    color: #44c8f5;
    font-size: 6em;
}
#stat3 .stat-highlight{
    color: #44c8f5;
    font-size: 1.5em;
}

#newsCTA {
    background-color: #EAF6FC;
}

.post-template-news-single-post #blog-nav {
    margin-bottom: 3.4rem;
}

@media only screen and (max-width: 1080px) {
    .hero.hero-md .mega-heading {
        font-size: 3.5em;
        letter-spacing: -3px;
    }

    #stat2 .stat-number, #stat3 .stat-number {
    font-size: 5.5em;
    }

    #ajax-news .card-body {
    padding: 1.4rem 1.15rem;
    }

    .single .hero.hero-in-content {
        min-height: 30vh;
        margin: 15px 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 970px) {
    #masthead .col-md-2 {
    flex: 0 0 15%;
    max-width: 15%;
    }

    #masthead .col-md-6 {
    flex: 0 0 55%;
    max-width: 55%;
    }

    #masthead .col-md-4 {
    flex: 0 0 33%;
    max-width: 30%;
    }

    .header-cta-button {
    max-width: 100px;
    }
}

@media only screen and (max-width: 720px) {
    .hero.hero-md .mega-heading {
        font-size: 2em;
        letter-spacing: -2px;
    }

    #stat2 .stat-number, #stat3 .stat-number {
    font-size: 5em;
    }

    .single .hero.hero-in-content {
        min-height: 25vh;
        margin: 5px 0 15px !important;
    }
}

@media only screen and (max-width: 600px) {
    .hero.hero-md .mega-heading {
        font-size: 1.8em;
        letter-spacing: -1px;
    }

    .hero-subtext {
    margin: 10px auto;
    line-height: 1.3;
    }
}

/* All in One Events Calendar */
div#ai1ec-calendar {
    margin-bottom: 100px;
}

#ai1ec-calendar-view-container{overflow: hidden;}

.timely {
font-family: "Trade Gothic LT Std", "roboto", sans-serif;
color: #000;
width: 95%;
margin: 0 auto;
}

.ai1ec-calendar-toolbar {
    border: none;
    border-radius: 0;
}

.ai1ec-btn-toolbar {background: #5FAC45;}

.ai1ec-title-buttons .ai1ec-btn-group {
    float: none;
    display: table;
    margin: 5px auto;
}

.ai1ec-pull-left .ai1ec-pagination.ai1ec-btn-group {
    margin: 0 0 20px;
}

.ai1ec-month-view .ai1ec-date {
    background: transparent;
    color: #FFF;
    font-size:12px;
    padding: 10px;
    font-size: 10pt;
    text-align: left;
}

.entry-content .timely a:visited, .comment-content .timely a:visited, .site-footer .widget .timely a:visited {
    color: #004e6d !important;
}

.ai1ec-dropdown-menu > .ai1ec-active > a, .ai1ec-dropdown-menu > .ai1ec-active > a:hover, .ai1ec-dropdown-menu > .ai1ec-active > a:focus {
    background-color: #004e6d !important;
}

.ai1ec-month-view .ai1ec-event-time {
    font-size:14px;
}

.ai1ec-month-view th, .ai1ec-week-view th, .ai1ec-week-view .ai1ec-hour-marker div, .ai1ec-week-view .ai1ec-allday-label, .ai1ec-oneday-view th, .ai1ec-oneday-view .ai1ec-hour-marker div, .ai1ec-oneday-view .ai1ec-allday-label {
    color: #000 !important;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
}

.ai1ec-month-view th, .ai1ec-week-view th, .ai1ec-oneday-view th {
    border: 1px solid #ddd !important;
    background: #fff !important;
    padding: 0.4em !important;
}

.ai1ec-month-view .ai1ec-today, .ai1ec-week-view .ai1ec-today {
    background: #fff !important;
}

.ai1ec-popup-title {
    font-size: 16px;
    line-height: 1.2;
}

.ai1ec-popover.ai1ec-popup .ai1ec-event-time {
    font-size: 14px;
}

.ai1ec-agenda-view .ai1ec-event .ai1ec-event-time {   
    font-size: 16pt;
    color: black;
}

.ai1ec-event-description p {
    font-family: "roboto", Helvetica, sans-serif;
    line-height: 1.5;
    font-size: 12pt;
    color: black;
}

.ai1ec-table-condensed .ai1ec-day {border-radius: 0;}

.ai1ec-today a.ai1ec-load-view, .ai1ec-table-condensed td.ai1ec-today.ai1ec-day {
    background-color: #004e6d !important;
    color: #fff !important;
    padding: 3px 5px;
}

.ai1ec-datepicker table tr td.ai1ec-active.ai1ec-active {background: #238dc1;}

.ai1ec-event {
    color: white;
    background: #238dc1;
    padding: 5px !important;
    height: auto !important;
    font-size:16px !important;
    line-height: 1.2 !important;
    margin-top: 5px !important;
}

.ai1ec-popover {
    border-radius: 0;
    padding:5px;
}

.ai1ec-dropdown-menu a:visited, .ai1ec-dropdown-menu .ai1ec-active a:visited {
    color: white !important;
}

.ai1ec-agenda-view .ai1ec-event.ai1ec-expanded {
    padding: 20px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ai1ec-agenda-view .ai1ec-event-summary-footer {
    padding-top: 0px; 
}

.ai1ec-event-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ai1ec-agenda-view .ai1ec-event-avatar {
    max-width: 300px;
}

.ai1ec-agenda-widget-view .ai1ec-event-description img, .ai1ec-agenda-view .ai1ec-event-description img {
    max-width: 300px !important;
}

a#ai1ec-agenda-collapse-all, a#ai1ec-agenda-expand-all, a#ai1ec-print-button {
    display: none;
}

.ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month,
.ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title{
    border-radius: 0;
    background: white;
    background-image: none;
    color: black;
    border:0;
}

.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date {
    background: white;
    border-top:0;
}

.ai1ec-agenda-view .ai1ec-event {
    box-shadow: none;
    border-radius: 0;
    padding: 20px !important;
}

.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {
    color: #007bff;
    font-weight: bold;
    font-size: 2em;
    margin: 0 0 0.4em;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
}

span.ai1ec-event-title {white-space: normal;}

.ai1ec-datepicker {
    border-radius: 0;
    max-width: 400px;
}

.ai1ec-month-view .ai1ec-allday .ai1ec-event, .ai1ec-month-view .ai1ec-multiday .ai1ec-event, .ai1ec-week-view .ai1ec-allday-events .ai1ec-allday .ai1ec-event, .ai1ec-week-view .ai1ec-allday-events .ai1ec-multiday .ai1ec-event, .ai1ec-oneday-view .ai1ec-allday-events .ai1ec-allday .ai1ec-event, .ai1ec-oneday-view .ai1ec-allday-events .ai1ec-multiday .ai1ec-event, .ai1ec-month-view .ai1ec-multiday-bar {
    border-radius: 0;
    background-color: #004e6d;
    opacity: 0.80;
    z-index: 0;
    text-shadow: none;
    margin: 0 0 3px;
}

.ai1ec-month-view .ai1ec-multiday-bar {
    height:0;
}
.ai1ec-month-view .ai1ec-multiday-bar .ai1ec-event {
    min-height: 30px;
}

.ai1ec-month-view .ai1ec-multiday-arrow1,
.ai1ec-month-view .ai1ec-multiday-arrow2 {
    display: none;
}
.search-no-results .site-main {
    margin: 3% 0;
    padding: 5% 0;
}
.search-no-results .site-main #searchform {
    width: 50% !important;
    margin: 0 auto;
}

.home .carousel-indicators {display: none;}


@media only screen and (max-width: 1024px) {
.carousel-title {
    font-size: 3rem;
    }
}
@media only screen and (max-width: 800px) {
    #page {
        padding-top: 80px;
    }

    .main-small-navigation h1.toggled-on {
        background-image: url("inc/img/small-menu_close.png");
        position: relative;
        z-index: 3
    }

    .main-small-navigation h1 {
        max-width: 61px;
        max-height: 61px;
        height: 61px;
        width: 100%;
        margin-top: 0.5rem;
        background-image: url("inc/img/small-menu_open.png");
        background-position: center center;
        background-repeat: no-repeat;
        color: transparent
    }

    .main-small-navigation .menu-main-nav-container #menu-main-nav {
        height: 100vh;
        width: 100%;
        overflow-y: scroll
    }
    .main-small-navigation .menu-main-nav-container ul {
        list-style: none;
        font-family: "Trade Gothic LT Std", "roboto", sans-serif
    }
    .main-small-navigation .menu-main-nav-container ul .sub-menu-item {
        font-size: 1.9rem;
        color: #FFF
    }
    .main-small-navigation .menu-main-nav-container .sub-menu {
        margin-top: 0.6rem;
        margin-left: 1.5rem
    }
    .main-small-navigation .menu-main-nav-container .sub-menu .sub-menu .menu-item {
        font-size: 1.75rem;
        color: #FFF
    }
    .main-small-navigation .menu-main-nav-container .sub-menu .sub-menu .menu-item a {
        color: #FFF
    }
    .main-small-navigation .menu-main-nav-container .sub-menu .sub-menu .menu-item:before {
        content: "-";
        width: 1rem;
        display: inline-block
    }
    .main-small-navigation .menu-main-nav-container>ul {
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        position: absolute;
        background: #238dc1;
        z-index: 1;
        padding: 6rem 2rem 2rem 2rem
    }
    .main-small-navigation .menu-main-nav-container>ul li {
        color: #000;
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 1rem
    }
    .main-small-navigation .menu-main-nav-container>ul li.menu-item-has-children .parent-level-menu-item:before {
        content: "\00276D";
        width: 1rem;
        display: inline-block;
        transform: rotate(90deg);
        float: right
    }
    .main-small-navigation .menu-main-nav-container>ul li .parent-level-menu-item {
        color: #000;
        text-transform: uppercase;
        font-weight: bold
    }
        
    .carousel-title {
    font-size: 2rem;
    }

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    #smud-header a.logo {
        width: 98%;
        padding: 1%
    }
    #smud-header a.logo img {
        width: 100%
    }
    #partners .partner {
        margin-top: 40px !important;
        padding: 0 5px !important
    }
    #partners .partner img {
        max-width: 100px;
        height: auto
    }
    .subnav ul li a {
        width: 99% !important;
        padding: 0 !important
    }
    .opn #intro {
        padding-top: 50px
    }
    .opn #intro .image-area,
    .opn #intro .content {
        width: 96%;
        float: none;
        text-align: center;
        padding: 0 2%
    }
    .opn #intro .image-area img {
        padding: 0 0 20px 0
    }
    .opn #intro .content {
        border: none
    }
    .opn #benefits .benefit {
        width: 94%;
        padding-bottom: 2%
    }
    .opn #benefits .benefit h3 {
        padding-top: 0
    }
}

.dev-only {
    display: none
}

@media only screen and (max-width: 770px) {
    .home h2.carousel-title {
        margin-bottom: 0;
    }
    .home .carousel-caption {
        top: 5%;
    }
}

@media only screen and (min-width: 600px) {
    body.admin-bar {
        margin-top: 32px
    }
    body.admin-bar #hello-bar {
        margin-top: 32px
    }
    body.admin-bar #masthead {
        margin-top: 32px
    }
    body.admin-bar .timeline-slider {
        margin-top: 32px
    }

    
}

@media only screen and (max-width: 550px) {
    .home h2.carousel-title {
		font-size: 1.5rem !important;
    }
}

@media only screen and (max-width: 480px) {
    #our-impact h3 {
        font-size: 1.5rem;
    }
}
    
@media only screen and (max-width: 320px) {
    .home .carousel-caption {
        top: 12%;
    }
    .home h2.carousel-title {
    font-size: 1.6rem;
    }
}

span.edit-link {
    display: none
}

.aiowps-site-lockout-box {
    border: none;
    max-width: 1400px
}

.aiowps-site-lockout-msg {
    font-size: 26px
}

/* Force-loading FA Icons fonts */
.ai1ec-fa {
    font-family: "FontAwesome" !important;
}

/*# sourceMappingURL=style.css.map */






/* Contact Us Page Updates (2022) */

.page-template-page-contact-us-2022 li.gfield {
	margin-top: 30px;
}
.page-template-page-contact-us-2022 li.gfield .gfield_label {
	margin-bottom: 0px;
}

.page-template-page-contact-us-2022 .ginput_container input,
.page-template-page-contact-us-2022 .ginput_container select {
	padding: 13px 13px !important;
}

.page-template-page-contact-us-2022 .gform_footer input[type=submit] {
    border-radius: 0;
    padding: 8px 35px;
    background: #212121;
    color: #fff;
    font-size: 14px;
    text-transform: initial;
    letter-spacing: 1px;
    font-family: inherit;
	font-weight: initial;
}

.page-template-page-contact-us-2022 #subscribe-cta {
    min-height: 450px;
    height: initial;
}




/* Donation Form Page Updates: 2023 */

.donation-page #donate-form-wrapper {
	text-align: center; 
	width: 50%; 
	float: left; 
	max-width: initial;
	padding-bottom: 50px;
}

.donation-page #donate-form-wrapper #intro-and-form-selector {
	padding: 80px 60px 30px 60px;
}



.donation-page #other-donation-options {
	width: 50%; 
	float: right; 
	clear: none;
}
@media only screen and (max-width: 1024px) {

	.donation-page #donate-form-wrapper,
	.donation-page #other-donation-options {
		width:100%;
		float: none;
		margin: 0;
	}

}


/* Shift "Dont miss a story" popout to left corner */

.leadinModal-content {
		left: 0 !important;
		right: initial !important;
}