/*
Theme Name: Steppenwolf
Theme URI: http://studiospoke.com/themes/wordpress/steppenwolf
Author: sp ✲ ke
Author URI: http://studiospoke.com/
Description: A rock-your-socks-off WordPress theme developed for the charming, erudite, and efficacious team at Step Up Savannah. “Life is always frightful. We cannot help it and we are responsible all the same.”

Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: sp ✲ ke, Step Up Savannah, Responsive

*	Type
	------------------------------------------------------------ *

ROBOTO				// font-family: 'Roboto', sans-serif;
Ultra-Light			// font-weight: 100
Ultra-Light Italic	// font-weight: 100; font-style: italic;
Book				// font-weight: 300
Book Italic			// font-weight: 300; font-style: italic;
Bold				// font-weight: 700
Bold Italic			// font-weight: 700; font-style: italic;
Ultra-Bold			// font-weight: 900

ROBOTO CONDENSED	// font-family: 'Roboto Condensed', sans-serif;
Regular				// font-weight: 400

SOCIAL ICONS
Socialico			// font-family: 'Socialico';

*	COLORS
	------------------------------------------------------------ *

Blue		rgb(40, 70, 135)	// #284687
Green		rgb(0, 170, 90)		// #00AA5A
Teal		rgb(140, 160, 160)	// #8CA0A0
Teal Lite	rgb(160, 180, 170)	// #A0B4AA

	============================================================ */


/*	HTML5 Reset
	------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

html {
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

article, aside, details, figcaption, figure, footer, header, nav, section {display: block;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {font-weight: normal; text-align: left;}

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

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; color: inherit; background: transparent;}

a:focus {outline: thin dotted;}

/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: 0;}

a img {border: 0;}

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* We like off-black for text… and Lamé’s Sequence */
body, select, input, textarea {color: rgb(55,55,55);}

a {color: inherit;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: rgb(232, 237, 236); color: rgb(255,255,255); text-shadow: none;}
::selection {background: rgb(232, 237, 236); color: rgb(255,255,255); text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: rgb(232, 237, 236);} 

ins {background-color: rgb(232, 237, 236); color: rgb(0,0,0); text-decoration: none;}
mark {background-color: rgb(232, 237, 236); color: rgb(0,0,0); font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/*	============================================================
GLOBAL
============================================================ */

body, button, input, select, textarea {
	color: rgb(55,55,55);
	font-family: 'Roboto', sans-serif;
	font-weight: 300; line-height: 1.25;
}

body {
	background: url('img/kindajean.png') fixed;
}

#interior-sidebar {width: 25%;
	border-bottom: 1px solid #ddd;
	border-top:1px solid #ddd;
	overflow: hidden;
}

.sidebar-widget {
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


/* Toggle
================================================== */
.symple-toggle2 .symple-toggle-trigger { color: #555; padding: 15px 15px 15px 37px; border: 1px solid #ddd; background: #f9f9f9 url("img/toggle/up-arrow.png") no-repeat 15px center; outline: 0; text-transform: none; letter-spacing: normal; font-weight: normal; font-size: 1em; line-height: 1.5em; margin: 0; margin-top: 10px; cursor: pointer; }
.symple-toggle2 .symple-toggle-trigger:hover { background-color: #eee; text-decoration: none; }
.symple-toggle2 .symple-toggle-trigger.active, .symple-toggle .symple-toggle-trigger.active:hover { color: #000; background-color: #eee; background-image: url("img/toggle/down-arrow.png"); text-decoration: none; }
.symple-toggle2 .symple-toggle-container { display: none; overflow: hidden; padding: 15px; border: 1px solid #ddd; border-top: 0px; }


/*	============================================================
STEP UP TO THE PLATE
============================================================ */

#vessel {
width: 90%; max-width: 1020px; margin: 0 auto;
background: rgb(252,252,252);
box-shadow: 0 0 1em rgba(13,21,55,0.2);
position: relative;
}

#main {padding: 0 3.92157%;}
#masthead {padding: 3.92157%;}

footer {
	overflow: hidden;
	padding: 2em 3.92157% 4em;
	background: rgb(240,240,240);
}

#footer-LocalBusiness, #footer-columns {
	font-size: 14px; font-size: 0.875rem; line-height: 1.5;
}

#footer-LocalBusiness {float: left; width: 30%}
#footer-columns {float: right; width: 70%;}
#footer-columns ul {list-style: none; margin: 0;}

#footer-columns ul a {text-decoration: none;}
#footer-columns a[title="social"], #footer-columns a[title="Social"] {display: none;}
.footer-pillar {float: left; width: 25%;}
.footer-title {
	font-weight: 700; color: rgb(34,89,144);
	text-transform: lowercase;
}

/* FOOTER SOCIAL ICONS */

#menu-item-241 a {
	position: relative;
	font-size: 3em;
	font-family: 'Socialico';
	color: rgb(0, 170, 90);
}

#menu-item-241 .sub-menu li {display: inline;}


/*	============================================================
BRANDING
============================================================ */


.site-title {float: left; margin: 0 0 0 -0.5rem;}
.site-title a {
	float:left; width: 13.75rem; height: 5rem;
	background: url(img/logo-stepup.svg) no-repeat left top;
	background-size: contain;
}

.no-svg .site-title a {background-image: url(logo-stepup.png);}


/*	============================================================
CONTROL GROUP
============================================================ */

.control-group {
	position: absolute; top: 1rem; right: 2rem;
	background-color:#ffffff;
}

#searchform {
	padding: 0.5rem 0 0.5rem 1rem;
	border: 0.0625rem solid rgb(248, 248, 248);
	background: url('img/search.png') no-repeat 10px;
}

#search {
	font-size: 12px; font-size: 0.75rem;
	padding: 0;
	border: none;
	border-radius: none;
	margin-left:15px;
}


#searchsubmit {
	border: none;
	border-left: 1px dotted rgb(40, 70, 135);
	border-radius: 0;
	background: white;
	box-shadow: none;
	color: rgb(40, 70, 135);
	font-weight: 300; font-size: 12px; font-size: 0.75rem; line-height: 1;
	padding: 0.5rem 1rem;
	text-shadow: none;
}


/*	============================================================
HEADINGS
============================================================ */

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

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



/*	============================================================
	TEXT ELEMENTS
	============================================================ */

p {margin-bottom: 1.5em;}

ul, ol {margin: 0 0 1.5em 3em;}

ul {list-style: disc;}

.entry-content ul {
list-style-type: ;
list-style-image: url(img/list-style-green_cross.svg);
}

.entry-content li {margin-top: 1em;}

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;}

b, strong {font-weight: bold;}

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: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}

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

dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}

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

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

sup {bottom: 1ex;}

sub {top: .5ex;}

small {font-size: 75%;}

big {font-size: 125%;}

figure {margin: 0;}

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

th {font-weight: bold;}

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

button, input, select, textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

button, input {
line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px; font-size: 1.2rem; line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}


button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

#squarelist {
	list-style-type: ;
	list-style-image: url(img/list-style-blue_square.svg);
}

#squarelist ul {list-style: none; margin: 1em 0 0;}

#squarelist li {margin-top: 1em;}
#squarelist ul a {text-decoration: none;}



/*	============================================================
LINKS
============================================================ */

a:visited {color: inherit;}
a:hover,
a:focus,
a:active {
	color: rgb(134,180,171);
}


/*	============================================================
ALIGNMENT
============================================================ */

.alignleft {
display: inline;
float: left;
margin-right: 2rem;
}

.alignright {
display: inline;
float: right;
margin-left: 2rem;
}

.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}

/*	============================================================
SCREEN READER TEXT
============================================================ */

.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}


/*	============================================================
CLEARING
============================================================ */

.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}

/*	============================================================
	MENUS
	============================================================ */

/*	SITE NAVIGATION MENU
	------------------------------------------------------------ */

.navigation-main {
	float: right;
	width: 70%;
	line-height: 1;
}

.navigation-main ul {
	list-style: none;	
	margin: 3.6rem 0 0;
	text-align: left;
}

.navigation-main li {display: inline-block;}

.navigation-main a {
font-weight: 200;
text-decoration: none;
}

.navigation-main ul li {margin: 0 0 0 1rem;}
.navigation-main ul li:first-child {margin-left: 0;}
.navigation-main ul li a {font-size: 32px; font-size: 1.5rem;}
.navigation-main ul ul {display: none;}
.navigation-main ul ul ul {left: 100%; top: 0;}
.navigation-main ul ul a {width: 200px;}
.navigation-main ul li:hover > ul {display: block;}

/*	STRATEGIC AREAS MENU - HOME PAGE & INTERIOR
	------------------------------------------------------------ */
#strategic-areas-menu {
	position: relative;
	padding: 0; margin: 0;
	list-style: none;
}

#strategic-areas-menu .menu-item a {
	position: relative; z-index: 100;
	display: block;
	font-weight: 400; font-size: 16px; font-size: 1rem; font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	padding: 0.75em 2em 0.75em 3em;
	color: white;
	background-image: url( 'img/redox_02.png' );
	background-repeat: repeat;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

.home #strategic-areas-menu .menu-item a {
	float: left;
	width: 33.333%; height: 10rem; 
	text-align: center;
}


#strategic-areas-menu .menu-item:nth-child(1) a {
background-color: rgb(165, 211, 217);
}

#strategic-areas-menu .menu-item:nth-child(2) a {
background-color: rgb(137, 87, 149);
}

#strategic-areas-menu .menu-item:nth-child(3) a {
background-color: rgb(235, 182, 76);
}

	/* HOVER */
	#strategic-areas-menu .menu-item:nth-child(-n+3) a:hover {background-color: rgb(190, 210, 200);}






/* STRATEGIC AREAS MENU - ICONS */

.strategy-icon a:before {
	content: "";
	position: absolute;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/* Interior pages */
.strategy-icon a:before {top: 0; left: 0.5rem; width: 2rem; height: 100%;}

/* Home page */
.home .strategy-icon a:before {top: 3.5rem; left: 15%; width: 70%; height: 5.5rem;}

/* The icons */
.strategy-workforce a:before {
background-image: url( 'img/strategy-icons/strategy-workforce.png' ); /* Fallback to PNG without SVG support */
background-image: url( 'img/strategy-icons/strategy-workforce.svg' );
}

.strategy-wealth a:before {
background-image: url( 'img/strategy-icons/strategy-wealth.png' );
background-image: url( 'img/strategy-icons/strategy-wealth.svg' );
}

.strategy-policy a:before {
background-image: url( 'img/strategy-icons/strategy-policy.png' );
background-image: url( 'img/strategy-icons/strategy-policy.svg' );
}

.strategy-support a:before {
background-image: url( 'img/strategy-icons/strategy-support.png' );
background-image: url( 'img/strategy-icons/strategy-support.svg' );
}


/* STRATEGIC AREAS MENU - SHADOW (only on home page) */
.home #strategic-areas-menu:before, .home #strategic-areas-menu:after {
	content: "";
	position: absolute; bottom: -8rem;
	width: 90%; height: 3em;
	box-shadow: 0 1.5em 0.75em rgba(60,45,30,0.8);
	border-radius: 0.25em;
}

.home #strategic-areas-menu:before {
	left: 1rem;
	-webkit-transform: matrix(1, -0.0125, -0.1, 0.5, 0, 0);
	-o-transform: matrix(1, -0.0125, -0.1, 0.5, 0, 0);
	transform: matrix(1, -0.0125, -0.1, 0.5, 0, 0);
}

.home #strategic-areas-menu:after {
	right: 1rem;
	-webkit-transform: matrix(1, 0.0125, 0.1, 0.5, 0, 0);
	-o-transform: matrix(1, 0.0125, 0.1, 0.5, 0, 0);
	transform: matrix(1, 0.0125, 0.1, 0.5, 0, 0);
}


/*	============================================================
SMALL MENU
============================================================ */

#site-navigation h1.menu-toggle {display: none;}


/*	============================================================
	CONTENT
	============================================================ */

.hentry {margin: 0 0 1.5em;}

.byline {display: none;}

.single .byline,
.group-blog .byline {display: inline;}

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

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

.hide-text {display: none;}

#vessel .entry-title {display: none;}

#vessel .entry-title-blog {
	color:rgb(37, 64, 142);
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
}

#content article {float: right; width: 70%;}

#content article h1 {
	display: block;
	font-weight: 100; font-size: 48px; font-size: 3rem; line-height: 1;
	color: #038146;
	padding: 0 0 0.5em; margin: 0 0 0.5em;
	border-bottom: 0.125rem solid rgb(233, 233, 233);
}

#content article h2 {
	color:rgb(37, 64, 142);
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
}

/* Content style for full width template */

#content2 article {width: 100%;}

#content2 article h1 {
	display: block;
	font-weight: 100; font-size: 48px; font-size: 3rem; line-height: 1;
	color: #038146;
	padding: 0 0 0.5em; margin: 0 0 0.5em;
	border-bottom: 0.125rem solid rgb(233, 233, 233);
}

#content2 article h2 {
	color:rgb(37, 64, 142);
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
}

/* Grey box */

.grey-box-1, .grey-box-2 {
	font-size: 0.875rem; line-height: 1.5;
	padding: 1rem;
	background: rgb(233,233,233);
}

.grey-box-2 {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
	-webkit-column-gap: 2em;
	   -moz-column-gap: 2em;
	        column-gap: 2em;
}

/*	============================================================
ASIDES
============================================================ */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*	============================================================
	MEDIA
	============================================================ */

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {border: none; max-width: 100%;}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-bottom: 5px;
	max-width: 100%;
}

.wp-caption-text {
font-size: 12px; font-size: 0.75rem; line-height: 1.5;
text-align: left;
}

.wp-caption .wp-caption-text {margin-bottom: 20px;}
.site-content .gallery {margin-bottom: 1.5em;}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {margin: 0;}

/* Make sure embeds and iframes fit their containers */

embed, iframe, object {max-width: 100%;}

/*	============================================================
NAVIGATION
	============================================================ */

.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}

[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}

[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*	CHILD PAGE NAVIGATION
	------------------------------------------------------------ */

.subpage-navigation {list-style: none;}

.subpage-navigation li {display: inline; margin: 0 0 0 1em;}

.subpage-navigation li:first-child {margin-left: 0;}

.subpage-navigation a {
	color: rgb(0, 170, 90);
	font-weight: 700; font-size: 12px; font-size: 0.75rem; line-height: 1.5;
	text-decoration: none;
}

.subpage-navigation a:hover {color: rgb(0, 130, 70);}

/*	============================================================
	COMMENTS
	============================================================ */

.comment-content a {word-wrap: break-word;}

/*	============================================================
	WIDGETS
	============================================================ */

.widget {margin: 0 0 1.5em;}

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

/* Search widget */
.widget_search .submit {display: none;}

#secondary {
	padding: 20px 0 10px 0;
	margin-top: -1300px;
	width: 220px;
	float:left;
}

/*	============================================================
	INFINITE SCROLL
	============================================================ */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging, /* 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;}

/*	OPTIONAL BANNER IMAGE
	------------------------------------------------------------ */

div.art-header-jpeg {
  width: 100%;
  height: 0px;
  background-image: url('images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: auto ;
  margin-right: auto ;
  overflow:hidden;
}

div.art-header-jpeg-without-image {
	height:100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto ;
	margin-bottom:20px;
	overflow:hidden;
	margin-right: auto ;
	border-top:thick solid #b2e083;
	box-shadow: 0 7px 7px -7px rgba(94, 94, 94, 1);
	-webkit-box-shadow: 0 7px 7px -7px rgba(94, 94, 94, 1); 
	-moz-box-shadow: 0 7px 7px -7px rgba(94, 94, 94, 1); 
}

/*	============================================================
	SECOND SLIDER
	============================================================ */

.nivoSlider {
	position:relative;
	width:100%;
	height:16.125em;
	overflow: hidden;
	margin-left: auto; 
	margin-right: auto;
	margin-top:20px;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}

.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 60% !important;
}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
	position:absolute; top:0px; left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0; margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}

/* The slices and boxes in the Slider */

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}

.nivo-box img { display:block; }

/* Caption styles */

.nivo-caption {
	position:absolute; right:0px; bottom:0px;
	background:#000;
	color:#000;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.nivo-caption p {padding:5px; margin:0;}

.nivo-caption a {display:inline !important;}

.nivo-html-caption {display:none;}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}

.nivo-prevNav {
	left:0px;
}

.nivo-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}

.nivo-controlNav a {
	cursor:pointer;
}

.nivo-controlNav a.active {
	font-weight:bold;
}

div.excerpt {
	position:absolute; bottom:50px; left:30px;
	width:50%; max-height: 50%;  max-width: 50%;
	font-size: 100%;
	color: #fff; text-shadow: 0 0 0.2em #000, 0 0 0.2em #000;
}

div.excerpt h1 { font-weight: 100; font-size: 600%; line-height: 80%;}

div.excerpt h2 { font-size: 75%; text-transform:uppercase; font-weight: bold;}

.breadcrumb {font-size: 12px; font-size: 0.75rem; color: #038146;}

.wpgmza_table th {
	text-align: left !important;
    padding-bottom: 15px !important;
	font-size:500%;
}

.content-area .page {
    float: right;
    width: 70%;
}