@charset "utf-8";

.page_title { background-image:url(/images/2014/fun-things/mobile/big-title-holder-4-7.png); height:14rem; color:#114c00; width:100%; }
.page_title  p { font-size:14px}
.senior .page_title { background-image:url(/images/2014/fun-things/mobile/big-title-holder-8-12.png); color: #ff7f00; }

.divider { width:90%; }
.cover { background-size: 100% auto !important; }
.btn { cursor: pointer; }

.categories { margin: 0 auto; width: 94%; }
.category_holder {  display: inline-block; position: relative; }
.category { position: relative; width: 60%; background: url(/images/2014/fun-things/btn-holder.png) no-repeat; background-size: cover; clear:none; margin:0 auto; }
.category:hover, .category_holder.active .category { background-position:bottom; }
.category .label { position:absolute; top:0; left:0; width:100%; height:100%; }
.category .label:hover { top: 2px; }
.category .label p { position:absolute; top:68%; left:0; width:100%; text-align:center; 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; }
.category .label p { font-size:4rem; }
.category.greenyellow .label { background:url(/images/2014/home/subbanners/label-greenyellow.png) no-repeat; background-size: cover; }
.senior .category.greenyellow .label { background:url(/images/2014/home/subbanners/label-yellow.png) no-repeat; background-size: cover; }
.category.greenyellow .label p { color:#114c00; }
.senior .category.greenyellow .label p { color:#ff7f00; }
.category_holder .link { display: none; }
.category_holder .link.active { display: block; }

/*Background*/
.category_contents .category_content_holder { display: none; position: relative; top: -1rem; }
.category_contents .category_content_holder.active { display: block; }
.category_contents .bg { margin: 0 auto; width: 90%; }
.category_contents .category_content_top { background: url(/images/2014/inbox/bar-default-top.png) no-repeat; height: 2.2rem; }
.category_contents .category_content_mid { background: url(/images/2014/inbox/bar-default-body.png) repeat-y; background-size: 100% auto; }
.category_contents .category_content_bot { background: url(/images/2014/inbox/bar-default-bottom.png) no-repeat; background-size: 100% auto; height: 2.2rem; }

/*Header with desc*/
.category_content  .sub_title { width: 96%; margin: 0 auto; position: relative; top: -1rem; text-align: left; }
.category_content  .sub_title div { display: inline-block; vertical-align: top; }
.category_content .icon { width: 5rem; height: 5rem; }
.category_content .sub_title .copy p { margin: 0; }
.category_content .sub_desc { background: #967050; border-radius: 2rem; text-align: left; width: 96%; margin:0 auto; overflow: hidden; }
.category_content .sub_desc p { margin: 1rem; }

/*Content*/
.category_content .content { background: #ffe7bf; border-radius: 2rem; margin: 1.5rem auto 0; width: 96%; overflow: hidden; }
.category_content.nobg .content { background: transparent; }
.category_content .content .content_section { margin-bottom: 5rem; }
.category_content .content img { width: 100%; }
.category_content .content .mini_title { background: url(/images/2014/fun-things/4-7-text-holder.png) no-repeat; width: 35%; height: 7rem; margin: 0 auto; overflow: hidden; }
.senior .category_content .content .mini_title { background: url(/images/2014/fun-things/8-12-text-holder.png) no-repeat; }
.category_content .content .mini_title p { margin: 1.5rem 0 0 0; color: #114c00; }
.senior .category_content .content .mini_title p { color: #ff7f00; }
.category_content .content .copy { width: 90%; margin: 0 auto; }

/*table*/
.table_holder { position:relative; border:2px dotted #592202; width:80%; border-radius:2rem; margin:5rem auto; background: #fff; }
.table_holder .title_box { background:url(/images/2014/fun-things/4-7-text-holder.png) no-repeat; position:absolute; width:50%; left:25%; height:7rem; border:1px solid transparent; color:#0E7369; top:-4rem; background-size: 100% 100%; overflow: hidden; }
.senior .table_holder .title_box { background:url(/images/2014/fun-things/8-12-text-holder.png) no-repeat; color: #ff7f00; background-size: 100% 100%; }
.table_holder .title_box p { margin: 1.5rem 0 0 0; }

.table_holder .table_list { width:100%; height:auto; position:relative; margin-top:2.5rem; }
.table_holder .table_list .row { border-bottom:1px dotted #592202; text-align:left;  }
.table_holder .table_list .row div { position:relative; display:inline-block; vertical-align:middle; margin:1rem auto; max-width: 85%; }
.table_holder .table_list .row.last { border:0; }
.table_holder .table_list .row .mushroom { background:url(/images/2014/store/icon-bullet-shroom.png) no-repeat; height:4rem; clear:none; width:6%; margin:0 2rem; }
.table_holder .table_list .row .space { margin-left: 2rem; }

/*list*/
.list { text-align: left; margin-bottom: 5rem; width: 80%; margin: 0 auto; }
.list .blue_point { background: url(/images/2014/fun-things/step-point.png) no-repeat; width: 7rem; height: 6.5rem; overflow: hidden; }
.list .blue_point p { margin: 1.5rem 0 0 0; text-align: center; 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; }
.list .text { max-width: 89%; vertical-align: top; }
.list .text p { margin: 1.5rem 0 0 0; }
.list_item div { display: inline-block; }

/*Recipe*/
.recipe .category_content .icon { background: url(/images/2014/fun-things/recipe-icon.png) no-repeat; }
.category_content .content .recipe_frame { background: url(/images/2014/fun-things/recipe-img-holder.png) no-repeat; width: 49.5rem; height: 34.3rem; position: relative; margin: 1.5rem auto 0; }
.category_content .content .recipe_image { width: 75%; position: relative; margin: 0 auto; top: 15%; border-radius: 1rem; overflow: hidden; }

/*Craft*/
.craft .category_content .content_section { position: relative; }
.craft .category_content .icon { background: url(/images/2014/fun-things/crafts-icon.png) no-repeat; }
.category_content .content .craft_frame { background: url(/images/2014/fun-things/crafts-img-holder.png) no-repeat; width: 51.8rem; height: 42.1rem; position: relative; margin: 1.5rem auto 0; }
.category_content .content .craft_image { width: 75%; position: relative; margin: 0 auto; top: 12%; border-radius: 1rem; overflow: hidden; }
.category_content .content .download.btn { background: url(/images/2014/bug-news/btn-download.png) no-repeat; width: 21rem; height: 7.2rem; margin: 6rem auto 0; overflow: hidden; }
.category_content .content .download.btn p { color: #592202; margin: 2rem 0 0 5rem; }
.category_content .content .download.btn:hover { background-position: bottom; }
.category_content .content .craft_deco { position: absolute; bottom: -1rem; right: 4rem; }
.category_content .content .deco_image { background: url(/images/2014/fun-things/senior/craft-deco.png) no-repeat; width: 20rem ; height: 24rem; }


/*Special*/
.special .category_content .icon { background: url(/images/2014/fun-things/others-icon.png) no-repeat; }
.category_content .content .others_frame { background: url(/images/2014/fun-things/others-holder.png) no-repeat; width: 40.2rem; height: 54.2rem; position: relative; margin: 1.5rem auto 0; }
.category_content .content .others_image { width: 88%; margin: 0 auto; border-radius: 2rem; overflow: hidden; position: relative; top: 4%; }
.category_content .special .content .copy { width: 60%; }
.category_content .content .others_frame_hori { background: url(/images/2014/fun-things/others-holder-02.png) no-repeat; width: 54.2rem; height: 40.2rem; position: relative; margin: 1.5rem auto 0; }
.category_content .content .others_frame_hori .others_image { width: 92%; border-radius: 2rem; top: 6%; }

/*Mobile sliding thing*/
.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 .category_content .content { background: transparent; }
.individual .category_content .icon { display: none; }
.individual .category_content .sub_desc { background: transparent; text-align: center; width: 80%;}
.individual .category_content  .sub_title { position: absolute; top: -12.5rem; text-align: center; font-size: 4.5rem; color: #114c00; 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; width: 100% }
.individual .category_content  .sub_title .copy { position: relative; z-index: 11; }

@media only screen and (max-width: 480px) {
	.logos { display: flex; }
	.logos .ikea_logo { background-position: center; }
	.logos .kids_club { margin: 4rem 0 0 2rem; }
	.bm .label p { top: 65% }
	.label p { top: 65% }
}

@media only screen and (min-width: 480px) {
	.airbornes { display:none; }
	.category { width: 21.5rem; margin: 0 1rem; }
	.category .label p { top: 14.7rem; font-size: 2.5rem; }
	.category_holder .link { background: url(/images/2014/fun-things/link-ribbon.png); width: 14.8rem; height: 5rem; margin: -1.5rem auto 0; background-size: 100% auto; }
	.category_content .sub_title .copy p { margin:1rem 0; }
	.table_holder .title_box p { margin:2rem 0; }
	.category_content .content .mini_title p { margin:2.5rem 0; }
	.page_title  p { font-size:1.8rem}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1024px){
	.list .blue_point { width:6rem; }
}
@media only screen and (min-width: 1025px) {
	.page_title { background:url(/images/2014/fun-things/big-title-holder.png); width:789px; height:56px; }
	.senior .page_title { background:url(/images/2014/fun-things/big-title-holder-8-12.png); }

	.category { width: 28.5rem; margin: 0 1rem; }
	.category .label p { top:21.2rem; font-size:2.1rem; }
	.category_content .content .download.btn p { margin: 2.5rem 0 0 4rem; }
	/*.box { width:945px; }
	.box .top { height:31px; }
	.box .bottom { height:30px; }*/
}