/* Media Queries */
#page_container {
	min-width: 1024px;
}
@media only screen and (max-width: 568px) and (min-width: 320px) {

	html, body {
		min-height: 0;
	}

	.customCode {
		display: none;
	}

	.deleteComment {
		display: none;
	}

	.welcomeTooltip-overlay,
	.welcomeTooltip,
	.welcome {
		display:none !important;
	}
	#page_container {
		min-width: 0px;
	}
	.mobile, .mobile.module { display: block; }
	.mobile .button, a.mobile.button { display: inline-block; }

	#page_container { overflow: hidden; }

	.contentContainer {
		padding-bottom:0;
	}

	.mainContainer {
		min-width: 0px;
		margin-top: 43px;
		background: #f5f5f5;
		padding-top: 0;
		margin-bottom: 0
	}



	.dividingLine { display: block; }

	.banner { width: auto; padding: 0; }
	.banner img { width: 100%; height: auto; }

	.infoSection { width: auto; margin: 0 0 0 1%; background: #f5f5f5; padding: 0% 3% 2.5% 2.5%; }
	.infoSection .verticallyCentered { width: 80px; margin: 3.5% 6% 0 0; }
	.infoSection .memberImage { width: 100%; height: auto; border: 4px solid white; }
	.infoSection .details { width: 64%; margin-right: 3%; }
	.infoSection .details .donationSection { display: none; }
	.infoSection .pageTitle { width: 100%; font: 20px/24px ProximaNovaBold, Helvetica Neue, Helvetica, Arial; color: #3c3c3c; overflow: hidden; }
	.infoSection .subText { width: 100%; font-size: 16px; color: #969696; }

	.infoSection .goalBarSection { display: none; }
	.infoSection .mobileGoalBar { display: block; height: 10px; width: 97%; margin: 1% 0 3% 0; }
	.infoSection .mobileGoalBar .container {  }
	.infoSection .mobileGoalBar .bar {  }

	.amountRaised { margin: 1% 0 0 .5%; font: 16px ProximaNovaRegular; color: #969696; }
	.amountRaised-amount { font-family: ProximaNovaSemibold; color: #3C3C3C; }

	.infoSection .donationSection.fullWidth { display: block; width: 99%; margin: 6% 0 5% 0; }
	.infoSection .donationSection.fullWidth a { display: block; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, .2); }

	.infoSection .goalStats { display: none; }

	.navigation { display: none; }

	.mainSection { margin-top: 10px; }
	.mainSection .leftSide { width: 95%; float: none; margin: 0 auto; }
	.mainSection #voice { display: none; }
	.mainSection .description { display: none; }
	.mainSection .mobileDescription { display: block; }
	.mainSection .standaloneButton { display: block; margin: 0 0 5% 0; font: 16px ProximaNovaRegular; color: #999; text-align: center; text-decoration: none; }
	.mainSection .standaloneButton .symbol { display: inline-block; vertical-align: middle; font: 23px Pictos; }

	.loginSection { text-align: center; }
	.loginSection .facebook, .loginSection-or { display: none; }

	.mainSection .activity .stream .generalComment { width: 100%; }
	.mainSection .activity .stream .generalComment .textareaContainer { width: 80%; margin-left: 0; border-radius: 4px; }
	.mainSection .activity .stream .generalComment a { margin-top: 1.8%; margin-right: 0; padding: 9px 10px; }
	.mainSection .activity .stream .results { margin: 20px 0 0 0; }
	.mainSection .activity .stream .viewMore { display: none; }

	.leftSide { width: 100%; }

	.rightSide { display: none; }

	/* Edit Page */
	.editPage * { display: none; }
	.editPage .responsive { display: inline-block; }
	.editPage .editDetails, .editPage form { width: 100%; background: inherit; }
	.editPage .editDetails {
		padding: 2% 2% 4%;
		width: 96%;
		background: #FFF;
		border: 1px solid #d3d3d3;
		border-radius: 6px;
		box-shadow: 0px 0px 4px #d3d3d3;
		margin-top: 5px;
	}
	.editPage .responsive h1 { display: block; margin: 2% 1% 5%; font: 25px ProximaNovaBold; border-bottom: 1px solid #F0F0F0; padding: 0 0 4px 0; }
	.editPage .responsive label { margin: 0 1%; font: 14px ProximaNovaSemibold; }
	.editPage .responsive .textareaContainer { width: 98%; background: white; }
	.editPage .responsive .textareaContainer, .editPage .responsive input[type='text'] { margin: 1% 1% 6%; }
	.editPage .responsive .textareaContainer input[type='text'] { margin: 0; }
	.editPage .responsive .textareaContainer * { display: block; }
	.editPage .responsive input[type='text'] { background-color: white; }
	.editPage .responsive input.dollar_amt { background: url(https://e56e1c9cfe905036b1bc-18ddab263895603932d74f683170c410.ssl.cf2.rackcdn.com/field_dollar_bg.png) top left no-repeat #FFF; }
	.editPage label.inlineBlock, .editPage .responsive label.section, .editPage .responsive .subLabel, .editPage .responsive #cke_personal_message, .editPage .responsive #cke_personal_thankyou { display: none; }
	.editPage .responsive .save { display: block; width: 95%; margin: 0 auto; padding: 3% 2%; text-align: center; }

	.modalLightShell {
		position: relative; width: 100% !important; margin-bottom: 60px; background: white;
		margin-top: 40px;
	}

	/* Media Player */
	#mobileMediaPlayer {
		moz-transition: all 2s ease-in;
		-o-transition: all 2s ease-in;
		-webkit-transition: all 2s ease-in;
		transition: all 2s ease-in;
	}

	.swipe {
		overflow: hidden;
		visibility: hidden;
		position: relative;
		background: #000;
		margin: 0 -2% 20px -2%;
		height: 250px;
	}
	.swipe.hidden {
		height: 0;
	}
	.swipe-wrap {
		overflow: hidden;
		position: relative;
	}
	.swipe-wrap > div {
		float:left;
		width:100%;
		position: relative;
		height: 250px;
		color:#FFF;
		font-size: 12px;
		text-align:center;
	}
	.swipe-wrap > div.video {
		position: relative;
	}
	.swipe-wrap > div.video a:before {
		content: '';
		background: url(https://4fa2d96b8fd91226557f-bcd0730452aef0a06b667adcfe6312d6.ssl.cf2.rackcdn.com/playbutton.png);
		pointer-events: none;
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		margin: -32px 0 0 -49px;
		width: 98px;
		height: 65px;
	}
	.swipe-wrap > div img {
		width: 100%;
		height: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
	}

	#footer_simple_grey, footer.subpage-footer {
		position: absolute !important;
		bottom: 0;
	}
	#mobileWrapper {
		padding-bottom: 50px;
	}

	.myActivity,
	.activityItem {
		width: 100%;
	}
	.myActivity {
		padding-top: 17px;
	}

	.tabs-content .info {
		display: none;
	}

	.tabs-content .tabs-details {
		max-height: 193px;
		overflow: hidden;
	}
	.mobileModal .tabs-content .tabs-details {
		max-height: none;
		overflow: visible;
	}
	.mobileModal .tabs-content {
		margin-bottom: 20px;
	}

	#fr-updates {
		margin: 10px auto;
		width: 90%;
		overflow: hidden;
		min-height: 0;
	}
	#fr-updates .left-col {
		width: 100%;
	}
	#fr-updates .update-post {
		margin-bottom: 40px;
		border-bottom: 1px dotted #CCC;
	}
	#fr-updates .update-post .heading {
		margin: 0 0 15px 0;
		padding: 0;
		border-bottom: 0;
	}
	#fr-updates .right-col {
		float: none;
		clear: both;
		width: 100%;
	}
	#fr-updates .right-col .jumpTo {
		display: none;
	}
	#fr-updates .right-col a.btn-new-update {
		width: 100%;
	}

	/* New UC style Share function */

	.ucShareOptions {
		background: #333;
		margin: 0 -20px;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
		display: block;
		height: 0px;
		overflow: hidden;
		-webkit-transition: all .25s;
	}
	.ucShareOptions.open {
		display: block;
		height: 170px;
		margin: 0 -20px 65px -20px;
	}
	.ucShareOptions a {
		color: #FFF;
		font: 16px ProximaNovaThin;
		text-align: center;
		padding: 20px;
		display: block;
	}
	.ucShareOptions a svg {
		position: absolute;
		left: 20px;
	}
	.ucShareOptions .mp {
		font: 24px ModernPics;
		position: absolute;
		left: 20px;
		margin: -5px 0 0 2px;
		opacity: 0.5;
	}
	.ucShareOptions li {
		border-bottom: 1px solid #525252;
	}
	.ucShareOptions li:last-child {
		border-bottom: none;
	}
	.ucShareHide {
		font: 14px ProximaNovaRegular;
		color: #999999;
		background: #dbdbdb;
		display: inline-block;
		padding: 5px;
		margin: -50px 0 0 -25px;
		width: 40px;
		left: 50%;
		position: absolute;
		border-radius: 5px;
		display: none;
	}


}