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








#registration iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display:flow-root;
	filter: hue-rotate(-20deg);
	overflow: visible;
}
#registration #frame-container {
	/* height: 100%; */
	
}

#wsc-reg-1 {
	max-width: 100vw;
	min-height: 100vh;
	overflow-x: hidden;
}
#wsc-reg-1 {
	position: relative;
	transform-origin: 50% 0%;
	left: 50%;
	transform:translateX(-50%);
}



#registration .additional-registrations {

}
#registration .additional-registrations .form {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid gray;
	margin: 0 0 10px 0;
	padding: 15px;
	border-radius: 5px;
	height: 200px;
}
#registration .additional-registrations .form .buttons {
	position: absolute;
	z-index: 1;
	top: 0;
	right:10px;
}
#registration .additional-registrations .form .button {
	text-decoration: none;
}
#registration .additional-registrations .form .button em:before { content:"Registration"; }

#registration .additional-registrations .form iframe {
	position: absolute;
	/* inset:0; */
	transform-origin: top left;
	left: 50%;
	top: 50%;
	transform: scale(0.5,0.5) translate(-50%,-50%);
	width:  300%;
	height: 400px;
	pointer-events: none;
	border: none;
	overflow: visible;
} 
#registration .active-registration {

}


.registrations {
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-family: NunitoSans;
	font-weight: 400;
	font-size: 1.0rem;
	line-height: 1.2;
	margin: 0;
}
.registrations > a {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 5px 15px;
	background-color: var(--steel);
	opacity: 0.5;
	color: white;
	text-decoration: none;
	border-radius: 15px;
}
.registrations > a[data-ref="isw"] { background-color:rgba(18,170,233,1.00); }
.registrations > a[data-ref="rtp"] { background-color: rgba(223,90,207,1.00); }

.registrations > a:hover {
	opacity: 1;
}
.reg-placeholder {
	display: block;
	position: relative;
	width: 100%;
	height: 5px;
	margin: 0 0 -5px 0; 
	top: -170px;
}



	}
	#registration .buttons {}
	#registration .buttons .button {}
	#registration .buttons .button.bs-L {
		font-size: 2rem;
		line-height: 1.2;
		padding: 10px 30px 10px 30px;
		text-wrap: balance;
	}






	.race-disciplines {}
	.race-disciplines ul {
		list-style: none;
		display: block;
		margin: 0 0 30px 0; 
		padding: 0;
		font-size: 0; line-height: 0;
		width: calc(100% + 25px);
	}
	.race-disciplines ul li {
		display: inline-block;
		width: calc(33.3% - 25px);
		margin: 0 25px 0 0; padding: 0;
		vertical-align: top;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.race-disciplines ul li i {
		display: block;
		width:  100%;
		aspect-ratio:1/1;
		margin: 0 0 10px 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		border-top-left-radius: 5%;
		border-bottom-right-radius: 5%;
		box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.2);
	}
	.race-disciplines ul li[data-label="sprint"       ] i { background-image: url(../../images/page/registration/map-2.svg); }
	.race-disciplines ul li[data-label="technical"    ] i { background-image: url(../../images/page/registration/map-3.svg); }
	.race-disciplines ul li[data-label="long-distance"] i { background-image: url(../../images/page/registration/map-1.svg); }
	.race-disciplines ul li em {
		display: flex;
		position: relative;
		width: 100%;
		text-align: center;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.race-disciplines ul li em span:nth-child(1) {
		display: flex;
		text-align: left;
		font-weight: bold;
		font-size: 1.25em;
		line-height: 30px;
		text-transform: uppercase;
	}
	.race-disciplines ul li em span:nth-child(2) {
		display: flex;
		text-align: right;
		font-size:1em;
		line-height: 1.2;
		padding: 5px 10px;
		border:1px solid gray;
		border-radius: 5px;
	}
	
	.join-event {}
	.join-event ul {
		list-style: none;
		display: block;
		margin: 0 0 30px 0; 
		padding: 0;
		font-size: 0; line-height: 0;
		width: calc(100% + 25px);
	}
	.join-event ul li {
		display: inline-block;
		width: calc(33.3% - 25px);
		margin: 0 25px 0 0; padding: 0;
		vertical-align: top;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.join-event ul li i {
		display: block;
		width:  100%;
		aspect-ratio:1.3/1;
		margin: -30px 0 -30px 0;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	.join-event ul li[data-label="fun-races"     ] i { background-image:url(../../images/page/registration/fun-races.webp)}
	.join-event ul li[data-label="team-building" ] i { background-image:url(../../images/page/registration/team-building.webp)}
	.join-event ul li[data-label="group-paddling"] i { background-image:url(../../images/page/registration/group-paddling.webp)}
	.join-event ul li em {
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 1.25em;
		line-height: 30px;
		text-transform: uppercase;
	}
	
	.title.tilted.framed {
		display: inline-block;
		position: relative;
		XXbackground-color:var(--steel_light);
		XXcolor: white;
		border-width: 2px;
		border-style: dashed;
		color: var(--steel);
		background-color: white;
		transform:rotate(-4deg);
		padding: 10px 20px;
		font-size: 1.2rem;
		margin: 0 0 -25px -20px;
		text-transform: uppercase;
	}
	
	.registration-actions {}
	.registration-actions .buttons {}
	.registration-actions .buttons .button {}
	.registration-actions .buttons .button.bs-L {
		border-radius: 25px;
		font-size: 2rem;
		line-height: 1.2;
		padding: 10px 20px 10px 20px;
	}
	








	/* XXXXL   */ @media screen and (min-width:1600px)                        {}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {}
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {}
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {}
	/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {}
	/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {}
	/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {}
	/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {}
	/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {}
	/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) {}
	/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {}
	/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {}
	/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {}
	/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {}
	/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {}
	/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {}

	/*    MS-   */ @media screen and (min-width:860px) {
		.registrations.buttons .button {
			margin-left: 5px;
			margin-right: 5px;
		}
	}

	/*    -MS   */ @media screen and (min-width: 0px) and (max-width: 859px) {
		.indent-left { padding: 0; }
		.columns > .column .inset-left { padding: 0; }
		.race-disciplines ul li {
			display: block;
			width: calc(100% - 25px);
			margin: 0 0 25px 0;
		}
		.join-event ul li {
			display: block;
			width: calc(100% - 25px);
			margin: 0 0 25px 0;
		}
	}