/*
Theme Name: EOS
Theme URI: http://underscores.me/
Author: Scott Marlow
Author URI: https://fuseiq.com
Description: A custom mobile responsive, HTML5 WordPress Theme for Equal Opportunity Schools, based on _S.
Version: 2017.09.14
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eos
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

EOS 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:
----------------------------------------------------------------
# Colors
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Colors
Blue:			#225496, rgb(34,84,150)
Dark Blue: 		#143259, rgb(20,50,89)
Gold:			#ECA62C, rgb(236,166,44)
Dark Gray: 		#494949, rgb(73,73,73)
Medium Gray:	#808080, rgb(128,128,128)
Light Gray: 	#DBDBDB, rgb(219,219,219)
Lightest Gray:	#f1f1f1, rgb(241,241,241)
*/

:root {
    --blue: #236092;
    --black: #212322;
    --green: #004F51;
    --orange: #E04403;
    --gold: #FFB548;
    --purple: #FFB548;
}


/* Example of using variables
.primarygreen {color:var(--primarygreen);}
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	font-size: 62.5%;
	overflow-y: scroll
}
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, .hidden {
 display: none;
}
a {
	background-color: transparent;
}
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 0 0.5em 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 0;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1.5em;
}
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, textarea {
	color: var(--black);
	font-family: futura-pt, sans-serif;
	font-size: 16px;
	/* font-size: 1.6rem; */
	line-height: 1.5;
}
h1, h3, h4, h5, h6 {
	color: var(--green);
	line-height: 1.2;
	margin: 0 0 .5em 0
}

h2 {
    color: var(--green) !important;
}

h1, h2, .header-caption, h1.page-title, .home blockquote p:first-child, .home blockquote q:first-child {
 font-family: futura-pt-bold, sans-serif;
 font-weight: normal;
 text-transform: uppercase;
}
h1 {
	font-size: 4.1rem;
	text-transform: uppercase;
    color: var(--green);
    font-family: futura-pt-condensed, sans-serif;
    font-weight:700;
}
h2 {
	font-size: 3rem;
	padding-top: 1em;
    text-transform: uppercase;
    color: var(--green);
    font-family: futura-pt-bold, sans-serif;
    font-weight:normal;
}
h3 {
	clear: both;
	font-size: 2rem;
	font-weight: bold;
    font-family: futura-pt-bold, sans-serif;
    text-transform: uppercase;
}
.header-caption h2 {
	color: #fff !important;
	font-size: 4.1rem
}
.section-two h2 {
clear: both;
	color: #fff !important;
}
#latest h2 {
	margin: 0 auto 1em auto;
	text-align: center
}
h4 {
	font-size: 1.6rem;
	font-weight: bold;
	text-transform: uppercase
    color: var(--green);
    font-family: futura-pt-bold, sans-serif;
    font-weight:normal;

}
h5 {
	font-size: 1.6rem;
	font-weight: bold;
    color: var(--green);
    font-family: futura-pt-bold, sans-serif;
    font-weight:normal;

}
.category h1.page-title {
	color: #fff
}
.entry-title {
	margin-bottom: 0
}
#cta h2.widget-title {
	color: #fff !important;
}
p {
	margin: 0 0 1.5em 0;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
.home blockquote p:first-child, .home blockquote q:first-child {
font-size: 2rem
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 18px;
	font-size: 1.8rem;
	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: 18px;
	font-size: 1.8rem;
}
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;
	overflow-x: hidden
}
*, *: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 {
	background: #f1f1f1;
	border-left: 8px solid var(--purple);
	font-size: 1.8rem;
	padding: 1.5em 1.5em .5em 1.5em;
	text-align: left;
	quotes: "" "";
}
.home blockquote, .home q {
	background: transparent url('img/bg-icon-quote.png') center 0 no-repeat;
	border-left: none;
	clear: both;
	display: block;
	margin: 10rem auto 6rem auto;
	padding-top: 8rem;
	max-width: 95rem;
	position: relative;
	text-align: center
}
section.section-two, section.section-three, section.section-four {
	position: relative
}
section.section-two {
	background: var(--purple);
	color: #fff;
}
section.section-three {
	background: #fff;
}
section.section-two:before, section.section-three:before, section.section-four:before {
	content: "";
	position: absolute;
	height: 100%;
	left: -100vw;
	width: 200vw;
	z-index: -1
}
section.section-two:before {
	background: var(--purple) 0 0 repeat;
}
section.section-three:before {
	background: #fff 0 0 repeat;
}
section.section-four {
	background: transparent
}
section.section-four:before {
	background: transparent url('img/bg-icon-graph.png') 0 0 repeat;
}
cite {
	display: block;
	font-size: 1.6rem;
	font-style: normal;
	margin-top: 3rem
}
hr {
	background-color: #DBDBDB;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 1.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
.widget ul, .widget ol {
	margin: 0 0 1.5em 0;
	padding-left: 1em
}
.site-content li {
	margin-bottom: .3em
}
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%;
}
th {
	background: #225496;
	color: #fff;
	font-size: 2rem;
	text-align: center
}
td {
	border: 1px solid #DBDBDB;
	padding: .5em
}
tr:nth-child(odd) {
background: #f1f1f1
}
.site-title img {
float: left;
	margin: 1.5rem;
	max-width: 50vw;
	width: auto
}
.site-description {
	font-size: 1.8rem;
	font-style:italic;
	margin: 1.5em auto;
	text-align:center
}
.header-img, img.wp-post-image {
	display: block;
	line-height: 0;
	margin: auto;
	width: 100%
}
/* 09.14.2017 */
.home .header-img {
background-position: top right;
background-size: cover;
height: 40rem;
opacity: .8
}
.header-caption {
	background: #143259;
	color: var(--purple);
	font-size: 2.5rem;
	padding: 1.5rem
}
/*09.14.2017 moved to mobile first */
/* Barn Door Productions: removed max width */
.header-caption {
background: none;
font-size: 6rem;
/* max-width: 60rem; */
/* padding: 0 1.5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); */
font-family: futura-pt-bold, sans-serif;
text-align:center;
padding:3rem 20px;
}
.home .header-caption {
top: 16vw;
left: 3.809523%;
transform: inherit
}
/* end 09.14.2017 moved to mobile first */
.cred {
	clear: both;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
#page a.button, .entry-content a.button,  button, input[type=button], input[type=reset], input[type=submit] {
	border: 3px solid;
     border-color: var(--orange);
	background: transparent;
	color: var(--purple);
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.1;
	padding: .25em 1em;
	text-decoration: none
}
.entry-content a:hover.button {
    border-bottom: 3px solid  var(--orange) !important;
}

#page a.button, .entry-content a.button {
	padding: 1em
}
#page .site-header a.button, .entry-content .site-header a.button {
	color: #fff
}
button.menu-toggle {
	border-color: #225496;
	color: #fff;
	float: right;
	font-size: 1.4rem;
	margin: 1.5rem 0;
	padding: .5em 1em;
	text-transform: uppercase;
	width: auto
}
button.menu-toggle:after {
content: '\f419';
font-family: genericons; 
font-size: 2.8rem;
vertical-align: middle
}
.toggled button.menu-toggle:after/*, #page button.menu-toggle[aria-expanded^="true"]:after, button.menu-toggle:focus:after, button.menu-toggle:active:after*/ {
content: '\f405';
}
a.button:after {
	content: ' \2192';
	color: var(--orange);
}
#page a.button:hover, .entry-content a.button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background: var(--gold);
	color: #fff
}
#page a.button:focus, .entry-content a.button:focus, 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 {
	background: var(--gold);
	color: #fff
}
a.button:hover:after, a.button:focus:after, a.button:active:after {
	color: #fff
}
#page button.menu-toggle:hover, #page button.menu-toggle:focus, #page button.menu-toggle:active,
.entry-content button.menu-toggle:hover, .entry-content button.menu-toggle:focus, .entry-content button.menu-toggle:active {
background: #225496
}
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 #DBDBDB;
	padding: 3px;
}
select {
	border: 1px solid #DBDBDB;
}
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: var(--purple);
	font-weight: bold;
	text-decoration: none
}
.site-content a, .all-link a, .entry-content a {
	border-bottom: 2px solid var(--orange);
}
.entry-content.button  a:hover {
	border-bottom: 3px solid var(--orange) !important;
}
.entry-title a {
	font-weight: normal;
	border: none
}
.entry-meta a {
	border: none;
	color: #808080;
	font-weight: normal
}
p.all-link {
	clear: both;
	margin: auto;
	text-align:center
}
.widget-area a.genericon {
	font-size: 3rem
}
.entry-footer a {
	border: none
}
.edit-link a {
	margin: 0 1.5em;
	float: right;
	text-transform: uppercase
}
#cta a.button {
	color: #fff
}
#colophon a.button {
	background:url('img/bg-icon-donate.png') 15px center no-repeat;
	border: 1px solid #225496;
	padding-left: 6rem
}
#colophon a.button:after {
	content:''
}
.entry-content a img {
	box-shadow: 0 7px #fff; /* required for linked images */
}
a:visited {
}
.site-content a:hover, .site-content a:focus, .site-content a:active, .all-link a:hover, .all-link a:focus, .all-link a:active, .entry-content a:hover {
	border-bottom: 2px solid #225496;
}
.entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active, .entry-title a:hover, .entry-title a:focus, .entry-title a:active {
	border: none
}
#cta a.button:hover:after, #cta a.button:focus:after, #cta a.button:active:after {
	color: #fff
}
.widget-area a.genericon:hover, .widget-area a.genericon:focus, .widget-area a.genericon:active {
	color: var(--gold);
}
#colophon a.button:hover, #colophon a.button:focus, #colophon a.button:active {
	background: #225496 url('img/bg-icon-donate-over.png') 15px center no-repeat;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}
/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/
.accordion-title {
border-bottom: 1px solid #808080;
color: var(--purple);
cursor: pointer
}
.accordion-title:after, .read:after {
color: #494949;
content: "\f432";
display: inline-block;
float: right;
font-family: genericons;
font-size: 2.8rem;  
-webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.open:after {
content: "\f432";
display: inline-block;
float: right;
font-family: genericons;
font-size: 2.8rem;  
-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion-title:hover, .accordion-title:focus, .accordion-title:active {
border-color: #808080;
}
h3.accordion-title {
margin-bottom: 0
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: none;
	display: block;
	width: 100%;
}
.main-navigation ul {
	background: var(--purple);
	clear: both;
	display: none;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	text-align: center
}
.main-navigation a {
	border-bottom: none;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 1.2em;
	text-decoration: none;
}
.main-navigation .connect > a {
	background: #f1f1f1;
	color: #225496
}
.main-navigation a[href*="portal.eoschools.org"] {
border-left: 1px solid #fff;
font-weight: normal
}
.main-navigation ul ul {
}
.main-navigation ul ul ul {
}
.main-navigation ul ul a {
	color: #DBDBDB;
	font-weight: normal
}
.main-navigation ul ul li:last-child {
	border-bottom: 1px solid #f1f1f1
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
	background: #fff;
	color: #225496;
	font-weight: bold
}
.main-navigation .connect a:hover, .main-navigation .connect a:focus {
	background: #143259;
	color: #fff
}
.main-navigation a[href*="portal.eoschools.org"]:hover {
font-weight: normal
}
.main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a {
	font-weight: normal
}
.main-navigation ul ul a:hover, .main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
	background: transparent;
	color: #fff;
	font-weight: bold
}
/* Small menu. */
.menu-toggle, .main-navigation.toggled 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: 16px;
	font-size: 1.6rem;
	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, .alignright, .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, .site-header-inside:before, .site-header-inside:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .site-header-inside:after {
	clear: both;
}
/* 09.14.2017 */
.site-header-inside {
	background: var(--gold);
	/* min-height: 14vw; */
	position: relative;
}
/* Barn Door Productions */
.page-template-page-notitle-bluefooter .site-header-inside {
     min-height: 5rem;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
#cta .widget {
	margin: auto;
	text-align: center
}
.post-date {
color: #808080
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content, .site-info {
	max-width: 140rem;
	margin: 0 auto;
	padding: 0 1.5rem;
}
.site-branding {
    background: var(--purple);
	min-height: 8.2rem;
	width: 100%
}
#colophon {
	color: #494949;
	font-size: 1.4rem;
	padding: 3rem 1.5rem;
	text-align: center
}
#latest {
	background: #f1f1f1;
	padding: 3rem 1.5rem 6rem 1.5rem
}
#cta {
	background: var(--purple);
	color: #fff;
	padding: 0 1.5rem 6rem 1.5rem
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.home .hentry {
margin: 0
}
 .byline, .updated:not(.published) {
 display: none;
}
.page-content, .entry-content, .entry-summary, .page-header, .entry-header, .widget-area {
	margin: 3em 0 1.5em 0;
}
.home .entry-content {
	margin: 0
}
.home .section-two .entry-content {
	padding-top: 4.5rem
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.cat-links, .tags-links {
	display: none;
	padding: 0 1.5em
}
.entry-meta {
	color: #808080;
	font-size: 1.6rem
}
.entry-footer {
	border-bottom: 1px solid #DBDBDB;
	margin-bottom: 3em;
	padding-bottom: 3em
}
/*--------------------------------------------------------------
## 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%;
}
/*--------------------------------------------------------------
## 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 {
	font-size: 1.4rem;
	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.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}


 @media screen and (min-width: 60em) and (max-width:75em) {
.site-content img.size-large, .site-content img.size-full {
 max-width: 390px
}
}


 @media screen and (min-width: 60em) {
body, button, input, select, textarea, .page-title, strong, b, dt, th, blockquote, cite, #page a.button {
 font-family: 'futura-pt', sans-serif;
}
body, button, input, select, textarea {
	font-size: 18px;
	font-size: 2rem;
}
}

.site-title img {
margin: 1.5rem 3rem;
height:92px;
}

 @media screen and (min-width: 60em) {
h3, h4, h5, h6 {
 font-family: 'futura-pt-bold', sans-serif;
}
body, button, input, select, textarea {
	font-size: 18px;
	font-size: 1.8rem;
}
.site-branding {
display: block;
position: fixed;
top: 0;
z-index: 5000
}
.site-header-inside {
top: 12rem;
}
/* 09.14.2017 */
.home .header-img {
height: 43rem;
opacity: 1
}
.home .header-caption {
top: 8vw;
left: 20%;
}
/*end 09.14.2017*/
.site-content {
padding-top: 8.2rem
}
.home .site-content {
padding-top: 8.2rem
}

 .menu-toggle {
 display: none;
}
 .main-navigation {
 float: right;
 margin-right: 10rem;
 width: 60%
}
 .main-navigation ul {
 clear: none;
 display: flex;
 flex: 0 1 auto;
 flex-flow: row wrap;
 justify-content: flex-end;
 margin: auto;
 text-align: left
}
 .main-navigation li {
 float: left;
 position: relative;
}
.main-navigation a {
align-items: center;
display: flex;
min-height:12.3rem;
}
.main-navigation .sub-menu a {
align-items: center;
display: flex;
min-height:5rem;
}
.main-navigation ul ul {
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 float: left;
 position: absolute;
 top: 4.5em;
 left: -999em;
 z-index: 99999;
}
.main-navigation ul ul ul {
 left: -999em;
 top: 0;
}
.main-navigation ul ul a {
height: inherit;
 width: 200px;
}
.main-navigation ul ul li:last-child {
border-bottom: none
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
	background: #143259;
	color: #fff;
}
.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%;
}
section.section-two {
padding: 0 0 6rem 0
}

/* Layout: Content-Sidebar */
.content-area {
 float: left;
 margin: 0 -27.8571428% 0 0;
 width: 100%;
}
.blog .site-main, .single .site-main, .archive .site-main {
 margin: 0 39% 0 0;
}
.page-template-page-full .site-main {
margin: 0
}
.page-template-default .site-main, .page-template-page-notitle .site-main, .page-template-page-notitle-bluefooter .site-main, .page-template-page-bluefooter .site-main {
/*margin: 0 15.328467%*/
margin: 0 auto;
max-width: 95rem
}
.site-content .widget-area {
 float: right;
 overflow: hidden;
 width: 27.8571428%;
}
#colophon .widget {
 float: left;
 margin: 0 1% 1.5em;
 width: 48%
}
#colophon {
text-align: left
}
#colophon .widget:nth-of-type(n+2) {
text-align: right
}
#latest article {
float: left;
margin: 0 3.809523%;
width: 25.7142857%
}
.site-footer {
 clear: both;
 width: 100%;
}
}/*--------------------------------------------------------------

# Alignments
--------------------------------------------------------------*/
.alignleft {
 clear: none;
 display: inline;
 float: left;
   margin: 0 6rem 3rem 0;
}
.section-two .alignleft {
margin-bottom: 6rem
}
 .alignright {
 clear: none;
 display: inline;
 float: right;
  margin: 0 0 3rem 6rem;
}
.home article > .entry-content .alignleft, .home article > .entry-content .alignright, .section-three .alignleft, .section-three .alignright {
margin-bottom: 0
}
.wp-caption-text {
	min-height: 4.4rem
}
h1 {
padding-top: 1em
}
#page a.button, button, input[type=button], input[type=reset], input[type=submit] {
	font-size: 18px;
	font-size: 1.8rem;

}
}
/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/

@media print {
/* Hide elements */
	nav, .main-navigation, .social-navigation, .page-links, .edit-link, .post-navigation, .pagination.navigation, .comments-pagination, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link {
	display: none !important;
}
.entry-footer, #comments, .site-footer, .single-featured-image-header {
	border: 0;
}
/* Font styles */
	body {
	font-family: sans-serif;
	font-size: 14pt;
	line-height: 1.5;
}
h3, h4, h5, h6, .page-title, strong, b, dt, th {
	font-weight: bold
}
h1, h2, h3, h4, h5, h6, .entry-title, .page-title, th {
	line-height: 1.2;
}
h1, .site-title {
	font-size: 3pt;
}
h2, .entry-title {
	font-size: 21pt;
}
h3, .site-description, .page-title, th {
	font-size: 18pt;
}
h4, blockquote, blockquote q, blockquote cite {
	font-size: 16pt;
}
h5, .author-title {
	font-size: 14pt;
}
.entry-meta, .wp-caption {
	font-size: 10pt;
}
/* Layout */
	body {
	padding: 0;
	text-align: left
}
header, .site, .site-header, #content, .content-area, .site-main, .page-template-page-full .site-main, #secondary, .widget-area, footer, .site-footer {
	clear: both;
	display: block;
	float: none;
	margin: 0;
	position: relative;
	width: 100%
}
header#masthead, #content {
	border-bottom: 1pt solid #000;
	margin-bottom: 11pt;
	padding-bottom: 11pt
}
table, th, tr {
	border-bottom: 1pt solid #000
}
img {
	max-width: 100%
}
.alignleft, .alignright, .aligncenter {
	clear: both;
	display: block;
	float: none;
	text-align: left
}
.site-content a:after, .site-footer a:after {
	content: " <" attr(href) ">";
	text-decoration: none;
	word-wrap: break-word
}
a[href^="#"]:after {
 content: ""
}
/* Colors */
	body, .site, .site-header, .site-footer {
	background: none !important; /* Brute force since user agents all print differently. */
	color: #000;
}
a, .site-title a, .entry-meta a .site-footer a {
	color: #666 !important; /* Make sure color schemes don't affect to print */
	text-decoration: underline
}
h1, .site-title, .entry-title, .page-title, h2, h3, h4, h5, blockquote, .site-description {
	color: #333 !important; /* Make sure color schemes don't affect to print */
}
.entry-meta {
	color: #666
}
}