/*
Theme Name: Richard Tapia Center Theme
Theme URI: http://tapiacenter.rice.edu/
Description: A custom WordPress site for the Richard Tapia Center by Ronal Infante.
Author: Ronal Infante
Author URI: http://www.linkedin.com/profile/view?id=254525322
Version: 1.0

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Mobile
 *   2.1 - Index
 *   2.2 - Header
 *   2.3 - Footer
 *   2.6 - Plugin Styling
 * 3.0 - Tablet
 *   3.1 - Index
 *   3.2 - Header
 *   3.3 - Footer
 * 4.0 - Desktop
 *   4.1 - Index
 *   4.2 - Header
 *   4.3 - Footer
 * 
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been adapted from the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */
 
html, body, div, span, 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, section, 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;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

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

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #333333;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

body {
	background: #F5F6FB;
}

a {
	color: #003368;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

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

a:active,
a:hover {
	color: #365E88; /* rgba(0, 51, 104, 0.9); */
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin: 36px 0 15px;
	line-height: 1.5;
}

h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 17px; }
h6 { font-size: 16px; }

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

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

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

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote, 
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

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

blockquote {
	font-style: italic;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 700;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0 0 24px 22px;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	display: inline-block;
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: 1.14;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); 
	/* removing the inner shadow, rounded corners on iOS inputs */
}

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

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

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

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

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

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

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

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin: 25px 0;
}


/**
 * 2.0 - Mobile
 *
 * Mobile-first approach by applying styles that progressively enhance the site
 *
 * -----------------------------------------------------------------------------
 */
 
@font-face {
	font-family: 'Icomoon';
	src: url('assets/Icomoon/icomoon.eot'); /* IE9 Compat Modes */
	src: url('assets/Icomoon/icomoon.eot?#iefix') format('embedded-opentype'), 
	     url('assets/Icomoon/icomoon.woff') format('woff'),
	     url('assets/Icomoon/icomoon.ttf')  format('truetype'),
	     url('assets/Icomoon/icomoon.svg#svgFontName') format('svg');
}

.wrapper{ margin: 0 auto; width: 90%; }
.template-body > .wrapper,
.single-template-body > .wrapper{ position: relative; overflow: hidden; }
         
/* 

Header Breakdown:

h1 - Main Header Title, Template Headers, and Titles of Single Posts; 
h2 - Page Subheaders (After Template Header), Titles of Posts on Listing Pages, Contact Names, Front Page Mission;
h3 - Page Emphasized Subheaders (Page Subheaders), Footer Blockquote, Footer Titles, Sidebar Titles, Front Page Tabs;
h4 - Non-linked/Semi-important Titles, Donors, Speakers;
h5 - Nav Section Titles, Contact Position, Video Titles;
h6 - Supplemental Information: Dates & Times, Authors & Durations & Views,;

*/

h1, h2, h3,
h4, h5, h6 { margin: 0 0 10px; }
h1, h2, h3{ color: #003368; }
h5, h6 { font-weight: 400; }
h4 { color: #365E88; }
h6 { font-style: italic; }
p{ margin: 0 0 15px; }
                                
blockquote {
	position: relative;
	margin: 15px 0 15px 45px; 
	background: #FFFFFF;
	border-left: 8px #003368 solid; 
	padding: 10px 15px; 
	quotes: "\201C""\201D";
	color: #666666;
}
blockquote:before {
  	content: open-quote;
	position: absolute;
	margin: -20px 0 0 -68px;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 76px;
	font-weight: 700;
	color: #003368;
	line-height: 1;
}
blockquote p{ font-size: 1.1875em; }
blockquote a{ font-size: 0.85em; font-style: normal; }

img{ width: 100%; height: auto; }

address{ margin: 0; }

a[rel^="lightbox"]{ 
	cursor: zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
}

iframe{ width: 100%; }

iframe[src*="youtube"]{ height: 225px; margin: 10px 0 0; }
#sidebar iframe[src*="youtube"]{ margin: 0 0 20px; }
#sidebar iframe[src*="facebook"]{ height: 415px; }

a{ text-transform: uppercase; font-weight: 700; font-style: normal; }


	/**
	 * 2.1 - Index Page
	 *
	 * The main page template that is called when all other template don't 
	 * exist/work, index.php
	 *
	 * -----------------------------------------------------------------------------
	 */
	
	div.error{ 
		margin-top: 60px; 
		text-align: center;
	}
	div.error div{ 
		margin-top: 0; 
		text-align: left;
	}
	div.error div h2{ margin-top: 20px; }
	div.error:before{ 
		content: '\e6f4';
		font-family: Icomoon; 
		color: #003368;
		font-size: 9em; 
		line-height: 1;
	}
	
	/**
	 * 2.2 - Header
	 *
	 * Code is found in header.php, called on every page on the site.
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	header{
		position: relative;
		width: 100%;
		background: #365E88;
		z-index: 2; 
		
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1); 
		box-shadow: 0 0 10px rgba(0, 0, 0, 1); 
	}
	header.logged-in{ top: 46px; }

	#title{ 
		position: absolute;
		width: 100%;
		height: 95px; 
		background: #003368; 
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
		box-shadow: 0 0 10px rgba(0, 0, 0, 1);
		z-index: 2;
	}
	header img{
		position: absolute;
		display: block;
		float: left;
		margin: 3px 0 0;
		width: 77px;
		height: auto;
	}
	
	header h1, header form{ display: inline-block; }
	
	header h1{
		position: absolute;
		margin: 0;
		left: 0;
		width: 100%;
		padding: 20px 0 27px 19px;
		background: rgba(0, 51, 104, 0.6);
	 	line-height: 1.2;
		font-size: 20px;
		height: 95px;
	}
	header h1 a{ color: #FFFFFF; }
	header h1 a:hover *{ color: #365E88; }
	header h1 small{
		display: block;
		font-size: 0.7em;
		vertical-align: top;    
		color: #DADEE7;
	}
	header h1 a:active small{ color: #365E88; }
	
	#donate{ 
		display: none;
		float: right;
		margin: 8px 0;
		color: #FFFFFF; 
		background: #FF6049;
		
		-webkit-box-shadow: 0 5px 0 #D25543;
		box-shadow: 0 5px 0 #D25543;
	}
	#donate:hover{
		background: #FFB925;
		
		-webkit-box-shadow: 0 5px 0 #D69100;
		box-shadow: 0 5px 0 #D69100;
		
		color: #FFFFFF; /* don't change font color */
	}
	
	#donate:active{ 
		background: transparent; 
		border: 2px #FFFFFF dashed; 
		color: #FFFFFF;
		
		-webkit-box-shadow: none; 
		box-shadow: none;
		-webkit-box-shadow: 0; 
		box-shadow: 0; 
	}
	#donate:active:after{ left: 5px; color: #FFFFFF; }

	
	header #search-nav-container{ 
		width: 100%;
		overflow: hidden;
	}
	header #main-search{ background: #DADEE7; padding: 15px 0; margin-top: -8px; }
	header form{ display: block; overflow: hidden; }
	header form label{ display: block; margin-bottom: 5px; }
	header form button[type="submit"]{
		display: block; 
		overflow: hidden;
		float: right;
		width: 105px; 
		height: 44px;
		background: #003368; 
		border: 0; 
		
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		
		color: #FFFFFF;
		line-height: 1;
	}
	header form button[type="submit"]:hover{
		background: #365E88;
	}
	header form button[type="submit"] span{ margin-left: 5px; vertical-align: middle; font-family: Icomoon; }
	header form fieldset{ 
		display: block; 
		margin: 0;
		padding: 0;
		overflow: hidden;
		border: 0; 
	}
	header form fieldset input[type="search"]{
		display: block; 
		padding: 10px 15px; 
		width: 100%; 
		background: #FFFFFF; 
		border: 0; 
		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
		box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);

		color: #333333;
		font-size: 18px; 
		font-style: italic;

	}
	
	#search{ 
		float: right; 
		vertical-align: bottom; 
		font-family: Icomoon; 
		cursor: pointer; 
	}
	#navicon{ 
		float: left; 
		vertical-align: bottom; 
		font-family: Icomoon; 
		cursor: pointer; 
	}
	#top, #donate_top{ display: none; }
	#top a:before{
		content: '\f0d8';
		float: left;
		padding-right: 10px;
		font-family: Icomoon;
		-webkit-transition: 0.1s;
    		transition: 0.1s;
	}
	#top a:hover:before{ line-height: 1.2; }
	
	
	
	nav{ background: #365E88; overflow: hidden; }
	nav ul{ list-style: none; }

 	nav ul.menu{ padding: 0; margin: 0; } /* first-level nav menu */
	nav ul.menu > li{ display: inline-block } /* first-level buttons */
	nav ul.menu > li > a, #search, #navicon{ 
		display: block; 
		padding: 12px 15px; 
		color: #FFFFFF; 
	} 
	nav ul.menu > li:hover, 
	#search:hover, 
	#navicon:hover{ background: #FFFFFF; }
 	nav ul.menu > li:hover > a{ color: #003368; }
 	nav ul.menu > li:hover > a:hover, 
 	#search:hover, 
	#navicon:hover{ color: #365E88; }
 	
 	nav ul.sub-menu{ display: none; } /* hide both submenus */
 	nav ul.menu > li:hover ul.sub-menu{ display: block; } /* unhide boht submenus on hover */

	nav ul.menu > li > ul.sub-menu{ /* submenu background */
		position: absolute;
		background: #FFFFFF;
		
		-webkit-box-shadow: 0 5px 0 #DADEE7;
		box-shadow: 0 5px 0 #DADEE7;
		
		padding: 30px 0;
		margin: 0;
		left: 0px;
		width: 100%;
		overflow: auto;
		z-index: 1;
	}
	
	nav ul.menu > li > ul.sub-menu .wrapper > li{ padding: 0 15px 15px 0; vertical-align: top; } /* first submenu blocks */

	nav ul.menu > li > ul.sub-menu li > h5{ margin: 0 0 5px; } /* submenu headers */
	nav ul.menu > li > ul.sub-menu li > h5 a{ font-style: italic; }
	
	nav ul.menu > li > ul.sub-menu ul.sub-menu > li{ padding: 0 0 8px 0; } /* second submenu blocks */

	nav ul.sub-menu ul.sub-menu > li > a { /* submenu links */
		color: #333333;
		text-transform: none;
		font-weight: 400;
	}
	nav ul.sub-menu ul.sub-menu > li > a:hover:before{
		content: '\f0da';
		float: left;
		color: #003368;
		font-family: Icomoon;
		margin-left: -20px;
		padding-right: 5px;
		line-height: 1.5;
	}	
	
	 
	#wpadminbar{ position: fixed !important; }
	#wpadminbar{ min-width: 0 !important; }
	#wp-admin-bar-stats{ display: none !important; }

	 
	/**
	 * 2.3 - Footer
	 *
	 * Code is found in footer.php, called on every page on the site.
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	footer { 
		margin-bottom: 5px; 
		background: #FFFFFF; 
		-webkit-box-shadow: 0 5px 0 #DADEE7;
		box-shadow: 0 5px 0 #DADEE7; 
	}
	
	footer > div:first-child{ background: #003368; }
	.block-wrapper{ width: 75%; margin: 0 auto; } 
	footer blockquote{ 
		position: relative; 
		margin: 0;
		padding: 35px 0 30px;
		background: transparent;
		border-left: 0;	} 
	footer blockquote .quote{ width: 100%; }
	footer blockquote h3{ overflow: hidden; color: #FFFFFF; font-size: 20px; }
	footer blockquote h3:before,
	footer blockquote h3:after{ 
		position: absolute; 
		color: #DADEE7;
		font-size: 60px;	
	} 
	footer blockquote h3:before{ 
		content: open-quote; 
		margin: -26px 0 0 -35px;
	} 
	footer blockquote h3:after{ 
		content: close-quote; 
		margin: 5px 0 0 2px;
		line-height: 1;
	} 
	footer blockquote h3 small{ 
		margin-top: 20px;
		padding-left: 26px; 
		float: right;
		color: #DADEE7; 
		font-style: normal; 
	} 

	footer section{ 
		display: block;
		margin: 30px 0 0;
		vertical-align: top;
		text-align: center;
	}
	
	footer section ul{ display: inline-block; margin: 0; list-style: none; }
	footer section h3{ 
		margin-top: 0;
		font-style: normal;
	}
	footer section a{ 
		color: #333333; 
		text-decoration: none; 
		margin-bottom: 8px;
		font-weight: 400;
		text-transform: none;
	}
	footer section a:hover{ color: #333333; }
	footer section li{
		padding: 0 0 8px 0;
	}

	footer section li:hover:before{
		content: '\f0da';
		float: left;
		color: #003368;
		font-family: Icomoon;
		margin-left: -20px;
		padding-right: 5px;
		line-height: 1.5;
	}
	footer section:nth-child(4){ 
		display: block; 
		width: 80%;
		max-width: 250px;
		border: 0; 
		vertical-align: top; 
		margin: 30px auto 0; 
	}
	footer img{ width: 100%; border: 0; }
	footer p{ margin: 0; padding: 0 0 20px;}
	
		
	/**
	 * 2.4 - General Styling
	 *
	 * Commonly used styling for various post types throughout the site.
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	.alignright, .alignleft{ display: block; max-width: 100%; height: auto; margin: 0 auto 30px !important; }
	.aligncenter{ display: block !important; margin: 0 auto; text-align: center; }
	.wp-caption img{ 
		width: 100%;
		height: auto;
	}
	.wp-caption p{ margin: 8px 0 0; font-size: 0.8em; }
	 
	.template-header{
		margin: 0;
		padding: 45px 30px;
		background-color: #111111;
		background-position-y: 30%;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	.template-header h1{ 
		display: inline-block;
		vertical-align: bottom; 
		width: 90%; 
		max-width: 700px;
		margin: 0;
		padding: 20px; 
		background: rgba(0,0,0,0.2);
		border: 5px #FFFFFF solid;
		color: #FFFFFF; 
		font-size: 24px;
		text-transform: uppercase;
		text-shadow: 2px 2px 10px #000;
	}
	.template-body, 
	.single-template-body{ padding: 30px 0; overflow: hidden; }
	
	.post, 
	div.error,
	.wp-caption,
	aside{
		padding: 25px;
		margin-bottom: 30px;
		background: #FFFFFF;
	
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-box-shadow: 0 5px 0 #DADEE7;
		box-shadow: 0 5px 0 #DADEE7;
		
		overflow: hidden;
		vertical-align: top;
	}
	.post:last-child{ margin-bottom: 5px; }
	.post h2 a{ text-transform: none; } 
	
	
	.post h2, .single h1,
	#contact .post h6,
	#contact .post h5,
	#steering-committee .post h6,
	#steering-committee .post h5{ margin: 0 0 8px; }
	
	#webinar .post h6,
	#category .post h6,
	#program .post h6,	
	#webinar .single h6,
	#category .single h6,
	#program .single h6{ display: inline; } 
	
	.more, .sort a{ 
		display: inline-block;
		padding: 10px 20px 10px 15px;
	
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-box-shadow: 0 5px 0 #001A35;
		box-shadow: 0 5px 0 #001A35;
		
		color: #FFFFFF; 
		background: #003368; 
		border: 2px transparent solid;
	}
	.sort a{ margin: 0 5px 5px; padding: 5px 10px; }
	.more{ 
		margin: 0 5px 5px;
		padding: 10px 20px 10px 15px; 
	
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	
	.more:hover, .sort a:hover{
		background: #365E88; 
		
		-webkit-box-shadow: 0 5px 0 #284563;
		box-shadow: 0 5px 0 #284563;
		
		color: #FFFFFF; /* don't change font color */
	}
	
	.more:active, .sort a:active{ 
		background: transparent; 
		border: 2px #365E88 dashed; 
		
		-webkit-box-shadow: none; 
		box-shadow: none;
		-webkit-box-shadow: 0; 
		box-shadow: 0;
		
		color: #365E88; 
	}
	.sort a:active{ margin-bottom: 7px; }
	
	.more:after{
		content: '\f0da';
		position: relative;
		margin-left: 8px;
		color: #FFFFFF;
		font-family: Icomoon;
		line-height: 1;
		-webkit-transition: 0.1s;
    		transition: 0.1s;
	}
	.more:hover:after{ left: 5px; }
	.more:active:after{ left: 5px; color: #365E88; }
	aside .more{ display: block; float: none; }

	 
	.single{ overflow: hidden; }
	.single h1{ font-size: 28px; }
	.single hr{ margin: 15px 0; }
	.single .post{ margin: 0 auto 15px; }
	.single .post-img{ width: 140px; height: 140px; }
	.single.webinar .post-img{ width: 180px; height: 230px; }
	.single img{ -webkit-border-radius: 5px; border-radius: 5px; }
	
	.office:before {
		content: '\e603';
		font-family: Icomoon;
		font-style: normal;
		padding-right: 5px;
		line-height: 1.2;
	}
	.phone:before {
		content: '\e63c';
		font-family: Icomoon;
		font-style: normal;
		padding-right: 5px;
		vertical-align: middle;
		line-height: 1.2;
	}
	.email:before {
		content: '\f0e0';
		color: #003368;
		font-family: Icomoon;
		font-style: normal;
		padding-right: 5px;
		vertical-align: middle;
		line-height: 1.2;
	}
	.email:hover:before { color: #365E88; }
	.date date{ color: inherit; }
	date{ font-weight: 700; font-style: italic; color: #365E88; }
	.date, .source, .time{ display: inline; padding-left: 2px; }
	.source:before,
	.time:before{
		content: ' • ';	
		color: #333333;;
		font-style: normal;
		font-size: 16px;
		font-weight: 400;
	}
	
	#sidebar{ margin-top: 15px; clear: both; }
	#sidebar .post,
	#sidebar .post h3{ margin-bottom: 5px; }
	#sidebar .post > div{ text-align: center; }
	#sidebar .post > div div{ display: inline-block; }
	#sidebar .more{ text-align: center; margin: 0 5px 25px; }
	
	.post-container{ margin-bottom: 15px; }
	.post-container,
	.post-container div{ overflow: hidden; }
	.post-img, .contact-headshot{
		margin: 0 auto 25px;  /* -----!!!!!!!!!!!!!!!! */
		width: 100%;
		max-width: 240px;
		height: 240px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	

	/**
	 * 2.5 - Page Content
	 *
	 * Styling for specific post types.
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	#webinar{ margin: 30px 0 0; }
	.speaker{ margin: 10px 0; }
	
	#program hr{ margin: 7px 0 15px; }
	
	
	

	#donor-roll{ margin-bottom: 30px; }
	#donor-roll{ display: inline-block; }
	#donor-roll a{ text-transform: none; }
	
	
	
	.search_post .sort{ margin-bottom: 0; }
		
	

	
	#contact .post,
	#steering-committee .post{
		display: block;
		vertical-align: top;
		width: 80%;
		margin: 0 auto 30px;
	}
	#contact h5,
	#steering-committee h5{ font-weight: 700; }
	#contact .email a,
	#steering-committee .email a{ text-transform: lowercase; }
	.contact-headshot{
		margin: 0 auto 10px;
	}
	#contact .post:first-child{
		display: block;
		width: 100%;
	}
	.single .contacts .contact-headshot,
	#contact .post:first-child .contact-headshot{
		width: 100%;
		max-width: 220px; 
		height: 280px; 
	}
	#contact .more{ margin: 0 15px 5px 0; }
	#map iframe{ display: none; }
	

	
	.videos{ width: 100%; display: inline-block; }
	div.videos > a{ text-transform: none; font-weight: 400; }
	.videos .post-img{ 
		position: relative;
		float: none;
		margin: 0 auto 15px;
		width: 100%;
		height: 180px;
	}
	.videos .post-img:before{ 
		content: '\f16a';
		position: absolute;
		bottom: 8px;
		right: 8px;
		font-family: Icomoon;
		font-size: 45px;
		color: #F75942;
		line-height: 0.75;
		opacity: 1;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
	}
	.videos a:hover .post-img:before{ font-size: 0; }
	.videos .post-img h6{
		display: inline-block;  
		opacity: 0; 
		position: absolute;
		bottom: 0;
		right: 0;
		background: #365E88;
		color: #FFFFFF;
		margin: 0;
		padding: 5px 10px;
		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom-right-radius: 5px;
		
		font-weight: 400;
		font-size: 0.85em;
		font-style: normal;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
	}
	.videos a:hover .post-img h6{ opacity: 1; }
	.videos h5{ font-weight: 700; margin: 0 0 5px; }
	.videos h6{ display: inline; color: #333333; }
	.videos .post-container div:last-child h6:last-child:before{ content: ' • '; }
	.videos hr{ margin: 15px 0; }
	.videos p{ margin: 0 0 5px; } 
	
	
	/**
	 * 2.6 - Plugin Styling
	 *
	 * Custom styling for plugin-generated content.
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	.gallery{
		line-height: 0;
		-webkit-column-count: 3;
		-webkit-column-gap: 0px;
		-moz-column-count: 3;
		-moz-column-gap: 0px;
		column-count: 3;
		column-gap: 0px;
	}
	.gallery-item img{ border: 0 !important; }
	 
	/* Gallery Slideshow by Jethin */
	.gss-container *{ z-index: 1; }
	.gss-container img{ 
		width: auto; 
		
		-webkit-border-bottom-left-radius: 0; 
		-webkit-border-bottom-right-radius: 0; 
		border-bottom-left-radius: 0; 
		border-bottom-right-radius: 0; 
	}
	.gss-pager .cycle-pager-active, 
	.gss-pager .cycle-pager-active:hover{ background-color: #365E88; }
	
		
@media( min-width: 360px ) { 
	header h1{ 
		padding: 20px 0 27px 57px;
		font-size: 24px;
		height: auto; 
	} 
}
@media( min-width: 783px ) { header.logged-in{ top: 32px; } }

/**
 * 3.0 - Tablet: Beyond 695px
 *
 * Mobile-first approach by applying styles that progressively enhance the site
 *
 * -----------------------------------------------------------------------------
 */
 
@media( min-width: 695px ) {

h1 {
	font-size: 29px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 23px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

iframe[src*=".pdf"]{ height: 495px; margin: 10px 0 0; }
.single iframe[src*="youtube"]{ height: 403px; margin: 10px 0 0; }
#sidebar iframe[src*="youtube"]{ height: 238px; }

.template-header h1{ padding: 30px 90px; }
.template-header{ padding: 60px 50px; }


.block-wrapper{ width: 88%; }
aside{ max-width: 30% !important; }

	/**
	 * 3.1 - Index Page
	 *
	 * The main page template that is called when all other template don't 
	 * exist/work
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	div.error{ text-align: left; } /* new line */ 
	div.error div{ overflow: hidden; }
	
	div.error div h2{ margin: 15px 0; }
	div.error:before{ float: left; margin-right: 25px;}
	

	
	/**
	 * 3.2 - Header
	 *
	 * Code is found in header.php, called on every page on the site.
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	nav ul.menu > li{ display: inline-block; opacity: 1; } /* first-level buttons */
	 
	nav ul.menu > li > ul.sub-menu .wrapper > li{
		display: inline-block;
		width: 49%;
	}
	nav ul.menu > li > ul.sub-menu{ height: auto; }
	
	#title{ padding-top: 15px; }
	
	header img{
		position: static;
		margin: 0 15px 0 0;
		width: 60px;
	}
	header h1{
		position: static;
		margin-left: 0;
		width: auto;
		padding: 0;
		background: transparent;
	 	line-height: 1.2;
	 	font-size: 29px;
	}
	header h1 small{ font-size: 0.6em; }
	
	#donate{ display: inline-block; }
	
	
	/**
	 * 3.3 - Footer
	 *
	 * Code is found in footer.php, called on every page on the site.
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	 
	.alignright{ float: right !important; margin: 0 0 15px 25px !important; max-width: 40%; }
	.alignleft{ float: left !important; margin: 0 25px 15px 0 !important; max-width: 40%; }
	
	.post-img{
		float: left;
		margin: 0 25px 0 0;
		width: 180px;
		height: 180px;
	}
	#webinar .post-img{ height: 230px; }
	
	#program .post-img{ margin-bottom: 18px; }
	 
	 
	#contact .post,
	#steering-committee .post{
		display: inline-block;
		width: 48.75%;
	}
	#contact .post:nth-child( 2n ){ margin: 0 1.5% 30px 0; }
	#contact .post:first-child .contact-headshot{ float: left; margin: 0 25px 0 0; }
	#map iframe{ display: block; }
	#map .more{ display: none; }

	
	
	footer section{ 
		display: inline-block;
		width: 32.5%;
		text-align: left;
	}
	footer section:nth-child(2){ 
		margin: 30px 0 0;
	}
	footer section ul{ display: inherit; margin: 0 0 0 20px; }

	footer img{ 
		width: 100%; 
	}

	
	
	.videos{ width: 48.75%; }
	.videos:nth-child(2n+1){ margin-right: 1.5%; }



	.single{ float:left; padding-right: 30px; width: 70%; }
	
	
	#sidebar{ margin-top: 0; float: right; width: 30%; clear: none; }
	#sidebar .more,
	#sidebar .post > div div{ display: block; }
	
	
	
}

/**
 * 4.0 - Desktop: Beyond 1100px
 *
 * Mobile-first approach by applying styles that progressively enhance the site
 *
 * -----------------------------------------------------------------------------
 */
 
@media( min-width: 1100px ) {

h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}
 
.wrapper, .block-wrapper{
	width: 990px;
}
iframe[src*='.pdf']{ width: 100%; height: 720px; }


	/**
	 * 4.2 - Header
	 *
	 * Code is found in header.php, called on every page on the site.
	 *
	 * -----------------------------------------------------------------------------
	 */
		
	header img{
		width: 90px;
	}
	
	header form{ padding-left: 105px; }
	
	nav ul.menu{ padding: 0 0 0 105px; }
	nav ul.menu > li > ul.sub-menu .wrapper > li{
		width: 33%;
	}

	#wp-admin-bar-stats{ display: block !important; }


	/**
	 * 4.3 - Footer
	 *
	 * Code is found in footer.php, called on every page on the site.
	 *
	 * -----------------------------------------------------------------------------
	 */
	 
	 
	 

	
	#contact .post{ width: 32%; }
	#contact .post:nth-child( 2n ){ margin: 0 0 30px; }
	#contact .post:nth-child( 3n ){ margin: 0 1.5% 30px; }

	
	
	footer section{ width: 25%; }
	footer section:nth-child(4){ 
		display: inline-block; 
		width: 23%; 
		margin: 60px 0 0; 
	}

	footer blockquote h3{ font-size: 24px; }
	footer blockquote h3:before{ margin: -35px 0 0 -48px; font-size: 76px; } 
	footer blockquote h3:after{ margin: 6px 0 0 8px; font-size: 76px; } 
	footer blockquote h3 small{ padding-left: 33px; } 






	.videos{ width: 32%; }
	.videos:nth-child(2n+1){ margin-right: 0; }
	.videos:nth-child(3n-1){ margin-right: 1.5%; margin-left: 1.5%; }
}