/*------------------------------------------------------------------------
# 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%;
}

/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/
@media (min-width: 768px) {
	#main-content .sidebar {
		display: block !important;
	}
}

@media (min-width: 981px) {
	#main-header .container {
		height: 97px;
	}
}

@media (min-width: 992px) {
	.shop-modal {
		width: 800px;
		margin-left: -400px;
	}
}

@media (max-width: 980px) {
	.poweredby {
		text-align: center;
	}
	
	#et_mobile_nav_menu {
		display: none;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.jsfsearch-my-profile-search .items .item__col {
		width: 33.33%;
	}
	
	.jsfsearch-my-profile-search .items .item__col:nth-child(5n+1) {
		clear: none;
	}
	
	.jsfsearch-my-profile-search .items .item__col:nth-child(3n+1) {
		clear: left;
	}
}

@media (max-width: 767px) {
	body {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	ul.compList-leftLabel li div.cntr, ul.compList-rightLabel li div.cntr {
		margin: 0;
		width: 100%;
		padding: 0 15px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	ul.compList button.btn, ul.compList button.button, ul.compList .btn-primary, ul.compList .btn-secondary {
		font-size: 14px;
	}
	
	.buttonheading, .compHdBar-wrap {
		display: none;
	}
	
	/* !Events Calendar */
	.cal-monthTBL a.cal-wdNumEvent {
		background-color: #002ca5;
		color: #fff;
	}	
	
	.cal-monthTBL a.cal-wdNumEvent:hover {
		background-color: #282828;
		color: #fff;
	}
	
	.modal {
		left: 20px;
	}
	
	#main-content .sidebar {
		display: none;
		float: none;
		width: auto;
		margin-top: 0px;
	}

	#main-content .mainbody-fr {
		margin-left: 0;
	}
	
	.sponsor-students-search table.blog tr td div.contentpaneopen,
	.sponsor-programs-search table.blog tr td div.contentpaneopen {
		float: none;
		width: 100%;
	}
	
	.jsfsearch-my-profile-search .items .item__col {
		float: none;
		width: 100%;
	}
	
	table.blog table.resultsTBL tr td {
		width: auto;
		display: table-cell;
	}
	
	#sbox-window {
		margin-left: 0  !important;
		left: 15px !important;
		right: 15px !important;
		width: auto !important;
	}
	
	#et_mobile_nav_menu {
		display: block;
		padding-top: 24px;
	}
}

@media (max-width: 480px) {
	.modal {
		left: 10px;
	}
	
	.petition-proglabel {
		font-size: 18px;
	}
	
	div.compResTbl-wrap #sectBlog-content {
    	overflow: auto;
	}
	
	div.element-sfobjectrelated #sectBlog-content {
    	overflow: auto;
	}
	
	#sectDonrecResTbl-content {
    	overflow: auto;
	}
	
	.et_pb_section {
    	padding: 0;
	}
	
	.et_pb_column .et_pb_row_inner, .et_pb_row {
    	padding: 30px 0;
	}
	
	table.resultsTBL {
		font-size: 14px;
	}
	
	table.resultsTBL thead th, table.resultsTBL tr td, table.tickets-tbl .ticketPrice {
		padding-left: 3px;
		padding-right: 3px;
	}
}

@media (max-width: 340px) {
	table.resultsTBL thead th, table.resultsTBL tr td, table.tickets-tbl .ticketPrice {
		padding-left: 2px;
		padding-right: 2px;
	}
	
	table.cart-table thead th, table.cart-table tr td {
		padding-left: 2px;
		padding-right: 2px;
	}
	.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;
	}
}