/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/

.hidden-desktop { display: none; }

/* Only Phones */
@media (max-width: 767px) {
	.hidden-desktop { display: block; }
	.hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop { display: block; }
	.hidden-tablet { display: none; }
	
	#homesidebar {
		display: block;
		overflow: visible;
	}
	.yoo-zoo.blog-phg.blog-phg-frontpage {
		margin-left: 10px;
	}
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { display: none; }


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner { display: none; }

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
		padding-left: 20px;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 { width: 50%; }

	.width50 .width50 { width: 100%; }

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 { width: 50%; }

	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child { width: 100%; }

	.sidebars-2 #sidebar-a, .sidebars-2 #sidebar-b {
		padding-top: 20px;
		padding-left: 40px;
		width: 40%;
	}
	.sidebars-2.sidebar-b-left:not(.sidebar-a-left) #sidebar-a { float: right; } /* Keep Sidebar order */

	.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}
	#homesidebar {
		display: block;
		overflow: visible;
	}
	#sidebar-b .grid-box {
		float: none;
	}
	#logo img {
		margin-left: 10px;
	}
	body {
		overflow: hidden;	
	}
}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	.width33,
	.width66 { width: 100%; }

	/* Header */
	#header-responsive { display: block; }

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: inline-block;
		width: 45%;
		vertical-align: middle;
	}

	#header-responsive .logo { margin-right: 10%; }

	#header-responsive .searchbox {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}
	.tableheaderfriday h2 {
		padding: 10px 25px;
	}


}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Base */
	body { word-wrap: break-word; }

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width50,
	.width60,
	.width75,
	.width80 { width: 100%; }

	.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}


/* Fix Viewport for IE10 Snap Mode
----------------------------------------------------------------------------------------------------*/

@media (max-width: 400px) {
	@-ms-viewport{
		width: 320px;
	}
}


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
	#homesidebar {
    display: block;
    overflow: visible;
	}

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	#homesidebar {
    display: block;
    overflow: visible;
	}
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }
	
	#homesidebar {
		display: block;
		overflow: visible;
		padding: 0 20px 20px;
	}
	.register {
		float: left;
		padding: 0 10px 18px;
	}
	.footermenu {
		text-align: center;
		width: 100%;
	}
	#top-a .wrapper .grid-box.width100 {
		margin: 0 20px 0 0;
		width: auto;
	}
	.module.mod-box.slideshow {
		margin: 0 0 0 70px;
	}
	.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
		font-size: 12px;
	}
	.menu-dropdown li.level1 {
		margin-left: 7px;
	}
}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller { display: none; }
	
	body {
		overflow:hidden;	
	}
	
	.slideshow {
		display: none;
	}
	.logo img {
		margin-left: 10px;
	}
	.yoo-zoo.blog-phg.blog-phg-frontpage {
		margin-left: 10px;
	}
	.module.mod-box.supportersslide.deepest {
		position: inherit;
	}
	.module.mod-box.sponsorsslide.deepest {
		position: inherit;
	}
	.module.mod-box.partnersslide.deepest {
		left: 0;
	}
	.footerinfo {
		padding-left: 10px;	
	}
	.footermenu {
		padding-left: 30px;	
	}

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
	
	.sidebars-2 #sidebar-a, .sidebars-2 #sidebar-b {
		width: 95%;
	}	
	.eventschedule {
		margin-left: -45px;
		padding: 20px 30px;
	}
	#bottomright { float:none;}
	.register {float:none;}
		.twitter.deepest {
		margin-left: -12px;
		margin-right: 28px;
	}


}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}
	.module.mod-box.supportersslide.deepest {
		position: inherit;
	}
	.module.mod-box.sponsorsslide.deepest {
		position: inherit;
	}
	.module.mod-box.partnersslide.deepest {
		left: 0;
	}
	#bottom-a {
		height: auto;	
	}
	.module.mod-box.facebook {
		padding: 10px 0 !important;
		margin-left: -12px;
	}
	.logo img {
		height: auto;
		padding-left: 10px;
		width: 200%;
	}
	body {
		overflow: hidden;	
	}
	.fridaytimetable td {
		padding: 5px 0;
	}
	.tableheaderfriday h1 {
		font-size: 160%;
		padding: 10px 44px;
	}
	.tableheaderfriday h2 {
		padding: 10px 11px;
	}
	
	.saturdaytimetable td {
		padding: 5px 0;
	}
	.tableheadersaturday h1 {
		font-size: 160%;
		padding: 10px 44px;
	}
	.tableheadersaturday h2 {
		padding: 10px 11px;
	}

	.sundaytimetable td {
		padding: 5px 0;
	}
	.tableheadersunday h1 {
		font-size: 160%;
		padding: 10px 44px;
	}
	.tableheadersunday h2 {
		padding: 10px 11px;
	}
	.twitter.deepest {
		margin-left: -12px;
		margin-right: 28px;
	}
	#ptp {
		float: none;
	}
	.blog-wheretostay-frontpage img {
		height: auto;
		width: 100%;
	}
	.register {
		margin: 20px 10px 0;
		padding: 0 0 20px;
	}
	.coconut.small .center:after {
		height: 59px !important;
		width: 67px !important;
	}
	.coconut.small {
		height: 69px !important;
		width: 69px !important;
	}
	#bottomright {
		float: none;
		margin: 10px 10px 15px;
		padding: 15px 10px 30px;
	}
	.eventschedule {
		margin-left: -30px;
		padding: 20px 30px;
	}

}