/*
Theme Name: 2720 Theme
Description: Child theme for the responsive theme 
Author: Joe Pahl
Template: responsive
*/

@import url("../responsive/style.css");

body {
	font-family: "proxima-nova", "Proxima Nova", Arial, Helvetica, sans-serif;
}

a {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.menu a { 
	font-family: "proxima-nova-sc-osf", "Proxima Nova ScOsf", Arial, Helvetica, sans-serif;
	font-weight : 700;
	font-size: 14px;
	text-transform: lowercase;
	letter-spacing: 0.1em;
}

.featured-details abbr {
	font-size: 100%;
    letter-spacing: normal;
}

abbr[title] {
    border-bottom: none;
}

abbr, acronym {
	font-size : 100%;
	letter-spacing: normal;
	text-transform: inherit;
	cursor: inherit !important;
}

.home #wrapper {
    background-color: transparent;
    border: medium none;
    margin: 20px auto;
    padding: 0;
}

.event-slide {
	position : absolute;
	left : -9999px;
	width: 240px;
}

#featured {
	padding : 35px 0 0 0;
	overflow: hidden;
}

#featured .event-slide:after {
	display : block;
	clear : both;
	content : '';
}

#featured .description {
	padding: 0 15px;
}

#featured h1 span {
	display : block;
}

.featured-title,
.event-title,
.post-title {
	font-family: "proxima-nova-sc-osf", "Proxima Nova ScOsf", Arial, Helvetica, sans-serif;
	font-weight : 700;
	text-shadow: 1px 1px 3px rgba(85,85,85,.2);
	text-transform: lowercase;
	letter-spacing: normal;
	line-height: 1;
	padding: 0 15px;
	margin-bottom : .4em;
	font-size : 40px;
}

.event-title,
.event-subtitle,
.post-title {
	text-align: left;
	padding : 0;
	margin : 0;
}

.featured-title a,
.event-title a {
	color : #444;
}

.featured-title a:hover {
	color : #404040;
}

/* Event datetime */	
.featured-datetime,
.event-datetime {
    text-align: center;
    font-weight : 400;
    font-size : 14px;
    margin : 0 0 0.835em 0;
    text-transform: lowercase;
    color : #666;
    letter-spacing: 0.215em;
    padding: 0 15px;
}

.featured-datetime abbr,
.event-datetime abbr {
	cursor: default;
	letter-spacing: 0.215em;
}

.event-datetime {
	text-align : left;
	margin : 1em 0 0.635em 0;
	padding: 0;
}

/* Subtitle */
.featured-subtitle,
.event-subtitle {
	margin : .8em 0 1em 0;
	font-weight : 600;
	font-size : 22px;
	font-family: "proxima-nova-alt", "Proxima Nova Alt", Arial, Helvetica, sans-serif;
	padding: 0 15px;
	text-shadow: 1px 1px 2px rgba(102,102,102,.2);
}

.event-subtitle {
	font-size : 24px;
	line-height: 1.15;
	margin : .6em 0 .8em 0;
	color : #666;
	padding : 0;
}

/* Calendar title */
.calendar-title {
	color : #333; /*rgba(68,68,68,0.8);*/
	font-family: "proxima-nova-sc-osf", "Proxima Nova ScOsf", Arial, Helvetica, sans-serif;
	font-weight : 700;
	text-transform : lowercase;
	font-size : 30px;
	margin-right : auto;
	margin-left : auto;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(249,249,249,0.8), -1px -1px rgba(0,0,0,.2);
	margin-bottom : .3em;
}

.post-entry h3 {
	font-family: "proxima-nova-alt", "Proxima Nova Alt", Arial, Helvetica, sans-serif;
	font-weight : 600; 
}

/* About */
.page-header .event-title,
.post-title {
	margin : 0.4em 0 0.3em 0;
	font-size : 30px;
	line-height: 1;
}

.page-template-full-width-page-php #content-full ul,
.page-template-about-page-php #content-full ul {
	padding-left: 1.3125em;
}

.page-template-full-width-page-php #content-full li,
.page-template-about-page-php #content-full li {
	margin: 1.6em 0;
	clear : both;
}

.page-header .event-subtitle {
	font-size : 16px;
	font-weight : 300;
}

.page-header .event-title .sub-main {
	display : block;
	font-size : 18px;
	font-weight : 400;
	text-transform: none;
	line-height: 1.1;
}

.featured-image {
	margin : 0 0 35px 0;
	width : 45%;
	overflow: hidden;
	position : relative;
}

.vevent #widgets ul {
	padding : 0;
	list-style-type : none;
	margin : 0;
}

.vevent #widgets .call-to-action a.button {
	padding: 15px 35px;
}

.vevent #widgets .call-to-action{
	margin : .8em 0;
}

.feature-image:hover {
	
}

.single-events img.attachment-full {
	margin : 15px 0;
}

.visible {
	position : static;
	width : auto;
}

.featured-image img {
	margin : 0 auto 2em auto;
	max-width: 86%;
	vertical-align: top;
	position : static;
}

.move-arrow {
	display : none;
}

.event-slide:first-child .featured-image img {
	right : 0;
	bottom : 0;
}

.single-events .post-title {
	margin-top : .2em;
}

.event-title {
	line-height: 0.9;
	color : #555;
	margin-bottom : .15em;
}

.event-subtitle {
	text-transform: none;
	font-size : 28px;
	line-height: 1.15;
	color : #666;
}

#featured p {
	margin : 0 0 1.4em 0;
	padding : 0;
}

.featured-genre,
.events-genre {
	text-transform: lowercase;
	font-style : italic;
	color : #404040;
}

.events-genre {
	margin : 8px 0 0 0;
	font-size : 16px;
	
}

.featured-details {
	color : #555;
}

.featured-details a {
	padding : 0 2px;
	color : #555;
	border-bottom : 1px dotted #555;
}

.events .post-social {
	padding : 15px 14px 9px 14px;
	overflow: visible;
}

.featured-details a:hover {
	color : #f9f9f9;
	text-decoration: none;
	border-bottom : 1px dotted rbga(255,255,255,0);
	
	border-radius: 2px;
	
	background-color: #585858;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
	background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
	background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
	background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
	background-image: -o-linear-gradient(top, #585858, #3d3d3d);
	background-image: linear-gradient(top, #585858, #3d3d3d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
}

.call-to-action {
	padding-top : 10px;
	margin-bottom : 1em;
}

/*SLIDESHOW NAV */
	
.slideshow-nav {
	width: 90%;
	margin: 0 auto;
}

.slideshow-nav ul {
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0;
	display: block;
	width: 100%;
	text-align: center;
}

.slideshow-nav li {
	display : inline-block;
	margin: 0;
	padding: 0 2.125%;
	width: 3.265%;
}

.slideshow-nav button {
	cursor:hand;
	cursor:grab;
	cursor:-moz-grab;
	cursor:-webkit-grab;
	
	border: none;
	padding : 0;
	margin: 0;
	display : block;
	background: none;
	font-weight: 400;
	text-shadow: none;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 14px;
	font-size : 14px;
	color : #999;
	white-space: normal;
	max-width: 100%;
}

.slideshow-nav button img {
	border-radius: 50%;
	border: 1px solid #E5E5E5;
	opacity: .55;
	filter: alpha(opacity=55);
	
	/* Safari */
	-webkit-transform: rotate(-10deg);
	/* Firefox */
	-moz-transform: rotate(-10deg);
	/* IE */
	-ms-transform: rotate(-10deg);
	/* Opera */
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	max-width: 100%;
	z-index: 100;
	margin: 0;
	padding: 0;
	
	-webkit-background-clip: padding-box; 
	-moz-background-clip:    padding; 
	background-clip:         padding-box;
}

.slideshow-nav .current button {
	cursor: default;
}

.slideshow-nav .current button img {	
	opacity: 1;
	filter: alpha(opacity=100);
	/* Safari */
	-webkit-transform: rotate(5deg);
	/* Firefox */
	-moz-transform: rotate(5deg);
	/* IE */
	-ms-transform: rotate(5deg);
	/* Opera */
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
}

.slideshow-nav button:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.slideshow-nav .play-pause img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	
	border: none;
	border-radius: 0;
}

.slideshow-nav .play-pause button {
	cursor: hand;
	cursor: pointer;
}

/* Social Media icons */

.social-icons a {
	display : table-cell;
	height: 32px;
	width : 32px;
	background-image: url(images/sm-sprite.png);
	background-repeat: no-repeat;
}

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

.facebook-icon a {
	background-position: 0 -352px;
}

.google-plus-icon a {
	background-position : 0 -288px;
}

.rss-feed-icon a {
	background-position: 0 -160px;
}

.twitter-icon a {
	background-position: 0 -64px;
}

/* Calendar of Events */

.calendar-wrapper {
	width : 100%;
	margin-bottom: 45px;
}

.calendar-list {
	list-style-type: none;
	width : 100%;
	margin : 0;
	padding : 0;
	display : block;
}

.calendar-list:after {
	clear : both;
	display : block;
	content : '';
}

.calendar-list li {
	display : block;
	float : left;
	padding : 0;
	background : #fff;
	border : 1px solid #E5E5E5;
	text-align: center;
	border-radius: 4px;
	height : 150px;
}

.cal-inner {
	padding : 10px;
	display: block;
	height : 130px;
	border-radius: 4px;
	overflow: hidden;
}

.cal-event {
	margin : 0;
	padding : 0;
}

.cal-event span {
	display : block;
	line-height : 1.1;
}

.cal-head {
	font-size : 12px;
	font-weight : 600;
	margin : 0 0 2px 0;
}

.cal-sub {
	margin : 0;
	font-size : 11px;
	line-height : 1.2;
	font-weight : 400;
}

.calendar-event .cal-content {
	opacity: .5;
	filter: alpha(opacity=50);
	
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

.calendar-event a {
	text-decoration: none;
	color : #444;
}

.calendar-event a:hover {
	text-decoration: none;
	color : #fff;
}

.calendar-event a:hover .cal-inner {
	background-color: #585858;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
	background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
	background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
	background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
	background-image: -o-linear-gradient(top, #585858, #3d3d3d);
	background-image: linear-gradient(top, #585858, #3d3d3d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
}

.calendar-event p {
	margin : 0 0 10px 0;
	padding : 0;
}

.calendar-event .cal-date {
	font-size : 30px;
	font-weight : 300;
	padding-top : 5px;
	font-family: "proxima-nova-alt", "Proxima Nova Alt", Arial, Helvetica, sans-serif;
}

.calendar-event .cal-time {
	font-family: "proxima-nova-alt", "Proxima Nova Alt", Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : 600;
	background-color: #585858;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
	background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
	background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
	background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
	background-image: -o-linear-gradient(top, #585858, #3d3d3d);
	background-image: linear-gradient(top, #585858, #3d3d3d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
    color : #fff;
    border-radius: 4px;
    margin-bottom : 8px;
}

.calendar-event a:hover .cal-time {
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(top, #ffffff, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee);
    color : #333;
    border-radius: 4px;
}

.cal-content {
	display : block;
	
}

.calendar-list .new-month {
	background-color: #585858;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
	background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
	background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
	background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
	background-image: -o-linear-gradient(top, #585858, #3d3d3d);
	background-image: linear-gradient(top, #585858, #3d3d3d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
	color : #fff;
}

.new-month .month {
	font-size : 50px;
	letter-spacing: .01em;
	line-height : 0.8;
	font-family: "proxima-nova-sc-osf", "Proxima Nova ScOsf", Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight : 700;
}

.new-month .year {
	font-family: "proxima-nova-alt", "Proxima Nova Alt", Arial, Helvetica, sans-serif;
	font-size : 35px;
	line-height : 1.2;
	font-weight : 300;
	letter-spacing: normal;
}

.new-month a {
	color : #fff;
	text-decoration: none;
	border-bottom : 1px dotted #fff;
}

.new-month a:hover {
	border-bottom : 1px solid #fff;
}

/* Calendar Nav */

.calendar-nav ul {
	list-style-type: none;
	margin : -.3em auto .8em auto;
	padding : 0;
	display: table;
}

.calendar-nav li {
	display: table-cell;
	margin : 0;
	padding : 0;
	font-size : 18px;
	line-height: 14px;
	line-height: normal;
	color : #666;
}

.calendar-nav button {
	border: none;
	padding : 0;
	margin: 0;
	display : inline;
	background: none;
	font-weight: 400;
	text-shadow: none;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 14px;
	font-size : 14px;
	color : #999;
	white-space: normal;
	
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.all button.all,
.music button.music,
.art button.art,
.education button.education {
	color : #444;
}

.all li.calendar-event .cal-content,
.music li.music .cal-content,
.art li.art .cal-content,
.education li.education .cal-content {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* footer social icons */

#footer .social-icons {
	display : table;
	float : right;
}

#footer .social-icons:after {
	display : block;
	clear : both;
	content : '';
}

#footer .yelp-icon, #footer .vimeo-icon, #footer .youtube-icon, #footer .twitter-icon, #footer .facebook-icon, #footer .linkedin-icon, #footer .rss-feed-icon, #footer .instagram-icon, #footer .pinterest-icon, #footer .foursquare-icon, #footer .google-plus-icon, #footer .stumble-upon-icon {
	display : table-cell;
}

/* Widget */

.ev-recent p {
	margin-top : 0;
}

#widgets .ev-recent ul {
	list-style-type : none;
	padding : 0;
}

#widgets .ev-recent a {
	font-weight : 700;
	color : #555;
	border-radius: 2px;
	padding : 0 2px;
}

#widgets .ev-recent a:hover {
	color : #fff;
	background-color: #585858;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
	background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
	background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
	background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
	background-image: -o-linear-gradient(top, #585858, #3d3d3d);
	background-image: linear-gradient(top, #585858, #3d3d3d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
}

.ev-recent li {
	font-size : 14px;
	margin-bottom : .25em;
	font-family: "proxima-nova-alt", "Proxima Nova Alt", Arial, Helvetica, sans-serif;
	font-weight : 600;
}

.ev-recent abbr,
.ev-recent time,
.ev-recent .full {
	font-family: "proxima-nova-sc-osf", "Proxima Nova ScOsf", Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: lowercase;
}

.ev-recent .full {
	font-size : 15px;
}

#widgets .vcard {
	margin: 1.6em 0;
}

.widget-wrapper {
	overflow: hidden;
}

.link-list li {
	white-space:nowrap;
}

#widgets .genre-cloud {
	margin-bottom: 1.5em;
}

.genre-cloud a {
	color : #555;
	border-radius: 2px;
	padding : 0 1px;
}

.genre-cloud a:hover {
	color : #fff;
	background-color: #585858;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
	background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
	background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
	background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
	background-image: -o-linear-gradient(top, #585858, #3d3d3d);
	background-image: linear-gradient(top, #585858, #3d3d3d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
}

/* ARCHIVES */

.event-tax-header {
	font-size : 1.625em;
	margin : 0.7em 0 0.4em 0;
	font-family: "proxima-nova-alt", "Proxima Nova Alt", Arial, Helvetica, sans-serif;
	font-weight : 300;
}

.archive .events,
.page-template-upcoming-page-php .events {
	margin : 0 0 2.115em 0;
	padding : 20px;
	background-color: #F9F9F9;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.archive .event-datetime,
.page-template-upcoming-page-php .event-datetime {
    font-size : 12px;
    margin : 0 0 0.185em 0;
    letter-spacing: .115em;
}

.archive .events .post-title,
.page-template-upcoming-page-php .events .post-title {
	margin: 0.1em 0 0.2em;
}

.archive .event-subtitle,
.page-template-upcoming-page-php .event-subtitle {
	font-size : 14px;
	line-height: 1.15;
	margin : 0.285em 0 0.485em 0;
	color : #666;
	padding : 0;
}

.archive .event-title,
.page-template-upcoming-page-php .event-title {
	font-size : 30px;
	line-height: 1;
	padding: 0;
	margin: 0;
}

/* 2720 widget (bottom 3) */

.home-widgets .widget-wrapper {
	background: rgb(249,249,249);
	
	border-radius: 4px 4px 0 0;
	border-bottom : none;
  
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

/* Media Queries */

/* Smartphones (portrait) ----------- */
@media screen 
and (min-width : 320px) {
	
	/*body {
		background-color : red;
	}*/
	
	/* Calendar spacing */
	
	.calendar-list li {
		width : 47.08333%; /* 240 base */
		height : 150px;
		margin : 5px 0 5px 4.16667%;
	}
	
	.calendar-list li:nth-child(2n+1) {
		margin-left : 0;
	}

}

/* Smartphones (landscape) ----------- */
@media screen 
and (min-width : 480px) {

	/*body {
		background-color : yellow;
	}*/
	
	.event-tax-header {
		font-size : 2.585em;
	}
	
	.calendar-list li,
	.calendar-list li:nth-child(2n+1) {
		width : 31.458333%; /* 480 base */
		height : 150px;
		margin : 5px 0 5px 2.08333%;
	}
	
	.calendar-list li:nth-child(3n+1) {
		margin-left : 0;
	}
	
	/* Event datetime */	
	.featured-datetime,
	.event-datetime {
	    font-size : 20px;
	}
	
	.archive .event-datetime,
	.page-template-upcoming-page-php .event-datetime {
		font-size : 18px;
	}
	
	/* Subtitle */
	.featured-subtitle {
		font-size : 24px;
		margin : 1.135em 0 1.135em 0;
	}
	
	.event-subtitle {
		font-size : 28px;
	}
	
	.archive .event-subtitle,
	.page-template-upcoming-page-php .event-subtitle {
		font-size : 22px;
	}
	
	.featured-title {
		font-size : 56px;
	}
	
	.event-title,
	.page-header .event-title,
	.post-title {
		font-size: 50px;
	}
	
	.archive .event-title,
	.page-template-upcoming-page-php .event-title {
		font-size: 45px;
	}
	
	/* Calendar title */
	.calendar-title {
		font-size : 50px;
	}
	
	.calendar-nav ul {
		list-style-type: none;
		margin : -0.8em auto 1em auto;
	}
	
	.calendar-nav li {
		font-size : 30px;
		line-height: 20px;
	}
	
	.calendar-nav button {
		line-height: 20px;
		font-size : 20px;
	}
	
	.page-header .event-subtitle {
		font-size : 25px;
	}
	
	.page-header .event-title .sub-main {
		font-size : 30px;
	}

}

/* In Betweener ----------- */ 
@media screen 
and (min-width : 650px) {

	/*body {
		background-color : black;
	}*/
	
	.calendar-list li,
	.calendar-list li:nth-child(2n+1),
	.calendar-list li:nth-child(3n+1) {
		width : 23.5%; /* 650 base */
		height : 150px;
		margin : 5px 0 5px 1.5%;
	}
	
	.calendar-list li:nth-child(4n+1) {
		margin-left : 0;
	}
	
	.page-template-full-width-page-php #content-full p,
	.page-template-about-page-php #content-full p,
	.page-template-full-width-page-php #content-full li,
	.page-template-about-page-php #content-full li {
		font-size : 16px;
		line-height: 1.7em;
		clear: none;
	}
	
}

/* iPads (portrait and landscape) ----------- */
@media screen 
and (min-width : 768px) {
	
	.calendar-list li,
	.calendar-list li:nth-child(2n+1),
	.calendar-list li:nth-child(3n+1),
	.calendar-list li:nth-child(4n+1) {
		width : 18.619792%; /* 768 base */
		height : 150px;
		margin : 5px 0 5px 1.302083%;
	}
	
	.calendar-list li:nth-child(5n+1) {
		margin-left : 0;
	}
	
	.calendar-title {
		font-size : 70px;
	}
	
}

@media screen 
and (min-width: 900px) { 
	
	/*body {
		background-color : yellow;
	}*/
	
	.calendar-list li,
	.calendar-list li:nth-child(2n+1),
	.calendar-list li:nth-child(3n+1),
	.calendar-list li:nth-child(4n+1),
	.calendar-list li:nth-child(5n+1) {
		width : 15.444444%; /* 149.6667px / 900 */
		height : 150px;
		margin : 5px 0 5px 1.111111%;
	}
	
	.calendar-list li:nth-child(6n+1) {
		margin-left : 0;
	}
	
	.grid {
    	float: none;
	}
	
}


@media screen 
and (min-width: 960px) {
	
	/*body {
		background-color : purple;
	}*/
	
	.featured-image {
		height : 470px;
	}
	
	.grid {
    	float: left;
	}
	
	.featured-image img {
		margin : 0;
		position : absolute;
		max-width: none;
		cursor: move;
	}
	
	.move-arrow {
		position : absolute;
		top : 50%;
		left : 50%;
		display : block;
		height : 17px;
		width : 17px;
		background: url(images/move_arrows.png) no-repeat 0 0;
	}
	
	.featured-title,
	#featured .description,
	.featured-subtitle,
	.featured-datetime  {
		padding: 0 10px 0 20px;
	}

/* Desktops and laptops ----------- */
@media screen 
and (min-width : 1224px) {
	/*body {
		background-color : purple;
	}*/
}

/* Large screens ----------- */
@media screen 
and (min-width : 1824px) {
	/*body {
		background-color : green;
	}*/
}

/* Retina Display ----------- */
@media
screen and (-webkit-min-device-pixel-ratio : 1.5),
screen and (min-device-pixel-ratio : 1.5) {
	
}

/* defaults */
.no-break {
	white-space:nowrap;
}