style

/* 
	Theme Name: Forward
	Theme URI: http://www.organizedthemes.com/themes/forward
	Description: The WordPress theme to move your organization Forward
	Author: Organized Themes
	Author URI: http://www.organizedthemes.com
	Version: 1.0.4
	License: GNU General Public License
	License URI: license.txt
*/

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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

a img { border: 0 }

html { 
	height: 100%; 
	min-height: 100%;
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
}

body {
	height: 100%;
	min-height: 100%;
}

figure 			   { margin: 0 }
img, object, embed { max-width: 100%; height: auto; } /* Fluid images */
.ie8 img		   { width: auto; } /* IE 8 */
video 			   { width: 100%; height: auto; }
img 			   { border: 0;	-ms-interpolation-mode: bicubic } /* IE Images */
svg:not(:root) 	   { overflow: hidden } /* Correct IE9 overflow */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

.fit-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.fit-video iframe,  
.fit-video object,  
.fit-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Global Elements
----------------------------------------------- */

body {
	color: #1f201f;
	background-color: #d9d9d9;
}

a, 
a:visited { 
	color: #2da0b6; 
	text-decoration: none; 
}

a:hover { 
	color: #394056; 
}

.left { 
	float: left; 
}

.right { 
	float: right; 
}

.clear { 
	clear: both; 
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

.hidden {
	display: none;
}

.shadow,
#wrap {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

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

textarea,
input[type="text"],
input[type="password"],
input[type="email"] {
	border: 1px solid #ddd;
	color: #3e3e3e;
	font-size: 16px;
	padding: 8px 9px 9px;
}

input[placeholder] { 
	text-overflow: ellipsis; 
}

::-moz-placeholder { /* firefox 19+ */
	text-overflow: ellipsis; 
}

input:-moz-placeholder { 
	text-overflow: ellipsis; 
}

.button,
input.button,
input[type="button"],
input[type="submit"] {
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	padding: 12px 18px;
	border: none;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	text-transform: uppercase;
	-webkit-appearance: none;
	-webkit-background-clip: padding-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.button,
a.button,
a:visited.button,
button.button,
input.button,
input[type="button"],
input[type="submit"],
#wrap a.tribe-events-button {
	color: #fff;
	background-color: #e15e4c;
}

.button:hover,
a:hover.button,
button:hover.button,
input:hover.button,
input:hover[type="button"],
input:hover[type="submit"]
#wrap a:hover.tribe-events-button {
	background-color: #022c57;
}

input:focus,
textarea:focus {
	outline: none;
}

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

body {
	font: 16px/1.3 Lucida, Verdana, sans-serif;
}

p {
  margin: 0 0 25px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 10px;
	font-weight: 700;
	line-height: 20px;
	text-rendering: optimizelegibility;
	font-family: Lucida, Verdana, sans-serif;
}

h1,
h2,
h3 {
  line-height: 1.2;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

ul,
ol {
  padding: 0;
  margin: 0 0 25px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

blockquote {
	margin-left: 5%;
	margin-right: 5%;
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 5px;
}

blockquote:before {
	font-family: 'ElegantIcons';
	content: '\7b';
	position: relative;
	background-color: rgba(0, 0, 0, 0.34);
	color: #fff;
	font-size: 40px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-right: 5px;
}

blockquote p {
	font-style: italic;
}

blockquote cite {
	display: block;
	margin-top: 10px;
}

blockquote cite:before {
	content: '\2014';
	margin-right: 2px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

table th,
table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

table th {
  font-weight: bold;
}

table thead th {
  vertical-align: bottom;
}

@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*  Layout
------------------------------------------------ */

#wrap {
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
	width: 1140px;
	background-color: #fff;
}

#content {
	width: 710px;
	float: left;
	margin-bottom: 30px;
}

#sidebar {
	width: 340px;
	float: right;
	margin-bottom: 30px;
	background-color: #d8d9d8;
}

#content.page-full {
	width: 100%;
	float: none;
}

.sidebar-left #sidebar {
	float: left;
}

.sidebar-left #content {
	float: right;
}

.sidebar-right #sidebar {
	float: right;
}

.sidebar-right #conent {
	float: left;
}

.no-sidebar #sidebar {
	display: none;
}

.no-sidebar #content {
	float: none;
	width: 100%;
}

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

#logo h1 {
	margin: 0;
	line-height: 1;
	padding: 0;
}

#logo {
	margin-top: 30px;
	margin-bottom: 30px;
}

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

#navigation {
	clear: both;
	position: relative;
	z-index: 100;
	margin-bottom: 30px;
	background-color: #394056;
}

.flexnav {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform-style: preserve-3d;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-height: 0; 
}

.flexnav.opacity {
	opacity: 0; 
}

.flexnav.flexnav-show {
	max-height: 2000px;
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out; 
}

.flexnav li {
	font-size: 100%;
	position: relative;
	overflow: hidden;
}

.flexnav li a,
.flexnav li a:visited {
	position: relative;
	display: block;
	z-index: 2;
	overflow: hidden;
	color: #fff;
	padding: 10px 20px;
}

.flexnav li.current-menu-item a,
.flexnav li a:hover,
.flexnav li.current-menu-item ul li a:hover {
	background-color: #55b8c7;
}

.flexnav li.current-menu-item ul li a {
	background-color: #394056;
}

.flexnav li ul {
	width: 100%;
	margin: 0;
}

.flexnav li ul li {
	font-size: 100%;
	position: relative;
	overflow: hidden; 
}

.flexnav li ul.flexnav-show li {
	overflow: visible; 
}

.flexnav li ul li a {
	display: block;
	background-color: #393f56;
}

.flexnav .touch-button {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.075);
	text-align: center; 
}

.flexnav .touch-button:hover {
	cursor: pointer; 
}

.flexnav .touch-button .navicon {
	position: relative;
	top: 1em;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-family: 'ElegantIcons';
}

.menu-button {
	position: relative;
	display: block;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2); 
}

.menu-button .touch-button {
	background: transparent;
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center; 
}

.menu-button .touch-button .navicon {
	font-size: 16px;
	position: relative;
	top: 10px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-family: 'ElegantIcons';
}

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

	.flexnav {
		overflow: visible; 
	}
	
	.flexnav.opacity {
		opacity: 1; 
	}
	
	.flexnav li {
		position: relative;
		list-style: none;
		float: left;
		display: inline-block;
		overflow: visible;
	}
	
	.preload .flexnav li ul {
		display: none;
	}
	
	.flexnav li > ul {
		position: absolute;
		top: auto;
		left: 0;
		width: 200px;
	}
	
	.flexnav li > ul li {
		width: 100%; 
	}
	
	.flexnav li ul li > ul {
		margin-left: 100%;
		top: 0; 
	}
	
	.flexnav li ul li a {
		border-bottom: none; 
	}
	
	.flexnav li ul.open {
		display: block;
		opacity: 1;
		visibility: visible;
		z-index: 1; 
	}
	
	.flexnav li ul.open li {
		overflow: visible;
		max-height: 100px; 
	}
	
	.flexnav li ul.open ul.open {
		margin-left: 100%;
		top: 0; 
	}
	
	.flexnav .touch-button,
	.menu-button {
		display: none; 
	} 

}

/*  Header Search
------------------------------------------------ */

.header-search {
	float: right;
	margin: 0 -18px 0 10px;
	position: relative;
	top: 3px;
	width: 220px;
}

.header-search input#s {
	padding: 5px;
	margin-right: 1px;
}

.header-search .button {
	padding: 8px 10px;
	top: -1px;
	position: relative;
}

/* Flexslider Defaults
----------------------------------------------- */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.flexslider {
	margin: 0; 
	padding: 0;
}

.flexslider .slides > li { 
	display: none; 
	-webkit-backface-visibility: hidden; 
	position: relative;
}

.flexslider .slides img {
	width: 100%; 
	display: block;
}

.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child { 
	display: block; 
}

.flexslider { 
	margin: 0 0 30px; 
	position: relative; 
}

.flexslider.with-controls {
	margin-bottom: 50px;
}

.flexslider .slides { 
	zoom: 1; 
}

/*  Flexslider Arrows
------------------------------------------------ */

.flex-direction-nav a  { 
	text-decoration: none; 
	display: block;
	margin: 0; 
	position: absolute; 
	bottom: -40px;
	z-index: 10; 
	overflow: hidden; 
	cursor: pointer;
}

.flex-direction-nav .flex-prev { 
	left: 0px; 
}

.flex-direction-nav .flex-next { 
	left: 37px; 
}

.flex-direction-nav a:before  { 
	font-family: "ElegantIcons"; 
	font-size: 30px;
	font-weight: 700;
	line-height:1; 
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	background-color: #000;
}

.flex-direction-nav a.flex-prev:before  { 
	content: '\34'; 
}

.flex-direction-nav a.flex-next:before  { 
	content: '\35'; 
}

.single-slide .flex-direction-nav {
	display: none;
}

/*  Flexslider Bullets
------------------------------------------------ */

.flex-control-nav {
	width: 100%; 
	position: absolute; 
	bottom: -30px;
}

.flex-control-nav li { 
	margin: 0 6px; 
	display: inline-block; 
	zoom: 1; 
	float: right;
}

.flex-control-paging li a {
	width: 15px; 
	height: 10px; 
	display: block; 
	background: #666; 
	background: rgba(0,0,0,0.5); 
	cursor: pointer; 
	text-indent: -9999px; 
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
}

.flex-control-paging li a:hover {  
	background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active { 
	background: rgba(0,0,0,0.9); 
	cursor: default; 
}

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

/*  Slide Captions
------------------------------------------------ */

.slide-caption,
.slide-caption a, 
.slide-caption a:visited,
.slide-box,
.slide-box a,
.slide-box a:visited,
.slide-box h1,
.slide-box h2,
.slide-box h3,
.slide-box h4,
.slide-box h5,
.slide-box h6 {
	color: #fff;
}

div.slide-box {
	position: absolute;
	bottom: 0;
	top: 0;
	padding: 30px;
	width: 340px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
}

div.slide-box.caption_left {
	left: 0;
}

div.slide-box.caption_right {
	right: 0;
}

.flexslider ul.slides div.slide-box img {
	max-width: 100%;
	width: auto;
	display: inline-block;
}

.slide-box .button {
	margin-top: 20px;
}

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

.page-title {
	color: #212221;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #212221;
}

article.post {
	margin-bottom: 30px;
}

p.post-meta span {
	border-left: 1px solid #333;
	padding-left: 8px;
	margin-right: 5px;
}

p.post-meta span:first-of-type {
	border: none;
	padding-left: 0;
}

.entry-header .featured-image,
.entry-header .fit-video {
	margin-bottom: 10px;
}

article .fit-video {
	margin-bottom: 25px;
}

.search-results h1.page-title {
	border-bottom: 0;
	margin-bottom: 30px;
}

/*  Home Page Widgets
------------------------------------------------ */

#home-widgets .widget {
	float: left;
	width: 340px;
	margin-bottom: 30px;
	background-color: #f1f1f1;
}

.sizing {
	width: 340px;
}

#home-widgets .widget.featured-posts {
	width: 710px;
}

#home-widgets .post .wp-post-image {
	float: left;
	margin-right: 30px;
}

#home-widgets .widget:last-of-type {
	margin-bottom: 0;
}

/*  Widgets
------------------------------------------------ */

h3.widget-title {
	margin: -20px -20px 20px;
	padding: 10px 20px;
	font-size: 22px;
	color: #fff;
	background-color: #57bdcc;
}

.widget {
	padding: 20px;
}

.organizedthemes-facebook iframe {
	width: 100% !important;
}

.featured-posts article {
	margin-bottom: 30px;
}

.featured-posts article:last-of-type {
	margin-bottom: 0;
}

#sidebar ul {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

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

#home-widgets .organizedthemes-contact.widget {
	padding: 0;
	width: 100%;
}

#home-widgets .organizedthemes-contact .vcard  {
	float: left;
	width: 32%;
	padding: 20px;
	min-height: 360px;
}

#home-widgets .organizedthemes-contact .contact-map {
	float: right;
	width: 66%;
	min-height: 360px;
	overflow: hidden;
}

#home-widgets .organizedthemes-contact .contact-map iframe {
	width: 100%;
	margin-bottom: -4px;
}

.organizedthemes-contact ul {
	list-style-type: none;
	margin-left: 9px;
}

.organizedthemes-contact h3.open-title {
	margin-top: 0;
}

.organizedthemes-contact .fn {
	font-weight: 700;
}

#sidebar .organizedthemes-contact .contact-map iframe {
	height: 360px;
	width: 100%;
}

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

#footer {
	clear: both;
	margin: 30px -30px 0;
	padding: 20px 30px;
	color: #fff;
	background-color: #212221;
}

#footer-content {
	display: block;
	clear: both;
}

#footer-left {
	float: left;
}

#footer-right {
	float: right;
	text-align: right;
}

#footer-left p,
#footer-right p {
	margin-bottom: 0;
}

p#organizedthemes-link img {
	height: 20px;
	margin-bottom: -5px;
}

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

#footer-sidebar {
	width: 100%;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
}

#footer-sidebar .widget {
	float: left;
	width: 340px;
	margin-bottom: 30px;
}

#footer-sidebar ol,
#footer-sidebar ul {
	margin-left: 0;
	margin-right: 0;
}

/*  Staff
------------------------------------------------ */

article.staff {
	margin-bottom: 30px;
}

.staff-entry {
	overflow: hidden;
}

article.staff li.email-address,
article.staff li.phone-number,
article.sponsor li.email-address,
article.sponsor li.phone-number {
	margin-right: 10px;
	position: relative;
	top: -3px;
}
/* Comments
----------------------------------------------- */

#comments {
	clear: both;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 20px;
	padding-top: 20px;
}

.comment-navigation {
	margin: 15px 0;
	overflow: hidden;
}

.comment-navigation h3.assistive-text {
	display: none;
}

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
}

ol.commentlist {
	list-style-type: none;
	margin-left: 0;
}

li.comment {
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.05);
}

li.comment ul.children {
	margin: 5%;
}

.comment-header {
	overflow: hidden;
	margin: -15px -15px 15px;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.05);
}

.comment-header img {
	float: left;
	margin-right: 10px;
}

.comment-header cite.fn {
	font-size: 18px;
	line-height: 1.7;
}

li.comment.bypostauthor .comment-header {
	border-left: 4px solid #000;
}

#comments p.reply {
	margin-bottom: 0;
}

li.comment ul.children p.reply {
	margin-bottom: 10px;
}

a.comment-reply-link:after {
	font-family: 'ElegantIcons';
	content: '\24';
	position: relative;
	top: 2px;
}

li.pingback {
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.05);
	margin-bottom: 10px;	
}

li.pingback p {
	margin: 0;
}

#comments #respond {
	margin-top: 20px;
}

input#author,
input#email,
input#url,
textarea#comment {
	width: 100%;
	margin-top: 5px;
	padding: 10px;
}

/* Pagination
----------------------------------------------- */

.paging {
	clear: both;
	text-align: center;
	font-size: 20px;
	padding: 20px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.paging a.next,
.paging a.prev {
	padding: 0;
	margin: 0;
	position: relative;
	top: -1px;
}

.paging a.next {
	float: right;
}

.paging a.prev {
	float: left;
}

a.next:after {
	font-family: 'ElegantIcons';
	content: '\24';
	position: relative;
	font-size: 24px;
	border: none;
}

a.prev:before {
	font-family: 'ElegantIcons';
	content: '\23';
	position: relative;
	font-size: 24px;
}

span.page-numbers,
a.page-numbers {
	margin-left: 5px;
	margin-right: 5px;
}

.paging span.current {
	font-weight: 700;
}

/* Author Bio
----------------------------------------------- */

.author-bio {
	clear: both;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 50px;
	padding-top: 45px;
	margin-bottom: 30px;
}

.author-bio img.avatar {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

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

.alignleft {
    float: left;
    margin: 0 30px 30px 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 30px auto;
}

.alignright {
    float: right;
    margin: 0 0 30px 30px;
}

.alignnone {
    float: none;
    display: block;
    margin: 0 0 30px 0;
}

p.size-full {
    width: 100%;
    height: auto;
    margin: 5px 0 30px 0;
}

.wp-caption {
	text-align: center;
	max-width: 100%;
	padding: 1.2%;
	border: 1px solid #d8d8d8;
	border-radius: 2px;
}

.wp-caption p,
.gallery-caption {
	margin-bottom: 0;
	font-size: 12px;
	font-style: italic;
}

/* Social Icons
----------------------------------------------- */

.screen-reader-text {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

#menu-social-media ul {
	list-style: none;
	margin: 0;
	text-align: center;
}

#menu-social-media {
	float: right;
	margin-right: 5px;
}

#menu-social-media ul li {
	display:  inline-block;
	position: relative;
}

#menu-social-media li a::before {
	display: inline-block;
	padding: 10px 5px 9px;
	font-family: 'ElegantIcons';
	font-size: 24px;
	vertical-align: top;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

ul.network-icons {
	margin: 20px 0 0;
	width: 100%;
}

ul.network-icons li a {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	text-decoration: inherit;
	position: relative;
	z-index: 10;
}

ul.network-icons li {
	display: inline-block;
	list-style-type: none;
}

ul.network-icons li a::before {
	padding: 3px;
	border-radius: 3px;	
	font: normal normal 23px/1.5 'ElegantIcons';
}

ul.network-icons li a[href*="skype.com"]::before,
#menu-social-media li a[href*="skype.com"]::before {
	content: "\e0a2";
}

ul.network-icons li a[href*="youtube.com"]::before,
#menu-social-media li a[href*="youtube.com"]::before {
	content: '\e0a3';
}

ul.network-icons li a[href*="vimeo.com"]::before,
#menu-social-media li a[href*="vimeo.com"]::before {
	content: '\e09c';
}

ul.network-icons li a[href*="twitter.com"]::before,
#menu-social-media li a[href*="twitter.com"]::before  {
	content: '\e094';
}

ul.network-icons li a[href*="pinterest.com"]::before,
#menu-social-media li a[href*="pinterest.com"]::before  {
	content: '\e095';
}

ul.network-icons li a[href*="linkedin.com"]::before,
#menu-social-media li a[href*="linkedin.com"]::before  {
	content: '\e09d';
}

ul.network-icons li a[href*="instagram.com"]::before,
#menu-social-media li a[href*="instagram.com"]::before  {
	content: '\e09a';
}

ul.network-icons li a[href*="plus.google.com"]::before,
#menu-social-media li a[href*="plus.google.com"]::before  {
	content: '\e096';
}

ul.network-icons li a[href*="flickr.com"]::before,
#menu-social-media li a[href*="flickr.com"]::before  {
	content: '\e0a6';
}

ul.network-icons li a[href*="facebook.com"]::before,
#menu-social-media li a[href*="facebook.com"]::before  {
	content: '\e093';
}

ul.network-icons li a[href*="dribbble.com"]::before,
#menu-social-media li a[href*="dribbble.com"]::before  {
	content: '\e09b';
}

/*  Search Form
------------------------------------------------ */

input#s {
	margin-right: 5px;
	width: 100%;
	width: calc(100% - 100px);
}

/*  MailChimp Widget
------------------------------------------------ */

.chimp-description {
	margin-bottom: 15px;
}

/*  Attention Widget
------------------------------------------------ */

#home-widgets .widget.attention-block {
	width: 100%;
	display: table;
	padding-top: 30px;
	padding-bottom: 30px;
}

#home-widgets .attention-block h3.widget-title {
	margin: 0;
	padding: 0;
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	background: none;
}

#home-widgets .attention-block .attention-button {
	display: table-cell;
	width: 28%;
	text-align: right;
	vertical-align: middle;
}

#home-widgets .widget.attention-block,
#sidebar .widget.attention-block {
	background-color: #393f56;
}

#sidebar .widget.attention-block h3.widget-title {
	background: none;
	margin-top: 0;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

#sidebar .attention-block {
	text-align: center;
	padding: 25px;
}

#home-widgets .attention-block h3.widget-title,
#sidebar .attention-block h3.widget-title {
	color: #fff;
}

/*  Sponsors Widget
------------------------------------------------ */

#home-widgets .widget.sponsor-display {
	background: transparent;
	width: 100%;
	float: none;
	padding: 0;
}

#home-widgets .widget.sponsor-display h3.widget-title {
	margin: 0 0 20px;
}

.sponsor-display ul {
	margin: 0;
	list-style-type: none;
	text-align: center;
}

.sponsor-display li {
	display: inline-block;
	width: 14%;
	margin: 1%;
}

/*  Sposor List
------------------------------------------------ */

.page-template-page-sponsor-list article.sponsor {
	float: left;
	width: 21%;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 30px;
	min-height: 300px;
}

h2.sponsor-title {
	font-size: 20px;
	text-align: center;
}

/*  Campign Extension
------------------------------------------------ */

.campign-widget .campaign-image {
	display: none;
}

.graph-progress {
	background-color: #393f56;
}

/*  Media Shortcode
------------------------------------------------ */

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 30px;
}

.wp-playlist.wp-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 10px;
}

/* Only mobile devices
----------------------------------------------- */

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

	/* Prevents Double Text Bug */
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	strong,
	b,
	a.button,
	input.button,
	input[type="button"],
	input[type="submit"],
	nav#top-menu li a,
	nav#top-menu li a:visited,
	.paging span.current,
	table th,
	dt {
		font-weight: normal;
	}
	
}

/*  Landscape Tablet Layout
------------------------------------------------ */

@media only screen and (min-width: 1024px) and (max-width: 1180px) {

	#wrap {
		width: 960px;
	}
	
	#content {
		width: 590px;
	}
	
	#sidebar {
		width: 280px;
	}
	
	div.slide-box,
	#home-widgets .widget,
	#footer-sidebar .widget {
		width: 280px;
	}
	
	.sizing {
		width: 280px;
	}
	
	#home-widgets .widget.featured-posts {
		width: 590px;
	}

}

/*  Portrait Tablet Layout
------------------------------------------------ */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	#wrap {
		width: 750px;
	}
	
	#content {
		width: 450px;
	}
	
	#sidebar {
		width: 220px;
	}
	
	div.slide-box,
	#home-widgets .widget,
	#footer-sidebar .widget {
		width: 330px;
	}
	
	.sizing {
		width: 330px;
	}
	
	div.slide-box {
		padding: 15px;
	}
	
	div.slide-box h2.slide-title {
		font-size: 24px;
	}
	
	div.slide-box p {
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	div.slide-box a.button {
		margin-top: 0;
	}
	
	#home-widgets .widget.featured-posts {
		width: 690px;
	}
	
	div.slide-box a.button {
		font-size: 14px;
		padding: 8px 18px;
	}
	
	.sponsor-display li {
		width: 13%;
		margin: 1%;
	}
	
}

@media only screen and (max-width: 767px) {
	
	#wrap {
		width: 90%;
	}
	
	ul.sub-menu.flexnav-show {
		margin-left: 30px;
		width: calc(100% - 30px);
	}
	
	#menu-social-media {
		float: none;
		margin-right: 0;
	}
	
	#content {
		width: 100%;
	}
	
	#sidebar {
		width: 100%;
		margin-top: 30px;
	}
	
	.sizing,
	#home-widgets .widget,
	#footer-sidebar .widget {
		width: 100%;
	}
	
	#home-widgets .widget.featured-posts {
		width: 100%;
	}
	
	div.slide-box,
	div.slide-box.caption_left,
	div.slide-box.caption_right {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}
	
	div.slide-box a.button {
		font-size: 14px;
		padding: 8px 18px;
	}
	
	div.slide-box p:last-of-type {
		margin-bottom: 0;
	}
	
	.sponsor-display li {
		width: 25%;
		margin-bottom: 2%;
	}
	
	#home-widgets .widget.attention-block {
		display: block;
	}
	
	#home-widgets .attention-block h3.widget-title {
		margin-bottom: 20px;
		display: block;
		width: 100%;
		text-align: center;
	}
	
	#home-widgets .attention-block .attention-button {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	#home-widgets .organizedthemes-contact .vcard,
	#home-widgets .organizedthemes-contact .contact-map {
		float: none;
		width: 100%;
		min-height: none;
	}
	
	#home-widgets .organizedthemes-contact .contact-map {
		padding: 30px;
	}
	
	#footer-content {
		display: block;
	}
	
	#footer-left,
	#footer-right {
		text-align: center;
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	
}

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

	#wrap {
		width: 100%;
	}
	
	#home-widgets .post .wp-post-image {
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	#staff-sidebar {
		text-align: center;
	}
	
	#staff-sidebar img.alignleft {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
}