body{
	font-family: 'Poppins', sans-serif;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.container{
    /*height:400px;*/
    overflow:auto;
}

.datesizeincrease {
    font-size: 30px;
}

.monthsizeincrease  {
        font-size: 20px;
    font-weight: 300;
}

/*loader*/
.processingOverlay { position:fixed; left:0; top:0; background:rgba(0 , 0, 0, 0.5); width:100%; height:100%; z-index:9999;text-align:center;}
.processingOverlay img { margin-top:200px;}

#eventimage img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#eventimage{
	background: #eee;
	height: 115px;
}

#mainlisting{
	/*margin-bottom: 5px;*/
	margin-top: 5px;
	border:1px solid #ddd;
	/*padding-bottom: 10px;*/
}

#date{
	     background: #29335C;
    text-align: center;
    height: 75px;
    /*position: absolute;*/
    top: 0;
    right: 0;
    /* bottom: 0; */
    color: #fff;
    left: 0;
    z-index: 1;
    /* width: 100px; */
    vertical-align: middle;
    padding-top: 5px;
}

.text-truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
}

/*#date h4{*/
/*	        font-size: 33px;*/
/*    margin-bottom: 5px;*/
/*    padding-top: -3px;*/
/*    margin-top: 5px;*/
/*}*/

#date h4{
         font-size: 12px;
    padding-top: -3px;
    /* margin-top: 18px; */
    float: left;
    padding-left: 25px !important;
    text-align: center;
    margin-top: 4px;
    padding-right: 25px;
    
}

#date h4:after {
          content: '';
    position: absolute;
    left: 45%;
    width: 10px;
    background: #fff;
    height: 1px;
    top: 50%;
    display:none;
}

#date h5{
          text-align: center;
    padding-top: 14px;
    padding-right: 0px;
    font-size: 12px;
    margin-top: 0px;
    font-weight: 300;
    margin-right: -13px;
}


/*#date h5{*/
/*	    font-size: 14px;*/
/*    margin-top: -5px;*/
/*    font-weight: 300;*/
/*}*/

.removespaceingdiv{
	padding: 0;
	/*width:120px;*/
}

.secondcolor #date{
	background: #5F0F40;
}

.thirdcolor #date{
	background: #659B5E;
}

.forthcolor #date{
	background: #C97C5D;
}

.fifthcolor #date{
    background:#8e4bcc;
}

.eventcolorlass_2 #date{
	background: #5F0F40;
}

.eventcolorlass_3 #date{
	background: #659B5E;
}

.eventcolorlass_4 #date{
	background: #C97C5D;
}

.eventcolorlass_5 #date{
    background:#8e4bcc;
}

.leftspaceremove{
	padding-left: 0;
}

.informationevents{
	/*line-height: 10px;*/

}


.informationevents h4{
	    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
}

.informationevents p{
	    font-size: 14px;
    /* float: left; */
    margin-top: -9px;
    margin-right: 25px;
    margin-bottom: 2px;
    padding-bottom: 8px;
    letter-spacing: 0.3px;
    color: #908e8e;
}

.sportsname{
        font-size: 13px;
    border: 1px solid #585858;
    padding: 0px 5px;
    border-radius: 4px;
    margin-top: 2px;
    color: #fff;
    background: #585858;
    
}
.sport_softball{background: #F08080;border:none;padding:3px 6px;}
.sport_hockey{background:#F2BC47; border:none;padding:3px 6px;}
.sport_basketball{background:#e66025;border:none;padding:3px 6px;}
.sport_baseball{background:#008080;border:none;padding:3px 6px;}
.sport_football{background:#646577; border:none;padding:3px 6px;}

.informationevents img{
    display:none;
    
}

.informationevents li:first-child{
	border:1px solid transparent;
}

.informationevents li:last-child{
	border:1px solid transparent;
}

.informationevents li:hover:first-child{
	background: transparent;
}

.informationevents li:hover:last-child{
	background: transparent;
}

.informationevents li{
	border:1px solid #666;
	border-radius: 4px;
	padding:4px 10px;
	margin-top: 10px;
}

.informationevents li .fa{
	    width: 18px;
    height: 18px;
    background: #29335c;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 100%;
    line-height: 18px;
    cursor: pointer;
}

.informationevents li a{
	color: #666;
	text-decoration: none;
}

.informationevents li:hover{
	background: #666;
}

.informationevents li:hover a{
	
	color: #fff;
}

.ovefloe{
	overflow: hidden;
}

@media(max-width: 350px){
	#date h4{
			font-size: 25px !important;	
	}
}