.event-list{
	list-style:none;
	font-family:'Lato',sans-serif;
	margin:0px;
	padding:0px;
}
.event-list>li{
	background-color:#FFF;
	padding:0px;
	margin:0px 0px 20px;
}
.event-list>li>time{
	display:inline-block;
	width:100%;
	color:#FFF;
	background-color:#C52C66;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
}
.event-list>li:nth-child(even)>time{
	background-color:#A552A7;
}
.event-list>li>time>span{
	display:none;
}
.event-list>li>time>.day{
	display:block;
	font-size:56pt;
	font-weight:100;
	line-height:1;
}
.event-list>li time>.month{
	display:block;
	font-size:24pt;
	font-weight:900;
	line-height:1;
}
.event-list>li img{    
	width: 100%;
}
.event-list>li .info{
	padding-top:3px;
	text-align:center;
}
.event-list>li .info .title{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13pt;     
	margin:0px;
	color:#3677B4;
}

.event-list > li .info .title a {
     font-weight: 600;  
}
.event-list>li .info>.desc{
	font-size:10pt;
	font-weight:400;
	margin:0px;
}
.event-list>li .info>ul,.event-list>li>.social>ul{
	display:table;
	list-style:none;
	margin:10px 0px 0px;
	padding:0px;
	width:100%;
	text-align:center;
}
.event-list>li>.social>ul{
	margin:0px;
}
.event-list>li .info>ul>li,.event-list>li>.social>ul>li{
	display:table-cell;
	cursor:pointer;
	color:#1E1E1E;
	font-size:11pt;
	font-weight:300;
	padding:3px 0px;
}
.event-list>li .info>ul>li>a{
	display:block;
	width:100%;
	color:#1E1E1E;
	text-decoration:none;
}
.event-list>li>.social>ul>li{
	padding:0px;
}
.event-list>li>.social>ul>li>a{
	padding:3px 0px;
}
.event-list>li .info>ul>li:hover,.event-list>li>.social>ul>li:hover{
	color:#1E1E1E;
	background-color:#C8C8C8;
}

.new-submission-search {
    margin-bottom: 10px;
    margin-top: 10px;
}

.new-submission-search input {
    border-radius: 0px;
}

.new-submission-search i {
    color: #fff;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 15px;
    width: 34px;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    padding-top: 3px;
    zoom: 1;
    background-color: #3B7AB6 !important;
}

/*.submission-item {
    margin: 15px;
    box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px rgba(51,51,51,0.7);
    font-family: 'Open Sans', 'Segoe UI'; /*rtl:"Droid Arabic Kufi", "WYekan"*/
}*/

/*.event-list .submission-item .info .title a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    font-weight: 600;
}*/



@media (min-width: 768px) {
	.event-list>li{
		display:block;
		height:96px;
		padding:0px;
        
	}
	.event-list>li .info{
		background-color:#F5F5F5;
		overflow:hidden;
	}
	.event-list>li>time,.event-list>li img{
		width:96px;
		height:96px;        
		float: left;
        margin: 0px;        
        padding: 12px;
        background-color: rgba(122, 172, 223, 1);               
	}
    
    .submission-item .submission-icon-text
    {
        position: absolute;
        width: 96px;
        height: 35px;
        text-align: center;       
        vertical-align: middle;
        white-space: normal;
        margin-top: 0px;
        padding: 6px 12px 5px 12px;
        color: white;
        -webkit-font-smoothing: antialiased;
        overflow:  auto;                
        text-overflow: clip;        
        font-family: 'Open Sans', 'Segoe UI';
        font-weight: 800;            
        line-height: 11px;
        font-size: 11px;
    }

	.event-list>li .info{
		position:relative;
		height:96px;
		text-align:left;
		padding-right:40px;
	}
	.event-list>li .info .title,.event-list>li .info>.desc{
		padding:0px 10px;
	}
	.event-list>li .info>ul{
		position:absolute;
		left:0px;
		bottom:0px;
	}
	.event-list>li>.social{
		position:absolute;
		top:0px;
		right:0px;
		display:block;
		width:40px;
	}
	.event-list>li>.social>ul{
		border-left:1px solid #E6E6E6;
	}
	.event-list>li>.social>ul>li{
		display:block;
		padding:0px;
	}
	.event-list>li>.social>ul>li>a{
		display:block;
		width:40px;
		padding:10px 0px 9px;
	}
}