#ajax-load-more{
margin: 0 -15px 0 0;
}

.hero{
	  background-color: transparent;
	height:800px;

}
.wtf .sub-wtf .wtf-callout-button {
    width: 260px !important;
}
.page-template-page-newpledge #primaryPostForm .required.error, .single-pledge #primaryPostForm .required.error {
	margin-bottom: 20px;
}



.lang-es .hero{
	margin-bottom: 0;
}
.lang-es .article-page .article-tag {
	width: 80px;
}
.lang-es .media-kit h1 {
	font-size:33px;
	line-height:.5px;
}
footer .footer-menu ul li a {
	color: #006675!important;
}
.current-menu-item>a,
.header-menu.active > a:hover,
footer #sitebyiii:hover,
footer .sponsor-callout a:hover,
footer .footer-menu ul li a:hover {
	color: #008296!important;
}

footer #sitebyiii {
	color: #006675!important;
}



.header-menu.active > a{
	color:#006675;
}


header .header-menu.active{
	z-index:100 !important;
}

body > header{
	height:108px;
	font-family: 'plutoregular';
}

body > footer{
	padding:10px 0;
	font-family: 'plutoregular';
}

body > footer .container:last-of-type, #sitebyiii, body > footer .sponsor-callout p{
	font-size: 12px !important;
}

body > footer .sponsor-callout {
	margin-top:15px;
	margin-bottom: -15px;
	float:right;
}

body > footer .container:last-of-type{
	margin-bottom:10px;
}

.lang-es > footer .container:last-of-type p{
	margin-top:-10px;
	padding-left: 10px;
}


.lang-es #sitebyiii{
	margin-top:-10px;
}


/*--- reduce spanish font to fit --- */
.lang-es .footer-menu ul li a, body.lang-es > footer .sponsor-callout p, .lang-es > footer .container:last-of-type p, .lang-es #sitebyiii{
	font-size: 13px !important;
}
.lang-es > footer .container:last-of-type p{
	line-height:2;
}
h1 {
	font-family:'plutomedium';
}
h2{
		font-family: 'plutoregular';
}

#menu-main-menu > li > a{
	font-size: 16px !important;
	padding-bottom: 22px;
}

header .menu-main-menu-espanol-container > ul > li a{
	font-size: 15px !important;
}

header .menu-main-menu-espanol-container > ul > li a::after{
	margin-top:9px !important;
}

header .menu-main-menu-espanol-container > li > a::after{
	margin-top:8px;
}

#menu-main-menu .sub-menu > li > a{
	font-size: 16px !important;
}
body.fixed-header #menu-main-menu .sub-menu > li > a{
	font-size: 15px !important;
}

#menu-main-menu .sub-menu{
	margin-top:0px;
	font-size: 16px !important;
	width: 230px !important;
	background: #fcf9f8;
	left: auto;
	right: 0px
}
header .menu-main-menu-espanol-container .sub-menu{
	margin-top:0px;
	font-size: 13px !important;
	width: 265px !important;
	background: #fcf9f8;
	left: auto;
	right: 0px
}

header.active #menu-main-menu > li > a, .download-cirriculum-callout-fixed{
	font-size: 15px !important;
}

header.active .menu-main-menu-espanol-container > ul > li a{
	font-size:11px !important;
}

.lang-es header.active #menu-main-menu > li > a, .download-cirriculum-callout-fixed{

	font-size:15px !important;
}

header.active{
	height: 52px;
}

.localization{
	font-size: 12px !important;
}

.localization a:first-of-type::after{
	display: inline-block;
	content: "|";
	padding-left:20px;
}

.header-menu.active .localization a:first-of-type::after{
	padding-left:10px;
}

.ms-item1 {
	height:385px;
	width:335px;
	padding: 10px;
}

.hero{
	padding-top: 100px;
}

.hero .hero-inner{
	max-width: 1080px;
}

.lang-es .hero .hero-inner em{
	color: #f7b03e;
	float: none;
}

.resources-container{
	max-width: 1040px;
	margin-bottom: 80px;
}

.resources-callout .resource-callout-link{
	width:220px !important;
}

.ttp-content{
	max-width: 730px;
	margin: 0 auto;
}

.ttp-content p{
	font-size: 16px !important;
	font-family: 'plutoregular';
}


.wtf{
	height:650px;
}

.sub-wtf h2{
	margin: 25px 0;
	font-family: 'plutomedium' !important;
	font-size: 40px !important;
}

.sub-wtf-content
{
 text-align:center;
}

.wtf-callout a span{
	font-size: 15px;
	font-family: 'podkova-regular', serif;
	font-weight: bold;
	line-height:44px;
	padding-left: 12px;
	letter-spacing:0;
	white-space:nowrap;
}
.lang-es .wtf-callout a span {
	font-size: 13px!important;
}

.wtf .sub-wtf .wtf-callout-button {
 width:245px;
}

.hero .hero-inner h1{
	font-size:42px;
	margin-bottom: 60px;
}

.article-preview-image{
	height:223px;
}

.ms-item1 .article-tag{
	margin: 18px 0 5px 18px;
	font-family: 'podkova-regular' , serif;
	font-weight: bold;
	width: 80px;
	padding: 2px 12px 2px 0px;
	height: 23px;
	text-align: center;
	display: inline-block;
}

.ms-item1 .article-tag .article-text{
	position: relative;
	font-size:12px;
}

.ms-item1 .post-title{

	letter-spacing: 0;
	line-height:30px;
	padding:0px 18px 18px 18px;
}

.article-preview-image img{
	margin-left: -40px;
	margin-right: -40px;
	width: calc(100% + 80px);
	min-height: 223px;
}


.home-video-container{
	  clear:both;
	  width:auto;

    margin-left: -6px;
    margin-right: auto;
    max-width: 1080px;
    position: relative;

}

.home-video-container .video-card{
	padding-bottom:80px;
	width: 100%;
}
.home-video-container .video-card .post-title {
	padding-bottom: 0px;
	padding-left: 2px;
	padding-top: 0px;
	margin-top: -10px;
}


.home-video-container .video-card .left-tag{
	width:649px;
	height:400px;
}
.home-video-container .row {
	  padding-left:0px;
	  padding-top: 4px;

    float: none;
    margin: 0 auto;
}
.home-video-container .video-card .right-tag{
	width:337px;
	height:400px;
}
.video-cta-button:hover::before,
.wtf-callout-button:hover::before,
.edunews-button:hover:before {
	    filter: brightness(85%);
    -webkit-filter: brightness(85%);
    -moz-filter: brightness(85%);
    -o-filter: brightness(85%);
    -ms-filter: brightness(85%);
}
.home-video-container .video-card .video-tag, .mobile .video-tag{
	margin: 18px 0 10px 4px;
		font-family: 'podkova-regular' , serif;
	font-weight: bold;
	width: 80px;
	padding: 4px 0px 0px 0;
	height: 23px;
	text-align: center;
	display: inline-block;
}


.home-video-container .video-card .video-tag .video-text{
	font-size: 13px !important;
}
.video-tag .video-text {
	margin-top:-9px;
}
.home-video-container .video-card .post-title a{
	font-size: 26px;
}

.home-video-container .video-card .post-content{
	padding: 10px 6px;
	font-size: 16px;
	line-height: 27px;
	color: #006675;
}

.take-the-pledge .edunews-button-container {
	margin: 0 auto;
	padding-top: 40px;
}

.hr1 hr {
	margin-top: 80px;
}

.ttp-button .ttp-text{
		font-family: 'podkova-regular' , serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 40px;
	font-size: 18px;

}
 .lang-es .filter-tags.articles {
		width: 85px;

	}
 .lang-es .filter-tags
{
	 margin-left:13px
}
.ttp-button a{
	margin: 0 auto !important;
	float:none !important;
	max-width: 370px;
}

.top-post1{
	opacity: 0;
	animation-name: slide-up-fade-in;
    animation-duration: 1.2s !important;
	animation-delay: .5s!important;
	animation-fill-mode:forwards;
}

.top-post2{
	opacity: 0;
	    animation-name: slide-up-fade-in;
    animation-duration: 1.2s!important;
	animation-delay: 1.1s !important;
	animation-fill-mode:forwards;
}

.top-post3{
	opacity: 0;
	    animation-name: slide-up-fade-in;
    animation-duration: 1.2s!important;
	animation-delay: 1.7s!important;
	animation-fill-mode:forwards;
}

.video-card{
	width:100%;
	margin:0 auto;
}

.video-card .row {
	width: 100%;
	margin-left:auto;
	margin-right: auto;
			opacity: 0;
	    animation-name: slide-up-fade-in;
    animation-duration: 1.2s!important;
    animation-delay: 2.2s!important;
	animation-fill-mode:forwards;
}

.resource-link-button1,.resource-link-button2,.resource-link-button3,.resource-link-button4{
	font-family: 'plutoregular' !important;
	font-size: 17px;
	width: 240px;
	text-align:center;
	left:-10px;
	transform: none;
	top:76%;
}
.lang-es .resource-link-button1,.lang-es .resource-link-button2,.lang-es .resource-link-button3,.lang-es .resource-link-button4{
	top: 68%;
}
.resources-callout h1{

	font-size: 42px;
	font-family: 'plutomedium' !important;
}

.resources-callout p{
	font-size:17px;
	font-family: 'plutoregular' !important;
	letter-spacing:0px;
}

.resource-callout-link.animatenow{
			opacity: 0;
	    animation-name: slide-up-fade-in;
    animation-duration: 1.3s;
	animation-delay: 1s;
	animation-fill-mode:forwards;
}
.video-preview-image img {
	width:115%;
	min-height: 404px;
}

.mobile{

	    margin-left: -5px;
    margin-right: 5px;
}

.sub-wtf-content h2{
	line-height: 45px;
}

.pledge-cta-callout{
	height: 750px;
  margin-bottom: -40px;
}

@media screen and (max-width: 991px){
	.resources-callout .container .row {
			text-align: center;
			width: 500px;
			margin: auto;
	}
}
@media screen and (max-width: 885px){
.wtf-callout{
    margin-left: 0;
	  position: relative;
    top: 0px;
    left: 0;
		transform: none;
		float: none;
	}

		.wtf-callout a{
	  margin-top: 10px !important;
			margin-left: calc( (100vw - 245px)/2 );
	}
		.wtf-callout .watch a{
		margin-left: calc( (100vw - 245px)/4 );
	}
}
@media screen and (max-width: 869px){
	.lang-es .edunews-button-container {
		margin-right: 25%
	}
	footer.container .row {
		position:relative;
	}
	footer .container .row .col-sm-3 {
		width: 100%;
		position:relative;
    top: -8px!important;
	}
		footer .container .row .col-sm-2 {
			width: 100%;
			position:relative;
    left: 2%!important;
	}
	.midoverlay {
    z-index: 3;
    width: 100%;
    height: 200px;
    pointer-events: none;
	}
	.home-video-container {
		padding: 0px 0px;

	}
	.home-video-container .row {
		padding-left: 0px;
		padding: 10px;
	}
	.mobile .ms-item1 {
		padding: 0px;
	}
	.mobile .container-fluid {
		width: 100% !important;
		padding-bottom: 40px;
	}
	.article-preview-image {
		height: 200px !important;
	}
	.ms-item1 {
		height: 350px !important;
	}
	.ms-item1 .post-title {
		 font-size: 16px;
    line-height: 22px;

	}
	.hero{
		margin-bottom:0px;
		padding-top: 60px;
    height: 560px;
	}

	.hero .hero-inner h1{
		font-size: 28px;
		margin-bottom:0;
		height: 108px;
	}

		.spacer{
top: 460px;
	-webkit-clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
	}

	.home-video-container .desktop {
		display:none;
	}

	.ttp-button1{
		margin-left: auto !important;
	}
	.ttp-button{
		margin: 0 auto;
	}

	.ttp-button a{
		width: 80% !important;
	}
	.ttp-button1 a{
		width: 90% !important;
	}
	.resources-container{
		width:auto !important;
		margin: 0 30px !important;
	}
	.resources-container > p{
		margin-bottom: 20px;
	}
	.resources-callout {
		clear:both;

	}
	.callout-links{
		text-align: center;
	}
	.resource-callout-link{
		float: none !important;
		margin: 0 auto 20px !important;
	}
/* 	.underlay,.underlay2,.underlay3,.underlay4{
		z-index: 100 !important;
		margin:0 ;
		width: auto !important;
	} */
	.ttp-content{
		padding: 0 30px;
	}
	.sub-wtf-content h2{
		font-size: 36px !important;
		line-height: 45px;
		margin-left: -10px !important;
		margin-right: -10px !important;
	}

.wtf-callout{
    margin-left: 0;
	  position: relative;
    top: 0px;
    left: 0;
		transform: none;
		float: none;
	}


.wtf-callout a{
	  margin-top: 10px !important;
			margin-left: calc( (100vw - 245px)/2 );
	}
		.wtf-callout .watch a{
		margin-left: calc( (100vw - 245px)/4 );
	}
	.wtf{
		height:640px !important;
	}

	.take-the-pledge{
		text-align: center;
	}
	.ttp-emblem{
		width: auto !important;
		display: inline-block;
	}


	.sub-wtf .row{
		margin-left:0px !important;
		margin-right:0px !important;
	}

		.resources-callout .container .callout-links {
			text-align: center;
			width: 504px;
			margin: 0 auto !important;
	}


	.lang-es .sponsor-callout{
		width: 200px;
		padding-bottom: 100px;
	}

	.lang-es #sitebyiii{
		padding: 10px 0 0;
	}

	.header-menu.active #menu-main-menu > li > a, .lang-es .header-menu.active #menu-main-menu-espanol > li > a{
		font-size: 18px !important;
	}

		.header-menu.active #menu-main-menu > li .sub-menu{
		float:none;
	}


	header .header-menu.active  .menu-item-has-children > a:after{
		top: 3px;
	}

	header .header-menu.active  .menu-main-menu-espanol-container > ul > li a::after{
		top: -6px !important;
	}

	.hero-inner .row{
		padding-left: 0px;
	}



		.search-form {
		text-align: center;
	}

	.search-form label{
		width: 80%;
	}

	.edu-search{
		float:none !important;
		width: 100%;
	}
	.search-field{
		width: 100% !important;
	}


	.home .vidbg-container{
		display: none;
	}

	.resources-callout .resource-callout-link img{
		margin-top:-10px;
	}

	header .header-logo{
		margin-left: -15px;
	}

	.alm-load-more-btn{
		margin-left: calc((100vw - 320px) / 2) !important;
	}
	#ajax-load-more{
		margin: 0 -15px;
	}
	.ms-item.new-item {
    width: calc(100vw - 30px);
	}
}

@media screen and (max-width: 768px){
	.mobile .container-fluid {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%!important;
	}
	.mobile {
		width: 100%;
	}

	.sub-wtf{
		text-align: center !important;
	}

	.sub-wtf-content{
		width: 80%;
		margin: auto;
	}

.wtf-callout {
	  position: relative;
    top: 0px;
    left: 0;
		transform: none;
	}

		.wtf-callout a{
	  margin-top: 10px !important;
			margin-left: calc( (100vw - 300px)/2 );
			width: 280px !important;
	}

	.spacer{
		height: 350px;
		width: 100% !important;
	}

}

@media screen and (max-width: 400px){
	.lang-es .article-preview-image img
{
	   height: calc(100% + 40px);
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 158px);
}
	.lang-es .edunews-button-container {
    max-width: 307px;
	}
	.lang-es .pledge-cta-callout {
		height: 880px!important;
	}
	.lang-es .pledge-cta-callout .edunews-button-container{
		margin-right:4%!important;
	}
	.lang-es .callout-button-container {
		margin-left:3%;
		max-width: 329px;
	}
	.lang-es .edunews-button-container {
		margin-right: -5% !important;
	}
	.lang-es a.edunews-button {
		font-size: 14px!important;
	}
			.spacer{
top: 380px;
	-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
	}
			.resources-callout .container .callout-links {
   width: 80% !important;
	}
	.sub-wtf-content img{
		margin-left: -21px;
	}
	.edunews-button-container {

		max-width: 300px;
	}
		.angle {
		height: 453px;
	}
	a.edunews-button {
		padding: 23px 23px;
	}
}
.clearfix {
	float: left;
}
@media screen and (min-width: 680px) {
	.resources-callout .resource-callout-link {
		margin: 6px!important}
}
@media screen and (max-width: 800px){
		.resources-callout .container .callout-links {
   width: auto !important;
	}
}

footer {
	background: rgb(237,234,227);
}


.page-content h2 {
	margin:0;
	margin-bottom:5px;
}

.pluto {
	font-family: 'plutoregular' !important;
}

.hero-inner h2.post-title {
	color: #006675;font-family: 'plutoregular' !important;
}
.hero-inner h2.post-title:hover {
	color: #38929e;
}

.video-card h2.post-title, .article-page .post-title {
	word-wrap: break-word;
	text-align:left;
	color: #006675;
	font-family: 'plutoregular' !important;
    font-size: 26px;
    line-height: 1.4em;
}
.video-card h2.post-title:hover, .article-page .post-title:hover,
.video-card .post-content:hover {
	color: #38929e;
}


.home-video-container .mobile h2.post-title{
		color: #006675;font-family: 'plutoregular' !important;
	font-size:17px;
	line-height:26px;
}

.home-video-container .mobile .video-tag{
	margin-left:18px;
	margin-bottom: 0;
}

.video-card .post-content{
	font-family: podkova-regular;
}

.hero-inner .article-text {
		left: 7px;
  margin-top: -8px;
}

.article-text {
	left: 11px;
  margin-top: -5px;
}

.ed-container *, .ed-text{
	font-family: 'podkova';
}

.single .ttp-button{
	background: rgb(247, 242, 237) !important;
	padding-bottom: 100px;
}

.content footer{
	background: rgb(247, 242, 237) !important;
}

.single .ttp-button a{
	background: transparent;
	margin-left: 20px !important;
	padding: 7px;
	width: 300px;
}

.single .ttp-button a::before{
	background-color: #008296;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    -ms-transform: skewX(10deg);
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
}

.single .ttp-button a span{
	color: #fff;
	font-size:15px !important;
}

.cat-links
{
	display:none;
}

.article .article-tag {
	margin-left: 0;
	margin-bottom:15px;
}

.article .entry-content {
	padding-top:15px;
}
.filter-container a:hover {
	text-decoration:none;
	color: #fff;
}
@media screen and (max-width: 1060px){
	.ms-item1{
		width: 50%;
	}
	.top-post3{
		display:none;
	}
	.home-video-container .video-card .left-tag{
		width:55%;
	}
	.home-video-container {
		margin-left: 15px;
		margin-right: -5px;
	}
	.home-video-container .container-fluid {
		padding-left:0;
		padding-right:0;
	}
		.home-video-container .video-card .right-tag{
		width: calc(45% - 15px) !important;
	}
	.video-card{
		width:100%;
	}
	.video-preview-image{
		width:130%;
		overflow: hidden;
	}
}

@media screen and (min-width: 870px){
	.lang-es .article-preview-image img
{
	   height: calc(100% + 40px);
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 158px);
}
	.hero .hero-inner > h1{
		height: 96px;
		margin-bottom: 0px !important;
	}
}

.pledge-cta-callout {
	background-attachment: fixed;
}

.wtf {
	z-index: -1 !important;
}

.single .entry-content p{
	margin-bottom: 20px;
}

.alm-load-more-btn{
	border:0px;
	background: transparent;
	display: block;
	text-decoration: none;
	clear: both;
	text-align: center;
	margin-top: 20px;
	float: left;
	width: 100%;
	font-family: 'podkova-regular';
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #ebf1ff;
	margin-left: 37%;
	position: relative;
	padding: 15px 0;
	margin-bottom: 60px;
	max-width: 320px;
	outline-width: 0px !important;
}

.alm-load-more-btn.done:before{
	background-color:#cccccc;
}

.alm-load-more-btn:before {
    background-color: #008296;
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    -ms-transform: skewX(10deg);
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -o-transform: skewX(10deg);
}

.alm-load-more-btn:after {
	content:'\f103';
	font-family: 'fontawesome';
	display: inline-block;
	padding: 0 0 0 10px;
}
.alm-load-more-btn:hover:before {
	filter: brightness(85%);
	-webkit-filter: brightness(85%);
	-moz-filter: brightness(85%);
	-o-filter: brightness(85%);
	-ms-filter: brightness(85%);
}
.article-bg {
	padding-bottom:0px!important;
	height: 180px;
}
