/*
Theme name: Schoolhouse Montessori
Description: Custom Theme
Version: 1.0
*/

/******* Schoolhouse Montessori WordPress CSS *******/

/* Common elements styling */
img.centered { display: block; margin-left: auto; margin-right: auto; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Schoolhouse Montessori WordPress CSS *******/

/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #56004e url(images/temp/body.jpg) repeat-x top center; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.header-body:after,
.footer-body:after,
.main:after,
.section-head:after,
.post:after,
.tabs-nav ul:after,
.gform_fields:after,
.gfield:after,
.post-body:after,
.clearfix:after { display: table; content: ' '; clear: both; }


/* ------------------------------------------------------------ *\
	Main Styles
\* ------------------------------------------------------------ */

.shell { max-width: 960px; margin: 0 auto; }

.wrapper { background:  url(images/temp/wrapper-bg.jpg) repeat-x 0 0; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.logo { display: inline-block; }

.header { text-align: center; }
.header-body { text-align: left; }
.header-body-inner { float: right; }

.page-search,
.select-language { display: inline-block; vertical-align: middle; }

.page-search { width: 152px; height: 31px;   background-color: rgba(215, 211, 202, 0.5);  padding-top: 6px; padding-left: 5px; border-radius: 0 0 4px 4px; }
.page-search input { -webkit-appearance:none; }
.page-search ::-webkit-search-cancel-button { display: none; }
.search-btn { width: 28px; height: 26px; background:  url(images/submit-button.png) no-repeat center center;  float: left; display: inline-block; border: none; cursor: pointer; font-size: 0; line-height: 0; text-indent: -4004px; border-radius: 0; }
.search-field { display: inline-block; background: #fff; border: 0;  color: #ada99f; width: 119px; padding: 6px 0; border-radius: 0;}

/*  Nav  */

.nav { float: left;   font-family: Georgia, 'Times New Roman', sans-serif; font-size: 15px; margin-top: 7px; }
.nav ul { list-style-type: none; }
.nav > ul > li { display: inline-block; position: relative; }
.nav > ul > li > a { color: #56004e; display: inline-block; padding: 5px 10px; }
.nav > ul > li >  a:hover,
.nav > ul > li > .hover,
.nav > ul > .current-menu-item  > a { background: #dcd6a7;  border-radius: 5px; }

.wide-dropdown .sub-menu { width: 280px; }

.nav .sub-menu { background: #dcd6a7; position: absolute; border-radius: 0 5px 5px 5px; font-family: Arial, Helvetica, 'Trebuchet MS', Sans-serif; width: 180px; padding: 10px 0; z-index: 100; display: none; }
.nav .sub-menu a { font-size: 13px; color: #56004e; font-weight: bold; display: block; padding: 5px 10px; box-sizing:border-box;}
.nav .sub-menu a:hover { background: #e3deb9; }

/*  Burger-button  */

.link-menu { display: none;  padding: 7px 0; }
.link-menu span { position: relative; display:block; width: 40px; border-top: 3px solid #00853e; background-color: transparent; }
    
.link-menu span:before,
.link-menu span:after { position: absolute; width: 40px; height: 3px; background: #00853e; content: ''; }

.link-menu span:before { top: -10px; left: 0; }
.link-menu span:after { top: 4px; left: 0; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { background: #fff; padding: 7px 0 20px; }

.cols { padding: 17px 25px 0; box-sizing:border-box; }
.col-1of3 { min-height: 302px; width: 29%; float: left; padding-right: 23px; margin-right: 25px; padding-bottom: 20px; background:  url(images/col-sep.png) no-repeat right 0; }
.col-1of3:last-child { padding-right: 0; margin-right: 0; background: none; background-size: contain; }

.col-1of3 .article p { font-size: 12px; line-height: 18px; padding-bottom: 14px; }

/*  Siderbar  */
.sidebar { background: #e6dfae; margin-left: -18px; width: 25.4%; float: left; padding: 19px 25px; box-sizing:border-box; border-radius: 0 5px  5px 0; position: relative; }
.sidebar:after { content: ''; position: absolute; bottom: -19px; left: -1px; background:  url(images/sidebar-after.png) no-repeat 0 0; width:  19px; height:  19px; background-size: cover; }

.widgets,
.widgets ul { list-style: none outside none; }

.widget a { color: #56004e; }
.widget + .widget { margin-top: 25px; }
.widget ul { list-style-type: none; }

.widget .btn { font-size: 17px; color: #fff; }
.widget_button { text-align: center; }

.widget_categories a:hover,
.widget_nav_menu a:hover { text-decoration: underline; }
.widget_categories > ul > li,
.widget_nav_menu > ul > li { padding: 7px 0 7px 5px;  border-bottom: 2px dashed #c9c499; }
.widget_nav_menu > ul > .current_page_parent,
.widget_nav_menu > ul > .current_page_item { background: #eae5bd; }
.widget_nav_menu > ul > li > a { font-size: 14px; }

.widget .children { padding: 5px 0 5px 23px; }
.widget .children .current_page_item a { color: #9a008c; position: relative; }
.widget .children .current_page_item a:before { content: ''; background:  url(images/active-arrow.png) no-repeat 0 0; position: absolute; left: -8px; top: 4px; width: 6px; height: 6px; }
.widget .children a { font-size: 13px; }

.page-title { margin-bottom: 10px; }
.page-title a { color: #56004e; }


/*  Content  */

.content { float: right; width: 65.6%; padding-right: 43px; padding-bottom: 19px; }

.breadcrumbs { margin-bottom: 6px; }
.breadcrumbs a { color: #00853e; }
.breadcrumbs a:last-child { font-weight: bold; }

/* ------------------------------------------------------------ *\
	Post
\* ------------------------------------------------------------ */

.post-title { font-size: 16px; font-weight: normal; padding: 9px 0; border-bottom: 2px solid #56004e; margin-bottom: 15px; text-transform: capitalize; }
.subtitle { font-size: 14px;  margin-bottom: 15px; }
.subtitle span { color: #000; font-size: 12px; text-decoration: underline; }

h1 { font-size: 20px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4  { font-size: 13px; line-height: 18px; margin-bottom: 11px; }
h5 { font-size: 12px; }

h1,
h2,
h3,
h4,
h5,
h6 { color: #56004e; } 

.post h4 a { color: #56004e; text-decoration: none; display: inline-block;   }
.post span > a,
.post h5 > a { color: #0252aa; text-decoration: none; }
.post span > a:hover,
.post h5 > a:hover { text-decoration: underline; }
.post p { line-height: 20px; padding-bottom: 16px; }
.post a { color: #00853e!important; text-decoration: underline!important; font-size: 12px; }
.post a:hover { text-decoration: none; }
.post img { margin: 5px; max-width: 100%; height: auto; }
.post ol,
.post ul { padding: 0 0 15px 15px; line-height: 18px; }
.post ol ol,
.post ul ol,
.post ol ul,
.post ul ul { padding-bottom: 0; }
.post hr { display: block; width: 100%; height: 2px; border-width: 0; margin: 18px 0 15px; background: #56004e; clear: both; }

/*  Posts-section  */
.posts .post p { line-height: 1.3; }
.posts-section .post { margin-top: 20px; }
.posts-section .post-content p { padding-bottom: 0; }
.posts-section .post-content h4:first-child  { margin-bottom: 0; }
.posts-section .post-content h4:nth-child(2) { max-width: 200px; }
.post-media { width: 55%; float: left; position: relative; padding: 3px; box-sizing:border-box; box-shadow: 0px 0px 5px #ccc; }
.post-content { overflow: hidden; padding-left: 10px; }
.post-content ul { list-style-type: none; padding-left: 15px; }
.post-content a { display: block; line-height: 18px; }

/*  Post-single  */
.post-single { margin-bottom: 40px; }
.post-single h2 > a { color: #0252aa; text-decoration: none; font-size: 15px; }
.post-single h2 > a:hover { text-decoration: underline; }
.post-single p { padding-bottom: 16px; } 
.post-single a { color: #00853e; text-decoration: underline; font-size: 12px; } 
.post-single a:hover { text-decoration: none; }

.post-single ol,
.post-single ul { padding: 0 0 15px 15px; line-height: 18px; }

.post-single ol li + li,
.post-single ul li + li { margin-top: 5px; }

/*  Post-sitemap  */
.post-sitemap a { color: #0252aa; text-decoration: none; }
.post-sitemap a:hover { text-decoration: underline; }
.post-sitemap ul { list-style-type: disc;}
.post-sitemap ul > li > ul { list-style-type: circle; padding-bottom: 0; }
.post-sitemap ul > li > ul > li > ul { list-style-type: square; padding-bottom: 0; }

/*  Pagination  */

.pagination { text-align: center; position: relative; margin-top: 35px; }
.pagination a { color: #0252aa; margin: 0 4px; }

.pages { position: absolute; top: -30px; left: 50%; margin-left: -31px; }

/*  Slider-location  */
.slider-location { width: 100%; }
.slider-location .slides { padding: 0; }
.slider-location .flex-direction-nav a { background: #01823d  url(images/arrows.png) no-repeat center center; opacity: 1; font-size: 0; line-height: 0; text-indent: -4004px; width: 28px; height: 23px; margin: 0; padding: 15px 8px; opacity: 0.5; border-radius: 0 5px 5px 0; margin-top: -22px; }
.slider-location .flex-direction-nav a:hover { opacity: 1; }
.slider-location .flex-direction-nav a:before { display: none; }
.slider-location .flex-direction-nav .flex-prev { left: 3px; top: 50%; }
.slider-location .flex-direction-nav .flex-next { right: 3px; top: 50%; 
	-ms-transform: rotate(180deg); /* IE 9 */
	    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	    transform: rotate(180deg);
}
.slider-location img { width: 352px; height: 185px; margin: 0; }

/* ------------------------------------------------------------ *\
	# Reset GForm
\* ------------------------------------------------------------ */
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper form .top_label .gfield_error .ginput_container,
.gform_wrapper form li.gfield_html,
div.gform_wrapper { max-width: 100%; }

.gform_wrapper form .gform_footer { padding: 0; margin: 0; clear: none; }

div.gform_wrapper,
.gform_wrapper form .top_label .gfield_label { margin: 0; }

.gform_wrapper form .ginput_complex .ginput_right select,
.gform_wrapper form .ginput_complex select,
.gform_wrapper form .ginput_complex .ginput_full input[type=text] { width: 100% !important; }

div.gform_wrapper .ginput_complex .ginput_right { margin-left: 3%; }

.gform_wrapper form .ginput_complex input[type=text],
.gform_wrapper form .top_label .gfield_error input.large,
.gform_wrapper form .top_label .gfield_error select.large,
.gform_wrapper form .top_label .gfield_error textarea.textarea,
.gform_wrapper form .gform_heading,
.gform_wrapper form .top_label .gfield_error,
.gform_wrapper form .top_label input.large,
.gform_wrapper form .top_label select.large,
.gform_wrapper form .top_label textarea.textarea { width: 100%; }

.gform_wrapper form .gform_fields .gfield input,
.gform_wrapper form .gform_fields .gfield textarea,
.gform_wrapper form .gform_fields .gfield select {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	box-sizing: border-box; 
}

.gform_wrapper.gf_browser_chrome form .ginput_complex .ginput_right select,
.gform_wrapper.gf_browser_chrome form .ginput_complex select,
.gform_wrapper form .gform_heading,
.gform_wrapper form div.validation_error { margin-bottom: 0; }
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required { padding-left: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }

.gform_wrapper form li.gfield.gfield_error,
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { border-width: 0; padding: 0 !important; margin-bottom: 0 !important; background: transparent; }
html body .gform_wrapper label.gfield_label + div.ginput_container,
.gform_wrapper form .gfield_html.gfield_no_follows_desc,
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper form .ginput_container + .gfield_description.validation_message { margin-top: 0; }
.gform_wrapper form .top_label .gfield_description.validation_message,
.gform_wrapper form .gfield_description.validation_message { padding: 0 !important; }

.gform_wrapper.gf_browser_chrome form ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,
.gform_wrapper.gf_browser_chrome form ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
.gform_wrapper.gf_browser_chrome form ul.gform_fields li.gfield input[type=radio],
.gform_wrapper.gf_browser_chrome form ul.gform_fields li.gfield select,
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.gform_wrapper.gf_browser_gecko form ul.gform_fields li.gfield select,
.gform_wrapper.gf_browser_chrome form ul.gform_fields li.gfield select { margin-left: 0; }

/* ------------------------------------------------------------ *\
	Gravity-forms
\* ------------------------------------------------------------ */
/*  Contact-form  */
.contact-form { width: 64%; }

.form_schedule_wrapper ul,
.contact-form ul { padding: 0; list-style-type: none; }

.form_schedule_wrapper { position: relative; top: -2px; }

div.form_contact_wrapper { max-width: 64%; width: auto; }

label { color: #56004E; font-weight: bold; }
.gfield_required,
.gform_title { display: none; }

.gform_wrapper form ul li div select,
.form_contact_wrapper form ul li input,
.form_contact_wrapper form ul li select,
.contact-form select,
.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"] { height: 21px; width: 100%; box-sizing:border-box; border: 1px solid #c8c8c8; padding-left: 5px; }

.form_contact_wrapper form ul li textarea,
.contact-form textarea { width: 100%; box-sizing:border-box; border: 1px solid #c8c8c8; padding-left: 5px; padding-top: 3px; }

.contact-form .gfield_required,
.form_contact_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio],
.contact-form .gfield_radio input { width: auto; height: auto; }

div.form_contact_wrapper.gform_wrapper form ul li .gfield_radio li input[type=radio] { margin-top: 0; }
.form_contact_wrapper form .gfield_checkbox li label,
.form_contact_wrapper form .gfield_radio li label { margin-left: 0; }

.form_contact_wrapper form ul > li,
.contact-form .gfield { margin-bottom: 20px; }

.form_contact_wrapper form ul li.field-size-1,
.contact-form .field-size-1 { width: 154px; display: inline-block; }

.form_contact_wrapper form ul li.field-size-1 ~ .field-size-1,
.contact-form .field-size-1 ~ .field-size-1 { float: right; }

.form_contact_wrapper.gform_wrapper form ul li textarea,
.form_contact_wrapper.gform_wrapper form ul li select,
.form_contact_wrapper.gform_wrapper form ul li input[type="text"],
.form_contact_wrapper.gform_wrapper form ul li input[type="email"] { height: auto; padding: 3px 3px 2px; }


/*  schedule-form  */
.form_schedule_wrapper { width: 65.742%; }
.form_schedule_wrapper .gfield_html { padding-bottom: 2px; }
.form_schedule_wrapper label { font-size: 14px; }

.form_schedule_wrapper form .top_label .gfield_label { margin-bottom: 4px; }
.form_schedule_wrapper form .top_label .gfield-checkbox .gfield_label { margin-bottom: 0; }
.form_schedule_wrapper form .gfield_checkbox { margin-left: 7px; }

.gform_wrapper select,
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.form_schedule_wrapper select,
.form_schedule_wrapper input[type="email"],
.form_schedule_wrapper input[type="text"] {  border: 1px solid #cccccc; background-color: #ffffff; height: 31px; }

.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.form_schedule_wrapper textarea,
.form_schedule_wrapper select,
.form_schedule_wrapper input[type="email"],
.form_schedule_wrapper input[type="text"]  { width: 100%; box-sizing:border-box;  border: 1px solid #cccccc; }

.gform_wrapper form ul li textarea,
.gform_wrapper form ul li select,
.gform_wrapper form ul li input[type="text"],
.gform_wrapper form ul li input[type="email"],
.form_schedule_wrapper form ul li textarea,
.form_schedule_wrapper form ul li select,
.form_schedule_wrapper form ul li input[type="email"],
.form_schedule_wrapper form ul li input[type="text"] { padding: 4px 6px 5px; box-sizing: border-box; color: #555; }

.form_schedule_wrapper form ul li textarea,
.form_schedule_wrapper form ul li select,
.form_schedule_wrapper form ul li input[type="email"],
.form_schedule_wrapper form ul li input[type="text"] { border-radius: 4px; }
.form_schedule_wrapper form ul li div select { height: 30px; }

.form_schedule_wrapper .gfield { margin-bottom: 34px; display: block; }
.form_schedule_wrapper .gfield.gfield-checkbox { margin-bottom: 29px; }
.form_schedule_wrapper .gfield_label { margin-bottom: 5px; display: block; }

.form_schedule_wrapper .gfield_html { font-size: 14px; color: #56004E; font-weight: bold; margin-bottom: 0; }

.form_schedule_wrapper.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.form_schedule_wrapper.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
div.form_schedule_wrapper.gform_wrapper form ul.gform_fields li.gfield.gfield_checkbox li input { margin: 0 7px 0 0; }
.form_schedule_wrapper.gform_wrapper form .gfield_checkbox li label { margin-left: 0; line-height: 1.29; }
.form_schedule_wrapper.gform_wrapper .gfield_checkbox li { margin-bottom: 2px; }

.form_schedule_wrapper.gform_wrapper ul.gfield_checkbox,
.form_schedule_wrapper.gform_wrapper ul.gfield_radio { padding-left: 7px; }

.form_schedule_wrapper .field-size-2 { width: 50%; display: inline-block; }

.form_schedule_wrapper .field-size-1 { width: 42.755%; display: inline-block; }
.form_schedule_wrapper .field-size-1:nth-child(odd) { float: right; clear:none }
.form_schedule_wrapper .field-size-1:nth-child(even) { float: left; clear: none }

.form_schedule_wrapper form ul li.gfield.child-name,
.form_schedule_wrapper form ul li.gfield.child-birthday { display: none; clear: none; }

.button { width: auto; height: auto; padding: 5px 20px;  font-size: 14px; }

/* form application */
div.form_application_wrapper { max-width: 400px; }
.form_application_wrapper ul li { margin-bottom: 15px; }
div.gform_wrapper form ul li div select { height: 30px; }

/*  Login-form  */

.note-errors,
.staff-login .errors { color: #bd0000; }
.staff-login .form-row { margin-bottom: 10px; }
.staff-login .form-actions { margin-top: 10px; }
.staff-login input { height: auto; }
.staff-login label { width: 100px; }
.staff-login input[type='text'],
.staff-login input[type='password'] { padding: 1px; border: 1px solid #a9a9a9; background: #fff; }

.staff-login label,
.staff-login input,
.staff-login .form-controls { display: inline-block;  vertical-align: middle; }

.staff-login p { padding-bottom: 7px; }
.staff-login ul { list-style-type: disc; margin-top: 10px; }
.staff-login a { color: #0252aa; }

.note-errors { margin-top: 10px; }

.form-success .note-errors { color: #038c0f; }

/*  Registration  */

.registration .form-row { margin-bottom: 5px; }
.registration a { color: #0252aa; text-decoration: none; }
.registration a:hover { text-decoration: underline; }

.registerform p { padding-bottom: 5px; }
.registerform .button { padding: 5px; }

/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */
/*  Video-tabs  */
.video-tabs ul { list-style-type: none; }
.video-tabs img { margin: 0; }
.video-tabs a { color: #56004e; text-decoration: none; text-align: center; font-weight: bold; }
.video-tabs a:hover { color: #000; }

.video-tabs .tabs-body { margin-bottom: 15px; }

.video-tabs .tabs-nav ul { padding: 0; }
.video-tabs .tabs-nav li { width: 32%; float: left; margin-right: 12px; margin-bottom: 10px; }
.video-tabs .tabs-nav li:nth-child(3n+3) { margin-right: 0; }
.video-tabs .tabs-nav li a { display: block; }
.video-tabs .tabs-nav li a span { padding: 10px; box-sizing:border-box; display: block; }

/*  Tuition-tabs  */

.school-tabs .btn { color: #fff!important; text-decoration: none!important; background: #555555; font-size: 17px;   border: 1px solid #555555; }
.school-tabs .btn:hover { text-decoration: underline; }
.school-tabs .current .btn { background: #06763a; border: 1px solid #06763a; }
.school-tabs .tabs-nav ul { padding-left: 0; }
.school-tabs .tabs-head { border-bottom: 1px solid; margin-bottom: 15px; }
.school-tabs .tabs-nav li { display: inline-block; width: 28%; text-align: center; }
.school-tabs .tabs-nav li + li { margin-left: 47px; }
.school-tabs .tabs-nav li .btn { width: 100%; box-sizing:border-box; }

.payment-tabs { display: none; }
.payment-tabs ul { list-style-type: disc; }
.payment-tabs .tabs-body .btn { background: #06763a; border: 1px solid #06763a; width: 28%; box-sizing:border-box; text-align: center; margin-top: 20px; }
.payment-tabs .tabs-body input { width: 100px; height: 25px; font-size: 20px; }

/* ------------------------------------------------------------ *\
	Gallery
\* ------------------------------------------------------------ */

ul.gallery-items { padding: 0; list-style-type: none; }
.gallery-item  { width: 23%; float: left; text-align: center; margin: 0 0 10px 97px; }
.gallery-item:nth-child(3n+1) { clear: left; margin-left: 0; }
.gallery-item  > .thumb { text-align: center; box-shadow: 0px 0px 5px #ccc; display: inline-block; padding: 3px 3px 17px 3px; text-align: left; margin-bottom: 10px; font-weight: normal; }
.gallery-item a { display: block; position: relative; font-weight: bold; }
.gallery-item span { position: absolute;  bottom: 0; color: #000; }
.gallery-item span:before { content: ''; background:  url(images/temp/counter-bg.png) no-repeat 0 0; width:  34px; height:  34px;  display: inline-block; }
.gallery-item img  { margin: 0; }

.popup-gallery { display: none; }


/* ------------------------------------------------------------ *\
	Sections
\* ------------------------------------------------------------ */

.section-head { margin-bottom: 17px; }
.section-head h3 { display: inline-block; float: left; }
.section-head  .link-more { float: right; }

/*  section-media  */
.section-media p { font-size: 11px; padding-top: 8px; line-height: 18px; padding-bottom: 14px; }

.video-holder { margin-bottom: 14px;  position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;}
.video-holder iframe { position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

/*  Section-news  */

.section-news p { font-size: 11px; line-height: 15px; color: #939598; padding-top: 3px; }

.news-items { list-style-type: none; }
.news-items li { min-height: 33px; padding: 0 0 7px 30px; margin-bottom: 7px; border-bottom: 1px solid #bcbec0; }
.news-items li:last-child  { border: none; }
.news-items a { color: #0252aa; }
.news-items p a { color: #939598; }

.canton { background:  url(images/temp/purple-ribon.png) no-repeat 0 0; }
.troy { background:  url(images/temp/green-ribon.png) no-repeat 0 0; }
.general { background:  url(images/temp/blue-ribon.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { margin: 0 -20px 0px ; position: relative; }
.intro > img { width: 100%; height: auto; }
.intro:before { content: ''; background:  url(images/intro-border-redone.png) no-repeat center center; background-size: cover; width:  100%; height:  32px;  position: absolute; top: 0; left: 0; z-index: 50; }
.intro:after { content: ''; background:  url(images/intro-border-redo.png) no-repeat center center; width: 100%; height: 22px; position: absolute; bottom: 0; left: 0; background-size: cover; z-index: 50; }
.intro .shell { position: relative; max-width: 980px; }
.intro-media { height: 228px; }

/*
	Web Hugs Camera
*/

table.camera_table {
	width: 100%;
	max-width: 100%;
}
table.camera_table img {
	padding:0;
	margin:0;
}


/*  Slider-home  */
.slider-home .flex-viewport { height: 307px; position: relative; }

.slider-home .flex-viewport .slides,
.slider-home .flex-viewport .slide { height: 100% !important; }
.slider-home .flex-viewport .slide { position: relative; }

.slider-home .slide-content { width: 360px;  font-family: Georgia, 'Times New Roman', Serif; position: absolute;   top: 50%; margin-top: -87px; left: 92px; z-index: 30; visibility: hidden; opacity: 0; }
.slider-home .flex-active-slide .slide-content { visibility: visible; opacity: 1; }
.slider-home .slide-content h2 { font-size: 44px; text-shadow: 0 0 5px #000;   font-weight: normal; font-style: italic; color: #fff;  line-height: 50px; }
.slider-home .slide-content .btn { margin-top: 30px; }


.slider-home .flex-direction-nav a { opacity: 1; background: #01813d url(images/arrows.png) no-repeat center center; width:  28px; height:  23px; font-size: 0; line-height: 0; text-indent: -4004px; padding: 12px 9px; border-radius: 0 5px 5px 0; overflow: visible; }
.slider-home .flex-direction-nav a:after  { content: ''; background:  url(images/slider-arrows_after.png) no-repeat 0 0; width:  8px; height:  6px;  position: absolute; }
.slider-home .flex-direction-nav a:before { display: none; }
.slider-home .flex-direction-nav .flex-prev { left: -7px; }
.slider-home .flex-direction-nav .flex-prev:after { bottom: -6px; left: 0; }
.slider-home .flex-direction-nav .flex-next  { right: -7px; 
-ms-transform: rotate(180deg); /* IE 9 */
   -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
   transform: rotate(180deg);
}
.slider-home .flex-direction-nav .flex-next:after  { top: -6px; left: 0; 
-ms-transform: rotate(90deg); /* IE 9 */
   -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
   transform: rotate(90deg);
}

.flex-control-nav { display: none; }

/* ------------------------------------------------------------ *\
	Buttons and Links
\* ------------------------------------------------------------ */
 
 .btn { font-size: 22px; color: #fff; border: 1px solid #00853e; border-radius: 5px;  font-family: Georgia, 'Times New Roman', Serif; padding: 7px 17px; display: inline-block; 
 -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);

background: #00833d;
background: -moz-linear-gradient(top,  #00833d 0%, #02813e 21%, #067339 56%, #0b6937 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00833d), color-stop(21%,#02813e), color-stop(56%,#067339), color-stop(100%,#0b6937));
background: -webkit-linear-gradient(top,  #00833d 0%,#02813e 21%,#067339 56%,#0b6937 100%);
background: -o-linear-gradient(top,  #00833d 0%,#02813e 21%,#067339 56%,#0b6937 100%);
background: -ms-linear-gradient(top,  #00833d 0%,#02813e 21%,#067339 56%,#0b6937 100%);
background: linear-gradient(to bottom,  #00833d 0%,#02813e 21%,#067339 56%,#0b6937 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00833d', endColorstr='#0b6937',GradientType=0 );
}

.btn:hover { text-decoration: underline; } 

.post-body a.btn { color: #fff; text-decoration: none; margin-top: 10px; }
.post-body a.btn:hover { text-decoration: underline; } 

.link-more { color: #6d6e71; font-size: 11px; margin-top: 5px; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { padding-bottom: 30px; }
.footer-body { background:  url(images/footer-body-border.png) repeat-x 0 bottom; padding: 15px 0; margin-bottom: 20px; }

.footer-contacts { color: #fff; text-align: center; font-size: 11px; }
.footer-contacts p { line-height: 18px; }
.footer-contacts a { color: #fff; }

.footer-nav { float: left; padding-top: 8px; }
.footer-nav li + li { margin-left: 20px; }
.footer-nav a { color: #fff; }
.footer a:hover { text-decoration: underline;   }

.socials ul,
.footer-nav ul { list-style-type: none; }

.footer-nav li,
.socials li { display: inline-block; }

.socials { float: right; }


/* ------------------------------------------------------------ *\
	Transitions & Animations
\* ------------------------------------------------------------ */

.slide-content {
	-webkit-transition: opacity 3s ease-in-out, visibility 3s ease-in-out; 
	     -o-transition: opacity 3s ease-in-out, visibility 3s ease-in-out; 
	        transition: opacity 3s ease-in-out, visibility 3s ease-in-out; 
}

.nav{
	-webkit-transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	     -o-transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	        transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; 
}

.link-menu.shown span { border-color: #fff; }
.link-menu.shown span:before,
.link-menu.shown span:after { background: #fff; }

/* ------------------------------------------------------------ *\
	Responsive iFrames and Videos
\* ------------------------------------------------------------ */
.responsive_iframe, #featuredvid        {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.responsive_iframe iframe, #featuredvid a {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%!important;}



/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media only screen and (max-width: 1024px ){
	
	.nav { visibility: hidden; opacity: 0; position: absolute; z-index: 400; background: #000; width: 50%; text-align: left; top: 0; margin-top: 0; left: -200px; padding-top: 40px; padding-left: 5%; width: 75%; }
	.nav > ul > li { display: block; }
	.nav > ul > li + li { margin-top: 10px; }
	.nav > ul > li > a:hover,
	.nav > ul > .current-menu-item  > a { background: none; text-decoration: underline; }
	.nav > ul > li > a { color: #fff; }
	.nav .sub-menu { width: 100%; background: transparent; display: block; position: initial;}
	.nav .sub-menu a { color: #80B661; font-size: 12px; }
	.active .sub-menu { position: static; display: block; }


	.link-menu { display: inline-block; margin-top: 5px; position: relative; z-index: 500;}

	.shown .nav { visibility: visible; opacity: 1; left: 0; }

}

@media only screen and ( max-width: 1010px ){
	
	.footer .shell { padding: 0 10px; }

	.link-menu { margin-top: 10px; margin-left: 10px; }

	.intro { margin: 0; }
	.intro:before { display: none; }
	.intro:after { display: none; }

	.sidebar { margin-left: 0px;  padding: 19px 10px 0; }
	.sidebar:after { display: none; }

	.gallery-item + .gallery-item  { margin-left: 72px; }
	.gallery-item:last-child { margin-left: 0; }

	.form_schedule_wrapper { width: 100%; box-sizing:border-box;}

	.video-tabs .tabs-nav li { width: 31%; margin-right: 16px; }

	.school-tabs .tabs-nav li + li { margin-left: 35px; }
	.school-tabs .btn { font-size: 14px; }

	.col-1of3 { margin-right: 17px; }
}

@media only screen and ( max-width: 767px ){
	
	.header { margin-bottom: 10px; }
	.header-body-inner { text-align: right; }

	.logo img { width: 165px; height: 38px; }

	.page-search { width: 153px; height: 27px; padding-left: 1px; padding-top: 1px; }
	.search-field { width: 125px; padding: 5px 0; }
	.search-btn { height: 25px; }
	.page-search,
	.select-language { display: block; }
	
	.content,
	.sidebar { float: none; width: 100%; }
	.content { padding: 0 10px; box-sizing:border-box;}
	.sidebar  { padding: 20px; margin-top: 20px; }

	.main { padding: 10px 0;}

	.contact-form { width: 100%; box-sizing:border-box;}

	.footer-body { text-align: center; }
	.footer-nav { margin-bottom: 10px; }
	.footer-nav li + li { margin-left: 5px; margin-top: 10px; }
	.footer-nav,
	.socials { float: none; }
	
	.slider-location .flex-direction-nav .flex-prev { left: 0; }


	form#cameraselect {  float: none!important;  margin-bottom: 10px;  }

	.post-media { margin-bottom: 10px; }
	.post-media img { width: 100%; height: auto; }
	.post-media,
	.post-content { width: 100%;  display: block;  box-sizing:border-box; padding-left: 0; }

	.gallery-item { width: 100%; display: block; margin-left: 0; }
	.gallery-item + .gallery-item { margin-left: 0; }
	
	.reset input[type="text"],
	.remind input[type="text"],
	.registration input[type="text"] { width: 100%; box-sizing:border-box; margin: 5px 0; }

	.video-tabs .tabs-nav  { text-align: center; }
	.video-tabs .tabs-nav li { width: 45%; float: none; display: inline-block;  margin-right: 0; vertical-align: top; } 
	.video-tabs .tabs-nav li:nth-child(3n+3) { margin-right: 0px; }
	
	.school-tabs .tabs-nav li + li { margin-left: 18px; }
	.school-tabs .btn { font-size: 14px; padding: 7px 0; }
	
	.cols { padding: 17px 10px 0; }
	.col-1of3 { float: none; width: 100%; box-sizing:border-box; margin-right: 0; background: none; padding-right: 0; }

	.slider-home .flex-direction-nav .flex-prev { left: 0; }
	.slider-home .flex-direction-nav .flex-next { right: 0; }
	.slider-home .flex-direction-nav .flex-next:after,
	.slider-home .flex-direction-nav .flex-prev:after  { display: none; }
	.slider-home .flex-direction-nav a { width: 23px; height: 18px; background-size: contain; padding: 5px; }

	.slider-home .flex-viewport { height: 200px; }
	.slider-home .slide-content { text-align: center; left: 50%; margin-left: -180px; top: 50%; margin-top: -70px; }
	.slider-home .slide-content h2 { font-size: 22px; }
	.slider-home .slide-content .btn { margin-top: 0px; font-size: 12px; padding: 7px; }
}