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

@import url(../warp/css/responsive.css);


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

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

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
	#sidebar-a, #sidebar-b{
		display:none;
	}
}

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

}

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

	/* Layout */
	#search { display: none; }

}

@media (min-width: 768px) {
	#menu {
		display: block;
	}
	#responsive-menu {
		display: none;
	}

}

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

	/* Layout */
	#toolbar,
	#headerbar,
	/*#menubar,*/
	#breadcrumbs,
	#totop-scroller { display: none; }

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: block;
		margin: 0 0 10px;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}

	.wk-slideshow td.imgCell{
	width:1px;
	overflow:hidden;
	}

	article.item-home .content {
	    overflow: hidden;
		clear:left;
		margin:0 0 0 30%;
	}

	.wk-slideshow td.imgCell img{
		display:none;
	}

	#menu {
		display: none;
	}
	#responsive-menu {
		display: block;
		padding: 0;
	}

	.menu-toggle {
		display: block;
		background-color: #C2BC61;
		margin: 0 0 2px;
		padding: 10px 20px;
		font-size: 18px;
		cursor: pointer;
	}

	.menu-toggle:hover,
	.menu-toggle:focus {
		background-color: #a33d26;
		color: #fff;
	}

	.nav-icon {
		width: 15px;
		height: 15px;
		display: block;
		float: left;
		margin-right: 6px;
	}

	.nav-icon-bar:first-child {
		margin-top: 4px;
	}
	.nav-icon-bar {
		float: left;
		height: 3px;
		margin-bottom: 3px;
		width: 100%;
		background-color: #333;
		float: left;
	}

	.nav-icon-bar:last-child {
		margin-bottom: 0px;
	}

	a:hover .nav-icon-bar,
	a:focus .nav-icon-bar {
		background-color: #fff;
	}


	#responsive-menu li {
		list-style: none;
		display: block;
	}

	#responsive-menu li > a,
	#responsive-menu li > span span {
		display: block;
		padding: 6px 20px;
		line-height: 1;
		text-align: left;
		background-color: #C2BC61;
		position: relative;
		font-weight: bold;
		border-bottom: 1px dotted #E1DEAF;
	}

	#responsive-menu li > a:before {
		position: absolute;
		content: '';
		left: 12px;
		bottom: 9px;
		border: 3px solid transparent;
		border-left: 3px solid #333;
		height: 0;
		width: 0;
	}

	#responsive-menu li a:focus,
	#responsive-menu li a:hover {
		background-color: #a33d26;
		color: #fff;
	}

	#responsive-menu li > a:hover:before,
	#responsive-menu li > a:focus:before {
		border-left: 3px solid #fff;
	}


	#responsive-menu li li > a,
	#responsive-menu li li > span {
		padding: 6px 20px;
		background-color: #CEC980;
		font-weight: normal;

	}

	#responsive-menu ul {
		padding: 0;
		margin: 0;
	}

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
	#top-b {
	  display: block;
	}
}

/* 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;
	}

	#header-responsive .logo, #header-responsive .logo > img{
		float: none;
		max-width: 100%;
	}
	article.item-home header {
		float: none;
    width: 100%;
    text-align: center;
	}
	article.item-home header img {
		float: none;
	}
	article.item-home .content {
		margin-left: 0;
	}

	/* events */
	p.register-link-footer {
		float: none;
	}
	.content .event-display-boxes .register-link-footer a {
		width: 100%;
	}

	.event-contents {
		width: 100%;
		margin-top: 1em;
	}

	#top-b {
	  display: block;
	}

}