html {
    margin-top: 0 !important;
}

html, body {
	height:100%;
}

.fa {
    font-family: "FontAwesome";
}

.far, .fas {
    font-family: "Font Awesome 5 Free";
}

h1 {
	color: rgb(40, 63, 66);
}

.section-content h1 {
	margin: 14% auto 20%;
	max-width: 800px;
	width: calc(100% - 40px);
}

.team.page .section-content h1 {
	margin: 14% auto 20px;
	max-width: 800px;
	width: calc(100% - 40px);
}

.section-content h1 img {
    margin: 0 auto;
    display: block;
}

h2 {
	color: rgb(40, 63, 66);
	text-transform: uppercase;
}

h3 {
	color: rgb(40, 63, 66);
}

h4 {
	color: rgb(40, 63, 66);
	line-height: 1;
    text-align: center;
    text-transform: none;
    margin: 0 auto;
	font-family: "open_sansregular";
}

p, ul {
	color: rgb(40, 63, 66);
	font-family: "open_sansregular";
}

#ellLogo {
	display: block;
    max-width: 360px;
    margin: 0 auto 0;
	width: calc(100% - 40px);
}

.ellRetro #ellLogo {
    margin: 12% auto 0;
}

.ellRetro .section-content h1 {
    margin: 20px auto 20%;
    max-width: 900px;
}

#ellLogo > img {
	margin: 0 auto;
    max-width: 300px;
}

.main-content {
	padding: 0;
}

.main-content h2, .main-content h3, .main-content h4, .main-content p, .main-content ul, .reveal ul {
	color: white;
}

.main-content h2 {
	font-size: 2.5rem;
}

.ellRetro .main-content h2 {
	font-size: 2rem;
    line-height: 1.2;
}

.ellRetro .main-content .section-content .section-title {
    margin-bottom: 67px;
}

.ellRetro .main-content .section-content h3.section-title {
    margin-top: 0;
}

.main-content h3 {
	font-size: 1.5rem;
	text-transform: uppercase;
	line-height: 1.4;
	margin: 30px auto 40px;
}

.ellRetro .main-content h3 {
	text-align: center;
}

.ellRetro .main-content h3.rowHeader {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.2;
    font-size: 1.25rem;
}

.main-content p, .main-content ul, .reveal p {
	font-size: 1.25rem;
	margin: 0 auto 30px;
	line-height: 1.5;
}

/*.ellRetro  .main-content p, .main-content ul {
    font-family: "open_sanssemibold";
}*/

.main-content .rowText p {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 0;
}

.main-content > section:nth-of-type(1) {
	padding: 6.25% 0 15px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 63, 66, 0.8)), to(rgba(40, 63, 66, 0.8))), url(../005_mg_5738.html);
	background: linear-gradient(rgba(40, 63, 66, 0.8), rgba(40, 63, 66, 0.8)), url(../005_mg_5738.html);
	background-size: cover;
	background-position: center center;
}

.main-content > section:nth-of-type(1) h4 {
	color: white;
    text-transform: uppercase;
    border-top: 4px solid red;
    padding-top: 20px;
    margin-bottom: 14%;
	max-width: 800px;
	width: calc(100% - 40px);
}

.team.page .main-content > section:nth-of-type(1) h4 {
	margin-bottom: 40px;
}

.main-content > section:nth-of-type(4) {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 63, 66, 0.8)), to(rgba(40, 63, 66, 0.8))), url(../stocksy_txp70c31adbm6e100_medium_924048.html);
	background: linear-gradient(rgba(40, 63, 66, 0.8), rgba(40, 63, 66, 0.8)), url(../stocksy_txp70c31adbm6e100_medium_924048.html);
	background-size: cover;
	background-position: center center;
}

.main-content > section:nth-of-type(11) {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 63, 66, 0.8)), to(rgba(40, 63, 66, 0.8))), url(../stocksy_txp70c31adbm6e100_medium_928002.html);
	background: linear-gradient(rgba(40, 63, 66, 0.8), rgba(40, 63, 66, 0.8)), url(../stocksy_txp70c31adbm6e100_medium_928002.html);
	background-size: cover;
	background-position: center center;
}

.main-content > section:nth-of-type(20) {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 63, 66, 0.8)), to(rgba(40, 63, 66, 0.8))), url(../adobestock_94632662.html);
	background: linear-gradient(rgba(40, 63, 66, 0.8), rgba(40, 63, 66, 0.8)), url(../adobestock_94632662.html);
	background-size: cover;
	background-position: center center;
}

.main-content > section:nth-of-type(24) {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 63, 66, 0.8)), to(rgba(40, 63, 66, 0.8))), url(../adobestock_94632662.html);
	background: linear-gradient(rgba(40, 63, 66, 0.8), rgba(40, 63, 66, 0.8)), url(../adobestock_94632662.html);
	background-size: cover;
	background-position: center center;
}

.main-content > section.videoBkg {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 63, 66, 1)), to(rgba(40, 63, 66, 1)));
	background: linear-gradient(rgba(40, 63, 66, 1), rgba(40, 63, 66, 1));
	overflow: hidden;
}

.main-content > section.videoBkg .video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.25;
}

.main-content > section.videoBkg .video video {
    min-width: 100%;
	min-height: 100%;
	
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.main-content > section.quote h2 {
	font-family: "open_sansregular";
    font-style: italic;
    margin-top: 0;
	margin-bottom: 30px;
	font-size: 1.5rem;
    line-height: 1.4;
	text-align: center;
	text-transform: none;
}

.main-content > section.quote h3 {
	font-family: "open_sansregular";
    margin-bottom: 0;
	font-size: 1.25rem;
	text-align: center;
	text-transform: none;
}

.main-content > section.quote h3:before {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	margin: 0 auto 30px;
	background: #D5DE35;
}

.content-inner {
	max-width: 1000px;
    margin: 0 auto;
}

.main-content > section.blue {
	background: #0EA6B4;
	color: white;
}

.main-content > section.green {
	background: #6AC39E;
	color: white;
}

.main-content > section.darkBlue {
	background: #129198;
	color: white;
}

.main-content > section.darkGreen {
	background: #3F9B7A;
	color: white;
}

.main-content > section.red {
	background: #DA4332;
	color: white;
}

.main-content > section {
	padding-bottom: 43px;
	padding-top: 43px;
	text-align: center;
}

.main-content > section.photoGrid, .main-content > section.photoGridAlt, .main-content > section.photoFull {
	background: #ccc;
}

.main-content > section.photoGrid, .main-content > section.photoGrid .col-sm-3, .main-content > section.photoGrid .col-sm-6, .main-content > section.photoGridAlt, .main-content > section.photoGridAlt .col-sm-3, .main-content > section.photoGridAlt .col-sm-6, .main-content > section.photoFull, .main-content > section.photoFull .col-xs-12 {
	padding: 0;
}

.main-content > section.photoGrid .content-inner, .main-content > section.photoGrid .content-inner .container, .main-content > section.photoGridAlt .content-inner, .main-content > section.photoGridAlt .content-inner .container, .main-content > section.photoFull .content-inner, .main-content > section.photoFull .content-inner .container {
    max-width: 100%;
	width: 100%;
	padding: 0;
}

.main-content > section.photoGrid .col-sm-3 img, .main-content > section.photoGrid .col-sm-6 img, .main-content > section.photoGridAlt .col-sm-3 img, .main-content > section.photoGridAlt .col-sm-6 img, .main-content > section.photoFull .col-xs-12 img {
	margin: 0 auto;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	-webkit-box-align: flex-end;
	    -ms-flex-align: flex-end;
	        align-items: flex-end;
}

.flex:before, .flex:after {
    display: inline-block;
}

#challenge .flex, .insightContent.flex {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.milestones.flex, #teacher .flex, .flexCards, #childhood .flex, #teacher .flex.rowFlex, #parent .flex.rowFlex, #tech .flex.rowFlex {
	-webkit-box-align: flex-start;
	    -ms-flex-align: flex-start;
	        align-items: flex-start;
}

.flexCards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.flexVert {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	margin-bottom: 20px;
}

.section-content img.unityCouncil, .team.page .section-content img.teamLogo {
	max-width: 195px;
	margin: 0 auto 20px;
	display: block;
}

.section-content img.opl {
	max-width: 100px;
	margin: 0 auto 20px;
	display: block;
}

.section-content img.laClinica {
	max-width: 220px;
	margin: 0 auto 20px;
	display: block;
}

.section-content img.eastBay {
	margin: 0 auto 20px;
	max-width: 200px;
	display: block;
}

.team.page .section-content img.teamLogo {
    margin-bottom: 12%;
}

.page-id-2714.team.page .section-content img.teamLogo {
	max-width: 100px;
	margin-bottom: 12%;
}

#groupPhoto {
	margin: 30px auto 0;
}

.main-content .rowFlex {
    margin-bottom: 40px;
}

.main-content .milestones h3 {
	color: #dae14c;
    font-size: 5.625rem;
    display: inline-block;
    margin-bottom: 0;
    line-height: 0.9;
    width: 52px;
}

.main-content > section.noBottom {
	padding-bottom: 0;
}

.main-content > section ul {
	text-align: left;
	font-style: italic;
}

.main-content > section ul li {
	margin: 10px auto;
}

.main-content > section a, .main-content > section a:visited {
	color: #dae14c;
}

.main-content > section .card a, .main-content > section .card a:visited {
	color: #0EA6B4;
}

/*footer .section-content {
	background: #6AC39E;
	padding-bottom: 43px;
	padding-top: 43px;
}

footer .social a {
	font-family: 'Font Awesome 5 Brands', sans-serif;
	color: white;
	font-size: 2rem;
	margin: auto 20px;
}

footer .copyright {
	font-size: 0.75rem;
}

footer .row {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

footer .row > div {
	padding: 0;
	text-align: center;
}*/

.childMap {
	max-width: 640px;
}

.section-content img.CAMap, .section-content img.childStat {
	width: 85%;
	margin-bottom: 40px;
}

.section-content img.CAMap {
    margin-top: 7px;
    float: none;
}

.section-content img.childStat {
	margin-top: 10px;
}

.section-content img.barriers {
	width: calc(100% - 20px);
    max-width: 80px;
	display: block;
	margin: 0 auto 20px;
}

.impact img, .milestones img, .principles img {
	max-width: 75px;
    display: block;
    margin: 0 auto 10px;
    vertical-align: middle;
}

.impact img {
	vertical-align: top;
}

.impact p, .main-content .milestones p, .principles p {
	display: block;
    width: calc(100% - 20px);
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 30px;
    font-style: italic;
    vertical-align: middle;
}

.impact p, .impact img {
	vertical-align: top;
}

.principles p {
	font-style: normal;
}

.challenges .challenge p {
	line-height: 0;
}

.principles p span, .challenges p span {
	font-style: normal;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.principles p span {
	color: #DAE14D;
}

.principles p span i, .challenges p span i {
	font-style: normal;
    /*font-family: 'Font Awesome 5 Free', sans-serif;*/
    font-weight: normal;
}

.principles > div {
	cursor: pointer;
	padding: 30px 0;
}

.milestones > div {
	margin-bottom: 20px;
}

.milestones.last > div {
	margin-bottom: 0;
}

.videoBkg .row.flex {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-bottom: 60%;
	position: relative;
}

.process {
	padding-bottom: 30px;
	border-bottom: 2px solid #DAE14C;
	margin-bottom: 30px;
}

.results h3, .resultsAlt h3 {
	margin-bottom: 0;
	vertical-align: middle;
    max-width: calc(100% - 70px);
    display: inline-block;
	margin-top: 0;
}

.resultsAlt h3 {
	margin-bottom: 20px;
}

.results p {
	text-align: left;
	width: calc(100% - 70px);
    display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	line-height: 1.3;
}

.results .icon {
    display: inline-block;
    max-width: 50px;
    margin-bottom: 0;
	margin-right: 20px;
	vertical-align: middle;
}

.results > div > div > div:nth-of-type(n+2) {
	margin-top: 30px;
}

.results > div > div > div:nth-of-type(3n+2) {
	border-top: 2px solid #D5DE35;
	padding-top: 30px;
}

.resultsAlt p {
	text-align: left;
	margin-bottom: 0;
	line-height: 1.3;
	max-width: calc(100% - 30px);
}

.resultsAlt img {
	width: calc(100% - 30px);
    margin: 20px auto;
    max-width: 200px;
	display: block;
}

.results img.impactIcons, .resultsAlt img.impactIcons {
    display: block;
    margin: 0 auto 10px;
    vertical-align: middle;
    width: 60px;
}

.challenge {
	cursor: pointer;
}

.challenge img {
	max-width: 280px;
	display: block;
    margin: 0 auto 10px;
}

.challenge p {
	/*font-family: 'Font Awesome 5 Free', sans-serif;*/
    font-weight: bolder;
	font-size: 1.5rem;
    color: #A3A938;
}

.challenge p i, .closeModal i {
	font-style: normal;
}

.challenges {
	position: relative;
}

#overlayBkg, #overlayBkg2, #overlayBkg3 {
	position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(40, 63, 66, 0.9);
    top: 0;
    left: 0;
    z-index: 1;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.modal {
    position: fixed;
    top: 60%;
    left: 50%;
    max-width: 640px;
    height: auto;
    z-index: 2;
    width: calc(100% - 40px);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: rgba(14, 166, 180, 0.9);
    border-radius: 5px;
    padding: 36px 20px 20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	overflow-y: scroll;
	max-height: 80vh;
}

/*#process .modal {
	top: 20%;
}*/

.process .modal {
    top: 50%;
    background: rgba(40, 63, 66, 0.8);
}

.modal p {
	margin: 0 auto;
}

.modal p:first-of-type {
	margin: 0 auto 20px;
}

.modal h4 {
	color: #dae14c;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: "open_sansbold";
}

.closeModal {
	position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    /*font-family: 'Font Awesome 5 Free', sans-serif;*/
    font-weight: normal;
    font-size: 1.5rem;
	color: #ccc;
}

#overlayBkg.display, .modal.display, #overlayBkg2.display, #overlayBkg3.display {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.modal.display {
    top: 50%;
}

.readMore {
    overflow: hidden;
}

.readMore > div {
	background: #129198;
    padding: 30px;
    margin: 0 auto 15px;
	display: none;
}

.readMore p {
	margin-bottom: 0;
}

.readMore p span {
	font-style: normal;
    font-size: 0.75rem;
    text-transform: uppercase;
	padding-top: 30px;
	display: inline-block;
	cursor: pointer;
}

.readMore p span i {
	font-style: normal;
    /*font-family: 'Font Awesome 5 Free', sans-serif;*/
    font-weight: normal;
}

.principles p span i {
	display: none;
}

.principles p span i.display {
	display: inline-block;
}

.readMore.display {
	height: auto;
	max-height: 100%;
}

.readMore > div.display {
	display: block;
}

.principles > div.yellow p {
	color: #dae14c;
}

.guides {
	margin-top: 40px;
}

.guides h3 {
	margin-bottom: 0;
}

.guides p {
	margin-bottom: 0;
}

.guides a.btn, .guides a.btn:visited, .row a.btn, .row a.btn:visited {
	font-size: 1.125rem;
    text-transform: uppercase;
    margin: 10px auto 30px;
    background: none;
    font-weight: bold;
    color: white;
	line-height: 1;
	width: 100%;
}

.row p a.btn-rounded, .row p a.btn-rounded:hover, .row p a.btn-rounded:focus, .row p a.btn-rounded:visited {
    color: #283f42;
    border-color: #283f42;
    width: auto;
}
    

/*footer img {
	max-width: 240px;
	margin-bottom: 0;
}*/

.container {
	width: 100%;
}

.results > div > div > div:nth-of-type(3n+4) > div:nth-of-type(2) {
	margin-top: 30px;
}

.approach img {
	margin-bottom: 60px;
	max-width: 400px;
}

nav {
	position: fixed;
    top: 50vh;
    right: 5px;
    z-index: 100;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

nav > ul {
	margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
	overflow: hidden;
}

nav > ul > li > a, nav > ul > li > a:visited {
	color: white;
	opacity: 0.4;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	font-size: 0.75rem;
}

nav > ul > li > a span {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	width: 0;
	display: none;
}

nav > ul > li > a i {
	/*font-family: 'Font Awesome 5 Free', sans-serif;*/
	font-style: normal;
	font-weight: 900;
}

nav > ul > li > a.is-active {
	color: white;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

@-webkit-keyframes animProcessText {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

#animProcess h4 {
	margin: 0 auto 20px;
	opacity: 0;
}

#animProcess.aos-animate #circle06 > g:nth-of-type(3), #animProcess.aos-animate #Click {
	opacity: 0;
}

#process h3, #process p {
	text-align: center;
}

#animProcess.aos-animate h4, #animProcess.aos-animate #circle06 > g:nth-of-type(3), #animProcess.aos-animate #Click {
    -webkit-animation-name: animProcessText;
            animation-name: animProcessText;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

@-webkit-keyframes animPlace {
    0%   { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; }
    4%  { -webkit-transform: translateY(25%); transform: translateY(25%); opacity: 1; visibility: visible; }
    8%  { -webkit-transform: translateY(25%); transform: translateY(25%); opacity: 1; visibility: visible; }
    13% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; }
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; }
}

@keyframes animPlace {
    0%   { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; }
    4%  { -webkit-transform: translateY(25%); transform: translateY(25%); opacity: 1; visibility: visible; }
    8%  { -webkit-transform: translateY(25%); transform: translateY(25%); opacity: 1; visibility: visible; }
    13% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; }
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; }
}

#animPlace > div {
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
	position: absolute;
    bottom: 0;
    left: 0;
	text-align: center;
	height: 100%;
}

#animPlace.aos-animate > div {
    -webkit-animation-name: animPlace;
            animation-name: animPlace;
    -webkit-animation-duration: 25s;
            animation-duration: 25s;
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

#animPlace.aos-animate > div > img {
	max-width: 300px;
	margin-bottom: 0;
}

#animPlace.aos-animate > div:nth-of-type(1) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

#animPlace.aos-animate > div:nth-of-type(2) {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

#animPlace.aos-animate > div:nth-of-type(3) {
    -webkit-animation-delay: 7s;
            animation-delay: 7s;
}

#animPlace.aos-animate > div:nth-of-type(4) {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

#animPlace.aos-animate > div:nth-of-type(5) {
    -webkit-animation-delay: 13s;
            animation-delay: 13s;
}

#animPlace.aos-animate > div:nth-of-type(6) {
    -webkit-animation-delay: 16s;
            animation-delay: 16s;
}

#animPlace.aos-animate > div:nth-of-type(7) {
    -webkit-animation-delay: 19s;
            animation-delay: 19s;
}

.infoText, #Text > g {
	opacity: 0;
	visibility: hidden;
}

@-webkit-keyframes animProcess {
    0%   { opacity: 0.33; }
    25%  { opacity: 1; }
    75%  { opacity: 1; }
    100% { opacity: 0.33; }
}

@keyframes animProcess {
    0%   { opacity: 0.33; }
    25%  { opacity: 1; }
    75%  { opacity: 1; }
    100% { opacity: 0.33; }
}

#circle01, #circle02, #circle03, #circle04, #circle05, #circle06.fade {
	opacity: 0.33;
	cursor: pointer;
}

#Ellipse_232-2 path.st2, #Path_1239-2 path.st2, #Ellipse_236-2 path.st2, #Ellipse_234-2 path.st2, #Ellipse_235-2 path.st2 {
	opacity: 0;
}

#circle01.active, #circle02.active, #circle03.active, #circle04.active, #circle05.active {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#animProcess.aos-animate svg #circle01, #animProcess.aos-animate svg #circle02, #animProcess.aos-animate svg #circle03, #animProcess.aos-animate svg #circle04, #animProcess.aos-animate svg #circle05 {
    -webkit-animation-name: animProcess;
            animation-name: animProcess;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
}

#animProcess.aos-animate svg #circle01 {
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}

#animProcess.aos-animate svg #circle02 {
	-webkit-animation-delay: 2s;
	        animation-delay: 2s;
}

#animProcess.aos-animate svg #circle03 {
	-webkit-animation-delay: 3s;
	        animation-delay: 3s;
}

#animProcess.aos-animate svg #circle04 {
	-webkit-animation-delay: 4s;
	        animation-delay: 4s;
}

#animProcess.aos-animate svg #circle05 {
	-webkit-animation-delay: 5s;
	        animation-delay: 5s;
}

html.sr .reveal01, html.sr .reveal02, html.sr .reveal03, html.sr .reveal04, html.sr .reveal05, html.sr .reveal06, html.sr .reveal07, html.sr .reveal08, html.sr .reveal09, html.sr .reveal10, html.sr .reveal11, html.sr .reveal12 {
    visibility: hidden;
}

.resultsAlt .container > div:nth-of-type(2) > div {
	margin-bottom: 20px;
}

.main-footer {
	position: relative;
}

#approach01, #approach03 {
	width: 100%;
}

#animProcess > div:nth-of-type(2) > div:last-of-type {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 1;
}

@-webkit-keyframes animBlocker {
    0%   { left: 0; }
    100% { left: -100%; }
}

@keyframes animBlocker {
    0%   { left: 0; }
    100% { left: -100%; }
}


#animProcess.aos-animate > div:nth-of-type(2) > div:last-of-type {
    -webkit-animation-name: animBlocker;
            animation-name: animBlocker;
    -webkit-animation-duration: 0.1s;
            animation-duration: 0.1s;
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
	-webkit-animation-delay: 6s;
	        animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.main-content > section.quoteGrid {
    padding-top: 0;
}

.main-content > section.quoteGrid .row.flex {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.main-content > section.quoteGrid .row.flex > div {
    padding: 0;
}

.main-content > section.quoteGrid .row.flex > div > img {
    margin: 0 auto;
}

.main-content > section.quoteGrid .row.flex > div:nth-of-type(even) {
    padding: 40px 20px;
    background: #129198;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-content > section.quoteGrid .row.flex > div:nth-of-type(even) > p {
    margin: 0 auto;
    position: relative;
    font-style: italic;
    line-height: 1.4;
    font-size: 1.188rem;
}

.main-content > section.quoteGrid .row.flex > div:nth-of-type(even) > p:before {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 6px;
    background: #6AC39E;
    top: -20px;
    left: 25%;
}

.main-content > section.quoteGrid .row.flex > div:nth-of-type(even) > p:after {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 6px;
    background: #6AC39E;
    bottom: -20px;
    left: 25%;
}

.team.page .row a.btn {
    width: 100%;
    margin: 10px;
}

.main-content .card {
	width: 100%;
    margin: 0 auto 40px;
}

.main-content .card .cardImage, .rowImage {
	position: relative;
}

.main-content .card .cardImage .cardOverlay, .rowOverlay {
	display: block;
	width: 100%;
	height: 100%;
	background: #DA4332;
	position: absolute;
	/*top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;*/
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
    
    width: 60px;
    height: 60px;
    right: 0;
    bottom: 0;
    top: inherit;
    left: inherit;
    opacity: 0.8;
}

.main-content .card .cardImage .cardOverlay i.fas, .rowOverlay i.fas {
    color: white;
    font-size: 1.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.main-content .card img {
	margin-bottom: 0;
}

.rowImage {
	margin: 10px auto 20px;
}

.rowImage img {
	margin: 0 auto;
}

.main-content .card .card-section {
	padding: 0 20px 16px;
	border-bottom: none;
	background: white;
	margin-bottom: 0;
}

.main-content .card h3 {
	color: #283F42;
    text-align: center;
    line-height: 1;
    background: white;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.main-content .card .card-section div.accordion-content {
	display: none;
}

.main-content .card .card-section div.accordion-content p {
	color: #283F42;
    text-align: center;
}

.main-content .card .card-section div.accordion-content p:last-of-type {
	margin-bottom: 20px;
	padding-bottom: 0;
}

.main-content .card .card-section div .expander {
	border-top: 1px solid #283F42;
    color: #283F42;
    text-align: center;
    padding-top: 16px;
    font-size: 1.25rem;
}

.main-content .card .card-section div .expander::before {
    content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.main-content .card .card-section div.is-active .expander::before {
    content: '\f077';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.main-content > section .row.insights {
	background: white;
    margin-top: 80px;
}

.main-content > section .row.insights > div {
	padding: 40px 20px;
}

.main-content > section .row.insights > div:nth-of-type(odd) > div > img {
	margin-top: 20px;
}

.main-content > section .row.insights > div.insightIntro {
	background: #3f9b7a;
}

.main-content > section .row.insights h3 {
	color: #3f9b7a;
    font-size: 1.75rem;
    font-weight: 800;
    margin: 15px auto 0;
    line-height: 1;
}

.main-content > section .row.insights h4 {
	text-transform: uppercase;
    color: #F05b43;
    font-weight: bold;
    font-size: 1.5rem;
}

.main-content > section .row.insights h4 i.far {
	font-size: 1.5rem;
}

.main-content > section .row.insights h3 i.fas {
	font-size: 1.5rem;
}

.main-content > section .row.insights h4.green {
    color: #3f9b7a;
}

.main-content > section .row.insights p {
	color: #283F42;
}

.main-content > section .row.insights > div.insightIntro p {
	color: white;
}

.main-content > section .row.insights > div.insightIntro p:last-of-type {
	margin-bottom: 0;
}

.main-content > section .row.insights > div.insightContent {
	padding: 20px;
}

.main-content > section .row.insights > div.insightContent p {
	margin-bottom: 0;
}

.main-content > section .row.insights > div.insightContent p strong {
    text-transform: uppercase;
}

.main-content > section .row.insights > div:nth-of-type(3) {
	padding-bottom: 20px;
}

.main-content > section .row.insights > div:last-of-type {
	padding-bottom: 40px;
}

.main-content ul.accordion, .reveal ul.accordion {
    margin-left: 0;
    list-style-type: none;
	padding-left: 0;
	border: none;
}

.main-content > section ul.accordion a.accordion-title, .reveal ul.accordion a.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: none;
    border-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #283f42;
    font-style: normal;
    text-align: center;
	float: left;
	width: 100%;
}

.accordion-title:after {
    content: url(../plus.html);
    position: absolute;
    right: 0;
	display: none;
}

.main-content > section ul.accordion .accordion-title::before, .reveal ul.accordion .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    margin-top: -0.8rem;
    content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.main-content > section ul.accordion .accordion-item, .reveal ul.accordion .accordion-item {
	margin: 0 auto;
	border-bottom: 2px solid #da4332;
	opacity: 0.8;
    background: #fff;
}

.main-content > section ul.accordion .accordion-title > div, .reveal ul.accordion .accordion-title > div {
	width: 50%;
	float: left;
	position: relative;
    padding: 0 20px;
    line-height: 1.2;
}

.main-content > section ul.accordion .accordion-item.is-active, .reveal ul.accordion .accordion-item.is-active {
	opacity: 1;
}

.main-content > section ul.accordion .accordion-item.fadeItem, .reveal ul.accordion .accordion-item.fadeItem {
    opacity: 0.4;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.main-content > section ul.accordion .accordion-item:first-child > :first-child, .reveal ul.accordion .accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0;
}

.main-content > section ul.accordion .accordion-content, .reveal ul.accordion .accordion-content {
    display: none;
    padding: 1rem;
    border-top: 1px solid #283f42;
    background-color: #fefefe;
    color: #0a0a0a;
	float: left;
	width: 100%;
}

.main-content > section ul.accordion .accordion-content p, .reveal ul.accordion .accordion-content p {
    color: #283f42;
    text-align: center;
    margin-bottom: 0;
    font-size: 1.125rem;
    font-style: normal;
}

.main-content > section ul.accordion li.is-active > .accordion-title::before, .reveal ul.accordion li.is-active > .accordion-title::before {
    content: '\f077';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.main-content > section ul.accordion .accordion-title > div:last-of-type::after, .reveal ul.accordion .accordion-title > div:last-of-type::after {
	content: '\f35a';
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	font-size: 1.375rem;
    position: absolute;
    left: -11px;
    top: calc(50% - 13px);
}

.reveal p {
    color: white;
}

.tableTitle > div {
	margin-bottom: 2px;
}

.tableTitle p {
	padding: 1.25rem 1rem;
    text-align: center;
	margin-bottom: 0;
	background: #283F42;
	font-weight: bold;
}

.row.flexCards:before, .row.flexCards:after {
	content: normal;
	display: table;
}



.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(40, 63, 66, 0.8);
    overflow-y: auto;
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    max-width: 800px;
}

.reveal:focus {
    outline: none;
}

.close-button {
    position: absolute;
    color: #ccc;
    cursor: pointer;
}

.close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
}

.reveal > :last-child {
    margin-bottom: 0;
}



/* TEMP DEV BANNER */
header {
	position: fixed;
    z-index: 10001;
    background: red;
    width: 100%;
    padding: 5px;
}

header h4 {
	color: white;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 1.125rem;
}

#Click {
	-webkit-transform: scale(1.5);
	        transform: scale(1.5);
    -webkit-transform-origin: 67% 24%;
            transform-origin: 67% 24%;
}


@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform:         translateY(0)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform:         translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform:         translateY(-3px)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform:         translateY(0)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform:         translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform:         translateY(-3px)
    }
}

.main-content > section ul.accordion > li:first-of-type .accordion-title::before {
    -webkit-animation-name: bounce;
            animation-name: bounce;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.main-content > section ul.accordion > li.fadeItem .accordion-title::before {
    -webkit-animation-name: bounce;
            animation-name: bounce;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

#printButton {
    background: rgb(115, 138, 141);
    width: 20%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 1.25rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000201;
}

#printButton a {
    color: white;
}



@media (min-width: 768px) {
	.main-content > section {
		padding-bottom: 73px;
		padding-top: 73px;
		text-align: left;
	}
	
	.container {
		width: calc(100% - 40px);
	}
	
	.resultsAlt .container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.resultsAlt .container > div:nth-of-type(2) > div {
		padding-left: 0;
		padding-right: 0;
	}
	
	.resultsAlt p {
		letter-spacing: -0.06rem;
	}

	.main-content .last p {
		margin-bottom: 0;
	}
	
	.impact p, .main-content .milestones p, .principles p {
		margin-bottom: 0;
	}

	.approach img {
		margin-bottom: 0;
	}

	.guides a.btn, .guides a.btn:visited {
		margin: 30px 15px 0;
		width: auto;
	}

	.guides a.btn:hover, .guides a.btn:focus, .row a.btn:hover, .row a.btn:focus {
		background: white;
		color: #283f42;
	}

	/*footer .row > div {
		text-align: left;
	}

	footer .row > div.social {
		text-align: center;
	}

	footer .row > div.copyright {
		text-align: right;
	}*/
	
	.last {
		padding: 0 20px;
	}

	.main-content > section.quote h3 {
		font-size: 1.5rem;
	}

	.main-content > section.quote h2 {
		font-size: 2.125rem;
	}

	nav {
		right: 15px;
	}
	
	nav > ul > li > a, nav > ul > li > a:visited {
		font-size: 0.875rem;
	}

	nav > ul > li > a:hover, nav > ul > li > a:focus {
		color: white;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	nav > ul > li > a:hover span, nav > ul > li > a:focus span {
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
		width: auto;
		display: inline;
	}

	/*footer .section-content {
		padding-bottom: 73px;
		padding-top: 73px;
	}
	
	footer .row {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}*/

	#circle01:hover #Ellipse_232-2 path.st2 {
		opacity: 1;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	#circle02:hover #Path_1239-2 path.st2 {
		opacity: 1;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	#circle05:hover #Ellipse_235-2 path.st2 {
		opacity: 1;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	#circle04:hover #Ellipse_236-2 path.st2, #circle03:hover #Ellipse_234-2 path.st2 {
		opacity: 1;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	#overlayBkg, #overlayBkg2, #overlayBkg3 {
		position: absolute;
	}

	.modal {
		padding: 40px;
		position: absolute;
		overflow: auto;
	}

	.videoBkg .row.flex {
		padding-bottom: 20%;
	}
	
	#animPlace.animate > div > img {
		max-width: 440px;
	}

	.infoText.display, #Text > g.display {
		opacity: 1;
		visibility: visible;
	}

	#modal05.display, #modal06.display, #modal07.display, #modal08.display, #modal09.display, #overlayBkg3.display {
		visibility: hidden;
		opacity: 0;
	}
	
	.approach .row > div > div:nth-of-type(1) {
		padding: 0 20px 0 0;
	}
	
	.approach .row > div > div:nth-of-type(2) {
		padding: 0 10px 0;
	}
	
	.approach .row > div > div:nth-of-type(3) {
		padding: 0 0 0 20px;
		text-align: right;
	}
	
	/*.main-content > section.videoBkg .video video {
		width: 130%;
	}*/

	.impact p, .principles p {
		text-align: left;
	}

	.main-content .milestones p {
		text-align: center;
	}

	.resultsAlt .container > div:nth-of-type(2) > div:nth-of-type(3), .resultsAlt .container > div:nth-of-type(2) > div:nth-of-type(4) {
		margin-bottom: 0;
	}

	#animPlace.aos-animate > div > img {
		max-width: 360px;
	}
	
	#application .row a.btn {
		width: auto;
	}
	
	footer .container {
		width: 740px;
	}

	#approach01, #approach03 {
		width: 91.49%;
	}

	#Click {
		-webkit-transform: scale(1);
		        transform: scale(1);
		-webkit-transform-origin: initial;
		        transform-origin: initial;
	}

	.guides a.btn, .guides a.btn:visited, .row a.btn, .row a.btn:visited {
		margin: 20px auto 0;
	}

    #ellLogo > img {
        max-width: 100%;
    }

    .team.page .row a.btn {
        width: auto;
    }

	.main-content .card {
		width: calc(50% - 20px);
		margin: 0 10px 40px;
	}

	.main-content .card .cardImage a:hover .cardOverlay, .rowImage a:hover .rowOverlay {
		opacity: 1;
		visibility: visible;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.main-content > section .row.insights > div {
		padding: 40px;
	}

	.main-content > section .row.insights > div.insightContent {
		padding: 20px 40px;
	}

	.section-content img.CAMap, .section-content img.childStat {
		margin-bottom: 0;
	}

    .main-content > section .row.insights > div.insightContent.flex img {
        margin-bottom: 0;
        margin-top: 0;
    }

    .main-content > section .row.insights > div.insightContent.flex > div:last-of-type > p {
        padding-left: 20px;
    }

    .main-content > section .row.insights > div.insightContent.flex > div:first-of-type > p {
        padding-right: 20px;
    }

    .main-content > section .row.insights > div:last-of-type {
        padding-bottom: 40px;
    }
    
    .main-content .card h3 {
        height: 120px;
    }

    .ellRetro .main-content h2 {
        font-size: 2.5rem;
    }
    
    .ellRetro .main-content h3.rowHeader {
        text-align: left;
    }
    
    #ahead .row a.btn {
        width: auto;
    }
}

	
	
@media (min-width: 980px) {
    #printButton {
        width: 48px;
        bottom: 50%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 100021;
    }

    #printButton:hover {
        width: 64px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
}
	
	
	
@media (min-width: 992px) {
	.impact img, .milestones img, .principles img {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0;
	}
	
	.impact p, .main-content .milestones p, .principles p {
		display: inline-block;
		width: calc(100% - 100px);
	}
	
	.flexVert {
		margin-bottom: 0;
	}

	.section-content img.unityCouncil {
		margin: 0 auto;
	}

	.section-content img.opl {
		margin: 0 auto;
	}

	.section-content img.laClinica {
		margin: 0 auto;
	}

	.section-content img.eastBay {
		margin: 0 auto;
	}
	
	/*.results img.impactIcons, .resultsAlt img.impactIcons {
		display: inline-block;
		margin: 0 auto;
		vertical-align: middle;
		width: 60px;
		margin-right: 10px;
	}*/
	
	.results > div > div > div:nth-of-type(3n+4) > div:nth-of-type(2) {
		margin-top: 0;
	}
	
	/*.main-content > section.videoBkg .video video {
		width: 120%;
	}*/

	.main-content .milestones p {
		text-align: left;
	}

	.milestones.flex {
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
	
	footer .container {
		width: 960px;
	}

	.main-content > section ul.accordion .accordion-title::before {
		right: 1rem;
	}

	.tableTitle > div {
		margin-bottom: 0;
	}

	.tableTitle > div:first-of-type {
		padding-right: 2px;
	}

	.tableTitle > div:nth-of-type(2) {
		padding-left: 2px;
	}
    
    .main-content .card h3 {
        height: 100px;
    }

    .rowImage, .rowImage img {
        margin: 0 auto;
    }
    
    .ellRetro .main-content h3.rowHeader, .main-content .rowText p {
        padding-left: 20px;
    }

    .section-content img.CAMap {
        float: right;
    }

    .main-content > section ul.accordion .accordion-item:hover, .reveal ul.accordion .accordion-item:hover {
        opacity: 1;
    }
    
    .main-content > section ul.accordion .accordion-item:hover .accordion-title::before, .main-content > section ul.accordion > li.fadeItem:hover .accordion-title::before {
        -webkit-animation-name: bounce;
                animation-name: bounce;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
                animation-play-state: running;
    }
}