/*Homepage Stylesheet*/

/*Grid*/
.hpgrid3 {
	list-style: none;
	width:100%;
}

.hpgrid3 > li {
	margin: 0;
	float: left;
}

.hpgrid3 li:hover {
	opacity: 0.8;
}
.hpgrid3 li:nohover {
	opacity: 0;
}
.hpgrid3 li.nohover a:hover{
	cursor:pointer;
}
.hpgrid3 li a img{
	width: 100%;
	margin: 0;
	padding: 0;
}

.hpgrid3 li:first-child{
	width: 50%;
	padding-right: .5em;
}

.hpgrid3 li:nth-child(2){
	width: 24%;
	padding-right: .5em;
}

.hpgrid3 li:nth-child(3){
	width: 24%;
}

.hpgrid3 li:nth-child(4){
	width: 24%;
}

.hpgrid3 li:last-child{
	width: 48%;
}


/*Lines*/
.psq-hp-line h2{
	font-size: 1.325em;
	padding-top: 1em;
	margin-top: 1.5em;
}

.psq-hp-line.purple h2{
	border-top: 2px solid #893690;
}

.psq-hp-line.blue h2 {
	border-top: 2px solid #5dbbe1;
}

.psq-hp-line.red h2{
	border-top: 2px solid #b5111b;
}

.psq-hp-line.orange h2 {
	border-top: 2px solid #e09635;
}

.psq-hp-line-tight h2{
	font-size: 1.325em;
	padding-top: 1em;
	margin-top: 0.5em;
}

.psq-hp-line-tight.purple h2{
	border-top: 2px solid #893690;
}

.psq-hp-line-tight.blue h2 {
	border-top: 2px solid #5dbbe1;
}

.psq-hp-line-tight.red h2{
	border-top: 2px solid #b5111b;
}

.psq-hp-line-tight.orange h2 {
	border-top: 2px solid #e09635;
}

/*innovator profile*/
.psq-hp-innovator{
	float: left;
}

.psq-hp-innovator li{
	width: 45%;
	margin-right: 5%;
	outline: 1px solid #eee;
	float: left;
	clear: right;
}

.psq-hp-innovator li:hover{
	opacity: 0.8;
}

.psq-hp-innovator li:last-child{
	margin-right: 0;
}

.psq-hp-innovator li a img{
	width: 100%;
}

.psq-hp-innovator h4{
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-family: "DINWebMedium", sans-serif;
	font-size: 0.9em;
	padding-top: 0.1em;
	padding-bottom: 0em;
}

/*voices in the square*/
.psq-hp-blog{
	float: left;
}

.psq-hp-blog li{
	width: 45%;
	margin-right: 5%;
	margin-bottom: 5%;
	float: left;
}

.psq-hp-blog li:last-child{
	margin-right: 0;
}

.psq-hp-blog li:hover{
	opacity: 0.8;
}

.psq-hp-blog li a img{
	width: 100%;
	outline: 1px solid #eee;
}

.psq-hp-blog h4{
	display: none;
}

/*event listing*/
.psq-hp-eventlist .newsLead p{
	display:none;
}

.psq-hp-eventlist .newsLead .newsComments{
	display:none;
}

.psq-hp-eventlist .newsLead h3{
	font-family: "DINWebMedium", sans-serif;
	font-size: 0.9em;
}

.psq-hp-eventlist .newsThumbnail{
	width: 80%;
	float: left;
	margin-right: -1em;
}

.psq-hp-news h3{
	font-family: "DINWebMedium", sans-serif;
	font-size: 0.9em;
	color: #A6192E;
}

.psq-hp-news p{
	font-family: "DINWeb", sans-serif;
	font-size: 0.857143em;
	font-weight: normal;
	line-height: 0.9em;
	margin-top: -1em;
}

.psq-hp-news img{
	max-width: 120px;
}


/* ---------------------------------------------------------------- */
/* --------------------------- BREAKPOINTS ------------------------ */

/* small screen landscape */
@media (max-width: 568px){

	.psq-twitter {
		display: none !important;
	}
	
	.hpgrid3 li:first-child{
		width: 100%;
		padding-right: 0;
	}
	
	.hpgrid3 li:nth-child(2){
		width: 50%;
	}
	
	.hpgrid3 li:nth-child(3){
		width: 50%;
	}
	
	.hpgrid3 li:nth-child(4){
		width: 50%;
	}
	
	.hpgrid3 li:last-child{
		width: 100%;
	}
}

/* nexus 7 and smaller */
@media (max-width: 601px){

	.psq-twitter {
		display: none !important;
	}
	
	.hpgrid3 li:first-child{
		width: 100%;
		padding-right: 0;
	}
	
	.hpgrid3 li:nth-child(2){
		width: 50%;
	}
	
	.hpgrid3 li:nth-child(3){
		width: 50%;
	}
	
	.hpgrid3 li:nth-child(4){
		width: 50%;
	}
	
	.hpgrid3 li:last-child{
		width: 100%;
	}

/* small screen portrait */
@media (max-width: 480px) and (orientation: portrait){

	.psq-twitter {
		display: none !important;
	}
	
	.hpgrid3 li:first-child{
		width: 100%;
		padding-right: 0;
	}
	
	.hpgrid3 li:nth-child(2){
		width: 50%;
	}
	
	.hpgrid3 li:nth-child(3){
		width: 50%;
	}
	
	.hpgrid3 li:nth-child(4){
		width: 50%;
	}
	
	.hpgrid3 li:last-child{
		width: 100%;
	}
}

@media(max-width: 360px){

	.psq-twitter {
		display: none !important;
	}
	
	.hpgrid3 li:first-child{
		width: 100%;
		padding-right: 0;
	}
	
	.hpgrid3 li:nth-child(2){
		width: 50%;
	}
	
	.hpgrid3 li:nth-child(3){
		width: 50%;
	}
	
	.hpgrid3 li:nth-child(4){
		width: 50%;
	}
	
	.hpgrid3 li:last-child{
		width: 100%;
	}
}