WP Events Manager Calendar CSS.css

WP Events Manager Calendar CSS.css

.em-calendar-wrapper table {
	background:#eaeaea;
	width:100%;
	border:3px solid #BF2E0D;
	border-spacing: 0;
    border-collapse: collapse;
}

.em-calendar-wrapper table thead td {
	padding:0;
	height:auto;
	min-height:0px;
	text-align:center !important;
}

.em-calendar-wrapper table thead td.month_name {
	font:800 36px/60px 'Raleway', Arial, sans-serif;
	color:#CD9234;
	text-transform: uppercase;
	text-shadow:#fff 0px 1px 0px;
}

.em-calendar-wrapper table thead td a {
	display:block;
	background:#BF2E0D;
	color:#fff;
	margin:0;
	padding:16px 0;
}

.em-calendar-wrapper table thead td a:hover {
	background:#CD9234;
}

.em-calendar-wrapper table td {
	border: none;
	width: 14.28%;
	height:125px;
	min-height:125px;
	padding: 10px;
	border-spacing: 0;
	border-collapse: collapse;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	vertical-align:top;
}

.em-calendar-wrapper table tr td:last-child {
	border-right: none;
}

.em-calendar-wrapper table tr.days-names td {
	background:#C0C0C0;
	color:#fff;
	padding:5px 10px;
	text-transform:uppercase;
	text-align:center;
	height: auto;
}

table.em-calendar td.eventless-pre, .em-calendar td.eventless-post {
	background: #ddd;
}

table.em-calendar td.eventless-pre span.day, .em-calendar td.eventless-post span.day {
	color: #ccc;
}

.em-calendar span.day {
	font: 800 14px/1 'Raleway', Arial, sans-serif;
	color: #CD9234;
}

table.em-calendar td.eventless-today, 
table.em-calendar td.eventful-today {
	background-color: #FAFAFA;
}

table.em-calendar td li {
	margin:0;
	padding:0;
	list-style:none;
}

table.em-calendar td li a {
	display: block;
	background: #FD7E29;
	color: #fff;
	padding: 5px 9px;
	margin: 0 0 5px;
	font: 300 14px/1.7 'Oswald', sans-serif;
}

 table.em-calendar td li a:hover {
	background:#BF2E0D !important;
 }

.eventday_block {
	clear:both;
	width:100%;
	background:#fff;
} 
 
.eventday_block div {
	float:left;
	padding:10px 2%;
}

.eventday_block:nth-child(odd) {
	background:#efefef;
}

.events_list_first {
	width:46%;
}

.events_list_second {
	width:21%;
	text-align:center;
}

.events_list_third {
	width:21%;
	text-align:center;
}

.events_list_third a {
	margin:10px 0 0;
}

.heading_row  {
	background:#ddd;
	color:#7A7A7A;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

/* CALENDAR */
	.em-calendar tr,
	.em-calendar thead,
	.em-calendar tbody,
	.em-calendar-wrapper table td {
		display: block;
		width: 100%;
	}

	.em-calendar-wrapper table tr.days-names,
	.em-calendar-wrapper table tr.days-names td {
		display: none;
	}

	.em-calendar-wrapper table td {
		position: relative;
		padding: 0 0 10px 40%;
		height: auto;
		min-height: 0;
	}

	.em-calendar-wrapper table tbody td:before {
		position: absolute;
		width: 35%;
		background: #C0C0C0;
		color: #fff;
		padding: 10px 20px;
		text-transform: uppercase;
		left: 0;
	}

	.em-calendar-wrapper table tbody td:first-of-type:before {
		content: "Mon";
	}
	.em-calendar-wrapper table tbody td:nth-of-type(2):before {
		content: "Tue";
	}
	.em-calendar-wrapper table tbody td:nth-of-type(3):before {
		content: "Wed";
	}
	.em-calendar-wrapper table tbody td:nth-of-type(4):before {
		content: "Thu";
	}
	.em-calendar-wrapper table tbody td:nth-of-type(5):before {
		content: "Fri";
	}
	.em-calendar-wrapper table tbody td:nth-of-type(6):before {
		content: "Sat";
	}
	.em-calendar-wrapper table tbody td:nth-of-type(7):before {
		content: "Sun";
	}

	.em-calendar span.day {
		font: 800 18px/1 'Raleway', Arial, sans-serif;
		margin: 10px;
		display: block;
	}

	.em-calendar-wrapper table thead tr:after {
		content: '';
		display: block;
		clear: both;
	}

	.em-calendar-wrapper table thead td {
		width: 20%;
		float: left;
		min-height: 65px;
	}

	.em-calendar-wrapper table thead td.month_name {
		width: 60%;
	}