@charset "UTF-8";
/* V5 Plan View CSS Document for ACNC2 */

/* Event Plan View */
		
	p {
		margin-top:0.25vw;
		margin-bottom:0.25vw;
	}
	
	a {
		text-decoration:none;
	
	}
	
	body {
			width: 100%;
			margin-top:0px;
			margin-left:-3px;
			margin-right:-3px;
	}
		
	#v5_plan_navigation {
	/*
			float:left;
	*/
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	background-color:#FFFFFF;
	}		

	#v5_plan_display {
	/*
			background-color:none;
			margin: 0 0 4% 4%;
			border-style:solid;
			border-color: #CCC;
			border-width:thin;
			padding:0%;
			color:#FFF;
			max-height:640px;
		*/
			width: 100%;
			}
			
		.v5_plan_month, v5_plan_month_a {
			/*
			float:left;
			font-size:24px;
			margin-bottom:1%;
			margin-top:1%;
			*/
			font-family:'Georgia', sans-serif;
			font-size:2.5vw;
			text-transform:none;
			text-align:center;
			font-variant:normal;
			text-decoration:none;
			font-weight:900;
			color:#fff;
			background-color:#00bcdf;
			line-height:inherit;
			letter-spacing:.05em;
			width: 100%;
			
			}
			
		.v5_plan_days {
			/*width: 11.25%;
			margin: 0% .5% 1% .5%;
			float:left;
			font-size:18px;
			padding-left:5%;
			*/
			font-family: "Georgia", Arial, Helvetica, sans-serif;
			font-size:1.15vw;
			background-color: #999;
			color: #FFF;
			line-height:1.5em;
			text-align:center;
			padding: 0% 1% 0% 1%;
			}
					
	.v5_plan_weekday {
		/*
			font-size:18px;
		*/
			font-family: "Georgia", Arial, Helvetica, sans-serif;
			font-size:1.5vw;
			text-align:center;
			background-color: #999;
			color: #FFF;
			line-height:1.5em;
			
			}
	
		.v5_plan_column {
			/*
			float:left;
			font-size:18px;
			margin: 0% .5% 1% .5%;
			*/
			font-family: "Georgia", Arial, Helvetica, sans-serif;
			font-size:1.5vw;
			width: 11.25%;
			max-width: 11.25%;
			background-color:#CCC;
			color: #FFF;
			line-height:1.5em;
			padding: 0% 1% 0% 1%;
			}
					
	.v5_plan_date {
			/*
			line-height:1.5em;
			float:left;
			font-size:15px;
			*/
			font-family: "Georgia", Arial, Helvetica, sans-serif;
			font-size:1.5vw;
			width: 11.25%;
			margin: 0% .5% 1% .5%;
			background-color:#00bcdf;
			color: #000;
			padding: 0% 1% 0% 1%;
			}
		
		.v5_plan_title {
			/*
			float:left;
			line-height:1.5em;
			font-size:14px;
			*/
			font-family: "Georgia", Arial, Helvetica, sans-serif;
			font-size:1.0vw;
			width: 98%;
			margin: 0% .5% 1% .5%;
			background-color:#fff);
			color: #000;
			padding: 0% 1% 0% 1%;
			}
			
		.v5_plan_branding {			
			float:left;
			height:38px;
			margin: .5% 2% 2% 2%;
			width:90%;
			/*margin-top:4%;
			margin-bottom:1%;
			margin-right:2%;
			background-color:rgba(0, 103, 255, .4)
			font-weight:900;
			letter-spacing:.05em;
			color: #666;
			padding:1%;
			text-align:center;
			font-family:'Roboto', sans-serif;
			font-size:18px*/
			}
			
					
		.v5_plan_desc {
			/*
			font-size:18px;
			*/
			width:67%;
			float:left;
			margin-left:2%;
			font-family:"Georgia", Arial, Helvetica, sans-serif;
			font-size:1.5vw;
			line-height:133%;
			}
				
		.v5_plan_image {
			width:20%;
			margin-left:5%;
			float:left;
			}
			
		.v5_plan_time {
			/*
			font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			padding-bottom:1%;		
			font-size:24px;
			*/
			font-family:'Georgia', sans-serif;
			font-size:1.5vw;
			text-transform:none;
			font-variant:normal;
			font-weight:900;
			line-height:inherit;
			letter-spacing:.05em;
			width: 95%;
			float:left;
			
			}
			
		.v5_plan_venue {
			/*
			font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			padding-bottom:1%;		
			font-size:24px;
			*/
			font-family:'Georgia', sans-serif;
			font-size:1.5vw;
			text-transform:none;
			font-variant:normal;
			font-weight:900;
			line-height:inherit;
			letter-spacing:.05em;
			width: 95%;
			float:left;
			
			}
			
	
		
	
		
/* END Plan View */

					
		/*phone version*/
		@media only screen and (max-width: 500px), (max-device-width: 500px) {
		#v5_event_display {
			width: 100%;
			}
			
		#v5_body {
			width:100%;
		}
		
		#v5_sidebar {
			width:96%;
			float:left;
			}
					
		#v5_detail_banner {
			width:100%;
			font-size:54px;
			/*float:left;
			border-bottom-style:solid;
			border-top-style:solid;
			border-width:thin;
			border-color:#333;
			background-color:rgba(0, 103, 255, .4);
			color: rgba(0, 103, 255, .7);
			letter-spacing:.05em;
			padding:1%;
			margin-right:2%;
			font-family:'Roboto', sans-serif;*/
			
		}
											
		.v5_branding {			
			height:86px;
			font-size:27px
			/*margin-top:4%;
			float:left;
			margin: .5% 2% 2% 2%;			
			margin-bottom:1%;
			margin-right:2%;
			background-color:rgba(0, 103, 255, .4)
			font-weight:900;
			letter-spacing:.05em;
			color: #666;
			padding:1%;
			text-align:center;
			font-family:'Roboto', sans-serif;
			*/
		}
				
		.v5_button {
			font-size:42px;
			line-height:1.4em;
			font-weight:900;
			padding:1% 5% 1%;
			}
			
		.v5_button_edit {		
			
			/*border-style:solid;
			border-width:thin;
			border-color:#666;
			float:left;
			width:10%;margin-top:4%;
			margin-bottom:1%;
			margin-right:2%;
			background-color:rgba(0, 103, 255, .4)
			font-weight:900;
			margin: 1% auto 2%;
			letter-spacing:.05em;
			color: #666;
			padding:1%;			
			text-align:center;
			font-family:'Roboto', sans-serif;*/
			font-size:42px;
			}
			
		.v5_button_sidebar {		
			font-size:54px;
			}
			
		.v5_desc {
			width:96%;
			font-size:48px;
			/*float:left;
			margin-left:2%;*/
			}
			
		.v5_dropdown {					
			/*float:left;
			width:30%;
			border-bottom-style:solid;			
			margin: 0 auto 6%;
			background-color:rgba(0, 103, 255, .4);color:#FFF;font-weight:900;
			border-style:solid;
			border-color:#333;
			border-width:thin;
			letter-spacing:.05em;
			padding:1%;
			margin-top:1%;
			margin-bottom:2%;
			margin-right:2%;
			text-align:center;
			font-family:'Roboto', sans-serif;*/
			font-size:30px;
			line-height:1.2em;
			}
		
		.v5_follow {
			/*float:left;
			width:40%;
			padding-top:2%;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/			
			vertical-align:top;
			font-size:54px;
			line-height:1em;			
			}
			
		.v5_heading {
			/*font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			font-family:'Roboto', sans-serif;
			text-transform:none;
			font-variant:normal;
			font-weight:900;
			width: 95%;
			line-height:inherit;
			letter-spacing:.05em;
			float:left;
			margin-right:5%;
			*/
			font-size:42px;
			padding-top:1%;
			padding-bottom:2%;
			}
				
		.v5_image {
			width:95%;
			/*border-color:#000;
			border-style:none;
			border-width:thin;
			padding:0%;
			float:left;
			margin-bottom:1%;*/
			}
			
		.v5_map {
			width:95%;
			}
			
		.v5_price {
			/*margin-right:4%;*/
			float:left;
			}
							
		.v5_share {
			font-size:36px;
			}
			
		.v5_text {
			font-size:48px;
			}
		
		
		.v5_title {
			font-family:'Roboto', sans-serif;
			font-size:72px;
			letter-spacing:0;
			/*text-transform:none;
			font-variant:normal;
			font-weight:900;
			font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			line-height:inherit;
			width: 98%;
			float:left;
			padding-bottom:1%;*/		
			}						
			
		.v5_venue {
			font-size:42px;
			}
	
		.v5_video {
			height:300px;
			}
								
		}
	
		
		/*tablet version*/
		@media only screen and (min-width:501px) and (max-width: 768px), (max-device-width: 1024px) {	
		
		#v5_event_display {
			width: 100%;
			}
			
		#v5_detail_banner {
			width:93%;
			font-size:54px;	
			/*float:left;
			border-bottom-style:solid;
			border-top-style:solid;
			border-width:thin;
			border-color:#333;
			background-color:rgba(0, 103, 255, .4);
			color: rgba(0, 103, 255, .7);
			letter-spacing:.05em;
			padding:1%;
			margin-right:2%;
			font-family:'Roboto', sans-serif;*/
			}	
		
		#v5_body {
			width:100%;
			}
			
		#v5_sidebar {
			width:96%;
			float:left;
			}
					

		.v5_branding {			
			height:86px;
			}
			
		.v5_button {
			font-size:27px;
			line-height:1.4em;
			font-weight:400;
			padding:1% 5% 1%;
			}
			
		.v5_button_edit {		
			/*border-style:solid;
			border-width:thin;
			border-color:#666;
			float:left;
			width:10%;margin-top:4%;
			margin-bottom:1%;
			margin-right:2%;
			background-color:rgba(0, 103, 255, .4)
			font-weight:900;
			margin: 1% auto 2%;
			letter-spacing:.05em;
			color: #666;
			padding:1%;			
			text-align:center;
			font-family:'Roboto', sans-serif;*/
			font-size:48px;
			}			
	
		.v5_button_sidebar {		
			font-size:54px;
			}
				
		.v5_desc {
			width:96%;
			font-size:48px;
			/*float:left;
			margin-left:2%;*/
			}		
						
		.v5_dropdown {					
			/*float:left;
			width:30%;
			border-bottom-style:solid;			
			margin: 0 auto 6%;
			background-color:rgba(0, 103, 255, .4);color:#FFF;font-weight:900;
			border-style:solid;
			border-color:#333;
			border-width:thin;
			letter-spacing:.05em;
			padding:1%;
			margin-top:1%;
			margin-bottom:2%;
			margin-right:2%;
			text-align:center;
			font-family:'Roboto', sans-serif;*/
			font-size:30px;
			line-height:1.2em;
			}
			
		.v5_follow {
			/*float:left;
			width:40%;
			padding-top:2%;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/			
			vertical-align:top;
			font-size:54px;
			line-height:1em;			
			}
			
		.v5_heading {
			/*font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			font-family:'Roboto', sans-serif;
			text-transform:none;
			font-variant:normal;
			font-weight:900;
			width: 95%;
			line-height:inherit;
			letter-spacing:.05em;
			float:left;
			margin-right:5%;
			*/
			font-size:42px;
			padding-top:1%;
			padding-bottom:2%;
			}
	

		.v5_image {
			width:95%;
			}
			
		.v5_map {
			width:97%;
			}
			
		.v5_price {
			/*margin-right:4%;*/
			float:left;
			}
			
		.v5_share {
			font-size:36px;
			}
						
		.v5_text {
			font-size:30px;
			}						
			
		.v5_title {
			font-family:'Roboto', sans-serif;
			font-size:54px;
			letter-spacing:0;
			/*text-transform:none;
			font-variant:normal;
			font-weight:900;
			font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			line-height:inherit;
			width: 98%;
			float:left;
			padding-bottom:1%;*/		
			}
		
		.v5_venue {
			font-size:42px;
			}	
					
		.v5_video {
			height:195px;
			}
			
		}