/* 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) {

article.item { margin-left: 0;}
.menusub, .twittersub { margin-right: 4px;}
.quicklinks, .subpage_subform {margin-left:4px;}
.menu-dropdown a.level1, .menu-dropdown span.level1 { font-size: 14px;}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span { padding: 0 16px ;}
#menu .menu-dropdown a.homeicon span.icon { margin: 12px 0 0;}
#logo + div {padding-top: 10px;}



section#top-b .width75 { width: 100%;}

section#top-b .width25 { display: none;}

 div.phrase { 
 	margin:4px 0px;
    font-size: 16px;
    height: 58px;
    padding: 14px 30px;
}

.donateRight { width:100%; float:left; }
.donateImg { width:100%; height:auto; }


}

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

	#search { display: none; }

}

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

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

}

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

.donateImg img { width:100%; height:auto; }


section#top-a .width66 { width: 100%;}

section#top-a .width33 { display: none;}


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


	#header-responsive .logo img { width: 100%;}
	#header-responsive .logo { display: inline-block; vertical-align: middle; width: 40%; margin-right:10%; line-height: 0; }
	#header-responsive select.menu-responsive { padding:2px; display: inline-block; vertical-align: middle; width: 45%;}

	.menu-responsive { position: absolute; top: 5px; right: 5px; z-index: 6}

	.menu-responsive {
	border:none;
	padding: 15px;
	height: 50px;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: Arial,Helvetica,sans-serif;
	text-shadow:0 1px 0 rgba(255,255,255,0.8);
	font-size: 16px;
	text-indent:-99999px;
	background:url(../images/mobile-menu-icon@2x.png) no-repeat 100% center;
	background-size: 90px 38px, 100%;
	

	}

	#top-a .wk-slideshow .caption { display: none !important;}
	div.peopleslider { display: none;}

	#yoo-zoo {
		margin: 0;
		}

	#yoo-zoo .first-item div.teaser-item {
	margin-right: 0px;
	margin-bottom: 8px;
	}	

	#yoo-zoo .items div.pos-media > a > img { width:100% !important; height:auto!important;}

	.layout-default .description .element div { height: auto; background: url(../images/dots2.png) top repeat-x;}
	.layout-default .description .element {background: url(../images/dots2.png) bottom repeat-x;}


	.sidebar-b-right .width33 > div, .sidebar-b-right #sidebar-b div.grid-box, div.phrase {
    margin: 4px 0 4px 0px;
	}

	

}

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

	.layout-default .description .element div { font-size: 13px; line-height: 15px; }
	

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

	#yoo-zoo .employee div.sidebar-right {
		float: none !important;
		margin: 4px 0 30px 0!important;
		width: 100%!important;
	}

	.people-default .pos-subtitle { }

	.people-default div.sidebar-right img { width: 100%; height: auto; }

		#yoo-zoo .employee div.sidebar-right { width: 100%; float: none; margin: 0;}


	.layout-default .description .element div { font-size: 13px; line-height: 15px;}



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

	#yoo-zoo .items div.teaser-item{
	margin:0 8px 8px 0;
	}






}