html,
body {
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
     font-size: 16px; 
}
body,
html:not(.ccm-edit-mode) {
     overflow-x: hidden;
}
body,
html,
.ccm-page h1,
.ccm-page h2,
.ccm-page h3,
.ccm-page h4,
.ccm-page h5,
.ccm-page h6 {
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: 100;
}
.ccm-page h1 {
     font-weight: bold;
     font-size: 2.5em;
     margin: .37em 0;
}
.ccm-page h2 {font-size:1.5em;font-weight:bold;}
.ccm-page h3 {
     font-weight: bold;
         font-size: 1.5em;
     }
.ccm-page h4 {font-weight:500;}
.ccm-page p,
.ccm-page ul {
     font-size: 1em;
     font-weight: normal;
     margin: 20px 0;
}
.ccm-page a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.ccm-page img {max-width:100%;}
.ccm-page a img {
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}

.ccm-page a:hover img {
     opacity: 0.8;
}


#ccm-theme-grid-edit-mode-row-wrapper {
     display: flex;
     flex-flow: row wrap;
     width: 100%;
}

.cke_editable {
     min-height: 100px !important;
}

.ccm-edit-mode .editmodemargin {
     margin-bottom: 60px;
     margin-top: 60px;
}

.ccm-page .accessibilty-hide {
     position: absolute;
     left: -10000px;
     top: auto;
     width: 1px;
     height: 1px;
     overflow: hidden;
}


.ccm-dashboard-express-form label {
     float: left;
     margin-right: 10px
}

.ccm-dashboard-express-form .text-muted.small {
     font-size: 9px;
     color: red;
     float: left;
}

div.ui-dialog {
     position: fixed!important;
     height: 80%!important;
     width: 70%!important;
     top: 100px!important;
     left: 50%!important;
     display: block!important;
     margin-left: -35%!important;
}
.ui-dialog-content {
     height: 80% !important;
}

/*
green: #aed141
v light blue: #d9f5f5
top blue: #2e74ab
wave blue: #1765a2
dk blue: #292e6b

blue teal: #51c9ef
teal: 00babe
*/

/* Tabs */
.tabset { margin: 14px 0 28px; }
.tabset ul { display: none; }
.tabset.has-js ul { display: block; }
.tabset .tablist { list-style-type: none; margin: 0px 14px; padding: 0; }
.tabset .tab { background: #ddd; border: 1px solid #aaa; border-bottom: 0; border-radius: 8px 8px 0 0; cursor: pointer; display: inline; float: left; font-weight: bold; margin: 0; padding: 8px 14px 3px; position: relative; }
.tabset .tab:hover { background-color: #bbb; }
.tabset .tab[aria-selected="true"] { background-color: #f2f2f2; }

.tabset .panel { background:#f2f2f2; border: 1px solid #aaa; border-radius: 8px; clear: both; margin: 0 0 18px; padding: 24px 2%; }
.tabset.has-js .panel { display: none; margin-bottom: 0; }
.tabset.has-js .panel[aria-hidden="false"] { display: block; }
.tabset .panel h3 { margin: 0; }
.tabset .panel .row > div { padding: 0; }

/* HEADERS */

.custom-header { background: #1765a2; }

.custom-header > ul { background: #2e74ab; left: 0; margin: 0 !important; padding: 1px 8% 0 0; text-align: right; top: 0; width: 100%; }
.custom-header > ul li { border-right: 1px solid #00babe; display: inline-block; font-size: .9em; margin: 7px 0 !important; padding: 0 15px !important; }
.custom-header > ul li:last-of-type { border: 0; }
.custom-header > ul li a { color: #fff; }
.custom-header > ul li a:hover { color: #ddd; }

.custom-header div { padding: 0 9%; position: relative; }
.custom-header div p { margin: 0 !important; position: absolute; top: 9px; }
.custom-header div p img { height: 38px; margin-top: 3px; width: auto; }
.custom-header div ul { bottom: 0; height: 60px; line-height: 60px; margin: 0 !important; text-align: right; }
.custom-header div > ul > li:first-of-type { display: none !important; }
.custom-header div li { display: inline-block !important; position: relative; }
.custom-header div li.nav-selected:after,
.custom-header div li.nav-path-selected:after { background: #00babe; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 100%; }
.custom-header div li a { color: #fff; padding: 0 20px !important; }
.custom-header div li a:hover,
.custom-header div li a:focus { background: #003c6a !important; color: #fff; }

.custom-header div ul ul { left: -9999px; padding: 0; position: absolute; }
.custom-header div ul li:nth-of-type(2) ul { background: #fff; box-shadow: 0 0 12px 0 #aaa; height: 65px !important; line-height: 1em !important; margin-top: 0 !important; text-align: left; top: 100%; width: 264px; z-index: 1; }
.custom-header div ul li:nth-of-type(2):hover ul { left: 0; z-index: 30; }
.custom-header div ul li:nth-of-type(3) ul { background: #fff; box-shadow: 0 0 12px 0 #aaa; height: 65px !important; line-height: 1em !important; margin-top: 0 !important; text-align: left; top: 100%; width: 264px; z-index: 1; }
.custom-header div ul li:nth-of-type(3):hover ul { left: 0; z-index: 30; }
.custom-header div ul li:nth-of-type(4) ul { background: #fff; box-shadow: 0 0 12px 0 #aaa; height: 135px !important; line-height: 1em !important; margin-top: 0 !important; text-align: left; top: 100%; width: 264px; z-index: 1; }
.custom-header div ul li:nth-of-type(4):hover ul { left: 0; z-index: 30; }
.custom-header div ul ul li { display: block !important; height: 34px; line-height: 32px; padding: 0 0 !important; }
.custom-header div ul ul li a { color: #336195; display: block; font-size: .9em; padding: 0 4% !important; position: relative; }
.custom-header div ul ul li a:after { background: #bfeeef; content: ""; height: 2px; left: 4%; position: absolute; top: 100%; width: 92%; }
.custom-header div ul ul li:last-of-type a:after { display: none; }
.custom-header div ul ul li a:hover { background: #d2ebf0 !important; color: #000 !important; text-decoration: none; }
.custom-header div ul ul li.nav-selected a { color: #000; }
.custom-header div ul ul li.nav-selected:after { height: 66%; left: -8px; top: 17%; width: 5px; }
.custom-header div ul ul li.nav-path-selected a { color: #000; }
.custom-header div ul ul li.nav-path-selected:after { height: 66%; left: 0; top: 17%; width: 5px; }

#mobile-menu { display: none; }

h3 { color: #292e6b; }

#general-header { background: #d9f5f5; margin-bottom: 100px; min-height: 320px; padding: 70px 16% 60px 40%; position: relative; }
#general-header img { height: auto; left: 16%; position: absolute; bottom: -60px; width: 20%; }
#general-header h2 { color: #292e6b; line-height: 1.3em; text-align: center; }
#general-header .left-align h2 { text-align: left; }
#general-header a { border: 2px solid #292e6b; border-radius: 60px; color: #292e6b; display: inline-block; font-size: 1.2em; font-weight: 700; padding: 3px 12px; }
#general-header a:hover { background: #84bebe; text-decoration: none; }
#general-header .bigger-image img { width: 18%; }
#general-header.no-image { padding: 65px 30%; text-align: center; }

/* SHARED ELEMENTS */

.plain-centered { padding: 20px 25% 54px; }

.thin-blue { background: #1765a2; margin: 0 16% 60px; padding: 0 5% 48px; width: 68%; }

/* Set to multiple of 36 pixelse for overall height; then set before to 36 less than height */
.teal-water-bg { height: auto; overflow: hidden; position: relative; }
.teal-water-bg:after { background-color: #1765a2; background-image: url(../images/wavebg.png); content: ""; height: 100%; position: absolute; top: 0; width: 100%; }
.teal-water-bg.actually-blue:before { background: #1765a2; }
.teal-water-bg + .thin-blue { margin-top: -60px; padding-top: 96px; }

.page-template-home .teal-water-bg { z-index: 4; }

.carousel > ul { background: #fff; box-shadow: 0 4px 14px -2px #333; list-style-type: none; height: 190px; margin: 100px 25% 0; padding: 0; position: relative; width: 50%; z-index: 1; }
.carousel > ul > li { left: -9999px; opacity: 0; padding: 6px 54px 0; position: absolute; text-align: center; width: 100%; }
.carousel > ul > li.showing { left: 0; opacity: 1; transition: left 0s, opacity .3s; }
.carousel > ul > button { background: transparent; border: 0; color: #1765a2; font-size: 1.4em; margin-top: -15px; position: absolute; right: 8px; top: 50%; transition: background .2s; }
.carousel > ul > .previous-button { left: 8px; right: auto; }
.carousel > ul > button:hover { color: #064b81; }
.carousel .list-nuggets { bottom: 0; left: 0; padding: 0; position: absolute; text-align: center; width: 100%; }
.carousel .list-nuggets li { display: inline-block; }
.carousel .list-nuggets li button { background: #aed141; border: 0; border-radius: 50%; height: 14px; margin: 0 4px; transition: background .2s; width: 14px; }
.carousel .list-nuggets li button:hover { background: #9abd2c; }
.carousel .list-nuggets li.showing button { background: #292e6b; }
.carousel span { left: -9999px; position: absolute; }


/* HOME (shares a lot with project footer towards bottom) */

.homepage-header { padding-bottom: 180px; position: relative; text-align: center; }
.homepage-header:after { background-image: url(../images/wavebg.png); bottom: 0; content: ""; height: 72px; left: 0; position: absolute; width: 100%; z-index: 2; }
.homepage-header:before { background: #1765a2; bottom: -15px; content: ""; height: 72px; left: 0; position: absolute; width: 100%; z-index: 1; }
.homepage-header h2 { color: #292e6b; line-height: 1.5em; margin: 78px 30% 40px; }
.homepage-header img { bottom: 0; height: auto; left: 0; position: absolute; width: 44%; }
.homepage-header img[src*="right"] { bottom: -15px; left: auto; right: 0; z-index: 3;  }
.homepage-header a { background: #aed141; border-radius: 60px; color: #292e6b; display: inline-block; font-size: 1.2em; font-weight: 700; padding: 3px 15px; }
.homepage-header a:hover { background: #9cbf2e; text-decoration: none; }

#did-you-know { background: #1765a2; color: #fff; margin: 0 auto; max-width: 1200px; overflow: auto; padding: 0 3% 64px; position: relative; text-align: right; width: 80%; }
#did-you-know h3 { color: #fff; display: block; line-height: 1.3em; margin: 0 0 26px; text-align: center; vertical-align: middle; }
#did-you-know h3:before,
#did-you-know h3:after { background-image: url("https://westernintakepartnership.com/application/themes/westernintake/images/icon-bigdrip.png"); background-size: contain; background-repeat: no-repeat;  content: ""; display: inline-block; height: 38px; margin: 0 14px; vertical-align: middle; width: 30px; }
#did-you-know p { display: inline-block; margin: 0 1%; vertical-align: middle; width: 31%; }
#did-you-know p > span { background: #fff; display: block; height: 142px; }
#did-you-know p > span:after { display: inline-block; content: ""; height: 98%; vertical-align: middle; }
#did-you-know p > span > span { color: #000; display: inline-block; padding: 0 26px; text-align: left; vertical-align: middle; }
#did-you-know p strong { color: #292e6b; font-size: 1.4em; }
#did-you-know p img { height: auto; width: 100%; }
#did-you-know p:last-of-type { vertical-align: top; }

.homepage-carousel > ul > button { top: 50%; margin-top: -15px; }

.homepage-carousel > ul { background: transparent; display: flex; height: auto; justify-content: space-between; margin: 98px auto; width: 84%; }
.homepage-carousel > ul > li { background: #fff; opacity: 1; position: static; width: 23%; }
.homepage-carousel > ul > button,
.homepage-carousel .list-nuggets { display: none;  }

.home-projects { background-color: #fff; }
.home-projects > p { margin: 0; padding: 0 !important; }
.home-projects > p img { height: auto; width: 100%; }
.home-projects div { padding: 8px 3%; }
.home-projects div h3 { color: #292e6b !important; padding: 0 !important; }
.home-projects div p { color: #1765a2 !important; padding: 0 !important; }
.home-projects div p a { background: #aed141; border-radius: 60px; box-shadow: none !important; color: #292e6b; display: inline-block; float: none !important; font-size: 1.1em; font-weight: 700; margin: 0 0 8px !important; padding: 4px 18px; width: auto !important; }
.home-projects div p a:hover { background: #9cbf2e; text-decoration: none; }

/* ABOUT US */

.about-us a { border: 2px solid #292e6b; border-radius: 60px; color: #292e6b; display: inline-block; font-size: 1.2em; font-weight: 700; padding: 3px 12px; }
.about-us a:hover { background: #d9f5f5; text-decoration: none; }

.our-members { padding-top: 18px; }
.our-members h3 { color: #fff; text-align: center; }
.our-members p { margin-top: 26px; text-align: center; }
.our-members img { height: auto; margin: 0 24px 34px; width: 140px; }
.our-members img:last-of-type { margin-bottom: 0;  width: 220px; }
.our-members img:nth-of-type(2) { width: 340px; }

.our-supporters p { display: inline-block; vertical-align: middle; width: auto; }
.our-supporters p:last-of-type { margin-left: 44px; width: 66%; }
.our-supporters p img { height: auto; width: 180px; }

.partnership-governance { background: #d9f5f5; padding: 70px 16% 60px 40%; position: relative; }
.partnership-governance h2 { color: #292e6b; }
.partnership-governance img { height: auto; left: 16%; position: absolute; bottom: -60px; width: 20%; }
.partnership-governance + div { padding-top: 100px; }

/* OUR PROJECTS */

.our-projects-top { background: #d9f5f5; margin-bottom: 280px; padding: 32px 0 0; position: relative; text-align: center; z-index: 1;  }
.our-projects-top > div { margin: 0 auto; max-width: 1120px; width: 60%; }
.our-projects-top h2 { color: #292e6b; font-size: 1.4em; font-weight: 700; line-height: 1.5em; padding: 32px 5%; }
.our-projects-top > div > div { overflow: auto; margin-top: -180px; position: relative; top: 200px; }
.our-projects-top a { float: left; margin-right: 4%; width: 30.66667%; }
.our-projects-top a:hover { text-decoration: none; }
.our-projects-top a:last-of-type { margin-right: 0; }
.our-projects-top a img { height: auto; width: 100%; }
.our-projects-top a > span { background: #fff; display: block; height: 140px; transition: background .2s; }
.our-projects-top a > span:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.our-projects-top a > span > span { color: #292e6b; display: inline-block; font-size: 1.3em; font-weight: 700; line-height: 1.2em; padding: 0 14%; vertical-align: middle; }
.our-projects-top a:hover img { opacity: 1; }
.our-projects-top a:hover > span { background: #e5e5e5; }
.ccm-edit-mode .our-projects-top { margin-bottom: 40px; }
.ccm-edit-mode .our-projects-top:before { height: 40px; }
.ccm-edit-mode .our-projects-top div { margin-top: 0; top: 0; }

.our-projects-top + #stay-up-to-date { margin-top: -280px; padding-top: 280px; }

/* JORDAN LAKE */

.jordanlake-toprow .plain-centered { padding: 10px 16%; }

.jordanlake-toprow > .row  { display: flex; }
.jordanlake-toprow > .row > div { float: none; padding-bottom: 48px; }

.project-purpose { height: 100%; }
.project-purpose:before { height: 720px; }
.project-purpose > div { height: 100%; position: relative; text-align: center; z-index: 1; }
.project-purpose > div:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.project-purpose > div > div { display: inline-block; margin: 0 auto; vertical-align: middle; width: 48%; }
.project-purpose > div > div p { margin: 0; }
.project-purpose > div > div div { background: #fff; padding: 24px 4%; text-align: left; }
.project-purpose > div > div p img { height: auto; width: 100%; }
.project-purpose > div > div div h3 { margin-top: 0; }
.project-purpose a { background: #aed141; border-radius: 60px; box-shadow: none !important; color: #292e6b; display: inline-block; float: none !important; font-size: 1.1em; font-weight: 700; margin: 12px 0 2px !important; padding: 4px 18px; width: auto !important; }

.project-details { background: #1765a2; color: #fff; margin-top: -18px; padding: 84px 10% 300px; text-align: center; }
.project-details h3 { color: #fff; }

.tabset { margin: 0 auto -240px; max-width: 1200px; position: relative; top: -240px; width: 80%; }
.tabset + #stay-up-to-date { padding-top: 60px; }
.tabset .panel { background: #292e6b; border-radius: 0; border: 0; }
.tabset .tablist { margin: 0; }
.tabset .tab { background: #fff; border: 0; border-radius: 0; color: #292e6b; margin-right: 2%; padding: 8px 0; text-align: center; transition: background .2s; width: 32%; }
.tabset .tab:last-of-type { margin-right: 0; }
.tabset .tab:hover { background: #e5e5e5; }
.tabset .tab[aria-selected="true"] { background: #292e6b; color: #fff; }

.components-carousel > ul { height: 700px; margin: 28px 13% 0; width: 74%; }
.components-carousel > ul li { padding: 0; }
.components-carousel > ul li img { height: auto; width: 100%; }
.components-carousel > ul li h3 { margin-top: 18px !important; padding: 0 4%; }
.components-carousel > ul li p { padding: 0 4%; }
.components-carousel > ul li a { background: #aed141; border-radius: 60px; box-shadow: none !important; color: #292e6b; display: inline-block; float: none !important; font-size: 1.1em; font-weight: 700; margin: 0 0 8px !important; padding: 4px 18px; width: auto !important; }
.components-carousel > ul li a:hover { background: #9cbf2e; text-decoration: none; }
.components-carousel > ul button { color: #aed141; font-size: 2.2em; margin-left: 26px; left: 100%; }
.components-carousel > ul .previous-button { left: auto; margin-right: 26px; right: 100%; }
.components-carousel > ul button:hover { color: #92b525; }

.view-resources { color: #fff; margin: 48px 15%; }
.view-resources h3 { color: #fff; }
.view-resources a { border: 2px solid #fff; border-radius: 60px; color: #fff; display: inline-block; font-size: 1.2em; font-weight: 700; padding: 3px 12px; }
.view-resources a:hover { background: #024d87; text-decoration: none; }

.project-maptab { color: #fff; margin: 28px 10%; }
.project-maptab > h3 { color: #fff; margin-top: 36px !important; }
.map-info { background: #fff; color: #000; padding: 30px 6% 10px; text-align: center; }
.actual-map { position: relative; }
.actual-map img { height: auto; width: 100%; }
.actual-map p { left: 0; margin: 0; position: absolute; top: 0; }
.actual-map p button { background: #f43300; border-radius: 50%; border: 0; font-size: 1.4em; font-weight: 700; height: 44px; line-height: 42px; position: relative; text-align: center; width: 44px; z-index: 3; }
.actual-map p span { background: #1765a2; display: inline-block; left: -9999px; margin-left: -10px; opacity: 0; padding: 4px 10px 4px 18px; position: relative; top: -2px; }
.actual-map p button:hover { z-index: 6; }
.actual-map p button:hover + span { left: 0; opacity: 1; transition: left 0s, opacity .25s; z-index: 5; }
.actual-map p:nth-of-type(1) { left: 62.9%; top: 87.7%; }
.actual-map p:nth-of-type(2) { left: 57.5%; top: 84.7%; }
.actual-map p:nth-of-type(3) { display: none; left: 10%; top: 10%; }
.actual-map p:nth-of-type(4) { display: none; left: 10%; top: 10%; }
.actual-map p:nth-of-type(5) { display: none; left: 10%; top: 10%; }
.panel-rp .actual-map { margin-bottom: 30px; }
.panel-rp .actual-map p button { color: #fff; }
.panel-rp .actual-map p span { color: #fff; }

.schedule-tab { color: #fff; padding: 38px 10% 0; }
.schedule-tab h3 { color: #fff; }
.schedule-tab ul { list-style-type: none; margin-top: 56px; padding: 0; }
.schedule-tab ul li { min-height: 220px; padding-left: 170px; padding-top: 40px; position: relative; }
.schedule-tab li h4 { font-weight: 700; margin: 0 0 2px !important; }
.schedule-tab li p { margin: 0 0 18px; }
.schedule-tab li span { background: #aed141; color: #292e6b; font-weight: 700; padding: 5px 10px; position: relative; text-transform: uppercase; }
.schedule-tab li span:after { border: 8px solid transparent; border-bottom-color: #aed141; bottom: 100%; content: ""; left: 8px; position: absolute; }
.schedule-tab li:before { background: #aed141; content: ""; height: 100%; left: 68px; position: absolute; top: 0; width: 3px; }
.schedule-tab li:last-of-type:before { display: none; }
.schedule-tab img { height: auto; left: 0; position: absolute; top: -10px; width: 140px; }

#search-project-map iframe { height: 560px; width: 100%; }

/* JORDAN LAKE SUBPROJECTS */

.jordan-project-top { margin: 40px 10%; }
.jordan-project-top p:first-of-type a { background: #292e6b; color: #fff; font-size: 1.1em; font-weight: 700; padding: 6px 11px; }
.jordan-project-top p:first-of-type a:hover { background: #1c2159; text-decoration: none; }
.jordan-project-top p:first-of-type a i { color: #aed141; margin-right: 8px; }
.jordan-project-top h2 { color: #292e6b; margin-top: 34px; }
.jordan-project-top.has-image > div { margin-top: 46px; min-height: 230px; padding-left: 280px; position: relative; }
.jordan-project-top.has-image > div img { height: auto; left: 0; position: absolute; width: 220px; }

.facility-components { margin-top: 40px; overflow: auto; }
.facility-components div { float: left; margin-right: 2%; text-align: center; width: 32%; }
.facility-components div:last-of-type { margin: 0; }
.facility-components img { height: auto; width: 160px; }

.coming-soon { z-index: 1; }
.coming-soon > div { height: 100%; position: relative; text-align: center; z-index: 1; }
.coming-soon > div:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.coming-soon > div > div { background: #fff; box-shadow: 0 5px 20px -2px #333; display: inline-block; margin: 0 auto; padding: 0 4% 24px; vertical-align: middle; width: 48%; }
.coming-soon > div > div p { margin: 0; }
.coming-soon + #stay-up-to-date { margin-top: -50px; padding-top: 90px; }

.pilot-testing { height: 1000px; }
.pilot-testing:before { height: 968px; }
.pilot-testing > div > div { padding-top: 18px; padding-bottom: 44px; }
.pilot-testing ul { list-style-type: none; text-align: left; }
.pilot-testing ul li { padding: 0 0 22px 34px; position: relative; }
.pilot-testing ul img { left: 0; position: absolute; width: auto; }

.project-history { height: 540px; z-index: 1; }
.project-history:before { height: 504px; }
.project-history > div { height: 100%; position: relative; text-align: center; z-index: 1; }
.project-history > div:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.project-history > div > div { background: #fff; box-shadow: 0 5px 20px -2px #333; display: inline-block; margin: 0 auto; padding: 0 4% 24px; vertical-align: middle; width: 48%; }
.project-history > div > div p { margin: 0; }

#project-timeline { background: #1765a2; color: #fff; margin: -50px 10%; padding: 70px 5% 98px; }
#project-timeline h3 { color: #fff; }
#project-timeline ul { list-style-type: none; padding: 0; }
#project-timeline ul li { border-bottom: 2px solid #fff; padding: 10px 0; }
#project-timeline ul li:last-of-type { border: 0; }
#project-timeline ul li span { background: #aed141; color: #292e6b; display: inline-block; font-weight: 700; padding: 5px 54px; }
#project-timeline ul li p { display: inline-block; margin-left: 22px; vertical-align: middle; width: 70%; }

#partnership-studies { background: #1765a2; color: #fff; margin: 0 10%; padding: 0 7% 46px; }
#partnership-studies h3 { color: #fff; }

#general-header .has-agreers { padding-bottom: 220px; }
#general-header .has-agreers h2 { text-align: left; }
#general-header .has-agreers img { width: 34%; }

.partner-principles { height: 540px; z-index: 1; }
.partner-principles:before { height: 504px; }
.partner-principles > div { height: 100%; position: relative; text-align: center; z-index: 1; }
.partner-principles > div:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.partner-principles > div > div { background: #fff; box-shadow: 0 5px 20px -2px #333; display: inline-block; margin: 0 auto; padding: 64px 4%; vertical-align: middle; width: 72%; }
.partner-principles > div > div p { margin: 0; }
.partner-principles > div > div div { float: left; padding: 0 2%; width: 25%; }
.partner-principles > div > div div img { height: 80px; margin-bottom: 12px; width: auto; }
.page-template-project-landing-with-general-header-and-less-stuff #stay-up-to-date { margin-top: -50px; padding-top: 90px; }

.permit-library { padding-top: 118px; padding-bottom: 160px; }
.permit-library:before { background: #00babe; bottom: 25px; content: ""; height: 36px; left: 0; position: absolute; width: 100%; z-index: 1; }
.permit-library:after{ background-image: url(../images/wavebg.png); bottom: 0; content: ""; height: 72px; left: 0; position: absolute; width: 100%; z-index: 2; }

/* UPDATES */

.page-template-updates > .row:last-of-type { padding: 40px 10% 64px; }
.page-template-updates h2 { margin: 46px 0 26px; }
.page-template-news > .row:last-of-type { min-height: 70%; padding: 40px 10% 64px; }

/* GET INVOLVED */

#jordan-lake-event .col-sm-6:first-of-type .plain-centered { padding-right: 4% !important; }
#jordan-lake-event .col-sm-6:last-of-type .plain-centered { padding-left: 4% !important; }

#get-involved { background: #292e6b; padding: 30px 0 48px; position: relative; text-align: left; }
#get-involved > div { margin: 0 auto; max-width: 1100px; width: 68%; }
#get-involved h3 { color: #fff; padding: 0 1%; }
#get-involved p { color: #fff; line-height: 1.5em; padding: 12px 1% 22px; }
#get-involved > div > div { overflow: auto; position: relative; }
#get-involved a { box-shadow: 0 0 18px -4px #000; float: left; margin: 1%; text-align: center; width: 31.3333%; }
#get-involved a:hover { text-decoration: none; }
#get-involved a:last-of-type { margin-right: 0; }
#get-involved a img { height: auto; width: 100%; }
#get-involved a > span { background: #fff; display: block; height: 120px; padding-top: 12px; transition: background .2s; }
#get-involved a > span > span { color: #292e6b; display: inline-block; font-size: 1.3em; font-weight: 700; line-height: 1.2em; padding: 0 10%; vertical-align: middle; }
#get-involved a:hover img { opacity: 1; }
#get-involved a:hover > span { background: #e5e5e5; }
#get-involved.approvals a span { height: 160px; padding: 14px 14% 0; }

.get-involved-resources i { display: block; font-size: 3em; margin: 0 auto 4px; }
.get-involved-resources { padding: 0 8% 14px; }
.get-involved-resources h3 { background: #1765a2; color: #fff; display: inline-block; margin-top: 40px; padding: 4px 8px; }
.get-involved-resources p a { display: inline-block; text-align: center; }

.page-template-get-involved #general-header img { z-index: 3; }
.get-involved-resources-1 { margin-top: -100px; padding-top: 120px; padding-bottom: 32px; position: relative; text-align: center; }
.get-involved-resources-1 > div:before { background: #292e6b; content: ""; height: 518px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.get-involved-resources-1 > div:after { background: #1765A2; content: ""; height: 100%; left: 50%; margin-left: -42%; position: absolute; top: 0; width: 84%; z-index: 0; }
.get-involved-resources-1 > div { display: flex; justify-content: space-evenly; margin: 0 auto; width: 100%; }
.fake-get-involved-resource,
.get-involved-resources-1 > div > div { background: #fff; display: inline-block; float: none; padding: 0 0 8px; position: relative; vertical-align: top; width: 33.3333%; z-index: 2; }
.fake-get-involved-resource h3,
.get-involved-resources-1 > div > div h3 { background: transparent; color: #292e6b; margin: 24px 0 2px; }
.fake-get-involved-resource p:first-of-type,
.get-involved-resources-1 > div > div p:first-of-type { margin: 0; }
.fake-get-involved-resource a,
.get-involved-resources-1 > div > div a { padding: 0 38px; }
.fake-get-involved-resource img,
.get-involved-resources-1 > div > div img { height: auto; }

.fake-get-involved-resource { margin: 0; text-align: center; max-width: 320px; width: 100%; }
.fake-get-involved-resource a { padding: 0;  }

.form-group { float: left; margin-right: 4%; margin-bottom: 26px; width: 48%; }
.form-group:nth-of-type(even) { margin: 0; }
.form-group:last-of-type { margin: 0 0 24px; width: 100%; }

.get-involved-resources-2 > div { margin: 0; }
.get-involved-resources-2 > div > div { background: #1765A2; margin: 0 0 -40px; padding-bottom: 80px; }
.get-involved-resources-2 > div > div h3 { background: #fff; box-shadow: 0 2px 6px -2px #000; color: #292E6B; display: block; font-size: 1.8em; margin: 0 auto; padding: 24px 18px; text-align: center; width: 962px; }

.get-involved-resources-3 > div > div {width: 29%; }
.get-involved-resources-3 > div > div a { padding: 0;  }
.get-involved-resources-3 > div > div:last-of-type { display: none; }
.get-involved-resources-3 > div > div h3 { padding: 0 16px; }

#wistia_envelope { margin: 6px auto 0; max-width: 962px; }

#mc_embed_signup { background: #1765A2 !important; font-family: "Montserrat",sans-serif !important; margin: 0 auto; width: 800px !important; }
#mc_embed_signup h2 { color: #fff; font-size: 1.8em !important; margin-top: 70px !important; text-align: center; }
#mc_embed_signup .indicates-required { color: #fff; }
#mc_embed_signup .helper_text { display: none !important; }
#mc_embed_signup .mc-field-group label { color: #fff; }
#mc_embed_signup .mc-field-group:nth-of-type(3) { display: inline-block; margin-right: 40px; width: 340px; }
#mc_embed_signup .mc-field-group:nth-of-type(4) { display: inline-block; width: 340px; }
#mc_embed_signup .foot { display: block !important; text-align: center; }
#mc_embed_signup .button { background: #AED141 !important; border-radius: 28px !important; color: #292e6b !important; font-weight: 700 !important; font-size: 1.4em !important; height: 36px !important; line-height: 36px !important; margin: 32px auto 0 !important;  }
#mc_embed_signup .button:hover { background: #9cbe32 !important; }
#mc_embed_signup .brandingLogo { display: none; }

.page-template-home #get-involved > div > div { position: static; margin: 0; top: 0; }
.page-template-home #get-involved > div > div { margin-top: 0px; position: relative; top: 200px; }
.page-template-home #get-involved > div > div:first-of-type { margin-top: 0; margin-bottom: 0px; top: 0px; }
.page-template-partnerportal #get-involved:before { display: none; }

.ccm-edit-mode #get-involved { margin-bottom: 40px;  }
.ccm-edit-mode #get-involved:before { height: 40px; }
.ccm-edit-mode #get-involved div { margin-top: 0; top: 0; }

.leave-a-comment { background: #292e6b; color: #fff; margin: -50px 8% 0; padding: 90px 4% 1px; text-align: center; }
.leave-a-comment h3 { color: #fff; }
.leave-a-comment:last-of-type { margin-top: 0; margin-bottom: 80px; padding: 0 4% 46px; }
.leave-a-comment input,
.leave-a-comment select,
.leave-a-comment textarea { background: #e5e5e5; border-radius: 0; border: 0; }
.leave-a-comment button { background: #aed141; border: 0; border-radius: 60px; color: #292e6b; display: block; font-size: 1.2em; font-weight: 700; margin: 0 auto; padding: 3px 12px; width: 140px; }
.leave-a-comment button:hover { background: #9abd2c; color: #292e6b; text-decoration: none; }

/* CONTACT US */

#get-in-touch { margin-top: -80px; }

.get-in-touch { margin-top: -40px; }
.get-in-touch label { color: #292e6b; font-style: italic; }
.get-in-touch input,
.get-in-touch select,
.get-in-touch textarea { background: #bfeeef; border-radius: 0; border: 0; }
.get-in-touch button { background: #fff; border: 2px solid #292e6b; border-radius: 60px; color: #292e6b; display: block; font-size: 1.2em; font-weight: 700; margin: 0 auto; padding: 3px 12px; width: 140px; }
.get-in-touch button:hover { background: #d9f5f5; color: #292e6b; text-decoration: none; }

.provide-feedback { clear: both; }
.provide-feedback > div { height: 100%; position: relative; text-align: center; z-index: 1; }
.provide-feedback > div:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.provide-feedback > div > div { background: #fff; box-shadow: 0 4px 20px -2px #333; display: inline-block; margin: 0 auto; padding: 14px 4%; vertical-align: middle; width: 48%; }
.provide-feedback > div > div a { background: #aed141; border-radius: 60px; box-shadow: none !important; color: #292e6b; display: inline-block; float: none !important; font-size: 1.1em; font-weight: 700; margin: 0 0 8px !important; padding: 4px 18px; width: auto !important; }
.provide-feedback > div > div a:hover { background: #9cbf2e; text-decoration: none; }

.request-speaker-mailchimp p iframe { display: block; margin: 0 auto; }
@media screen and (max-width: 720px) {
    .request-speaker-mailchimp p iframe { width: 100%; }
}

.contact-page-mailchimp { background: #1765A2; margin-bottom: 12px; padding: 1px 0 18px; }

.work-with-us-section { margin: 50px 18%; min-height: 200px; padding-left: 340px; position: relative; }
.work-with-us-section img { height: auto; left: 0; position: absolute; width: 280px; }
.work-with-us-section a { background: #fff; border: 2px solid #292e6b; border-radius: 60px; color: #292e6b; display: inline-block; font-size: 1.2em; font-weight: 700; padding: 3px 12px; }
.work-with-us-section a:hover { background: #d9f5f5; color: #292e6b; text-decoration: none; }

.rfqs { padding-bottom: 90px; position: relative; }


/* PROJECT FOOTER */

#stay-up-to-date { background: #1765a2; color: #fff; margin: 0 auto; max-width: 1200px; padding: 0 36px 54px; position: relative; text-align: center; width: 80%; }
#stay-up-to-date h3 { color: #fff; }
#stay-up-to-date img { display: inline-block; height: 280px; margin-right: 60px; vertical-align: middle; }
#stay-up-to-date > img { display: none; }
#stay-up-to-date div { display: inline-block; text-align: left; vertical-align: middle; width: 100%; }
#stay-up-to-date a { border: 2px solid #fff; border-radius: 60px; color: #fff; display: inline-block; font-size: 1.2em; font-weight: 700; padding: 3px 12px; }
#stay-up-to-date a:hover { background: #024d87; text-decoration: none; }
.page-template-home #stay-up-to-date { margin-top: -80px; padding-top: 90px; }
.page-template-home #stay-up-to-date img { height: 300px; margin-top: -30px; position: relative; z-index: 4; }
.ccm-edit-mode #stay-up-to-date div { width: 100%; }

#our-community { display: flex !important; padding: 40px 2% 0; }
#our-community img { height: auto !important; width: 280px; }
#our-community p:first-of-type { flex-shrink: 0; width: auto; }
#our-community div { width: auto; }

#announcement { background: #292e6b; color: #fff; margin-top: -18px; padding: 86px 24% 64px; position: relative; text-align: center; z-index: 1; }
#announcement h2 { color: #aed141; margin: 0 auto; width: 460px; }
#announcement h3 { color: #fff; }
#announcement a { color: #df845b; }
#announcement a:hover { color: #c56b43; }

#project-landing-bottom { padding: 58px 24%; }
#project-landing-bottom .col-sm-6 { padding-right: 10%; }
#project-landing-bottom h3 { color: #292e6b; }
#project-landing-bottom p { color: #1765ab; }
#project-landing-bottom img { height: 56px; width: auto; }
#project-landing-bottom a { border: 2px solid #292e6b; border-radius: 60px; color: #292e6b; display: inline-block; font-size: 1.2em; font-weight: 700; padding: 3px 12px; }
#project-landing-bottom a:hover { background: #d9f5f5; text-decoration: none; }
#project-landing-bottom .col-sm-12 { padding: 0 20%; text-align: center; }
#project-landing-bottom .col-sm-12 img { height: 94px; }


/* WORK WITH US */

.work-us-resources { padding: 0 16%; }
.work-us-resources a { color: #000; display: block; padding: 0 40px; text-align: center; }
.work-us-resources a img { display: block; height: 90px; margin: 0 auto 4px; width: auto; }

.work-us-video { margin: 0 auto; padding: 0 25% 74px; }

#wwu-mailinglistbox { background-color: #1765a2; background-image: url(../images/wavebg.png); padding-top: 42px; padding-bottom: 54px; }
#wwu-mailinglistbox p { background: #fff; margin: 0; padding: 24px 0; text-align: center; }
#wwu-mailinglistbox p a { color: #222; }
#wwu-mailinglistbox p img { display: block; height: 44px; margin: 0 auto; width: auto; }
#wwu-mailinglistbox p:last-of-type a { background: #aed141; border-radius: 60px; box-shadow: none !important; color: #292e6b; display: inline-block; float: none !important; font-size: 1.1em; font-weight: 700; margin: 0 0 8px !important; padding: 4px 18px; width: auto !important; }

/* PARTNER PAGE */

.blue-partner-section { background: #1765a2; color: #fff; margin: -300px auto 0; max-width: 1200px; padding: 300px 5% 40px; width: 80%; }
.blue-partner-section h3 { color: #fff; }
.blue-partner-section .col-md-6 .font-italic { font-style: italic; margin: 5px 0 16px; }
.blue-partner-section iframe { height: 640px; width: 100%; }

#partner-photo-section .col-md-4 { margin: 12px 0;  }

.stay-involved { padding-left: 240px; }
.stay-involved img { width: 190px; }

.stay-involved-row { padding: 60px 15%; }
.stay-involved-row img { height: auto; padding: 0 12%; }
.stay-involved-row fieldset { padding: 14px 0; }
.stay-involved-row label { color: #292e6b; font-weight: 400; margin-bottom: 18px; }

/* FOOTER */

footer { background: #1765a2; padding: 28px 8% !important; }
footer > p { display: inline-block; }
footer > p img { height: 36px; width: auto; }
footer ul li { display: inline-block !important; }
footer ul li a { color: #fff; }
footer ul li a:hover { background: transparent !important; color: #ddd !important; }
footer > ul { float: right; }
footer > ul li:first-of-type { display: none !important; }
footer > ul li a { padding: 10px 0 10px 26px !important; }
footer > div { clear: both; color: #fff; margin-top: 28px; }
footer > div ul { display: inline-block; padding-left: 0; }
footer > div ul li { border-right: 2px solid #00babe; padding: 0 14px 0 10px; }
footer > div ul li:last-of-type { border-right: 0; }
footer > div > p { float: right; }


/*####MEDIA QUERIES###*/

@media screen and (min-width: 2400px) {
    .project-purpose { height: 900px; }
    .project-purpose:before { height: 864px; }
}

@media screen and (min-width: 1880px) {
    body { font-size: 18px; }

    .custom-header div p img { height: 42px; margin-top: 0; }

    .page-template-home #stay-up-to-date img { height: 320px; margin-top: -80px; }

    #general-header { min-height: 360px; }
    #general-header img { max-width: 380px; }
    .project-purpose > div > div { width: 38%; }

    .components-carousel > ul { height: 660px; margin: 28px 20% 0; width: 60%; }
    .view-resources { margin: 48px 20%; }
    .actual-map p button { height: 50px; line-height: 48px; width: 50px; }

    #general-header .has-agreers img { max-width: 640px; }
    #general-header .bigger-image img { max-width: 350px; width: 16%; }

    footer > p img { height: 46px; }
}

@media screen and (max-width: 1600px) {
    .custom-header div { padding: 0 4%; }
    
    .components-carousel > ul { height: 720px; }
    #general-header .has-agreers img { width: 40%; }
}

@media screen and (max-width: 1440px) {
    .custom-header > ul { padding-right: 1.5%; }
    .custom-header > ul li { font-size: .8em; margin: 5px 0 !important; }
    .custom-header div { padding: 0 1.5%; }
    .custom-header div p img { height: 28px; margin-top: 0; }
    .custom-header div ul { font-size: .9em; height: 44px; line-height: 44px; }
    .custom-header div ul li a { font-size: .9em; padding: 0 11px !important; }
}

@media screen and (max-width: 1370px) {
    #general-header { padding: 50px 10% 60px 42%; }
    #general-header img { left: 10%; width: 25%; }
    #general-header .bigger-image img { width: 23%; }

    .our-supporters p:last-of-type { margin-left: 34px; width: 60%; }

    .components-carousel > ul { height: 650px; }
    .actual-map p button { height: 36px; line-height: 34px; width: 36px; }
    .actual-map p span { font-size: .9em; padding: 2px 8px 2px 16px; }

    .pilot-testing > div > div { width: 75%; }

    #get-involved.approvals a span { font-size: 1.1em; height: 150px; padding: 14px 12% 0; }

    footer { padding: 10px 4% 16px !important; }
}

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

    .plain-centered { padding: 18px 16% 54px; }

    .carousel > ul > li { padding: 6px 24px 0; }
    .our-members img { height: auto; width: 70% !important; }
    .our-members img:first-of-type { width: 100px !important; }

    .our-projects-top > div { width: 70%; }
    .our-projects-top h2 { font-size: 1.3em; }
    .our-projects-top:before { content: ""; height: 230px; left: 8%; position: absolute; top: 100%; width: 84%; }
    .our-projects-top a > span { height: 110px; }
    .our-projects-top a > span > span { font-size: 1.1em; padding: 16px 6%; }

    #get-involved a > span > span { font-size: 1.1em; padding: 16px 18%; }
    #project-landing-bottom { padding: 40px 20%; }

    #did-you-know h3 { font-size: 1.3em; }
    #did-you-know p { width: 30%; }
    #did-you-know p > span { height: 166px; line-height: 1.2em; }
    #did-you-know p > span > span { padding: 0 14px; }

    .project-purpose > div > div { width: 60%; }

    .tabset { margin: 0 auto -240px; }
    .components-carousel > ul { height: 596px; margin-top: 28px; }

    .project-history > div > div { width: 74%; }

    #general-header .has-agreers { padding-bottom: 170px; }
    #general-header .has-agreers img { width: 50%; }

    .get-involved-resources-1 > div:before { height: 415px; }
    .get-involved-resources-1 > div > div { min-height: 500px; }
    .get-involved-resources-2 > div > div h3 { font-size: 1.4em; padding: 16px; width: 90%; }
    .fake-get-involved-resource a,
    .get-involved-resources-1 > div > div a { padding: 0 10px; }
        
    #wistia_envelope { width: 90%; }
    #mc_embed_signup { width: 100% !important; }
    #mc_embed_signup .mc-field-group:nth-of-type(3),
    #mc_embed_signup .mc-field-group:nth-of-type(4) { width: 94%; }

    footer { font-size: .8em; }
}

@media screen and (max-width: 1080px) {
    .ccm-page h3 { font-size: 1.1em; }
    

    #general-header { min-height: 250px; padding: 40px 7% 60px 38%; }
    #general-header h2 { font-size: 1.3em; }
    #general-header img { left: 6%; }
    #general-header.no-image { margin-bottom: 40px; }

    #announcement { padding: 74px 14%; }
    #announcement h3 { font-size: 1.4em; }

    .homepage-header h2 { margin: 48px 10% 20px; }

    .actual-map p button { font-size: 1em; height: 28px; line-height: 26px; width: 28px; }
    .actual-map p span { font-size: .8em; line-height: 1.2em; padding: 3px 14px; }

    #get-involved.approvals a span { font-size: 1em; height: 130px; padding: 14px 8% 0; }

    .blue-partner-section iframe { height: 520px; }

    .work-us-resources { font-size: .9em; padding: 0 8%; }
    .work-us-resources a img { height: 50px; }
}

@media screen and (max-width: 992px) {
    .custom-header > ul { padding-right: .5%; }
    .custom-header > ul li { font-size: .7em; margin: 5px 0 !important; }
    .custom-header div { position: relative; }
    .custom-header div p { padding: 6px 0; position: static; }
    .custom-header div > ul { height: auto; line-height: 1em; opacity: 0; position: absolute; right: 200%; text-align: left; top: 100%; width: 210px; z-index: 1111; }
    .custom-header div > ul.showing { opacity: 1; right: 0; transition: right 0s, opacity .2s; }
    .custom-header div > ul > li { background: #fff; border-bottom: 1px solid #00babe; display: block !important; font-size: .9em; height: auto !important; line-height: 1em; padding: 5px; }
    .custom-header div > ul > li:last-of-type { border: 0; box-shadow: 8px 8px 8px -4px #333; }
    .custom-header div > ul > li a { color: #292e6b; padding: 0 3px!important; }
    .custom-header div li.nav-selected:after { display: none; }
    .custom-header div > ul li:nth-of-type(2) { padding-bottom: 1px !important; }
    .custom-header div > ul li:nth-of-type(2) ul { border-top: 1px solid #00babe; box-shadow: none; height: auto !important; margin-left: 8px !important; margin-top: 6px !important; padding: 0; position: static; width: 100%; }
    .custom-header div > ul li:nth-of-type(2) ul li { border-bottom: 1px solid #00babe; height: auto !important; line-height: 1em; padding: 5px 5px 5px 12px !important; }
    .custom-header div > ul li:nth-of-type(2) ul li:last-of-type { border-bottom: 0; }
    .custom-header div > ul li:nth-of-type(3) { padding-bottom: 1px !important; }
    .custom-header div > ul li:nth-of-type(3) ul { border-top: 1px solid #00babe; box-shadow: none; height: auto !important; margin-left: 8px !important; margin-top: 6px !important; padding: 0; position: static; width: 100%; }
    .custom-header div > ul li:nth-of-type(3) ul li { border-bottom: 1px solid #00babe; height: auto !important; line-height: 1em; padding: 5px 5px 5px 12px !important; }
    .custom-header div > ul li:nth-of-type(3) ul li:last-of-type { border-bottom: 0; }
    .custom-header div > ul li:nth-of-type(4) { padding-bottom: 1px !important; }
    .custom-header div > ul li:nth-of-type(4) ul { border-top: 1px solid #00babe; box-shadow: none; height: auto !important; margin-left: 8px !important; margin-top: 6px !important; padding: 0; position: static; width: 100%; }
    .custom-header div > ul li:nth-of-type(4) ul li { border-bottom: 1px solid #00babe; height: auto !important; line-height: 1em; padding: 5px 5px 5px 12px !important; }
    .custom-header div > ul li:nth-of-type(4) ul li:last-of-type { border-bottom: 0; }
    .custom-header div ul ul li a { padding-left: 3px !important;  }
    .custom-header div ul ul li a:after { display: none; }

    #mobile-menu { background: transparent; border: 0; color: #fff; display: block; float: right; font-size: 1.5em; margin: 3px 0; }

    .get-involved-resources-1 > div { flex-wrap: wrap; }
    .get-involved-resources-1 > div > div { margin-bottom: 24px; width: 44%; }
}

@media screen and (max-width: 890px) {
    .ccm-page p, .ccm-page ul { font-size: .9em; }

    #general-header { min-height: 190px; padding: 10px 4% 40px 290px; }
    #general-header h2 { font-size: 1.1em; }
    #general-header img { left: 6%; width: 230px; }
    #general-header.no-image { padding: 42px 16%; }

    .partnership-governance { padding: 24px 8% 144px; }
    .partnership-governance img { max-width: 300px;width: 64%; }

    .homepage-header { padding-bottom: 120px; }
    .homepage-header h2 { font-size: 1.1em; margin: 38px 10% 20px; }
    .homepage-header a { font-size: 1em; }
    .homepage-header img { width: 56%; }

    .page-template-home #stay-up-to-date img { height: 150px; }

    .plain-centered { padding: 14px 8% 44px; }
    .thin-blue { margin: 0 8% 48px; width: 84%; }

    .carousel > ul { box-shadow: none; flex-wrap: wrap; margin: 44px auto; width: 90%; }
    .carousel > ul h3 { font-size: 1.2em; }
    .carousel > ul p { font-size: 1.1em; margin-top: 4px; }
    .carousel > ul > li { font-size: .9em; margin: 12px 0; padding-top: 0; width: 47%; }

    .our-members img { height: auto; }
    .our-supporters p img { width: 120px; }

    .our-projects-top { padding-top: 18px; }
    .our-projects-top > div { width: 84%; }
    .our-projects-top h2 { font-size: 1em; padding: 0; }
    .our-projects-top a { border: 1px solid #1765a2; }
    .our-projects-top a > span { height: 100px; }
    .our-projects-top a > span > span { font-size: .9em; padding: 0 18px; }

    #stay-up-to-date img { height: 200px; margin-right: 34px; }
    #stay-up-to-date div { font-size: .9em; width: 56%; }
    #stay-up-to-date div { font-size: 1em; width: 100%; }
    #get-involved { margin-bottom: 0px; padding: 24px 0 18px; }
    #get-involved > div { width: 84%; }
    #get-involved:before { height: 240px; left: 3%; width: 94%; }
    #get-involved a > span { height: 70px; }
    #get-involved a > span > span { font-size: .9em; padding: 0 10%; }
    #project-landing-bottom { padding: 40px 12% 20px; }
    #project-landing-bottom .col-sm-6 { font-size: .9em; margin-bottom: 38px; padding-right: 6%; }
    .page-template-home #get-involved > div > div:first-of-type { margin-top: 18px; margin-bottom: 48px; top: 0; }

    #our-community { display: block !important; }

    .get-involved-resources-1 > div { width: 100%; }
    .get-involved-resources-1 > div > div { margin-bottom: 18px; max-width: 450px; min-height: auto; width: 78% !important; }
    .get-involved-resources-2 > div { margin-top: -18px; padding-top: 0; }

    .form-group { float: none; margin-bottom: 26px !important; width: 100%; }
    .form-group:last-of-type { margin: 0 0 24px; width: 100%; }

    #did-you-know { padding-bottom: 18px; text-align: center; }
    #did-you-know h3 { margin: 0 0 14px; text-align: center; width: 100%; }
    #did-you-know p { width: 29%; }
    #did-you-know p strong { font-size: 1.1em; }
    #did-you-know p > span { font-size: .9em; height: 176px; line-height: 1.2em; }
    #did-you-know p > span > span { padding: 0 10px; }

    .project-details p { padding: 0 5%; }
    .tabset { margin-bottom: -262px; top: -262px; }
    .tabset .tab { font-size: .85em; }
    .components-carousel > ul { height: 474px; margin: 28px 15% 0; width: 70%; }
    .components-carousel > ul button { font-size: 1.6em; margin-left: 10px; }
    .components-carousel > ul .previous-button { margin-right: 10px; }
    .view-resources a { font-size: .9em; }

    .project-maptab { margin: 10px 4%; }

    .pilot-testing ul { padding-left: 12px; }
    .pilot-testing p:last-of-type img { height: auto; width: 100%; }

    .facility-components div { line-height: 1.1em; padding: 0 2%; }
    .facility-components img { width: 100px; }
    .coming-soon > div:after { height: 96%; }
    .coming-soon > div > div { font-size: .9em; line-height: 1.1em; width: 70%; }
    
    .jordan-project-top.has-image > div { margin-top: 40px; min-height: 180px; padding-left: 180px; }
    .jordan-project-top.has-image > div img { width: 140px; }

    #project-timeline { margin: -50px 8% 0; padding-bottom: 18px; }
    #project-timeline ul li span { padding: 5px 18px; }
    #project-timeline ul li p { margin-left: 14px; width: 54%; }

    #get-involved.approvals a span { font-size: .9em; height: 130px; padding: 14px 4% 0; }

    #partnership-studies { margin: 0 3%; padding-bottom: 14px; }

    #general-header .has-agreers { padding-bottom: 110px; }
    .partner-principles > div > div { font-size: .85em; padding: 42px 2%; width: 88%; }
    .partner-principles > div > div div img { height: 34px; }

    .provide-feedback > div > div { padding: 8px 4% 2px;  width: 80%; }
    .work-with-us-section { margin: 50px 12%; min-height: 170px; padding-left: 200px; }
    .work-with-us-section img { width: 160px; }

    .page-template-partnerportal #get-involved { padding-bottom: 60px; }
    .blue-partner-section { margin: -240px auto 0; padding-top: 200px; padding-bottom: 20px; }

    .custom-footer { padding: 0 4% 16px !important; }
    .custom-footer > p:first-of-type { margin-bottom: 10px !important; width: 100%; }
    .custom-footer > p img { display: block; height: 30px; margin: 0 auto; }
    .custom-footer > ul { margin: 2px 0 !important; text-align: center; width: 100%; }
    .custom-footer > ul li { line-height: 1em; }
    .custom-footer > ul li a { padding: 8px 14px 4px !important; }
}

@media screen and (max-width: 768px) {
    .stay-involved-row { padding-top: 38px; }
    .stay-involved-row img { display: block; height: auto; margin: 0 auto 14px; padding: 0; width: 100px;  }

    #jordan-lake-event .col-sm-6 .plain-centered { padding: 0 4% 28px !important; }
    .jordanlake-toprow > .row { display: block; }
    .jordanlake-toprow .plain-centered { padding-bottom: 38px; }
    .project-purpose > div { margin: 72px 0; }

    .work-us-video { padding: 0 10% 80px;}
}

@media screen and (max-width: 640px) {
    #general-header { margin-bottom: 70px; min-height: auto; padding: 4px 4% 88px; }
    #general-header h2 { font-size: 1em; }
    #general-header img { left: 50%; margin-left: -70px; width: 140px; }
    #general-header .bigger-image img { width: 130px; }

    .homepage-header { padding-bottom: 100px; }
    .homepage-header h2 { font-size: 1em; line-height: 1.2em; margin: 24px 8% 20px; }
    .homepage-header a { font-size: .9em; }
    .homepage-header img { width: 66%; }

    #announcement { padding: 56px 9% 40px; }
    #announcement h2 { width: auto; }

    .carousel > ul > li { padding: 0 16px; }

    .about-us a { font-size: 1em; }

    .our-supporters p:last-of-type { margin-left: 0; width: 100%; }

    .our-projects-top { margin-bottom: 180px; }
    .our-projects-top h2 { font-size: .9em; margin: 14px 0 20px; padding-bottom: 0; }
    .our-projects-top > div { padding: 0 30px; width: 100%; }
    .our-projects-top > div > div { clear: both; margin-left: 0; top: 120px; }
    .our-projects-top a > span { height: 60px; }
    .our-projects-top a > span > span { font-size: .7em; padding: 0 6px; }
    .our-projects-top:before { height: 0; }

    #did-you-know p { margin-bottom: 0; width: 75%; }
    #did-you-know p > span { height: auto; padding: 10px; }
    #did-you-know p > span:after { display: none; }

    #mc_embed_signup { width: 100% !important; }


    #get-involved { font-size: .9em; padding-top: 8px; }
    #get-involved p { margin: 0; }

    .home-projects div h3 { margin-top: 8px; }
    .home-projects div p { line-height: 1.2em !important; }
    .home-projects div p a { margin-top: 16px !important; }
    
    .project-purpose > div > div { width: 80%; }

    .tabset .tab { font-size: .75em; line-height: 1.1em; margin-right: 1%; min-height: 34px; padding: 5px 2%; width: 32.66667%; }
    .components-carousel > ul { height: 394px; margin: 28px 15% 0; width: 70%; }
    .components-carousel > ul li h3 { font-size: 1.1em; margin-top: 10px !important; }
    .components-carousel > ul li { padding: 0; }

    .actual-map p button { font-size: .8em; height: 20px; line-height: 18px; width: 20px; }
    
    .schedule-tab { padding-top: 18px; }
    .schedule-tab img { width: 80px; }
    .schedule-tab ul li { min-height: 150px; padding-left: 100px; padding-top: 10px; }
    .schedule-tab li:before { left: 38px; }
    .schedule-tab li h4 { font-size: 1.1em; word-wrap: break-word; }

    .jordan-project-top p:first-of-type a { display: inline-block; font-size: 1em; }
    .jordan-project-top.has-image > div { padding-left: 0; }
    .jordan-project-top.has-image > div img { position: static; width: 100px; }

    .project-history > div > div { font-size: .9em; line-height: 1.1em;width: 86%; }

    #get-involved.approvals a { display: block; float: none; margin: 0 auto 18px !important; max-width: 180px; width: 90%; }

    #general-header .has-agreers { padding-bottom: 30px; }
    #general-header .has-agreers img { left: 32%; width: 50%; }

    .partner-principles > div > div { padding: 22px 2%; }
    .partner-principles > div > div div { margin: 16px 0; width: 50%; }
    .partner-principles > div > div div:nth-of-type(3) { clear: both; }

    .work-with-us-section { margin: 30px 10% 48px; min-height: 170px; padding-left: 0; }
    .work-with-us-section img { position: static; width: 160px; }
    .work-with-us-section a { font-size: 1em; }
    .stay-involved img { width: 90px; }

    .custom-footer > div ul { margin: 15px 0 2px !important; text-align: center; width: 100%; }
    .custom-footer > div > p { float: none; text-align: center; width: 100%; }

    #get-in-touch { margin-top: 0px; }
}

@media screen and (max-width: 400px) {
    .homepage-header img[src*="left"] { width: 90%; }

    .our-projects-top h2 { font-size: .85em; line-height: 1.3em; }
    .our-projects-top a { display: block; float: none; margin: 0 auto 18px !important; max-width: 180px; width: 90%; }
    .our-projects-top a > span { height: 52px; }

    #stay-up-to-date div { font-size: .8em; width: 100%; }
    #stay-up-to-date a { font-size: .9em; }
    #get-involved a { display: block; float: none; margin: 0 auto 18px !important; max-width: 180px; width: 90%; }
    #project-landing-bottom a { font-size: 1em; }

    .facility-components div { margin: 0; width: 100%; }
    
    #general-header .has-agreers { padding-bottom: 30px; }
    #general-header .has-agreers img { left: 32%; width: 70%; }

    #get-involved .home-projects div p a { margin-top: 16px !important; }
}