/* Small screens Define mobile styles */
@media only screen { 
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	.bottom-events-nav {
		display: none;
	}
	.hs-buttons {
		margin-top: 1rem;
	}
	
	.collage-right {
		margin-top: 2rem;
	}
	
	/*.section .promo-left.columns {
		padding-right: 0;
	}*/
	
	.promo-box-image {
		border-bottom-width: 0;
	}
	
	.entry-content {
		margin-right: 0;
	}
	
	.bottom-content-block {
		padding-top: 1rem;
	}
	
	#content main#main {
		padding-left:0;
		padding-right: 0;
	}
	
	.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] {
		color:#fff !important;
	}
	
	.top-bar .large-2.columns ul {
		margin-left: -.625rem;
	}
	
	.singlenewspost .byline, .topblogpost .byline {
		text-align: left;
	}
}

@media only screen and (min-width: 39.8em) {
	.menu>li>a {
		padding: .7rem .4rem;
	}
}
 

/* Medium min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	
	h2 {
		font-size: 2rem;
	}
	
	h3 {
		font-size: 1.875rem;
		line-height: 1.2;
	}
	
	h4 {
		font-size: 1.125rem;
		line-height: 1.2;
	}
	
	h5 {
		font-size: 1.25rem;
	}
	
	.menu>li>a {
		padding: .7rem .2rem;
	}
	
	/*.entry-content .columns {
		padding-left: 0rem;
		padding-right: 0rem;
	}*/
	
	/*.columns {
		padding-left:0;
		padding-right:0;
	}*/
	
	/* Single */
	
	.article-header.row {
		
	}
	
	.article-header.row {
		
	}
	
	.promo-boxed {
		min-height: 300px;
	}
	
	
	.article-header.row .large-8,
	.article-header.row .large-4 {
	}
	
	.image-caption {
		position: absolute;
		right:0;
		padding-left: 1rem;
	}
	
	.singlenewspost .article-header.row h1,
	.topblogpost .article-header.row h2 {
		display: inline-block;
	}
	
	.singlenewspost .byline,
	.topblogpost .byline {
		font-size: 1.125rem;
		text-align: right;
		margin-bottom:0;
		margin-top:.4rem;
		padding:0;
		line-height: 1.2;
		float: right;
	}
	
	.byline {
		text-align: right;
	}
	
	
	/*.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
		padding-right: 0;
	}*/ 
	
	/* HOMEPAGE */
	
	.owl-nav {
		position: absolute;
		top: 50%;
		margin-top: 0px;
		width: 100%;
	}
	
	.owl-prev {
		
	}
	
	.owl-next {
		
	}
	
	/* HEADER */
	
	.section .bottom-content-block .large-6.last-child {
		padding-right: 0;
		padding-left: 1.5rem;
	}
	
	.section .bottom-content-block .large-6.boxes {
		padding-right: 1rem;
	}
	
	.section .bottom-content-block .large-6.last-child.boxes {
		padding-left: 1rem;
	}
	
	.bottom-content-block.justcontentblock {
		margin-top: 2.2rem;
	}
	
	/*.top-bar .large-10.columns,
	.top-bar .large-2.columns {
		display: table-cell;
		float: none !important;
	}*/
	
	.top-bar .large-2.columns ul {
		padding: 3rem 0;
	}
	
	.top-bar .large-10.columns {
		vertical-align: bottom;
	}
	
	.top-bar .large-2.columns {
		vertical-align: middle;
	}
	
	.off-canvas-content .mobile-menu {display: none !important;}
	
	/* Fixing shit*/
	
	
	.header .top-bar {
		border-bottom:none;
	}
	
	.make-header-fixed {
		position: fixed;
		width: 100%;
		z-index: 99;
		background-color: #fff;
	}
	
	#content {
		position: relative;
		top: 150px;
		padding-bottom: 150px;
	}
	
	.top-bar .large-2.columns ul {
		padding: 0;
	}
	
	.inner-header-border {
		height: 150px;
		display: table;
		width: 100%;
	}
	
	.inner-header-border-cell {
		display: table-cell;
		vertical-align: middle;
	}
	
	.inner-main-menu-wrapper {
		display: table;
		width: 100%;
	}
	
	.main-menu-wrapper {
		display: table-cell;
		vertical-align: bottom;
		border-bottom:0;
	}
	
	.top-bar .large-10.columns .main-menu-wrapper, .top-bar .large-2.columns ul {
		border-bottom: none;
	}
	
	.menu.main-menu {
		padding:0;
		display: table;
	} 
	
	
	/*Components and Shortcodes */
	
	/* Promo */
	
	.section .promo-left.columns {
		padding-right: .75rem;
	}
	
	.section .promo-right.columns {
		padding-left: .75rem;
	}
	
	/* Three Columns */
	
	.the-border {
		margin-top:0;
	}
	
	.section.intro-paragraph {
		max-width: 90%;
		padding-top: 1rem;
	}
	
	.section .collage-left.columns {
		padding-right: .75rem;
	}
	
	.section .collage-right.columns {
		padding-left: .75rem;
	}
	
	.collage-three {
		max-width: 60%;
		float: right;
	}
	
	.collage-four {
		max-width: 80%;
		float: left;
	}
	
	.collage-seven {
		max-width: 80%;
		float: right;
	}
	
	/*.section .columns {
		padding-right: 3rem;
	}*/
	
	/*.section .columns.last-child {
		padding-right:0;
	}*/
	
	.section-border-top h2 {
		font-size: 2rem;
	}
	
	.toggle-content {
		padding-top: .2rem;
	}
	
	.section-border-top .toggle-link {
		font-size: .875rem;
	}
	
	span.intro {
		font-size: 1.475rem;
	}
	
	span.big-intro {
		font-size: 2rem;
		margin-top: -1rem;
	}
	
	.section-border-top.content-block h2 {
		position: relative;
		top: -5px;
	}
	
	.section-border-top .last-child {
		display: block;
	}
	
	.toggle-content.last-child {
		display: none;
	}
	
	.toggle-content {
		position: relative;
		/*top: -2.3rem;*/
	}
	
	.toggling-open {
		position: relative;
	}
	
	.toggle-content.last-child.toggle-open {
		display: block !important;
	}
	
	.toggling.toggling-open .toggle-link span.show-for-small-only {
		display: inline-block !important;
		text-align: right;
		top: -6px;
		position: relative;
		z-index: 95;
	}
	
	.toggling.toggling-open .toggle-link span.show-for-small-only img {
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
		transform: rotate(180deg);
	}
	
	.toggling.toggling-open .toggle-link span.hide-for-small-only {
		display: none;
	}
	
	/* Toggle */
	
	.toggling-open .toggle-left {
		position: absolute;
	}
	
	/* Shows */
	
	#show-buttons ul {
		text-align: right;
	}
	
	.hs-buttons ul {
		text-align: left;
		margin-top: 1.3rem;
		margin-left: 1px;
	}
	
	#show-buttons ul li,
	.hs-buttons ul li {
		display: inline-block;
		margin-right: .875rem;
	}
	
	#show-title h1,
	.hs-title h1 {
		font-size: 1.875rem;
		display: inline;
	}
	
	#show-title span,
	.hs-title span {
		font-size: 1.875rem;
		display: inline;
	}
	
	.show-sharing a {
		font-size: .875rem;
		padding:0;
		border:none;
	}
	
	.show-sharing a:hover {
		background:transparent;
		color:#ff4500;
		text-decoration: underline;
	}
	
	.show-sharing span {
		display: inline;
		padding: 0 .4rem;
	}
	
	.show-sharing a.butt.showsharebutt,
	.show-sharing a.butt.showpressbutt,
	.show-sharing a.butt.showpressbutt.solopress {
		width: auto;
		float: none;
	}
	
	/* Events */
	
	/* See more Dates Addition */
	
	#tribe-events-footer .tribe-events-sub-nav li.tribe-view-more-dates,
	.tribe-events-month #tribe-events-header .tribe-events-sub-nav li.tribe-view-more-dates {
		font-size: 1rem;
		text-transform: uppercase;
		float: none;
		display: inline-block;
		margin-right: 10px !important;
		font-family: 'playhouse', sans-serif;
		font-size: 1.5rem;
	}
	
	.tribe-events-calendar-fix-width {
		margin-left: -1.468rem;
		margin-right: -1.468rem;
	}
	
	#tribe-events-content table.tribe-events-calendar {
		border-spacing: 1.468rem !important;
		border-collapse: separate !important;
	}
	
	#tribe-events-content .tribe-events-calendar td {
		border-top: 2px solid #ff4500 !important;
	}
	
	.tribe-events-calendar td div[id*=tribe-events-daynum-] {
		font-size: 4.4rem !important;
		font-weight: normal !important;
		line-height: 1 !important;
		padding: .3rem .875rem .6rem .875rem !important;
	}
	
	h2.tribe-events-page-title {
		font-family: 'playhouse', sans-serif !important;
		font-size: 3rem !important;
		margin-bottom:0 !important;
		line-height: 1;
	}
	
	.tribe-bar-disabled {
		display: none !important;
	}
	
	.events-month-listing {
		min-height: 150px;
		padding: .5rem;
	}
	
	.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a {
		border-bottom: 2px solid #ff4500 !important;
		color: #000 !important;
	}
	
	.tribe-events-calendar td div[id*=tribe-events-daynum-], .tribe-events-calendar td div[id*=tribe-events-daynum-] a {
		color: #000 !important;
		font-family: 'playhouse', sans-serif !important;
	}
	
	.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {
		background-color: #fff !important;
		background:transparent !important;
		color:#000 !important;
		border-bottom: 2px solid #ff4500 !important;
	}
	
	.tribe-events-calendar thead th {
		bottom: -1rem !important;
		color: #ff4500 !important;
		font-weight: bold !important;
	}
	
	#tribe-events-content .tribe-events-calendar .mobile-active:hover, #tribe-events-content .tribe-events-calendar .mobile-active {
		background-color: #fff !important;
	}
	
	.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] {
		background-color: #ff4500 !important;
		color: #fff !important;
	}
	
	table.tribe-events-calendar {
		position: relative;
		top: -1rem;
	}
	
}
 
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	
	/* Events */
	
	.tribe-events-calendar td div[id*=tribe-events-daynum-] {
		font-size: 3rem !important;
		font-weight: normal !important;
		line-height: 1 !important;
		padding: 1rem 1rem 0 1rem !important;
	}
	
	.medium-top-bar-border {
		display: block;
		border-bottom: 2px solid #ff4500;
		margin-left: .975rem;
		margin-right: .975rem;
	}
	
	#main.mainblog {
		width: calc(100% - 2px);
		margin-left:1px;
	}
	
} 

@media only screen and (min-width: 46.063em) {
	.menu>li>a {
		padding: .7rem .4rem;
	}
}

/* Large min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	
	/* Header */
	
	/*.columns {
		padding-left:.625rem;
		padding-right: .625rem;
	}*/
	
	h4 {
		font-size: 1.5rem;
		line-height: 1.2;
	}
	
	.top-bar .large-10.columns .main-menu-wrapper,
	.top-bar .large-2.columns ul {
		/*margin-left: 1px;*/
		margin-right: -1px;
	}
	
	/* Fixing shit*/
	
	.inner-header-border {
		border-bottom: 2px solid #ff4500;
	}
	
	#content {
		top: 150px;
		padding-bottom: 150px;
	}
	
	.inner-header-border {
		height: 150px;
	}
	
	#left-column .sticky.is-stuck {
		margin-top: 166px !important;
	}
	
	.header .top-bar {
		border-bottom:none;
	}
	
	.menu.main-menu li a {
		font-size: .75rem;
	}
	
	/*.entry-content {
		margin-right: .625rem;
	}*/
	
	/* Single */
	
	.article-header.row {
		
	}
	
	#show-meta #show-title {
		width: auto;
	}
	
	#show-buttons.medium-4 {
		width: auto;
		float: right;
	}
	
	/*Components and Shortcodes */
	
	span.intro {
		font-size: 1.875rem;
	}
	
	span.big-intro {
		font-size: 2rem;
	}
	
	blockquote {
		font-size: 1.875rem;
		padding: 2rem 4rem;
	}
	
	blockquote p {
		font-size: 1.875rem;
	}
	
	blockquote span {
		font-size: 1.125rem;
	}
	
	/* Content */
	
	h1.page-title {
		position: absolute;
		display: block;
		top: -2.625rem;
		z-index: 9;
	}
	
	#left-column {
		position: relative;
		display: block;
	}
	
	main#main {
		width: 83.33333%;
		/*padding-left: 1.765rem;*/
	}
	
	/* Footer */
	
	.footer {
		padding: 2rem 0;
	}
} 

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
} 

/*XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { 
	
	#left-column .sticky.is-stuck {
		margin-top: 203px !important;
	}
	
	.section-border-top h2 {
		font-size: 3rem;
	}
	
	.section-border-top .toggle-link {
		font-size: 1.125rem;
	}
	
	.toggle-content {
		padding-top: 1rem;
	}
	
	h2 {
		font-size: 3rem;
	}
	
	header#site-header .sticky.is-stuck {
		position: fixed;
		width: 100%;
	}
	
	#left-column .sticky.is-anchored.is-at-top {
		position: fixed;
		margin-top: 12.7rem !important;
		z-index: 9;
	}
	
	/* Fixing shit*/
	
	#content {
		top: 187px;
		padding-bottom: 187px;
	}
	
	.inner-header-border {
		height: 187px;
		/*margin-left: 1px;*/
	} 
	
	span.big-intro {
		font-size: 3rem;
	}

}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
	
} 

/* XXLarge screens min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { 
	
}