@charset "UTF-8";
/* CSS Document */

/*
Theme Name:     JWS
Theme URI:      http://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme
Author:         Elegant Themes
Author URI:     http://www.elegantthemes.com
Template:       Divi
Version: 		 4.5.2
*/

/*-----------------------------------------*/
/*  			Typography 				   */
/*-----------------------------------------*/

h1, h2, h3, h4, h5, h6 { padding-bottom: 16px; }

h1 {

	font-family: boucherie-flared, sans-serif;
	font-size: 48px !important;
	font-style: normal;
	font-weight: 700;
}

h1.cursive{ font-family: boucherie-cursive, sans-serif; font-size: 64px !important; }

h2 {

	font-family: boucherie-flared, sans-serif;
	font-size: 36px !important;
	font-weight: 700;
}

h2.cursive{ font-family: boucherie-cursive, sans-serif; }

h3 {

	
	font-family: boucherie-sans, sans-serif;
	font-size: 28px !important;
	font-style:italic;
	font-weight: 400;
}

h4 {

	font-family: boucherie-flared, sans-serif;
	font-size: 26px !important;
	font-weight: 700;

}

h5 { 

	font-family: boucherie-sans, sans-serif;
	font-size: 24px !important;
	font-weight: 400;

}

h6 {

	font-family: boucherie-flared, sans-serif;
	font-size: 20px !important;
	font-weight: 700;

}


body, p {
	
	font-family: boucherie-flared, sans-serif;
	font-size: 1.35rem !important;
	line-height: 1.9rem !important;
}

#et-main-area .entry-content li {
	font-size: 1.35rem;
	line-height: 1.5em;
	margin-left: 6px;
}

/* Boucherie Cursive Alt Glyphs alt-letter */


.alt-a, .alt-b {

	-moz-font-feature-settings: "ss10";
	-webkit-font-feature-settings: "ss10";
	font-feature-settings: "ss10";
}

.alt-d, .alt-r {

	-moz-font-feature-settings: "ss02";
	-webkit-font-feature-settings: "ss02";
	font-feature-settings: "ss02";
}

.alt-g {

	-moz-font-feature-settings: "ss04";
	-webkit-font-feature-settings: "ss04";
	font-feature-settings: "ss04";
}

.alt-r, .reg-r { margin-left: -1px; }

.alt-m {

	-moz-font-feature-settings: "ss01";
	-webkit-font-feature-settings: "ss01";
	font-feature-settings: "ss01";
}


.alt-w {

	-moz-font-feature-settings: "ss09";
	-webkit-font-feature-settings: "ss09";
	font-feature-settings: "ss09";
}

.alt-y {

	-moz-font-feature-settings: "ss17";
	-webkit-font-feature-settings: "ss17";
	font-feature-settings: "ss17";
}

.regular { font-weight: 400; }
.bold { font-weight: 700; }
.bold-italic { font-style: italic; font-weight: 700; }
.italic {font-style: italic}
.no-italic {font-style: normal !important;}
.cursive {font-family: boucherie-cursive, sans-serif;}


.green { color: #21af79; }
.jws-black { color: #3e3e3f; }
.brown { color: #795649; }
.blue { color: #4c7edc; }

.purple { color: #906fcb; }
.red { color: #f16d6a; }
.orange { color: #ffc064; }
.yellow { color: #fff176; }
.dark-gray{ color: #8b8b8c; }
.gray{ color: #c5c5c5; }
.light-gray{ color: #ebebeb; }
.lighter-gray{ color: #f7f7f7; }


sup {

	bottom: 0.8em;
	font-size: 70%;
}

span.fraction sup {

	font-size: 70%;
	padding-left: 2px;
	position: relative;
	top: -8px;
}

span.fraction sub {

	padding-right: 1px;
	position: relative;
	font-size: 70%;
	left: -1px;
}

.no-padding {padding: 0 !important; }

.clear { clear: both; }

hr {

	border-collapse: collapse !important;
	border-spacing: 0;
	color: #f2f6f8;
	margin: 15px 0 20px;
}

.small {font-size: 88% !important;}


/*-----------------------------------------*/
/*------ Global Styles                -----*/
/*-----------------------------------------*/





/* correct header layout when admin bar is visible for logged in user */
.admin-bar #main-header { top: 69px !important; }


/* fix flutter between fixed and not-fixed header if insufficient page content*/
div#page-container { margin-top: 1px !important; }

/* prevent content from loading under header then jumping down*/





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

.home #page-container { padding-top: 240px !important; }

body:not(.home) #page-container { padding-top: 10px !important; }
	
}

/*#page-container { padding-top: 300px !important; }*/

@media only screen and (max-width: 980px) {

		.home #page-container { padding-top: 320px !important; }
}

/* non et_pb pages*/

#content-area { margin-bottom: 40px; }

.submit.et_pb_button {

	background: #21af79 none repeat scroll 0 0;
	border-color: #21af79;
	border-radius: 4px;
	color: #ffffff !important;
}


.learn_more { 

	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.learn_more:after { 

	content: "»";
	font-size: 17px;
	left: 3px;
	position: relative; 
}

.learn_link { 

	line-height: 1em;
	text-align: right;
}

.learn_more:hover { opacity: 0.8; }

.instruct {

	color: #999;
	font-size: 18px;
	font-weight: 300;		
}

/* Meta Slider */

.metaslider {

	padding-bottom: 20px;
	padding-top: 20px;
}


/* Yoast Breadcrumbs */

#breadcrumbs {

	color: #aaa ;
	font-size: 14px;
	font-weight: 400;
	margin: 0 auto;
	max-width: 1080px;
	position: relative;
	top: 40px;
	width: 80%;
	z-index: 1;
}

#breadcrumbs span a { 

	color: #aaa;
	font-weight: 400 !important;
	padding: 0 4px; 
}

#breadcrumbs span.breadcrumb_last { padding-left: 4px; }


.home #breadcrumbs { display: none; }	

/* "About", "Enrollment", "Program" and "Members" parent link breadcrumbs disabled via jquery - color changed via css*/

#breadcrumbs .fa.fa-home { color: rgba(33, 175, 121,0.85); }


/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {

	#breadcrumbs { margin: 0 auto 30px; }

}
.et-pb-contact-message li {list-style: none; }

.comments-number { display: none; }


/*-------------*/
/*   Sidebar   */
/*-------------*/

#tribe-events-adv-list-widget-2 { margin-top: 60px; }

#tribe-events-adv-list-widget-2	h4.widgettitle, #JWS_events h4.widgettitle { 


	color: rgba(52, 53, 56, 0.85);
	/*font-size: 1.4em !important;*/
	/*font-weight: 400 !important;*/
	margin-bottom: 0px !important;
}

#tribe-events-adv-list-widget-2 h2.tribe-events-title a, #JWS_events h2.tribe-events-title {

	color: rgba(33, 175, 121,0.85) !important;
	line-height: 1em;
	font-size: 22px !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.tribe-events-title { padding-bottom: 0px !important; }

.tribe-events-duration { font-size: 0.9em; }

#tribe-events-adv-list-widget-2 h2.tribe-events-title a:hover, #tribe-events-adv-list-widget-2 .tribe-events-widget-link a:hover, #tribe-events-adv-list-widget-2 .tribe-events-widget-link a:hover:after, #JWS_events h2.tribe-events-title > a:hover { color: rgba(33, 175, 121, .65) !important; }

#tribe-events-adv-list-widget-2 p.tribe-events-widget-link, #JWS_events p.tribe-events-widget-link { text-align: right; }

#tribe-events-adv-list-widget-2 .tribe-events-widget-link a, #JWS_events p.tribe-events-widget-link a { 
	color: rgba(33, 175, 121,0.85); 
	font-size: 1em !important;
	font-weight: 500 !important;
}

#tribe-events-adv-list-widget-2 .tribe-events-widget-link a:after, #JWS_events p.tribe-events-widget-link a:after {

-moz-osx-font-smoothing: grayscale;
color: rgba(33, 175, 121, .85);
content: "5";
font-family: "ETmodules" !important;
font-size: 1.3em !important;
font-style: normal;
font-variant: normal;
font-weight: 600 !important;
line-height: 1em;
margin-left: -3px;
margin-top: 0.05em;
opacity: 1;
position: absolute !important;
text-transform: none;
transition: all 0.2s ease 0s;	
}

.tribe-mini-calendar-event { border-bottom: none !important; }

.list-date { display: none !important; 	}

/*-----------*/
/*   Forms  */
/*-----------*/

.et_pb_contact p input, .et_pb_contact p textarea, #wpgmaps_directions_editbox_1 input, #wpgmaps_directions_editbox_2 input,  .login-form .form-group input, .pp-reset-password-form input#password1, .pp-reset-password-form input#password2 {

	background-color: rgba( 244, 245, 244, 0.7);
	border: 2px solid rgba( 244, 245, 244, 1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #999;
	font-size: 14px;
	padding: 12px !important;
	width: 100%;
}

input[type=text]:focus,
input.text:focus,
input.title:focus,
textarea:focus,
select:focus, 
.login-form .login-field:focus,
.pp-reset-password-form input:focus {

	border-color: #e3e3e3 !important;
	color: #3e3e3e !important;
}

.input.et_pb_contact_captcha { padding: .71em 10px 0.5em !important; }

.et_pb_contact_submit, .et_password_protected_form .et_submit_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .comment-reply-link, .form-submit input, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button { color: #fff !important; }

/*-----------*/
/*   Buttons */
/*-----------*/

	.JWS-btn {
		font-family: boucherie-sans, sans-serif !important;
		font-weight: 700 !important;
		font-size: 22px !important;
	}




	#wpgmaps_directions_editbox_1 .wpgmaps_get_directions, #wpgmaps_directions_editbox_2 .wpgmaps_get_directions {

	background: #21af79 none repeat scroll 0 0 !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	border: 2px solid #21af79;
	color: #fff;
	font-family: boucherie-sans, sans-serif !important;
	font-size: 20px !important;
	font-weight: 500;
	line-height: 1.7em !important;
	margin-top: 10px;
	padding: 0.3em 1em !important;
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	text-align: center;
	}

	.whateverthebutton:after  {

	color: #21af79 !important;
	/*color: #fff !important;*/
	content: "\35";
	font-family: "ETmodules" !important;
	font-size: 32px !important;
	line-height: 1em !important;
	margin-left: -1.3em !important;
	margin-top: 0.63em;
	opacity: 0;
	position: absolute !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;

	}

	#wpgmaps_directions_editbox_1 .wpgmaps_get_directions:hover, #wpgmaps_directions_editbox_2 .wpgmaps_get_directions:hover {

	background: rgba(244,245,244,0.7) none repeat scroll 0 0 !important;
	border-color: rgba(244,245,244,1) !important;
	color: #21af79 !important;
	padding: 0.3em 2em 0.3em 1em !important;
	}



	.whateverthebutton:hover:after {
	margin-left: -1.3em !important;
	opacity: 1 !important;
	}

	body #page-container .et_pb_section .et_pb_kkblogext_0 .et_pb_post a.et_pb_button.more-link {
		color: #21af79 !important;
		border-radius: 50px !important;
		font-size: 22px !important;
		padding-right: 2.5em !important;
		padding-left: 1.7em !important;
		text-transform: uppercase !important;
		font-family: boucherie-sans, sans-serif !important;
	}

	.et_pb_kkposts .et_pb_custom_button_icon.et_pb_button.more-link { margin-top: 25px !important; }

.et_pb_contact_submit.et_pb_button {
	font-family: boucherie-sans, sans-serif !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	margin-top: 10px !important;
}

/*-----------*/
/*   Toggles  */
/*-----------*/

.et_pb_toggle_close {

	background-color: rgba(244,245,244,0.7) !important;
	padding: 20px;
}

.et_pb_toggle { 	border: 1px solid rgba(244,245,244,1) !important; }


/*-----------*/
/*   Tables  */
/*-----------*/

.entry-content table, body.et-pb-preview #main-content .container table { border: 1px solid rgba(244,245,244,1) !important; }

.entry-content tr td, body.et-pb-preview #main-content .container tr td { border: 1px solid rgba(244,245,244,1) !important; }

.entry-content tr th, .entry-content thead th, body.et-pb-preview #main-content .container tr th, body.et-pb-preview #main-content .container thead th { color: #fff !important; }

.tablepress thead { 	border: 1px solid rgba(33, 175, 121, 0.6) !important; }

.tablepress thead th { 
	border-bottom: none !important;  
	border-right: solid 1px rgba(255, 255, 255, .35) !important;
}


.tablepress tfoot th, .tablepress thead th {

	background-color: rgba(33, 175, 121, 0.8) !important;
	font-weight: 600 !important;
	line-height: 1.5rem;
	text-transform: uppercase;
}

.dataTables_wrapper {

	margin-bottom: 2em !important;
	margin-top: 1em !important;
	font-size: 1.35rem;
}

.dataTables_wrapper.no-footer { padding-bottom: 40px; }


#tablepress-1 thead, #tablepress-2 thead, #tablepress-3 thead, #tablepress-4 thead, #tablepress-5 thead, #tablepress-7 thead { line-height: .8em; }

.tablepress .odd td { background-color: rgba(244,245,244,.7) !important; }

.tablepress .row-hover tr:hover td {background-color: rgba(244,245,244,.25) !important; }

#tablepress-1_wrapper, #tablepress-1.tablepress {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.column-1 {

	width: 46%;
	background-color: #347930;
}

.column-3 { 	width: 0; }

.column-2,
.column-4,
.column-5 { 	width: 18%; 	}


/*-----------------------------------------------------*/
/*------   Modules within Equalized Columns    --------*/
/*-----------------------------------------------------*/

	@media only screen and (max-width: 981px) {

/*		.et_pb_section {padding-top: 20px !important; }*/

		.et_pb_column .et_pb_row_inner { padding: 10px 0 !important; }

		.et_pb_equal_columns { padding-bottom: 0 !important; }

		.et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column:last-child { margin-bottom: 0 !important; }

		.jws_title > .et_pb_column_0 { margin-bottom: 0 !important; }

		.jws_col_bg .et_pb_column { background-image: none !important; }
		.jws_col_bg_hide { display: none !important; }

	}

/*--------------------------------*/
/*------   Blog Module    --------*/
/*--------------------------------*/


.et_pb_posts a.more-link { text-align: right; }

/*.et_pb_posts a.more-link:before { content: "[ ";	 }

.et_pb_posts a.more-link:after { content: " ]" !important;	}*/

.et_pb_kkblogext .et_pb_post a.et_pb_button.more-link::after {

	color: #21af79;
	display: inline-block;
	font-size: 25.6px !important;
	left: auto;
	line-height: 1em;
	margin-left: 0.3em;
	opacity: 1;
	top: 6px;
}

.et_pb_posts .et_pb_section, .et_pb_posts .et_pb_row  { padding: 0; }

.et_pb_posts .et_pb_row { width: 100%; }

.et_pb_kkblogext::after { clear: both !important; }


/*--------------------------------*/
/*------   Posts          --------*/
/*--------------------------------*/

article.post p.post-meta { display: none; }

.et_post_meta_wrapper > img  { display: none; }

.category-show-featured .et_post_meta_wrapper > img  { display: block; }

.et_pb_post .entry-content .et_pb_section_0 { padding-top: 0; }

.et_pb_posts .et_pb_post::after {

	background-color: #eee;
	content: " ";
	display: block;
	height: 1px !important;
	margin: auto;
	position: relative;
	top: 26px !important;
	visibility: visible;
	width: 100%;
}

.et_pb_kkblogext h2 a, .et_pb_kkblog h2 a, .et_pb_post h2 a {

	-webkit-transition: all 0.4s ease-in-out !important;
	-moz-transition: all 0.4s ease-in-out !important;
	transition: all 0.4s ease-in-out !important; 
}

.et_pb_kkblogext h2 a:hover, .et_pb_kkblog h2 a:hover, .et_pb_post h2 a:hover { color: #21af79 !important; }

/*-----------------------------------------------------*/
/*------   Image Attachment Pages              --------*/
/*-----------------------------------------------------*/

.attachment.type-attachment p.post-meta { display: none; }

/*--------------------------*/
/*------   Images    -------*/
/*--------------------------*/

.wp-caption {

	background-color: #fff !important;
	border: 1px solid #f4f5f4 !important;
	text-align: left !important;
}

.wp-caption p.wp-caption-text {

	line-height: 1.4em;
	font-weight: 400;
}

/*-----------------------------------------*/
/*------ Top Header (#top-header)  --------*/
/*-----------------------------------------*/

#jws_fixed_logo {

	height: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.et-fixed-header #jws_fixed_logo {
	
	background: transparent url("https://www.johnwinthropschool.org/wp-content/uploads/JWS-Identity-Assets/JWS-LOGO-2020-ABBREV.svg") no-repeat left top;
	background-size: cover;
	height: 80px !important;
/*	margin-top: -40px;*/
	opacity: 1 !important;
	position: absolute;
	top: 4px;
	width: 172px;
}

#jws_fixed_logo a, .et-fixed-header #jws_fixed_logo a { color:  rgba(33, 175, 121,0.0) !important; } 

.et-fixed-header #jws_fixed_logo a { height: 90px; display: block !important; } 

#top-header.et-fixed-header {background-color: #fff !important;}

/*-------------------------------------------*/
/*------ Secondary Nav  (#et-secondary-menu) */
/*-------------------------------------------*/

#et-secondary-nav li a {
		font-size: 14px;
		text-transform: uppercase;
	}

.secondary-smile .fa-amazon::before {
	top: 1px !important;
	position: relative;
}



/*-----------------------------------------*/
/*------ Main Header  (#main-header)  -----*/
/*-----------------------------------------*/

#main-header { z-index:100001; 	border-bottom: solid 1px rgba(197, 197, 197, .35); }

#page-container #main-header.et-fixed-header { 

	background-color: #fff !important;
	-webkit-box-shadow: 0px 10px 20px 4px rgba(48,48,49,0.05) !important;
	-moz-box-shadow: 0px 10px 20px 4px rgba(48,48,49,0.05) !important;
	box-shadow: 0px 10px 20px 4px rgba(48,48,49,0.05) !important;
	z-index:99999;

}


/*-----------------------------------------*/
/*------ Logo Image  ----------------------*/
/*-----------------------------------------*/


/*-----------------------------------------*/
/*------ Primary Nav  (#et-top-navigation) */
/*-----------------------------------------*/

#et-top-navigation li a {
		font-size: 22px !important;
		font-weight: 400 !important;
		margin-top: 20px !important;
	    padding-bottom: 20px !important;
}	

.et-fixed-header #et-top-navigation li a {margin-top: 0 !important;}

#et_top_search { margin: 25px 0 0 22px !important;}

.et-fixed-header #et_top_search { margin-top: 4px !important; }

.et-search-form input {
	
		color: #3e3e3f;
		background-color: rgba(197, 197, 197, .65);
		padding: 10px 10px 10px 18px;
		border-radius: 24px;
}



		
/*--------------------------------------------*/
/*------ Mobile Navigation                    */
/*--------------------------------------------*/


/*--------------------------------------------*/
/*------ HOME PAGE SECTIONS                   */
/*--------------------------------------------*/



/* Hero section */

/* Hero image svg clip container */
#JWS-svg-clip {width: 100%;}



/* Home Page Feature Blurbs ( #home-features ) */


.features-blurb h2 {
	padding-top: 20px;
	padding-bottom: 40px;
}

.features-blurb h3 {
	padding-bottom: 20px !important;
	color: #c5c5c5;
}

/* Home Page Feature Blurbs clip-path and 'border' */

/*
#home-feature-1 .et_pb_main_blurb_image {
	-webkit-clip-path:url(#JWS-blurb-1);
	clip-path: url(#JWS-blurb-1);
}

#home-feature-1 .et_pb_image_wrap {padding: 6px;}

#home-feature-1 .et_pb_image_wrap::before {
	content: "";
	background-color: #f5f5f5;
	height: 100%;
	left:0;
	position: absolute;
	top:0;
	width: 100%;
	z-index:-1;
}

#home-feature-1 img {
	-webkit-clip-path:url(#JWS-blurb-1);
	clip-path: url(#JWS-blurb-1);
}
*/

/* ----------- */

/*
#home-feature-2 .et_pb_main_blurb_image {
	-webkit-clip-path:url(#JWS-blurb-2);
	clip-path: url(#JWS-blurb-2);
}

#home-feature-2 .et_pb_image_wrap {padding: 6px;}

#home-feature-2 .et_pb_image_wrap::before {
	content: "";
	background-color: #f5f5f5;
	height: 100%;
	left:0;
	position: absolute;
	top:0;
	width: 100%;
	z-index:-1;
}

#home-feature-2 img {
	-webkit-clip-path:url(#JWS-blurb-2);
	clip-path: url(#JWS-blurb-2);
}
*/

/* ----------- */


/*
#home-feature-3 .et_pb_main_blurb_image {
	-webkit-clip-path:url(#JWS-blurb-3);
	clip-path: url(#JWS-blurb-3);
}

#home-feature-3 .et_pb_image_wrap {padding: 6px;}

#home-feature-3 .et_pb_image_wrap::before {
	content: "";
	background-color: #f5f5f5;
	height: 100%;
	left:0;
	position: absolute;
	top:0;
	width: 100%;
	z-index:-1;
}

#home-feature-3 img {
	-webkit-clip-path:url(#JWS-blurb-3);
	clip-path: url(#JWS-blurb-3);
}
*/

/* ----------- */


/* Contact Us Section - Green Blue Gradient */

#JWS-contact-form .et_contact_bottom_container {
	float: none;
	margin-top: 10px;
}

#JWS-contact-form .et-pb-contact-message p {
	background: rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	font-size: 24px !important;
    padding: 30px;
	color: #fff;
	text-transform: none;
}






/* About Us - Our Program Section */










#JWS-contact-form #et_pb_contact_school-year_0 {
	
	color: #8b8b8c !important;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	border-radius: 3px;
	border-right: solid 36px #906fcb !important;
	padding-left: 10px !important;
}

#JWS-contact-form .et_pb_contact_field[data-type="select"]::after { border-top-color: #fff !important; }


.home .jws_home_kk_blog:last-of-type .et_pb_post::after { display: none; }

.jws_home_kk_blog h2 { padding-bottom: 30px !important; }

.jws_home_kk_blog img { margin-right: 30px !important; } 

.home .et_pb_custom_button_icon.et_pb_button.more-link { margin-top: -20px !important; }

#jws_kk_blog_lks img { margin-right: 30px !important; }

#jws_video_caption h3 { 

color: /*#21af79*/ #333;
font-size: 1.3em;
margin-top: 20px;
position: relative;

} 

#jws_video_caption h3::before {

background: transparent url("https://www.johnwinthropschool.org/wp-content/uploads/JWS-Site-Assets/JWS-Arrow.svg") no-repeat scroll right top;
content: "";
height: 60px;
position: absolute;
left: -36px;
top: 12px;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
-webkit-animation: fadein 4s !important; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 4s !important; /* Firefox < 16 */
-ms-animation: fadein 4s !important; /* Internet Explorer */
-o-animation: fadein 4s !important; /* Opera < 12.1 */
animation: fadein 4s !important;
width: 36px;
z-index: 2 !important;
}

#jws_video_feature .et_pb_video_play::before { 

opacity: 0;

 -webkit-animation: fadein ease-in 1; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein ease-in 1; /* Firefox < 16 */
	 -ms-animation: fadein ease-in 1; /* Internet Explorer */
	  -o-animation: fadein ease-in 1; /* Opera < 12.1 */
		 animation: fadein ease-in 1;

-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
   -moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;

-webkit-animation-duration:4s;
   -moz-animation-duration:4s;
		animation-duration:4s;

-webkit-animation-delay: 2s;
   -moz-animation-delay: 2s;
		animation-delay: 2s;
}

@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

.home-heading h1, .home-heading-darker h1{

	border-bottom: solid 1px #e2e2e2;
	font-size: 18px;
	padding-bottom: 5px;
	text-transform: uppercase;
}	

.home-heading h1 {color: rgba(147, 149, 152, 0.5);}

.home-heading-darker h1{ color: rgba(147, 149, 152, 0.7);}


/* Home Page Calendar List - (The Events Calendar Pro shortocde)*/

/*#home-feature-2 .et_pb_blurb_description { margin-top: -14px; }*/

#home-feature-2 .list-info { float: none; }

#home-feature-2 .tribe-mini-calendar-event {
	margin: 0;
	padding-bottom: 5px;
}

#home-feature-2 .tribe-event-date-start, #home-feature-2 .tribe-event-date-end, #home-feature-2 .tribe-event-time { font-size: 22px; }

#home-feature-2 h2.tribe-events-title {margin-bottom: 2px; padding-top: 0;}

#home-feature-2 h2.tribe-events-title a{

	color: rgba(33, 175, 121,0.85) !important;
	font-size: 22px !important;
	font-weight: 500 !important;
}

#home-feature-2 .tribe-events-duration { font-size: 1.15em; }

#home-feature-2 .list-info { margin-top: 0;}

/*hide view-more button */
#home-feature-2 .tribe-events-widget-link { display: none; }

/*
#home-feature-2 .tribe-events-widget-link {

    color: #ffffff !important;
    border-width: 0px !important;
    border-color: #ffc064;
    border-radius: 51px;
    background-color: #ffc064;
    font-family: boucherie-sans, sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
}


#home-feature-2 .tribe-events-widget-link:hover{
    
    color: #ffc064 !important;
    border-color: rgba(0,0,0,0) !important;
    border-width: 0px !important;
    background-image: initial;
    background-color: rgba(244,245,244,0.7);
}
*/

#home-feature-2 .tribe-event-image img { width: 20%; }

/*---------------------------------------------------------------*/
/*------ Events Page (The Events Calendar Plugin - Modern Tribe  */
/*---------------------------------------------------------------*/


html body.post-type-archive-tribe_events #page-container .tribe-events-calendar-list__event-description.tribe-common-b2 p a {
       font-weight: 900 !important;
       text-decoration: underline !important;
       color: #21af79 !important;
   }

#menu-item-3536.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current-menu-item.current_page_item menu-item-3536 a { color: #21af79 !important; }

#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next a, #tribe-events-header .tribe-events-sub-nav li { display: inline; }

.tribe-bar-search-filter, .tribe-bar-geoloc-filter, .tribe-bar-submit { display: none; }

#tribe-events-footer .tribe-events-sub-nav { display: none; }

.tribe-events-calendar thead th { 

	background-color: rgba(33, 175, 121, 0.8) !important; 
	border-left: 1px solid rgba(255, 255, 255, .35) !important;
	border-right: 1px solid rgba(255, 255, 255, .35) !important;
	border-top: 1px solid rgba(255, 255, 255, .35) !important;
}

.tribe-events-calendar thead tr th {
	font-size: .85rem;
	font-weight: 900;
}

.tribe-events-month-event-title a.url {
	font-family: boucherie-flared, sans-serif !important;	
	font-size: 1.15rem !important;
	font-style: normal !important;
	font-weight: 300 !important;
}

.tribe-events-calendar div[id*="tribe-events-daynum-"], .tribe-events-calendar div[id*="tribe-events-daynum-"] a { 
	background-color: #aeaeaf;
	font-size: 1.05rem;
}

/* Individual Event Pages */

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
	background-color: #21af79;
}

.tribe-events-tooltip h4 {color: #21af79 !important; } 

.tribe-events-ajax-loading {
background: #fff none repeat scroll 0 0 !important;
border: 1px solid #eee !important;
}

.tribe-events-notices {
background: rgba(33, 175, 121, 0.15) none repeat scroll 0 0;
border: 1px solid rgba(33, 175, 121, 0.2);
color: rgba(33, 175, 121, 0.8);
text-shadow: 0 1px 0 #fff;
}

.tribe-events-nav-previous span {
position: relative;
top: -1px !important;
}


#tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active {
background-color: #6dc363 !important;
color: #fff;
}

.tribe-events-calendar td.tribe-events-present.mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present.mobile-active div[id*="tribe-events-daynum-"] > a {
background-color: transparent !important;
color: #fff;
}

#tribe-events-content .tribe-events-calendar .mobile-active:hover, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"], #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar td.mobile-active {
background-color:  #98d591 !important; 
color: #fff;
}


/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {


#tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active {
background-color: #6dc363 !important;
color: #fff;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present:hover, .tribe-events-calendar td.tribe-events-present, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
background-color: #6dc363 !important;
color: #fff;
}

#tribe-events-content .tribe-events-calendar .mobile-active:hover, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"], #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar td.mobile-active {
background-color:  #98d591 !important; 
color: #fff;
}

#tribe-mobile-container { margin: 30px auto 10px; }

}

/*--------------------------------------------*/
/*----- Log In, Log Out & Sign Up PAGES-------*/
/*--------------------------------------------*/

.login-form {

background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding-left: 0;
}

.login-form .login-field-icon {
color: #ccc;
font-size: 16px;
position: absolute;
right: 15px;
top: 3px;
transition: all 0.25s ease 0s;
}

.login-form .login-field { height: auto; }

.login-form .login-field:focus + .login-field-icon { color: rgba(33, 175, 121, 0.6); }

.lite-cyan-check {

background-image: url("https://www.johnwinthropschool.org/wp-content/uploads/JWS-Site-Assets/lite-cyan-check.png");
color: #aaa;
}

.btn-primary {

background: #21af79 none repeat scroll 0 0 !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 51px !important;
border: 2px solid #21af79 !important;
color: #fff;
font-family: boucherie-sans, sans-serif !important;
font-weight: 700 !important;
font-size: 22px !important;
line-height: 1.7em !important;
padding: 0.3em 1em;
position: relative;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
text-align: center;
}

.jws_user_access_btn.jws_reg #submit-button.btn-primary {
color: #fff;
line-height: 1em !important;
}

.jws_user_access_btn.jws_reg #submit-button.btn-primary:hover { border-color: rgba(244,245,244,1) !important; }

.jws_user_access_btn.jws_reset { font-weight: 500 !important; }


.btn-primary:hover {

background: rgba(244,245,244,0.7) none repeat scroll 0 0 !important;
border-color: rgba(244,245,244,1) !important;
color: #21af79 !important;
padding: 0.3em 2em 0.3em 1em !important;
}

.profilepress-reset-status {
background-color: transparent;
border: medium none;
border-radius: 4px;
color: #f34c40;
font-size: 18px;
font-weight: normal;
line-height: 1.4;
margin: 4px 0;
padding: 0;
transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}


.pp-reset-password-form {
margin: 5px 0;
max-width: 500px;
padding: 0;
}

.pp-reset-password-form h3 {text-align: left;}


.pp-reset-password-form .pp-reset-button {

background-color: #21af79;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}

.pp-reset-password-form label .req { color: #21af79; }

#remember-me { width: 10%; }

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {

		.login-form { width: 50%; }

		.login-form.jws_reg_form { width: 100%; }

		.jws_user_access_btn:after  {

			color: #21af79 !important;
			/*color: #fff !important;*/
			content: "\35";
			font-family: "ETmodules" !important;
			font-size: 32px !important;
			/*left: 30%;*/
			line-height: 1em !important;
			margin-left: 24%;
			margin-top: -44px;
			opacity: 0;
			position: absolute !important;
			text-align: center;
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			transition: all 0.2s;

		}

		.jws_user_access_btn:hover:after {
			margin-left: 28% !important;
			opacity: 1 !important;
		}

		/*--*/

		.jws_user_access_btn.jws_reg::after {

			margin-right: 35%;
			right: 0;
			margin-top: -42px;
		}

		.jws_user_access_btn.jws_reg:hover:after { margin-right: 32% !important; }

		/*--*/

		.jws_user_access_btn.jws_reset::after { margin-left: 29%; }

		.jws_user_access_btn.jws_reset:hover:after { margin-left: 32% !important; }			

}


/*-----------------------------------------*/
/*----------- Contact Page  ---------------*/
/*-----------------------------------------*/

#JWS_contact #JWS-contact-address2 { padding-left: 29px; }

#JWS_contact { 
	
	font-size: 1.35rem !important;
	line-height: 1.15em !important;
	padding-bottom: 10px;
}

#JWS_contact i.fa { margin-right: 15px; }


#wpgmza_map_1 {

border: 1px solid rgba(244,245,244,1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* Map Marker Tool Tip*/

.wpgmza_markerbox p.wpgmza_infowindow_title {
color: #666 !important;
font-size: 14px;
padding-bottom: 8px;
}
.wpgmza_markerbox p.wpgmza_infowindow_address {

color: #666 !important;
padding-bottom: 8px;
}


#wpgmza_map_1 .wpgmza_infowindow_link, #wpgmza_map_1 .wpgmza_gd, #wpgmza_map_1 .wpgmza_markerbox a { 

color: #21af79 !important;
font-weight: 500 !important;
}

/*Driving Directions - via Map 1 tool tip */

.wpgmaps_directions_outer_div { padding-top: 25px !important; }

#wpgmaps_directions_editbox_1 table, #wpgmaps_directions_editbox_1 tbody, #wpgmaps_directions_editbox_1 td, #wpgmaps_directions_editbox_2 table, #wpgmaps_directions_editbox_2 tbody, #wpgmaps_directions_editbox_2 td   { border: medium none !important; }

#wpgmaps_directions_editbox_1 td, #wpgmaps_directions_editbox_2 td { padding: 0 0 14px !important; }

#wpgmaps_directions_editbox_1 .wpgmaps_get_directions, #wpgmaps_directions_editbox_2 .wpgmaps_get_directions { width: 204px; }

#wpgmaps_directions_editbox_1 .wpgmaps_get_directions:hover, #wpgmaps_directions_editbox_2 .wpgmaps_get_directions:hover { width: 220px; }

#wpgmaps_directions_editbox_1 tr:nth-of-type(4) td:nth-child(2):after, #wpgmaps_directions_editbox_2 tr:nth-of-type(4) td:nth-child(2):after {

color: #21af79 !important;
/*color: #fff !important;*/
content: "\35";
font-family: "ETmodules" !important;
font-size: 32px !important;
line-height: 1em !important;
margin: 20px 0 0 -1.9em;
opacity: 0;
position: absolute !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}

#wpgmaps_directions_editbox_1 tr:nth-of-type(4) td:nth-child(2):hover:after, #wpgmaps_directions_editbox_2 tr:nth-of-type(4) td:nth-child(2):hover:after {

margin-left: -1.3em !important;
opacity: 1 !important;

}

.adp, .adp table { color: #666 !important; }

.adp table.adp-placemark { background-color: rgba(244,245,244,1) !important; }

.adp-substep .adp-stepicon .adp-maneuver { opacity: 0.7 !important; }

.adp-details, .adp-legal {

color: #bbb !important;
text-align: right !important;
}

/* Driving Directions - Map 2*/

#JWS_directions {

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
}

#JWS_directions h5.et_pb_toggle_title::after {

content: "(Click to expand / contract)";
font-size: 12px !important;
font-weight: 300;
padding-left: 16px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;

}

#JWS_directions.et_pb_toggle_open h5.et_pb_toggle_title::after { opacity: 0.5 !important; }

#JWS_directions .et_pb_toggle_title::before { color: rgba(33, 175, 121, 0.7); }

#wpgmaps_directions_edit_2 > h2 {
display: none;
}

/* Display only directions portion of 2nd map */
#wpgmza_map_2 { display: none !important; }


/*-----------------------------------------*/
/*-----------  Donation Page  -------------*/
/*-----------------------------------------*/

.qpp-style.NewDonationForm { margin-top: 20px; }

.qpp-style.NewDonationForm .payment { color: #999; }

.qpp-style.NewDonationForm #qpptiddles { 

margin-right: 6px !important;
position: relative;
top: -2px;

}

.qpp-style.NewDonationForm input[type="text"], .qpp-style.NewDonationForm textarea, .qpp-style.NewDonationForm #qpptotal {

background-color: rgba( 244, 245, 244, 0.7);
border: 2px solid rgba( 244, 245, 244, .9) !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
color: #999 !important;
font-size: 14px;
padding: 12px !important;
width: 100%;
}

.qpp-style.NewDonationForm #qpptotal { width: 141px !important; }

.qpp-style.NewDonationForm input[type="text"]:focus, 
.qpp-style.NewDonationForm input.text:focus,
.qpp-style.NewDonationForm input.title:focus,
.qpp-style.NewDonationForm textarea:focus,
.qpp-style.NewDonationForm select:focus {

	border-color: #e3e3e3 !important;
	color: #3e3e3e !important;
}

#frmPaymentNewDonationForm .input {

color: #999;
font-size: 11px;
margin: 24px 0;
text-transform: uppercase;
}

.qpp-style.NewDonationForm #qpptotal {
margin-left: 6px !important;
}

.qpp-style.NewDonationForm #submit {

background: #21af79 none repeat scroll 0 0;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
border: 2px solid #21af79;
color: #fff;
font-family: boucherie-sans, sans-serif !important;
font-size: 20px !important;
font-weight: 500;
line-height: 1.7em !important;
margin-top: 10px;
padding: 0.3em 1em;
position: relative;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
text-align: center;
}

.qpp-style.NewDonationForm .submit { width: 204px; }

.qpp-style.NewDonationForm .submit:after  {

}

.qpp-style.NewDonationForm #submit:hover {

background: rgba(244,245,244,0.7) none repeat scroll 0 0;
border-color: rgba(244,245,244,1);
color: #21af79 !important;
padding: 0.3em 2em 0.3em 1em;
}



.qpp-style.NewDonationForm .submit:hover:after {

}

#frmPaymentNewDonationForm #email { margin-top: 20px; }

/* required asterick for email */

#frmPaymentNewDonationForm .submit::before {
color: #ccc;
content: "*";
display: block !important;
left: -12px !important;
min-height: 10px;
min-width: 10px;
position: relative !important;
top: -52px;
z-index: 999999999 !important;
}

.qpp-style.NewDonationForm #qpp_reload, .qpp-style.NewDonationForm .qpp-blurb {  color: #f34c40 !important; }

.qpp-style.NewDonationForm .qpp-blurb { margin-bottom: 20px; }

/*-----------------------------------------*/
/*------------ Parent Portal --------------*/
/*-----------------------------------------*/

#parent_portal_recent_blog .et_pb_post { margin-bottom: 0; }

#parent_portal_recent_blog .et_pb_posts .et_pb_post::after { display: none; }

#parent_portal_recent_blog .post-content { display: none; }

#parent_portal_recent_blog .et_pb_blog_grid .et_pb_post { border: none; }

#parent_portal_recent_blog .et_pb_blog_grid article { 

padding-bottom: 0;
padding-left: 0; }

#parent_portal_recent_blog h2.entry-title {

line-height: 1em;
margin-top: 0;
padding: 4px 0;	
}

#parent_portal_recent_blog h2.entry-title a:before {

-moz-osx-font-smoothing: grayscale;
content: "5";
font-family: "ETmodules" !important;
font-size: 1.3em !important;
font-style: normal;
font-variant: normal;
font-weight: 600 !important;
line-height: 1em;
margin-left: -24px;
margin-top: 7px;
opacity: 1;
position: absolute !important;
text-transform: none;
transition: all 0.2s ease 0s;	
}

#parent_portal_recent_blog h2.entry-title a  {

color: #21af79;
font-size: 1.35rem;
font-weight: 500;
padding-left: 16px;
}

.parent_portal_link {

border: 1px solid #eee;
padding: 30px;
}


/*-----------------------------------------*/
/*------------- Teacher Page --------------*/
/*-----------------------------------------*/

#teacher_edit_news .parent_portal_link { padding: 14px !important; }

#teacher_instructions ul { list-type: none; }

/*-----------------------------------------*/
/*------------- Philosophy Page -----------*/
/*---- 		/about-us/philosophy/   -------*/
/*-----------------------------------------*/

span.jws_principles {

color: #21af79;
font-weight: 500; 
padding-right: 3px;
}

/*--------------------------------------------*/
/*------ Board of Directors Page -------------*/
/*--------------------------------------------*/

#jws_board > .jws_board_row {

border-bottom: 1px solid #e2e2e2;
margin-bottom: 20px;
padding-bottom: 50px !important;
}

#jws_board > .jws_board_row:last-of-type {border-bottom: none !important; }

.jws_board_row .et_pb_column_1_4 { width: 160px; }

.jws_board_img img { 

border: 1px solid rgba( 244, 245, 244, 1);
border-radius: 100%;
}

/*-----------------------------------*/
/*------ Enrollment Page ------------*/
/*-----------------------------------*/

#jws_enrollment { font-size: 1.35rem; }

#jws_enrollment h3, .home-upcoming-events h3 {padding-bottom: 20px; }

.jws_enroll { 

border-bottom: solid 1px #e2e2e2;
margin-bottom: 30px;
padding-bottom: 20px;

}

.home-upcoming-events .jws_enroll {
border-bottom: none;
}

.home-upcoming-events .enroll_sched h4, .home-upcoming-events .enroll_detail {
line-height: 1.4em;
}

.jws_enroll:last-of-type {  border-bottom: none !important; }

.home-upcoming-events .enroll_detail {
padding-top: 4px;
}

#jws_enrollment div.enroll_sched {

color: #21af79;

font-weight: 400;
line-height: 1.2em;
margin-top: 0.07em;
padding-right: 5px;

}

.home-upcoming-events div.enroll_sched { padding-right: 5px; }

@media all and (min-width: 981px) {

#jws_enrollment div.enroll_sched, .home-upcoming-events div.enroll_sched {

	left: 0 !important;
	margin-left: 0 !important;
	width: 18%;
}

}

@media all and (min-width: 620px) and (max-width: 768px){ .jws_enroll h4 { font-size: 16px; } }

@media all and (min-width: 620px) {

#jws_enrollment div.enroll_sched, .home-upcoming-events div.enroll_sched { 

	float:left;
	width: 18%;
}

#jws_enrollment div.enroll_detail, .home-upcoming-events div.enroll_detail { padding-left: 20%; }	

}

@media all and (max-width: 620px) {

#jws_enrollment div.enroll_sched, .home-upcoming-events div.enroll_sched { padding-bottom: 10px; }

}


/*-------------------------------*/
/*------ Tuition Page -----------*/
/*-------------------------------*/




/*-------------------------------*/
/*------ Alumni Page ------------*/
/*-------------------------------*/

#jws_alumni_blog { padding-left: 20px; }

#jws_alumni_blog h2.entry-title a  {

	color: #21af79;
	font-size: 16px;
	font-weight:	 500;

}


#jws_alumni_blog h2.entry-title a:before {

-moz-osx-font-smoothing: grayscale;
content: "5";
font-family: "ETmodules" !important;
font-size: 1.3em !important;
font-style: normal;
font-variant: normal;
font-weight: 600 !important;
line-height: 1.55em;
margin-left: -24px;
/*margin-top: 0.33em;*/
opacity: 1;
position: absolute !important;
text-transform: none;
transition: all 0.2s ease 0s;	
}




/*-----------------------------------------*/
/*------ Inclement Weather Row -----------*/
/*-----------------------------------------*/

.inclement{

color: #fff !important;
font-size: 18px;
font-weight:700;
}

.inclement #close, .inclement #delay {

padding: 20px !important;
}

.inclement #close{

background-color: #f34c40;

}

.inclement #delay{

background-color: #fbc02d;
}



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


#main-footer::before {
	content: "";
	background: rgb(33,175,121);
	background: linear-gradient(90deg,rgba(33,175,121,1) 0%,rgba(76,126,220,1) 78%,rgba(144,111,203,1) 100%);
	display: block;
	height: 10px;
	position: relative;
	top: 0px;
	width: 100%;
	z-index:1;
}

.home #main-footer::before {height: 0px !important;}

.home #JWS-2020-Footer-Logo {display: none;}

.home #custom_html-2 { margin: 0; }


#page-container .footer-widget { width: 100% !important; }

.footer-widget #custom_html-2 { width: 100%; }

#JWS-2020-Footer-Logo .et_pb_image {
	width: 28%;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
}

.JWS-contact { 
	
	color: #c5c5c5;
	font-size: 1.35rem !important;
	line-height: 1.15em !important;
	padding-bottom: 10px;
}

#JWS-home-contact a { color: #c5c5c5 !important; }

#JWS-contact-address span { display: inline-block; }

#JWS-contact-email { padding-bottom: 30px; }

p.accred {color:#8b8b8c;}




#footer-widgets { text-align: center; }

.footer-widget { float: none !important; }

.footer-widget #nav_menu-2 { float: none; }

.menu-footer-buttons-container {
	display: inline-flex !important;
	justify-content: space-between !important;
	width: 100%;
}

#menu-footer-buttons {
	display: inline-flex !important;
	justify-content: center !important;
	width: 100%;
}


#menu-footer-menu li a {
	font-size: 1.65rem;
	font-weight: 400;
}

.JWS-footer-btn {
	border-radius: 61px;
	line-height: 1.45rem;
	padding: 0 !important;
	margin: 0 !important;
}

.JWS-footer-btn a {
	
	
	font-family: boucherie-sans;
	font-size: 1.45rem !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-transform: uppercase;
}

.JWS-footer-donate-btn {
	background-color: #21af79;
	border: solid 2px #21af79;
	/*margin-right: 12% !important;*/
	padding: 12px 18px 10px !important;
}

.JWS-footer-smile-btn {
	background-color: #3e3e3f;
	border: solid 2px #ffc064;
	padding: 12px 18px 10px !important;
}

.JWS-footer-smile-btn a .fa.fa-amazon {
	position: relative !important;
	top: 2px;
	margin-right: 1px;
}


.footer-widget li::before { border: none !important; }

#et-footer-nav .container {
	border-top: solid 1px rgba(255, 255, 255, .15);
	padding-left: 4px;
	margin-top: 80px !important;
}

#footer-info { font-size: 18px !important; }

/*-----------------------------------------*/
/*---------------- Contact Widget----------*/
/*-----------------------------------------*/


/*-----------------------------------------*/
/*------------- Accreditation  ------------*/
/*-----------------------------------------*/

/*
	img#JWS_naeyc {

		-webkit-filter: grayscale(1) brightness(95%);
		filter: grayscale(1) brightness(95%);	
		height: 64px;
		margin-top: -16px;
		opacity: 0.9;
		-webkit-transition: all 0.4s ease-in-out !important;
		-moz-transition: all 0.4s ease-in-out !important;
		transition: all 0.4s ease-in-out !important;
		width: 138px;
	}

	img#JWS_naeyc:hover {

		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		opacity: 1;	
	}

	#JWS_accred_caption, #JWS_smile_caption {

		font-size: 11px;
		line-height: 1.4em;
		padding-top: 10px;
		width: 80%;
	}

	#JWS_accred_caption a { 

		color: rgba(33, 175, 121,1) !important; 
		-webkit-transition: all 0.4s ease-in-out !important;
		-moz-transition: all 0.4s ease-in-out !important;
		transition: all 0.4s ease-in-out !important;
	}

	#JWS_accred_caption a:hover { color: rgba(33, 175, 121,0.8) !important; }
*/

/*-----------------------------------------*/
/*------------- Support Widget  -----------*/
/*-----------------------------------------*/

/*
#footer-widget #JWS_donation_button a, #footer-widget #JWS_smile_button a { color: #fff !important; }

#JWS_donation_button { margin-bottom: 30px; 	}

body #page-container #JWS_donation_button a:hover, #JWS_donation_button a.et_pb_button:hover, body #page-container #JWS_smile_button a:hover {color: #ffffff !important; }

#JWS_donation_button a:hover { 

	background-color: rgba(255,255,255,0.08) !important;
	border: 2px solid rgba(255,255,255,0.08) !important;
}

#JWS_smile_button a { 

	background-color: transparent !important;
	border: 2px solid #ff9900 !important;
	padding: 0.3em 1.5em;
}

#JWS_smile_button a:hover { 

	background-color: rgba(255,255,255,0.08) !important;
	border: 2px solid rgba(255,255,255,0.08) !important;
	color: #fff !important;
	padding: 0.3em 2.5em 0.3em 1.5em;

}

#JWS_smile_button .fa-amazon {

	padding: 0 3px;
	position: relative;
	right: 0.03em;
	top: 3px;
}

#JWS_smile_caption a { 

	color: #ff9900 !important;
	-webkit-transition: all 0.4s ease-in-out !important;
	-moz-transition: all 0.4s ease-in-out !important;
	transition: all 0.4s ease-in-out !important;
}

#JWS_smile_caption a:hover { color: rgba(255, 153, 0, 0.8) !important; }
*/

/*---------------------------------------------*/
/*------ Footer Navigation #et-footer-nav -----*/
/*---------------------------------------------*/


/*-----------------------------------------*/
/*------ Footer Credits Modification ------*/
/*-----------------------------------------*/




/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*---------------Responsive Queries-----------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/


@media all and (min-width: 1101px) and (max-width: 1400px) {

}
@media all and (max-width: 1200px) {

	
}


@media all and (min-width: 981px) and (max-width: 1200px) {

	#top-header .container { width: 96%; }
	
	#main-header .logo_container {
		
		left:0;
		text-align: center;
	}

	#main-header .logo_container a { vertical-align: top; }
	
	#logo { margin-top: -26px; }

	.et-fixed-header #jws_fixed_logo {left:-10px;}
	
	#et-top-navigation {
		
		display: inline-flex !important;
		float: none !important;
		justify-content: center !important;
		min-width: 100% !important;
		padding: 120px 6% 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.et-fixed-header #et-top-navigation {padding: 20px 0 0 10% !important;}
	
	#top-menu { float: none !important; }
	
	
	
	.et-search-form input { margin-top: 112px; }
	
	.et-search-form { min-width: 100%; }
	
	
	
		
	
}









/* Responsive Styles Desktop Only */



@media all and (min-width: 1201px) {
	
	#page-container .et_pb_section_0 { padding-top: 160px !important; }

	
	#top-header .container {
		
		min-width:96%;
		padding-right: 4px !important;
		width: 96% !important;
	}
	
	
	
	#logo {
		height: 110% !important;
		margin-top: -20px !important;
		max-height: 110% !important;
	}

	
	
	
	
	
}

@media all and (min-width: 981px) and (max-width: 1200px) { #page-container .et_pb_section_0 { padding-top: 230px !important; } }

@media all and (min-width: 981px) and (max-width: 1075px) {
	
	#wp-admin-bar-my-account {
		background-color: #23282d !important;
		border-radius: 0 0 4px 4px;
	}

}

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {

		#JWS_events h4, #JWS_events div.type-tribe_events {padding-left: 30px; }
}

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {

	.et_transparent_nav #page-container { padding-top: 90px !important; }
	
	
	
}

/* Responsive Styles Tablet Only */
@media all and (min-width: 768px) and (max-width: 980px) {
	
	#JWS-2020-Footer-Logo .et_pb_image { width: 44%; }

}

/* Responsive Styles Tablet Only */
@media all and (min-width: 480px) and (max-width: 980px) {

}

/* Responsive Styles Tablet Only */
@media all and (min-width: 480px) and (max-width: 767px) {

		#JWS-2020-Footer-Logo .et_pb_image { width: 58%; }
}

@media all and (min-width: 601px) and (max-width: 767px) {

}

@media all and (min-width: 500px) and (max-width: 600px) {

}

/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {

}

/* Responsive Styles All But Smartphone Portrait */
@media all and (min-width: 480px) {

}

/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
	
	#JWS-2020-Footer-Logo .et_pb_image { width: 70%; }

}

@media all and (max-width: 358px) {

}