/**
 * Styling of calendar result card
 */


.calendarResult {
	position: relative;
	display: flex;
	flex-flow: column;
	padding: 16px;
	border: 3px solid var(--wm-color__yellow);
	margin-bottom: 1.8rem;
	background-color: var(--wm-color__white);
	gap: 24px;
	border-radius: 16px;
	transition: .5s;
}

.calendarResult:hover
{
	/*border-color: var(--wm-color__orange); */
	transition: .5s;
}

.splide .calendarResult {
	margin-bottom: 0;
}
.calendarResult-time {
	min-width: 105px;
	min-height: 105px;
	align-self: stretch;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	border-top: 4px solid var(--wm-color__orange);
	
	text-align: center;
	color: var(--wm-color__white);
	border-radius: 8px;
	overflow: hidden;
}
.calendarResult-time .calendarResult-dateTop
{
	font-size: var(--wm-font-size__big);
    line-height: 150%;
    font-family: "Racing Sans One";
    padding: 8px;
    background: linear-gradient(213deg, var(--wm-color__blue_def) -10.36%, var(--wm-color__dark) 101.1%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendarResult-time .calendarResult-dateBottom
{
	font-size: var(--wm-font-size__small);
	line-height: 170%;
	font-weight: 300;
	width: 100%;
    height: 40px;
	padding: 8px;
	background-color: var(--wm-color__blue_def);
	display: flex;
    align-items: center;
    justify-content: center;
}

.calendarResult-content {
	flex-grow: 1;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	line-height: 1.6;
	font-weight: 300;
	text-align: center;
}
.calendarResult-content h3 {
	font-size: var(--wm-font-size__big);
	text-align: inherit;
	margin: 0;
}
.calendarResult-content a {
	text-decoration: none;
	transition: color .25s ease-in-out;
}
.calendarResult-content a:hover {
	color: var(--wm-color__orange);
}
.calendarResult-content a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.calendarResult-arrow {
	display: none;
	align-self: center;
	padding: 0 3.4rem 0 0;
}
.calendarResult-arrow path { transition: fill .25s ease-in-out; }
.calendarResult:hover .calendarResult-arrow path { fill: var(--drift-school-primary); }

.calendarResult { flex-flow: row; }
.calendarResult-content {
	align-items: flex-start;
	border-top: none;
	text-align: left;
}

@media (min-width: 768px) {
	.calendarResult-content { gap: .8rem; }
	/*.calendarResult-arrow { display: block; }*/
}

.calendarResult--small {
	border-left: none;
	border-right: none;
	border-bottom: none;
	color: #6C6C6C;
}
.calendarResult--small .calendarResult-content {
	border: none;
	padding: 18px 0 0;
	gap: 0;
}
.calendarResult--small:first-child,
.calendarResult--small:first-child .calendarResult-content {
	border-top: none;
}

@media (max-width: 576px)
{
	.calendarResult
	{
		margin: 0 40px;
		padding-top: 0;
		gap: 16px;
	}

	.splide__track
	{
		padding-top: 36px;
	}

	.splide .calendarResult
	{
		flex-direction: column;
	}

	.calendarResult-content
	{
		text-align: center;
	}

	.calendarResult-hours
	{
		width: 100%;
	}

	.calendarResult-time
	{
		min-width: 0;
		min-height: 0;
		max-width: 70px;
		max-height: 70px;
		width: 100%;
        height: 100%;
		align-self: center;
		margin-top: -37px;
	}

	.calendarResult-time .calendarResult-dateTop
	{
		padding: 4px 4px 0px;
	}

	.calendarResult-time .calendarResult-dateBottom
	{
		padding: 0px 4px 3px 4px;
	}
}