/* HTML5 Base
======================================================================================================= */
body { background: #142342 url('../images/bg_body.jpg') no-repeat 50% 214px; }
/* Wrappers/Layout
======================================================================================================= */
.wrapper { width: 950px; margin: 0 auto; }
.main-container > .wrapper { padding: 35px; }
.content-wrapper { position: relative; margin-top: 4em; }
.content-wrapper:before { content: ""; position: absolute; top: -1em; left: -37px; width: 112px; height: 144px; background: url('../images/bg_frog-hand.png') no-repeat 0 0; z-index: 10002; }
/* Header
------------------------------------------------------------------------ */
.header-container { height: 206px; }
.header-container .wrapper { position: relative; height: 206px; }
.header-container .wrapper:after { content: ""; position: absolute; top: 0; right: -162px; width: 673px; height: 345px; background: url('../images/bg_header.png') no-repeat 0 0; z-index: 1; }
/* Site Logo */
#logo { width: auto; margin: .5em 0 1.5em 2em; }
/* Site Search */
.site-search { position: absolute; bottom: 3em; right: 19.5em; float: left; width: 263px; margin-right: 0; z-index: 1000; }
.site-search input[type="text"] { background: #ededed; background: rgba(237,237,237,.8); border: 0; color: #555;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25); box-shadow: 1px 1px 1px rgba(0,0,0,.25);
}
.site-search button { background-image: url('../images/i_search.png'); }
/* Placeholder */
.site-search input[type="text"]::-webkit-input-placeholder { color: #b2b2b2; }
.site-search input[type="text"]::-moz-placeholder { color: #b2b2b2; }
.site-search input[type="text"]:-moz-placeholder { color: #b2b2b2; }
/* Footer
------------------------------------------------------------------------ */
.footer-container { -moz-background-size: 1550px 310px; -webkit-background-size: 1550px 310px; background-size: 1550px 310px; }
/* Social Media */
ul.social-media { float: left; width: 245px; }
/* Newsletter */
.join-newsletter { position: relative; float: right; width: 659px; height: 92px; padding: 0; margin: 0 0 2em; background: url('../images/bg_join-newsletter.png') no-repeat 0 0; border: 0; text-align: left;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.join-newsletter h2 { position: absolute; top: 16px; left: 43px; float: left; width: 160px; }
.join-newsletter p { position: absolute; top: 33px; left: 209px; }
.join-newsletter .button p { position: relative; top: auto; left: auto; }
.join-newsletter .field { position: absolute; top: 36px; left: 209px; width: auto; margin: 0; }
.join-newsletter .field input { width: 270px; padding: .75em 1em; }
.join-newsletter .button { position: absolute; top: 19px; left: 493px; }
.join-newsletter .button input, .join-newsletter .button a { width: 145px; height: 56px; padding: 0; background: url('../images/sp_button-join-newsletter.png') no-repeat 0 0; border: 0; line-height: 56px; text-align: center;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.join-newsletter .button input:hover, .join-newsletter .button a:hover { background-position: 0 -56px; }
/* Contact Info */
.footer-container .org { float: right; text-align: right; clear: right; }
/* Copyright & Branding */
.copyright-branding { float: left; text-align: left; clear: left; }
/* Footer Logo */
.footer-logo { float: left; clear: left; }
/* Navigation/Menus
======================================================================================================= */
/* Primary
------------------------------------------------------------------------ */
.main-menu { position: relative; top: -8px; margin: 0; }
.main-menu ul { background: #fff; text-align: left;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-moz-box-shadow: inset 0 0 24px rgba(140,198,63,.5); -webkit-box-shadow: inset 0 0 24px rgba(140,198,63,.5); box-shadow: inset 0 0 24px rgba(140,198,63,.5);
}
.main-menu li { position: relative; display: inline-block; margin: 0; background: none; border-left: 1px solid #cae2aa; font-size: 100%; z-index: 3;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.main-menu li:first-child { border: 0; }
.main-menu a { display: block; padding: 1.41666666667em /*1.31578947368em*/ .8947368421em; background: none; color: #5e5599; font: normal 1.2em/1 "Slackey", Arial, Helvetica, sans-serif; }
/* Has Children */
.main-menu li.has-children > a { background: url('../images/i_drop-down.png') no-repeat 50% 53px; }
/* Hover */
.main-menu li:hover { background: none; }
.main-menu li:hover > a { color: #f15c22; text-decoration: none; }
/* Current */
.main-menu li.current-menu-item,
.main-menu li.current-page-ancestor { background: none; }
.main-menu li.current-menu-item > a,
.main-menu li.current-page-ancestor > a { color: #f15c22; }
/* Drop-downs
------------------------------------------------------------------------ */
.main-menu ul ul { position: absolute; top: 69px; left: -9000em; display: block; width: 234px; padding-bottom: 18px; background: #fff; border: 4px solid #eef6e2; border-top: 0;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.main-menu ul ul li { float: left; width: 100%; border-left: 0; border-bottom: 1px solid #dfedcc; }
.main-menu ul ul li:first-child { border-bottom: 1px solid #dfedcc; }
.main-menu ul ul a { padding: 16px 28px; color: #5e5599; font: 400 1.2em/1.5 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
/* Hover */
.main-menu li:hover ul { left: 0; }
.main-menu ul ul li:hover { background: #f7fbf1; }
/* Utility
------------------------------------------------------------------------ */
.utility-menu { float: left; top: 7px; right: 0; width: auto; margin: 0; z-index: 2; }
.utility-menu ul {}
.utility-menu li {}
.utility-menu a {}
/* Contact */
.utility-menu li.um-contact { float: left; margin: 1.25em 3em 0 0; }
/* Account */
.utility-menu li.um-account { width: 230px; height: 52px; clear: none; }
.utility-menu li.um-account a { height: 100%; padding: 0; background: url('../images/sp_button-account.png') no-repeat 0 0; border: none; font-size: 1.26666666667em; line-height: 52px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
/* Reserve */
.utility-menu li.um-reserve { width: 205px; height: 57px; }
.utility-menu li.um-reserve a { height: 100%; padding: 0; background: url('../images/sp_button-reserve.png') no-repeat 0 0; border: none; font-size: 1.26666666667em; line-height: 57px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
/* Hover */
.utility-menu li.um-contact:hover { background: none; }
.utility-menu li.um-account:hover a { background-position: 0 -52px; }
.utility-menu li.um-reserve:hover a { background-position: 0 -57px; }
/* Breadcrumbs
------------------------------------------------------------------------ */
.breadcrumbs { margin-left: 5em; }
/* Footer
------------------------------------------------------------------------ */
.footer-menu { float: left; }
.footer-menu li { float: left; padding: 0 0 0 1em; margin: 0 0 0 1em; background: none; border-left: 1px solid #538bba;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.footer-menu li.fm-schools,
.footer-menu li.fm-parents,
.footer-menu li.fm-kids,
.footer-menu li.fm-home { border: 0; }
.footer-menu li.fm-schools,
.footer-menu li.fm-parents,
.footer-menu li.fm-kids { margin-bottom: 1em; }
.footer-menu li.fm-schools { padding-left: 0; margin-left: 0; }
.footer-menu li.fm-home { padding-left: 0; margin-left: 0; clear: left; }
.footer-menu a { display: block; padding: 0; color: #fff; background: none; }
/* Hover */
.footer-menu li:hover { background: none; }
.footer-menu li:hover a { text-decoration: underline; }
/* Homepage Specific
======================================================================================================= */
/* Featured Heroes
------------------------------------------------------------------------ */
.main-container .featured-heroes { position: relative; height: 420px; padding: 15px; margin-bottom: 3em; background: #fff; background: rgba(255,255,255,.8); }
.featured-heroes:before { content: ""; position: absolute; top: 0; left: -37px; width: 112px; height: 144px; background: url('../images/bg_frog-hand.png') no-repeat 0 0; z-index: 10002; }
.featured-heroes .flexslider { height: 390px; margin: 0; background: none; border: 0;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.featured-heroes ul {}
.featured-heroes li { position: relative; width: 920px; height: 390px; }
.featured-heroes li figure { padding: 0; margin: 0 0 1em; background: #fff; border: 0;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25); box-shadow: 1px 1px 1px rgba(0,0,0,.25);
}
.featured-heroes li figure:before { content: ""; position: absolute; top: 0; left: 0; width: 920px; height: 390px; background: url('../images/bg_hero-fade.png') no-repeat 0 0; }
.featured-heroes li .entry-content { position: absolute; top: 50px; left: 80px; width: 355px; }
.featured-heroes li h1 { font-size: 2.93333333333em; }
/* Control Nav */
.featured-heroes .flex-control-nav { width: auto; bottom: -35px; right: 1em; }
/* Direction Nav */
.featured-heroes .flex-direction-nav { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 0; z-index: 10001; }
.featured-heroes .flex-direction-nav li { position: static; width: 0; height: 0; }
.featured-heroes .flex-direction-nav a { position: absolute; top: 195px; display: block; width: 53px; height: 103px; margin-top: -52px; background: url('../images/sp_featured-hero-controls.png') no-repeat; z-index: 10001; }
.featured-heroes .flex-direction-nav .flex-prev { left: -34px; background-position: 0 0; }
.featured-heroes .flex-direction-nav .flex-next { right: -34px; background-position: -53px 0; }
/* Hover */
.featured-heroes .flex-control-nav li:hover a { background: none; color: #f15c22; text-decoration: none; }
.featured-heroes .flex-direction-nav .flex-prev:hover { background-position: 0 -103px; }
.featured-heroes .flex-direction-nav .flex-next:hover { background-position: -53px -103px; }
/* Active */
.featured-heroes .flex-control-nav li a.flex-active { background: none; color: #f15c22; text-decoration: none; }
/* Welcome Message
------------------------------------------------------------------------ */
.welcome {}
.welcome .wrapper { width: 960px; height: 161px; padding: 1em; background: url('../images/bg_welcome.png') no-repeat 50% 0; border: none;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.welcome .entry-content { width: 630px; margin: 10px 0 0 35px; }
.welcome figure { margin-top: 2em; }
.welcome figcaption { top: -25px; }
/* Highlight 1
------------------------------------------------------------------------ */
.highlight-1 { margin: 0 0 6.5em; }
.highlight-1 figure { width: 411px; height: 273px; padding-top: 11px; background: url('../images/bg_frame-kids-zone.png') no-repeat 0 0; border: 0; }
.highlight-1 ul { padding: 0 2em; margin: 2em 0; }
.highlight-1 .button a { width: 252px; height: 52px; padding: 0; background: url('../images/sp_button-school-zone.png') no-repeat 0 0; border: none; line-height: 52px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
/* Hover */
.highlight-1 .button a:hover { background: url('../images/sp_button-school-zone.png') no-repeat 0 -52px; }
/* Highlight 2
------------------------------------------------------------------------ */
.highlight-2 { margin: 0 0 6.5em; }
.highlight-2 figure { width: 411px; height: 273px; padding-top: 11px; background: url('../images/bg_frame-parents.png') no-repeat 0 0; border: 0; }
.highlight-2 ul { padding: 0 2em; margin: 2em 0; }
.highlight-2 .button a { width: 332px; height: 52px; padding: 0; background: url('../images/sp_button-parents.png') no-repeat 0 0; border: none; line-height: 52px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
/* Hover */
.highlight-2 .button a:hover { background: url('../images/sp_button-parents.png') no-repeat 0 -52px; }
/* Highlight 3
------------------------------------------------------------------------ */
.highlight-3 { position: relative; width: 950px; height: 166px; padding: 0; margin: 1em -35px 2em; }
.highlight-3:before { content: ""; position: absolute; bottom: 0; right: 1em; width: 251px; height: 208px; background: url('../images/g_hedgehog.png') no-repeat 0 0; z-index: 100; }
.highlight-3 .section-logo { width: auto; margin-left: 22px; margin-right: 1em; }
.highlight-3 ul { float: left; width: 240px; margin-top: 1em; }
.highlight-3 li { margin-top: .75em; }
.highlight-3 .button { position: absolute; bottom: -1.5em; right: 2em; width: auto; z-index: 101; }
.highlight-3 .button a { width: 215px; height: 52px; padding: 0; background: url('../images/sp_button-kid-zone.png') no-repeat 0 0; border: none; line-height: 52px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
/* Hover */
.highlight-3 .button a:hover { background: url('../images/sp_button-kid-zone.png') no-repeat 0 -52px; text-decoration: none; }
/* Sponsors
------------------------------------------------------------------------ */
.become-sponsor .button { text-align: right; }
.become-sponsor h3 { margin-left: .5em; }
.become-sponsor .featured-sponsors { text-align: left; }
.become-sponsor figure { display: inline-block; width: 182px; height: 114px; padding: 0; background: url('../images/bg_featured-sponsors.png') no-repeat 0 0; border: 0; line-height: 114px; }
/* Featured Blog
------------------------------------------------------------------------ */
.featured-blog { position: relative; }
.featured-blog h2 { color: #f15c22; font: normal 2em/1 "Fredoka One", Arial, Helvetica, sans-serif; }
.featured-blog h2 span { color: #5e5599; font-family: "Slackey", Arial, Helvetica, sans-serif; }
.featured-blog ol { padding: 0; margin: 2em 0; list-style: none; }
.featured-blog li { position: relative; padding: 1.5em 1em 1em 8em; }
.featured-blog .meta { position: absolute; top: 1em; left: 1em; padding: 0 1.5em 0 0; margin: 0; background: url('../images/bg_entry-meta-sep.png') repeat-y 100% 0; text-align: center; }
.featured-blog .meta .meta-prefix { display: block; margin: 0 0 1em; }
.featured-blog .meta .day { display: block; }
.featured-blog .meta .month { display: block; }
.featured-blog .button { position: absolute; top: 2em; right: 0; }
.featured-blog li a.more { display: inline-block; height: 28px; margin: 14px 0 0; padding-right: 40px; background: url('../images/sp_button.png') no-repeat 100% 0; color: #8bc53e; font: 1em/28px "Slackey", Arial, Helvetica, sans-serif; }
/* User Base
------------------------------------------------------------------------ */
.user-base { float: left; width: 950px; min-height: 153px; padding: 55px 0 0; margin: 0 -35px -3.25em; background: url('../images/bg_user-base.png') no-repeat 50% 0; border-top: 0; }
.user-base h2 { margin: 0; }
/* Articles
======================================================================================================= */
.posts {}
.posts article { position: relative; width: 523px; padding: 1em; margin: 0 0 1em 115px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.posts article .entry-title { padding-bottom: 1em; background: url('../images/bg_entry-meta-sep-horizontal.png') repeat-x 0 100%; }
.posts article .entry-title a { color: #5e5599; }
.posts article .meta { position: absolute; top: 30px; left: -115px; width: 115px; height: 94px; padding: 24px 0 0; margin: 0 0 1em; background: #f15c22; text-align: center;
-webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
.posts article .meta .meta-prefix { display: block; color: #fff; font-size: .66666666666em; line-height: 1; text-transform: uppercase; }
.posts article .meta .day { display: block; color: #ffe400; font: normal 2.13333333333em/1 "Slackey", Arial, Helvetica, sans-serif; }
.posts article .meta .month { display: block; color: #fff; font: 400 1.86666666667em/1 "Averia Sans Libre", Arial, Helvetica, sans-serif; text-transform: uppercase; }
.posts article a.more { display: inline-block; height: 28px; padding-right: 40px; background: url('../images/sp_button.png') no-repeat 100% 0; color: #8bc53e; font: 1em/28px "Slackey", Arial, Helvetica, sans-serif; }
/* Hover */
.posts article a.more:hover { background-position: 100% -28px; }
.single article h1 { margin-bottom: .5em; }
.single article .meta { width: 115px; height: 94px; padding: 24px 0 0; margin: 0 0 1em; background: #f15c22; text-align: center;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.single article .meta .meta-prefix { display: block; color: #fff; font-size: .66666666666em; line-height: 1; text-transform: uppercase; }
.single article .meta .day { display: block; color: #ffe400; font: normal 2.13333333333em/1 "Slackey", Arial, Helvetica, sans-serif; }
.single article .meta .month { display: block; color: #fff; font: 400 1.86666666667em/1 "Averia Sans Libre", Arial, Helvetica, sans-serif; text-transform: uppercase; }
/* Shortcodes
======================================================================================================= */
/* Pricing Table
------------------------------------------------------------------------ */
.pricing-table .pricing-column { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pricing-table.columns-3 .pricing-column { float: left; width: 32.0634920635%; margin-left: 1.74603174603%; }
.pricing-table.columns-3 .pricing-column:first-child { margin-left: 0; }
.pricing-table .column-title { text-align: center; }
.pricing-table .column-price { text-align: center; }