/*------------------------------------------------------------------------
# Soapbox -> Style CSS (v2.3.0) : RESPONSIVE
# ------------------------------------------------------------------------
# Copyright (C) 2012 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/

/* !JA Suckerfish w/ Bootstrap Collapse Menu */
.nav-collapse {
	
}
.nav-collapse.collapse 		{ height: auto; }
.navbar-ja				{ overflow: visible; *position: relative; *z-index: 2; }
.navbar-inner-ja			{ padding-left: 0px; }
.navbar-ja .container-ja		{ width: auto; }
.nav-collapse-ja.collapse	{ height: auto; }
.navbar-ja .brand-ja		{ display: none; }
.navbar-ja .brand-ja:hover	{ text-decoration: none; }
.navbar-text				{ margin-bottom: 0; line-height: 40px; }

.navbar-ja .btn-navbar-ja,
.navbar-ja .brand-ja {
	display: none;
}

.navbar-ja .btn-navbar-ja {
	display: none;
	width: auto;
	margin: 0 auto;
	padding: 9px 10px;
	line-height: 22px;
	*line-height: 22px;
	color: #999;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	
	position: absolute;
	top: 16px;
	right: 30px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	
	border: 2px solid #d9f87f;
	
}
.navbar-ja .btn-navbar-ja:hover {
	color: #ff6a00;
	border-color: #ff6a00;
}
.navbar-ja .btn-navbar-ja .icon-bar {
	display: block;
	width: 30px;
	height: 5px;
	background-color: #2fc723;
	-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
			border-radius: 1px;
}
.navbar-ja .btn-navbar-ja:hover .icon-bar {
	background-color: #ff6a00;
}
.btn-navbar-ja .icon-bar + .icon-bar {
	margin-top: 6px;
}



/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/
@media (max-width: 1200px) {

	/* Header Top */
	ul.menuhorz {
		font-size: 15px;
	}

	ul.menuhorz li {
		margin: 0 2px;
	}
	
	
	/* Header */
	.header-bot-cntr {
		height: 128px;
	}
	
	a.logo {
		width: 339px;
		height: 71px;
		background-size: 339px 71px;
	}
	
	.header-actions {
		margin-top: 42px;
	}
	
	.header a.btn-action {
		font-size: 15px;
		height: 42px;
		line-height: 42px;
		margin-left: 6px;
		padding: 0 26px;
	}
	
	
	/* Banner */
	ul.menu-title li a {
		font-size: 56px;
	}
	
	
	/* General Layout */
	.sidebar {
		padding-left: 80px;
	}	
	
	
	/* Footer */
	.footer-info,
	.footer-contact {
		/* margin-left: 80px; */
	}
	
	.foot-box-addy {
		width: 290px;
	}
	
	.foot-box-phone, 
	.foot-box-fax {
		width: 150px;
	}
	
	.foot-box-email {
		width: 260px;
	}
	
	
	/* Section: Home Slider */
	.home-slider .flexslider .flex-content-inner {
		width: 940px;
	}
	
	.home-slider .flexslider .flex-content h2.flex-title {
		font-size: 38px;
	}
	
	.home-slider .flexslider .flex-content .flex-text {
		font-size: 20px;
	}
	
	
	/* Section: Home News */
	.home-news-main-row {
		padding-right: 30px;
	}
	
	.home-news-header {
		width: 100%;
		position: relative;
	}
	
	.home-news-articles {
		width: 100%;
		margin-top: 36px;
	}
	
	.home-news-social {
		/* width: 300px; */
	}
	
	.home-news-header .btn-outline {
		position: absolute;
		top: -16px;
		right: 0px;
	}
	
	.home-news-articles .mod-list .mod-item {
		margin-left: 50px;
	}
	
		
	/* Section: Home Thumbs */
	.thumb-cntr {
		width: 233px;
		margin-left: 2px;
	}
	
	.thumb-cntr h5 {
		font-size: 17px;
		height: 56px;
		line-height: 56px;
	}
	
	.thumb-bullets {
		padding-left: 80px;
		padding-right: 80px;
	}
	
	
	/* Comp: Events */	
	.cal-monthNavTBL .cal-year, .cal-monthNavTBL .cal-month {
		font-size: 1em;
	}
	
	.sbxEvents-event .googleMap {
		float: none;
		margin: 0 0 16px 0;
	}
	
	.sbxEvents-event .googleMap #map, 
	.sbxEvents-event .googleMap #map-canvas {
		max-width: 100%!important;
		width: 100%!important;
	}
	
	.sbxEvents-event p.address {
		margin: 8px 0 8px 0;
	}
	
	

}


@media (max-width: 979px) {
	
	/* Header Top */
	ul.menuhorz li {
		margin: 0;
	}
	
	
	/* Header */	
	.header-connect {
		display: none;
	}
	
	.header a.btn-action-directory {
		display: none;
	}
	
	
	/* Banner */
	.banner,
	.banner-cntr {
		height: 344px;
	}
	
	.banner {
		-moz-background-size:cover; 
		-webkit-background-size:cover; 
		background-size:cover;
	}
	
	ul.menu-title li a {
		font-size: 52px;
	}
	
	
	/* General Layout */
	.maincontent {
		padding-right: 42px;
	}
	
	.sidebar {
		padding-left: 10px;
	}	
	
	
	/* Footer */
	.footer-info {
		/* padding-left: 52px; */
	}
	
	.footer-info,
	.footer-contact {
		margin-left: 0;
	}
	
	.foot-box-fax {
		display: none;
	}
	
	.foot-box {
		margin-left: 40px;
	}
	
	.foot-box-phone {
		width: 140px;
	}
	
	.foot-box-addy {
		width: 240px;
	}
	
	
	/* Section: Home Slider */
	.home-slider .flexslider .flex-content-inner {
		width: 724px;
		padding: 32px 60px;
	}
	
	.home-slider .flexslider .flex-content h2.flex-title {
		font-size: 32px;
	}
	
	.home-slider .flexslider .flex-content .flex-text {
		font-size: 20px;
	}
	
	
	/* Section: Home News */
	.home-news-social {
		display: none;
	}
	
	.home-news-main {
		width: 724px;
	}
	
	.home-news-main-row {
		padding-right: 0;
	}
	
	.home-news-main-row .home-news-header,
	.home-news-main-row .home-news-articles {
		width: 724px;
		clear: both;
		float: none;
	}
	
	.home-news-articles .mod-list .mod-item {
		width: 330px;
		margin-left: 64px;
		padding-top: 186px; 
	}
	
	
	/* Section: Home Thumbs */
	.thumb-cntr {
		width: 179px;
		margin-left: 2px;
	}
	
	.thumb-cntr h5 {
		font-size: 14px;
		height: 48px;
		line-height: 48px;
		padding-left: 16px;
	}
	
	.thumb-bullets {
		padding: 18px 80px;
	}
	
	
	/* Comp: Events */
	
	/* Making Event Calendar the mobile version earlier due to the smaller main column */
	.cal-monthTBL th.cal-wdHead span.hidden-phone { display: none; }
	.cal-monthTBL th.cal-wdHead span.visible-phone { display: block !important; }
	
	.cal-monthNavTBL a span.month {
		display: none;
	}
	
	.cal-monthTBL .cal-wdEmptyName span, 
	.cal-monthTBL .cal-weEmptyName span, 
	.cal-monthTBL .cal-event, 
	.cal-monthTBL .cal-item-actions {
		display: none;
	}
	
	.cal-monthTBL td.cal-wd .cal-wdNum, 
	.cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {
		padding: 0;
	}
	
	.cal-monthTBL .cal-wd, .cal-monthTBL .cal-wdEmpty {
		height: auto !important;
	}
	
	.cal-monthTBL .cal-wd .cal-num a {
		padding: 6px;
		height: 75px;
		display: block;
	}
	
	.cal-monthTBL td.cal-wdEvent,
	.cal-monthTBL td.cal-weEvent  {
		background-color: #f7ffe0;
		font-weight: bold;
	}
	.cal-monthTBL a.cal-wdNumEvent {
		color: #2fc723;
	}
	.cal-monthTBL a.cal-wdNumEvent:hover {
		background-color: #ffebdd;
		color: #ff6a00;
	}
	
	.tickets-footer-tbl .foot-promocode, 
	.tickets-footer-tbl .foot-total {
		float: none!important;
		width: 100%;
		text-align: left;
		margin: .6em 0;
	}
	
	.tickets-total-tbl {
		margin: 0;
		text-align: left;
	}
	
	.tickets-tbl .hidden-phone {
		display: none;
	}
	
	.tickets-tbl tr.visible-phone {
		display: table-row !important;
	}
	
	

}



@media (max-width: 767px) {
	
	/* General Layout */
	body {
		padding: 0;
		margin: 0;
	}
	
	.maincntr {
		margin: 56px 0;
		padding: 0 30px;
	}
	
	.maincontent {
		padding-right: 0;
	}
	
	.sidebar {
		padding-left: 0;
	}
	
	
	/* !JA Suckerfish w/ Bootstrap Collapse Menu */
	.navbar-ja {
		width: 100%;
	}
	
	.navbar-ja .container-ja { 
		width: auto; 
		padding: 0; 
	}
	.navbar-ja .container-ja .nav-collapse.in { 
		padding: 16px 20px 24px 20px;
		margin-top: 80px; 
		overflow: visible;
	}
  
	.navbar-ja .navbar-inner-ja { 
		padding-left: 20px;
	}
	.navbar-ja .btn-navbar-ja { 
		display: block; 
	}
   
	.nav-collapse { 
		clear: both; 
		
	}
	.nav-collapse,
	.nav-collapse.collapse { 
		overflow: hidden; 
		height: 0;
		background: #efefec; 
	}

	.nav-collapse ul.menuhorz { 
		float: none; 
		margin: 0px;
		height: auto;
		font-size: 18px;
		display: block;
		width: 100%;
	}
	.nav-collapse ul.menuhorz > li { 
		float: none; 
		clear: both; 
		display: block; 
		border: none;
		margin: 0px;
		padding: 0px;
		background: none;
	}
	.nav-collapse ul.menuhorz > li > a { 
		padding: 8px 0;
		display: block; 
		border: none; 
		float: none;
		height: auto;
		line-height: 1.1em;
		color: #7e7f78;
	} 
	.nav-collapse ul.menuhorz > li > a:hover {
		color: #2fc723 !important;
	}
	.nav-collapse ul.menuhorz > li > a.active {
		color: #514442;
		text-decoration: none;
		background: none;
	}	
	.navbar-ja .navbar-inner-ja	{ padding-left: 0px; }
	
	.nav-collapse ul.menuhorz li ul	{ 
		display: none;
		position: static;
		left: 0;
		width: 100%;
		padding: 0 0 16px 0;
		font-size: 16px;
		opacity: 1;
		visibility: visible;
		background: none;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: hoff none;
	}
	
	.nav-collapse ul.menuhorz li.active ul {
		display: block;
	}
	
	.nav-collapse ul.menuhorz li ul li {
		display: inline-block;
		width: 50%;
		padding: 0 20px;
		float: none;
		vertical-align: top;
		line-height: 1.2em;
		background: none;
	}
	
	.nav-collapse ul.menuhorz li ul li:hover {
		background: none;
	}
	
	.nav-collapse ul.menuhorz li:hover ul li a,
	.nav-collapse ul.menuhorz li ul li a {
		width: auto;
		color: #7e7f78;
		display: block;
		text-decoration: none;
		padding: 6px 0px;
		background: none;
	}
	
	.nav-collapse ul.menuhorz li ul li a.active {
		color: #514442;
	}
	
	.nav-collapse ul.menuhorz li ul li a:hover,
	.nav-collapse ul.menuhorz li ul li a.active:hover {
		color: #2fc723;
	}
	
	
	/* Header */
	.header-top,
	.header-top-cntr {
		min-height: 80px;
		height: auto;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.header-bot-cntr {
		height: 48px;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,.06);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.06);
		box-shadow: 0 2px 5px rgba(0,0,0,.06);
	}
	
	a.logo {
		width: 246px;
		height: 52px;
		background-size: 246px 52px;
		margin: 14px 0 0 28px;
		
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
	.header-actions {
		margin-top: 0;
		float: none;
		width: 100%;
	}
	
	.header a.btn-action {
		font-size: 16px;
		height: 48px;
		line-height: 48px;
		margin-left: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
		
	/* Banner */
	.banner,
	.banner-cntr {
		height: 270px;
	}
	
	ul.menu-title {
		background: #2fc723;
		width: 100%;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	ul.menu-title li a {
		font-size: 38px;
		padding: 28px 20px;
	}
	
	
	
	/* Footer */
	.footer {
		text-align: center;
		padding: 0 30px;
	}
		
	.footer-info {
		margin-left: 0;
		padding-bottom: 0;
		padding-left: 0;
		border-bottom: none;
	}
	
	.footer-contact {
		margin-left: 0;
		padding-top: 0;
	}
	
	.footer-copy,
	.footer-actions {
		float: none;
	}
	
	.footer-actions {
		margin-top: 18px;
	}
	
	.footer .social-list a {
		font-size: 30px;
	}
	
	.foot-box {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 24px;
	}
	
	.foot-box > p {
		font-size: 16px;
		margin-top: 8px;
	}
	
	.foot-box-phone > p,
	.foot-box-email > p,
	.foot-box-fax > p {
		font-size: 24px;
	}
	
	.foot-box-fax {
		display: block;
	}
	
	a.btn-totop {
		position: absolute;
		bottom: 24px;
		right: 24px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
	}
		
	
	/* Section: Home Slider */
	.home-slider .flexslider .flex-content {
		position: static;
	}
	
	.home-slider .flexslider .flex-content-inner {
		width: 100%;
		padding: 32px 40px;
		background: #2fc723;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.home-slider .flexslider .flex-direction-nav li a {
		top: 48px;	
	}
	
	.home-slider .flexslider .flex-direction-nav li .prev {
		left: 20px;
	}
	
	.home-slider .flexslider .flex-direction-nav li .next {
		right: 20px;
	}
	
	.home-slider .flexslider .flex-content h2.flex-title {
		font-size: 26px;
	}
	
	.home-slider .flexslider .flex-content .flex-text {
		font-size: 18px;
	}
	
	
	/* Section: Home News */
	.home-news {
		padding: 40px 30px 48px 30px;
	}
	
	.home-news-main {
		width: 100%;
	}
	
	.home-news-main-row {
		padding-right: 0;
	}
	
	.home-news-main-row .home-news-header,
	.home-news-main-row .home-news-articles {
		width: 100%;
	}
	
	.home-news-articles .mod-list .mod-item {
		width: 100%;
		margin-left: 0;
		padding-top: 0;
		padding-left: 176px;
	}
	
	.home-news-articles .mod-list .mod-item img {
		width: 160px;
		max-width: 160px;
	}
	
	
	/* Section: Home Thumbs */
	.section-thumbs {
		padding: 48px 30px 56px 30px;
	}
	
	.section-thumbs h2, 
	.section-partners h2 {
		font-size: 28px;
	}
	
	.section-thumbs h4 {
		font-size: 20px;
	}
	
	.thumb-cntr {
		width: 49.7%;
		margin-left: 2px;
		margin-top: 2px;
	}
	
	.thumb-cntr:nth-child(3) {
		margin-left: 0;
	}
	
	.thumb-cntr img {
		width: 100%;
	}
	
	.thumb-cntr h5 {
		font-size: 17px;
		height: 64px;
		line-height: 64px;
	}
	
	.thumb-bullets {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	
	/* Section: Partners */
	.section-partners {
		padding: 48px 0 56px 0;
	}
	
	
	/* Module: Sub Menu */
	.sbxModTable-sm {
		margin: 64px 0 64px 0;
	}
	
	
	
	
	
	
	
	
	ul.compList-leftLabel li div.cntr, 
	ul.compList-rightLabel li div.cntr {
		width: 100%;
		margin: 0;
		padding: 0 15px;
	}
	
	
	
	/* Comp: Donations */
	.sbxPayType {
		padding: 0 15px !important;
	}
	
	
	/* Typography */
	h1.componentheading,
	.item-header h1.title,
	h1.title,
	.article-title h2.contentheading { 
		font-size: 32px;
	}
	
	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	
	
	/* Forms */
	input.field.text, 
	textarea.field, 
	.inputbox, 
	td.paramlist_value select, 
	input.input-text, 
	textarea.textarea,
	select.inputbox, 
	select.select,
	ul.compList label.choice {
		font-size: 1em;
	}
	
	
}



@media (max-width: 480px) {


	.hidden-smphone {
		display: none;
	}


	/* General Layout */	
	.maincntr {
		margin: 48px 0;
		padding: 0 20px;
	}
	
	
	/* !JA Suckerfish w/ Bootstrap Collapse Menu */
	.navbar-ja .btn-navbar-ja {
		right: 16px;
	}
	
	.nav-collapse ul.menuhorz li ul li {
		display: block;
		width: 100%;
		padding: 0 20px;
		float: none;
	}
	
	
	/* Header */
	a.logo {
		width: 210px;
		height: 44px;
		background-size: 210px 44px;
		margin: 18px 0 0 14px;
	}
	

	.header a.btn-action {
		font-size: 14px;
	}
	
	
	/* Footer */
	.footer {
		padding: 0 20px;
	}
	
	.footer-contact {
		padding-bottom: 80px;
	}
	
	.footer-copy {
		line-height: 1.4em;
	}
	
	.foot-box-phone > p, 
	.foot-box-email > p,
	.foot-box-fax > p {
		font-size: 18px;
	}
	
	
	/* Section: Home Slider */	
	.home-slider .flexslider .flex-content-inner {
		padding: 24px 20px;
	}
	
	
	/* Section: Home News */
	.home-news {
		padding: 40px 20px 48px 20px;
	}
	
	.home-news-articles .mod-list .mod-item {
		padding-left: 0;
	}
	
	.home-news-articles .mod-list .mod-item img {
		display: none;
	}
	
	
	/* Section: Home Thumbs */
	.section-thumbs {
		padding: 48px 20px 56px 20px;
	}
	
	.section-thumbs h4 {
		font-size: 16px;
		margin-top: 8px;
	}
	
	.thumbs {
		margin-top: 32px;
	}
	
	.thumb-cntr {
		width: 100%;
		margin-left: 0;
		margin-top: 2px;
	}
	
	.thumb-cntr img {
		width: 100%;
	}
	
	.thumb-cntr h5 {
		padding: 0 16px;
		text-align: center;
	}
	
	
	/* Comp: Search */
	.com_search ul.compList-leftLabel li div.cntr, 
	.com_search ul.compList-rightLabel li div.cntr {
		padding: 0;
	}
	
	.com_search ul.compList-leftLabel label.desc, 
	.com_search ul.compList-rightLabel label.desc {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	
	/* Comp: Events */
	.cal-monthTBL .cal-wd .cal-num a {
		height: 50px;
	}
	
	.form-promocode input.field.text {
		margin-bottom: 6px;
	}

	.tickets-tbl .btn-toolbar .title {
		display: block;
		margin-bottom: 12px;
	}
	
	.tickets-tbl .table-inwell .btn-group {
		float: left;
		margin-left: 0;
		margin-right: 5px;
	}


	/* Typography */
	h1.componentheading,
	.item-header h1.title,
	h1.title,
	.article-title h2.contentheading { 
		font-size: 32px;
	}
	
	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	
	
	/* Forms */
	input.field.text, 
	textarea.field, 
	.inputbox, 
	td.paramlist_value select, 
	input.input-text, 
	textarea.textarea {
		width: 100%;
	}
	
	ul.compList li span.span-block {
		float: none;
		margin-right: 0;
	}
	
	


}