/*
Theme Name: Seeds of Literacy
Theme URI: http://www.asgarddevelopment.us
Description: The 2015 Seeds of Literacy Theme
Version: 1
*/

/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
input[type="text"], input[type="password"], input[type="email"], textarea{-webkit-appearance:none; resize: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal;}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
h1 a, h2 a, h3 a, h4 a{color: #77b800}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{color: #007851}
a{color: #77b800; text-decoration: none}
a:hover {color: #007851; text-decoration: none;}
a:hover, input#searchsubmit:hover{cursor: pointer;}


p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

.clear{clear: both}

/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; font-family: 'proxima-nova', sans-serif; line-height: 1.3; font-weight: 300}
.wrap, .page .full header h1, .page .columns header h1, .single .columns header h1, .archive .columns header h1, .error404 .columns header h1{width: 96%; max-width: 1200px; margin: 0 auto; padding: 0 2%; position: relative; clear: both}

#utility-nav{float: right; list-style-type: none; margin: 23px 0 0 0; padding: 0}
#utility-nav li{display: inline-block; font-size: .875em}
#utility-nav li a{color: #000; display: block; margin: 0 10px;}
#utility-nav li a:hover{color: #007851}

a.logo{display: inline-block; margin-top: 20px;}

.social-icons{list-style-type: none; float: right; margin: 10px 0 0 0;}
.social-icons .content{display: none}
.social-icons li{display: inline-block}
.social-icons a{display: block; margin: 5px; color: #77b800; font-size: 1.7em}
.social-icons a:hover{color: #007851}
.social-icons .youtube{top: -2px; position: relative; display: block;}

#donate-top{display: block; float: right; background-color: #f1592a; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 1.5em; padding: 20px 50px 10px 50px; background: #f1592a url('/wp-content/themes/seeds/images/leaves.png?x47745') 10px 10px no-repeat; position: relative; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; margin-left: 30px;}
#donate-top span{display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0;  background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 158px -148px no-repeat;}
#donate-top:hover{background-color: #c94a23}


header#hero h1, header#hero .logo{float: left;}
header#hero .wrap{height: 220px;}

#anniversary-link{float: right; width: 200px; margin-right: 50px;}
#anniversary-link img{width: 100%; height: auto;}


#night-of-entertainment, #teletutor{float: right; width: 200px; margin-right: 20px;}
#teletutor{width: 400px}
@media only screen and (max-width: 1080px){
	#teletutor{width: 300px;}
}
@media only screen and (max-width: 980px){
	a#teletutor{display: block; margin: 0 auto; padding-bottom: 30px; margin-top: 30px; float: none; clear: both; width: 100%; max-width: 600px !important;}
	header#hero .wrap{height: auto !important}
}
#night-of-entertainment img, #teletutor img{width: 100%; height: auto;}

@media only screen and (max-width: 860px){
	#night-of-entertainment{width: 300px; max-width: 90%; clear: both; float: none; display: block; margin: 0 auto;}
  #night-of-entertainment img{width: 100%; height: auto;}
}

@media only screen and (max-width: 720px){
	#night-of-entertainment{margin-top: 20px; margin-bottom: 50px;}
}

header#hero{padding-bottom: 20px}
header nav{position: absolute; bottom: -20px; right: 2%;}
header nav ul{text-align: right; list-style-type: none; padding: 0; margin: 0; font-size: 1.125em;}
 div.nav ul li{display: inline-block; margin: 0 10px;}
 div.nav ul li a{color: #000; display: inline-block; padding-bottom: 20px;}
 div.nav ul li ul li a{color: #007851; display: block;}
 div.nav ul li.current-menu-item a,  div.nav ul li.current-menu-ancestor a{color: #007851}
 div.nav ul li.current-menu-item ul li a,  div.nav ul li.current-menu-ancestor ul li a{color: #007851}
 div.nav ul li a:hover{color: #007851}
 div.nav ul li.current-menu-item ul li a:hover,  div.nav ul li.current-menu-ancestor ul li a:hover{color: #684f40}


 div.nav ul li:hover > ul{display: block;}
 div.nav ul ul{display: none; position: absolute; z-index: 99; background-color: #fff;  width: 230px; padding: 10px; height: auto;}
	 div.nav  ul ul li{text-align: left; position: relative; font-size: .782em; padding: 5px; height: auto; display: block; border-bottom: 1px dotted #007851}
	 div.nav ul ul ul{display: none !important; width: auto; position: relative; font-size: 1em}
	 div.nav ul ul ul li{border: 0; font-size: 1em}
	 div.nav ul ul ul li a{padding: 5px 10px; font-weight: normal; }
	 div.nav ul ul li a:hover{border: 0; color: #684f40}
	 div.nav ul ul li a{padding: 5px 0; height: auto; border: 0 !important; display: block;}
div.nav .fa{display: none}

.hide-nav nav, .hide-nav #utility-nav, .hide-nav .social-icons, .hide-nav #donate-top{display: none}

header .logo:hover{opacity: .6}

.header-image{margin: 0 auto; text-align: center; line-height: 0; min-height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative}
.home .header-image{min-height: 340px}

header form.search-form{float: right; clear: right; margin-top: 40px; overflow: hidden}
header form.search-form label,
header form.search-form button span.screen-reader-text{display: none;}
header form.search-form input{padding: 5px 5px 5px 20px; display: block; float: left; margin: 0; border: 1px solid #999; height: 40px; width: 300px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none }
header form.search-form button{display: block; padding: 5px; margin: 0; float: right; border: 0; background-color: #01432d; color: #fff; width: 40px; height: 40px; font-size: 1.2em; line-height: 1em; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none}
header form.search-form button:hover{cursor: pointer; background-color: #007851}
header form.search-form input::-webkit-input-placeholder{color: #999; text-transform: uppercase;}
header form.search-form input::-moz-placeholder{color: #999; text-transform: uppercase;}
header form.search-form input:-ms-input-placeholder{color: #999; text-transform: uppercase;}
header form.search-form input:-moz-placeholder{color: #999; text-transform: uppercase;}

#sowing-seeds{position: absolute; bottom: 20px; right: 0; background-color: #1b3a57; padding-top: 20px; line-height: 1.3em; text-align: left;}
.home #sowing-seeds{bottom: 65px}
#sowing-seeds span{font-size: .875em; color: #b8b8b8; display: block; padding: 0 30px}
#sowing-seeds h3{color: #fff; font-size: 1.25em; padding: 0 30px; margin: 5px 0; max-width: 243px; padding-right: 180px; line-height: 1.4em}
#sowing-seeds a{display: block; color: #fff; font-size: 1.25em; font-weight: 700; background-color: #23a9e1; padding: 20px 30px; margin: 5px 0}
#sowing-seeds img{position: absolute; bottom: -20px; right: -60px}
.home #sowing-seeds img{bottom: -65px;}
#sowing-seeds a:hover{color: #1b3a57}







.headline-message, .archive .columns header, .page .full header, .page .columns header, .single  .columns header, .error404 .columns header{color: #fff; background: #007851; font-size: 1.875em; text-align: center; padding: 20px 0; font-weight: 300}
.page .full header h1, .page .columns header h1, .archive .columns header h1, .single .columns header h1, .error404 .columns header h1{font-size: 1em; text-align: left;}
.page .full header, .page .columns header, .archive .columns header, .single .columns header, .error404 .columns  header{margin-bottom: 20px; }
.page .sixty header h1, .page .sixty .content{width: 60%}
.page .full .content, .single .full .content{margin-bottom: 30px}
.page .full .content p, .single .full .content p, .error404 .columns .full .content p{margin-top: 10px;}
.page .columns, .archive .columns, .single .columns, .error404 .columns {margin-bottom: 30px; overflow: hidden;}
.page .columns .wrap .wrap, .archive .columns .wrap .wrap, .single .columns .wrap .wrap, .error404 .columns .wrap .wrap{padding: 0; width: 100%;}
.page .columns .full, .archive .columns .full, .single .columns .full, .error404 .columns .full{width: 62%; margin-right: 4%; float: left;}
.page .columns #sidebar, .archive .columns #sidebar, .single .columns #sidebar, .error404 .columns #sidebar{width: 29%; margin-left: 4%; float: right}
.page .columns, .single .columns, .archive .columns, .error404 .columns {position: relative}
.page .columns .full header h1{position: absolute; top: 0; left: 0; width: 100%;}
.page .full.landing header h1, .page .columns.landing header h1{text-align: center}
.content img{max-width: 100%; height: auto}
.archive .columns header h1 a, .archive .columns header h1 a:hover{color: #fff}

.page-id-1805 article.single-page header {background-color: #c0ba30}

.single-post img{max-width: 100%; height: auto}

.callouts{overflow: hidden; margin-bottom: 30px}
.callouts ul{list-style-type: none; margin: 30px 0; padding: 0}
.callouts ul li{width: 33%; float: left; text-align: center}
.callouts h2{font-size: 1.875em; color: #000; display: table; width: 100%; margin-bottom: 25px;}
.callouts h2 a{color: #000; display: table-cell; position: relative; height: 85px; text-align: center; font-weight: 300; line-height: 2; vertical-align: middle; width: 100%;}
.callouts h2 span{vertical-align: middle}
.callouts h2 a span.fa{font-size: 1.7em; color: #fff; background-color: #77b800; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 85px; height: 67px; padding-top: 18px; text-align: center; display: inline-block; margin-right: 20px;}
.callouts h2 a:hover span.fa{background-color: #007851}
.callouts li .content{padding: 0 2%}
.callouts li .read-more{color: #77b800; font-weight: bold; font-style: italic}
.callouts li .read-more:hover{color: #007851}
.callouts p{font-size: 1.2em}


.statistics{clear: both; background-color: #f3f3f3; border-top: 1px solid #00784b; border-bottom: 1px solid #00784b; overflow: hidden; margin-bottom: 30px}
.statistics ul{list-style-type: none; margin: 30px 0; padding: 0}
.statistics ul li{width: 33%; float: left; text-align: center}
.statistics li .content{padding: 0 2%; font-size: 1.2em}
.statistics .stat{font-size: 3.7em; font-weight: 600; color: #c0ba30; line-height: 1}
#more-facts{float: right; margin-right: 1%; padding-bottom: 20px;}
#more-facts a{color: #77b800; font-weight: bold; font-style: italic}
#more-facts a:hover{color: #007851}



footer{clear: both; background-color: #007851; color: #fff; padding-top: 30px; font-size: .875em; overflow: hidden}
footer .wrap{padding: 0}
footer .block-1{width: 23%; padding-left: 10%;; background: transparent url('/wp-content/themes/seeds/images/tree-white.png?x47745') top left no-repeat; padding-bottom: 10px; float: left}
footer h4{font-size: 1.286em; font-weight: 300; margin-bottom: 5px; padding-top: 20px;}
footer .block-1 h4{font-size: 1.286em; font-weight: 300; margin-bottom: 5px; padding: 0}
footer .block-2, footer .block-3{float: left; width: 33%;}
footer .block-2 h4{padding-top: 0; text-align: center; margin-bottom: 0; }

.copyright{clear: both; background-color: #01432d; padding: 15px 0; font-size: .875em}

footer .block-3 ul{list-style-type: none; text-align: center; margin: 0; padding: 0}
footer .block-3 ul li{display: inline-block; margin: 10px;}
footer .block-3 ul li a{color: #fff}
footer .block-3 ul li a:hover{color: #77b800}



footer .block-3 h4, #sidebar-donate{padding: 0; text-align: center}
footer .block-3 h4 a, #sidebar-donate a{position: relative; display: inline-block; color: #fff; font-size: 3.375em; font-weight: 600; text-transform: uppercase; background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 10px 5px no-repeat; padding: 0 40px 0 50px; line-height: 1}
footer .block-3 h4 a:hover, #sidebar-donate a:hover{color: #77b800;}
footer .block-3 h4 a span, #sidebar-donate a span{display: block; position: absolute; top: 0; right: 0; height: 100%; width: 30px; background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 0px -153px no-repeat;}
#sidebar-donate a, #sidebar-donate a span{color: #fff}
#sidebar-donate a{background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 10px 10px no-repeat; background-color: #f1592a; padding: 20px 55px 20px 60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 10px; font-size: 2em}
#sidebar-donate a:hover{background-color: #c94a23; color: #fff;}
#sidebar-donate a span{background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 0px -149px no-repeat; width: 40px;}

footer .social-icons{float: none; text-align: center; margin: 0; clear: both; padding: 0; margin-top: 20px;}
footer .social-icons a{display: block; margin-right: 10px; color: #fff; font-size: 1.95em}
footer .social-icons a:hover{color: #77b800}

a#newsletter-signup{display: block; border: 0; height: 32px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #000000; margin: 0; background-color: #01432d; color: #fff; text-align: center; line-height: 32px; max-width: 200px; margin: 0 auto; margin-top: 20px; font-weight: bold; font-size: 1.1em; padding: 5px 0}

a#newsletter-signup:hover{background-color: #77b800; cursor: pointer}

#blog{overflow: hidden; margin-bottom: 30px}
#blog h2{font-size: 2.250em; font-weight: 100}
#blog ul{list-style-type: none; margin: 0; padding: 0}
#blog ul li{width: 28%; float: left;}
#blog ul li:nth-child(2){padding: 0 5%}
#blog .entry-date, .blog-landing .entry-date{font-style: italic; font-size: .875em; margin-top: 30px; display: block;}
#blog h3, .blog-landing h3{font-size: 1.2em; margin: 10px 0}
#blog h3 a, .blog-landing h3 a{color: #000; font-weight: 600; font-size: 1.125em}
#blog h3 a:hover, .blog-landing h3 a:hover{color: #007851}
#blog .read-more, .blog-landing .read-more, .blog-list .read-more{color: #77b800; font-weight: 600; font-style: italic}
#blog .read-more:hover, .blog-landing .read-more:hover, .blog-list .read-more:hover{color: #007851}
#blog p, .blog-landing p, .blog-list div{font-size: 1.2em}
#blog img, .blog-landing img{max-width: 100%; height: auto}
.blog-list h2 a{color: #000}
.blog-list h2 a:hover{color: #007851}
.blog-list div{margin-bottom: 10px;}

.single-post .columns header span a{font-size: 1.2em; text-transform: uppercase; color: #fff}
.single-post .columns header span a:hover{color: #fff}
.single-post .entry-date{font-style: italic; font-size: .875em; margin-top: 30px; display: block;}
.single-post .author{font-size: .875em;}
.single-post .author a{color: #77b800}
.single-post .author a:hover{color: #007851}
.single-post article h1{color: #77b800; font-weight: bold; font-size: 2em; margin: 20px 0}
.single-post .content{font-size: 1.2em}
.single-post article .blog-featured-image img{width: 100%; height: auto}
.ssba{padding-left: 0 !important; clear: both}
.tags{font-size: .875em}
.tags a{color: #007851}
.tags a:hover{color: #684f40}

#sidebar #blog h2{font-size: 1.6em; margin-bottom: 0}
#sidebar #blog .entry-date{margin-top: 10px}
#sidebar #blog{font-size: .775em}
#sidebar #connect-sidebar h4{font-size: 1.348em}

.mobile-only{display: none}
#mobile{display: none}


.testimonial{overflow: hidden; margin-bottom: 30px;}
.testimonial .image{float: left; margin-right: 30px; max-width: 23%}
.testimonial .image img{-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width: 100%; height: auto}
.testimonial h2{padding-top: 10px;}
.testimonial p{margin: 0}

.circle-image{clear: both; padding-bottom: 20px;}
.circle-image, .news-thumbnail{float: left; margin-right: 20px;}
.circle-image img, .news-thumbnail img{max-width: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: auto}

.news{margin-bottom: 30px; overflow: hidden; clear: both;}
.news .entry-date{font-size: .875em; font-style: italic}

.nav-previous, .nav-next{display: inline-block; margin-right: 20px;}

span.button-link a, span.button-link-red a, span.button-link-brightgreen a{display: inline-block; background-color: green; color: #fff; padding: 10px 30px;  -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px; background-color: #007851 }
span.button-link a:hover{background-color: #77b800}

span.button-link-red a{background-color: #f1592a }
span.button-link-red a:hover{background-color: #c94a23}

span.button-link-brightgreen a{ background-color: #77b800;}
span.button-link-brightgreen a:hover{background-color: #548201}

.close-up{font-size: 1.2em !important;}


#mc_embed_signup{text-align: center; padding-top: 10px;}
#mc_embed_signup label{display: none}
#mc_embed_signup input[type="email"]{border: 0; height: 30px; padding-left: 10px; border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border: 0px solid #000000; margin: 0; width: 50%;}
#mc_embed_signup input[type="submit"]{border: 0; height: 32px; border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
border: 0px solid #000000; margin: 0; background-color: #01432d; color: #fff;}
#mc_embed_signup input[type="submit"]:hover{background-color: #77b800; cursor: pointer}
#connect-sidebar #mc_embed_signup input[type="email"]{border: 1px solid #007851; border-right: 0}
#connect-sidebar #mc_embed_signup input[type="submit"]{height: 34px; background-color: #007851;}

.accordion-content{display: none; padding-bottom: 30px; font-size: 1em; clear: both;}
h2.accordion-title{font-size: 1.158em !important; width: 100%; padding: 10px 0 10px 0; margin-bottom: 0px; color: #77b800; clear: both;}
h2.accordion-title span.fa{margin-left: 10px; font-size: .875em; float: right; margin-top: 10px; margin-right: 10px;}
h2.accordion-title{border-bottom: 1px dotted #3f4a50;}
h2.accordion-title:hover{cursor: pointer; color: #007851}


.landing-content{text-align: center;}
.headlines{list-style-type: none; margin: 0; padding: 0; width: 85%; margin: 0 auto; display: inline-block; text-align: left;}
.headlines h2, .headlines div{display: inline}
.headlines h2{margin-right: 20px;}
.headlines div{font-size: 1.5em}
.headlines li{margin-bottom: 20px}

ul.blog-landing{list-style-type: none; margin: 0; padding: 0; margin-top: 0px; text-align: left;}
ul.blog-landing li{width: 49%; float: left; margin-bottom: 40px; margin-right: 1%}
ul.blog-landing li:nth-child(2n){margin-right: 0; margin-left: 1%}
ul.blog-landing h3 a{color: #000}
ul.blog-landing .content{width: 80% !important}


.ribbon {
    background: #fff;
    height: 107px;
    margin: 0 auto;
    position: absolute;
    width: 100px;
    right:20px;
  	bottom: -137px;
    text-align:center;
    vertical-align:middle;
  	padding-top: 10px;
    font-size:35px;
    color:#f2f2f2;
 		font-size: 16px;
}
.ribbon:hover .text{color: #f1592a}
.ribbon .number{font-size: 2em; color: #f1592a;}
.ribbon .text{font-size: .875em; color: #77b800}
.ribbon:after,
.ribbon:before {
    content: '';
    position: absolute;
    border-top: 20px solid #fff;
    height: 0;
    width: 0;
    top: 100%;
}
.ribbon:after {
    border-left: 50px solid transparent;
    right: 0px;
}
.ribbon:before {
    border-right: 50px solid transparent;
    left: 0px;
}

.gfield_list .gfield_list_group td{width: 50% !important}
#gform_wrapper_4 .gfield_list_cell input{max-width: 90%}
#gform_wrapper_4 .delete_list_item, #gform_wrapper_4 .add_list_item{display: inline-block; margin-right: 30px;}


article.single-page .content h1{font-size: 2.5em}
article.single-page .content h2{font-size: 2em}
article.single-page .content h3{font-size: 1.5em}
article.single-page .content h4{font-size: 1.2em}
article.single-page .content{font-size: 1.2em}

.gfield label{font-size: 1em !important}


#sponsorships .form{display: none; clear: both}
#sponsorships .details h3{font-size: 1.4em}
#sponsorships .details{float: left; font-size: .875em}
#sponsorships .sponsor-button{float: right; display: block; font-weight: bold; background-color: #77b800; color: #fff; padding: 10px 30px;  -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px;}
#sponsorships .sponsor-button:hover{cursor: pointer; background-color: #007851}
#sponsorships .sponsorship{overflow: hidden; border-bottom: 2px solid #000;  padding: 30px 0; margin: 30px 0}
#sponsorships .sponsorship:last-child{border-bottom: 0}
#sponsorships .gform_confirmation_message, .crowdfunding .gform_confirmation_message{background-color: #007851; color: #fff; padding: 20px; margin-bottom: 30px;}

.crowdfunding .wrap, .crowdfunding-totals .wrap{width: 60%; margin: 0 auto;}


.crowdfunding-totals .wrap div{width: 33%; float: left; text-align: center; margin: 30px 0; font-weight: bold;}
.crowdfunding-totals span{display: block; font-size: 3.7em; color: #c0ba30; font-weight: 600;}
.crowdfunding-totals{clear: both; background-color: #f3f3f3; border-top: 1px solid #00784b; border-bottom: 1px solid #00784b; overflow: hidden; margin-bottom: 30px}
.crowdfunding-totals span.backer{font-size: .4em}

.crowdfunding-bar{height: 80px; border-color: #ccc; width: 60%; margin: 0 auto; background-color: #f1f1f1; margin-bottom: 30px;
background: repeating-linear-gradient(
  -45deg,
  #f1f1f1,
  #f1f1f1 15px,
  #ccc 15px,
  #ccc 20px
);
}

.crowdfunding-bar .bar-cover{background-color: #c0ba30; height: 100%; width: 0; opacity: .8; overflow: hidden}

.crowdfunding-bar .bar-cover span.total{color: #fff; font-weight: 600; width: 200px; float: left; display: block; margin: 20px 30px; font-size: 2em}


.crowdfunding-bar{position: relative}
.crowdfunding-bar .goal{position: absolute; top: 0; right: 0; padding: 25px 30px; color: #000; font-weight: bold; text-align: center; line-height: 1.3em;}
.crowdfunding-bar .goal span{font-size: 2em}


#pure-imagination{text-align: right; overflow: hidden; padding-bottom: 30px;}
#pure-imagination img{max-width: 100%; height: auto; -webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);}

@media only screen and (max-width: 1040px){
  
	header#hero .logo{margin-bottom: 20px; display: inline-block;}
  
header#hero .wrap{height: 500px;}

header#hero .wrap{height: 220px;}
	#anniversary-link{margin-right: 10px;}
	

	ul#utility-nav{position: absolute; left: 2%; top: -10px;}
	header#hero .social-icons{width: 180px; float: right; margin: 0 auto;}
  
	header nav{position: absolute; bottom: -20px; left: 2%; right: 2%}
	header nav ul{text-align: center; list-style-type: none; padding: 0; margin: 0; font-size: 1.125em;}
  
  #sidebar-donate a{font-size: 2em}
  
	#sidebar-donate a{background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 10px 08px no-repeat; background-color: #007851; padding: 20px 55px 15px 60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 10px;}
	#sidebar-donate a span{background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 0px -151px no-repeat; width: 40px;}

  
	.callouts h2{font-size: 1.575em;}
	.callouts h2 a{height: 85px;}
	.callouts h2 a span.fa{font-size: 1.5em; width: 65px; height: 50px; padding-top: 15px; margin-right: 20px;}
	.callouts li .content{padding: 0 2%; font-size: .875em}
	.callouts li .read-more{font-size: .875em}
	  
	  
	.headline-message, .page .full header, .page .columns header, .archive .columns header{font-size: 1.575em;}

	.statistics li .content{font-size: .875em}
	.statistics .stat{font-size: 3.5em; font-weight: 600; color: #c0ba30; line-height: 1}
	  
	  
	footer .block-3 h4 a{font-size: 2.375em; background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 10px -2px no-repeat;}
	footer .block-3 h4 a span{width: 30px; background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 0px -160px no-repeat;}

	footer .block-1{background: transparent url('/wp-content/themes/seeds/images/tree-white.png?x47745') center left no-repeat; background-size: 25%}
  
  
	.testimonial h2{padding-top: 0px;}
}


@media only screen and (max-width: 960px){
	header nav ul{text-align: center; list-style-type: none; padding: 0; margin: 0; font-size: 1em;}
	header nav ul ul, header nav ul ul li, header nav ul li{font-size: 1em !important}
	header nav div.nav ul li{margin-left: 0px}
}

@media only screen and (max-width: 860px){
	#anniversary-link, #teletutor{float: none; max-width: 200px; width: 100%; margin: 0 auto; clear: both; display: block}
	#anniversary-link img, #teletutor img{width: 100%; height: auto;}
	header#hero .wrap{height: 400px;}
}

@media only screen and (max-width: 780px){
	#mobile{display: block; width: 43px; height: 29px; background: transparent url('/wp-content/themes/seeds/images/mobile-icon.png?x47745') top left no-repeat; position: absolute; top: 10px; z-index: 110}
  article.columns{clear: both}
header#hero .wrap{height: 400px;}
header#hero .wrap{height: 220px;}
header#hero .wrap{height: 380px;}
  
	.callouts{overflow: hidden; margin-bottom: 30px}
	.callouts ul{list-style-type: none; margin: 30px 0; padding: 0}
	.callouts ul li{width: 96%; margin: 0 auto; float: none; max-width: 400px; margin-bottom: 20px;}
	.callouts h2{font-size: 1.875em; color: #000; display: table; width: 100%; margin-bottom: 25px;}
	.callouts h2 a{color: #000; display: table-cell; position: relative; height: 85px; text-align: center; font-weight: 300; line-height: 2; vertical-align: middle; width: 100%;}
	.callouts h2 span{vertical-align: middle}
	.callouts h2 a span.fa{font-size: 1.7em; color: #fff; background-color: #77b800; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 85px; height: 67px; padding-top: 18px; text-align: center; display: inline-block; margin-right: 20px;}
	.callouts h2 a:hover span.fa{background-color: #007851}
	.callouts li .content{padding: 0 2%}
	.callouts li .read-more{color: #77b800}
	.callouts li .read-more:hover{color: #000}
	
	
	ul.blog-landing li{width: 96%; float: none; margin: 0 auto;}
	ul.blog-landing li:nth-child(2n){margin: 0 auto}
	ul.blog-landing h3 a{color: #000}
	ul.blog-landing .content{width: 100% !important}

	  
	  
	.statistics{clear: both; background-color: #f3f3f3; border-top: 1px solid #00784b; border-bottom: 1px solid #00784b; overflow: hidden; margin-bottom: 30px}
	.statistics ul{list-style-type: none; margin: 30px 0; padding: 0}
	.statistics ul li{width: 96%; float: none; max-width: 400px; margin: 0 auto; margin-bottom: 40px; text-align: center}
	.statistics li .content{padding: 0 2%}
	.statistics .stat{font-size: 4.5em; font-weight: 600; color: #c0ba30; line-height: 1}
	  
	  
	#blog{overflow: hidden; margin-bottom: 30px}
	#blog h2{font-size: 2.250em; font-weight: 100; text-align: center}
	#blog ul{list-style-type: none; margin: 0; padding: 0}
	#blog ul li{width: 96%; max-width: 400px; float: none; margin: 0 auto}
	#blog ul li:nth-child(2){padding: 0}
	#blog .entry-date{font-style: italic; font-size: .875em; margin-top: 30px; display: block;}
	#blog h3{font-size: 1em; margin: 10px 0}
	#blog h3 a{color: #000; font-weight: 600; font-size: 1.125em}
	#blog h3 a:hover{color: #007851}
	#blog .read-more{color: #77b800; font-weight: 600; font-style: italic}
	#blog .read-more:hover{color: #007851}
	  
	 footer{text-align: center}
	footer .block-1{display: inline-block; padding-left: 120px; float: none; max-width: 400px; margin: 0 auto; margin-bottom: 30px; background-size: auto; background-position: top left; text-align: left; width: 100%; max-width: 200px;}
	footer .block-2, footer .block-3{float: none; width: 96%; margin: 0 auto;}
	  
	footer .block-3 ul{list-style-type: none; text-align: center; margin: 0; padding: 0}
	footer .block-3 ul li{display: inline-block; margin: 10px;}
	footer .block-3 ul li a{color: #fff}
	footer .block-3 ul li a:hover{color: #77b800}
  footer .block-3 ul li:first-child{margin-left: 0}
  footer .block-3 ul li:last-child{margin-right: 0}

	footer .block-3 h4{padding: 0; text-align: center}
	footer .block-3 h4 a{position: relative; display: inline-block; color: #fff; font-size: 3.375em; font-weight: 600; text-transform: uppercase; background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 10px 5px no-repeat; padding: 0 35px 0 45px; line-height: 1}
	footer .block-3 h4 a:hover{color: #77b800;}
	footer .block-3 h4 a span{display: block; position: absolute; top: 0; right: 0; height: 100%; width: 30px; background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 0px -153px no-repeat;}


	footer .social-icons{float: none; text-align: center; margin: 0; clear: both; padding: 0}
	footer .social-icons a{display: block; margin-right: 10px; color: #fff; font-size: 1.95em}
	footer .social-icons a:hover{color: #77b800}
  footer .social-icons li:last-child a{margin-right: 0}
  
  
	#utility-nav{display: none}
  
	header .mobile-only{display: block}
	header nav a:hover{background-color: #77b800}
	header nav{position: absolute; top: 0; bottom: auto; right: auto; left: 0; background-color: #007851; width: 100%; padding-top: 50px; z-index: 100; display: none}
	header nav ul{text-align: left; width: 100%;}
	div.nav ul li{display: block; width: 100%; margin: 0 auto; position: relative}
	div.nav ul li a{color: #fff; display: block; padding-bottom: 20px; width: 90%; margin: 0 auto; border-bottom: 1px dotted #fff; padding: 0 5% 0 5%; padding-top: 20px; padding-bottom: 20px;}
	div.nav ul li ul li a{color: #fff; display: block;}
	div.nav ul li.current-menu-item a,  div.nav ul li.current-menu-ancestor a{color: #fff}
	div.nav ul li a:hover{color: #fff}


	div.nav ul li:hover > ul{display: none;}
	div.nav ul li:hover > ul.open{display: block;}
	div.nav ul ul{display: none; position: relative; width: 100%; padding: 0px; height: auto; border-bottom: 1px dotted #fff; background-color: #007851;}
	 div.nav  ul ul li{text-align: left; position: relative; font-size: .682em; padding: 0; height: auto; display: block; border-bottom: 0;}
	 div.nav  ul ul li:last-child{border-bottom: 0}
	 div.nav ul ul li:hover > a{color: #fff}
	 div.nav ul ul ul{display: block; width: auto; position: relative; font-size: 1em; border-bottom: 0}
	 div.nav ul ul ul li{border: 0; font-size: 1em}
	 div.nav ul ul ul li a{padding: 5px 10px; font-weight: normal; color: #fff !important}
	 div.nav ul ul li a:hover{border: 0; color: #fff}
	 div.nav ul ul li a{padding: 5px 0; height: auto; border: 0 !important; display: block;}
	 div.nav ul ul li a:before{font-family: FontAwesome; content: ''}
   #hero div.nav a{color: #fff;}
  
	 div.nav ul ul li a{margin: 0; padding: 0 10%; padding-bottom: 20px; padding-top: 20px;}
	 div.nav ul ul ul li a{margin: 0; padding: 0 20%; padding-bottom: 20px; padding-top: 20px;}
  
  div.nav .fa{display: block; position: absolute; top: 0px; right: 0px; bottom: 0; color: #fff; padding-top: 10px; font-size: 2em; width: 100px; text-align: center}
  div.nav .fa:hover{color: #77b800; cursor: pointer}
	 
	 header .social-icons{float: right !important; width: 180px !important} 
	 header .logo{display: inline-block; margin-top: 20px;}
	 header#hero h1{padding-bottom: 0;}
  
  
	.page .sixty header h1, .page .sixty .content, .single .sixty .content{width: 96%; margin: 0 auto}
	.page .columns .full, .page .columns #sidebar, .single .columns #sidebar, .archive .columns #sidebar, .archive .columns .full, .single .columns .full, .error404 .columns .full, .error404 .columns #sidebar{width: 96%; margin: 0 auto; float: none}
	.page #sidebar h2{text-align: left}

	.testimonial .image{float: left; margin-right: 10px; max-width: 25%;}
	.testimonial .image img{border-radius: 100px; max-width: 100%; height: auto}
	.testimonial h2{padding-top: 0px;}
	.testimonial p{margin: 0}

	h2.accordion-title{width: 85%; padding: 10px 0 10px 0; padding-right: 15%; margin-bottom: 0px; color: #77b800; clear: both; position: relative; max-width: 100%;}
	h2.accordion-title span.fa{position: absolute; top: 6px; right: 10px;}

	.crowdfunding .wrap, .crowdfunding-totals .wrap{width: 96%; margin: 0 auto;}
	.crowdfunding-bar{width: 96%;}
	.crowdfunding-totals span{font-size: 2.5em}

}

@media only screen and (max-width: 680px){
	header form.search-form input{width: 150px; }

}

@media only screen and (max-width: 520px){
  header .social-icons{display: none} 
 
  header#hero .wrap{height: 440px;}
  header#hero .wrap{height: 310px;}
  header#hero .wrap{height: 460px;}

	#anniversary-link, #teletutor{margin-top: 20px;}
	
	header form.search-form{margin-top: 0; float: none; clear: both;}
	header form.search-form input{width: 80%;}
	header form.search-form button{width: 20%}
	
  #sowing-seeds{bottom: 50px;}
  #sowing-seeds img{display: none;} 
  #sowing-seeds h3{padding-right: 20px}
  
  
	.crowdfunding-totals .wrap div{width: 96%; margin: 30px 0;}
	.crowdfunding-totals .wrap div:nth-child(2){margin: 0}
	.crowdfunding-bar .bar-cover span.total{display: none}
	.crowdfunding-bar .goal{top: 0; left: 0; bottom: 0; right: 0}

}


@media only screen and (max-width: 420px){
  
  .logo img{max-width: 96%;}
  
	ul#utility-nav{position: absolute; left: 2%; top: -10px;}
	header#hero .social-icons{width: 150px; float: none; margin: 0 auto;}
  
	header nav ul{list-style-type: none; padding: 0; margin: 0; font-size: 1.125em;}
  
  
  
	.callouts h2{font-size: 1.575em;}
	.callouts h2 a{height: 85px;}
	.callouts h2 a span.fa{font-size: 1.5em; width: 65px; height: 50px; padding-top: 15px; margin-right: 20px;}
	.callouts li .content{padding: 0 2%; font-size: .875em}
	.callouts li .read-more{font-size: .875em}
	  
	  
	.headline-message, .page .full header, .page .columns header{font-size: 1.575em;}

	.statistics li .content{font-size: .875em}
	.statistics .stat{font-size: 3.5em; font-weight: 600; color: #c0ba30; line-height: 1}
	  
	  
	footer .block-3 h4 a{font-size: 2.375em; background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 10px -2px no-repeat;}
	footer .block-3 h4 a span{width: 30px; background: transparent url('/wp-content/themes/seeds/images/leaves.png?x47745') 0px -160px no-repeat;}

	footer .block-1{background-size: 80px; padding-left: 90px}
	
	#wpadminbar{display: none}
}


h3.sponsor-accordion{color: rgb(119, 184, 0); font-size: 1.2em !important}
h3.sponsor-accordion:hover{color: #000; cursor: pointer;}
div.sponsor-accordion{display: none}


.resources{display: flex; flex-wrap: wrap; width: 100%; flex-direction: row; overflow: hidden; margin-bottom: 40px;}
.resource{font-size: 16px; width: 25%; text-align: center; font-weight: bold; text-transform: uppercase;}
.resource:hover{opacity: .8; cursor: pointer}
article .content .resource h2{color: #fff; font-size: 1.5em; padding: 30px 10px;}

@media only screen and (max-width: 640px){
	.resource{width: 50%}
	article .content .resource h2{color: #fff; font-size: 1.2em; padding: 30px 10px;}
}

@media only screen and (max-width: 480px){
	.resource{width: 100%}
	article .content .resource h2{color: #fff; font-size: 1.2em; padding: 30px 10px;}
}

.resource-description{display: none;}