/*------------------------------------------------------------------------
# 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: 1025px) {
	.footer__wrapper {
		padding: 80px 0;
	}
}

@media (min-width: 768px) {
	.header {
		height: 80px;
	}
	.visible-phone {
		display:none!important
	}
	.visible-tablet {
 		display:none!important
	}
	.hidden-desktop {
 		display:none!important
	}
}

@media (max-width: 767px) {
	body	{ 
		padding-left: 0px !important; 
		padding-right: 0px !important; 
	}
	
	#content {
		padding-left: 24px;
		padding-right: 24px;
	}
	
	.main {
		margin-top: 80px;
	}
	
	.section-intro {
		font-size: 24px;
	}
	
	.section-outer {
		padding-left: 24px;
		padding-right: 24px;
	}

	h1.componentheading, .item-header h1.title, h1.title, .article-title h2.contentheading {
		font-size: 40px;
		text-align: left;
	}
	
	#formDonate .item-section .section-header {
		margin: 32px 0 0;
	}
	
	#formDonate .item-section .section-header h3.title {
		font-size: 32px;
		margin: 0 0 44px;
	}
	
	.item-outrodesc {
		margin: 48px 0 0;
	}
	
	ul.compList li.buttons {
		margin: 36px 0 0;
	}
	
	.footer__wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.footer__legal--donate {
		padding-left: 0;
		padding-right: 0;
	}
	
	.ute-list li {
		padding: 0.25em 0;
	}
	
	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: #dc544b;
		color: #fff;
	}	
	.cal-monthTBL a.cal-wdNumEvent:hover {
		background-color: #4e47c9;
		color: #fff;
	}
	
	ul.compList li.amount-group-notice {
		margin: 0 -15px;
	}
	
	ul.compList li.amount-group-notice.notStacked div.cntr span.span-block {
		width: 50%;
		margin: 0;
		padding: 0 15px;
	}
	
	ul.compList li.amount-group-notice.notStacked div.cntr .input-group {
		padding: 0 15px;
	}
	
	.btn-amount {
		margin: 0 0 16px;
		width: 100%;
	}
	
	.section-contactinfo ul.compList li span.span-block {
		width: 100%;
	}
	
	.item-paymentsection ul.compList-leftLabel li div.cntr {
		margin: 0;
		width: 100%;
	}
	
	ul.compList label.desc {
		font-family: NB Akademie,sans-serif;
		font-weight: normal;
	}
	
	.section-contactinfo ul.compList li span label, .item-paymentsection ul.compList li span label {
		font-family: NB Akademie,sans-serif;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: .2px;
	}
	
	.item-outrodesc {
		color: #1d1d1d;
		font-family: NB International,sans-serif;
		font-size: 14px;
		font-weight: 200;
	}
	
	.footer__legal--link {
		display: block;
		font-size: 14px;
		line-height: 24px;
	}
	
	.visible-phone {
  		display:inherit!important
 	}
 	.hidden-phone {
  		display:none!important
 	}
 	.hidden-desktop {
  		display:inherit!important
 	}
 	.visible-desktop {
  		display:none!important
 	}

}

@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;
	}
	select.select.product-quantity {
		min-width: 32px;
	}
	ul.compList li.notStacked div.cntr.sbxPayType {
    	padding: 0;
    	width: 90%;
	}
}

@media (max-width: 480px) {
	ul.compList li.notStacked div.cntr.sbxPayType {
    	padding: 0;
	}
	.donations .section-billing .sbxPayType {
    width: 90% !important;
	}
}

/* Engage Testing Menu */
ul.menu-etm		{ font-size: .8em; margin: 0px; padding: 0px; list-style: none; }
ul.menu-etm li		{ background: none; margin: .3em; padding: 0px; line-height: 1.0em; }