/* HTML5 Base
======================================================================================================= */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #555; }
body { margin: 0; background: #142342; font: .9375em/1.5em Arial, Helvetica, sans-serif; overflow-x: hidden; }
.lt-ie9 body { min-width: 1164px; } /* Keep responsive to IE9 or greater */
/* Text Selection
------------------------------------------------------------------------ */
::-moz-selection { background: rgba(17,110,167,.75); color: #fff; text-shadow: none; }
::selection { background: rgba(17,110,167,.75); color: #fff; text-shadow: none; }
/* Links
------------------------------------------------------------------------ */
a { color: #f15c22; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* Text
------------------------------------------------------------------------ */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #002E62; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
p { margin: 0 0 1em; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Headings
------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {}
h1 { color: #f15c22; font: normal 2.53333333333em/1.2 "Fredoka One", Arial, Helvetica, sans-serif; margin-top: 0; }
h2 { color: #5e5599; font: normal 2em/1.2 "Slackey", Arial, Helvetica, sans-serif; }
h3 { color: #5e5599; font: 400 1.86666666667em/1.2 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
h4 { margin: 1em 0 .5em; color: #7ac142; font: normal 1.33333333333em/1.2 "Slackey", Arial, Helvetica, sans-serif; }
h5 { margin: 1em 0 .5em; color: #555; font: 400 1.2em/1.2 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
h6 { margin: 1em 0 .5em; color: #f15c22; font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif; }
/* Lists
------------------------------------------------------------------------ */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
.content ul { padding: 0 1em; list-style: none; }
.content ul li { padding-left: 25px; margin: 0 0 .5em; background: url('../images/i_bullet.png') no-repeat 0 2px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* Images
------------------------------------------------------------------------ */
img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { padding: 5px; margin: 0; background: #fff; border: 1px solid #e3e3e3; text-align: center; }
/* Forms
------------------------------------------------------------------------ */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { display: block; font-family: "Cabin", Arial, Helvetica, sans-serif; font-weight: 700; cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
.fieldset { margin: 0 0 1em; }
.field { margin: 0 0 1em; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="text"], textarea { width: 100%; background: #fff; font-size: 1em;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline; }
.checkboxes ul, .radios ul { padding: 0; margin: 0; list-style: none; }
.checkboxes .field, .radios .field { margin: 0 0 .5em; }
textarea { width: 100%; margin: 0 0 1em; overflow: auto; vertical-align: top; resize: vertical;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* Validation */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* Placeholder Text */
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }
/* Buttons
------------------------------------------------------------------------ */
.button {}
/* Tables
------------------------------------------------------------------------ */
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
th, td { padding: .313em; }
th { background: #fff; border: 1px solid #555; color: #fff; font-weight: bold; }
td { background: #fdfefb; border: 1px solid #ccc; vertical-align: top; }
/* Chrome Frame (for IE6 or below)
------------------------------------------------------------------------ */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* Wordpress Alignment
------------------------------------------------------------------------ */
.alignleft, .alignright, .aligncenter { display: block; margin: 0 0 1em; }
/* Wrappers/Layout
======================================================================================================= */
.wrapper { width: 95%; margin: 0 2.5%; }
/* Header
------------------------------------------------------------------------ */
.header-container { position: relative; width: 100%; margin: 0 0 1em; background: #fff; border-bottom: 8px solid #e1edd2; }
.header-container .wrapper {}
/* Mobile Toggle */
.mobile-toggle-container { position: absolute; top: 0; left: 0; width: 100%; padding: 0 1em; background: #8cc63f; z-index: 10000;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.mobile-toggle-container.active { padding: 1em; }
.mobile-toggle-container:after { content: ""; position: absolute; bottom: -50px; left: 0; width: 100%; height: 50px; background: url('../images/bg_mobile-container.png') repeat-x 100% 0; }
.mobile-toggle { position: absolute; bottom: -68px; right: 68px; width: 60px; height: 60px; background: url('../images/bg_mobile-toggle.png') no-repeat 50% 50%; z-index: 10000; cursor: pointer; }
/* Site Logo */
#logo { float: left; width: 100%; margin: 4em 0 1em; text-align: center; }
#logo a { display: inline-block; width: 50%; }
/* Site Search */
.site-search { position: relative; float: left; width: 100%; margin: 0 0 1em; }
.site-search .field { margin: 0; }
.site-search input[type="text"] { position: relative; padding: 16px 56px 16px 22px; background: #518819; border: 1px solid #84bf3a; color: #fff; font-size: 1.06666666667em; line-height: 1; z-index: 1;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.25); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.25); box-shadow: inset 0 0 5px rgba(0,0,0,.25);
}
.site-search button { position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; background: url('../images/i_search-mobile.png') no-repeat 50% 50%; border: 0; text-indent: -9000em; z-index: 100; }
/* Placeholder */
.site-search input[type="text"]::-webkit-input-placeholder { color: #b4ed69; }
.site-search input[type="text"]::-moz-placeholder { color: #b4ed69; }
.site-search input[type="text"]:-moz-placeholder { color: #b4ed69; }
/* Main Content
------------------------------------------------------------------------ */
.main-container { width: 100%; }
.main-container > .wrapper { background: #fff; padding: 1em; margin-bottom: 2em;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.content, .secondary-content { width: 100%; background: #fff; padding: 1em; margin-bottom: 2em;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
/* Footer
------------------------------------------------------------------------ */
.footer-container { width: 100%; background: url('../images/bg_footer.jpg') no-repeat 50% 100%;
-moz-background-size: 200% auto; -webkit-background-size: 200% auto; background-size: 200% auto;
-moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box;
}
.footer-container figure { padding: 0; background: none; border: 0; }
/* Social Media */
ul.social-media { padding: 0; margin: 0 0 2em; text-align: center; }
ul.social-media li { display: inline-block; width: 67px; margin-left: 1em; }
ul.social-media li:first-child { margin-left: 0; }
ul.social-media a { display: block; width: 100%; height: 100%; color: #5f9ed0; font-size: .73333333333em; text-transform: uppercase; text-decoration: none; }
ul.social-media i { display: block; width: 67px; height: 67px; background: url('../images/sp_social-media.png'); }
ul.social-media li.facebook i { background-position: 0 0; }
ul.social-media li.twitter i { background-position: -91px 0; }
ul.social-media li.pinterest i { background-position: -182px 0; }
/* Hover */
ul.social-media li:hover a { color: #8cc63f; }
ul.social-media li.facebook:hover i { background-position: 0 -68px; }
ul.social-media li.twitter:hover i { background-position: -91px -68px; }
ul.social-media li.pinterest:hover i { background-position: -182px -68px; }
/* Newsletter */
.join-newsletter { width: 100%; padding: 1em; margin: 0 0 2em; background: #0062b0; border: 3px solid #5f9ed0; color: #fff; text-align: center;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.join-newsletter h2 { margin: 0 0 .25em; color: #fff; font: normal 1.86666666667em/1 "Fredoka One", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25); }
.join-newsletter p { font-weight: bold; }
.join-newsletter p span { color: #ffe400; }
.join-newsletter .field {}
.join-newsletter .field input { padding: 1em; background: #5f9ed0; border: 0; color: #fff;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
/* Placeholder */
.join-newsletter .field input::-webkit-input-placeholder { color: #fff; }
.join-newsletter .field input::-moz-placeholder { color: #fff; }
.join-newsletter .field input:-moz-placeholder { color: #fff; }
.join-newsletter .button { position: relative; font-size: 1em; }
.join-newsletter .button input, .join-newsletter .button a { padding: .25em 1em; background: #8bc53e; border: 3px solid #bde28c; color: #ffe400; font: normal 1.86666666667em/1 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.join-newsletter .button .ajax-loader { position: absolute; top: 50%; right: 1em; }
/* Contact Info */
.footer-container .org { margin: 0 0 2em; color: #fff; text-align: center; }
.footer-container .org .tel { margin: 0 0 .5em; color: #ffe400; font: normal 1.33333333333em/1 "Slackey", Arial, Helvetica, sans-serif; }
.footer-container .org a { color: #ffe400; }
/* Copyright & Branding */
.copyright-branding { color: #fff; font-size: .94117647058em; line-height: 1.5; text-align: center; }
.copyright-branding small { display: block; }
.abt-brand a { color: #6281b2; text-decoration: underline; }
/* Footer Logo */
.footer-logo { margin: 0 0 2em; }
/* Navigation/Menus
======================================================================================================= */
/* Primary
------------------------------------------------------------------------ */
.main-menu { float: left; width: 100%; margin: 0; }
.main-menu ul {}
.main-menu li { margin-top: .25em; background: #6ea638;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.main-menu li:first-child { margin-top: 0; }
.main-menu a { display: block; padding: .75em 1.5em; background: url('../images/i_right-arrow.png') no-repeat 95% 50%; color: #fff; font: normal 1.26666666667em/1 "Slackey", Arial, Helvetica, sans-serif; }
/* Hover */
.main-menu li:hover { background: #7eb04d; }
.main-menu li:hover a { text-decoration: none; }
/* Active */
.main-menu li.current-menu-item,
.main-menu li.current-page-ancestor { background: #fff; }
.main-menu li.current-menu-item > a,
.main-menu li.current-page-ancestor > a { color: #6ea638; }
/* Drop-downs
------------------------------------------------------------------------ */
.main-menu ul ul { display: none; }
/* Utility
------------------------------------------------------------------------ */
.utility-menu { float: left; width: 100%; }
.utility-menu ul {}
.utility-menu li {}
.utility-menu a {}
/* Contact */
.utility-menu li.um-contact { margin: .25em 0 1.5em; background: #6ea638;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.utility-menu li.um-contact a { display: block; padding: .75em 1.5em; background: url('../images/i_right-arrow.png') no-repeat 95% 50%; color: #fff; font: normal 1.26666666667em/1 "Slackey", Arial, Helvetica, sans-serif; }
/* Account */
.utility-menu li.um-account { float: left; display: inline-block; width: 48%; text-align: center; }
.utility-menu li.um-account a { display: block; width: 100%; padding: .5em 1em; background: #ffe400; border: 3px solid #fff17e; color: #f15c22; font: normal 1em/1 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/* Reserve */
.utility-menu li.um-reserve { float: right; display: inline-block; width: 48%; text-align: center; }
.utility-menu li.um-reserve a { display: block; width: 100%; padding: .5em 1em; background: #f15c22; border: 3px solid #fda17d; color: #fff; font: normal 1em/1 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/* Hover */
.utility-menu li:hover a { text-decoration: none; }
.utility-menu li.um-contact:hover { background: #7eb04d; }
.utility-menu li.um-account:hover {}
.utility-menu li.um-reserve:hover {}
/* Breadcrumbs
------------------------------------------------------------------------ */
.breadcrumbs { margin: 0 0 2em; font-size: .8em; text-transform: uppercase; }
.breadcrumbs a { color: #5e5599; text-transform: uppercase; text-decoration: underline; }
/* Secondary
------------------------------------------------------------------------ */
aside .abt-walker { padding: 1.2em 0; margin: 0 0 2em; border: 4px solid #fff; list-style: none;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25), inset 0 0 24px rgba(140,198,63,.5);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25), inset 0 0 24px rgba(140,198,63,.5);
box-shadow: 1px 1px 1px rgba(0,0,0,.25), inset 0 0 24px rgba(140,198,63,.5);
}
aside .abt-walker li { border-bottom: 1px solid #dfedcc; }
aside .abt-walker li:first-child { border-top: 1px solid #dfedcc; }
aside .abt-walker li a { display: block; padding: 1em 1.33333333333em; color: #5e5599; font: 400 1.2em/1.2 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
/* Hover */
aside .abt-walker li:hover { background: #e8f4d9; }
aside .abt-walker li:hover a { color: #f15c22; }
/* Active */
aside .abt-walker li.current-menu-item { background: #e8f4d9; }
aside .abt-walker li.current-menu-item a { color: #f15c22; }
/* Footer
------------------------------------------------------------------------ */
.footer-menu { margin: 0 0 2em; }
.footer-menu li { margin-top: .25em; background: #1c3056;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.footer-menu li:first-child { margin-top: 0; }
.footer-menu a { display: block; padding: .75em 1.5em; color: #fff; background: url('../images/i_right-arrow.png') no-repeat 95% 50%; }
/* Zones */
.footer-menu li.fm-schools a,
.footer-menu li.fm-parents a,
.footer-menu li.fm-kids a { font: normal 1.33333333333em/1 "Slackey", Arial, Helvetica, sans-serif; }
.footer-menu li.fm-schools a { color: #8bc53e; }
.footer-menu li.fm-parents a { color: #439adf; }
.footer-menu li.fm-kids a { color: #f15c22; }
/* Hover */
.footer-menu li:hover { background: #2e446c; }
.footer-menu li:hover a { text-decoration: none; }
/* Homepage Specific
======================================================================================================= */
/* Featured Heroes
------------------------------------------------------------------------ */
.main-container .featured-heroes { margin-bottom: 7em; }
.featured-heroes .flexslider { margin: 0; background: none; border: 0;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.featured-heroes ul {}
.featured-heroes li {}
.featured-heroes li figure { padding: 0; margin: 0 0 1em; background: 0; border: 0; }
.featured-heroes h1 { padding-bottom: .5em; margin-bottom: .5em; border-bottom: 1px dashed #8bc53e; color: #5e5599; font: normal 1.86666666667em/1.2 "Fredoka One", Arial, Helvetica, sans-serif; }
.featured-heroes h1 + p { font: 400 1.2em/1.5 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
.featured-heroes .button { font-size: 1em; }
.featured-heroes .button a { display: inline-block; min-height: 34px; padding: 10px 57px 0 0; background: url('../images/sp_button-featured-heroes.png') no-repeat 100% 0; color: #8bc53e; font: normal 1.46666666667em/1.2 "Slackey", Arial, Helvetica, sans-serif; }
/* Control Nav */
.featured-heroes .flex-control-nav { bottom: -85px; }
.featured-heroes .flex-control-nav li { width: 60px; height: 56px; background: url('../images/bg_featured-hero-pager.png') no-repeat 0 0; text-align: center; }
.featured-heroes .flex-control-nav a { display: block; width: 100%; height: 100%; background: none; color: #8bc53e; font: normal 1.6em/56px "Slackey", Arial, Helvetica, sans-serif; text-indent: 0;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
/* Direction Nav */
.featured-heroes .flex-direction-nav { display: none; }
/* Hover */
.featured-heroes .button a:hover { background-position: 100% -132px; }
.featured-heroes .flex-control-nav li:hover a { background: none; color: #f15c22; text-decoration: none; }
/* Active */
.featured-heroes .flex-control-nav li a.flex-active { background: none; color: #f15c22; text-decoration: none; }
/* Welcome Message
------------------------------------------------------------------------ */
.welcome { width: 100%; margin: 0 0 1em; color: #fff; }
.welcome .wrapper { padding: 1em; background: #f15c22; border: 3px solid #fda17d;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.welcome h2 { margin: 0 0 .5em; color: #ffe400; font: 700 1.73333333333em/1.25 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
.welcome figure { position: inherit; width: 150px; height: 135px; padding: 20px; margin: 0 0 0 0; background: url('https://www.sciencefun.org/wp-content/uploads/2015/02/splat04.png') no-repeat 0 -20px; border: 0; display: none; }
.welcome figure img { position: fixed; top: 0px; left: 0px; }
.welcome figcaption { position: absolute; top: -30px; width: 100%; font-size: .86666666666em; font-weight: bold; text-align: center; }
/* Highlight 1
------------------------------------------------------------------------ */
.highlight-1 { float: left; width: 100%; margin: 0 0 3.5em; border-bottom: 1px dashed #ccc; }
.highlight-1 h2 { min-height: 33px; padding-left: 52px; margin-top: 0; background: url('../images/i_school-zone.png') no-repeat 0 50%; color: #8bc53e; font: normal 2.06666666667em/1.06451612903 "Fredoka One", Arial, Helvetica, sans-serif; }
.highlight-1 figure { padding: 0; background: #bde28c; border: 5px solid #8bc53e;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.highlight-1 ul { padding: 0 1em; list-style: none; font: 700 1.06666666667em/1.2 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
.highlight-1 li { padding-left: 25px; background: url('../images/i_bullet.png') no-repeat 0 2px; }
.highlight-1 .button { display: block; margin-bottom: -1.5em; font-size: 1em; text-align: center; }
.highlight-1 .button a { display: inline-block; padding: .5em 1em; background: #8bc53e; border: 3px solid #bde28c; color: #ffe400; font: normal 1.33333333333em/1 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
/* Hover */
.highlight-1 .button a:hover { background-color: #97cc4e; text-decoration: none; }
/* Highlight 2
------------------------------------------------------------------------ */
.highlight-2 { float: left; width: 100%; margin: 0 0 3.5em; border-bottom: 1px dashed #ccc; clear: both; }
.highlight-2 h2 { min-height: 42px; padding-left: 52px; margin-top: 0; background: url('../images/i_parents.png') no-repeat 0 50%; color: #0062b0; font: normal 2.06666666667em/1.27272727273 "Fredoka One", Arial, Helvetica, sans-serif; }
.highlight-2 figure { padding: 0; background: #5f9ed0; border: 5px solid #0062b0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.highlight-2 ul { padding: 0 1em; list-style: none; font: 700 1.06666666667em/1.2 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
.highlight-2 li { padding-left: 25px; background: url('../images/i_bullet.png') no-repeat 0 2px; }
.highlight-2 .button { display: block; margin-bottom: -1.5em; font-size: 1em; text-align: center; }
.highlight-2 .button a { display: inline-block; padding: .5em 1em; background: #0062b0; border: 3px solid #5f9ed0; color: #ffe400; font: normal 1.33333333333em/1 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
/* Hover */
.highlight-2 .button a:hover { background-color: #0071b9; text-decoration: none; }
/* Highlight 3
------------------------------------------------------------------------ */
.highlight-3 { float: left; width: 100%; padding: 1em; margin: 1em 0 2em; background: #e3f2d8; clear: both;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.highlight-3 figure { padding: 0; background: none; border: 0; }
.highlight-3 .section-logo { margin-top: -3.5em; }
.highlight-3 ul { padding: 0; margin: 2em 0 2em 1em; list-style: none; }
.highlight-3 li { position: relative; background: #fff; padding: .25em .5em .25em 3em; margin: 1em 0 0; font: 400 1.53333333333em/1 "Averia Sans Libre", Arial, Helvetica, sans-serif;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-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);
}
.highlight-3 li:first-child { margin-top: 0; }
.highlight-3 li i { position: absolute; top: -5px; left: -10px; }
.highlight-3 .button { display: block; font-size: 1em; text-align: center; }
.highlight-3 .button a { display: inline-block; padding: .5em 1em; background: #f15c22; border: 3px solid #fda17d; color: #ffe400; font: normal 1.33333333333em/1 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
/* Hover */
.highlight-3 .button a:hover { background-color: #f36b30; text-decoration: none; }
/* Sponsors
------------------------------------------------------------------------ */
.become-sponsor { float: left; width: 100%; margin: 0 0 2em; }
.become-sponsor h2 { color: #f15c22; font: normal 2em/1 "Fredoka One", Arial, Helvetica, sans-serif; }
.become-sponsor .button { display: block; margin: 1em 0; font-size: 1em; }
.become-sponsor .button a { display: inline-block; height: 28px; padding: 0; padding-right: 40px; background: url('../images/sp_button.png') no-repeat 100% 0; color: #5e5599; font: 400 1.2em/28px "Averia Sans Libre", Arial, Helvetica, sans-serif; text-decoration: underline; }
/* Hover */
.become-sponsor .button a:hover { background-position: 100% -28px; }
.become-sponsor h3 { color: #f15c22; font: 400 1.2em/1 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
.become-sponsor .featured-sponsors { float: left; width: 100%; text-align: center; clear: both; }
.become-sponsor figure { display: inline-block; width: 45%; padding: 1em; background: #fff; border: 2px solid #e6e6e6;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.become-sponsor figure:first-child { margin-right: 2.5%; }
/* Featured Blog
------------------------------------------------------------------------ */
.featured-blog { float: left; width: 100%; margin: 0 0 2em; }
.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 { padding: 1em; margin-top: 1em;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.17); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.17); box-shadow: 0 0 3px rgba(0,0,0,.17);
}
.featured-blog li:first-child { margin-top: 0; }
.lt-ie9 .featured-blog { border: 1px solid #ccc; }
.featured-blog .meta { padding-bottom: 15px; margin: 0 0 1em; background: url('../images/bg_entry-meta-sep-horizontal.png') repeat-x 0 100%; }
.featured-blog .meta .meta-prefix { color: #888; font-size: .66666666666em; line-height: 1; text-transform: uppercase; }
.featured-blog .meta .day { color: #5e5599; font: normal 2.13333333333em/1 "Slackey", Arial, Helvetica, sans-serif; }
.featured-blog .meta .month { color: #888; font: 400 1.86666666667em/1 "Averia Sans Libre", Arial, Helvetica, sans-serif; text-transform: uppercase; }
.featured-blog .button { display: block; font-size: 1em; }
.featured-blog .button a { display: inline-block; height: 15px; padding: 0; padding-right: 1em; background: url('../images/i_right-arrow.png') no-repeat 100% 50%; color: #f15c22; font-family: Arial, Helvetica, sans-serif; line-height: 15px; text-shadow: none; text-decoration: underline; }
.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; }
/* Hover */
/* User Base
------------------------------------------------------------------------ */
.user-base { float: left; width: 100%; padding: 1em; margin: 0; border-top: 3px solid #7ac142; text-align: center;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.user-base h2 { margin-bottom: .25em; color: #7ac142; font: normal 2.13333333333em/1.2 "Fredoka One", Arial, Helvetica, sans-serif; }
.user-base h2 span { color: #5e5599; }
.user-base h2 + p { margin: 0; font: 400 1.73333333333em/1.2 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
/* Error 404 Page
======================================================================================================= */
.error404 #searchsubmit { margin-top: .5em; }
/* Articles
======================================================================================================= */
.posts {}
.posts article { padding: 1em; margin: 0 0 1em;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.17); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.17); box-shadow: 0 0 3px rgba(0,0,0,.17);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.no-boxshadow article { border: 1px solid #ddd; }
.posts article .entry-title { margin-top: 0; font: 400 1.6em/1.16666666667 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
.posts article .entry-title a { color: #5e5599; }
.posts article .meta { padding-bottom: 15px; margin: 0 0 1em; background: url('../images/bg_entry-meta-sep-horizontal.png') repeat-x 0 100%; }
.posts article .meta .meta-prefix { color: #888; font-size: .66666666666em; line-height: 1; text-transform: uppercase; }
.posts article .meta .day { color: #5e5599; font: normal 2.13333333333em/1 "Slackey", Arial, Helvetica, sans-serif; }
.posts article .meta .month { color: #888; 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 .meta { padding-bottom: 15px; margin: 0 0 1em; background: url('../images/bg_entry-meta-sep-horizontal.png') repeat-x 0 100%; }
.single article .meta .meta-prefix { color: #888; font-size: .66666666666em; line-height: 1; text-transform: uppercase; }
.single article .meta .day { color: #5e5599; font: normal 2.13333333333em/1 "Slackey", Arial, Helvetica, sans-serif; }
.single article .meta .month { color: #888; font: 400 1.86666666667em/1 "Averia Sans Libre", Arial, Helvetica, sans-serif; text-transform: uppercase; }
/* Comments
======================================================================================================= */
/* Comment List
------------------------------------------------------------------------ */
.commentlist { padding: 0; margin: 0; list-style: none; }
.commentlist li { padding: 1em; margin: 0 0 1em; background: #fff; border: 1px solid #c1c4c5;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.commentlist li article { margin: 0; }
/* Author */
.commentlist .comment-author img { padding: 3px; background: #ccc; }
.commentlist .comment-author h3 { display: inline; color: #999; font-size: 1em; }
/* Meta Data */
.commentlist .comment-meta { display: inline; }
/* Comment */
/* Reply */
/* Pagination
======================================================================================================= */
.content .abtcore-paging { float: left; width: 100%; padding: 19px 0 0; font-size: 1.077em; line-height: 1; overflow: hidden; clear: both; }
.content .abtcore-paging .page-info { display: none; }
.content .abtcore-paging ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.content .abtcore-paging li { display: inline-block; height: 14px; padding: 20px 12px 14px; margin: 0 -10px; text-align: center; }
.content .abtcore-paging a { display: inline-block; color: #424242; }
/* Active */
.content .abtcore-paging .active-page { padding: 20px 12px 14px; }
.content .abtcore-paging .active-page a { color: #fff; }
/* Widgets
======================================================================================================= */
.widget-area .widget-container:first-child { margin: 0; }
.widget-container { width: 100%; padding: 0 0 30px 0; margin: 1em 0 40px; background: #fff;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.widget-title { padding: 0; margin: 0 0 .5em; color: #5e5599; font: 1.33333333333em/1.1 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
.widget-title + div { padding: 0; }
.widget-container img { border: 8px solid #f5faee;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-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);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.widget-container a { display: inline-block; height: 28px; padding-right: 0px; padding-bottom: 10px; background: url('../images/') no-repeat 100% 0; color: #8bc53e; font: 1em/18px "Averia Sans Libre", Arial, Helvetica, sans-serif; }
/* Hover */
.widget-container a:hover { background-position: 100% -28px; }
/* Search Results
======================================================================================================= */
/* List of Posts
------------------------------------------------------------------------ */
.search-results article { margin: 0 0 3em; }
.search-results article a { color: #5e5599; }
.search-results article .entry-title { margin-bottom: .25em; font-size: 1.5em; }
.search-results article .button { display: none; }
/* Shortcodes
======================================================================================================= */
/* Button
------------------------------------------------------------------------ */
.button { display: inline-block; color: #fff; font: normal 1.5em/1 "Fredoka One", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;
}
.button a { display: block; padding: .25em 1.5em; color: #fff; }
.button.orange { background: #f15c22; border: 3px solid #fda17d; }
.button.blue { background: #0062b0; border: 3px solid #5f9ed0; color: #fff;}
/* Hover */
.button:hover a { text-decoration: none; }
.button.orange:hover { background: #d64c17;}
.button.blue:hover { background: #005090; }
/* Pulse */
@-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.button.hanspulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
background: #f15c22; border: 3px solid #fda17d;
}
.button.hanspulse:hover, .button.hanspulse:focus, .button.hanspulse:active {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background: #d64c17;
}
/* Grow Rotate */
.button.hansgrowrotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
background: #5E5599; border: 3px solid #A2A2DD;
}
.button.hansgrowrotate:hover, .button.hansgrowrotate:focus, .button.hansgrowrotate:active {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
background: #373275;
}
/* Hans Green */
.button.hansgreen {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
background: #1e9b50; border: 3px solid #68cc90;
}
.button.hansgreen:hover, .button.hansgreen:focus, .button.hansgreen:active {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
background: #116834;
}
/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.button.hans-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
background: #0062b0; border: 3px solid #5f9ed0;
}
.button.hans-wobble-top:hover, .button.hans-wobble-top:focus, .button.hans-wobble-top:active {
-webkit-animation-name: hvr-wobble-top;
animation-name: hvr-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
background: #005090;
}
/* Bob */
@-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.button.hansbob {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
background: #4DB20D; border: 3px solid #A2F24E;
}
.button.hansbob:hover, .button.hansbob:focus, .button.hansbob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
background: #008700;
}
/* Button in Widget */
.widget-container .button { padding-top: 55px; margin: 0 -2em; background: url('../images/bg_widget-button.png') no-repeat 50% 0; font: 500 1.538em/1 "Cabin", Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; }
.widget-container .button + p { margin: 0; }
/* Question & Answer Box
------------------------------------------------------------------------ */
.qa-box { float: right; width: 75%; margin: 0 0 2em; }
.qa-box .toggle { position: relative; padding: 2em; margin: 0; background: #fff url('../images/backy2.png'); border: 3px solid #7bc143; color: #f15c22; font: normal 1.33333333333em/1.2 "Slackey", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,.25); cursor: pointer;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.qa-box .toggle:before { content: "Q: "; color: #2a296d; }
.qa-box .toggle:after { content: ""; position: absolute; top: 15px; right: 15px; width: 25px; height: 25px; background: #ffe400 url('../images/sp_qabox-toggle.png') no-repeat 50% 5px; border: 2px solid #fe9302; }
.qa-box .toggle-container { display: none; padding: 1em; border: 3px solid #f15c22; border-top: 0; color: #2a296d; font: 400 1.6em/1.6 "Averia Sans Libre", Arial, Helvetica, sans-serif;
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
}
.qa-box .toggle-container:before { content: "A: "; color: #f15c22; }
/* Active */
.qa-box .toggle.active:after { background-position: 50% -21px; }
/* No JS */
.no-js .qa-box .toggle-container { display: block; }
/* Pricing Table
------------------------------------------------------------------------ */
.pricing-table { float: left; width: 100%; margin: 0 0 2em; }
.pricing-table .pricing-column {}
.pricing-table .column-title { margin-bottom: .5em; color: #7ac142; font: normal 1.86666666667em/1 "Slackey", Arial, Helvetica, sans-serif; }
.pricing-table .column-price { margin: 0 0 .5em; color: #555; font: 400 1.6em/1 "Averia Sans Libre", Arial, Helvetica, sans-serif; }
.pricing-table ul { padding: 0; margin: 0; background: #fff; border: 3px solid #ededed;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
-moz-box-shadow: 1px 1px 1px (0,0,0,.25); -webkit-box-shadow: 1px 1px 1px (0,0,0,.25); box-shadow: 1px 1px 1px (0,0,0,.25);
}
.pricing-table ul li { padding: 1em; margin: 0; background: none; }
.pricing-table ul li:nth-child(2n) { background: #f5f5f5; }
.pricing-table p { margin: 0; }
/* Custom Plugins
======================================================================================================= */
/* Contact 7 Forms
------------------------------------------------------------------------ */
.wpcf7 br { display: none; }
/* Validation */
.wpcf7 .wpcf7-not-valid { border-color: #c9262e; }
.wpcf7 .wpcf7-validation-errors { margin: 1em 0 0; background: #f2d832; color: #000;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.wpcf7 .wpcf7-not-valid-tip { position: static; display: block; width: 100%; margin: .25em 0 0; background: #c9262e; border: 0; color: #fff;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
/* FlexSlider
======================================================================================================= */
/* Browser Resets
------------------------------------------------------------------------ */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
------------------------------------------------------------------------ */
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
------------------------------------------------------------------------ */
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next { right: 5px;}
.flexslider:hover .flex-prev { left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/* Non-Semantic Helper Classes
======================================================================================================= */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { *zoom: 1; }
/* Print Styles
======================================================================================================= */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for ../images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* Visual Form Builder
======================================================================================================= */
form.visual-form-builder{
position: relative;
margin: 20px 0;
background: none;
list-style:none;
list-style-type: none;
list-style-image: none;
text-shadow: none;
font-family: inherit;
}
form.visual-form-builder li{
margin: 0 !important;
width: auto !important;
background: none !important;
list-style: none !important;
list-style-type: none !important;
list-style-image: none !important;
clear: both;
}
form.visual-form-builder li:before {
content: none;
}
form.visual-form-builder ul:after,
form.visual-form-builder li:after,
form.visual-form-builder li div:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden;
}
/* Hide br tags for themes that auto add them */
.visual-form-builder br {
display: none;
}
form.visual-form-builder .vfb-item-instructions br {
display: inline;
}
/* !Remove list item styles */
.visual-form-builder ul,
.entry-content .visual-form-builder ul,
.comment-content .visual-form-builder ul,
.mu_register .visual-form-builder ul,
.visual-form-builder ol,
.entry-content .visual-form-builder ol,
.comment-content .visual-form-builder ol,
.mu_register .visual-form-builder ol {
margin: 0 14px !important;
padding: 0 !important;
background: none !important;
list-style: none !important;
list-style-type: none !important;
list-style-image: none !important;
font-size: 13px;
line-height: inherit;
}
.visual-form-builder ul li {
margin: 0 !important;
background: none !important;
list-style: none !important;
list-style-type: none !important;
list-style-image: none !important;
}
.visual-form-builder ul li:before {
content: none;
}
.visual-form-builder li,
.entry-content .visual-form-builder li,
.comment-content .visual-form-builder li,
.mu_register .visual-form-builder li {
clear: both;
margin: 0 !important;
padding: 6px 1% 9px !important;
width: 64%;
background: none !important;
list-style: none !important;
list-style-type: none !important;
list-style-image: none !important;
}
.visual-form-builder li:before,
.entry-content .visual-form-builder li:before,
.comment-content .visual-form-builder li:before,
.mu_register .visual-form-builder li:before {
content: none;
}
.vfb-span,
.visual-form-builder li div span.vfb-span,
.visual-form-builder [class*="vfb-span"],
span.vfb-full input,
span.vfb-full input[type="text"].vfb-medium,
span.vfb-full select{
display: block;
float: left;
margin: 0;
width: 100%;
}
span.vfb-name-normal,
span.vfb-name-extras {
float: left;
margin-right: 3px;
}
.rtl span.vfb-name-normal,
.rtl span.vfb-name-extras {
float: right;
margin-right: 0;
margin-left: 3px;
}
.visual-form-builder span.vfb-left{
float: left;
width: 48%;
}
.visual-form-builder span.vfb-right{
float: right;
width: 48%;
}
.visual-form-builder span.vfb-span ul li {
list-style: disc;
}
.visual-form-builder span.vfb-span ol li {
list-style: decimal;
}
.visual-form-builder span.vfb-right input,
.visual-form-builder span.vfb-right input[type="text"],
.visual-form-builder span.vfb-right select,
.visual-form-builder span.vfb-left input,
.visual-form-builder span.vfb-left input[type="text"],
.visual-form-builder span.vfb-left select{
width: 100% !important;
}
/* !Time Field */
.visual-form-builder span.vfb-time{
float: left;
margin: 0 0.3em 0 0;
}
.rtl .visual-form-builder span.vfb-time {
float: right;
margin: 0 0 0 0.3em;
}
.visual-form-builder li div label,
.visual-form-builder li span label {
margin: 0;
font-size: 90%;
}
/* !Fieldset */
.visual-form-builder fieldset{
clear: both;
margin: 15px 0;
padding: 0;
border: 5px solid #7AC142;
border-radius: 25px;
background-color: #fff;
}
/* !Legend */
.visual-form-builder .vfb-legend{
margin: 5px 14px;
padding: 0 6px;
border-bottom: 1px solid #CCCCCC;
color: #990000;
font-size: inherit;
}
.visual-form-builder .vfb-legend h3 {
margin: 0 !important;
padding: 0 !important;
font-size: 20px;
line-height: 2.0em;
}
/* !Description */
.visual-form-builder label,
label.vfb-desc{
display: block;
margin: 0;
padding: 0 0 3px 0;
color: #000;
font-family: Arial;
font-weight: normal;
}
label.vfb-desc{
font-weight: bold;
}
.visual-form-builder.left-label .vfb-desc,
.visual-form-builder.right-label .vfb-desc{
float: left;
margin: 0 15px 0 0;
width: 30%;
}
.visual-form-builder.right-label .vfb-desc{
padding-top: 2px;
text-align: right;
}
.visual-form-builder li div {
margin: 0;
padding: 0;
}
.visual-form-builder.left-label li div,
.visual-form-builder.right-label li div {
float: left;
width: 65%;
}
.visual-form-builder label.vfb-choice{
margin: -16px 0 0 23px;
padding: 0 0 5px;
width: 88%;
font-size: 90%;
line-height: 150%;
}
.rtl .visual-form-builder label.vfb-choice {
margin: -16px 23px 0 0;
}
.visual-form-builder label .vfb-required-asterisk {
margin: 0;
padding: 0;
color: #BC1212;
vertical-align: baseline;
font-weight: bold;
}
/* !Input, Textarea, and Select */
input.vfb-text,
input[type="text"].vfb-text,
input[type="tel"].vfb-text,
input[type="email"].vfb-text,
input[type="url"].vfb-text,
textarea.vfb-textarea {
padding: 3px 0;
border: 1px solid #DDDDDD;
border-radius: 3px;
background: none repeat scroll 0 0 #FAFAFA;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
input.vfb-text:focus,
input[type="text"].vfb-text:focus,
input[type="tel"].vfb-text:focus,
input[type="email"].vfb-text:focus,
input[type="url"].vfb-text:focus,
textarea.vfb-textarea:focus {
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input.vfb-text.vfb-error:focus,
input[type="text"].vfb-text.vfb-error:focus,
input[type="tel"].vfb-text.vfb-error:focus,
input[type="email"].vfb-text.vfb-error:focus,
input[type="url"].vfb-text.vfb-error:focus,
textarea.vfb-textarea.vfb-error:focus {
border-color: rgba(238,83,83,0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6);
}
input.vfb-text,
input[type="text"].vfb-text,
input[type="tel"].vfb-text,
input[type="email"].vfb-text,
input[type="url"].vfb-text,
textarea.vfb-textarea,
select.vfb-select {
margin: 0 0 5px 0;
height: auto;
color: #373737;
font-size: 100%;
font-family: inherit;
line-height: normal;
}
select.vfb-select{
padding: 1px 0 0;
width: auto;
}
input.vfb-small,
input[type="text"].vfb-small,
input[type="tel"].vfb-small,
input[type="email"].vfb-small,
input[type="url"].vfb-small,
select.vfb-small{
width: 25%;
}
input.vfb-medium,
input[type="text"].vfb-medium,
input[type="tel"].vfb-medium,
input[type="email"].vfb-medium,
input[type="url"].vfb-medium,
select.vfb-medium{
width: 50%;
}
input.vfb-large,
input[type="text"].vfb-large,
input[type="tel"].vfb-large,
input[type="email"].vfb-large,
input[type="url"].vfb-large,
select.vfb-large,
textarea.vfb-textarea{
width: 100%;
}
input[type="file"].vfb-small,
input[type="file"].vfb-medium,
input[type="file"].vfb-large {
height: auto;
line-height: normal;
}
textarea.vfb-medium{
height: 5.5em;
}
textarea.vfb-medium{
height: 10em;
}
textarea.vfb-large{
height: 20em;
}
/* !Submit Button */
.vfb-submit,
input[type="submit"].vfb-submit {
font-size: 1.1em;
}
/* !Checkbox and Radio */
input.vfb-checkbox,
input[type="checkbox"].vfb-checkbox,
input.vfb-radio,
input[type="radio"].vfb-radio {
display: inline;
margin: 4px -20px 0px 0px;
width: 15px;
height: 15px;
font-size: 1.1em;
}
input.vfb-other,
input[type="text"].vfb-other {
margin: 0 0 8px 25px;
}
/* !Field Layout */
.visual-form-builder li.vfb-two-column div span,
.visual-form-builder li.vfb-three-column div span,
.visual-form-builder li.vfb-auto-column div span{
margin: 0 5px 0 0;
width: 48%;
}
.visual-form-builder li.vfb-three-column div span{
width: 30%;
}
.visual-form-builder li.vfb-auto-column div span{
width: 18%;
}
.visual-form-builder li.vfb-left-half,
.visual-form-builder li.vfb-left-third,
.visual-form-builder li.vfb-left-two-thirds{
float: left;
clear: left;
}
.visual-form-builder li.vfb-right-half,
.visual-form-builder li.vfb-right-third,
.visual-form-builder li.vfb-right-two-thirds{
float: right;
clear: none;
}
.visual-form-builder li.vfb-middle-third{
float: left;
clear: none;
margin-left: 2%;
}
.visual-form-builder li.vfb-left-half,
.visual-form-builder li.vfb-right-half{
width: 47% !important;
}
.visual-form-builder li.vfb-left-third,
.visual-form-builder li.vfb-middle-third,
.visual-form-builder li.vfb-right-third{
width: 30% !important;
}
.visual-form-builder li.vfb-left-two-thirds,
.visual-form-builder li.vfb-right-two-thirds{
width: 64% !important;
}
li.vfb-left-half .vfb-small,
li.vfb-left-half .vfb-medium,
li.vfb-left-half .vfb-large,
li.vfb-right-half .vfb-small,
li.vfb-right-half .vfb-medium,
li.vfb-right-half .vfb-large,
li.vfb-left-third .vfb-small,
li.vfb-left-third .vfb-medium,
li.vfb-left-third .vfb-large,
li.vfb-middle-third .vfb-small,
li.vfb-middle-third .vfb-medium,
li.vfb-middle-third .vfb-large,
li.vfb-right-third .vfb-small,
li.vfb-right-third .vfb-medium,
li.vfb-right-third .vfb-large,
.visual-form-builder li.vfb-left-two-thirds .vfb-small,
.visual-form-builder li.vfb-left-two-thirds .vfb-medium,
.visual-form-builder li.vfb-left-two-thirds .vfb-large,
.visual-form-builder li.vfb-right-two-thirds .vfb-small,
.visual-form-builder li.vfb-right-two-thirds .vfb-medium,
.visual-form-builder li.vfb-right-two-thirds .vfb-large{
width: 100%;
}
/* !Error */
label.vfb-error {
color: red;
font-weight: bold;
font-size: 90%;
}
input.vfb-text.vfb-error,
input[type="text"].vfb-text.vfb-error,
input[type="tel"].vfb-text.vfb-error,
input[type="email"].vfb-text.vfb-error,
input[type="url"].vfb-text.vfb-error,
select.vfb-select.vfb-error,
textarea.vfb-textarea.vfb-error {
border: 1px solid red;
}
/* !Success Mesage - Default */
p#form_success,
.vfb-form-success {
color: green;
font-weight: bold;
}
#ui-datepicker-div {
display: none;
font-size: 12px;
}
/* !Instructions */
.vfb-item-instructions{
border-radius: 3px;
background-color: #e3e3e3;
}
.vfb-item-instructions ul,
.vfb-item-instructions ul li {
padding-bottom: 0;
list-style: disc;
}
.vfb-item-instructions ol,
.vfb-item-instructions ol li {
padding-bottom: 0;
list-style: decimal;
}
/* !Sections */
.vfb-section-div {
float: left;
margin: 10px 0;
padding: 10px;
width: 97%;
border-radius: 3px;
background-color: #fff;
}
.visual-form-builder .vfb-section-div h4 {
margin: 0 !important;
padding: 0 0 10px 0 !important;
border-bottom: 1px solid #BABABA;
font-size: 22px;
line-height: inherit;
color: #5E5599;
font-family: Dimbo, "Impact", "Arial Narrow", sans-serif;
}
/* !Autocomplete */
.ui-autocomplete .ui-menu-item {
font-size: 12px;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover {
background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}
.ui-autocomplete-loading{
background: url('../../../../wp-admin/images/loading.gif') right center no-repeat white !important;
}
/* !Password Meter */
.password-meter{
display: block;
margin-top: 10px;
padding: 5px;
width: 48%;
height: 15px;
border-width: 1px;
border-style: solid;
border-color: #ddd;
background-color: #eee;
text-align: center;
line-height: 15px;
}
.password-meter.too-short,
.password-meter.very-weak{
border-color: #F04040;
background-color: #FFA0A0;
}
.password-meter.weak{
border-color: #FF853C;
background-color: #FFB78C;
}
.password-meter.good{
border-color: #FFCC00;
background-color: #FFEC8B;
}
.password-meter.strong{
border-color: #8DFF1C;
background-color: #C3FF88;
}
.password-meter.too-short,
.password-meter.very-weak,
.password-meter.weak,
.password-meter.good,
.password-meter.strong{
font-weight: bold;
}
/* !Page Break */
.vfb-fieldset.vfb-page{
display: none;
}
.item-page-break{
position: relative;
}
.vfb-page-counter{
float: right;
margin: 0 !important;
padding: 0 !important;
font-weight: bold;
}
.rtl .vfb-page-counter {
float: left;
}
.vfb-page-next {
margin: 0 !important;
padding: 4px 8px !important;
border-radius: 3px;
background-color: #5B8498;
color: white;
}
.vfb-page-next:hover{
background-color: #3D5865;
text-decoration: none;
}
/* !Clearing */
.vfb-clear{
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
/* !Conditional Field */
.vfb-conditional-hide{
display: none;
}
/* Rating */
table.vfb-table,
table.vfb-table *,
table.vfb-likert,
table.vfb-likert *,
.entry-content table.vfb-table,
.entry-content table.vfb-likert {
border-collapse: collapse;
border-spacing: 0;
margin: 5px 0 0 0;
padding: 0;
border: 0;
border-radius: 0;
text-transform: none;
line-height: normal;
vertical-align: middle;
width: auto;
font-size: 12px;
}
table.vfb-table th,
table.vfb-table td {
padding: 2px 6px;
text-align: center;
border: 0;
}
.vfb-table td input.vfb-radio,
.vfb-table td input[type="radio"].vfb-radio {
display: inline;
margin: 0;
vertical-align: baseline;
}
table.vfb-table.vfb-likert {
margin: 5px 0;
width: 100%;
border: 1px solid #888;
border-bottom: none;
background: #fdfdfd;
}
.vfb-likert label {
margin: 0;
}
.vfb-likert .vfb-likert-head th {
padding: 10px 6px;
background-color: #ccc;
font-weight: normal;
border-top: 1px solid #696969;
border-bottom: 1px solid #696969;
border-right: 1px solid #696969;
border-left: 1px solid #696969;
}
.vfb-likert th,
.vfb-likert td {
border-top: 1px solid #696969;
border-bottom: 1px solid #696969;
border-right: 1px solid #696969;
border-left: 1px solid #696969;
}
.vfb-table.vfb-likert .vfb-likert-row th,
.vfb-table.vfb-likert .vfb-likert-row td {
border-top: 1px solid #696969;
border-bottom: 1px solid #696969;
border-right: 1px solid #696969;
border-left: 1px solid #696969;
}
.vfb-table.vfb-likert .vfb-likert-row th {
padding: 8px;
text-align: left;
color: #222;
font-weight: bold;
background-color: #ccc;
}
.rtl .vfb-table.vfb-likert .vfb-likert-row th {
text-align: right;
}
.vfb-likert-row th label {
font-weight: bold;
}
.vfb-likert-cols-1 td {
width: 30%;
}
.vfb-likert-cols-2 td {
width: 25%;
}
.vfb-likert-cols-3 td {
width: 20%;
}
.vfb-likert-cols-4 td {
width: 15%;
}
.vfb-likert-cols-5 td {
width: 12%;
}
.vfb-likert-cols-6 td,
.vfb-likert-cols-7 td {
width: 10%;
}
.vfb-likert-cols-8 td,
.vfb-likert-cols-9 td,
.vfb-likert-cols-10 td {
width: 7%;
}
.vfb-likert-cols-11 td {
width: 6%;
}
/* Elementary Landing Page */
.elementary .content-wrappers {
position: relative;
}
.elementary .content-wrappers:before {
display: none;
content: "";
position: absolute;
top: 0;
left: -37px;
width: 112px;
height: 144px;
background: url(/wp-content/themes/sffe/images/bg_frog-hand.png) no-repeat 0 0;
z-index: 10002;
}
.content h1 {
font-size: 48px;
}
.school-content p {
margin: 0 0 1.5em;
}
.school-content p:last-child {
margin: 0;
}
.school-content h2 {
font-family: "Fredoka One", Arial, Helvetica, sans-serif;
font-size: 32px;
color: #f15c22;
margin: 0 0 32px 0;
}
.school-content h3 {
font-family: "Averia Sans Libre", Arial, Helvetica, sans-serif;
font-size: 24px;
color: #5e5599;
margin: 0 0 20px 0;
}
.school-content ul {
padding-left: 0;
}
.school-content a {
color: #555;
text-decoration: underline;
}
.school-content a:hover {
color: #f15c22;
}
.school-content .class-btn-container {
display: flex;
justify-content: flex-end;
}
.school-content .class-grid-btn {
background: #0062b0;
border: 3px solid #5f9ed0;
color: #fff;
font-family: "Fredoka One", Arial, Helvetica, sans-serif;
padding: 5px 33px;
border-radius: 25px;
text-decoration: none;
text-transform: capitalize;
display: inline-block;
text-align: center;
}
.school-border .class-grid-btn {
max-width: 120px;
width: 100%;
}
.school-content .class-grid-btn:hover {
background: #005090;
color: #fff;
text-decoration: none;
}
.school-border {
border: 5px solid #8bc53e;
border-radius: 5px;
padding: 20px 15px 25px;
margin-bottom: 32px;
}
.school-content hr {
background-color: #8bc53e;
border: none;
height: 5px;
border-radius: 21px;
margin: 0 0 32px 0;
}
.school-content .steps-content {
margin: 0 0 32px 0;
}
.school-content .grade-btn {
display: flex;
flex-wrap: wrap;
}
.school-content .grade-btn li {
padding: 0;
background: none;
margin: 0 15px 0 0;
width: 100%;
max-width: 167px;
}
.school-content .grade-btn li a {
width: 56%;
}
.school-content .grade-btn li:nth-child(3n) {
margin: 0;
}
#school-tabs {
border: 5px solid #8bc53e;
border-radius: 5px;
margin: 0 0 32px 0;
padding: 0;
}
#school-tabs ul {
border: none;
background-color: #fff;
background: none;
padding: 0;
}
#school-tabs .ui-tabs-tab {
padding: 0;
background: #5e5599;
border-radius: 0;
border-right: 5px solid #8bc53e;
width: 100%;
font-size: 16.5px;
}
#school-tabs .ui-tabs-tab:last-child {
border-right: 0;
}
#school-tabs .ui-tabs-tab a {
color: #fff;
width: 100%;
text-align: center;
box-sizing: border-box;
}
.ui-tabs .ui-tabs-nav {
display: flex;
}
#school-tabs .ui-tabs-tab.ui-tabs-active {
background: #fff;
border-bottom: 0;
}
#school-tabs .ui-tabs-tab.ui-tabs-active a {
color: #5e5599;
}
#school-tabs ul li {
border: none;
margin: 0;
}
.register-content h2 {
margin-bottom: 8px
}
#school-tabs p,
#school-tabs li {
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
#school-tabs .ui-widget-content ul li {
border: none;
margin: 0;
}
#school-tabs .ui-widget-content .grey-bg {
background-color: #f5f5f5;
float: left;
padding: 20px 0 0;
width: 100%;
margin: 0 0 1.5em;
}
#school-tabs .ui-widget-content {
padding-left: 0;
padding-right: 0;
}
#school-tabs .ui-widget-content ul,
#school-tabs .ui-widget-content p {
padding-left: 20px;
padding-right: 20px;
margin: 0 0 1.5em;
}
@media ( max-width: 462px ) {
.school-content .grade-btn {
justify-content: center;
}
.school-content .grade-btn li:nth-child(3n) {
margin-right: 16px;
}
}
@media ( max-width: 637px ) {
.school-content .grade-btn li {
margin-bottom: 16px;
}
}
@media ( max-width: 740px ) {
.ui-tabs .ui-tabs-nav {
display: flex;
flex-wrap: wrap;
}
#school-tabs .ui-tabs-tab {
border-bottom: 5px solid #8bc53e;
border-right: 0;
}
#school-tabs .ui-tabs-tab.ui-tabs-active {
border-bottom: 5px solid #8bc53e;
}
}
@media ( min-width: 1024px ) {
.elementary .content-wrappers:before {
display: block;
}
}
/* Elementary Form Page */
.elementaryreservationform h1 {
font-size: 41px;
}
.visual-form-builder fieldset {
border-radius: 10px;
margin: 15px 0 24px;
}
.elementaryreservationform .visual-form-builder ul li {
position: relative;
}
.elementaryreservationform .vfb-submit, input[type="submit"].vfb-submit {
background: #0062b0;
border: 3px solid #5f9ed0;
color: #fff;
font-family: "Fredoka One", Arial, Helvetica, sans-serif;
padding: 5px 33px;
border-radius: 25px;
text-decoration: none;
text-transform: capitalize;
display: inline-block;
font-size: 16px;
}
form.visual-form-builder select#vfb-770,
form.visual-form-builder select#vfb-791,
form.visual-form-builder select#vfb-790 {
width: 100%;
max-width: 60px;
position: relative;
}
label[for="vfb-480-first"],
label[for="vfb-480-last"] {
margin-bottom: 0 !important;
}
.elementaryreservationform .main-container > .wrapper {
position: relative;
}
.elementaryreservationform .content-wrappers:before {
display: none;
content: "";
position: absolute;
top: 0;
left: -37px;
width: 112px;
height: 144px;
background: url(/wp-content/themes/sffe/images/bg_frog-hand.png) no-repeat 0 0;
z-index: 10002;
}
.visual-form-builder .verification li span label {
margin-top: 12px
}
.elementaryreservationform .visual-form-builder ul li.vfb-item-secret {
padding-bottom: 0 !important;
}
.elementaryreservationform #item-vfb-478 {
width: 100%;
max-width: 50px;
}
form.visual-form-builder li#item-vfb-770::after,
form.visual-form-builder li#item-vfb-791::after,
form.visual-form-builder li#item-vfb-790::after {
visibility: inherit;
position: absolute;
left: 85px;
bottom: 20px;
font-size: 16px;
display: table;
}
form.visual-form-builder li#item-vfb-770::after {
content: "Virtual Learning: Pre-recorded";
}
form.visual-form-builder li#item-vfb-791::after {
content: "Virtual Learning: Live";
}
form.visual-form-builder li#item-vfb-790::after {
content: "In-Person Learning";
}
.visual-form-builder input.digits {
width: 100%;
max-width: 355px;
}
.visual-form-builder li div label,
.visual-form-builder li span label {
margin: 0 0 12px;
}
.visual-form-builder .vfb-item-instructions {
font-size: 16px;
color: #737070;
}
.visual-form-builder .vfb-legend h3 {
font-size: 28px;
}
.visual-form-builder .vfb-legend {
border-bottom: 1px solid #FF6E2E;
}
.visual-form-builder label, label.vfb-desc {
color: #737070;
font-size: 16px;
}
.visual-form-builder label.vfb-choice,
.visual-form-builder li span label {
font-size: 16px;
}
.elementaryreservationform select.vfb-select {
font-size: 16px;
}
.elementaryreservationform .vfb-item-textarea label {
margin: 16px 0 20px 0;
padding: 0 0 16px 0;
border-bottom: 1px solid #FF6E2E;
color: #5e5599;
font-family: "Averia Sans Libre", Arial, Helvetica, sans-serif;
font-size: 28px;
}
.elementaryreservationform input.vfb-text, input[type="text"].vfb-text,
.elementaryreservationform input[type="tel"].vfb-text,
.elementaryreservationform input[type="email"].vfb-text,
.elementaryreservationform input[type="url"].vfb-text,
.elementaryreservationform textarea.vfb-textarea,
.elementaryreservationform select.vfb-select {
background: #D8D8D8;
color: #737070;
border: none;
border-style: none;
box-shadow: none;
border-radius: 0;
height: 34px;
padding: 3px 3px;
font-size: 16px;
}
.vfb-item-instructions .vfb-desc small {
font-weight: 400;
font-size: 16px;
}
.elementaryreservationform span.vfb-full input,
.elementaryreservationform span.vfb-full input[type="text"].vfb-medium {
margin: 0 0 5px 0;
}
.visual-form-builder label .vfb-required-asterisk {
color: #FF6E2E;
}
.elementaryreservationform span.vfb-name-normal,
.elementaryreservationform span.vfb-name-extras {
margin-right: 23px;
}
.elementaryreservationform textarea.vfb-textarea {
min-height: 165px;
height: inherit;
}
@media ( max-width: 640px ) {
.elementaryreservationform h1 {
font-size: 32px;
}
form.visual-form-builder li#item-vfb-770::after {
content: "Pre-recorded";
}
.visual-form-builder .vfb-legend h3,
.elementaryreservationform .vfb-item-textarea label {
font-size: 24px;
line-height: 27px;
}
form.visual-form-builder li#item-vfb-791::after {
content: "Live";
}
form.visual-form-builder li#item-vfb-790::after {
content: "In-Person";
}
span.vfb-name-normal, span.vfb-name-extras {
float: none;
margin-right: 0;
}
.visual-form-builder li.vfb-left-half,
.visual-form-builder li.vfb-right-half {
width: 100% !important;
}
.visual-form-builder li.vfb-left-half,
.visual-form-builder li.vfb-left-third,
.visual-form-builder li.vfb-left-two-thirds {
float: none;
clear: inherit;
}
.visual-form-builder li.vfb-right-half,
.visual-form-builder li.vfb-right-third,
.visual-form-builder li.vfb-right-two-thirds {
float: none;
clear: none;
}
input.vfb-medium, input[type="text"].vfb-medium,
input[type="tel"].vfb-medium,
input[type="email"].vfb-medium,
input[type="url"].vfb-medium,
select.vfb-medium {
width: 100%;
}
}
@media ( min-width: 1024px ) {
.elementaryreservationform .content-wrappers:before {
display: block;
}
}