.ftco-section {
	padding: 7em 0;
}
.ftco-no-pt {
	padding-top: 0;
}
.ftco-no-pb {
	padding-bottom: 0;
}
.heading-section {
	font-size: 28px;
	color: #000;
}
.img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.content {
	overflow: none;
	width: 100%;
	padding: 0px 0;
	position: relative;
}
/*  Events display */
.events-container {
	height: 100%;
	margin: 0px auto;
	display: inline-block;
	padding: 0;
	width: 100%
}

.events-container:after {
	clear: both;
}
.event-card {
	padding: 20px 0;
	max-width: 100%;
	display: block;
	background: #fff;
	border: none !important;
	margin: 20px;
	margin-left: 12px;
}


.event-count {
	text-align: right;
}
.event-name {
	padding-right: 0;
	text-align: left;
}
.event-cancelled {
	color: rgba(var(--bs-secondary-rgb), 0.5);
	text-align: right;
}
/*  Calendar wrapper */
.calendar-container {
	position: relative;
	margin: 0 auto;
	height: 100%;
	display: inline-block;
	width: 100%;
}
.calendar-container:after {
	clear: both;
}
.calendar {
	width: 100%;
	padding: 0;
}
/* Calendar Header */
.year-header {
	height: 40px;
	text-align: center;
	position: relative;
}
.year-header span {
	display: inline-block;
	font-size: 20px;
	line-height: 40px;
}
.left-button, .right-button {
	cursor: pointer;
	width: 28px;
	text-align: center;
	position: absolute;
	color: #cccccc !important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-size: 20px !important;
}
@media (prefers-reduced-motion: reduce) {
	.left-button, .right-button {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
}
.left-button:hover, .right-button:hover {
	color: rgb(var(--colour-theme-rgb)) !important;
}
.left-button {
	left: 0;
}
.right-button {
	right: 0;
	top: 0;
}
/* Buttons */
.button {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	font-size: 1rem;
	border-radius: 25px;
	padding: 0.65rem 1.9rem;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
	color: white;
	border: none;
	background: rgb(var(--colour-theme-rgb));
}
.button.button-white {
	background: #fff;
	color: #000;
}
.button:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}
#cancel-button {
	background: rgb(var(--colour-theme-rgb));
}
#add-button {
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
#add-button:hover, #ok-button:hover, #cancel-button:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
#add-button:active, #ok-button:active, #cancel-button:active {
	-webkit-transform: translateY(3px) scale(0.97);
	-ms-transform: translateY(3px) scale(0.97);
	transform: translateY(3px) scale(0.97);
}
/* Days/months tables */
.days-table, .dates-table, .months-table {
	border-collapse: separate;
	text-align: center;
}
.day {
	height: 26px;
	width: 26px;
	padding: 0 10px;
	line-height: 26px;
	border: 2px solid transparent;
	text-transform: uppercase;
	font-size: 10px;
	color: #000;
}
.month {
	font-weight: bold;
	cursor: default;
	height: 40px;
	line-height: 40px;
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-size: 13px;
	color: var(--bs-primary);
	border-radius: 0.5rem;
}

.active-month {
	color: white;
	cursor: pointer;
	background-color: rgba(var(--bs-link-color-rgb), 1) !important;
}
.active-month > a,
.month:hover {
	cursor: pointer !important;
	color: white !important;
}

/*  Dates table */
.table-date {
	cursor: default;
	width: 14.38%;
	line-height: 1.5;
	text-align: center;
	border-radius: 0.5rem;
	border: 2px solid transparent;
	-webkit-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;
	position: relative;
	font-weight: bold;
}
.table-date.nil {
	padding: 0;
	border: 0
}
.table-date:not(.nil):hover {
	border-color: rgb(var(--bs-link-color-rgb), 1);
}
.today-date {
	border: 2px solid transparent;
	background: rgba(var(--bs-danger-rgb), 1);
	color: white;
	font-weight: 900
}
.event-date {
	border: 2px solid transparent;
	background: rgba(var(--bs-link-color-rgb), 0.25);
}
.event-date:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	content: '';
	background: #28a745;
}
.event-date:hover {
	cursor: pointer !important
}
.active-date {
	border: 2px solid transparent;
	background: rgba(var(--bs-link-color-rgb), 1) !important;
	border-color: rgba(var(--bs-link-color-rgb), 1) !important;
	color: #fff;
	font-weight: bolder
}
.event-date.active-date {
	background: rgba(var(--bs-link-color-rgb), 0.25);
}
/* input dialog */
.dialog {
	z-index: 5;
	background: #000;
	position: absolute;
	width: 50%;
	height: 500px;
	top: 0;
	right: 0;
	display: none;
}

.dialog-header {
	margin: 20px;
	color: #fff;
	text-align: center;
	font-size: 28px;
}
.form-container {
	margin-top: 25%;
}
.form-label {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.9);
}
.input {
	border: none;
	background: none;
	border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
	display: block;
	margin-bottom: 50px;
	width: 300px;
	height: 20px;
	text-align: center;
	-webkit-transition: border-color 250ms;
	-o-transition: border-color 250ms;
	transition: border-color 250ms;
	color: #fff;
}
.input:focus {
	outline: none;
	border-color: #fff;
}
.error-input {
	border-color: rgb(var(--colour-theme-rgb));
}
.expand-buttons {
	display: none;
}

/* for non javascript browsers */
.day-date,
.today-date a {
	display: block;
	height: 100%;
	width:100%;
	text-align: center;
}
.today-date a,
.today-date a:hover,
.active-date a {
	color: white !important
}
.week-date {
	width: 14.17% !important;
	padding: 0 !important;
	text-align: center;
	font-weight: bolder
}
.month:hover {
	background-color: var(--primary);
}