/* @override http://www.glamorgancricket.com/site/css/diary.css */

/* @override 
	http://www.glamorgancricket.com/site/css/diary.css */


.diary .header .title-cal .date-month {

/*	top: 50%;*/
	text-align: center;
	margin: 0;
	width: 100%;
	font-size: 50px;
	line-height: 40px;
	background-color: #ccc;
	
}
.diary .fixture,
.diary .event,
.diary .community   {
	position: relative;

	overflow: hidden;
	padding: 0;

}

.diary .fixture .title-cal,
.diary .event .title-cal,
.diary .community .title-cal {
	position: absolute;
	bottom: 0;
	
	
}
.title-cal {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
.diary .main.fixture .title-cal,
.diary .main.fixture .date {
	background-color: #efcf10;
	color: #170939;
}
.diary .main.community .title-cal,
.diary .main.community .date {
	background-color: #00b6a2;
}
.diary .main.event .title-cal,
.diary .main.event .date {
	background-color: #170939;
	color: #fff;
}
.diary .date {
	
padding: 5px;
}
.diary .title-cal h1 {
	text-align: center;
	padding: 15px;
	text-transform: uppercase;
	font: 20px/24px 'Roboto Condensed', sans-serif;
	font-weight: 300;
	
	
}
.diary .main .title-cal {
		height: 120px;
	}

.diary .main.fixture img,
.diary .main.event img,
.diary .main.community img {
	position: relative;
}

.diary .main.muted {
	opacity: 0.50;
}


@media (max-width : 425px) {

	.diary .main.fixture,
	.diary .main.event,
	.diary .main.community {
				height: 150px!important;
			}
			
			.diary .main.fixture img,
			.diary .main.event img,
			.diary .main.community img    {
				display: none;
				
				}
		.diary .date {
			text-align: center!important;
		}
		
		.diary .title-cal h1 {
			text-align: center;
			padding: 0 10px;
			text-transform: uppercase;
			font: 16px/18px 'Roboto Condensed', sans-serif;
			font-weight: 300;
			
			
		}
				
}
@media (min-width : 425px) and (max-width: 768px)	{	

.diary .main.fixture img,
.diary .main.event img,
.diary .main.community img    {
	margin-left: 22.5%;
	padding: 0 10px!important;
	position: relative;
	width: 50%;
	}
.diary .main.fixture,
.diary .main.event,
.diary .main.community {
			height: 295px!important;
		}
		
		
}

@media (min-width : 280px) and (max-width: 990px)	{	
.diary .main.fixture,
.diary .main.event,
.diary .main.community{
/* margin: 3px 3px 6px;*/
 max-width: 49.166666667%;
margin: .416666667%;

}
.diary .main.fixture,
.diary .main.event,
.diary .main.community {
			height: 330px;
		}
		.diary .main.fixture img,
		.diary .main.event img,
		.diary .main.community img    {
					padding: 0 80px;
			}


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

.diary .main:nth-child(4) {
/*	height: auto;*/
}

.diary .main.top.header .title-cal {
	width: 100%;
	margin: 0 0 10px;
}
	}
@media (min-width : 768px) 	{	
	
.diary .title-cal h1 {

	font: 17px/17px 'Roboto Condensed', sans-serif;

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

.diary .title-cal h1 {

	font: 20px/24px 'Roboto Condensed', sans-serif;

	
	
}
}
	
@media (min-width : 992px) 	{


		}
		
@media (min-width : 1006px) 	{
		
		.diary .main.top.header {
			position: relative;
			background: #ccc;
		}
.diary .header .title-cal {

}
.diary .main .date-month {
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
	}
	.diary .main {
				height: 230px;
			}
			.diary .main.fixture img,
			.diary .main.event img,
			.diary .main.community img    {
						padding: 10px 50px 0;
					}
}
@media (min-width : 1200px) { 
.diary .main {
			height: 250px;
		}
		.diary .main.fixture img,
		.diary .main.event img,
		.diary .main.community img    {
					padding: 10px 40px 0;
				}
			}
@media (min-width : 1470px) { 
		.diary .main {
					height: 270px;
				}
				.diary .main.fixture img,
				.diary .main.event img,
				.diary .main.community img    {
							padding: 10px 50px 0;
						}
		}