@charset "utf-8";
/* CSS Document */

.empty-events {
	background: url(empty-events.jpg);
	display: inline-block;
	height: 250px;
	width: 100%;
	}
	.empty-events p {
	font-size: 21px;
    color: #ad9c88;
    margin-top: 80px;
    margin-right: 10px;
    padding-left: 282px;
}
	.empty-events p b {
		font-size: 24px;
		font-family:'fsjoey-bold';
	}
.events {
	background: #F0F4F7;
	display: inline-block;
	height: 250px;
	overflow: scroll;
	overflow-x: hidden;
	width: 100%;
	}
	.events h2 {
		font-size: 28px;
		color: #76859D;
	}
	.event-box {
		padding: 0px 20px;
	}
	.event-date {
		background: #76859D;
		color: #fff;
		padding: 7px;
		font-size: 17px;
	}
	.event-time {
		background: #fff;
		border: 1px solid #CDCBCC;
		padding: 0px 5px;
	}
	.event-time p {
		color: #76859D;
		font-weight: 300;
		font-family:'fsjoey-regular';
		margin-bottom: 6px;
	}
	.event-time i {
		color: #E8B433;
    	font-size: 24px;
    	padding: 0px 10px;
    	top: 7px;
	}
	.event-name {
		color: #76859D;
	}
	.event-detail {
		color: #9C9C9C;
	}
	.event-calendar a {
		color: #76859D;
		padding: 10px;
		margin: 0px;
	}
	.event-calendar i {
		font-size: 18px;
		padding: 10px;
		color: #fff;
		background: #76859D;
		margin: 0 0 0 5px;
	}

::-webkit-scrollbar {
                width: 5px;
                height: 5px;
            }
            ::-webkit-scrollbar-button:start:decrement,
            ::-webkit-scrollbar-button:end:increment  {
                display: none;
            }
             
            ::-webkit-scrollbar-track-piece  {
                background-color: #BDBDBD;
            }
             
            ::-webkit-scrollbar-thumb:vertical { 
                background: #76859D;
            }
			::-webkit-scrollbar-thumb:horizontal {
				display:none; visibility:hidden;
            }

@media screen and (max-width: 768px) {
	.events {
		height: auto;
		overflow: auto;
	}
}