@charset "utf-8";
/* CSS Document */

/* ugly colours for testing
#competitions-grid {background-color:yellow !important;}
#competitions-grid > div {background-color:cyan !important;}
#competitions-grid > div > div {background-color:pink !important;}
#competitions-grid > div > div article {background-color:orange !important;} */

p.summary {
	color:#919394;
}

/* some things will never change... */
#competitions-grid article {
	position:relative;
}
#competitions-grid article a {
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	border-bottom:none;
	/*background-color:#eee;*/
	font-weight:inherit;
	color:#313334;
}
#competitions-grid article a:hover {
	/*background-color:#f7971c;*/
	color:#fff;
}
#competitions-grid article a > div {
	position:absolute;
	padding:1em;
	color:#313334;
	-webkit-transition: background .15s linear;
	-moz-transition: background .15s linear;
	-o-transition: background .15s linear;
	-ms-transition: background .15s linear;
	transition: background .15s linear;
}
#competitions-grid .regular article a > div {
	min-width:240px;
	width:53%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	background-color:#eee;
}
#competitions-grid .featured article a > div {
	width:100%;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(245, 245, 245, 0.9);	
}
.lt-ie9 #competitions-grid .featured article a > div {
	background:transparent url(/_img/_bg-fff-90.png) repeat;
}
#competitions-grid article.entered a > div {
	color:#919394;
}
#competitions-grid article a:hover > div {
	background-color:#f7971c;
	background-image:none;
	color:#fff;
}
#competitions-grid .regular article img {
	max-width:50%;
	max-height:inherit;
	background-color:#919394;
}
#competitions-grid article.entered img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
  	-webkit-filter: grayscale(1) contrast(0.3);
}
#competitions-grid article.entered a:hover img {
  -webkit-filter: none;
  filter:none;	
}
#competitions-grid .featured article img {
	min-width:100%;
}

/*#competitions-grid article div h1 {*/
	/*color:#f7971c;*/
/*}*/
#competitions-grid .regular article div h1 {
	font-size:1.2em;
}
#competitions-grid .featured article div h1 {
	font-size:1.65em;
}
#competitions-grid article.entered div h1 {
	color:#919394;
}
#competitions-grid article a:hover div h1 {
	color:#fff;
}
#competitions-grid article a div h1 span {
	border-bottom:1px solid #f7971c;
}
#competitions-grid article.entered div h1 span {
	border-color:#919394;
}
#competitions-grid article a:hover div h1 span {
	border-color:#fff;
}
#competitions-grid article p {
	margin:.5em 0;	
}
#competitions-grid .regular article p {
	height:4.2em;
	line-height:1.4em;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#competitions-grid article a i {
	font-size:.8em;
	font-style:normal;
	background-color:#f7971c;
	color:#fff;
	display:block;
	position:absolute;
	top:1em;
	left:0px;
	line-height:2.28em;
	height:2.25em;
	padding-left:.8em;
	padding-right:.8em;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-o-transition: all .15s linear;
	-ms-transition: all .15s linear;
	transition: all .15s linear;
}
#competitions-grid article.entered i {
	background-color:#612d8f;
}
#competitions-grid .regular article i span {
	display:none;	
}
#competitions-grid article a:hover i {
	padding-left:1.2em;
	background-color:#f7971c;
}

/* initial grid layout sizes */
#competitions-grid {
	width:102%;
	margin-left:-1%;
}
#row-1 #competitions-grid {
	margin-top:3.4%;
}
#competitions-grid > div > div {
	width:48%;
	float:left;
	padding:.8771929%;
}
#competitions-grid > div > .featured > article {
	padding-top:75%;
}
#competitions-grid > div > .regular > article {
	padding-top:35.685%;
}
#competitions-grid > div > .regular > article:first-child {
	margin-bottom:3.64%;
}
@media only screen and (max-width: 920px) {
#competitions-grid {
	width:auto;
	margin-left:0;
}
#row-1 #competitions-grid {
	margin-top:7.5%;
}
#competitions-grid > div > div {
	width:100%;
	padding:0;
}
#competitions-grid article, #competitions-grid > div > .regular > article:first-child {
	margin-bottom:20px;
}
#competitions-grid > div > .featured > article, #competitions-grid > div > .regular > article {
	padding-top:0;
}
#competitions-grid > div:last-child > div:last-child > article:last-child, #competitions-grid > div:last-child > .regular:last-child > article:last-child {
	margin-bottom:0;
}
#competitions-grid article a {
	position:relative;
}
#competitions-grid .regular article a img {
	max-width:30%;
	max-height:inherit;
}
#competitions-grid .regular article a div {
	width:70%;
}
#competitions-grid .regular article p {
	height:2.8em;
	-webkit-line-clamp: 2;
}
}
@media only screen and (min-width: 1120px), (min-width:641px) and (max-width:900px) {
#competitions-grid .regular div h1 {
	font-size:1.28em;
}
#competitions-grid .featured div h1 {
	font-size:1.65em;
}
#competitions-grid article p {
	line-height:1.5em;
	margin:.6em 0;
	font-size:1.2em;
}
}
@media only screen and (min-width: 1120px) {
#competitions-grid article a i {
	font-size:1em;
}	
}
@media only screen and (max-width : 640px) {
#competitions-grid article, #competitions-grid > div > .regular > article:first-child {
	margin-bottom:3.75%;
}
#competitions-grid article a > div {
	padding:3.75%;
}
#competitions-grid .regular article a img {
	max-width:40%;
	max-height:inherit;
}
#competitions-grid .regular article a div {
	width:60%;
}
}
@media only screen and (max-width: 470px) {
#competitions-grid .featured article a {
	min-height:260px;
}
#competitions-grid .regular article a {
	min-height:135px;
}
#competitions-grid .featured article a > div {
	background-color:#eee;
}
#competitions-grid .regular article div h1 {
	font-size:inherit;
}
#competitions-grid .featured article div h1 {
	font-size:1.28em;
}
#competitions-grid article p {
	font-size:.88em;
	line-height:1.5em;
}
#competitions-grid .regular article a img {
	min-width:inherit;
	max-width:100%;
	max-height:135px;
	margin-left:-2%;
}
#competitions-grid .regular article a div {
	min-width:0;
	width:55%;
	padding:.8em;
}
}