/*
Theme Name: TEALS
Theme URI: http://underscores.me/
Author: Grandesigns
Author URI: http://www.grandesigns.net
Description: Custom theme for Tealsk12.org
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: teals
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

TEALS is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

.entry-content p a {text-decoration:underline; color:#20796C;}
#primary .frm_description a {color:#1A6156;}
#primary .frm_description {color:#505050;}
.frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container, .frm_style_formidable-style.with_frm_style .frm_form_field .frm_show_it {color:#505050;}
.frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container 
	{font-size:1.125rem; font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; font-weight:300;}

.category-volunteer-voices .entry-header {display:none;}
#wp-admin-bar-my-log-out {border-left:solid 1px #fff;}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button[disabled],
html input[disabled] {
	cursor: default;
}

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0em; padding-left:0px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: none;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: none;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link{
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%;
}

.gallery-caption {
	display: block;
}

/* Teals New Code Begins Below */

/* Get Fonts */

@font-face {
 font-family: "SegoeUISemibold";
 font-style: normal;
 font-weight: 600;
 src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot?#iefix") format("embedded-opentype"), url("//i.s- microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.ttf") format("truetype"), url("//i.s- microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.svg#web") format("svg");;
}
 @font-face {
 font-family: 'SegoeUILight';
 src: url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot");
 src: url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.svg#web") format("svg");
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: "SegoeUI";
 src: url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot");
 src: url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.svg#web") format("svg");
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: "segoe_ui_bold";
 src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot");
 src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
 font-weight: normal;
 font-style: normal;
}

/* Styles Carried Over From Original Theme */

html {
	font-size: 100.01%;
}
body {
	font-family: 'SegoeUILight', 'Alef', Tahoma, Verdana, Arial !important;
	font-size: 20px;
	font-weight:normal;
	border: 0;
	color: #111;
	background: #eee;
}
div {
	line-height: 24px;	
}

a, a:link, a:visited {
	color: #258B7C;
	text-decoration: none;
}
.entry-content a, .entry-content a:link, .entry-content a:visited {text-decoration:underline;}
a:hover, a:active {
	text-decoration: none;
}

.volunteer-block a:focus {outline:dashed 3px #fff;}

/* Form Elements */
input, textarea {
	padding: 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: 'Alef', Tahoma, Verdana, Arial;
}
input[type="submit"] {
	border: none;
	color: #fff;
	background: #27737f;
}
input[type="submit"]:hover {
	background-color: #303030;
	cursor: pointer;
}

h2.page-title{
	color:#269585 !important;
	font-weight: 400!important;
	font-family : "SegoeUILight";
	font-size : 48px;
}

/* Header */

#logo {
	float: left;
	margin-top: 15px;
	max-width: 315px;
}
#logo .logo-image {
	border: 0;
	max-width: 315px;
	height: auto;
}
#logo .site-title {
	font-size: 2.5em;
	color: #258B7C;
	font-family: 'Roboto', Tahoma, Verdana, Arial;
}
#logo a:hover {
	text-decoration: none;
}
#logo a:hover .site-title {
	color: #333;
}
#logo .site-description {
	margin-top: 0.4em;
}
/* Custom Header Image */
#custom-header {
	margin: 0 0 -1px;
}
#custom-header img {
	max-width: 1140px;
	vertical-align: top;
	width: 100%;
	height: auto;
}
/* Navigation Menu
-------------------------------------------------------------- */

.main-navigation {
	float: right;
	margin-top: 20px;
	max-width:500px;
}
#primary-menu {
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#primary-menu li {
	float:left;
	position:relative;
	margin-left: 3px;
}
#primary-menu a {
	display: block;
	padding: 9px !important;
	text-decoration: none;
	text-transform: none;
	font-size: 0.9em;
}
#primary-menu a:link, #primary-menu a:visited {
	color: #fff;
	text-decoration: none;
}
#primary-menu a:hover {
	background: #eaeaea;
	
}
#primary-menu ul {
	position: absolute;
	z-index: 99;
	border-bottom: none;
	background: #eaeaea;  
	padding: 0.5em 0 1em 0;
	border:3px solid #258B7C;
	margin-left:-3px;
}
#primary-menu ul a {
  width: 200px;
  width: 12rem;
  padding: 1em 0;
  /* margin: 0 1.2em; */
  float: left;
  font-weight: normal;
  font-size: 0.8em;
  color: #999;
  padding-left: 13px !important;
}
#primary-menu ul a:link, #primary-menu ul a:visited {
	color: #666;
	text-decoration: none;
}
#primary-menu ul a:hover {
	color: #222;
}
#primary-menu ul ul {
	top: -0.5em;
}
#primary-menu li ul ul {
	margin-left: 225px;
	margin-left: 13.5rem;
}
#primary-menu li:hover ul ul, #primary-menu li:hover ul ul ul, #primary-menu li:hover ul ul ul ul {
	display:none;
}
#primary-menu li:hover ul, #primary-menu li li:hover ul, #primary-menu li li li:hover ul, #primary-menu li li li li:hover ul {
	display:block;
}
#primary-menu li a:hover {  background-color: #fff !important; color:#258B7C!important;}

.numberlist li{text-align:left; margin-top:3px}
div#wrapper #primary-menu li.current-menu-item.menu-item a, #primary-menu li.current-menu-item a{background-color:none !important;}
.page-id-51 #primary-menu li a{font-family: SegoeUILight !important;}
#primary-menu .sub-menu li{ margin-right:0px; margin-left:0}
#primary-menu .sub-menu{ 
 padding-bottom: 3px !important;
  padding-top: 3px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.page-id-309 #primary-menu a{ padding-top:6px !important;padding-bottom:6px !important}

/* Widget Styling
-------------------------------------------------------------- */
.widget {
	margin-bottom: 4em;
	color: #222;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widgettitle {
	font-size: 1.3em;
	font-weight: normal;
	color: #444;
	font-family: 'Roboto', Tahoma, Verdana, Arial;
	padding: 0 0 0.4em 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}
.widget .textwidget {
	line-height: 1.5em;
}
.widget .textwidget p {
	margin-bottom: 1em;
}
.widget ul {
	padding: 0 1em;
	line-height: 1.5em;
}
.widget ul {
	list-style: url(images/widget-icon.png) inside;
}
.widget ul .children {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}
.widget a:link, .widget a:visited {
	text-decoration: none;
	color: #258B7C;
}
.widget a:hover, .widget a:active {
	text-decoration: underline;
}
.widget img {
	max-width: 100%;
	height: auto;
}
/* Custom Widgets
-------------------------------------------------------------- */

/* Theme Search Widget */
#searchform {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#s {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0.7em 45px 0.7em 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#searchsubmit {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	background: url(images/search-icon.png) 0 11px no-repeat;
	border: none;
	cursor: pointer;
}
#searchsubmit:hover {
	background: url(images/search-icon.png) -36px 11px no-repeat;
}
/* Theme Calendar Widget */
#wp-calendar {
	margin: 0;
	width: 100%;
	color: #444;
	line-height: 1.6em;
}
#wp-calendar th, #wp-calendar td, #wp-calendar caption {
	text-align: left;
}
#wp-calendar caption {
	font-style: italic;
	margin-bottom: 0.1em;
}
#wp-calendar th {
	font-weight: bold;
	font-size: 0.85em;
}
#wp-calendar tfoot tr td {
	padding-top: 0.5em;
}
#wp-calendar #next {
	padding-right: 0.8em;
	text-align: right;
}
/* Posts and Pages
-------------------------------------------------------------- */
.type-post, .type-page, .attachment {
	margin: 0 0 0em 0;
}
.page-title, .post-title {
	font-weight: normal;
	color: #333;
	line-height: 1.3em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.page-title {
	font-size: 2.5em;
}
.post-title {
	font-size: 2.0em;
	padding-top: 0.2em;
	color: #258B7C;
}
.post-title a:link, .post-title a:visited {
	color: #258B7C;
	text-decoration: none;
}
.post-title a:hover, .post-title a:active {
	color: #333;
}
.sticky {
	border-left: 1px solid #ccc;
	margin-left: 1em;
	padding-left: 2em;
}
/* Page Links | wp_link_pages() */
.page-links {
	margin-bottom: 1.5em;
	word-spacing: 1em;
}
/* Postmeta */
.postmeta {
	color: #333;
	margin: 0;
	padding: 0.5em 0;
	line-height: 1.5em;
	font-size: 0.9em;
}
.postinfo {
	clear: both;
	color: #333;
	margin: 0;
	padding: 0.3em 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 0.9em;
	line-height: 1.5em;
}
.postmeta span, .postinfo span {
	margin-right: 0.5em;
}
.postmeta span:before, .postinfo span:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 20px/1 'Genericons';
	vertical-align: middle;
	color: #555;
}
.postmeta .meta-date:before {
	content: '\f307';
}
.postmeta .meta-author:before {
	content: '\f304';
}
.postmeta .meta-comments:before {
	content: '\f300';
}
.postinfo .meta-category, .postinfo .meta-tags {
	display: inline-block;
	padding: 0.4em 0;
}
.postinfo .meta-category:before {
	content: '\f301';
}
.postinfo .meta-tags:before {
	content: '\f302';
}
.more-link {
	display: inline-block;
	margin: 0;
	padding: 0.4em 1.2em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	background-color: #258B7C;
	color: #fff;
}
.more-link:link, .more-link:visited {
	color: #fff;
}
.more-link:hover, .more-link:active {
	background-color: #303030;
	text-decoration: none;
}
.postinfo .more-link {
	float: right;
}
/* Archives and Search Heading */
.archive-title {
	font-size: 1.3em;
	font-weight: normal;
	color: #444;
	font-family: 'Roboto', Tahoma, Verdana, Arial;
	padding: 0 0 0.4em 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 2.5em;
}
.archive-title span {
	color: #666;
}
/* Default Pagination */
.post-pagination {
	padding: 0.2em 0;
	border-top: 1px solid #ccc;
}
.post-pagination .alignleft {
	float: left;
}
.post-pagination .alignright {
	float: right;
}
/* Pagination with WP-Pagenavi plugin */
.wp-pagenavi {
	float: left;
	width: 100%;
	padding: 0.6em 0;
	border-top: 1px solid #ccc;
}
.wp-pagenavi .pages {
	float: right;
}
.wp-pagenavi a {
	margin: 0 0.5em 0 0;
	display: inline-block;
	padding: 0.3em 0.6em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.wp-pagenavi a:hover {
	background: #eaeaea;
}
.wp-pagenavi .current {
	display: inline-block;
	margin: 0 0.5em 0 0;
	padding: 0.3em 0.6em;
	background-color: #258B7C;
	color: #fff;
}
/* Text Elements
-------------------------------------------------------------- */
.entry-content {
	line-height: 1.6em;
	margin: 0.5em 0;
	padding-bottom:16px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry-content p, .comment p {
	margin: 0.75em 0;
}
.entry-content h1, .comment h1, .entry-content h2, .comment h2, .entry-content h3, .comment h3, .entry-content h4, .comment h4, .entry-content h5, .comment h5, .entry-content h6, .comment h6 {
	color: #222;
	font-weight: bold;
	line-height: 1.0em;
	margin: 30px 0 24px;
}

.entry-content h1, .comment h1 {
	font-size: 3.0em;
}
.entry-content h2, .comment h2 {
	clear: both;
	color: #505050;
	font-family: SegoeUILight;
	font-size: 2.5rem;
	line-height: 55px;
	font-weight: normal;
}
.entry-content h3, .comment h3 {
	font-size: 2rem;
}
.entry-content h4, .comment h4 {
	font-size: 1.25em;
}
.entry-content h5, .comment h5 {
	font-size: 1.125em;
	margin: 1.3em 0 0;
}
.entry-content h6, .comment h6 {
	font-size: 1.0em;
	margin: 1.3em 0 0;
}
.entry-content ul, .comment ul {
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
	list-style: square outside;
	margin: 0 0 1.5em 0em;
}
.entry-content ol, .comment ol {
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
	list-style: decimal outside;
	margin: 0 0 1.5em 2em;
}
.entry-content ol ol, .comment ol ol {
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
	list-style: upper-alpha outside;
}
.entry-content ol ol ol, .comment ol ol ol {
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
	list-style: lower-roman outside;
}
.entry-content ol ol ol ol, .comment ol ol ol ol {
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
	list-style: lower-alpha outside;
}
.entry-content ul ul, .comment ul ul, .entry-content ol ol, .comment ol ol, .entry-content ul ol, .comment ul ol .entry-content ol ul, .comment ol ul {
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
	margin-bottom: 0.2em;
}
.career-list{
	font-family : "SegoeUI";
}
.career-list{
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
	list-style : decimal inside none;
}
.career-list li{
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
}
.numberlist{
	font-family : 'Segoe UI Light', 'Segoe UI', sans-serif;
}
dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
big, .big_tag {
	font-size: 1.3em;
}
ins {
	padding: 1px 2px;
	background: #ffa;
	text-decoration: none;
}
code, pre {
	padding: 3px 8px;
	margin: 0 1px;
	background: #eeeeee;
	color: #222;
	font-size: 0.9em;
	font-family: Monospace, "Courier New", Courier;
	overflow: auto;
	line-height: 1.0em;
}
del, strike, s {
	text-decoration: line-through;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
small {
	font-size: 0.7em;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 0.8em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
.entry-content var, .entry-content kbd, .entry-content tt, .entry-content .tt_tag {
	font-size: 1.1em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
blockquote {
	background:#f5f5f5;
	border-left: 48px solid #e5e5e5;
	margin: 1em 0;
	padding: 1em;
}
blockquote:before {
	margin-left: -56px;
	padding-right: 20px;
	content: '\f106';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 36px/20px 'Genericons';
	vertical-align: bottom;
	color: #aaa;
}
blockquote p {
	display:inline;
}
blockquote cite {
	display: block;
	margin: 0.5em 0 0 0.5em;
	color: #777;
}
.entry-content table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin: 1em 0;
	text-align: left;
	width: 100%;
}
.entry-content tr th, .entry-content thead th {
	background: #e5e5e5;
	font-weight: bold;
	padding: 0.2em 1em;
}
.entry-content tr td {
	border-top: 1px solid #ddd;
	/* border-right: 1px solid #ddd; */
	padding: 0.2em 0.5em;
}
.entry-content tr.alternate td {
	background: #f5f5f5;
}
/* Images | Gallery | Videos
-------------------------------------------------------------- */
article .wp-post-image {
	max-width: 100%;
	height: auto;
}
.entry-content img {
	max-width: 100%;
	height: auto;
}
.wp-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 1em 0;
}
.wp-caption-text {
	margin: 0 !important;
	padding: 0;
	font-size: 0.8em;
	text-align: center;
}
.alignleft {
	float: left;
	display: inline;
	margin: 1em 2em 1em 0;
}
.alignright {
	float: right;
	display: inline;
	margin: 1em 0 1em 2em;
}
.aligncenter {
	margin: 1em auto;
	display: block;
}
/* Gallery Styling */
.gallery {
	margin: 1em auto !important;
}
.gallery-item {
	float: left;
	margin: 0.7em 0 0 0 !important;
	padding-right: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery img {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.gallery-caption {
	margin-left: 0.3em !important;
}
/* Make Vidoes responsive */
embed, iframe, object, video {
	max-width: 100%;
}
/* Image.php Navigation */
#image-nav {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#image-nav span {
	display: block;
	margin: 0.5em 0;
}
#image-nav .nav-previous {
	float: left;
}
#image-nav .nav-next {
	float: right;
}
#image-nav .nav-previous a, #image-nav .nav-next a {
	padding: 0.3em 0.6em;
	font-size: 0.9em;
	text-decoration: none;
}
#image-nav .nav-previous a:hover, #image-nav .nav-next a:hover {
	background: #eaeaea;
}
/* Comments
-------------------------------------------------------------- */
#comments .comments-title, #respond #reply-title {
	font-weight: normal;
	font-family: 'Roboto', Tahoma, Verdana, Arial;
	font-size: 1.8em;
	color: #333;
	margin-bottom: 1em;
}
.commentlist {
	display: block;
	margin: 2em 0;
}
.commentlist .comment {
	display: block;
	margin: 1.5em 0 0;
	padding: 1.5em 0 0;
	border-top: 1px solid #ccc;
	list-style: none;
	line-height: 1.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.comment-author img {
	float: left;
	margin-right: 1em;
	margin-top: -0.1em;
}
.comment-author img:after {
	clear: both;
}
.comment-author .fn {
	font-size: 1.3em;
	font-style: normal;
	padding: 0.2em 0;
}
.bypostauthor .fn, .comment-author-admin .fn {
	font-style: italic;
	background: #eee;
	padding: 0 0.6em;
}
.comment-meta {
	font-size: 0.9em;
	margin-bottom: 1.5em;
}
.comment-meta a:link, .comment-meta a:visited, .comment-meta a:active, .comment-meta a:hover {
	color: #666 !important;
}
#comments .children {
	padding-top: 1em;
	margin-left: 1em;
}
.nocomments {
	color: #444;
	padding: 1em;
}
.commentlist .pingback {
	display: block;
	margin: 0.6em 0 0;
	padding: 0.8em 0 0;
	border-top: 1px solid #ddd;
	list-style: none;
	line-height: 1.3em;
}
/* Comment Pagination */
.comment-pagination {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 0.9em;
}
.comment-pagination .alignleft {
	float: left;
}
.comment-pagination .alignright {
	float: right;
}
/* Comment Form */
#respond {
	margin: 2em 0;
}
#commentform p {
	margin: 1em 0;
}
#commentform input[type="text"], #commentform textarea {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform label {
	display: block;
	margin: 0.6em 0 0.2em;
}
#commentform #submit {
	display: block;
	border: none;
	margin-top: 1em;
	padding: 1em 4em;
	text-decoration: none;
	color: #fff !important;
	background: #258B7C;
}
#commentform #submit:hover {
	background-color: #303030;
	cursor: pointer;
	text-decoration: none;
}
/* Page Templates
-------------------------------------------------------------- */

/* Fullwidth Template */
.fullwidth {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
}
/* Front Page Template
-------------------------------------------------------------- */

/* Front Page Slideshow */
#frontpage-slider-wrap {
	float: left;
	width: 100%;
	margin: 0 0 -1px 0;
	padding: 0;
	background: url(images/slider-bg.png) repeat-x #258B7C;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;/* All other Slideshow Styles in flexslider.css */
}
/* Front Page Widgets */
.frontpage-widgets {
	clear: both;
	margin-right: -4em;
}
.frontpage-widgets .widget-col-half {
	float:left;
	width: 50%;
	padding-right: 4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.frontpage-widgets .widget-col-third {
	float:left;
	width: 33.3333333333333%;
	padding-right: 4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.news-videos{
	font-family : "segoUILight";
}


/* Footer
-------------------------------------------------------------- */
#colophon{
    clear: both;
	background: #258B7C !important;
	padding-bottom:40px;
	border-top:1px solid #258B7C;
}
#colophon .container div.footerimg{
	float:left;
}
#colophon .container div.footercaption{
	float:right;
}
#colophon .container {
	clear:both;
	margin: 0px auto 0px auto;
	background: #258B7C !important;
	color: #616161;
	padding-top:40px;
	padding-bottom:0px;
	font-style: none !important;
}
#colophon .container a {
	color: #fff;
	font-style: normal !important;
}
#colophon .container #credit-link {
	float: right;
	font-size: 16px;
	padding:0px;
	text-align:right;
	font-style: normal !important;
	color:#ffffff;
	margin-top: 2px;
}

.footercaption_mobile{
	display:none;
}
#colophon .container #credit-link a{
	text-align:right;
	font-style: normal !important;
	color:#ffffff;
	text-decoration : none;
	word-wrap:break-word;
	margin-right:12px;
}

.text.short {
	font-family:SegoeUILight; 
	/*margin-top: -7px; */
	line-height: 25px !important;
    text-align: left;
	font-size:20px;
	color:#505050;
}
.fulltext {
	display:none;
	font-family:SegoeUILight;
	line-height: 25px !important;
  text-align: left;
}
.fulltext .para34 {
	margin-top:10px;
}
.outerreadmore {
	margin-top:30px;
}
.covertext {
	position:absolute;
	width:567px;
	margin-top: 102px;
	font-size:20px;
	color:#fff
}
.covertext.covertext_rel{
	color: #666666;
	font-size: 20px;
	margin-top: 0px;
    position: relative !important;
	width: 100%;		
}
.home-heading2 h1 {
    clear: both;
    color: #505050;
    font-family: SegoeUILight;
   	font-weight:normal;
}

.fontsz-20-16-12 p {margin-top:0px;}

.container {
	max-width:884px;
	margin:0 auto;
	color:#505050;
}
.home-heading1 h1 {
	/*
	color:#258B7C;
	*/
	color:#269585 ;

	font-size: 48px; line-height:54px;
	font-family: SegoeUILight;
	font-weight:normal;
}
.slider1 img, .slider2 img {
	width: 100%;
	height:auto;
}
.home-heading3 h1 {
	/*
	color:#258B7C;
	*/
	color:#269585;
	font-size: 48px;
	margin-top: 30px;
	margin-bottom: 48px;
	font-family: SegoeUILight;
	line-height: 48px;
	font-weight:normal;
}
.home-heading3 h3 {
    color: #505050;
    font-family: SegoeUILight;
    font-size: 40px;
    font-style: italic;
    line-height: 40px;
    margin-bottom: 50px;
    margin-top: 64px;
	font-weight:normal;
}

.cl-apply-main-block{
	width:690px;
	margin:0 auto;
}
.cl-apply-block > div{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	margin-bottom:30px;
}

.entry-content .cl-apply-block a {text-decoration:none;}

.cl-apply-block div img{
	vertical-align:middle;
	padding:0px 35px 0px 0px;
	
}
.cl-apply-main-block{
	width:656px;
	margin:0 auto;
	padding-bottom:0px;
}
.cl-apply-block > div > p.head{
	color:#008272;
	font-size: 28px;
	font-weight:600;
	margin-top: 2px;
	margin-bottom: 13px;
	line-height:28px;
	text-transform:uppercase;
}
.cl-apply-block > div > p.desc{
	color:#4c4c4c;
	font-size: 18px;
	margin-bottom: 2px;
	font-family: "SegoeUI";
	line-height:18px;
	margin-top:13px;
}

.slidertitle {
	color: #fff;
	font-size: 24px;
	margin-top: -95px;
	text-align: center;
}
.sliderdesc {
	color: #fff;
	font-size: 30px;
	line-height: 33px;
	margin-top: -605px;
	width: 73%;
        text-align:left;
}
.sociallist li {
	float:left;
	margin-right: 12px;
}
.sectionright {
	float:left;
	margin-top:147px;
}
.sectionright.marginsociallist{
	margin-top:5px;
}
.secleft {
	float:left;
	padding-bottom: 80px;
	width:83%
}
.secleft-nopad{
	float:left;
	padding: 0px;
	width:86%
}
.container .outerreadmore{
	padding-bottom:10px;
}
.readmore {
	background: url(./images/plus.png) no-repeat right;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-family: "SegoeUISemibold";
	cursor:pointer;
}
.readmore2 {
	background: url(./images/pluswhite.png) no-repeat right;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-family: "SegoeUISemibold";
	cursor:pointer;
	color:#008272
}
.readmoreback {
	background:url(./images/expand-blue.png) no-repeat right !important;
}
.readmoreback2 {
	background:url(./images/expand-white.png) no-repeat right !important;
}
.secleft {
	float: left;
	width: 86%;
}
.italic-gray {
	color: #505050;
	font-size: 40px;
	font-style: italic;
	line-height: 50px;
	margin-bottom: 55px;
}
.rectarea {
	width:154px;
	position:absolute;
	cursor:pointer;
	/*background:rgba(34, 147, 133, 0.8);*/
	height:25px;
	text-align:center;
	color:white;
	background-color:rgba(225,225,225,0.0);
}
.rectarea img {
	width:auto;
}
.arrimg1 {
	margin-top: 7px;
	display: block;
	opacity: 0.8;
	/*background: url(./images/bottmare.png) no-repeat;*/
	height: 10px;
	width: 15px;
	margin-left: 60px;
}
.arrimg2 {
	margin-top: 7px;
	display: block;
	opacity: 0.8;
	/*background: url(./images/bottmare2.png) no-repeat;*/
	height: 10px;
	width: 15px;
	margin-left: 60px;
}

.classroom {
	width:100%;
	height:auto;
}

.tl {
	width:57%;
	margin-right:50px;
	float:left;
	margin-top:28px;
	margin-bottom:20px;
}
.bltitle {
	font-size:20px;
	color:#008272;
	line-height: 24px;
	font-family: "SegoeUISemibold";
        
}
.bltitle a{
color:#008272;
font-family: "SegoeUISemibold";
}
.tr {
	float:left;
	margin-top:25px;
	margin-bottom:20px;
}
.tr p {
	padding:0px;
}

.heading2 {
	margin-bottom: 30px;
	padding-top: 35px;
	font-size: 40px;
	line-height: 55px;
	color:#616161;
	clear:both;
}
.clear{ clear:both;}
.classroom_content div{
	float : left;
	display :table-cell;
	width:51.4%;
}
.classroom_content div.classroom-images{
	display :table-cell;
	float:right;
	width:35%;
	text-align:right;
}
.classroom_content div.classroom-images p a{
	text-align:right;
}
.caption{
	font-size:14px;
	text-align:left;
}
.sec-left{
	float:left;
}
.sec-right{
	float:right;
	padding-top:22px;
}
#wrap.container.desc{
	padding : 15px 0px;
}
.padT20{
	padding-top:20px;
}

.tnames {
	color: white;
	line-height: 40px;
	font-size: 30px;
	margin-top: -20px;
	padding-left:38px;
}
.quot-lift {
	float: left;
}
.quot-right {
	float:right
}
.sliderdesc span {
	font-size:24px
}
.ms-skin-default .ms-nav-prev {
  left: -27% !important;
  margin-top: -18px !important;
  top: 90% !important;
width:40px !important;
}
.ms-skin-default .ms-nav-next {
  left: 115% !important;
top:90% !important;
background-position: -80px -103px !important;
width:40px !important;
}
.ms-parent-id-1 > .master-slider
{
  background-position: top center;
  background-size: 100% 120% !important;
}
/*********************** Volunteer Page ******************************/

.page-id-51  #wrap{
  margin: 0px 6em !important;
}
.page-id-51 #content, .page-id-309 #content {
    float: none;
    width: 100%;
padding-right:0px !important;
}
.back-links{
    position: absolute;
    top: 260px;
 width: 300px;
float: left;
}
.page-id-309 div {line-height:28px;}

.page-id-309 div.sec-left{line-height:28px; padding-top:40px;} 
.page-id-309 div.sec-right{line-height:28px; padding-top:62px;}

.back-links > a {
    display: block;
    margin-bottom: 11px;
}

.vlleft{ float:left; margin-right:30px; width:46%;margin-top:15px; text-align: left;}
.vlright{float:left; width:46%; margin-top:15px; text-align: left; margin-left:-2%;}
#post-51 div{ line-height:25px; color:#505050; text-align:left;}
.entry-content h3{ color:#505050; font-family:SegoeUILight;}
.entry-header.container {background-color:#fff; color:#269585; padding-left:0px; padding-right:0px; max-height:auto;}
.entry-header.container h1, h1.entry-title {font-size:3rem; font-family: "SegoeUILight"; font-weight: 400 !important; line-height:3.4rem; margin-bottom:0px;}
.entry-content > h3:first-child {margin-top:0px;}
.page-id-51 a{color:#008272; font-family:SegoeUISemibold}
.iframev body #container1 #searchbox{ padding:7px;  border:1px solid lightgray}

.page-id-309 h2 { margin-bottom: 20px;}
#post-51 .sociallist {float: right; margin-top: 20px;}
#post-51 div.sec-left , #post-51 div.sec-right{
	padding : 40px 0px;
}
.page-id-51 {overflow-x:hidden}
.newslink {
    margin-top: -10px !important;margin-bottom: 30px;
}
.numberlist{ list-style: decimal outside !important;  margin-left: 25px !important; margin-top:-11px}
.newsleft {float: left;font-size: 24px;	margin-right: 5px;margin-top: 15px;text-align: left;width: 45%;}
.newsright {font-size: 24px;margin-top: 15px; text-align: left; float: left; width:40%;}

body.custom-background.page, body.custom-background.post{background-color:#fff}

.interactive-banner{
	font-family : "SegoeUI";
	position : relative;
	font-size:20px;
	color:#505050;
	position:relative;
}
.interactive-desc-left {
    float:left;
    vertical-align:middle;
    width:20%;
}
.interactive-desc-right {
    float:left;
    width:75%;
}
.interactive-desc-left > img{
    vertical-align:middle;
    padding-right:20px;
    width:90%;
    margin-top:10px;
}

.aboutdesc{
	position : relative;
	margin-bottom:30px;
}

.aboutdesc p.caption{
	font-size:15px;
}
#Map{position: absolute;top:0px;width:100%;height:100%;}

.post-9375 h2 {max-width:884px;
margin-left:auto; margin-right:auto;}

.slider2.padT20.cl-partner-schools {display:none;}

/***** Homepage Mk. II HTML -> Wordpress ******/

#bgslider {width:100%; height:0; display:block; text-align:center; padding-top:2%; padding-bottom:32.8%; background-image:url(https://www.tealsk12.org/wp-content/uploads/2015/10/hero-FINAL2.png); background-size:contain; background-repeat:no-repeat;}
a.slider-button {color:#fff; padding:6px 12px 6px 12px; border-radius:12px; border:solid 3px #fff; text-align:center; 
	background-color:#27A6A3; width:300px; display:block; float:right; margin-right:10%; clear:both; margin-bottom:6px;}
a:hover.slider-button {background-color:#52b8b5;}
a#sb-right {}
a#sb-left {}

.page-id-9522 {}

.secleft-home {
	float:left;
	padding-bottom: 65px;
	width:80%;
    padding-right:20px;
}

.post-9960 .entry.clearfix, .post-9522 .entry.clearfix {margin-top:0px;}

.post-9960 ul.sociallist, .post-9522 ul.sociallist {list-style-type:none; margin-left:0px;}

.interactive-banner{position : relative;}
.bottom-of-interactive-image{ background-color:#008272; opacity:0.93; width:100%; padding:20px 0px 27px 0px; }
.bottom-of-interactive-image-html{ background-color:#008272; opacity:0.93; width:100%; }
.bltitle-interv{
	font-size:24px;
	color:#ffffff;
	line-height: 28px;
	font-family: "SegoeUIsemibold";
	font-weight:bold;
	padding:0px 0px;
}

.interv-desc {
	font-size:20px;
	color:#ffffff;
	line-height: 22px;
	font-family: "SegoeUIlight";
	padding-bottom:20px;
}
.noselectin_contant .interv-desc{
	padding-top:15px;
}
.interv-desc > a{
	font-size:18px;
	color:#ffffff;
	line-height: 22px;
	font-family: "SegoeUIsemibold";
	font-weight:600;
}
.cl-apply-main-block{
	width:100%;

	margin:0 auto;
	padding-top:0px;
}
	
.cl-apply-block div img{
	vertical-align:middle;
	padding:0px 35px 0px 0px;
	width : 155px;
		
}
.cl-apply-block > div > p.head > a {
	color: #008272;
	font-size: 25px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.cl-apply-block > div > p.desc {
	color: #4c4c4c;
	font-family: "SegoeUI";
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 01px;
	margin-top: 14px;
	word-wrap: break-word;
}

.secleft-home .text.short p {margin-top:0px;}

.post-309 p {margin-top:0px; line-height:22px; font-size:18px;}
.post-309 h4 {margin-bottom:2px; font-size:22px;}

/* Accessible Menu */

.siteNavigation li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
}

.siteNavigation li:hover  a, .siteNavigation li:focus  a, .focusNavHeader {
   
}

.siteNavigation li:hover > a {background-color:#fff; color:#27A6A3!important;}

.siteNavigation li.last:hover  a, .siteNavigation li.last:focus  a {
    background-image: none
}

.siteNavigation span {
    display: block;
}

.siteNavigation li:hover > ul, .focusNavigation {
    left: auto !important;
	display:block!important;
}

.siteNavigation ul {
    position: absolute;
    left: -9999px;
    z-index: 1;
    width: 19%;
}

.siteNavigation ul li {
    float: none;
    display: block;
    width: auto;
}

/*********************Media Queries*****************************/

.fontsz-20-16-12{
	font-size:20px;
}


/* slider updates */

.ms-skin-default .ms-nav-next {
    background-position: -80px -103px !important;
    left: 69% !important;
    top: 89% !important;
    width: 40px !important;
}

.ms-skin-default .ms-nav-prev {
    left: 27% !important;
    margin-top: -18px !important;
    top: 89% !important;
    width: 40px !important;
}

.sliderdesc {
    color: #fff;
    font-size: 30px;
    line-height: 33px;
    margin-top: -500px;
    text-align: left;
    width: 73%;
}

.slidertitle {
    color: #fff;
    font-size: 30px;
    margin-top: -95px;
    text-align: center;
}
.history-table{
	
	font-family : "SegoeUILight";
	color:#505050;
}
.cl-news p{
	
	font-family : "SegoeUILight";
	color:#505050;
	line-height:24px;
}
.history-image{
	float:right;clear:right; vertical-align:top; margin:0px;
}
.history-image img{
	display: inline;
    float: right;
    margin: 0 0 1em 2em;
}
.news-videos-title h2{
	padding : 20px 0px;
	font-family : "SegoeUILight";
	font-size:42px;
	color:#008272;
}
.news-videos{
	margin-bottom:20px;
}
.news-videos p{
	font-family : "SegoeUI";
	font-size:20px;
	line-height:24px;
}
.news-videos p a{
	font-family : "SegoeUI";
	font-size:20px;
	color:#258B7C;
	line-height:24px;
}
.sidebar.*{
	color:#505050;
}

.entry-content .social-icon {margin-right:8px; right:0px;}
.social-icon {font-size:1.4rem; padding-top:8px; position:relative; right:-10px; top:4px; margin-left:2px;}

.appear {display:none;}
#fullwidth-map-stacked {width:100%; max-width:100%; overflow:hidden; height:1120px;}
.wp-image-9279.alignright {margin-top:0px;}

@media screen and (max-width: 1024px)
{
body{overflow-x:auto}
/*#wrapper.hfeed {min-width: 1024px!important;}*/
#wrapper.hfeed {min-width:300px!important;}
#colophon, #wrap_about {padding-left:10px; padding-right:10px;}
#wrap_about {overflow-y:hidden;}
}

.teals-third {width:32%; min-width:200px; float:left; text-align:center; padding-left:.5%; padding-right:.5%;}
.teals-half {line-height:inherit; width:49%; min-width:280px; float:left; text-align:left; padding-left:0%; padding-right:1%;}
.teals-half ul {margin-bottom:0px;}
.teals-third h4, .teals-half h4 {hyphens: none;}
.teals-third p, .teals-half p {font-size:16px;}
.teals-divider {width:100%; clear:both;}

.slicknav_nav .menu-item a:hover, .slicknav_nav a span:hover {color:#fff;}
.slicknav_nav .slicknav_arrow {float:right;}
#menu-item-17877 {display:none;}
         
.home-video-box {width:320px; float:right; text-align:center; margin-left:16px; padding-bottom:24px;}
.home-video-box h5 {margin-top:20px; font-size: 1rem;}

.slicknav_nav .slicknav_row:hover, .slicknav_item:hover {background-color:transparent!important;}
.slicknav_nav .slicknav_row {margin-left:0px;}
.slicknav_nav .menu-item a {padding:3px 5px;}

#post-97 .entry-title {display:none;}

a.maplink {float:right; width:150px; position:relative; top:46px; 
	text-align:right; text-decoration:underline; color:#258B7C;}
#post-9375 .maplink {top:40px;}

@media screen and (max-width: 900px){
	div.container {padding-left:10px; padding-right:10px;}
	a.slider-button {margin-right:6px;}
	.logged-in button#responsive-menu-button {top:44px!important;}
	#logo {float:none; margin-left:auto; margin-right:auto;}
}

@media screen and (max-width:800px){
	#colophon #colophon .container {text-align:center;}
	#colophon .container div.footerimg {margin-left:auto; margin-right:auto; float:none; margin-bottom:26px; text-align:center;}
	#colophon .container #credit-link {float:none; width:100%; text-align:center;}
	#colophon .container #credit-link a {margin-left:6px; margin-right:6px;}
	.appear {display:block;}
	#body-social {display:none;}
	.social-icon {font-size:1.3rem; top:20px; position:relative; right:0px;}
	.home-video-box {float:none; margin-left:0px;}
	.home div.text.short {margin-bottom:30px;}
}

@media screen and (max-width:767px){
	section#content.primary {width:100%; padding-right:0px; margin-bottom:-20px;}
	#text-15 button {margin-top:0px!important;}
	#text-15 {margin-bottom:0px;}
	section#sidebar.secondary {width:100%; float:none; margin-left:0px; margin-top:-40px;}
	.logged-in button#responsive-menu-button {top:64px!important;}
}

@media screen and (max-width: 670px){
	.videoframediv {width:100%; height:auto; margin-top:24px;}
}

@media screen and (max-width: 660px){
	img.alignright, div.alignright, img.alignleft, div.alignleft {float:none; clear:both; margin-left:0px; margin-bottom:16px; display:block;}
	.teals-third, .teals-half {width:100%;}
}

@media screen and (max-width: 550px){
.alignleft, .alignright {display:block; clear:both; float:none; margin-left:auto; margin-right:auto;} 
}

@media screen and (max-width: 507px){
	a.slider-button {color: #fff;
	padding: 6px 6px 6px 6px;
	border-radius: 12px;
	border: solid 3px #fff;
	text-align: center;
	background-color: #27A6A3;
	width: 140px;
	display: block;
	font-size:16px;
	float: right;
	margin-right: 10px;
	clear: both;
	margin-bottom: 6px;}
}

@media screen and (min-width: 481px) and (max-width: 680px){
	.cl-apply-main-block {
		margin: 0 auto;
		padding-top: 20px;
		width:100%;
	}
	.cl-apply-block div img{
		padding:0px 25px 0px 0px;
		width : 80px;
	}
	.cl-apply-block > div > p .head  > a{
		color:#008272;
		font-size: 20px;
		font-weight:600;
		margin-top: 5px;
		margin-bottom: 15px;
		line-height:20px;
		text-transform:uppercase;
		text-decoration:none;
	}
	.cl-apply-block > div > p.desc{
		color:#4c4c4c;
		font-size: 14px;
		margin-bottom: 5px;
		margin-top: 15px;
		font-family: "SegoeUI";
		line-height:14px;
	}
	.secleft-home {padding-bottom:0px;}
	.marginsociallist {margin-bottom:65px;}
	.logged-in button#responsive-menu-button {top:64px!important;}
	
}

@media screen and (min-width:481px) and (max-width:520px){
	.cl-apply-main-block{
		width:100%;
		margin:0 auto;
		padding-top:0px;
	}

	.cl-apply-block > div {
		display: block;
		text-align: center;
	}
	.cl-apply-block div img{
		vertical-align:middle;
		padding:0px 10px 0px 0px;
		width : 120px;

	}
	.cl-apply-block > div > p.head > a {
		color: #008272;
		font-size: 25px;
		font-weight: bold;
		line-height: 28px;
		margin-bottom: 5px;
		text-transform: uppercase;
	}
	.cl-apply-block > div > p.desc {
		color: #4c4c4c;
		font-family: "SegoeUI";
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 50px;
		margin-top: 15px;
		word-wrap: break-word;
	}
	.secleft-home {padding-bottom:0px;}
	.marginsociallist {margin-bottom:65px;}
	.logged-in button#responsive-menu-button {top:64px!important;}
}

@media screen and (max-width: 480px){
	
	.logged-in button#responsive-menu-button {top:64px!important;}
	
	.secleft-home {
		width:100%;
		padding-right:0px;
	}
	.secleft-home {padding-bottom:0px;}
	.marginsociallist {margin-bottom:65px;}
	   .interactive-desc-left {
        float:left;
        vertical-align:middle;
        width:100%;
        text-align:center;
    }
    .interactive-desc-right {
        float:left;
        width:100%;
        text-align:center;
        margin-bottom:10px;
    }
    .interactive-desc-left > img{
        vertical-align:middle;
        padding-right:20px;
        width:30%;
        margin-top:10px;
    }
    .home-heading1 h1 , .home-heading2 h1 , heading2{
		font-size: 32px;
		line-height: 32px;
		padding:0px;
	}
	.home-heading3 h3 {
		font-size: 30px;
		font-style: italic;
		line-height: 35px;
		/*
		margin-bottom: 15px;
		margin-top: 25px;
		*/
	}
	.home-heading3 h1{
		font-size: 38px;
		line-height: 40px;
		margin-bottom: 30px;
		margin-top: 25px;
		padding:0px;
	}
	.cl-apply-main-block{
		width:100%;
		margin:0 auto;
		padding-top:0px;
	}

	.cl-apply-block > div {
		display: block;
		text-align: center;
	}
	.cl-apply-block div img{
		vertical-align:middle;
		padding:0px 10px 0px 0px;
		width : 120px;

	}
	.cl-apply-block > div > p.head > a {
		color: #008272;
		font-size: 25px;
		font-weight: bold;
		line-height: 28px;
		margin-bottom: 5px;
		text-transform: uppercase;
	}
	.cl-apply-block > div > p.desc {
		color: #4c4c4c;
		font-family: "SegoeUI";
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 50px;
		margin-top: 15px;
		word-wrap: break-word;
	}
}

@media screen and (max-width: 440px)
{
	#logo .logo-image {max-width:215px;}
	#click-menu {top:26px!important;}
	.classroom_content div.classroom-images {display:none;}
	.classroom_content, .classroom_content div {width:100%;}
	button#responsive-menu-button {top:16px!important;}
	.logged-in button#responsive-menu-button {top:64px!important;}
	.maplink {display:none;}
}

/* New Styles June 2017 */

#page {
	background: #fff;
	width: 100%;
	margin: 0 auto;
}
header {
	background: #258B7C;
	padding: 10px;
	padding-bottom:18px;
	
}
header#masthead {border-bottom:1px solid #258B7C;max-height:108px !important;}
.home .entry-title {display:none;}

#primary {background-color:#fff;}
iframe {border:0px;}
.post-edit-link {display:none;}
.story-odd h4, .story-even h4 {clear:none;}
p:empty {
  display: none;
}

.entry-content>h2:first-child {margin-top:0px;}

.frm_save_draft {border:solid 1px #258B7C; padding:3px 12px 4px; border-radius:12px; top: 1px;
position: relative;}
.frm_save_draft:hover {border:solid 1px #191970;}

article.post .entry-header {background-color:transparent; padding-bottom:6px;}
article.post figure.wp-caption.alignnone {margin-top:0px;}

.accessibility-notice {font-size:1rem; padding:6px; border-radius:4px; border:solid 1px #ccc; width:100%;}