/* Copyright (C) OSMiUM PTY LTD */



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





/* Breakpoints

----------------------------------------------------------------------------------------------------*/



/* All except large Screens */

@media (max-width: 1220px) {



}



/* Only Phones and Tablets (Portrait) */

@media (max-width: 959px) {



	/* Layout */

	#search { display: none; }



	.sidebars-1 #maininner,

	.sidebars-2 #maininner { padding: 0; }



	/* Modules */

	.grid-h .mod-line:before { border-left: 0; }

 

	#sidebar-a .grid-v:first-child .mod-line:before,

	#sidebar-b .grid-v:first-child .mod-line:before { border-width: 1px 0 0 0; }



	.grid-h .mod-line,

	.grid-v:first-child .mod-line { padding: 20px 0; }



	.grid-h .mod-line .badge,

	.grid-v:first-child .mod-line .badge { top: 20px; }



	/* Systems */

	#system { padding-bottom: 20px; }



}



/* Only Tablets (Portrait) */

@media (min-width: 768px) and (max-width: 959px) { 



	/* Extensions */

	.spotlight[data-spotlight*="fade"] .overlay > div {

		padding: 15px;

		font-size: 13px;

		line-height: 15px;

	}



	.spotlight[data-spotlight*="fade"] .overlay > div p { margin-top: 5px; }



	/* Modules */

	.grid-h:nth-child(n+3).width33 > .mod-line:before { border-width: 0; }



}



/* Only Tablets (Portrait) and Phones (Landscape) */

@media (min-width: 480px) and (max-width: 959px) {



	/* Modules */

	.grid-h:nth-child(n+3) > .mod-line:before { 	

		top: -10px;

		bottom: auto;

		left: 0;

		right: 0;

		border-width: 1px 0 0 0;

	}



}



/* Only Phones */

@media (max-width: 767px) {



	/* Layout */

	#toolbar,

	#headerbar,

	#logo,

	#menubar,

	#menu,

	#search,

	#breadcrumbs { display: none; }



	.display-block[data-spotlight] { display: inline-block; }



}



/* Only Phones (Landscape) */

@media (min-width: 480px) and (max-width: 767px) {

	

	/* Extensions */

	.spotlight[data-spotlight*="fade"] .overlay > div {

		padding: 15px;

		line-height: 14px;

		font-size: 12px;

	}



	.spotlight[data-spotlight*="fade"] .overlay > div h2  {

		font-size: 22px;

		line-height: 22px;

	}



	.spotlight[data-spotlight*="fade"] .overlay > div p { margin-top: 5px; }



	/* Tools */

	.box-parallax h1 {

		line-height: 80px;

		font-size: 72px;

	}



	.box-parallax h2 {

		line-height: 28px;

		font-size: 25px;

	}



}



/* Only Phones (Portrait) */

@media (max-width: 479px) {



	/* Modules */

	.grid-h .mod-line:before { 	

		top: -10px;

		left: 0;

		right: 0;

		bottom: auto;

		border-width: 1px 0 0 0;

	}



	/* System */

	#system .items .item,

	#system .items .item:first-child {

		margin-top: 12px;

		padding-top: 18px;

		border-width: 1px 0 0 0;

	}



	#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;

	}



	#system .item { padding-left: 0; }



	#system .item > header time {

		display: inline;

		position: relative;	

		top: 0;

		left: 0;

		width: 60px;

		text-align: left;

	}



	#system .item > header time > span { display: inline; }



	#system .item > header time .day,

	#system .width50 .item > header time .day {

		line-height: 14px;

		font-size: 14px;

		letter-spacing: 0;

	}



	#system .item > header time .month,

	#system .width50 .item > header time .month {

		line-height: 14px;

		font-size: 14px;

	}



	#system .width50 .item > header time { left: 0; }



	/* Tools */

	.box-parallax h1 {

	margin-bottom: 10px;

	line-height: 60px;

	font-size: 56px;

	}



	.box-parallax h2 {

	margin-top: 10px;

	line-height: 22px;

	font-size: 20px;

	}

.donate8button {padding-left:70px;}

}