:root {
	--emm-base-color: #3498db;

	--emm-btn-padding: 8px 16px;
	--emm-btn-font-size: 14px;
	--emm-btn-border-radius: 0px;
	--emm-btn-color: black;
	--emm-btn-color-hover: white;
	--emm-btn-background-color: #3ce9e1;
	--emm-btn-background-color-hover: #2980b9;
}

.eem-month-container {
	margin-bottom: 20px;
	margin-top: 20px;
}

.eem-month-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.eem-event-item {
	margin-bottom: 15px;
	margin-top: 15px;
	overflow: hidden;
}

.eem-event-title {
	margin-bottom: 5px;
	/* display: flex;
	align-items: center; */
}

.eem-event-body {
	display: flex;
	justify-content: space-between;
}

.eem-button:not(.eem-event-button) {
	padding: var(--emm-btn-padding);
	font-size: var(--emm-btn-font-size);
	border-radius: var(--emm-btn-border-radius);
	border: none;
	background-color: var(--emm-btn-background-color);
	color: #fff;
	cursor: pointer;
}

/*SC*/

.eem-event-button.eem-button {
	font-size: 30px;
}

.eem-event-button.eem-button > i:hover {
	color: var(--emm-btn-background-color-hover);
}

/*SC*/

.eem-button:hover {
	background-color: var(--emm-btn-background-color-hover);
	color: var(--emm-btn-color-hover);
}

.eem-button[disabled] {
	background-color: #ccc;
	cursor: not-allowed;
}

.eem-event-button {
	/* margin-left: 10px; */
	/*SC*/
	margin-left: 25px;
	/*SC*/
}

.eem-event-day {
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: bold;
}

.eem-event-button:hover {
	/* background-color: #005177; */
	background: transparent;
}

.eem-event-button> i:hover {
	color: var(--emm-btn-background-color-hover);
}

.eem-event-date {
	width: 15%;
	padding-right: 20px;
	float: left;
	text-align: center;
}

.eem-load-more {
	background-color: var(--emm-base-color);
	color: #fff;

}

.eem-month-header .eem-month-label {
	/* margin-right: 10px; */
	font-size: 14px;
	display: flex;
	padding-right: 20px;
	width: calc(15% + 0px);
	justify-content: center;
}

.eem-event-content {
	width: 85%;
	float: right;
}

.eem-month-header .eem-month-line {
	flex: 1;
	border-bottom: 1px solid #ccc;
	/* margin-left: 10px; */
	width: 80%;
}

.eem-event-content-text {

	max-height: 5rem;
	overflow: hidden;
	font-size: 1rem;
	position: relative;
	transition: max-height 0.3s ease-out;
	-webkit-box-orient: vertical;
	mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
	-webkit-mask-image: linear-gradient(to bottom, #f92828 0%, transparent 100%);
}

.eem-event-content-text.eem-expanded {

	mask-image: none;
	-webkit-mask-image: none;

}

.emm-footer-action {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 10px;
}

#eem-load-more,
.eem-subscribe-button {
	width: fit-content;
}


.eem-event-title h4 {
	margin: 0;
}

.eem-event-time {
	font-size: 0.9rem;
	color: #666;
	margin-top: 5px;
}

.eem-event-timezone {
	font-size: 0.8rem;
	color: #888;
	font-style: italic;
}

.eem-events-list {
	display: flex;
	flex-direction: column;
}

@media screen and (max-width: 768px) {
	.eem-month-header .eem-month-label {
		width: 30%;
	}

	.eem-month-header .eem-month-line {
		width: 70%;
	}

	.eem-event-title {
		justify-content: space-between;
	}



}