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

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


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

/* Tablets and down*/


@media only screen and (max-width: 768px),
       only screen and (min-resolution: 120dpi) and (max-width: 1080px),
       only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-width: 1080px)
{
	.wrapper {overflow: hidden;}

	#headerbar, 
	#menubar, 
	#main, 
	#bottom-footer,
	#innertop > div, 
	#innertop .calendar, 
	.items article > a img,
	.page-id-4532 .z-image,
	.page-id-4532 .z-image img,
	.btn,
	.table-box
	{width: 100%;}

#innerbottom .item{
	width:49%;
	margin-right:2%;
}
#innerbottom .item:last-of-type{margin:0;}

	 #system .items,
	#system .items .item,
	.table-box,
	.table-box.right
	{margin:0;}

	#header-responsive,
	#maininner
	{
		width: 94%;
		margin-left:3%;
		margin-right:3%;
	}

	#header {background: #f1eff0 none; }
	#header-responsive .logo {
		margin:10px;
		margin-right:8%;
	}

	#header-responsive .brand img{
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}

	#header-responsive .brand a{
		text-transform: uppercase;
		color: black;
	}

	.event {
		width:30%;
		float: left;
		margin:0 1.5% 10px;
		border-bottom: none;
	}

	.event-date {
		width:40%;
		padding: 0.6em 0% 0.6em 6%;
		font-size: 180%;
	}


	#innertop .banner {
		width:96%; 
		padding:2%;
	}

	#content,
	#innerbottom {margin:2em 0;}

	.items article > a{width: 40%;}
	

	.items article > header,
	#system .items article p.links,  
	.items article > .content {
		margin-left:0;
	}

	.items article > a {padding-right: 10px;}
 	#system > article > .content img.size-large {
    	width:100%!important;
    	height:auto!important;
    }
	#sidebar-a .mod-box {
		padding-bottom: 0;
		border-bottom: 0;
	}

	#footer div:first-child{display:none;}
	#footer .menu-line li.level1{
	float: left;
	margin-left: 1%;
	margin-right: 5%;
	width:auto;
	}
	/*ethical responsive*/


	.zoccola p {width:auto;}


	.page-id-4532 .right {width: 55%;}
	.page-id-4532 .main {width: 40%;}
	.page-id-4532 .z-image img {height: auto;}

	.table-box {margin-bottom: 15px;}
}

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

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

}

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

    #system > article > .content img:not(.size-thumbnail) {
    	width:100%!important;
    	height:auto!important;
    }
	.items article > a,
	.items article > a img {}
	#system .items article:nth-of-type(n+5),
	#header-responsive .logo,
	#header-responsive .searchbox,
	#innerbottom .item,
	.page-id-4532 .right,
	.page-id-4532 .main
	{
		margin-right:0;
		margin-left:0;
		width: 100% !important;
		float:none;
	}

	article .meta,
	.widget_cyclone-slider-widget {display:none;}

	.event {
		width:33%;
		float: left;
		border-right:1px solid #ccc;
		margin-right:0;
		margin-left:0;
		
	}

	.event .event-date{
		padding: 0.8em 0 0 5%;
		font-size: 120%;
	}
	.event .event-icon{float:right;}
	
	#system .items article:nth-of-type(n+5){
		display: block;
	}

}