// div.event-modal div.modal-padding {
// 	padding: 10px 20px;
// }

// div.event-modal h2 {
// 	font-size: 2em !important;
// 	font-weight: bold;
// 	color: #00c08b;
// 	text-align: left;
// }

// div.event-modal div.modal-date {
// 	top: 35px;
// }

// div.event-modal div.modal-padding div.date,
// div.event-modal div.modal-padding div.address {
// 	font-size: 1.3em;
// 	font-weight: 300;
// 	color: #010101;
// 	text-align: left;
// }

// div.event-modal div.modal-padding div.date {
// 	font-weight: 400;
// }

// div.event-modal div.content {
// 	text-align: left;
// 	/*max-height:150px;
// 	overflow-y:auto;*/
// 	margin-top: 10px;
// 	color: #7c868d;
// 	font-size: 1.1em;
// }

// div.event-modal div.content p {
// 	color: #7c868d !important;
// 	font-size: 1.1em !important;
// }

// div.event-modal div.content p:first-child {
// 	margin-top: 0 !important;
// }

// div.event-modal div.content p:last-child {
// 	margin-bottom: 0 !important;
// }

// div.event-modal div.modal-footer a {
// 	font-size: 1.3em;
// 	line-height: 30px;
// 	color: #010101;
// }

// div.event-modal div.modal-footer i,
// div.event-modal div.modal-footer span {
// 	font-size: 1.6875em;
// 	line-height: 30px;
// 	color: #00c08b;
// }

// div.event-modal div.modal-footer span {
// 	color: #010101;
// }

// div.event-modal .btn-close {
// 	position: absolute;
// 	top: 10px;
// 	left: 10px;
// 	background: white;
// 	width: 35px;
// 	height: 40px;
// 	z-index: 99;
// 	line-height: 45px;
// 	padding: 5px;
// 	border-radius: 0;
// }

// div.event-modal .btn-close span {
// 	display: none;
// }

// div.event-modal .btn-close i {
// 	color: #010101;
// 	font-size: 2em;
// }

// div.event-modal .btn-group .btn-primary {
// 	color: white;
// }

// div.event-modal.events h2 {
// 	color: #3DB3E3 !important;
// }

// div.event-modal.events div.modal-date {
// 	background-color: #3DB3E3;
// }

// div.event-modal.events div.modal-footer i {
// 	color: #3DB3E3;
// }

// @media(max-width:767px) {
// 	div.event-modal div.modal-date {
// 		top: 170px;
// 		font-size: 18px;
// 	}

// 	div.event-modal div.modal-padding {
// 		padding: 5px 0;
// 	}

// 	div.event-modal .modal-body .image,
// 	div.event-modal .modal-body .event-image {
// 		height: 200px !important;
// 	}

// 	div.event-modal h2 {
// 		font-size: 1.25em !important;
// 	}

// 	div.event-modal div.modal-padding div.date,
// 	div.event-modal div.modal-padding div.address {
// 		font-size: 1em;
// 	}

// 	.fc-toolbar.fc-header-toolbar {
// 		display: block;
// 	}

// 	.fc-toolbar.fc-header-toolbar .fc-center {
// 		text-align: center;
// 	}

// 	.fc-toolbar.fc-header-toolbar .fc-right {
// 		text-align: center;
// 		margin: 10px 0;
// 	}
// }
@blue: #3c8ddc;
@grey: #e1e1e1;
@calendar_blue: #3788d8;
.modal {
	h1,h2,h3,h4,h5,h6 {
		color: @blue;
	}
    p {
        font-size: 1em;
    }
	.modal-body {
		.btn-close {
			background-color: white !important;
			font-size: 2em;
			line-height: 1.8;
			width: initial !important;
			margin: 0;
		}
		.modal-date {
			&.event-header-date {
				position: absolute;
				top: 1rem;
				right: -24px;
				height: 4rem;
				font-size: 2em;
				background: @blue;
				padding: 0.5rem 1rem;
				color: white;
				&:after {
					content: '';
					display: block;
					position: absolute;
					width: 24px;
					height: 24px;
					bottom: -24px;
					right: 0;
					border-bottom: 12px transparent solid;
					border-right: 12px transparent solid;
					border-left: 12px #004570 solid;
					border-top: 12px #004570 solid;
				}
			}
		}
		.modal-padding {
			.event-title {
				font-weight: 700;
			}
			.event-date, .event-address {
				font-size: 1.2em;
			}
			.event-description {
				margin-top: 0.8rem;
				color: grey;
			}
		}
	}
}

@media only screen and (max-width: 425px) {
	.modal {
		.modal-body {
			.modal-date.event-header-date {
				font-size: 1.2em;
				right: -8px;
				height: 2.4rem;
				line-height: 1;
				&:after {
					width: 8px;
					height: 8px;
					bottom: -8px;
					border-width: 4px;
				}
			}
			.btn-close {
				font-size: 1em;
			}
			.modal-padding {
				.event-title {
					font-size: 1.2em;
				}
				.event-date, .event-address {
					font-size: 1em;
				}
				.event-description {
					font-size: 0.9em;
				}
			}
		}
	}
}