/* CSS Document */

/********************************************
      FUNDEASY EVENT WEBSITE STYLESHEET 
*********************************************/
/********************************************

X: Page Structure
X: Text
X: Buttons
X: Banner
X: Summary
	- Goal Area
	- Meter Area
	- Action Buttons
X: Event Info
X: Leaderboard
X: Org Info
X: Corporate Event Sponsors
X: Twitter Feed

*********************************************/




/* ----- X: Page Structure ----- */

div.left {margin-right: 25px;}
.line {margin: 30px auto;}


/* ----- X: Text ----- */

@media only screen and (max-width: 767px) {
	div.left {
		margin-bottom: 25px;
		margin-right: 0;
	}
}

@media only screen and (min-width: 768px) {
	.full_content h1 {
		font-size: 38px;
	}
	.line {
		margin: 50px auto;
	}
}




/* ----- X: Buttons ----- */

#give_options .accent_btn_s  {
margin: 5px 10px;
}





/* ----- X: Organization Banner ----- */

.organization_banner {
float: none;
width: 100%;
margin: 0 auto;
}

@media only screen and (min-width: 768px) {
	.organization_banner img.banner {
		border-radius: 4px 4px 0 0;
	}
}

.organization_banner img.shadow {
width: 890px; 
margin-left: 2px;
}



/* --- Participate Note / Share Section ---------------- */

.participate-note {
	display: block;
	text-align: center;
	margin-top: 5px;
}
@media only screen and (min-width: 900px) {
	.participate-note {
		text-align: left;
	}
}
@media only screen and (max-width: 899px) {
	.shareWidget {
		margin: 0 auto;
	}
}


/* ----- X: Event Summary Area ----- */

@media only screen and (max-width: 767px) {
	#summary {
		border-top: 1px solid #cacaca;
		padding-top: 15px;
	}
}

#summary .vr_3 {margin: 20px 30px 0 30px;}

/* Event Goal Area */

#goal_meter {
width: 220px;
height: auto;
margin: 0 auto;
}

#goal_area {
	margin: 0;
	margin-right: auto;
}

.goalData.-threeColumn {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.goalData.-threeColumn #goal_area {
	margin-right: 0;
}
.goalData.-threeColumn .moreSocials {
	margin-bottom: 0;
}


.goalData.-threeColumn #share_widget_desktop .shareWidget {
	margin-left: auto;
}

@media only screen and (min-width: 768px) {
	.goalData.-threeColumn #goal_area,
	.goalData.-threeColumn #countdown,
	.goalData.-threeColumn #share_widget_desktop {
		width: 222px;
	}
}

@media only screen and (min-width: 860px) {
	.goalData.-threeColumn #goal_area,
	.goalData.-threeColumn #countdown,
	.goalData.-threeColumn #share_widget_desktop {
		min-width: 222px;
		width: auto;
	}
}


@media only screen and (max-width: 767px) {
	#fund_meter {
		top: 8px;
	}
	.eventCharts, 
	.goalBlocks {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.goalBlocks {
		padding-bottom: 10px;
	}
	.eventCharts {
		border-bottom: 0;
	}
	#countdown {
		display: none;
	}
	.eventCharts #goal_meter {
		margin: 0;
		padding-top: 12px;
	}
	#amount_remaining {
		padding-top: 12px;
	}
/*	#amount_remaining {
		margin-top: 10px;
		text-align: center;
		border-top: 1px solid #cacaca;
		padding-top: 20px;
	}
*/	.deadline {
		display: block;
		text-align: center;
		padding-top: 7px;
	}
	.eventGiveButton {
		margin-bottom: 10px;
	}
}

.goalBlocks {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
@media only screen and (min-width: 768px) {
	#goal_area {
		margin-right: auto;
	}
	#countdown {
		margin-top: 40px;
	}
	#amount_remaining {
		margin-top: 57px;
	}
	.eventGiveButton {
		margin-bottom: 20px;
	}
	.goalBlocks {
		margin-bottom: 40px;
	}
	#goal_meter {
		position: relative;
		right: 20px;
	}
}
@media only screen and (min-width: 920px) {
	.goalBlocks {
		margin-bottom: 0;
	}
	#countdown {
		margin-top: 60px;
	}
	#amount_remaining {
		margin-top: 77px;
	}
}



@media only screen and (max-width: 919px) {
	#summary #action_buttons {
		width: 100%;
	}
	#summary .mini_share {
		text-align: right;
	}
}

@media only screen and (min-width: 920px) {
	/*#goal_area {
		float: left;
		width: 250px;
		max-width: 300px;
		margin: 40px 60px 0 0;
	}*/
	#summary {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	#summary #action_buttons {
		width: 260px;
		height: 141px;
	}
	#summary .mini_share {
		float: right; 
		margin: 5px 2px 45px 0;
	}
}



/* Event Meter */

#coins {
	top: 26px;
	right: 60px;
}
@media only screen and (min-width: 768px) {
	#fund_meter {
		top: -5px;
		right: -9px;
	}
	#coins {
		top: 58px;
		right: 50px;
	}
}



/* ----- X: Event Info ----- */

.event_info #title {
	font-size: 36px;
	line-height: 1;
}
.eventTitle {
	padding-bottom: 5px;
}
.eventTitle-sub {
	margin-bottom: 20px;
}
.eventInfoMain-title {
	margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
	.eventTitle-sub {
		margin-top: 10px;
	}
}
#large_map {
	max-width: 535px;
	width: 100% !important;
}

#home_member_searchbar_table {
	margin-bottom: 15px;
}

@media only screen and (max-width: 899px) {
	#large_map {
		margin-bottom: 20px;
	}
	.org_info .right {
		margin-top: 30px;
	}
}

@media only screen and (min-width: 900px) {
	.event_info .right {
		width: 250px;
		float: right;
	}
	.event_info .left {
		width: 510px;
		float: left;
	}
	.event_info #title {
		font-size: 55px;
	}

	.org_info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.org_info .right {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}

	#home_member_searchbar_table {
		float: right; 
		width: 350px; 
		margin-top: 5px;
	}
	.org_info .left {
		padding-right: 25px;
	}
}
@media only screen and (min-width: 1025px) {

	.event_info .left {
		width: 540px;
		float: left;
	}

	.event_info .right {
		width: 310px;
		float: right;
	}
}



/* ----- X: Leaderboard ----- */

.leaderboard h2 {
	margin-bottom: 20px;
}

.leaderboard .wide, 
.leaderboard .wide ul {width: 850px;}

.leaderboard .right ul {
	margin: 0;
}
.leaderboard .right li {
	list-style-type: none;
	padding: 5px 0;
}
.leaderboard .right li a {
	display: inline-block;
}
.leaderboard table {
	margin-left: 0 !important;
	width: 100%;
}
.leaderboardColumns td:first-child {
	width: 1px;
	padding-right: 10px;
}

.leaderboardColumns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.teamsLinks {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.leaderboardColumns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.profile_photo_lg, .profile_photo_lg img {
		width: 100px !important;
		height: 100px !important;
	}
}

@media only screen and (min-width: 768px) {
	.leaderboard table {
		width: 248px;
	}
	.participants_list {
		width: 100%;
	}
	.leaderboard .left {
		margin-right: 30px;
	}
	.leaderboardColumns .right {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
}


@media only screen and (min-width: 900px) {
	.participants_list {
		width: 100%;
	}
	.leaderboard table {
		width: 268px;
	}
	.leaderboard .left {
		width: 235px; 
	}
	.leaderboard .teamsLinks {
		float: left;
		clear: left;
		padding: 0;
	}
	.leaderboardColumns .right ul {
		float: left;
	}
}

@media only screen and (min-width: 1000px) {
	.leaderboard .left {
		width: 275px;
	}
	.participants_list {
		width: 100%;
	}
	.participants_list li {
		width: 130px;
	}
}




/* ----- X: Corporate Event Sponsors ----- */

@media only screen and (min-width: 768px) {
	.eventSponsors {
		text-align: center; 
		margin: 0 0 50px 0;
	}
}




/* ----- Twitter Feed ----- */

#tweet-container{
float: left;
width: 455px;
height: 65px;
overflow: hidden;
padding: 15px 20px 15px 20px;
margin: 12px 0 10px 10px;
font-size: 10px;
color: #6e6f73;
font-weight: bold;
font-family: verdana;
background-color: #d5e8ef;
border: 1px solid #A4C7D4;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
}

#tweet-container li {
list-style: none outside none;
}

#tweet-container p {
padding: 0px;
margin: 0px;
}
#tweet-container p a {
color: #45799f;
text-decoration: none;
}

#twitter-ticker img {
float: left;
width: 45px;
}

@media only screen and (max-width: 767px) {
	#twitter-ticker img {
		margin-bottom: 10px;
	}
	#tweet-container {
		float: none;
		width: 100%;
		max-width: 450px;
		padding: 5px 10px 5px 10px;
		margin: 0;
		box-sizing: border-box;
		margin-top: 12px;
		height: 78px;
	}
}



/* IE Hacks */
@media only screen and (max-width: 767px) {
	_:-ms-input-placeholder, :root .eventCharts {
		height: 224px;
	}
}