/*
Theme Name: SmartMag Child
Theme URI: https://smartmag.theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: https://theme-sphere.com
Template: smart-mag
Version: 1.1
*/

/* Calendar */
.calendar {table-layout:fixed;
	width: 100%;
}

table.widget {
	width: 175px;
	margin: 25px;
}

table.calendar th {
	font: normal bold 16px/19px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	border: 1px solid #dadada;
	padding: 7px 0;
	width: 14.2857142857143%;
	color: #b4b4b5;
	vertical-align: top;
	background: #ededed;
}

table.calendar td {
	font: normal bold 16px/16px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 14.2857142857143%;
	height: 90px;
	padding: 10px;
	color: #b4b4b5;
	border: 1px solid #dadada;
	vertical-align: top;
	text-align: left;
}

table.widget td {
	text-align: center;
	padding: 3px;
	color: #808080;
}

table.widget h3 {
	font: normal bold 15px/15px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ed1c24; /* mcd red */
}

table.widget td a {
	color: #ed1c24; /* mcd red */
	font-weight: bold;
}

table.calendar td.today {
	color: #ed1c24; /* mcd red */
	background: #ededed;
}

table.widget td.today {
	border: 1px solid #808080;
}

table.calendar td ul {
	margin: 20px 0 0 0;
	list-style: none;
}

table.calendar td ul li {
	font: normal 11px/12px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
}

div.data {
	display: none;
}

h2.date {
	width: 49%;
	float: left;
}

div.controls {
	width: 49%;
	float: right;
	text-align: right;
	padding: 20px 0;
	font-weight: 700;
}

#popup,
#location {
	border: 1px solid #dadada;
	box-shadow: 2px 2px 7px rgba(0,0,0, 0.5);
	-moz-box-shadow: 2px 2px 7px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0, 0.5);
	background: #ededed;
	padding: 10px;
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 50%;
	width: 223px;
	display: none;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}

#popup h1 {
	font: normal bold 16px/19px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ed1c24; /* mcd red */
	margin: 10px 0;
}

#popup h2 {
	font: normal bold 12px/14px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	margin: 15px 0;
}

#popup p {
	font: normal 12px/14px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	margin: 10px 0;
}

#popup p a {
	font: italic normal 11px/12px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
}

#popup a.closex {
	font-size: 150%;
	font-weight: bold;
	float: right;
	text-decoration: none;
	padding-bottom: 5px;
}

div.latest-events ul {
	list-style: none;
	margin: 0;
}

div.latest-events ul li {
	font-size: 13px;
	line-height: 16px;
	margin: 10px 0;
}

div.latest-events ul li span.date {
	display: block; 
	font-size: 12px;
	font-style: italic;
}