/*
Theme Name: Jane Jacobs
Theme URI: 
Description: A custom theme
Author: Milk & Pixels
Author URI: http://www.milkandpixels.com
*/

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

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

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0;
    padding:0;
}

dd {
    margin: 0;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    margin:0;
    padding:0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

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

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

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

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/*
 * Removes inner padding and border in Firefox 3+.
 */

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

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

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

/* ==========================================================================
   WordPress Standards
   ========================================================================== */
   
.alignleft							{ float: left; margin:0 10px 0 0; }
.alignright							{ float: right; margin:0 0 0 10px; }
.aligncenter, .alignnone			{ display:block; margin:60px auto; text-align:center; }
.clear								{ clear: both; }
.small								{font-size: 11px;}
.bold								{font-weight: bold;}
.wp-caption-text, .gallery-caption	{text-align:center;}
.sticky								{}
.bypostauthor						{}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

a, a:active, a:focus, *:focus {
    outline: none; /* Works in Firefox, Chrome, IE8 and above */
   _noFocusLine: expression(this.hideFocus=true); /* Fix for IE7 */
}

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

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0;
    background: #ccc;
    color: #000;
    padding: 15px 0;
}

/* ==========================================================================
   Theme Structure
   ========================================================================== */

body {
	background:#f3f1f0;
	color:#373636;
	font:16px/26px 'Roboto', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x:hidden;
}

.container {
	width:90%;
	max-width:1200px;
	margin:0 auto;
}

.container-sm {
	width:90%;
	max-width:960px;
	margin:0 auto;
}

header {
	background-color: #1d95b4;
	background-image: -webkit-linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	background-image: -moz-linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	background-image: -ms-linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	background-image: -o-linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	background-image: linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	padding:20px 0;
	position:fixed;
	width:100%;
	height:90px;
	z-index:10;
}

.logo-sm {
	float:left;
	background:url('images/logo_nav.png') no-repeat 0 0;
	background-size:150px 49px;
	width:150px;
	height:49px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

.menu-main-menu-container {
	float:left;
	margin:10px 0 0 40px;
}

.menu-main-menu-container li {
	float:left;
	font-size:14px;
	line-height:14px;
	font-weight:700;
	list-style-type:none;
	margin:6px 15px;
	text-transform:uppercase;
	overflow:hidden;
}

.menu-main-menu-container li.btn {
	margin:0 0 0 15px;
}

.menu-main-menu-container a {
	color:#fff;
	display:block;
	padding:0.3em 0;
	position:relative;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.menu-main-menu-container a:hover,
.menu-main-menu-container a:focus {
	color:#fff;
}

.menu-main-menu-container a:before,
.menu-main-menu-container a:after {
	position: absolute;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.menu-main-menu-container a:before {
	bottom: 100%;
	display: block;
	height: 2px;
	width: 100%;
	content: "";
	background-color: #fff;
}

.menu-main-menu-container a:after {
	padding: 0.3em 0;
	position: absolute;
	bottom: 100%;
	left: 0;
	content: attr(data-hover);
	color: #d2eaf0;
	white-space: nowrap;
}

.menu-main-menu-container li:hover a,
.menu-main-menu-container .current-menu-item a,
.menu-main-menu-container a:focus {
	transform: translateY(100%);
}

.menu-main-menu-container li.btn a {
	border:1px solid #fff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	padding:9px 15px;
}

.menu-main-menu-container li.btn a:hover,
.menu-main-menu-container li.btn a:focus {
	background:#fff;
	color:#055d73;
}

.menu-main-menu-container li.btn a:before,
.menu-main-menu-container li.btn a:after {
	display:none;
}

.menu-main-menu-container li.btn a:hover {
	transform:none;
}

.social {
	float:right;
}

.social li {
	list-style-type:none;
	float:left;
	font-size:24px;
	line-height:24px;
	margin:15px 10px;
}

.social li span {
	display: none;
}

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

.social a {
	color:#fff;
}

.social a:hover, .social a:focus {
	color:#d2eaf0;
}

#content {
	padding-top:90px;
	position:relative;
}

footer {
	background-color: #1d95b4;
	background-image: -webkit-linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	background-image: -moz-linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	background-image: -ms-linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	background-image: -o-linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	background-image: linear-gradient(to right, #1d95b4 0%, #055d73 100%);
	padding:60px 0;
	position:relative;
}

footer .footer-nav {
	position:absolute;
	top:80px;
	left:50%;
	width:280px;
	margin-left:-140px;
	text-align:center;
}

footer .footer-nav span {
	display: none;
}

footer .footer-nav .masnyc {
	background:url('images/MASNYC-logo.png') no-repeat 0 0;
	background-size:280px 94px;
	width:280px;
	height:94px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	display:block;
}

footer .footer-nav li {
	display:inline-block;
	list-style-type:none;
	font-size:20px;
	line-height:20px;
	margin:25px 10px 0;
}

footer .footer-nav li.text {
	font-size:18px;
	font-weight:700;
}

footer .opt-in {
	float:right;
	color:#fff;
	font-size:16px;
	line-height:16px;
	font-weight:700;
	width:25%;
	margin:20px 0 0;
}

footer .opt-in form {
	background:#398194;
	margin-top:15px;
	padding:10px 15px;
	overflow: hidden;
}

footer .opt-in .validation_error {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 10px;
}

footer .opt-in img.gform_ajax_spinner {
	display: none !important;
}

footer .opt-in form input[type=email], footer .opt-in form input[type=text] {
	background:transparent;
	border:none;
	color:#fff;
	font:14px/14px 'Roboto', sans-serif;
	width:75%;
	float:left;
}

footer ::-webkit-input-placeholder {
   color: #fff;
}

footer  :-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

footer  ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

footer  :-ms-input-placeholder {  
   color: #fff;  
}

footer .opt-in form button, footer .opt-in input[type=submit] {
	width:15%;
	float:right;
	background:transparent;
	border:none;
	color:#fff;
	text-align:right;
}

footer .opt-in .required-note, #field_2_2, #field_2_1 label, .opt-in .validation_message {
	display: none;
}

#gform_confirmation_message_2 {
	margin: 20px 0;
	opacity: 0.7;
}

footer .opt-in li {
	list-style: none;
}

footer .footer-logos {
	float:left;
}

footer .footer-logos li {
	display:inline-block;
	list-style-type:none;
	margin:0 20px;
}

footer .footer-logos .rockefeller {
	background:url('images/Rockefeller-logo.png') no-repeat 0 center;
	background-size:160px 42px;
	width:160px;
	height:85px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	display:block;
}

/*footer .footer-logos .habitat {
	background:url('images/Habitat-logo.png') no-repeat 0 center;
	background-size:92px 85px;
	width:92px;
	height:85px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	display:block;
}*/

footer .copyright {
	color:#fff;
	font-size:14px;
	line-height:14px;
	margin:120px 0 0;
	text-align:center;
}

footer a {
	color:#fff;
}

footer a:hover {
	color:#d2eaf0;
}

a {
	color:#1d95b4;
	text-decoration:none;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

a:hover,
a:focus {
	color:#f7941d;
}

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

/* ==========================================================================
   Homepage
   ========================================================================== */
   
.home header {
	opacity:0;
	top:-90px;
	visibility:hidden;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}

.home header.visibleHeader {
	top:0;
	opacity:1;
	visibility:visible;
}

.home #content {
	padding:0;
}

#home-page h2 {
	font-size:36px;
	line-height:36px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
}

#home-page .button:hover {
	background:#1d95b4;
}

.home-top {
	background-position:center center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:730px;
}

.home-top .menu-main-menu-container {
	float:none;
	margin:25px auto;
	position:relative;
	text-align:center;
	z-index:2;
}

.home-top .menu-main-menu-container li {
	float:none;
	display:inline-block;
	margin:0 10px;
	vertical-align:middle;
}

.home-top .menu-main-menu-container li.btn {
	margin:0 0 0 10px;
}

.home-top .logo-large {
	background:url('images/logo_large.png') no-repeat 0 0;
	background-size:400px 213px;
	width:400px;
	height:213px;
	margin:50px auto;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

.home-top .home-hero {
	width:100%;
	max-width:796px;
	height:730px;
	margin:0 auto;
	color:#fff;
	overflow:hidden;
	position:relative;
}

.home-top .home-hero .text {
	position:relative;
	text-align:center;
	z-index:2;
}

.home-top .home-hero .text p {
	font-size:18px;
	line-height:26px;
	padding:0 60px;
}

.home-hero h3 {
	font-size:26px;
	line-height:26px;
	font-weight:700;
	margin:40px 0 0;
}

.home-hero .buttons li {
	display:inline-block;
	list-style-type:none;
}

.home-hero .button {
	background:#fff;
	color:#3c899c;
	width:225px;
	margin:20px 15px;
	padding:15px 0;
}

.home-hero .button:hover {
	background:#1d95b4;
	color:#fff;
}

.home-top .home-hero .hero-overlay {
	background-color: #c03f55;
	background-image: -webkit-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -moz-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -ms-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -o-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	opacity:0.8;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}

.home-video {
	background:#fff;
	padding:170px 0 80px;
	position:relative;
	text-align:center;
}

.home-video .container-sm {
	position:relative;
}

.home-video .thumbnail {
	position:absolute;
	border:3px solid #fff;
	z-index:2;
	width:236px;
}

.home-video .thumbnail-1 {
	left:-45px;
	top:-250px;
}

.home-video .thumbnail-2 {
	left:225px;
	top:-220px;
}

.home-video .thumbnail-3 {
	right:225px;
	top:-280px;
}

.home-video .thumbnail-4 {
	right:-45px;
	top:-250px;
}

.home-video .overlay {
	background-color: #c03f55;
	background-image: -webkit-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -moz-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -ms-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -o-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	width:796px;
	height:300px;
	top:0;
	left:50%;
	margin-left:-398px;
	position:absolute;
	z-index:1;
	opacity:0.8;
}

.home-video h2 {
	color:#fff;
	margin-bottom:40px;
	position:relative;
	z-index:2;
}

.home-video .embed-container {
	position:relative;
	z-index:2;
}

.home-video p {
	margin:40px auto;
	width:90%;
	max-width:796px;
}

.home-video .button {
	background:#c03f55;
	color:#fff;
	padding:15px 0;
	width:216px;
}

.home-events {
	background:url('images/home-eventbgphoto.jpg') no-repeat center top;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	padding:0 0 95px;
	text-align:center;
}

.home-events .title-block {
	background:rgb(247,157,50);
	background:rgba(247,157,50,0.8);
	color:#fff;
	width:100%;
	max-width:796px;
	margin:0 auto;
	padding:60px;
	text-align:center;
}

.home-events .title-block h2 {
	color:#fff;
	margin-bottom:30px;
}

.home-events .title-block p {
	margin:0;
}

.home-events #event-grid {
	margin:60px auto 40px;
}

.home-events .button {
	background:#c03f55;
	color:#fff;
	padding:15px 0px;
	width:216px;
}

.home-medal {
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center center;
	color:#fff;
	padding:50px 0 70px;
	position:relative;
	overflow:hidden;
}

.home-medal .overlay {
	background:#000;
	opacity:0.6;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.home-medal .text,
.home-social .text {
	width:94%;
	max-width:690px;
	margin:0 auto;
	text-align:center;
	position:relative;
	z-index:2;
}

.home-medal .text h2 {
	background:url('images/janejacobsmedal-logo.png') no-repeat center 0;
	background-size:230px 230px;
	color:#fff;
	margin-bottom:30px;
	padding-top:280px;
}

.home-medal .button {
	background:#f7941d;
	color:#fff;
	margin-top:25px;
	padding:15px;
}

.home-social {
	background:url('images/social-bgphoto.jpg') no-repeat center bottom;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	padding:55px 0 105px;
} 

.home-social h2 {
	margin-bottom:30px;
}

.home-social .social-grid {
	margin:55px auto;
}

.icon {
  display: block;
  margin: 20px auto 0;
}

.icon-quote {
  max-width: 25px;
  margin: 0 auto 20px;
}

.icon-twitter {
  max-width: 26px;
}

.grid {
  overflow: hidden;
}

.grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  clear: both;
}

[class*='col-'] {
  float: left;
  margin: 0 1%;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.grid [class*='col-']:last-of-type {
  padding-right: 0;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-3 {
  width: 31.33%;
}

.col-1-3.tweet {
  background-color: #fff;
  height: 310px;
  text-align: center;
}

.col-1-3.instagram {
  text-align: center;
  height: 310px;
}

.col-1-3.instagram img {
  border: 2px solid #fff;
  width: 45%;
  display: inline-block;
  margin: 2.5% 2%;
}

.col .inside {
  padding: 30px;
  font-size: 20px;
  line-height: 28px;
}

.col-1-2 {
  width: 50%;
}

.col-1-4 {
  width: 25%;
}

.col-1-8 {
  width: 12.5%;
}

.module {
  padding: 20px;
  background: #eee;
}

/* Opt-in outside padding */
.grid-pad {
  padding: 20px 0 20px 20px;
}
.grid-pad [class*='col-']:last-of-type {
  padding-right: 20px;
}

.center-me {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.speaker {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #bcb3af;
  margin: 15px 0 0;
}

.home-social .callout {
	width:100%;
	max-width:796px;
	margin:0 auto;
	text-align:center;
	padding:40px 60px;
	position:relative;
	overflow:hidden;
}

.home-social .callout h2 {
	color:#fff;
}

.home-social .callout .button {
	background:#fff;
	color:#1d95b4;
	width:216px;
	padding:15px 0;
	text-align:center;
}

.home-social .callout .button:hover {
	background:#1d95b4;
	color:#fff;
}

.home-social .callout .inner {
	position:relative;
	z-index:2;
}

.home-social .callout .overlay {
	background-color: #c03f55;
	background-image: -webkit-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -moz-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -ms-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: -o-linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	background-image: linear-gradient(45deg, #f7941d 0%, #c03f55 100%);
	opacity:0.6;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}

/* ==========================================================================
   Common Elements
   ========================================================================== */
   
.button, .pagination a {
	display:inline-block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	font-size:16px;
	line-height:16px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
}
   
.page-title {
	color:#fff;
	font-size:36px;
	line-height:36px;
	font-weight:700;
	padding:60px 0;
	text-align:center;
	text-transform:uppercase;	
}

.page-title h1 {
	font-size:36px;
	line-height:36px;
	font-weight:700;
}

.title-gradient {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:550px;
	background-color: #c03f55;
	background-image: -webkit-linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	background-image: -moz-linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	background-image: -ms-linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	background-image: -o-linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	background-image: linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	z-index:-1;
}

.page-content {
	background:#fff;
	margin-bottom:90px;
}

.page-content .post-body {
	padding:75px;
}

.page-content .featured-image img {
	width:100%;
	height:auto;
}

.col-one {
	width:36%;
	float:left;
}

.col-two {
	width:60%;
	float:right;
}

/* ==========================================================================
   Blog Post
   ========================================================================== */
.blog-preview img {
  margin: 0 0 20px;
}

.blog-preview h2 {
  font-weight: bold !important;
}

.post-content {
	background:#fff;
	margin-bottom:90px;
	padding:75px;
}

.post-content h1 {
	color:#000;
	font-size:36px;
	line-height:46px;
	font-weight:700;
}

.post-content .post-meta {
	font-size:14px;
	line-height:14px;
	margin:20px 0 60px;
}

.post-title,
.post-footer {
	padding:0 60px;
}

.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6,
.post-body p,
.post-body ul,
.post-body ol,
.post-body blockquote {
	margin:0 0 25px;
	padding:0 60px;
}

.post-body h2 {
	color:#000;
	font-size:26px;
	line-height:26px;
}

.post-body ul li {
	list-style-type:none;
	margin:5px 0;
	padding-left:30px;
	position:relative;
}

.post-body ul li:before {
	content:'\f0da';
	color:#f7941d;
	font:20px/20px 'FontAwesome';
	position:absolute;
	top:3px;
	left:0;
}

.post-body ol {
	counter-reset:item;
}

.post-body ol li {
	list-style-type:none;
	margin:5px 0;
	padding-left:30px;
	position:relative;
}

.post-body ol li:before {
	color:#f7941d;
	content: counter(item) ". ";
    counter-increment: item;
    position:absolute;
    top:0;
    left:0;
}

.post-body blockquote {
	border-left:3px solid #f9a94a;
	font-size:26px;
	line-height:36px;
}

.post-body blockquote p {
	margin:0 0 20px;
	padding:0;
}

.post-body blockquote span {
	color:#bcb3af;
	font-size:14px;
	line-height:14px;
	font-weight:700;
	text-transform:uppercase;
}

.post-body .button {
	display:inline-block;
	background:#c03f55;
	color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	font-size:16px;
	line-height:16px;
	font-weight:700;
	margin:35px 0 25px 60px;
	padding:15px 50px;
	text-transform:uppercase;
}

.post-body .button-alt {
	background:#f7941d;
}

.post-body .button:hover {
	background:#1d95b4;
}

.post-share {
	margin:60px 0 35px;
}

.post-share li {
	float:left;
	list-style-type:none;
	font-size:20px;
	line-height:20px;
	margin-right:15px;
}

.post-share li.label {
	font-size:14px;
	font-weight:700;
}

.post-tags {
	border-top:1px solid #f9a94a;
	margin:0;
	padding:40px 0 0;
}

.post-tags a {
	font-size:14px;
	line-height:14px;
	font-weight:700;
	text-transform:uppercase;
}

/* ==========================================================================
   Blog
   ========================================================================== */

.latest-post {
	background:#fff;
	margin-bottom:55px;
	padding:25px;
}

.latest-post .image {
	width:64%;
	float:right;
}

.latest-post .info {
	width:32%;
	float:left;
}

.latest-post .info h2 {
	font-size:36px;
	line-height:44px;
	margin-top:10px;
}

.latest-post .info h2 a {
	color:#000;
}

.latest-post .info h2 a:hover {
	color:#1d95b4;
}

.latest-post .info .post-meta {
	font-size:14px;
	line-height:14px;
	margin:20px 0 30px;
}

.latest-post .info p {
	margin:0;
}

/* ==========================================================================
   Events Archive
   ========================================================================== */

#events-archive .page-title {
	background-color: #c03f55;
	background-image: -webkit-linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	background-image: -moz-linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	background-image: -ms-linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	background-image: -o-linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
	background-image: linear-gradient(45deg, #f6a747 0%, #ca6374 100%);
}

#events-archive .page-title .block {
	margin:40px auto 0;
	max-width:880px;
}

#events-archive .page-title .block .text {
	float:left;
	color:#fff;
	font-size:16px;
	line-height:26px;
	font-weight:400;
	width:70%;
	text-align:left;
	text-transform:none;
}

#events-archive .page-title .block .text p {
	margin:0;
}

#events-archive .page-title .block .button {
	float:right;
	display:inline-block;
	width:25%;
	background:#fff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	color:#1d95b4;
	font-size:16px;
	line-height:16px;
	font-weight:700;
	padding:15px 0;
	text-align:center;
}

#events-archive .page-title .block .button:hover {
	background:#1d95b4;
	color:#fff;
}

#events-archive .filter-bar {
	background:#fff;
	text-align:center;
	padding: 40px 0;
}

#events-archive .filter-bar p {
	margin:0;
	padding:0 0 20px;
}

#events-archive .events-content {
	margin:60px auto;
}

.event-preview {
	background:#fff;
	width:32%;
	height:470px;
	float:left;
	font-size:14px;
	line-height:22px;
	margin:0 2% 2% 0;
	padding:20px 20px 0;
	position:relative;
	box-shadow: none;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
	text-align:left;
}

.events-content a:nth-child(3n+3) .event-preview {
	margin-right:0;
}

.event-preview:hover {
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
	 box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}

.event-preview h2,
#home-page .event-preview h2 {
	color:#000;
	font-size:26px;
	line-height:26px;
	font-weight:300;
	text-align:left;
	text-transform:none;
}

.event-preview h3 {
	color:#f7941d;
	font-weight:700;
	margin:20px 0 0;
	text-transform:uppercase;
}

.event-preview h4 {
	color:#bcb3af;
	font-size:14px;
	font-weight:700;
	margin:15px 0 0;
	text-transform:uppercase;
}

.event-preview p {
	color:#373636;
	margin:0;
}

.event-preview .event-details-link {
	position:absolute;
	bottom:20px;
	left:20px;
	color:#1d95b4;
	font-size:14px;
	line-height:14px;
	font-weight:700;
	text-transform:uppercase;
}

/* ==========================================================================
   Event Detail
   ========================================================================== */

.event-content {
	background:#fff;
	margin-bottom:90px;
	padding:20px 20px 80px 40px;
}

.event-content .event-top {
	margin-bottom:60px;
}

.event-content h1 {
	color:#000;
	font-size:36px;
	line-height:44px;
	font-weight:300;
}

.event-content h2 {
	border-bottom:1px solid #f9a94a;
	color:#000;
	font-size:26px;
	line-height:26px;
	font-weight:300;
	margin-bottom:30px;
	padding-bottom:20px;
}

.event-content .event-top h2 {
	color:#f7941d;
	font-weight:700;
	margin:20px 0 30px;
	text-transform:uppercase;
}

.event-content h3 {
	color:#bcb3af;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
}

.event-content h4 {
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
}

.event-content p {
	margin:0 0 25px;
}

.event-content .map-link {
	font-size:14px;
	font-weight:700;
}

.event-content .button {
	display:inline-block;
	background:#c03f55;
	color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	font-size:16px;
	line-height:16px;
	font-weight:700;
	padding:15px 20px;
	text-transform:uppercase;
}

.event-content .button:hover {
	background:#1d95b4;
}

.event-body .col-two p {
	padding-right:75px;
}

.event-themes {
	border-top:1px solid #f9a94a;
	margin:0;
	padding:40px 0 0;
}

.event-themes li {
	border-right:1px solid #cec8c5;
	display: inline-block;
	font-size:14px;
	line-height:14px;
	font-weight:700;
	list-style-type:none;
	padding:0 15px 10px;
	text-transform:uppercase;
}

.event-themes li:first-child {
	padding-left:0;
}

.event-themes li:last-child {
	border-right:0;
	padding-right:0;
}

/* ==========================================================================
   Submit Event
   ========================================================================== */
 
.form-content {
	background:#fff;
	margin-bottom:90px;
	padding:70px;
}
  
.form-content li {
	margin:15px 0;
	padding-right:20px;
	list-style-type:none;
}

.form-content li.field-row-end,
.form-content li.gsection {
	padding-right:0;
}

.form-content .form-body,
.form-content .form-footer {
	width:100%;
	max-width:680px;
	margin:0 auto;
}

.form-content .form-body h2 {
	border-bottom:1px solid #f9a94a;
	color:#000;
	font-size:26px;
	line-height:26px;
	font-weight:300;
	margin-bottom:30px;
	padding-bottom:20px;
}

.form-content .gfield_label {
	display:block;
	font-size:14px;
	line-height:14px;
	font-weight:700;
	padding:0 0 7px 3px;
}

.form-content .gfield_description {
	display:inline-block;
	font-size:14px;
	font-weight:300;
	padding-left:5px;
}

.form-content .gfield_description.validation_message {
	color:#f9a94a;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
}

.form-content .gfield_required {
	color:#f9a94a;
	padding-left:3px;
}

.form-content .gp-word-count-label {
	display:none !important;
}

.form-content .field-60 {
	width:60%;
	float:left;
}

.form-content .field-40 {
	width:40%;
	float:left;
}

.form-content .field-30 {
	width:30%;
	float:left;
}

.form-content input[type=text] {
	border: 1px solid #e1dcda;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	padding:10px 15px;
	font:16px/24px 'Roboto', sans-serif;
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.form-content .ginput_container_select, .searchandfilter li[data-sf-field-input-type="select"] {
	border: 1px solid #e1dcda;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	padding:10px 15px;
	position:relative;
	font:16px/24px 'Roboto', sans-serif;
	overflow:hidden;
}

.searchandfilter li[data-sf-field-input-type="select"] {
	width: 20%;
	display: inline-block;
	margin-left: 2%;
}

.form-content .ginput_container_select:after, .searchandfilter li[data-sf-field-input-type="select"]:after {
	content:'\f0d7';
	color:#c03f55;
	font:18px/18px 'FontAwesome';
	position:absolute;
	right:15px;
	top:13px;
	z-index:1;
}

.form-content .ginput_container_select select, .sf-input-select {
	padding:0;
	width:130%;
	border:none;
	box-shadow:none;
	background-color:transparent;
	color:#bcb3af;
	font:16px/24px 'Roboto', sans-serif;
	position:relative;
	z-index:2;
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.form-content .ginput_container_select select:focus, .sf-input-select:focus {
	outline:none;
}

.form-content .field-date .ginput_container,
.form-content .field-time .ginput_container {
	position:relative;
}

.form-content .field-date .ginput_container:after {
	content:'\f073';
	font:18px/18px 'FontAwesome';
	position:absolute;
	right:14px;
	top:14px;
	color:#c03f55;
}

.form-content .field-time .ginput_container:after {
	content:'\f017';
	font:19px/19px 'FontAwesome';
	position:absolute;
	right:14px;
	top:14px;
	color:#c03f55;
}

.form-content textarea {
	border: 1px solid #e1dcda;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	padding:5px;
	height:130px;
	font:16px/24px 'Roboto', sans-serif;
	resize:none;
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  line-height:26px;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '\f096';
  color:#e1dcda;
  font:26px/26px 'FontAwesome';
  position: absolute;
  left:0; top: 0;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '\f0c8';
  position: absolute;
  left:0; 
  top: 0;
  color: #c03f55;
  font:26px/26px 'FontAwesome';
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  content: '\f096';
  color:#f3f2f1;
}
[type="checkbox"]:disabled:checked + label:after,
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before,
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
  content: '\f096';
  color:#c03f55;
}

.form-content #field_1_10 ul {
	margin-top:-5px;
}

.form-content #field_1_10 li {
	display:inline-block;
}

.form-content #field_1_10 li label {
	color:#bcb3af;
	text-transform:uppercase;
}

.form-content #field_1_12,
.form-content .lower-columns {
	margin-top:30px;
}

.form-content .col-half {
	width:45%;
	float:left;
}

.form-content .col-half .gfield_label {
	font-weight:400;
}

.form-content .col-half:last-child {
	float:right;
}

.form-content .gform_footer {
	margin:60px auto 0;
	position:relative;
	text-align:center;
}

.form-content .required-note {
	position:absolute;
	top:10px;
	left:0;
	color:#f9a94a;
}

.form-content .gform_button, .pagination a {
	display:inline-block;
	background:#c03f55;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	border:none;
	color:#fff;
	font:16px/16px 'Roboto', sans-serif;
	font-weight:700;
	padding:15px 50px;
	text-transform:uppercase;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

button.alm-load-more-btn, .pagination a {
	background-color: #c03f55;
}

.pagination a {
	padding: 15px 20px;
}

.form-content .gform_button:hover {
	background:#1d95b4;
}

.form-content .form-footer {
	border-top:1px solid #f9a94a;
	text-align:center;
	margin:60px auto 0;
}

/* ==========================================================================
   List Page
   ========================================================================== */

#list-page .page-content {
	text-align:center;
}

#list-page .post-body {
	line-height:32px;
}

#list-page .post-body h2 {
	border-bottom:1px solid #f9a94a;
	font-size:26px;
	line-height:26px;
	font-weight:300;
	width:100%;
	max-width:400px;
	margin:60px auto 25px;
	padding-bottom:15px;
}

#list-page .post-body h2:first-child {
	margin-top:0;
}

/*
----------------------------------------------------------------

Gravity Forms Date Picker Styles
http: //www.gravityforms.com
updated: January 31, 2014 3:32 PM

Customized styles for the jQuery UI Datepicker 1.9.2
copyright 2012 jQuery Foundation and other contributors
Released under the MIT license.
http://jquery.org/license
some styles courtesty of http://www.hongkiat.com/

Gravity Forms is a Rocketgenius project
copyright 2008 - 2014 Rocketgenius Inc.
http: //www.rocketgenius.com

NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

If you need to make extensive customizations,
copy the contents of this file to your theme
style sheet for editing. Then, go to the form
settings page & set the 'output CSS' option
to no.

----------------------------------------------------------------
*/

.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 0 auto;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
	text-decoration: none;
}

.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
}

.ui-datepicker-header {
	background-color: #666; /* set the header background color */
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	min-height: 30px !important;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #666;
}

.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-title select {
	margin-top: 2.5%;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/datepicker/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}

.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}

.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}

.ui-datepicker thead {
	background: #f7f7f7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
	text-transform: uppercase;
	text-align: center;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
	padding: 0;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
	border-right: 0px;
}

.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}

.ui-datepicker td span, 
.ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(to bottom,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
	background: #FFF2AA; /* set the active date background color */
	border: 1px solid #c19163; /* set the active date border color */
	color: #666; /* set the active date font color */
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	text-shadow: 0px 1px 0px #FFF;
	filter: dropshadow(color=#FFF, offx=0, offy=1);
	position: relative;
	margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

td.ui-datepicker-unselectable.ui-state-disabled {
	background-color: #d7d7d7;
}

table.ui-datepicker-calendar {
	margin: 0 0 0 0 !important;
}

body div#ui-datepicker-div[style] {
	z-index: 9999 !important;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

body.home .taptap-logo-image {
  display: none;
}

.taptap-image img {
  max-width: 150px;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 1060px) {
  html body {
    margin-top: 0px !important;
  }
  
  .tap-tap-header, .taptap-logo-wrapper, .taptap-menu-button-wrapper, taptap-search-wrapper {
    display: none;
  }
}
/* iPad */
@media only screen and (min-width: 768px) and (max-width: 1060px) {
	
	header {
		display:none;
	}
	
	#content {
		padding-top:0;
	}
    
    .event-body .col-two p {
		padding-right:20px;
	}
    
    footer .opt-in {
	    width:45%;
	    margin-bottom:50px;
    }
    
    footer .footer-nav {
	    clear:both;
		position:relative;
		top:auto;
		left:auto;
		margin:25px auto;
	}
	
	footer .copyright {
		margin-top:20px;
	}
  
  .col-1-3 {
    width: 48%;
  }
  
  .col-1-3.instagram {
    display: none;
  }
}

/* iPhone */
@media only screen and (max-width: 767px) and (min-width: 0) {
	.col-1-3 {
  	height: auto;
  	width: 100%;
  	float: none;
	}

	.searchandfilter li[data-sf-field-input-type="select"] {
		width: 90%;
		display: block;
		margin: 10px auto;
	}
	
	.col-1-3.instagram {
  	display: block;
  	height: auto;
  	float: none;
  	width: 100%;
	}
	
	header,
	.home-top .menu-main-menu-container {
		display:none;
	}
	
	.home-top .logo-large {
		width:320px;
		height:170px;
		background-size:320px 170px;
	}
	
	.page-title h1 {
  	font-size: 28px;
  	line-height: 32px;
  	margin: 0 5%;
	}
	
	#home-page h2 {
  	font-size: 24px;
  	line-height: 30px;
	}
	
	.home-hero .button {
		margin:15px auto 0;
	}
	
	.home-video .thumbnail-4 {
		display:none;
	}
	
	.home-video .thumbnail img {
		width:100%;
		height:auto;
	}
	
	.home-video .thumbnail-1 {
		width:40%;
		left:0;
	}
	
	.home-video .thumbnail-2 {
		width:40%;
		left:30%;
	}
	
	.home-video .thumbnail-3 {
		width:40%;
		right:0;
		top: -250px;
	}
	
	#content {
		padding-top:0;
	}
	
	.page-title {
  	padding: 40px 0;
	}
	
	.post-content,
	.page-content .post-body,
	.form-content {
		padding:30px 20px;
	}
	
	.col-one,
	.col-two {
		float:none;
		width:auto;
	}
	
	.post-title,
	.post-footer,
	.post-body h2,
	.post-body h3,
	.post-body h4,
	.post-body h5,
	.post-body h6,
	.post-body p,
	.post-body ul,
	.post-body ol,
	.post-body blockquote {
		padding:0 5px;
	}
	
	
	#events-archive .page-title .block .text,
	#events-archive .page-title .block .button {
		float:none;
		width:auto;
		text-align:center;
	}
	
	#events-archive .page-title .block .button {
		margin-top:20px;
		padding:15px;
	}
	
	.event-preview {
		width:100%;
		margin:0 auto 20px;
		float:none;
		display:block;
		max-width:350px;
	}
	
	.events-content a:nth-child(3n+3) .event-preview {
  	margin:0 auto 20px;
  }
	
	.event-content {
		padding:20px;
	}
	
	.event-body .col-one {
		margin-bottom:50px;
	}
	
	.event-body .col-two p {
		padding-right:0;
	}
	
	.latest-post .image, .latest-post .info {
  	width: 100%;
  	float: none;
	}
	
	.latest-post .info {
  	margin-top: 15px;
	}
	
	.form-content .field-30,
	.form-content .field-40,
	.form-content .field-60,
	.form-content .col-half,
	.form-content .col-half:last-child {
		float:none;
		width:auto;
	}
	
	.form-content li {
		padding-right:0;
	}
	
	.form-content li li {
		margin-right:20px;
	}
	
	.form-content .required-note {
		position:relative;
		left:auto;
		top:auto;
		margin-bottom:15px;
	}
	
	.form-content .col-half:last-child {
		margin-top:30px;
	}
	
	.form-content .gfield_description {
		font-size:11px;
	}
	
	footer .footer-logos,
	footer .opt-in {
		float:none;
		width:auto;
		text-align:center;
		margin:0 0 50px;
	}
	
	footer .opt-in {
		width:80%;
		margin:0 auto 25px;
	}
	
	footer .footer-nav {
		position:relative;
		top:auto;
		left:auto;
		margin:25px auto;
	}
	
	footer .copyright {
		margin: 20px 5% 0;
		line-height: 20px;
	}
	
}

/*Changes to Hide "View Events" Buttons now that JJ100 has concluded. Just remove these styles to restore*/

.home-hero .buttons li {
	display:none;
}

.home-events .button {
	display:  none;
}

.home-social .callout {
    display:  none;
}