/*

font-family:'Adobe Caslon W01 SmBd';
font-family:'Futura LT W01 Medium Condensed';
font-family:'Futura LT W01 Bold Condensed';
font-family:'LTC Caslon W01 Bold';
font-family:'LTCCaslonW01-BoldItalic';
font-family:'Museo Sans W01_100';
font-family:'Museo Sans W01_300';
font-family:'Museo Sans W01_500';
font-family:'Museo Sans W01_700';
font-family:'Museo Sans W01_900';
font-family:'LTC Caslon W01 Regular';


 
*/


html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


body, html {margin:0; }

#whha {width:100%; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; /*padding-bottom:600px;*/}

#whha sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.whha_section {width:100%; position:relative; z-index:1;}
.whha_content {max-width:1080px; position:relative; z-index:1; margin:0 auto; font-family:'Museo Sans W01_300', sans-serif;}

#whha a.whha_btn {
	display: block;
    height: 40px;
    line-height: 40px;
    background: #fff;
    font-family: 'Museo Sans W01_900', sans-serif;
    color: #7eb238;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    width: 210px;
    font-size: 13px;
    margin: 0 auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    letter-spacing: .5px;
	padding:0 25px; 
}



/* Hero */
#whha_hero {background: url("../images/hero.jpg") center center no-repeat; background-size: cover;}
#whha_hero .whha_content {text-align:center; padding:15px 0 0 0; min-height: calc(100vh - 60px);}

#hero_top {}
#hero_top:after {
  content: "";
  display: table;
  clear: both;
}
#hero_sponsored {font-family:'Museo Sans W01_500', sans-serif; color:#fff; font-size:10px; padding:18px 0 0 0;}
#hero_logo {padding:10px 0 12px 0; width:144px; margin: 0 auto;height: 30px;}
#hero_logo img {width: 100%; height:auto;}

#hero_text {top:60px; width:90%; max-width:560px; margin:0 auto; text-shadow:0px 3px 6px rgba(0,0,0,0.3);}
#hero_text h1 {margin:20px auto 0 auto; padding:0; color:#fff; font-family:'Adobe Caslon W01 SmBd', serif; text-transform: uppercase; font-weight: 400; font-size:42px; line-height:52px;}
#hero_text h2 {margin:0; padding:0 11px; color:#fff; font-family:'Adobe Caslon W01 SmBd', serif; text-transform: uppercase; font-weight: 400; font-size:20px; line-height: 32px; position: relative; display: inline-block;letter-spacing: 1px;}
#hero_text h3 {margin:4px 0 0 0; padding:0; color:#fff; font-family:'LTCCaslonW01-BoldItalic', serif; font-weight: 400; font-size:20px; line-height:24px;}

/* Share Links */
#share-links {position:relative;}
.share-socialholder {position:relative;}
#share-social {position:absolute; top:-999999px; left:-30px; border:1px #fff solid; width:180px; height:50px; padding:4px 10px 0 10px; box-sizing:border-box;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
z-index:999;
}
#share-social.social-show {bottom:-54px; top:auto;}

#share-social a {display:block; width:40px; height:40px; color:#fff; text-decoration:none; font-family:FontAwesome; font-size:20px; line-height:40px; border:1px #fff solid;
-webkit-border-radius: 20px; 
-moz-border-radius: 20px;
border-radius: 20px;
}
#share-social a:hover {border:1px #fff solid;}

#share-social #share-tail {
	/*overflow: hidden;*/
    height: 10px;
    width: 20px;
    display: block;
    position: absolute;
    left: 40px;
    top: -20px;
    color: #fff;
}
#share-social #share-tail:before {
	content: '';
    height: 20px;
    width: 0;
    border: 7px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

#share-links {text-align:center; padding:45px 0 47px 0;}
#share-links a {display:inline-block; margin:0 4px;}

#share-sociallink {width:40px; height:40px; background:url(../images/share.png) center center no-repeat; background-size:20px auto; border:1px #fff solid;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#share-emaillink {width:40px; height:40px; background:url(../images/email.png) center center no-repeat; background-size:22px auto; border:1px #fff solid;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#share-links p {display: none;}

/* Nav */
#whha_nav {background:#313539; border-top:1px #fff solid;}
#whha_nav .whha_content {text-align:center;}
#whha_nav .whha_content a {width:90%; display:block; vertical-align:middle; color:#fff; font-family:'Futura LT W01 Bold Condensed', serif; font-weight:400; text-decoration:none; font-size:14px; line-height:30px; margin: 0 auto; border-bottom:1px solid #fff; letter-spacing:1px;}
#whha_nav .whha_content a:last-of-type {border-bottom: none;}

/* Intro */
#whha_intro {background:#fff; text-align:center;}
#whha_intro .whha_content {padding:40px 0 24px 0;}
#whha_intro .whha_content:after {content: "\2605" "\2605" "\2605"; display: block; margin-top: 15px; color:#7f7f7f; letter-spacing:12px;font-size: 10px;}

#whha_intro .whha_content p {margin:0 auto; padding:0;  font-size:20px; line-height:29px; color:#000; max-width:940px; width: 90%;font-family: 'LTC Caslon W01 Regular', sans-serif;}

#whha_intro .whha_content p br {display:none;}

/* Lessons */
#whha_lessons {background:#ebebec;}
#whha_lessons .whha_content {padding:30px 0 44px; text-align: center;}

#lessons_icon {width:52px; margin: 0px auto 14px auto;}
#lessons_icon img {width:100%; height:auto; margin-right: -13px;}

#whha_lessons h2 {margin: 0 auto 5px auto; padding:0 0 34px 0;  color:#961A2C; font-weight:400; font-size:33px; line-height:40px; width:90%; text-align: center; font-family:'LTC Caslon W01 Bold', serif; border-bottom:1px #807e82 solid; max-width: 920px; position: relative;}
#whha_lessons h2:after {content: "\2605"; display: block; color:#7f7f7f; background:#ebebec; position:absolute; bottom:-21px; left:50%; transform: translateX(-50%); width: 40px; font-size:16px;}


/* Activity Pods */
.activities_pods  {margin:0 auto; text-align: center; color: #fff; display: block; padding:54px 0 0 0; max-width:660px;}

.activities_pods:after {
  content: "";
  display: table;
  clear: both;
}
.activities_pod {
  display:block;
  vertical-align: text-top;
  margin: 0 auto 54px auto;
  width:280px;
  background-color: #ffffff;
-webkit-box-shadow: -2px 2px 0 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: -2px 2px 0 0 rgba(0, 0, 0, 0.25);
box-shadow: -2px 2px 0 0 rgba(0, 0, 0, 0.25);
  text-decoration:none;
  padding:   0 0 16px 0;
  min-height: 422px;
  position: relative;
}

.activities_pod:hover {text-decoration:none;}
.activities_pod img {width:100%; height:auto;}
.activitiespod_info {display:block;}
.activitiespod_type {
  display:block;
  font-size:13px;
  line-height:15px;
  text-align:center;
  color:#807F82;
  padding:26px 0 0 0;
  font-family:'Futura LT W01 Bold Condensed', serif;
  font-weight:400; 
  text-transform:uppercase;
  letter-spacing: 2px;
 }

.activitiespod_title {
  display:block;
  font-size:20px;
  line-height:24px;
  text-align:center;
  color:#961A2C;
  padding:8px 0 18px 0;
  font-family:'LTC Caslon W01 Bold', serif; 
  font-weight:400;
  height:62px;
}
.activitiespod_grades {
  display:block;
  font-size:10px;
  text-align:center;
  padding:0;
  text-transform:uppercase;
  font-family:'Futura LT W01 Bold Condensed', serif;
  font-weight:400;
  color:#404040;
  letter-spacing: 1.6px;
}
.activitiespod_grades strong {
  display:block;
  font-family:'Futura LT W01 Medium Condensed', serif;
  font-weight:400;
  font-size:20px;
  text-align:center;
  color:#807F82;
  padding-top:0;
}
a.activities_btn {font-family:'Futura LT W01 Bold Condensed', serif; font-weight:400; text-transform:uppercase; display:block; display:inline-block; height:40px; margin: 8px auto; padding:0 20px; background-color:#005495; border-radius:20px; box-sizing:border-box; text-align:center; color:#fff; text-decoration:none; font-size:14px; line-height:40px; clear:both; letter-spacing:1px;}

/* Resources */
#whha_resources {text-align:center; padding:53px 0 27px 0; background:#fff;}
#whha_resources .whha_content {min-height:770px;}
#whha_resources #resources_intro {width:90%; margin: 0 auto;}
#whha_resources #resources_intro #resources_icon {width:54px; height: auto; margin:0 auto 14px auto;}
#whha_resources #resources_intro #resources_icon img {width:100%; height: auto;}
#whha_resources #resources_intro h2 {margin: 0 auto 5px auto; padding:0 0 29px 0;  color:#961A2C; font-weight:400; font-size:33px; line-height:40px; text-align: center; font-family:'LTC Caslon W01 Bold', serif; border-bottom:1px #807e82 solid; max-width: 920px; position: relative;}
#whha_resources #resources_intro h2:after {content: "\2605"; display: block; color:#7f7f7f; background:#fff; position:absolute;     bottom: -21px;left: 50%;transform: translateX(-50%);width: 40px;font-size: 16px;}

#resources_pods {width:90%; margin:0 auto; max-width:920px; position:relative;}
#resources_pods:after {
  content: "";
  display: table;
  clear: both;
}
.resources_pod {max-width:320px; margin:0 auto; text-align:left; padding-top:30px;}

.resouces_img-mobile {width:100%; height:auto; display:block; margin:10px auto 0 auto;}

#resources_left {}
#resources_left .resouces_img-mobile {max-width:165px;}
#resources_left #leftimg {display: none; position: absolute;
left: 0;
right: 0;
margin: auto; width: 320px; height: 360px;}
#resources_right {}
#resources_right .resouces_img-mobile {/*max-width:165px;*/}
#resources_right #rightimg {display: none; position: absolute;
left: 0;
right: 0;
margin: auto; width: 468px; height: 380px;}

#resources_pods h3 {margin:0 0 11px 0; padding:0; font-family:'Futura LT W01 Medium Condensed', serif; font-weight:400; font-size:30px; line-height:36px;letter-spacing: 2.5px;}
#resources_pods h3 a {color:#005596; text-decoration:underline;}
#resources_pods p {margin:0; padding:0; font-family:'LTC Caslon W01 Regular', serif; font-size:20px; line-height:24px; color:#32353A;}

#whha_resources #resources_bottom {max-width:540px; width:90%; margin:0 auto; padding-top: 30px;}
#whha_resources #resources_bottom p {margin:0; padding:0; font-family:'LTC Caslon W01 Regular', serif; color:#32353A; font-size:20px; line-height:24px; text-align: center;}
#whha_resources #resources_bottom a {font-family:'LTC Caslon W01 Bold', serif; color:#005596; text-decoration:none;}



/* Survey */
#whha_survey {text-align:center; padding:28px 0 30px 0; background:#313539;}
#whha_survey #survey_intro {width:90%; margin: 0 auto;}
#whha_survey #survey_intro #survey_icon {width:56px; height: auto; margin:0 auto 19px auto;}
#whha_survey #survey_intro #survey_icon img {width:100%; height: auto; margin-right: -10px;}
#whha_survey #survey_intro h2 {margin:0 0 7px 0; padding:0; font-family:'LTC Caslon W01 Bold', serif; font-weight:400; color:#fff; font-size:33px; line-height: 39px;}
#whha_survey #survey_intro p {margin:0; padding:0; font-family:'LTC Caslon W01 Regular', serif; color:#fff; font-size:24px; line-height:29px;}
#whha_survey #survey_intro p strong {font-weight:400; font-family:'LTC Caslon W01 Bold', serif;}
#whha_survey #survey_intro a.footer_btn {font-family:'Futura LT W01 Bold Condensed', serif; font-weight:400; text-transform:uppercase; display:block; display:inline-block; height:40px; margin:28px auto 40px; padding:0 20px; background-color:#fff; border-radius:20px; box-sizing:border-box; text-align:center; color:#005495; text-decoration:none; font-size:14px; line-height:40px; clear:both; letter-spacing:1.8px;}

#whha_survey #survey_bottom {max-width: 920px; width:90%; margin:0 auto; border-top:1px #fff solid; padding-top: 27px; position:relative;}
#whha_survey #survey_bottom:before {
    content: "\2605";
    display: block;
    color: #fff;
    background: #313539;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    font-size: 17px;
}

#whha_survey #survey_bottom p {margin:0 auto; padding:0; font-family:'Museo Sans W01_500', sans-serif; color:#fff; font-size:11px; line-height:13px;text-align: center;}
#whha_survey #survey_bottom p strong {font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; font-size: 11px;}
#whha_survey #survey_bottom a {color: #fff;}

/* Explore */
#whha_explore {text-align: center; padding:33px 0; background:#961a2c; margin:0; color: #fff;}
#whha_explore p {margin:0 auto; padding:0; font-family:'Museo Sans W01_500', sans-serif; font-size:16px; line-height:21px; width:90%;}
#whha_explore p a {font-family:'Museo Sans W01_900', sans-serif; text-decoration: none; color: #fff;}

/* Footer */
#whha_footer {text-align: center; background:#fff; margin: 0; color:#000;}
#whha_footer .whha_content {padding:60px 20px 40px 70px;}
#whha_footer p {margin:0; font-family:'Museo Sans W01_500', sans-serif; font-size:10px; line-height:13px; text-align:left;}

/* Modal */
.modal-content {
	background:transparent;
	box-shadow:none;
	border:0
}
.modal-content .modal-header {
	border-bottom:0;
	padding:0;
}
.modal-content .close {
	float:right;
	font-size:31px;
	font-weight:bold;
	line-height:1;
	color:#ffffff;
	text-shadow:none;
	opacity:1;
	filter:alpha(opacity=100)
}
.modal-body {padding:0;}
.modal-content .video-js {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;}



/* Media Queries */

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 600px) {
 
}

@media only screen and (min-width: 720px) {

/* Hero */
#whha_hero .whha_content {min-height: auto;}

/* Lessons */
#whha_lessons .activities_pod {margin: 0 18px 41px; display: inline-block;}

/* Resources */
#resources_left {float:left;}
#resources_right {float:right;}

}


@media only screen and (min-width: 960px) {

/* Hero */
#whha_hero .whha_content {padding:50% 0 0 0;}
#hero_top {position:absolute; width:100%; top:20px; left:0; right:0;}
#hero_sponsored {float: left; padding:18px 20px 20px 20px;}
#hero_logo {float: right; margin:0 25px 0 0;}
#hero_text {position:absolute; top:60px; left:50%; transform: translateX(-50%);}
#hero_text h1 {margin:0; font-size:52px; line-height:55px;}
#hero_text h2:before {content:" "; display:block; width:116px; height:5px; border-width:1px 0 1px 0; border-color:#fff; border-style:solid; position:absolute; left:-124px; top:8px;}
#hero_text h2:after {content:" "; display:block; width:116px; height:5px; border-width:1px 0 1px 0; border-color:#fff; border-style:solid; position:absolute; right:-124px; top:8px;}



/* Nav */
#whha_nav .whha_content {padding:20px 0; }
#whha_nav .whha_content a {width:190px; display:inline-block; border-bottom:none; border-right:1px solid #fff;}
#whha_nav .whha_content a:last-of-type {border-right:none;}

/* Intro */
#whha_intro .whha_content p br {display:block;}





  
}

@media only screen and (min-width: 1080px) {

/* Social Links */
#share-links {position:absolute; bottom:23px; left:20px; padding: 0;}
#share-social.social-show {bottom: 54px;}

#share-social #share-tail {top:auto; bottom:-10px}
#share-social #share-tail:before {transform: rotate(180deg);}


/* Resources */
#whha_resources {background:#fff url("../images/resources_bg-desktop.jpg") center bottom no-repeat; background-size:1080px auto;}
.resouces_img-mobile {display:none;}
#whha_resources #resources_bottom {position:absolute; bottom:-6px; left:50%; transform: translateX(-50%);}

.resources_pod {padding-top:0; position:absolute; top:50px;}
#resources_left {left:40px;}
#resources_right {left:480px; max-width:330px;}

#resources_left #leftimg {display: block;}
#resources_right #rightimg {display: block;}
}

@media only screen and (min-width: 1320px) {

}  
  
@media only screen and (min-width: 1900px) {
 
}