/* BLOCK VIEW (block.html.twig) */
#mx_calendar_block ul{
	/*:-moz-linear-gradient(top,#f1f1f1 0,#53bae8 20%,#53bae8 40%,#26a8e2 50%,#80ccee 60%,#80ccee 80%,#f1f1f1 100%);
	background:-webkit-linear-gradient(top,#f1f1f1 0,#53bae8 20%,#53bae8 40%,#26a8e2 50%,#80ccee 60%,#80ccee 80%,#f1f1f1 100%);
	background:linear-gradient(to bottom,#f1f1f1 0,#53bae8 20%,#53bae8 40%,#26a8e2 50%,#80ccee 60%,#80ccee 80%,#f1f1f1 100%);
	background:-ms-linear-gradient(top,#f1f1f1 0,#53bae8 20%,#53bae8 40%,#26a8e2 50%,#80ccee 60%,#80ccee 80%,#f1f1f1 100%);
	background:-o-linear-gradient(top,#f1f1f1 0,#53bae8 20%,#53bae8 40%,#26a8e2 50%,#80ccee 60%,#80ccee 80%,#f1f1f1 100%);*/
background: -moz-linear-gradient(top, #ffffff 0%, #E0525E 20%, #E0525E 80%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#E0525E 20%,#E0525E 80%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#E0525E 20%,#E0525E 80%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	-webkit-background-size:2px 100%;
	-moz-background-size:2px 100%;
	-ms-background-size:2px 100%;
	-o-background-size:2px 100%;
	background-size:2px 100%;
	background-repeat:no-repeat;
	background-position:19px 0;
	margin:15px 0 0;
	padding:20px 0;
	list-style:none;
	overflow:hidden;
}

#mx_calendar_block li a{
	display:block;
}

#mx_calendar_block li a:hover {
	text-decoration:none;
}

#mx_calendar_block li a>span.ph-day{
	display:table;
	margin-right:25px;
	overflow:hidden;
	position:absolute;
}

#mx_calendar_block li a .day{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	display:table-cell;
	color:#fff;
	font-size:18px;
	height:40px;
	width:40px;
	padding-top:3px;
	line-height:1;
	text-align:center;
	vertical-align:middle;
	background:#E6204E;
	font-family: 'Coustard', serif;
	border:solid 2px #FFFFFF;
}

/*
@media (min-width:992px){
	#mx_calendar_block ul{
		background-position:21px 0;
	}
	
	#mx_calendar_block li a .day{
		font-size:18px;height:40px;width:40px;
	}
	
}
*/

#mx_calendar_block li a .event:after {
	content:"\f054";
	font-family:FontAwesome;
	height:auto;
	left:auto;
	right:60px;
}

#mx_calendar_block li a .event{
	border-bottom:1px solid #dadada;
	display:block;
    height:50px;
    margin-top:10px;
	margin-bottom:10px;
    margin-left:50px;
    padding-right:50px;
    padding-top:5px;
	position:relative;
	width:100%;
	-webkit-transition:color .4s ease 0s;
	-moz-transition:color .4s ease 0s;
	-ms-transition:color .4s ease 0s;
	-o-transition:color .4s ease 0s;
	transition:color .4s ease 0s;
}

#mx_calendar_block li:last-child a .event{
	border:none;
	margin-bottom:0;
}

#mx_calendar_block li a .event:after{
	color:#c6c6c6;
	display:inline;
	font-size:12px;
	margin-top:-10px;
	margin-right:5px;
	position:absolute;
	top:50%;
	-webkit-transition:all .2s ease 0s;
	-moz-transition:all .2s ease 0s;
	-ms-transition:all .2s ease 0s;
	-o-transition:all .2s ease 0s;
	transition:all .2s ease 0s;
}

#mx_calendar_block li a .event {
	color:#444444;
	font-size:16px;
	line-height:1;
}

#mx_calendar_block li a .event span {
	font-size:14px;
	font-weight:bold;
}

#mx_calendar_block li a .event span, #mx_calendar_block li a:hover .event:after{color:#E6204E}



/* CATEGORY VIEW (category.html.twig) */
.mx_calendar_category_item {
	display: table;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px #DDD solid;
}

.mx_calendar_category_item:last-child {
	border-bottom: 0;
}

.mx_calendar_category_item h3,
.mx_calendar_category_item p {
	margin: 0;
	padding: 0;
}

.mx_calendar_category_image img {
	display: table;
}

.mx_calendar_category_image {
	float: left;
	display: table;
	margin-right: 10px;
}

.mx_calendar_category_content {
	display: table;
}

/* ITEM VIEW (item.html.twig) */
#mx_calendar_item .addthis_toolbox {
	margin: 10px 0 10px -2px;
}

.mx_calendar_item_main_image {
	float: left;
	margin: 0 10px 10px 0;
}

.mx_calendar_item_main_image img {
	display: table;
}

.mx_calendar_item_image {
	border: 1px #DDD solid;
	display: table;
	padding: 5px;
	float: left;
	margin: 0 10px 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mx_calendar_item_image a {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
}

.mx_calendar_item_image img {
	float: left;
	clear: both;
}

.mx_calendar_item_image span {
	float: left;
	clear: both;
	width: 100%;
	line-height: 1em;
	margin: 7px 0 2px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	height: 1em;
	text-overflow: ellipsis;
	white-space: nowrap;
}