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


/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/
#logo img {
	max-width: 100%;
}

.c-hamburger-nav__symbol:hover {
	text-decoration: none;
}

.l-secu .hamburger-primary-nav ul li {
	background: none;
}

.c-hamburger-nav__items ul li {
	line-height: inherit;
}

#block-mobilesearchtoggle #mobile-search-toggle,
#block-mobilemenutoggle #mobile-menu-toggle {
	color: #fff;
}

#block-mobilesearchtoggle.active #mobile-search-toggle,
#block-mobilemenutoggle.active #mobile-menu-toggle {
	color: #000;
}

/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/

@media (min-width: 1024px) {
	.branding img {
		height: 77px !important;
	}
}

@media (max-width: 1023px) {
	.screen-sm {
		display: inherit;
	}

	.f-topbar-fixed {
		padding-top: 91px;
	}
	
	.top-bar-section ul {
		text-align: left;
	}
}

@media (min-width: 960px) {
	.bricks-content-wrapper .section {
		display: block;
	}
}

@media (max-width: 767px) {
	body {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	ul.compList button.btn, ul.compList button.button, ul.compList .btn-primary, ul.compList .btn-secondary {
		font-size: 1em;
	}
	
	.buttonheading, .compHdBar-wrap {
		display: none;
	}
	
	/* !Events Calendar */
	.cal-monthTBL a.cal-wdNumEvent {
		background-color: #fa4616;
		color: #fff;
	}	
	
	.cal-monthTBL a.cal-wdNumEvent:hover {
		background-color: rgba(250,70,22,0.75);
		color: #fff;
	}
	
	.modal {
		left: 20px;
	}
	
	ul.compList-leftLabel li div.cntr, ul.compList-rightLabel li div.cntr {
		width: auto;
	}
}

@media (max-width: 480px) {
	.modal {
		left: 10px;
	}
	
	ul.compList li.notStacked div.cntr.sbxPayType {
		width: auto;
	}
}

@media (max-width: 340px) {
	table.resultsTBL thead th, table.resultsTBL tr td, table.tickets-tbl .ticketPrice {
		padding-left: 5px;
		padding-right: 5px;
	}
	table.cart-table thead th, table.cart-table tr td {
		padding-left: 5px;
		padding-right: 5px;
	}
	.cart-table td.item-thumb {
		padding-left: 0;
		padding-right: 0;
		width: 0;
	}
	table.cart-table th.item-thumbproduct, table.cart-table td.item-product {
		padding-left: 0;
	}
}