@charset "utf-8";


.page_title { background-image:url(/images/2014/activities/title-bar-mobile.png); }
.page_title  p { font-size:13px}
.page_desc  { font-size:11px }


.comingsoon { width:70%; position:relative; margin:2rem auto; display:block; }
.comingsoon .biglabel, .comingsoon .smalllabel { position:absolute; }
.comingsoon .biglabel { font-size:4.5rem; text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,0px 1px 0 #fff,1px 0px 0 #fff,0px -1px 0 #fff,-1px 0px 0 #fff,1px 3px 7px #000; letter-spacing:1px; width:50%; top:11rem; left:12%; }
.comingsoon .smalllabel { font-size:2rem; width:60%; top:19.6rem; left:7%; }
.bm .comingsoon .smalllabel { font-size:1.5rem; width:60%; top:20rem; left:7%; }
/* no upcoming activities*/
/*.activity_holder { display:none; }*/

.activity_holder { position:relative; width:95%; margin:3rem auto; }
.activity_holder .img_holder, .activity_holder .details { position:relative; vertical-align: top; }
.activity_holder .img_holder, .activity_holder .details .desc { text-align: left; margin: 2rem auto 2rem; width: 60%; font-size:11px; }
.activity_holder .details .desc { width:80%; }
.activity_holder .details .desc p { margin: 2rem 0 }
.activity_holder .details .detail { text-align: left; }
.activity_holder .details .desc .footnote { font-size:2rem; }
.activity_holder .details .desc .link { font-weight: bold; text-decoration: none; color: #592202; }
.activity_holder .img_holder { background:url(/images/2014/bg/image-holder.png) no-repeat; background-size:cover; width:50%; margin:0.5rem auto 3rem auto; }
.activity_holder .img_holder_no_border { width:80%; margin:0.5rem auto 3rem auto; }
.activity_holder .title_box { background:url(/images/2014/activities/small-title-bar.png) no-repeat; background-size:cover; position:relative; margin: auto; width:50%; height:7rem; border:1px solid transparent;  font-size:11px }
.activity_holder .title_box.art { width:75%; height:10rem; }
.activity_holder .title_box p { margin-top:1.5rem; }
.activity_holder .title_box.art p { margin-top:3rem; }

.activity_holder .timetable { width:100%; height:auto; border:2px dotted #592202; position:relative; margin: 1rem auto; border-radius:2rem; font-size:3rem; font-size:11px; }
.activity_holder .timetable .row { border-bottom:1px dotted #592202; }
.activity_holder .timetable .row.last { border:0px; }
.activity_holder .timetable .row div { position:relative; display:inline-block; vertical-align:middle; height:100%; }
.activity_holder .timetable .row .label { width:18%; }
.activity_holder .timetable .first, .timetable .second { font-family:Verdana, Segoe, san-serif, Arial; }
.activity_holder .timetable .first { width:38%; border-right:1px dotted #592202; border-left:1px dotted #592202; }
.activity_holder .timetable .second { width:38%; }
.activity_holder .timetable .row p { margin:0.7rem 1.5rem; }

.activity_holder .cost img { width:10%; margin-right:3rem; }

/*register event*/
.register_event { background: url(/images/2014/activities/register-btn.png) no-repeat; width: 30%; height: 11rem; overflow: hidden; cursor: pointer; position: relative; margin-left: 6rem; }
.register_event p { margin: 4rem 0 0 8rem; }

.upcoming .layerpop .form_title { background:url(/images/2014/activities/registration-title-holder.png) no-repeat; width:65%; height:14.5rem; text-align: center; position:relative; left:10%; margin-top:3.6rem; margin-bottom:2rem; }
.layerpop .stamp { top:5rem; }
.layerpop .row { width:85%; }
.layerpop .row .label { width:30%; }
.layerpop .row .input { width:67%; }

.red { color: #b31e20; }

@media only screen and (max-width: 480px) {
	.comingsoon { min-height: 60vh; }
}

@media only screen and (min-width: 481px) {
	.comingsoon .biglabel { font-size:4rem; top:11rem; }

	.activity_holder .title_box.desktop { display:block; }
	.activity_holder .title_box.mobile { display:none; }
	.activity_holder .img_holder, .activity_holder .details { position:relative; display:inline-block; }
	.activity_holder .img_holder { width:30%; margin:0 2rem 0 0; }
	.activity_holder .img_holder_no_border { width:50%; }
	.activity_holder .details { width:55%; }
	.activity_holder .title_box { width:70%; font-size:2.5rem; height:5.5rem; }
	.activity_holder .title_box.art { width:98%; height:7.2rem; }
	.activity_holder .title_box p { margin-top:1.3rem; }
	.activity_holder .title_box.art p { margin-top:2.5rem; }

	.activity_holder .timetable { width:100%; font-size:2rem; }
	.activity_holder .cost { text-align:left; }
	.activity_holder .cost img { width:15%; margin-left:2rem; }

	.register_event { margin-left: 6%; width: 45%; height: 9.1rem; }
	.register_event p { margin: 3.3rem 0 0 6rem; }
	.page_title  p { font-size:1.8rem}
	.page_desc  { font-size:2rem }
	.activity_holder .img_holder, .activity_holder .details .desc { font-size:1.3rem;}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1000px){
	.activity_holder .timetable { font-size:1.5rem; }
	.activity_holder .details .desc .footnote { font-size:1.1rem;}
}

@media only screen and (min-width: 1024px) {


	.activity_holder .img_holder, .activity_holder .details .desc { width: 100% }

	.activity_holder .img_holder { width:364px; height:346px; }
	.activity_holder .title_box { width:393px; height:56px; font-size:2.2rem; margin: 0 0 0 -10px; }
	.activity_holder .title_box.art { width: 462px; height: 64px; }
	.activity_holder .title_box p { margin-top: 1.6rem; text-align: center }
	.activity_holder .title_box.art p { margin-top: 2.1rem; }

	.activity_holder .timetable .row { border-bottom:1px dashed #592202; }
	.activity_holder .timetable .first { border-right:1px dashed #592202; border-left:1px dashed #592202; }
	.activity_holder .details .desc .footnote { font-size:1.1rem;}

}

@media only screen and (min-width: 1025px) {
	.page_title { background:url(/images/2014/activities/title-bar.png) }

	.comingsoon .biglabel { font-size:2.5rem; top:9rem; }
	.comingsoon .smalllabel { font-size:1.8rem; top:158px; width:350px; left:111px; }
	.bm .comingsoon .smalllabel { font-size:1.3rem; top:162px; width:350px; left:111px; }
	.register_event { width:29%; height:6rem; margin: 2rem 0px; }
	.register_event:hover { background-position: bottom; }
	.register_event p { margin-top: 2rem; position: relative; margin-left: 20%; }
	.register_event:hover p { margin-top:2.1rem; }
	.activity_holder .details .desc .footnote { font-size:1.1rem;}
}