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

body.rw-single {
	background-image: url(https://padel.rockit-works.nl/wp-content/uploads/2025/03/609.jpg);
}

body.rw-single overlay::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, rgba(var(--black), 0) 30%, rgba(var(--black), 1) 60%);
}

body.rw-single.trainer {
	background: none;
}

body.rw-single.trainer overlay {
	display: grid;
}

body.rw-single.trainer overlay img {
	width: 60%;
	height: 100vh;
	object-fit: cover;
	justify-self: end;
	z-index: 0;
	-webkit-filter: grayscale(1); 
    filter: grayscale(1);
	opacity: 0.8;
}

body.rw-single.trainer overlay::after {
	background-image: linear-gradient(90deg, rgba(var(--black), 1) 45%, rgba(var(--black), 0) 80%);
	z-index: 1;
}

section.single .widget, section.contact .widget {
	grid-template-columns: 0.7fr 1fr;
	gap: 50px;
	padding-bottom: 20px;
}

section.single-trainer .widget {
	grid-template-columns: 1fr 1fr;
}

section.single-trainer .widget .content .col-2 {
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

section .content .fixed {
	position: fixed;
    top: 0;
    height: 100vh;
    align-content: center;
	max-width: 20%;
}

section.trainer-overview.page-section {
	background-color: rgba(var(--white), 1);
}

section.trainer-overview.page-section .content {
	color: rgba(var(--text), 1);
}

section.trainer-overview.page-section .content .fixed {
	position: relative;
	max-width: 100%;
	height: auto;
}

section.single-locatie grid.location-nav-wrap {
	min-height: calc(90vh - var(--header-padding));
	align-content: center;
}

section.single-locatie flex.location-nav {
	background-color: rgba(var(--white), 0.5);
	justify-content: space-between;
	padding: 20px;
	border-radius: var(--sml-radius);
	gap: 20px;
	flex-wrap: wrap;
}

section.single-locatie flex.location-nav a.nav-item {
	display: grid;
	background-color: rgba(var(--white), 1);
	padding: 20px;
	border-radius: var(--sml-radius);
	color: rgba(var(--text), 1);
	font-size: 20px;
	font-weight: 600;
}

section.single-locatie a.terug-btn {
	position: absolute;
	z-index: 999;
	padding: 10px 20px;
	border: 1px solid rgba(var(--white), 1);
	border-radius: var(--sml-radius);
	color: rgba(var(--white), 1);
}

section.single .blocks button.subsection-scroller {
	position: fixed;
	top: 90vh;
	justify-self: center;
	padding: 0;
	background: none;
	color: rgba(var(--act-primary), 1);
	font-size: 22px;
}

section.single .blocks .subsection {
	min-height: calc(100vh - var(--header-padding));
	align-content: center;
}

section.single .blocks .subsection.first {
	min-height: calc(90vh - var(--header-padding));
}

section.single.text-page .widget {
	min-height: calc(100vh - var(--header-padding));
}

section.single.text-page .subsection .content-box {
	background-color: rgba(var(--white), 1);
	border-radius: var(--big-radius);
    color: rgba(var(--text), 1);
	padding: 20px;
}

section.single .content h2 {
	color: rgba(var(--act-primary), 1);
}

section.enrol-tour .widget {
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	min-height: calc(100vh - var(--header-padding));
	align-items: center;
}

section.enrol-tour .widget .content ul {
	margin: 0;
	padding-left: 20px;
}

section.ranks input.radio {
	display: none;
}

section.ranks label.cat-link {
	font-size: 16px;
	color: rgba(var(--white), 1);
	cursor: pointer;
}

section.ranks label.cat-link.active {
	color: rgba(var(--junior-purple), 1);
}

section.ranks .blocks .controls {
	justify-content: space-between;
	padding: 10px;
	color: rgba(var(--white), 1);
}

section.ranks .blocks .controls #ranks-period {
	width: 120px;
}

section.ranks .top-ranking {
	margin-top: 10px;
	gap: 5px;
}

section.ranks .rank-line {
	display: grid;
	grid-template-columns: auto 1fr 1fr 60px 40px 50px;
	gap: 5px;
}

section.ranks .rank-line span.rank {
	padding: 5px 8px;
	background-color: rgba(var(--junior-purple), 1);
	color: rgba(var(--white), 1);
	border-radius: var(--sml-radius);
	text-align: center;
	align-content: center;
	width: 25px;
}

section.ranks .rank-line span.rank.gold {
	width: 50px;
	color: rgba(var(--text), 1);
	display: grid;
}

section.ranks .rank-line span.rank.gold i {
	font-size: 11px;
	font-weight: 300;
	line-height: 10px;
}

section.ranks .rank-line span.item {
	padding: 5px 8px;
	background-color: rgba(243, 236, 244, 1);
	color: rgba(var(--junior-purple), 1);
	border-radius: var(--sml-radius);
	text-align: center;
	align-content: center;
}

section.ranks .blocks .list {
	gap: 5px;
}

section.contact {
	min-height: calc(100vh - var(--header-padding));
	align-content: center;
}

section.contact h2 {
	color: rgba(var(--act-primary), 1);
}




@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	section .content .fixed {
		position: relative;
		height: auto;
		max-width: 100%;
	}
	
	section.single-locatie flex.location-nav a.nav-item {
		padding: 10px;
		font-size: 18px;
	}
	
	section.single .widget, section.contact .widget {
		grid-template-columns: 1fr;
	}
	
	section.single-locatie a.terug-btn {
		position: relative;
		justify-self: start;
		margin-bottom: 20px;
	}
	
	section.ranks .rank-line {
		grid-template-columns: 1fr 1fr 1fr;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		padding-bottom: 5px;
	}
	
	section.enrol-tour .widget {
		grid-template-columns: 1fr;
		margin-bottom: 80px;
	}
}