/* CSS Document */
div.display-cards-block{
	width:100%;
	clear:both;
	float:left;
}
div.display-cards-block.rightSide{
	width:33%;
	float:right;
	min-width:200px;
}
div.display-card{
	border:1px solid #878787;
	box-shadow:6px 6px 8px #878787;
	float:left;
	background-color:white;
	background-color:#e7eeee;
	min-height:365px;
	position:relative;
}
div.display-card.noImage{
	min-height:240px;
}
div.display-card img{
	border-bottom:1px solid #17486b;
	width:100%;
}
div.display-cards-block div.display-card:first-of-type{
	margin-left:0 !important;
}
@media (min-width:461px){
div.display-cards-block.rightSide div.display-card:first-of-type {
    margin-left: 12px !important;
}
}
div.single .display-card{
	width:100%;	
	margin-left:0;
	margin-bottom:18px;		
}
div.halves .display-card{
	width:calc(50% - 10px);
	margin-left:20px;	
	margin-bottom:20px;	
}
div.thirds .display-card{
	width:calc(33% - 17px);	
	margin-left:17px;	
	margin-bottom:17px;		
}
div.quarters .display-card{
	width:calc(25% - 14px);	
	margin-left:14px;	
	margin-bottom:14px;		
}
div.fifths .display-card{
	width:calc(20% - 12px);	
	margin-left:12px;	
	margin-bottom:12px;		
}
div.sixths .display-card{
	width:calc(16% - 10px);
	margin-left:10px;	
	margin-bottom:10px;		
}
/* For now I'm treating these as non-viable. To get them working I'd need to deal with what happens as the screen shrinks in width.
div.sevenths .display-card{
	width:calc(14% - 8px);
	margin-left:8px;	
	margin-bottom:8px;		
}
div.eighths .display-card{
	width:calc(12% - 6px);
	margin-left:6px;	
	margin-bottom:6px;		
}
*/
div.display-card.single{
	width:100%;
	float:left;	
	margin-left:12px;
	margin-bottom:12px;
	min-width:200px;
}
div.display-card.halves{
	width:calc(50% - 20px);
	float:left;	
	margin-left:12px;
	margin-bottom:12px;
	min-width:200px;
}
div.display-card.thirds{
	width:calc(33% - 17px);
	float:left;	
	margin-left:12px;
	margin-bottom:12px;
	min-width:200px;
}
div.display-card.quarters{
	width:calc(25% - 14px);
	float:left;	
	margin-left:12px;
	margin-bottom:12px;
	min-width:200px;
}
div.display-card.fifths{
	width:calc(20% - 12px);
	float:left;	
	margin-left:12px;
	margin-bottom:12px;
	min-width:200px;
}
div.display-card.sixths{
	width:calc(16% - 10px);
	float:left;	
	margin-left:12px;
	margin-bottom:12px;
	min-width:200px;
}
div.halves .display-card:nth-of-type(2n+1), div.thirds .display-card:nth-of-type(3n+1), div.quarters .display-card:nth-of-type(4n+1), div.fifths .display-card:nth-of-type(5n+1), div.sixths .display-card:nth-of-type(6n+1), div.sevenths .display-card:nth-of-type(7n+1), div.eighths .display-card:nth-of-type(8n+1) {
	clear:left;
	margin-left:0;
}
div.display-cards-text{
	position:relative;
}
div.display-cards-text h3{
	font-size:1.3em !important;
	margin-top:0;
	padding:0 12px 12px;
}
div.display-card.noImage div.display-cards-text h3{
	font-size:1.5em !important;
	margin-top:5px;
}
@media (min-width:951px){
	div.sixths div.display-cards-text h3{
		font-size:1.15em;	
	}
}
@media (max-width:1100px) and (min-width:951px){
	div.fifths div.display-cards-text h3{
		font-size:1.15em;	
	}
}
@media (max-width:950px) and (min-width:726px){
	div.sixths div.display-cards-text h3, div.fifths div.display-cards-text h3{
		font-size:1.15em;	
	}
}
@media (max-width:900px){
	div.quarters div.display-cards-text h3{
		font-size:1.15em;	
	}
}
@media (max-width:600px){
	div.sixths div.display-cards-text h3, div.fifths div.display-cards-text h3, div.thirds div.display-cards-text h3{
		font-size:1.2em;	
	}
}
div.display-cards-text ul{
	margin-top:-9px;
	margin-bottom:9px;	
}
div.display-cards-text ul li{
	padding:0 12px 0 30px;
	list-style:inside;
}
div.display-cards-text p{
	padding:0 12px 12px;
	line-height:1.3em;
}
div.display-card .link-box {
	background-color:#f1f6fa;
	background-color:#17486b;
	border-top:1px solid #b1c6d2;
	padding:12px;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	cursor:pointer;
}
div.display-card .link-box:hover{
	background-color:#3a6d91;
}
div.display-card .link-box a{
	color:white;
}
@media (max-width:1150px) and (min-width:851px){
	div.sixths .display-card{
		width:calc(20% - 12px);	
		margin-left:12px;	
		margin-bottom:12px;		
	}
	div.sixths .display-card:nth-of-type(5n+1) {
		clear:left;
		margin-left:0;
	}
	div.sixths .display-card:nth-of-type(6n+1) {
		clear:none;
		margin-left:12px;
	}
}
@media (max-width:850px) and (min-width:726px){
	div.sixths .display-card, div.fifths .display-card{
		width:calc(33% - 17px);	
		margin-left:17px;	
		margin-bottom:17px;		
	}	
	div.fifths .display-card:nth-of-type(3n+1){
		clear:left;
		margin-left:0;
	}
	div.sixths .display-card:nth-of-type(6n+1), div.fifths .display-card:nth-of-type(5n+1){
		clear:none;	
		margin-left:17px;
	}
	div.sixths .display-card:nth-of-type(3n+1){
		clear:none;
		margin-left:0;
	}
	div.display-card.thirds {
		width: calc(50% - 10px);
	}
	div.thirds .display-card:nth-of-type(3n+1){
		margin-left:12px;	
		clear:none;
	}
	div.thirds .display-card:nth-of-type(2n+1){
		margin-left:0;
	}
}
@media (max-width:725px){
	div.sixths .display-card, div.fifths .display-card, div.quarters .display-card{
		width:calc(50% - 20px);
		max-width: 257px;		
	}	
	div.quarters .display-card:nth-of-type(2n+1){
		clear:left;
		margin-left:0;
	}
	
	div.fifths .display-card:nth-of-type(3n+1), div.fifths .display-card:nth-of-type(5n+1){
		clear:none;	
		margin-left:12px;
	}
	div.fifths .display-card:nth-of-type(2n+1), div.sixths .display-card:nth-of-type(2n+1){
		clear:none;
		margin-left:0;
	}
	div.display-card.thirds {
		width: calc(50% - 10px);
	}
	div.thirds .display-card:nth-of-type(3n+1){
		margin-left:12px;	
		clear:none;
	}
	div.thirds .display-card:nth-of-type(2n+1){
		margin-left:0;
	}
}
@media (max-width:550px) and (min-width:401px){
	div.sixths .display-card, div.fifths .display-card, div.thirds .display-card{
		width:calc(50% - 20px);
		max-width: 257px;		
	}	
	div.thirds .display-card:nth-of-type(3n+1){
		clear:none;	
		margin-left:12px;
	}
	div.fifths .display-card:nth-of-type(5n+1){
		clear:none;	
		margin-left:17px;
	}
	div.sixths .display-card:nth-of-type(6n+1){
		clear:none;	
		margin-left:17px;
	}
	div.thirds .display-card:nth-of-type(2n+1), div.fifths .display-card:nth-of-type(2n+1), div.sixths .display-card:nth-of-type(2n+1){
		clear:left;
		margin-left:0;
	}
}
@media (max-width:460px){
	div.display-card.single, div.display-card.halves, div.display-card.thirds, div.display-card.quarters, div.display-card.fifths, div.display-card.sixths{
		width:100%;
		float:none;	
		margin-left:0;
	}	
}
@media (max-width:400px){
	div.sixths .display-card, div.fifths .display-card, div.thirds .display-card{
		width:100%;	
		max-width: 341px;	
		clear:both;		
		margin-left:0 !important;
	}	
	div.sixths .display-card, div.halves .display-card, div.quarters .display-card{
		width:100%;		
		clear:both;		
		margin-left:0 !important;
	}	
	
		
}