/*

Table of contents:

1. GENERAL

2. PREHEADER

3. HEADER

4. NAV

5. CONTENT

6. FOOTER

7. HOMEPAGE

8. GENESIS BEFORE FOOTER

9. ABOUT PAGE

10. VERTICALS PAGE

11. GET INVOLVED PAGE

12. CONTACT PAGE

13. LEADERS PAGE

14. POPUP

15. YOUNG FRIENDS NETWORK

16. EMPOWER 2019 PAGE

XX. MEDIA QUERIES

/*******
1. GENERAL
********/

html {
	font-size: 16px;
	overflow-x: hidden;
	/**** CHANGE THIS VALUE DEPENDENT ON BASE FONT SIZE DICTATED BY DESIGN TEAM (This is usually the paragraph text) - THIS IS WHAT YOU WILL MEASURE EM VALUES AGAINST ****/
}

body {
	background-color: #fff;
	overflow-x: hidden;
	font: 400 16px Lato, 'Open Sans', sans-serif;
	position: relative;
}

a {
	text-decoration: none !important;
/*	font-family: Oswald, Lato, sans-serif;*/
	color: #616965;
/*	font-size: 0.8em;*/
/*	font-weight: 400;*/
}

a:hover
img:hover {
	transition: 0.2s linear;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Oswald, Lato, 'Open Sans', sans-serif, arial;
}

h2 {
	text-align: center;
	text-transform: uppercase;
	color: #616965;
	font-weight: 100;
	font-size: 2.5em;
}

p {
	color: #616965;
	font-weight: 300;
}

.entry-content address {
	font-style: normal;
    line-height: 1.5;
    color: #616965;
    font-weight: 400;
}

.extendfull, .extendleft
{
	padding-left: 3000px;
	margin-left: -3000px;
}

.extendfull, .extendright
{
	padding-right: 3000px;
	margin-right: -3000px;
}
/**** EXTENDS A ROW OF CONTENT EITHER FULL OR ALL THE WAY OUT TO THE LEFT OR RIGHT - APPLY TO SHORTCODE ULTIMATE ROWS ****/

.extendinner {
	padding-left: 60px;
	padding-right: 60px;
	margin-left: -60px;
	margin-right: -60px;
}
/**** EXTENDS A ROW INSIDE THE CONTENT AREA TO BE FULL WIDTH, USED TO CHANGE BACKGROUND COLORS, ETC DOWN THE PAGE - APPLY TO SHORTCODE ULTIMATE ROWS ****/


.inkit-button,
.inkit-button:visited {
	border-radius: 10px;
	-webkit-box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.85);
	-moz-box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.85);
	box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.85);
	color: #d8e0e5!important;
	font-size: 20px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif!important;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 8px 15px;
}

.inkit-button:hover {
	opacity: 0.75;
}

body.full-width div.site-inner {
	max-width: 100%;
}

body.full-width .entry {
	padding: 0;
}

/* Pass this class through the body custom field to draw edge-to-edge layouts, and use in conjunction with Container 1200px function found in the child functions file */
body.full-width h1.entry-title {
	position: relative;
    background: #e5e5e5;
    text-transform: uppercase;
    padding: 10px 0;
    margin-bottom: 50px;
}

.inside-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px 60px;
}

.inside-container .su-row {
	margin-bottom: 0;
	padding: 2%;
}
/**** THESE BUTTONS, WHICH CAN BE DRAWN BY APPLYING THE CLASS TO AN ANCHOR IN THE WORDPRESS EDITOR, USUALLY WILL NOT CHANGE OUTSIDE OF COLORS AND POSSIBLY FONTS - ALWAYS CHECK AGAINST ASSETS PROVIDED BY DESIGN TEAM ****/

/**** USE THIS SECTION TO DEFINE STYLES FOR GLOBAL/OFT USED ELEMENTS SUCH AS H1, P, A TAGS, CONTAINING DIVS ETC. ****/

.ew-btn {
	color: #616965;
    border: 5px solid #ffc600;
    border-radius: 2px;
    font-weight: 400;
    padding: 3px 10px;
	font-family: Oswald, Lato, sans-serif; 
	text-transform: uppercase;
}

.su-spoiler-style-fancy.su-spoiler > .su-spoiler-title {
	font-size: 1.2em;
}

h5 {
	margin-bottom: 0.4em;
}

/**********
2. PRE-HEADER
***********/

.preheadercontainer {
	background: #000;
	color: #ffffff;
}

.preheaderrightcontainer {
	float: right;
	text-align: right;
}

.preheaderright {
	float: left;
}

.preheaderright .textwidget {
	padding: 16px 0;
}

.preheaderright .textwidget a {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.800em;
	font-weight: 700;
}

.preheaderright .textwidget a,
.preheaderright .textwidget a:active,
.preheaderright .textwidget a:hover,
.preheaderright .textwidget a:visited {
	color: #ffffff;
}

#menu-pre-header-top-right li {
	display: inline-block;
	margin: 0 0 0 5%;
	text-transform: uppercase;
	font-size: 16px;
}

#menu-pre-header-top-right a,
#menu-pre-header-top-right a:visited {
	color: #ffffff;
}

#menu-pre-header-top-right a:hover {
	color: #ffffff;
}

.preheaderrightcontainer input[type="search"] {
	border: none;
	font-size: 0.650em;
	padding: 1%;
	width: 45%;
}

.preheaderrightcontainer input[type="submit"] {
	background-color: transparent;
	color: #ffffff;
	font-weight: 700;
	text-transform: none;
}
/**** THE ABOVE ALL DEALS WITH VARIOUS ELEMENTS THAT ARE SUBJECT TO THEIR INCLUSION (A SITE MAY NOT EVEN HAVE A PRE-HEADER, IN WHICH CASE DISCARD THIS SECTION)
 AND MAY VARY, YOU MAY EVEN NEED TO ADD ELEMENTS, BUT THE ELEMENTS HERE ARE FAIRLY CONSTANT SITE-TO-SITE - OBVIOUSLY EDIT COLOR, FONT, ETC. VALUES DEPENDING ON
 ASSETS PROVIDED BY DESIGN TEAM ****/

 /*******
3. HEADER
********/

.site-header .wrap,
.nav-primary {
	background-color: #fff;
}

.title-area {
	padding: 10px 0 10px 10px;
	width: 300px !important;
}

.title-area img {  
	width: 300px !important;
	max-width: none !important;
}

.site-header {
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	min-height: 100vh !important;
	background-size: cover !important;
	z-index: 2;
	position: relative;
}



section#nav_menu-2 {
	float: left;
}

section#text-5 {
	width: 608px;
	margin-top: 22px;
}

section#text-5 img:hover {
	opacity: 0.6;
}

section#text-6 {
	width: 912px;
	margin-top: 11px;
	color: #fff;
	text-align: center;
}

#header-donate {
    text-transform: uppercase;
    font-family: Lato, sans-serif;
    color: #ffc600;
    padding: 2px 8px !important;
    font-size: 1.2em;
}

#header-donate:hover {
	transition: 0.25s ease-in;
	opacity: 0.7;
}

#donate-number {
    font-size: 1.5em;
    display: block;
    margin-top: 3px
}

body.home .site-header {
	/*background: url(/wp-content/themes/education-works/images/hero-images/Homepage-Banner-1.jpg);*/
}

.header-left {
	position: absolute;
	bottom: 3%;
	left: 20%;
}

img.smooth-scroll-button {
	position: absolute;
}

/* Hero Image Text Hompepage */

body.home .hero-text:before {
	content: 'Opportunities for learning.';
	font-family: Oswald;
	font-size: 2.2em;
	color: #555;
	margin-top: -115px;
	text-transform: uppercase;
	float: left;
	font-weight: 400;
}

body.home .hero-text:after {
	content: 'Skills for life.';
	font-family: Oswald;
	color: #555;
	text-transform: uppercase;
	font-size: 2.2em;
	font-weight: 600;
	margin-top: -75px;
	float: left;
	clear: left;
}

body.home img.smooth-scroll-button {
    right: 125px;
    bottom: 33px;
}

/*body.home .hidden-link {
	float: left;
	clear: left;
}

body.home .hidden-link:after {
	content: 'Learn More';
	text-transform: uppercase;
	font-family: Oswald, Lato, sans-serif;
	color: #555;
	border: 5px solid #6f2063;
	border-radius: 3px;
	padding: 0 5px;
	font-size: 1.6em;
}*/

/* Hero Image Text about page */

body.about .hero-text:before {
	content: 'About EducationWorks';
	font-family: Oswald;
	font-weight: 400;
	font-size: 2.2em;
	color: #555;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 15px;
}

/*body.about .hero-text:after {
	content: 'Educationworks';
	font-family: Oswald;
	color: #555;
	text-transform: uppercase;
	font-size: 2.2em;
	display: inline-block;
	font-weight: 400;
}*/

body.about img.smooth-scroll-button {
    right: -27px;
    bottom: 37px;
}
	

/* Hero Image Text programs page */

body.verticals .hero-text:before {
	content: 'Out-of-school';
	font-family: Oswald;
	font-size: 2.2em;
	color: #555;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 8px;
	font-weight: 400;
}

body.verticals .hero-text:after {
	content: 'time programs';
	font-family: Oswald;
	color: #555;
	text-transform: uppercase;
	font-size: 2.2em;
	display: inline-block;
	font-weight: 400;
}

body.verticals img.smooth-scroll-button {
    right: -40px;
    bottom: 37px;
}

/* Hero Image Text get involved page */

body.get-involved .hero-text:before {
	content: 'Get involved';
	font-family: Oswald;
	font-size: 2.2em;
	color: #555;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 400;
}

body.get-involved img.smooth-scroll-button {
    right: -39px;
    bottom: 37px;
}

/* Hero Image Text contact page */

body.contact .hero-text:before {
	content: 'Contact us';
	font-family: Oswald;
	font-size: 2.2em;
	color: #555;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 400;
}

body.contact img.smooth-scroll-button {
    right: -41px;
    bottom: 38px;
}

/* Hero Image Text contact page */

body.news-events .hero-text:before {
	content: 'News';
	font-family: Oswald;
	font-size: 2.2em;
	color: #555;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 400;
}

body.news-events img.smooth-scroll-button {
    right: -41px;
    bottom: 38px;
}

body.events .hero-text:before {
	content: 'Events';
	font-family: Oswald;
	font-size: 2.2em;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 400;
}

body.events img.smooth-scroll-button {
    position: absolute;
    right: -46px;
    top: 11px;
}

/* Hero Image Text YFN */

body.yfn .hero-text:before {
	content: 'Young Friends Network';
	font-family: Oswald;
	font-size: 2.2em;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 400;
}

body.yfn img.smooth-scroll-button {
    right: -41px;
    bottom: 38px;
}

/* Hero Image Text Empower 2019 */

body.empower .hero-text {
	max-width: 220px;
    line-height: 1;
}

body.empower .hero-text:before {
	content: 'Empower 2019 @ Filter Club';
	font-family: Oswald;
	font-size: 2.2em;
	color: #555;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 400;
}

body.empower img.smooth-scroll-button {
    right: -32px;
    bottom: 28px;
}

/* Hero Image Text Covid-19 */

body.covid-19 .hero-text {
	max-width: 220px;
    line-height: 1;
}

body.covid-19 .hero-text:before {
	content: 'COVID-19';
	font-family: Oswald;
	font-size: 2.2em;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 400;
}

body.covid-19 img.smooth-scroll-button {
    right: -41px;
    bottom: 28px;
}

.background_cycler{
	padding:0;
	margin:0;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	min-height:100vh;
	background-size: cover;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
}
.background_cycler div{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#fff;background-size:cover;background-position:center center;}
.background_cycler div.active{z-index:3}




/**** EDIT THIS VALUE TO ALTER THE BACKGROUND OF THE HEADER/NAVIGATION AREA ****/

/**********
4. NAV
***********/

.genesis-nav-menu {
	font-size: 1em;
	text-align: left;
}

.genesis-nav-menu a {
	color: #fff;
	font-family: Oswald, Lato, sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 30px 18px 33px;
}

.genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
	color: #fff;
	background-color: #616965;
}

.site-header .wrap {
	max-height: 82px;
	padding: 0 0;
	background-color: rgba(0,0,0,0.6);
	max-width: none;
}

.site-header .widget-area {
	float: left;
}

#text-5 .widget-wrap .textwidget a img {
	padding: 5px;
}

/*body.programs .genesis-nav-menu .current-menu-item > a,
li#menu-item-15 a:hover,
li#menu-item-15 a:focus {
	background-color: #6f2063;
}

body.get-involved .genesis-nav-menu .current-menu-item > a,
li#menu-item-14 a:hover,
li#menu-item-14 a:focus {
	background-color: #f06a33;
}

body.contact .genesis-nav-menu .current-menu-item > a,
li#menu-item-13 a:hover,
li#menu-item-13 a:focus {
	background-color: #31b881;
}*/

/* Mobile menu */
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
	font-size: 1.4em !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
	text-transform: uppercase;
}

/**********
5. CONTENT
***********/

.site-inner {
	padding-top: 0;
}

h1.entry-title {
	display: none;
}

.entry {

	padding-bottom: 10px;
	margin-bottom: 0;
	padding-top: 0;
}

.entry p {

}

.entry-title {
	color: #123454;
	text-align:center;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 32px;
}

.full-width-bar {
	min-height: 150px;
	padding-top: 40px;
	padding-bottom: 30px;
}

.full-width-bar-home {
	min-height: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.full-width-bar,
.full-width-bar-home {
	background-color: #616965;
	position: relative;
	font-family: Lato, Oswald, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-size: 1.7em;
	font-weight: 300;
    outline: none !important;
}

.full-width-bar:before {
	content: " ";
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 5px;
	right: 5px;
	z-index: 2;
	border-style: solid;
	border-width: 3px 0px;
	-moz-border-image: url(/wp-content/uploads/2016/07/dashed-line.png) 3 0 27 42 repeat;
	-webkit-border-image: url(/wp-content/uploads/2016/07/dashed-line.png) 3 0 27 42 repeat;
	-o-border-image: url(/wp-content/uploads/2016/07/dashed-line.png) 3 0 27 42 repeat;
	border-image: url(/wp-content/uploads/2016/07/dashed-line.png) 3 0 27 42 fill repeat;
}

body.get-involved .full-width-bar:after,
body.verticals .full-width-bar:after {
	content: '';
    background: url(/wp-content/uploads/2016/09/ew-banner.png) 50% 50% no-repeat;
    /* margin-top: 100px; */
    display: block;
    position: absolute;
    z-index: 1;
    width: 194px;
    height: 282px;
    top: 148px;
    right: 52.6%;
}

.full-width-bar span.bottom-text-bar,
.full-width-bar-home span.bottom-text-bar {
	font-family: Oswald, Lato, sans-serif;
	font-size: 1.4em;
}

.full-width-bar-home .inner {
	padding: 15px 0;
	min-height: 170px;
	z-index: 2;
	border-style: solid;
	border-width: 3px 0px;
	-moz-border-image: url(/wp-content/uploads/2016/07/dashed-line.png) 3 0 27 42 repeat;
	-webkit-border-image: url(/wp-content/uploads/2016/07/dashed-line.png) 3 0 27 42 repeat;
	-o-border-image: url(/wp-content/uploads/2016/07/dashed-line.png) 3 0 27 42 repeat;
	border-image: url(/wp-content/uploads/2016/07/dashed-line.png) 3 0 27 42 fill repeat;
}

.yellow-starburst {
	min-height: 158px;
	background: url(/wp-content/uploads/2016/07/yellow-starburst.png) 50% 50% no-repeat;
}

.banner {
	min-height: 280px;
	background: url(/wp-content/uploads/2016/09/ew-banner.png) 50% 50% no-repeat;
}

p.page-intro {
	font-weight: 400;
	line-height: 1.5;
}

/**** USE THE ABOVE SECTION FOR DEFINING WORDPRESS-SPECIFIC ELEMENTS ****/

/******
6. FOOTER
*******/

.site-footer {
	padding: 10px 0;
	border-top: 8px solid #ffc600;
	position: relative;
}

.site-footer, .footer-widgets {
	background-color: #616965;
	text-align: left;
}


.footer-widgets {
	clear: both;
	text-align: center;
	line-height: 1.5;
	overflow: hidden;
	padding: 32px 0 16px;
	padding: 3rem 0 1rem;
}

.footer-widgets h1 {
	color: #ffffff;
	font-size: 1.500em;
	font-weight: 700;
	text-transform: uppercase;;
}

.footer-widgets, .footer-widgets a {
	color: #fff;
	font-family: Lato, 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 400;
}

.footer-widgets a:hover {
	/*color: #31b881;*/
}

.footer-widgets p {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.footer-widgets .widget {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.footer-widgets .widget-area ul li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	word-wrap: break-word;
}

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    width: 33%;
}

.footer-widgets-1 {
	margin-right: 0;
}

.footer-widgets li {
	border-bottom: none;
}

.footer-widgets .widget-title {
	font-family: Lato, Oswald, sans-serif, arial;
	font-size: 0.9em;
	margin-bottom: 4px;
}

.address-phone {
	color: #c3c3c3;
	font-size: 0.7em;
	line-height: 1.4;
}

.address-phone.numbers {
	line-height: 1.5;
	font-size: 0.8em;
}

.newsletter {
    border: 5px solid #fec52f;
    text-transform: uppercase;
    font-family: Oswald, Lato, sans-serif;
    color: #fff;
    border-radius: 3px;
    padding: 2px 8px;
    font-weight: 400;
    opacity: 1;
    padding-bottom: 6px;
    font-size: 0.8em;
}

.newsletter:hover {
	opacity: 0.5;
	transition: 0.25s linear;
}

footer .chip-in {
    text-transform: uppercase;
    background-color: #fec52f;
    font-family: Oswald, Lato, sans-serif;
    color: #fff;
    padding: 4px 25px 4px;
}

footer .chip-in:hover {
	transition: 0.25s ease-in;
	opacity: 0.7;
}

footer #text-3 {
	/*min-height: 210px;*/
    margin-top: 20px;
}

#text-11 {
	margin-top: 56px;
}

#text-8 .textwidget > p:first-child {
	margin-bottom: 2rem;
}

.creds p {
	color: #fff;
	font-size: 0.700em;
	letter-spacing: 2px;
	display: none;
}

ul#menu-footer-menu li a:hover {
	color: #fec52f;
}

a#close-button,
a#close-button-footer,
a#close-button-footer-confirmation {
	position: absolute;
    right: 4px;
    top: -7px;
    color: #776961;
    font-size: 2em;
}

a#close-button-footer,
a#close-button-footer-confirmation {
	font-size: 1.5em;
}

.widget.gform_widget,
#gform_wrapper_2 {
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
    top: 10%;
    z-index: 999;
    width: 310px !important;
	transition: opacity 0.5s linear;
}

#gform_wrapper_2 {
	position: fixed;
	top:50%;
	margin-top: -130px;
}

.widget.gform_widget.active,
#gform_wrapper_2.active {
	height: auto; 
	opacity: 1;
	background: rgba(255,255,255,0.9);
    padding: 5px 13px 0px 27px;
    box-shadow: 4px 4px 21px 2px #3e3e3e;
}

#gform_wrapper_2.active {
	padding-bottom: 15px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	text-transform: uppercase;
    background-color: #fec52f;
    font-family: Oswald, Lato, sans-serif;
    color: #fff;
    padding: 4px 25px;
    font-size: 1.1em !important;
    border: none !important;
}    

.gform_wrapper .top_label .gfield_label {
	color: #616965;
	font-size: 0.8em;
}

#gform_wrapper_2 .top_label .gfield_label {
	font-size: 1.3em !important;
	text-transform: uppercase;
}

.gform_wrapper ul.gform_fields li.gfield {
	margin-bottom: 0 !!important;
	padding-bottom: 0 !important;
}

#input_1_1_3_container label:nth-child(2) {
	display: none;
}

.gform_confirmation_message_1.gform_confirmation_message {
	padding: 75px 0;
	color: #3c3d3c;
    font-family: Oswald, Lato, sans-serif;
}

#gform_confirmation_message_2 {
    text-align: center;
    font-family: Oswald;
    font-size: 2em;
    color: #1e738a;
    max-width: 400px;
    margin: 90px auto 0;
}
/**** THE ABOVE DEAL WITH THE FOOTER AND THE WIDGETS THAT CAN BE INSERTED VIA WORDPRESS. YOU MAY OR MAY NOT NEED TO ADD THINGS DEPENDING ON WHAT WEIDGETS YOU NEED TO UTILIZE ****/

/********
7. HOMEPAGE
*********/

body.home .entry {
		padding-top: 0;
}

body.home .entry-title {
	display: none;
}

/* Engage with EW everyday section */

body.home .su-row.engage-ew {
	min-height: 394px;
	background: url(/wp-content/uploads/2016/08/engage-ew-bg.jpg);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 3px 0px;
	-moz-border-image: url(/wp-content/uploads/2016/07/grey-dashed-line.png) 3 0 27 42 repeat;
	-webkit-border-image: url(/wp-content/uploads/2016/07/grey-dashed-line.png) 3 0 27 42 repeat;
	-o-border-image: url(/wp-content/uploads/2016/07/grey-dashed-line.png) 3 0 27 42 repeat;
	border-image: url(/wp-content/uploads/2016/07/grey-dashed-line.png) 3 0 27 42 fill repeat;
}

body.home .site-header .background_cycler div:nth-child(2) {
	background-position: 25% 50%;
}

body.home .site-header .background_cycler div:nth-child(3) {
	background-position: 61% 50%;
}

body.home .site-header .background_cycler div:nth-child(4) {
	background-position: 55% 50%;
}

p.engage-large-text {
	margin-bottom: 15px !important;
	margin-top: 5px !important;
}

span.large-blue {
	font-family: Oswald;
    text-transform: uppercase;
    color: #616965;
    font-size: 4.7em;
    font-weight: 600;
}

span.large-grey {
	font-family: Oswald;
    font-size: 2.4em;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    margin-top: -25px;
}

div.social-icons-engage {
	width: 171px;
	margin-bottom: 21px;
}

div.social-icons-engage img {
	margin: 0 11px 0 0;
}

div.social-icons-engage img:first-child {
	margin-left: 0;
}

div.social-icons-engage img:hover {
	transition: 0.175s linear;
	/*opacity: 0.7;*/
	box-shadow: 4px 4px 12px -2px #5f5d5d;
}

p.social-p {
	margin-bottom: 10px !important;
}

p.check-out-ew {
	font-size: 1.7em;
	font-family: Oswald, 'Open-Sans', sans-serif, arial;
	margin-bottom: 20px !important;
}

p.quote-text {
	text-align: right;
    font-size: 2.1em;
    text-transform: uppercase;
    font-family: Oswald, Lato, sans-serif, arial;
    line-height: 1.2 !important;
}

p.signature-text {
	text-align: right;
    font-family: Lato;
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
}

span.ceo-style {
	font-size: 1.5rem;
    font-style: italic;
    display: block;
}

img.home-ew {
	margin-left: 0 !important;
}

#text-10 {
	margin-bottom: 0;
	margin-top: 46px;
}

#text-10 img:hover {
	transition: 0.2s linear;
	opacity: 0.7;
}

body.home .entry-content h3 {
	font-size: 2.2rem;
    text-transform: uppercase;
    color: #ffc600;
    text-align: center;
}

/**** WE TYPICALLY HIDE THE WORDPRESS ENTRY TITLE SINCE WE DON'T NEED/WANT "HOME" APPEARING ON THE PAGE UNLESS THE CLIENT OR WEBSITE DICTATES THAT IT SHOULD BE PRESENT ****/

/******************************************************************************************
OTHER SPECIAL SECTIONS - USE THIS FORMATTING TO DEFINE A NEW SECTION IF NEEDED - EG. BELOW
*******************************************************************************************/


/************************
8. GENESIS BEFORE FOOTER
*************************/

.genesis-before-footer {
	min-height: 158px;
	background: url(/wp-content/uploads/2016/07/footer-starburst.png) 50% 50% no-repeat;
}

/****************
9. ABOUT PAGE
*****************/

body.about .site-header {
	background: url(/wp-content/themes/education-works/images/hero-images/about-page-hero-image.jpg);
}

body.about h2 {
	color: #ffc600;
}

/******************
10. VERTICALS PAGE
*******************/

body.verticals .site-header {
	background: url(/wp-content/themes/education-works/images/hero-images/new-verticals-page-hero-image.jpg);
}

body.verticals .site-header {
	background-position: 65% 50% !important;
}

body.verticals .su-row.programs-menu > div:nth-child(2) {
    border-left: 2px solid #fec52f;
    padding-left: 2.5%;
}

body.verticals  h2,
body.verticals  h3 {
    text-transform: uppercase;
    font-weight: 400;
}

body.verticals h2 {
	font-size: 2.4em;
	margin-bottom: 25px;
	color: #616965;
}

body.verticals h3 {
	font-size: 1.5em;
	color: #fec52f;
}

body.verticals h4 {
	color: #fec52f;
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 300;
    margin-bottom: 35px;
    margin-top: -31px;
}

body.verticals .su-row.programs-menu .su-column:first-child a {
	text-transform: uppercase;
    font-size: 1.5em;
    font-family: Oswald, Lato, 'Open Sans', sans-serif, arial;
    text-align: center;
    display: block;
    color: #616965;
    font-weight: 400;
    line-height: 1.2;
}

body.verticals a.active {
	color: #fec52f !important;
}

div#video-player-1 {
	max-width: 300px;
    margin-left: 35px;
    margin-top: 35px;
}

div#video-player-1 img {
	float: left;
    padding-right: 20px;
    margin-top: -6px;
}

body.verticals a.back-to-top {
	border: 4px solid #fec52f;
    padding: 6px 15px 7px;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: Oswald, Lato, sans-serif;
    margin: 0 auto;
    width: 133px;
    margin-top: 30px;
    margin-bottom: 50px;
    display: none;
    text-align: center;
}

div.su-row.logo-row {
	margin-bottom: 0 !important;
}

div#stats-list {
	margin-top: 80px;
}

div#stats-list div#content-top-6 dl {
	counter-reset: custom-numbers;
}

div#stats-list div#content-top-6 dl dt {
	padding: 7px 0 1px 30px;
    margin: 21px 0 0 75px;
    position: relative;
    color: #616965;
    font-weight: 300;
}

div#stats-list div#content-top-6 dl dt:before {
	content: counter(custom-numbers, decimal);
    counter-increment: custom-numbers;
    position: absolute;
    left: 0;
    top: 0;
    color: #fec52f;
    font-size: 30px;
    font-family: Oswald;
    font-weight: 400;
}

body.verticals a.tab:hover {
	color: #fec52f !important;
}

body.verticals p.page-name {
	color: #fec52f;
    font-size: 2.5em;
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 500;
    margin-bottom: 28px;
}

body.verticals .su-row.programs-menu {
	margin-top: 85px;
}

body.verticals p.page-intro {
	font-size: 1.3em;
}

body.verticals div#stats-list li {
	list-style-type: none;
    color: #616965;
    font-weight: 300;
    margin-bottom: 30px;
}

/*****************
11. GET INVOLVED PAGE
******************/

body.get-involved .site-header {
	background: url(/wp-content/themes/education-works/images/hero-images/get-involved-page-hero-image.jpg);
}

body.get-involved .site-header {
	background-position: 75% 50% !important;
}

/*body.get-involved .su-row.programs-menu > div:first-child {
	padding: 27px;
   
}*/

body.get-involved .su-row.programs-menu > div:nth-child(2) {
    border-left: 2px solid #fec52f;
    padding-left: 2.5%;
}

body.get-involved h2,
body.get-involved h3 {
    text-transform: uppercase;
    font-weight: 400;
}

body.get-involved h2 {
	color: #616965;
	font-size: 2.4em;
	margin-bottom: 25px;
}

body.get-involved .site-inner h3 {
	font-size: 1.5em;
	color: #fec52f;
}

body.get-involved .site-inner h4 {
	font-size: 1.3em;
	color: #fec52f;
	font-weight: 400;
	margin-bottom: 20px;
}


h2#volunteer,
h2#employment {
	margin-top: 53px;
}

body.get-involved .su-row.get-involved-logo-row {
	margin-bottom: 0 !important;
}

body.get-involved .su-row.programs-menu .su-column:first-child a {
	text-transform: uppercase;
    font-size: 1.5em;
    font-family: Oswald, Lato, 'Open Sans', sans-serif, arial;
    text-align: center;
    display: block;
    color: #616965;
    font-weight: 400;
    line-height: 1.2;
}

/*body.get-involved img.get-involved-logo {
	margin-top: -58px;
}*/

a.tab {
	margin-bottom: 25px;
}

body.get-involved a.active {
	color: #fec52f !important;
}

a.tab:focus,
h2#menu-top:focus {
	outline: none;
}

body.get-involved a.back-to-top {
	border: 4px solid #fec52f;
    padding: 6px 15px 7px;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: Oswald, Lato, sans-serif;
    margin: 0 auto;
    width: 133px;
    margin-top: 30px;
    margin-bottom: 50px;
    display: none;
}

div.content-box {
	height: 0 !important;
	opacity: 0;
	transition: 0.8s linear;
	overflow: hidden;
}

div.content-box.active {
	height: auto !important;
	opacity: 1;
}

body.get-involved address {
	margin-bottom: 27px;
}

body.get-involved a.tab:hover {
	color: #fec52f !important;
}

body.get-involved p.page-name {
	color: #fec52f;
    font-size: 2.5em;
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 500;
}

body.get-involved .su-row.programs-menu {
	margin-top: 110px;
}

.su-spoiler-style-default > .su-spoiler-title {
	color: #fec52f;
    font-family: Lato;
    font-size: 1em;
}

body.get-involved p.job-link {
	border-bottom: 1px solid #a9a9a9;
    padding-bottom: 30px;
}

body.get-involved p.job-link.last {
	border: none;
	padding-bottom: 0;
}

body.get-involved p.job-link a {
	color: #fec52f;
    font-family: Lato;
    font-weight: 500;
    font-size: 1.2em;
}

body.get-involved p.job-link a:hover {
	color: #616965;
}

/*****************
12. CONTACT PAGE
******************/

body.contact .site-header {
	background: url(/wp-content/themes/education-works/images/hero-images/contact-page-hero-image.jpg);
}

body.contact .hero-text:before {
	color: #464646;
}

body.contact .site-header {
	background-position: 76% 50% !important;
}


body.contact .content p {
	font-weight: 300;
    font-size: 1.4em;
}

body.contact a.mail-list {
	color: #616965;
    border: 5px solid #ffc600;
    border-radius: 2px;
    font-weight: 400;
    padding: 3px 10px;
}

body.contact p.page-name {
	color: #fec52f;
    font-size: 2.5em;
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 500;
}

body.contact .entry-content h2 {
	font-size: 2em;
}

/****************
13. LEADERS PAGE
*****************/

body.about.leaders .su-row img.alignleft {
	padding-top: 4px;
	margin: 0 24px 1px 0;
}

body.about.leaders .content  h3 {
	font-size: 1.8em;
	color: #ffc600;
	text-transform: uppercase;
}

body.leaders .entry p {
	text-align: justify;
}

/*********************
13. NEWS & EVENTS PAGE
**********************/

body.news-events .site-header {
	background: url(/wp-content/themes/education-works/images/hero-images/news-events-page-hero-image.jpg);
}

body.events .site-header {
	background: url(/wp-content/uploads/2018/05/edwo-events.jpg);
}

/*********************
14. POPUP
**********************/

#itro_popup {
/* 	border: none !important;
    border-radius: 6px !important;
    width: 400px !important;
    height: 400px !important;
    background-color: #FFFFFF !important;
    background-size: cover;
	overflow: hidden !important;
    box-shadow: 6px 7px 9px 0px rgba(0, 0, 0, 0.6) !important; */
}

#popup_content {
    overflow: hidden !important;
}

#itro_popup a.callout-btn {
	text-transform: uppercase;
    background-color: #fec52f;
    font-family: Oswald, Lato, sans-serif;
    color: #fff;
    padding: 10px 25px 10px;
    display: block;
    text-align: center;
    width: 60%;
    position: absolute;
    bottom: 33px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.25s ease-in-out;
}

#itro_popup a.callout-btn:hover {
	background-color: #f3b206;
}

body #itro_popup #popup_content .kindful-donate-btn {
    display: block !important;
    bottom: 167px;
    width: 160px;
    padding: 7px 30px !important;
    position: absolute !important;
    background: #fec52f !important;
    border-radius: 0 !important;
}

/*************************
15. YOUNG FRIENDS NETWORK
**************************/

body.yfn .site-header {
	background: url(/wp-content/uploads/2017/10/young-friends-network.jpg);
}

body.yfn .full-width-bar {
    padding-bottom: 40px;
}

body.yfn h5 {
	font-size: 1.5em;
}

body.yfn .content h2 {
    font-size: 1.8em;
    color: #ffc600;
    text-transform: uppercase;
    text-align: left;
}

/*********************
16. EMPOWER 2019 PAGE
**********************/

body.empower .site-header {
	background: url(/wp-content/uploads/2019/03/empower-header-image.jpg);
}

body.empower .full-width-bar h3,
body.empower .full-width-bar h6 {
	color: #fff;
}

body.empower .full-width-bar,
.purple-block {
	background-color: #34103f;
}

.purple-block {
    padding-top: 4%;
    padding-bottom: 4%;
}

@media only screen and (min-width: 1100px) {
	.purple-block {
	    padding-left: 0;
	    padding-right: 0;
	}
}

.purple-block p.quote-text,
.purple-block p.signature-text {
	color: #fff;
}

.purple-block p.quote-text {
	font-size: 1.8em;
}

.purple-block p.signature-text {
	font-size: 1.4em;
}

.purple-block span.ceo-style {
	font-size: 0.8em;
}

.purple-block img.home-ew {
    margin-left: 45px !important;
}

.solid-yellow-btn {
    text-transform: uppercase;
    background-color: #fec52f;
    font-family: Oswald, Lato, sans-serif;
    color: #fff;
    padding: 6px 25px 6px;
    font-size: 1.7em;
}

p.large-purple {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.7em;
    color: #340f3f;
    max-width: 850px;
    margin: 0 auto 35px;
}

/*********************
16. COVID-19 PAGE
**********************/

body.covid-19 .site-header {
	background: url(/wp-content/uploads/2020/04/covid-19-hero-image-4.jpg);
}

/*************
XX. MEDIA QUERIES
**************/

@media only screen and (max-width: 1200px) {
	.site-header .widget-area {
		float: left;
	}
	.title-area img {
    	width: 248px !important;
	}
	.title-area {
    	width: 246px !important;
	}
	section#text-5 {
		width: 590px;
	}
	section#text-6 {
	    width: 783px;
	}
	.newsletter {
		font-size: 0.7em;
	}
	.chip-in {
		font-size: 0.9em;
	}
	body.home .su-row.engage-ew {
    	background-position: 10px 50%;
    }
    body.get-involved .full-width-bar:after, body.verticals .full-width-bar:after {
    	right: 51.7%;
    }
    body.verticals .full-width-bar:after {
    	top: 182px;
    }
    .genesis-nav-menu a {
	    padding: 30px 16px 33px;
	}
}


@media only screen and (max-width: 1020px) {
	section#text-5,
	section#text-6 {
		display: none;
	}
	/* Responsive nav css */
    .responsive-menu-button,
    .responsive-menu-button:hover {
    	background: transparent !important;
    }
    #donate-number {
    	color: #fff !important;
    }
    #header-donate {
    	padding: 2px 8px 2px 0!important;
    }
    #responsive-menu-additional-content {
    	padding-top: 10px !important;
    }
}	

@media only screen and (max-width: 960px) {
	.header-widget-area {
		text-align: center!important;
	}
	.header-widget-area section {
		
		display:inline-block;
		text-align: center;
	}
	.header-widget-area section:first-child {
		margin-right: 1%;
	}
	.inside-container {
    	padding: 0 35px;
    }
    .site-header .title-area,
    .site-title {
    	text-align: left !important;
    }
    .newsletter {
		font-size: 0.6em;
	}
    .chip-in {
    	font-size: 0.7em;
    }
    div#stats-list div#content-top-6 dl dt {
	    margin: 21px 0 0 0px;
	}
	body.get-involved .full-width-bar:after, body.verticals .full-width-bar:after {
    	right: 51.2%;
    	top: 181px;
    }
}

@media only screen and (max-width: 800px) {
	body.full-width .site-inner {
		padding-left: 0;
		padding-right: 0;
	}
	.newsletter,
	.chip-in {
    	font-size: 0.5em;
    }
    body.get-involved .full-width-bar:after {
    	top: 149px;
    }
}	

@media only screen and (max-width: 785px) {
	body.verticals .full-width-bar:after {
    	top: 181px;
    }
	div#itro_popup,
	div#itro_opaco {
	display: none !important;
}
}

@media only screen and (max-width: 773px) {
	body.get-involved .full-width-bar:after {
    	top: 181px;
    }
}

@media only screen and (max-width: 768px) {
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-primary, .title-area {
	    width: 100%;
	}
	.nomobile {
		display: none;
	}
	.header-widget-area section {
		width: 49%;
	}
	.inside-container {
    	padding: 0 20px;
    }
	.full-width-bar,
	.full-width-bar-home {
		font-size: 1.3em;
	}
	p.quote-text,
	p.signature-text {
		text-align: center;
	}
	body.home img.wp-image-86 {
		display: none;
	}
	#nav_menu-3, footer #text-3 {
	    min-height: 0;
	}
	.newsletter,
	.chip-in {
    	font-size: 0.8em;
    	margin-bottom: 40px;
    }
    #text-4 img {
    	margin-top: 20px;
    }
    body.home .hero-text:after,
    body.home .hero-text:before,
    body.about .hero-text:after,
    body.about .hero-text:before,
    body.verticals .hero-text:after,
    body.verticals .hero-text:before,
    body.get-involved .hero-text:after,
    body.get-involved .hero-text:before,
    body.contact .hero-text:after,
    body.contact .hero-text:before  {
    	font-size: 1.6em;
    }
    body.home .hero-text:before {
    	margin-top: -104px;
    }
    .header-left {
    	left: 8%;
    	bottom: 10%;
    }
    body.about.leaders .su-row img.alignleft {
		padding-top: 31px;
		margin: 0 24px 24px 0;
	}
	body.get-involved .su-row.programs-menu > div:nth-child(2),
	body.verticals .su-row.programs-menu > div:nth-child(2) {
		border-left: none;
	    padding-top: 45px;
	}
	body.get-involved .su-row.programs-menu > div:nth-child(2) {
	    border-top: 2px solid #fec52f;
	}
	body.verticals .su-row.programs-menu > div:nth-child(2) {
	    border-top: 2px solid #fec52f;
	}
	body.get-involved .entry-content .su-row.programs-menu .su-column:first-child {
		padding-bottom: 10px;
    	margin-bottom: 0 !important;
	}
	body.get-involved a.back-to-top,
	body.verticals a.back-to-top {
		display: block;
	}
	p.page-intro {
		text-align: center;
		margin-bottom: 40px !important;
	}
	div#stats-list {
		margin-top: 0;
	}
	body.verticals h4 {
		font-size: 1.5em;
	}
	body.home .hero-text:before,
	body.home .hero-text:after {
		color: #3a3939;
	}
	body.get-involved .hero-text:before {
		color: #464646;
	}
	body.verticals .hero-text:before,
	body.verticals .hero-text:after {
		color: #424040;
	}
	body.get-involved .hero-text:before {
		color: #313131;
	}
	body.contact .hero-text:before {
		color: #dedede;
		font-weight: 300;
	}
	body.home img.smooth-scroll-button,
	body.about img.smooth-scroll-button,
	body.verticals img.smooth-scroll-button,
	body.get-involved img.smooth-scroll-button,
	body.contact img.smooth-scroll-button {
	    width: 25px;
	}
	body.home img.smooth-scroll-button {
	    right: 90px;
	    bottom: 43px;
	}  
	body.about img.smooth-scroll-button {
		right: -18px;
    	bottom: 34px;
	}  
	body.verticals img.smooth-scroll-button {
		right: -31px;
    	bottom: 6px;
	}
	body.get-involved img.smooth-scroll-button {
	    right: -32px;
    	bottom: 34px;
	}
	body.contact img.smooth-scroll-button {
	    right: -36px;
	    bottom: 34px;
	}
	.widget.gform_widget {
	 	top: 4%;
	 	bottom: auto;
	}
	.su-row.engage-ew {
		text-align: center;
	}
	.social-icons-engage {
		margin: 0 auto;
	}	
	body.home .su-row.engage-ew {
		background: #fff;
	}
	body.about.leaders .entry .su-row .su-column img.alignleft {
    	display: block !important;
    	margin: 0 auto !important;
    	float: none !important;
    }
    body.get-involved .full-width-bar:after, 
    body.verticals .full-width-bar:after,
    body.contact .banner {
    	display: none;
    }
    p.page-name {
    	text-align: center;
    }
    body.verticals .hero-text:before {
		float: left;
	}

	body.verticals .hero-text:after {
		float: left;
		clear: left;
	}
	body.get-involved .su-row.programs-menu,
	body.verticals .su-row.programs-menu {
	    margin-top: 0;
	}
}

@media only screen and (max-width: 641px) {
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
	    line-height: 1 !important;
	}
	.widget.gform_widget.active, #gform_wrapper_2.active {
    	padding: 5px 27px 0px 27px !important;
	}
	input.large,
	input.gform_button.button,
	#input_1_1_3 {
		max-width: 256px !important;
	}
}
@media only screen and (max-width: 450px) {
	.title-area img {  
	    width: 175px !important;
    	padding-top: 5px;
    }	
}

@media only screen and (max-width: 450px) {
	body.about .hero-text:after {  
	    margin-left: 0;
    }
    body.about .hero-text:before {
    	margin-right: 15px;
    }	
}