@charset "utf-8";

.initial { position:relative; }

.gridContainer { color:#592202; text-align:center; }
.topnav.mobile { text-align:left; }

.page_title { background-image:url(/images/2014/activities/title-bar-mobile.png); }
.page_title  p { font-size:13px}
.page_desc  { font-size:11px }
.title_box { width: 20rem; height: 4rem; margin: 0 auto; font-size: 3rem; background:url(/images/2014/activities/small-title-bar.png) no-repeat; width:40%; height:6rem; background-size: 100% auto; }
.title_box p { position:relative; top:1.5rem; }

.activities { margin-top: 3%; position: relative; }

.label_image { border: 1px solid #59340f; border-radius: 2rem; float: left; }
.label_image img { width:100%; height:5.3rem; border-radius: 2rem; }
.activity_holder_date { color: #59340f; text-align: left; border-bottom: 1px solid #59340f; margin: 0.5rem 0 0 8%; width: 83%; left:1.5%; position:relative; }
.activity_holder_title { text-align: left; width: 98%; position:relative; left:1%;}
.activity_holder_title.nodate{ position:relative; bottom:-2.5rem;}
.activity_holder_title.nothumb  { left:4rem;  }
/*.activity_holder_title.contest { bottom: -2.5rem; } */
.box_btn { width: 11%; height: 9rem; background: url(/images/2014/button/circle.png); position: absolute; top: -0.3rem; right: 1rem; color: #529900; font-size: 3rem; background-size: cover; cursor: pointer; }
/*.box_btn:hover { top: 0.5px; }*/
.box_btn p { font-family: monospace; font-size: 4rem; font-weight: bold; width: 100%; display: none; position:relative; margin-top:3.2rem; }
.mobile_version .box_btn p.next { display: block; top:-0.8rem; left:5%; }

.activity_details { margin: 3rem 2rem 0; display:none; }
.activity_details .activity_detail { text-align: left; color: #fff4e6; background: #967050; border-radius: 2rem; margin-bottom: 1rem; margin-top:6rem; overflow: hidden;  }
.activity_details .activity_detail p { margin: 1.8rem;}

.activity_images { position: relative; text-align: left; border-top-left-radius: 1rem; overflow: hidden; border-top-right-radius: 1rem; }
.activity_image { position:relative; height:58.9rem; text-align:center; background-color:#967050; }
.activity_image img.align_y { height:58.9rem; }
.activity_image_slider { position: absolute; bottom: 1.4rem; background: rgba(0, 0, 0, 0.7); height: 10rem; width: 100%; }
.activity_image_slider.hide { display:none; }
.activity_image_holder { display: inline-block; height: 80%; margin: 0.8rem 0 0 0.8rem; border: 2px solid transparent; cursor:pointer; }
.activity_image_holder.active { border-color: #fff; }
.activity_image_slider .slider_box { position:relative; left:0px; height:100%; }
.activity_image_slider .slider_box .slider_page { position:relative; display:inline-block; height:100%; text-align:center; }
.activity_image_slider img { height: 100%; }

.activity_image_slider_nav { color: #e4ed2e; background: #967050; width: 100%; height: 5rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; position: relative; margin-top:-0.2rem; }
.activity_image_slider_nav div { display: inline-block; height: 100%; cursor:pointer; }
.activity_image_slider_nav div img { height: 100%; width: auto; }
.activity_image_slider_nav .close { position: absolute; right: 0; }
.activity_image_slider_nav .gallery { display: none; }
.activity_image_slider_nav.hide div { display:none; }
.activity_image_slider_nav.hide .gallery { display:inline-block; }


.initial { width:100%; position:relative; display:inline-block; vertical-align:top; }
.individual { width:100%; height:auto; position:relative; display:inline-block; vertical-align:top; display:none; }
.individual .title { margin-top:2rem; }
.individual .desc { margin:2rem auto; width:80%; position:relative; }
.individual .image_box { width:90%; position:relative; margin:auto; }
.individual .image_box .top { background: url(/images/2014/inbox/bar-default-top.png) no-repeat; height: 2.3rem; background-position: bottom; }
.individual .image_box .middle { background: url(/images/2014/inbox/bar-default-body.png); height:55.5rem; }
.individual .image_box .bottom { background: url(/images/2014/inbox/bar-default-bottom.png) no-repeat; height: 2.3rem; background-position: top; }
.individual .image_box .middle .content { position:relative; border:1px solid transparent; width:96%; margin:auto; }
.individual .image_box .middle .image_holder { margin:-1.5rem auto; border-radius:2rem; overflow:hidden; height:58rem; }
.individual .image_box .middle .image_holder img { height:58rem; }
.individual.contest .image_box .middle .image_holder { height: 100%;}
.individual.contest .image_box .middle { height:100%; }

.contest_holder table { margin: 1em; width: 92%; }
.contest_holder table th { background-color: #967050; }
.contest_holder table tr.first-row td  { border-bottom: 1px solid #59340f; text-transform: lowercase; text-transform: capitalize;  }
.contest_holder table tr td { text-align: left; text-transform: uppercase;}
.button { position:absolute; top:50%; margin-top:-6.75rem; width:10%; height:13.5rem; cursor:pointer; }
.button.next { background:url(/images/2014/button/btn-mini-right.png) no-repeat; right:0rem; }
.button.prev { background:url(/images/2014/button/btn-mini-left.png) no-repeat; left:0rem; }
.button:hover { background-position:bottom; }

.individual.contest .button { visibility: hidden; }

@media only screen and (max-width: 480px) {
	.activity_holder_title.nothumb { font-size: 2.5rem; }
	.brown_outer_box .middle { min-height: 4rem; }
}

@media only screen and (min-width: 480px){
	.activity_holder_date { margin:1rem 0 0 8%; }
	.box_btn { width:9.5%; height:8.2rem; }
	.box_btn p { margin-top:3.2rem; }


}
@media only screen and (min-width: 481px) {
	.activities .activity.selected .activity_details { display:block; }
    .active .middle { display: block; }
    .box_btn p.next { display: none; }
    .box_btn p.open { display: block; }
	.activity.selected .box_btn p { display:none; }
	.activity.selected .box_btn p.close { display: block; }

	.activity_image_slider_nav { height:3rem; }
	.activity_image_slider_nav div { height:auto; position:absolute; width:5%; top:-1rem; }
	.activity_image_slider_nav .close{ width:5%; top:-1rem; }
	.activity_image_slider_nav .btn img { width:100%; max-width:800%; }
	.activity_image_slider_nav .prev { margin-left:-2rem; }
	.activity_image_slider_nav .next { margin-left:2rem; }
	.activity_image_slider_nav .gallery { right:47.5%; }
	.page_title  p { font-size:1.8rem}
	.page_desc  { font-size:1.5rem; font-weight: bold; }
	.activity_details .contest_table table { margin-left: 1.8rem; width: 95%; margin-bottom: 3rem; }
	.activity_details .contest_table table th { background-color: #967050; }
	.activity_details .contest_table table tr.first-row td  { border-bottom: 1px solid #59340f; text-transform: lowercase; text-transform: capitalize; }
	.activity_details .contest_table table tr.first-row td.center { text-align: center; }
	.activity_details .contest_table table tr td:nth-child(2) { width: 60%; }
	.activity_details .contest_table table tr td { text-align: left; text-transform: uppercase;}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1000px){
	.box_label .label_image { width:6%; }
	.activity_holder_date { margin:1.5rem 0 0 6.8%; }
	.brown_outer_box .middle { min-height:3rem; }
	.box_btn { width:7%; height:7.5rem; right:2%; }
	.activity_holder_date { width:85%; }
	.box_btn p { margin-top:2.2rem; margin-left:10%; }

}
@media only screen and (min-width: 1025px) {
	.page_title { background-image:url(/images/2014/activities/title-bar.png); }
	.title_box { width:346px; height:52px; font-size:2.2rem; }
	.title_box p { margin-top:1.3rem; }
	.box_btn p { top:-1rem; }
	.activity_holder_image { width:50px; height:50px; }
	.button { width:40px; height:60px; margin-top:-30px; }

}