@charset "UTF-8";

@import url("fontawesome-all.min.css");


/* =========================================================
   BODY / BACKGROUNDS
   ========================================================= */

body {
	/*~~~~~~~~~~~~
	  color scheme
	  ~~~~~~~~~~~~*/
	--text-color-main: #000;
	--text-color-2: #61686b;
	--background-color-main: #fff;
	--background-color-overlays: rgba(255, 255, 255, 0.7);
	--background-color-head: #000;
	--contrast-color-head: #ffcc00;
	--background-color-nav: #EEE;
	--highlight-color-main: var(--contrast-color-head, #ffd000);
	--highlight-color-2: #ffab00;
	--alert-color: #e85c41;
	
	   margin: 0;
	   padding: 0;
	   font-family: "Helvetica-Light", "Helvetica Neue", "Helvetica Neue Light",
		   Helvetica, Arial, sans-serif;
	   font-size: 100%;
	   line-height: 1.4;
   
	   background-image: url(../images/Backgrounds/default_BG-600.jpg);
	   background-size: 100% auto;
	   background-position: center;
	   background-attachment: fixed;
	   background-repeat: repeat-y;
   
	   &#bio {
		   background-color: var(--background-color-main);
		   background-image: url(../images/Backgrounds/Klimbim_BG.jpg);
		   background-repeat: no-repeat;
		   background-position: center;
		   background-size: cover;
	   }
   
	   &#media {
		   background-color: var(--background-color-main);
		   background-image: url(../images/Backgrounds/Klimbim_BG.jpg);
		   background-repeat: no-repeat;
		   background-position: center;
		   background-size: cover;
	   }
	   
	   &#instruments {
			  background-color: var(--background-color-main);
			  background-image: url(../images/Backgrounds/instruments_BG.jpg);
			  background-repeat: no-repeat;
			  background-position: center;
			  background-size: cover;
		  }
   
	   &#start {
		   background-color: var(--background-color-main);
		   background-image: url(../images/Backgrounds/index_BG-600.jpg);
		   background-repeat: no-repeat;
		   background-position: right;
		   background-size: auto 100%;
	   }
   }


/* =========================================================
   ELEMENT / TAG SELECTORS
   ========================================================= */

ul,
ol,
dl {
	/* Due to variations between browsers, it's best practices
	   to zero padding and margin on lists. */
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0;
	margin-bottom: 0.2em;
	padding-right: 15px;
	padding-left: 15px;
}

a img {
	/* Remove default border around linked images. */
	border: none;
}


/* =========================================================
   LINKS
   ========================================================= */

/* Styling for your site's links must remain in this order. */

a:link {
	color: var(--text-color-main);
	text-decoration: underline;
	cursor: pointer;
}

a:visited {
	color: var(--text-color-main);
	text-decoration: underline;
	font-style: oblique;
}

a:hover,
a:active,
a:focus {
	color: var(--text-color-main);
	background-color: var(--highlight-color-main)
	text-decoration: underline;
}


/* =========================================================
   CONTAINER / HEADER
   ========================================================= */

/* Defaults (mobile first) */

.container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	width: 100%;
	min-height: 100dvh;
	background-image: none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: var(--background-color-overlays);
}

/*
nav a:hover,
nav a:active,
nav a:focus {
	background-color: transparent;
}
*/

.header {
	position: fixed;
	width: 100%;
	max-width: 700px;
	height: 70px;
	top: 0;
	z-index: 1;
}

.wrapper {
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
	justify-content: space-between;
	background-color: var(--background-color-head);
	position: relative;
	overflow: hidden;
	vertical-align: top;
	top: 0;
	width: 100%;
	height: 70px;
	margin-top: 0;
}

.logo {
	display: none;
	height: 100%;
	padding-left: 10px;
}

.head_pic {
	display: none;
	height: 100%;
}

.text-wrapper {
	display: block;
	height: 100%;
	width: 100%;
	justify-content: space-between;
	align-items: end;
	flex-wrap: nowrap;
	flex-direction: column;
	white-space: nowrap;
	color: var(--contrast-color-head);
	clear: none;
	line-height: 160%;
	font-family: "Syncopate", sans-serif;
	font-weight: 200;
	font-size: 170%;
	font-style: normal;
}

.top-text {
	position: relative;
	width: 100%;
	height: 50%;
	top: 0;
	text-align: left;
	vertical-align: middle;
}

.bottom-text {
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	height: 50%;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.navbar-menu {
	--nav-radius: 10px;

	background-color: var(--background-color-nav);
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	text-decoration: none;

	li {

		a,
		&.current-page,
		&.lang-on {
			display: block;
			text-decoration: none;
			font-size: 120%;
			padding: 2px;
		}

		&:not(.lang-on) a {
			transition: background-color 1s ease;
		}

		&:not(.lang-on, .navbar-toggle) a:is(:hover, :active, :focus) {
			color: var(--contrast-color-head);
			background-color: var(--background-color-head);
			text-decoration: none;
		}

		&.navbar-toggle {
			order: 1;
			font-size: 20px;
			flex-grow: 4;
			background-color: var(--background-color-nav);

			& button {
				display: block;
				border: 0;
				padding: 2px;
				font: inherit;
				color: inherit;
				background-color: var(--background-color-nav);
				cursor: pointer;
			}
			
			& button:is(:hover, :active, :focus) {
				background-color: var(--background-color-nav);
			}
		}

		&.lang-on,
		&.lang-off {
			position: relative;
			text-align: left;
			order: 2;
			flex-shrink: 2;
			padding-right: 0.25em;
		}

		&.lang-on {
			text-decoration: underline;
			font-weight: bold;
			cursor: default;
		}

		&.lang-off a {
			text-decoration: none;
			cursor: pointer;
		}

		&.navbar-item {
			order: 3;
			width: 100%;
			text-align: left;
			display: none;

			&.current-page {
				border: solid var(--background-color-head) 1px;
			}
		}
	}
	/* Mobile menu opened */
	&.active {
		.navbar-item {
			display: block;
			background-color: var(--background-color-nav);
		}
	}

}


/* Rounded corners are used only where the navigation actually
   has a rounded visual shape. */
@supports (corner-shape: squircle) {
	.navbar-menu {
		li {
			&.current-page,
			&:not(.lang-on, .navbar-toggle) a:is(:hover, :active, :focus) {
				corner-shape: squircle;
				border-radius: var(--nav-radius);
			}
		}
	}
}


/* =========================================================
   CONTENT
   ========================================================= */

.content {
	width: 100%;
	/* min-height: calc(100dvh - 110px); */
	color: var(--text-color-main);
	margin-top: 110px;
	padding-bottom: 10px;
	/* overflow: scroll; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: normal;
	text-wrap: wrap;
	opacity: 1;
	padding-top: 10px;
	padding-left: 1vw;
	padding-right: 1vw;
}

.content p {
	padding: 0;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	padding-left: 0;
	padding-right: 0;
}

.content ul {
	padding-left: 1vw;
}

section {
	display: flow-root;
}


/* =========================================================
   FOOTER
   ========================================================= */

.footer {
	background: var(--background-color-nav);
	position: relative;
	bottom: 0;
	clear: both;
	padding-top: min(0.5em, 1dvh);
	padding-right: 0;
	padding-bottom: min(0.5em, 1dvh);
	padding-left: 0;
}


/* =========================================================
   TABLET MENU
   ========================================================= */

@media all and (min-width: 700px) {

	.container {
		width: 80%;
		max-width: 1000px;
	}

	.header {
		position: fixed;
		width: 80%;
		max-width: 1000px;
		height: 90px;
	}

	.wrapper {
		height: 90px;
	}

	.text-wrapper {
		font-size: 200%;
	}

	.bottom-text {
		text-align: right;
	}

	.logo {
		display: inline-block;
	}

	.content {
		/* min-height: calc(100dvh - 130px); */
		margin-top: 130px;
	}
}


/* =========================================================
   DESKTOP MENU
   ========================================================= */

@media screen and (min-width: 960px) {

	.logo {
		display: inline-block;
		order: 0;
	}

	.head_pic {
		display: inline-block;
	}

	.navbar-menu {
		align-items: flex-start;
		flex-wrap: nowrap;

		li {

			&.navbar-item {
				order: 1;
				flex-grow: 2;
				position: relative;
				display: block;
				width: auto;

				&.current-page {
					border: 1px solid var(--background-color-head);
					border-top: none;
				}
			}

			&.navbar-toggle {
				display: none;
			}

			&:not(.lang-on, .navbar-toggle) a:is(:hover, :active, :focus) {
				border-radius: 0 0 var(--nav-radius) var(--nav-radius);
			}

			&.current-page {
				border-radius: 0 0 var(--nav-radius) var(--nav-radius);
			}
		}
	}
}


/* =========================================================
   ADDITIONAL FONTS
   ========================================================= */

.syncopate {
	font-family: "Syncopate", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.syncopate-bold {
	font-family: "Syncopate", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.quicksand {
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}

.quicksand-black {
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.quicksand-bold {
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}


/* =========================================================
   iCal Events Layout
   Copy-pasted from Ostwind
   ========================================================= */

.event-block {
	width: 100%;
	display: block;
	border: 1px solid var(--highlight-color-2);
	border-radius: 2px;
	-moz-box-shadow: inset 0 0 5px var(--highlight-color-2);
	-webkit-box-shadow: inset 0 0 5px var(--highlight-color-2);
	box-shadow: inset 0 0 5px var(--highlight-color-2);
}

.event {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-radius: 2px;
	border-bottom: 1px solid var(--highlight-color-2);
}

.event:has(.event-description[style='display: block;']) {
	padding-bottom: 0;
}

.event-title {
	display: block;
}

.event-title h4 {
	padding-left: 10px;
	margin-bottom: 0;
}

.event-time {
	display: block;
	font-style: oblique;
	padding-left: 10px;
	padding-right: 10px;
}

.event-location {
	font-style: oblique;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}

.show_hide {
	font-stretch: expanded;
}

.event-description {
	font-size: 90%;
	display: none;
	background-color: color-mix(in srgb, var(--highlight-color-2) 30%, transparent);
	border-top: 1px solid var(--text-color-main);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}


/* =========================================================
   INSTRUMENTS
   ========================================================= */

.instrument-block {
	display: block;
}

.instrument-header {
	margin-top: 30px;
	display: block;
	width: inherit;
}

.instrument-title {
	display: inline-block;
}

.instrument-title h3 {
	text-indent: -5px;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
}

.instrument-subtitle {
	display: inline-block;
}

.instrument-content {
	container-type: inline-size;
	display: flow-root;
}

.instrument-media {
	float: left;
	width: 300px;
	margin: 0 1.5rem 1rem 0;
}

.instrument-media img {
	display: block;
	max-width: 100%;
	height: auto;
}

.instrument-media audio {
	display: block;
	width: 100%;
}

@container (max-width: 599px) {
	.instrument-media {
		float: none;
		width: 100%;
		max-width: none;
		margin: 0 0 1rem 0;
	}
}

/* =========================================================
   MEDIA
   ========================================================= */

.media-block {
	display: block;
	margin-top: 1rem;
}

.media-title {
	float: none;
	width: 100%;
}

.media-title::before {
	content: '';
	display: block;
	height: 10px;
}

.media-description {
	float: none;
	width: 100%;
}

.media-element {
	float: none;
	width: 100%;
	min-height: 100px;
	margin-bottom: 30px;
}

img {
	vertical-align: text-top;
}

audio {
	width: 100%;
}


/* =========================================================
   FORM
   ========================================================= */

form {
	margin: 0;
}

label {
	color: var(--text-color-2);
	display: block;
	font-size: 0.9em;
	font-weight: 700;
	text-align: left;
	margin: 1em 0 0.5em 0;
	vertical-align: baseline;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: var(--background-color-overlays);
	border-radius: 0;
	border: none;
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: min(100%, 700px);
	box-sizing: border-box;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
	box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	box-shadow: inset 0 0 0 2px var(--highlight-color-2);
}

select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23a8b0b3' /%3E%3C/svg%3E");
	background-size: 1.25rem;
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) center;
	height: 3em;
	padding-right: 3em;
	text-overflow: ellipsis;
}

select.playlist-select {
	appearance: none;

	@supports (appearance: base-select) {
		&,
		&::picker(select) {
			appearance: base-select;
			animation: rotateHue 10s infinite;
			interpolate-size: allow-keywords;
			animation-play-state: paused;
		}

		&:open {
			animation-play-state: running;

			@media (prefers-reduced-motion) {
				animation-play-state: paused;
			}
		}
	}

	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	color: black;
	padding-block: 10px;
	padding-inline: 20px 30px;
	border: 0.5px solid var(--highlight-color-2);
	cursor: pointer;
	background: var(--background-color-overlays);

	@supports (appearance: base-select) {
		padding-inline: 20px;
		background-image: none;

		&:open {
			border: 1.5px solid var(--highlight-color-2);
		}

		&::picker-icon {
			content: "";
			width: 20px;
			height: 20px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
			transition: rotate 0.2s ease-out;
		}

		&:open::picker-icon {
			rotate: 180deg;
		}

		&::picker(select) {
			padding: 0;
			margin-top: 5px;
			border: 0.5px solid var(--highlight-color-2);
			background: rgba(255, 255, 255, 0.95);
			font-weight: 400;
			opacity: 1;
			height: 0;
			overflow: clip;
			transition:
				height 0.5s ease-out,
				opacity 0.5s ease-out,
				overlay 0.5s,
				display 0.5s;
			transition-behavior: allow-discrete;
		}

		&:open::picker(select) {
			opacity: 1;
			height: auto;
			overflow: auto;

			@starting-style {
				opacity: 0;
				height: 0;
			}
		}

		optgroup {
			border-top: 1px solid #ccc;
			padding-top: 10px;
			background: rgba(255, 255, 255, 0.95);
			opacity: 1;
		}

		option {
			display: flex;
			align-items: center;
			padding: 10px;
			gap: 10px;
			cursor: pointer;
			transition-property: color, background;
			transition-duration: 0.2s;
			transition-timing-function: ease-out;

			img {
				width: 30px;
			}

			&:where(:hover, :focus, :active) {
				background: var(--highlight-color-2);
				color: white;
			}

			&:checked {
				background: var(--alert-color);
				color: white;
			}

			&::checkmark {
				display: none;
			}

			&:first-child {
				border: 0;
			}
		}
	}
}

select option {
	color: #61686b;
	background: #fff;
}

select:focus::-ms-value {
	background-color: transparent;
}

select::-ms-expand {
	display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
	height: 3em;
}

textarea {
	padding: 0.75em 1em;
}


/* =========================================================
   CHECKBOXES / RADIO BUTTONS
   ========================================================= */

input[type="checkbox"],
input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	float: left;
	margin-right: -2em;
	opacity: 0;
	width: 1em;
	z-index: -1;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	text-decoration: none;
	color: #6f7577;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	padding-left: 2.55em;
	padding-right: 0.75em;
	position: relative;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	/* font-family: 'Font Awesome 5 Free'; */
	font-weight: 900;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
	background: rgba(144, 144, 144, 0.15);
	content: '';
	display: inline-block;
	font-size: 0.8em;
	height: 2.25em;
	left: 0;
	line-height: 2.25em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 2.25em;
}

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
	background: #313a3d;
	color: #ffffff;
	content: '\f00c';
}

input[type="checkbox"]:focus + label::before,
input[type="radio"]:focus + label::before {
	box-shadow: inset 0 0 0 2px var(--highlight-color-2);
}

input[type="radio"] + label::before {
	border-radius: 100%;
}


/* =========================================================
   PLACEHOLDERS
   ========================================================= */

::-webkit-input-placeholder {
	color: #a8b0b3 !important;
	opacity: 1;
}

:-moz-placeholder {
	color: #a8b0b3 !important;
	opacity: 1;
}

::-moz-placeholder {
	color: #a8b0b3 !important;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #a8b0b3 !important;
	opacity: 1;
}


/*
input, textarea {
	-webkit-appearance: none;
	border: 1px solid #555;
	width: min(95%, 700px);
	padding: 0.5em;
	font-size: 15px;
	line-height: 1.2em;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	-webkit-box-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: 0.5em;
}
*/


input[type="radio"] {
	display: inline-block;
	-webkit-border-radius: 2em;
	vertical-align: middle;
}

input[type="radio"]:checked {
	background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%03%99IDATx%DA%EC%98AKrA%14%86%BBj%A6%9F%11%04R%B9ID%A1%82%16%11n%A4m%8Bh%11%ED%04%D7%FE%8Bh%95%D8%0F%A8e%7F%40%DADT%B4%8FvA%1BA%DA%84%06%ADZ'%95%A9%BD%DF%7D%F10%DF%CDl%E6%2A%1F%08s%16r%EF8%F7%CEs%DFsf%CE%99q2%99%CC%C48X%60bL%CC%82ZP%0BjA-%A8%05%B5%A0%16%D4%82%9AXh%24o%E9v%BB%03%FEu%1Cg%04%A0%C3%BCE%F8%F0%92%9FX%D5%F7%0F3V(%18%0C%0EC%A9%FE%AA%ED%C2%E4%B8%26-%BEY%FD%80z%10%85%D2s%ED%7C%B3apC0%7F%94b%9DN%07-%CB%CB%CB%F9%7C%7Ecc%23%99L%E2%B6%D1h%DC%DE%DEV%2A%95%87%87%07%60%05%02%81%BE%C4%FA%E6d%B3YSP%B1v%BB%0D%CAp8%BC%BF%BF%BF%B3%B3%F3%F1%F1%D1j%B5%C8%0D%B2%C9%C9I%FCu%7E%7E%7Epp%80%BF%D0%02%EFyp%0D%40s%B9%9C%0F%CA%8Ek%00%85CNNNVVV%DE%DE%DE%FA%3E%12%89Dj%B5Z%B1X%FC%FC%FC%04h%C05%1F%AC%C1t%3A%1D41%19%86%DC%7B%7B%7Bp%F7%FB%FB%BB%F3%83%E1c%12%89%C4%FC%FC%FC%CD%CDM%C85%BC%24%D43%FDqCp%90%91%9C%14%12%B7%B8XZZ%DA%DD%DD%7D%7D%7D%1D%AC%0D%3E%03%DDNOO%1F%1F%1F%19%00%9E%0F%D6%9ALSSS%FA%A0%A4%C4%18%04-%14%0A%08J%9D%C1%D0%0D%9D%CB%E52%10!%8D%CA%AA%0B%8Ax%D7%EC%CA%B8%E4%DBq%81%98%5B%5B%5Bc%8B%CE%B3%EB%EB%EBxP%FC.%F1%3AbP%99%E6LB%1Cfaa%01%B8%9A%AA%CC%CD%CD%89%DF%85U%DF%FB%06%A0%22'%AE%C1G1%8Cf.%25%04%22%BC%2F%A2%EA%82j%C6(A%A9%1F%A5E%D8%BD%BC%BC%C4%E3%F1%C1%15%89%24Rtf%80%8A%81%D5%00%D4%B7%A2%18%E6%FE%FE%7Ekk%8B%2B%FC%AFZ%A23%3D%CED%F0%3F%40)-F%3A%3B%3B%DB%DE%DE%D6Q%14%0F%A2%B3h%E9%07%D4%C8%F5%8C%2A%DE%C2%FB%F5z%FD%EA%EA%0A%AC%83E%C5%23%E8%86%CE%D3%D3%D3%11%D70%A81%A8%FE%82%CF%15%94%AE%E7%82%0A%5D%8F%8E%8E%16%17%17WWW%07%D4%A3%D5j%15%DD%041%EC%9A%AC%A6%BA)tssS3s%AA%E9Dd%00%EB%F5%F5%F5%EC%EC%2C%B2%94T%9Fb%E8%7FyyY%2A%95%20%5E%2C%16%FB%E3%9A%E0%92U3%91%3A%87%87%87F%F9%13d%98%EF%C8%8A%A8B%9A%CD%26%F2g%D3%B5T%2A%85%18%40-%06%81%D1%FF%E9%E9%E9%EE%EE%EE%E2%E2%02%F5%1E%F9%08%FA%DD%EF%23v%3D%3D%CB0U%8B%20%2A%8DQ%9F%9F%9F%8F%8F%8F%3De%1E%98fff%A2%D1(%10%A3%AEQKYD%F5Wb%83%C2%99%A2%06%FE5RblH%85%A2%13z%0B(%DBA%16%E9%99Ji%94%96%CC%B6%22%14U%82U(%A9%1C%ABf%96%D2%D2%8D%2B%11qeI%A2%D3M%13%9B%D9%9E%89%8ArA%95%AC%8D%E1%5B%AE%B5%5D%93%CD%1D%3B%A8yH%ADEL%0Bg%E3%ED%B2%3A%A3%05%17%1C%ED%9Ey%40%E5%7B%C4%DD%B2v%9A%81%9ARr%7B%89%C1%04%88%1A%13%11%17j%3Bq%D5%98%F6%BD%B93%3E)%11VUZ%16%7E%EA%8EY%80%04NMB%7E%B6%CB%3E%CE%02d%C3D%C1d%E5%EA%7B%00%E1%994%FE%0F%20%7C%9F%B1%A8%B8%7FS%DCo%93r%C8%13%A8a%0F%C9Fr%00f%CFG-%A8%05%B5%A0%16%D4%82%8E%1F%E8%97%00%03%00%2CK3%C0%95%A6%DFv%00%00%00%00IEND%AEB%60%82") no-repeat center center;
	-webkit-background-size: 28px 28px;
}

input[type="checkbox"] {
	display: inline-block;
	font-size: 100%;
	line-height: 1em;
	margin: 0 0.25em 0 0;
	padding: 0;
	width: 1.25em;
	height: 1.25em;
	-webkit-border-radius: 0.25em;
	vertical-align: middle;
}

input[type="checkbox"]:checked {
	background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04DIDATx%DA%EC%98%B9J%2CA%14%86%EF%F4%AC%8E%5B%24%F8%00%93%BA%83%89%89%A1%22n%A1%81%89%B8%22%82%2B%06%A2%E2%82%B8%20%1A%A9(%B8%BC%87%8F%E0%12%09%3E%82K%AA%20%EAu%EEo%FFw%0EEuO%2F3%A3%5C%2F%FD%07E%F5Lu%F7%D7%FF9u%BA%BA%22%A9T%EA%D7O%90%F1%EB%87(%00%0D%40%03%D0%004%00%0D%40%03%D0%FF%1B4%F2%3D%B7I%A7%D3%B6%BF%87B%A1%7F%05T%105V%22%F2G%2F%B8%91oC%D4%40qH%3E%B4%D2w%CA%D1%D0%D7H%F3%89%94%86aloo%0F%0C%0C%D8%BA%EB%7C%C1H8%1C%FE%22%2F%D3%19%FD%B5%C40677%BB%BB%BB%D1%8F%C5b%7B%7B%7B%B6%8F%975%F4%BE%40%ADs%C2zu%8D%F2%E3%E3%03-%EE%B2%B1%B1AJhjj%0A'%EE%EF%EF%A3%C5%03xa%8D%409%F09g%95%20B%18%06%CA%F5%F5u%A1%A4%26''qk%F8%8A%7FU%DC%AC%A0%D1h%D4c%1C%1D%1C%95%1Bp%00%11y%08%8E%B5%B5%B5%AE%AE.%EB%95%9B%9A%9A%8E%8F%8F1Re%CD%11T%8B%23%95L%26%CB%CA%CA%EE%EE%EE%D4y%23%E5F%CCF%07%9E%AD%AC%ACtvvZ%AF%7Cyy944%04J%8C%01%A8%9A%00%F6%A0%C8kWJ%E6%19%DBD%22%B1%BB%BB%5BYY988x%7F%7FouB%BCD%BB%B4%B4%D4%D1%D1a%BD%F2%C5%C5%C5%F0%F0%F0%EB%EB%2Bl%22(Mu%02upT%9D%10%BC%7D%3C%1E%DF%D9%D9%A9%A9%A9A%FF%F0%F0%10%96%3C%3C%3C%A8%09%A0V%C7%E5%E5%E5%F6%F6v%5BJ%3C%E4%DB%DB%1B))W%D0P%5B%5B%9B%83%9DD%FCm%0A%DEommUWW%CB%18D%1F%C6%3C%3E%3E%8A%A98%0B%23%D1.%2C%2C%B4%B6%B6%3AP%C6LEM1%F4%CE%F3)%A4MF%DB%99%FB%FE%FE%8E%5F%40YUU%A5%0DSY%25%EE%F3%F3%F3---%0E%94%88%8C%80%D2Q%D7%1C5bn%E2%85%00%7D%7D%7Dm%3D%1F%C9zppPQQA%D7%F1%0B%BC%CCF%89T%C1%18d9%40%13%A6%E2%A6x%23%B5oU%B8%BE%BE%3E%9CEj8%00zuu%05%C3jkk5%82%92%92%92%E6%E6%E6%F3%F3%F3%A7%A7%A7%C5%C5E%5BJ%CC%F1%91%91%11P%0A%A2J%C9%04%90d%B5U%04C%B3%85%9Eqg%9A%F3%F0%EC%EC%0Cm__%9F%D5%D7%A3%A3%A3%DB%DB%5B%10%5B%2F%85'%1C%1D%1De%5DSm%23%9Cj%87S%1D%CDV%9E%98%A3%F0%80%C9%C7%FC%C3%E1%E9%E9)%3A%FD%FD%FDVV%C8%96rll%0C%97%2A..%8Eg%24%94%5E%2A%A8%0FP%89%3E%7D%3D99A%07%8B%20%D7w%2F%D2z%7C%7C%9C%94%92%9A%DAd%F7B%F9%09%EA%10zb%81U%EA%9C%FC%05%5F%D1qf%05%E5%C4%C4%04%93X%CDK%A1t%AD%9D%3E%0A%3EA%ADi%84%16%ACh%AD9%40%DD%DC%DC%90%12yYd%8A%94%B4%D3%2F%A5K%E8%A5%E0%AB%F3%D1%C8%88%AC%A8%FF%8D%8D%8D%DA%B9%CF%CF%CF%B3%B3%B3%18%03%3E%82%D2N%EB%04%F2%FE%D9%94%D5Qu9%C2%9A%2F%AC2%09%A0%E9%E9i%BCT%1B%1A%1AT%CA%9E%9E%9E%97%97%17D%5C%B33gJ%F7%D0%0B%2B%86%91U%2Bu8%9C%99%99%C1%07F%5D%5D%1D)%7B%7B%7B%B1%DA(--M%9AR%83.1%F1K%E9%BEpVYU8%E2%A2%C5%03%80%60nn%0EK%E3T%2A%85%E9%85%E7%C1%22%B0(%23%A1T%8B%91_JO%9F%22%C2%AA%BD%B1%84%18%10x%7D%AF%AE%AE%82%09%C3%CA%CB%CB%B5%D7%8FV%8Cr%A0%F4%FA%CD%24%AC%E4c%2B%8E%22%D0p%91%8B%26%D4K%B1Y%DE%40%EA%8A37%CAOP%2F%A7%C9BS-Ob%2APdE%A2%FEH%E2%82P%FA%D8%80%10Vy%A3%0A%2Bhh'%07%A8%95A%94'%A5%BF%9D%12%8D%95%1D%88%B5V6g%C8%2A%E5%B6%20%94%BE%B7tlY%85R%C6%C8%87T%3E%B3'%DF%BD'%8D%953L%FD%92%B6%EE%EA%E4O%99%E3%26%99%F6%11%E7%BC%7DR%10%CA%DCw%F3%D4%95%94-J%A1%F8%0A%B6%EDXp%A0%60%0F%3F%00%0D%40%03%D0%00%F4k%F4G%80%01%00%E2%BB%B3%8D%BD%BE%0E%DE%00%00%00%00IEND%AEB%60%82") no-repeat center center;
	-webkit-background-size: 28px 28px;
}

input[type="checkbox"] {
	display: inline-block;
	font-size: 100%;
	line-height: 1em;
	margin: 0 0.25em 0 0;
	padding: 0;
	width: 1.25em;
	height: 1.25em;
	-webkit-border-radius: 0.25em;
	vertical-align: middle;
}

input[type="checkbox"]:checked {
	background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04DIDATx%DA%EC%98%B9J%2CA%14%86%EF%F4%AC%8E%5B%24%F8%00%93%BA%83%89%89%A1%22n%A1%81%89%B8%22%82%2B%06%A2%E2%82%B8%20%1A%A9(%B8%BC%87%8F%E0%12%09%3E%82K%AA%20%EAu%EEo%FFw%0EEuO%2F3%A3%5C%2F%FD%07E%F5Lu%F7%D7%FF9u%BA%BA%22%A9T%EA%D7O%90%F1%EB%87(%00%0D%40%03%D0%004%00%0D%40%03%D0%FF%1B4%F2%3D%B7I%A7%D3%B6%BF%87B%A1%7F%05T%105V%22%F2G%2F%B8%91oC%D4%40qH%3E%B4%D2w%CA%D1%D0%D7H%F3%89%94%86aloo%0F%0C%0C%D8%BA%EB%7C%C1H8%1C%FE%22%2F%D3%19%FD%B5%C40677%BB%BB%BB%D1%8F%C5b%7B%7B%7B%B6%8F%975%F4%BE%40%ADs%C2zu%8D%F2%E3%E3%03-%EE%B2%B1%B1AJhjj%0A'%EE%EF%EF%A3%C5%03xa%8D%409%F09g%95%20B%18%06%CA%F5%F5u%A1%A4%26''qk%F8%8A%7FU%DC%AC%A0%D1h%D4c%1C%1D%1C%95%1Bp%00%11y%08%8E%B5%B5%B5%AE%AE.%EB%95%9B%9A%9A%8E%8F%8F1Re%CD%11T%8B%23%95L%26%CB%CA%CA%EE%EE%EE%D4y%23%E5F%CCF%07%9E%AD%AC%ACtvvZ%AF%7Cyy944%04J%8C%01%A8%9A%00%F6%A0%C8kWJ%E6%19%DBD%22%B1%BB%BB%5BYY988x%7F%7FouB%BCD%BB%B4%B4%D1%D1a%BD%F2%C5%C5%C5%F0%F0%F0%EB%EB%2Bl%22(Mu%02upT%9D%10%BC%7D%3C%1E%DF%D9%D9%A9%A9%A9A%FF%F0%F0%10%96%3C%3C%3C%A8%09%A0V%C7%E5%E5%E5%F6%F6v%5BJ%3C%E4%DB%DB%1B))W%D0P%5B%5B%9B%83%9DD%FCm%0A%DEommUWW%CB%18D%1F%C6%3C%3E%3E%8A%A98%0B%23%D1.%2C%2C%B4%B6%B6%3AP%C6LEM1%F4%CE%F3)%A4MF%DB%99%FB%FE%FE%8E%5F%40YUU%A5%0DSY%25%EE%F3%F3%F3---%0E%94%88%8C%80%D2Q%D7%1C5bn%E2%85%00%7D%7D%7Dm%3D%1F%C9zppPQQA%D7%F1%0B%BC%CCF%89T%C1%18d9%40%13%A6%E2%A6x%23%B5oU%B8%BE%BE%3E%9CEj8%00zuu%05%C3jkk5%82%92%92%92%E6%E6%E6%F3%F3%F3%A7%A7%A7%C5%C5E%5BJ%CC%F1%91%91%11P%0A%A2J%C9%04%90d%B5U%04C%B3%85%9Eqg%9A%F3%F0%EC%EC%0Cm__%9F%D5%D7%A3%A3%A3%DB%DB%5B%10%5B%2F%85'%1C%1D%1De%5DSm%23%9Cj%87S%1D%CDV%9E%98%A3%F0%80%C9%C7%FC%C3%E1%E9%E9)%3A%FD%FD%FDVV%C8%96rll%0C%97%2A..%8Eg%24%94%5E%2A%A8%0FP%89%3E%7D%3D99A%07%8B%20%D7w%2F%D2z%7C%7C%9C%94%92%9A%DAd%F7B%F9%09%EA%10zb%81U%EA%9C%FC%05%5F%D1qf%05%E5%C4%C4%04%93X%CDK%A1t%AD%9D%3E%0A%3EA%ADi%84%16%ACh%AD9%40%DD%DC%DC%90%12yYd%8A%94%B4%D3%2F%A5K%E8%A5%E0%AB%F3%D1%C8%88%AC%A8%FF%8D%8D%8D%DA%B9%CF%CF%CF%B3%B3%B3%18%03%3E%82%D2N%EB%04%F2%FE%D9%94%D5Qu9%C2%9A%2F%AC2%09%A0%E9%E9i%BCT%1B%1A%1AT%CA%9E%9E%9E%97%97%17D%5C%B33gJ%F7%D0%0B%2B%86%91U%2Bu8%9C%99%99%C1%07F%5D%5D%1D)%7B%7B%7B%B1%DA(--M%9AR%83.1%F1K%E9%BEpVYU8%E2%A2%C5%03%80%60nn%0EK%E3T%2A%85%E9%85%E7%C1%22%B0(%23%A1T%8B%91_JO%9F%22%C2%AA%BD%B1%84%18%10x%7D%AF%AE%AE%82%09%C3%CA%CB%CB%B5%D7%8FV%8Cr%A0%F4%FA%CD%24%AC%E4c%2B%8E%22%D0p%91%8B%26%D4K%B1Y%DE%40%EA%8A37%CAOP%2F%A7%C9BS-Ob%2APdE%A2%FEH%E2%82P%FA%D8%80%10Vy%A3%0A%2Bhh'%07%A8%95A%94'%A5%BF%9D%12%8D%95%1D%88%B5V6g%C8%2A%E5%B6%20%94%BE%B7tlY%85R%C6%C8%87T%3E%B3'%DF%BD'%8D%953L%FD%92%B6%EE%EA%E4O%99%E3%26%99%F6%11%E7%BC%7DR%10%CA%DCw%F3%D4%95%94-J%A1%F8%0A%B6%EDXp%A0%60%0F%3F%00%0D%40%03%D0%00%F4k%F4G%80%01%00%E2%BB%B3%8D%BD%BE%0E%DE%00%00%00%00IEND%AEB%60%82") no-repeat center center;
	-webkit-background-size: 28px 28px;
}

input[type="submit"],
input[type="reset"] {
	vertical-align: middle;
	padding: 10px;
}


/* =========================================================
   MAILCHIMP
   ========================================================= */

/* mc-css */
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */

/*
#mc_embed_signup form {
	display: block;
	position: relative;
	text-align: left;
	padding: 0;
}

#mc_embed_signup input {
	border: 1px solid #ABB0B2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#mc_embed_signup input[type=checkbox] {
	-webkit-appearance: checkbox;
}

#mc_embed_signup input[type=radio] {
	-webkit-appearance: radio;
}

#mc_embed_signup input:focus {
	border-color: #333;
}
*/

#mc_embed_signup .button {
	clear: both;
	background-color: var(--highlight-color-2);
	border: 0 none;
	border-radius: 4px;
	transition: all 0.23s ease-in-out 0s;
	color: #61686b;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	height: 32px;
	line-height: 32px;
	margin: 1vh 0;
	padding: 0 2vw;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
}

#mc_embed_signup .button:hover {
	background-color: var(--alert-color);
	color: #a8b0b3;
}

/*
#mc_embed_signup .small-meta {
	font-size: 11px;
}

#mc_embed_signup .nowrap {
	white-space: nowrap;
}

#mc_embed_signup .mc-field-group {
	clear: left;
	position: relative;
	width: 96%;
	padding-bottom: 3%;
	min-height: 50px;
}

#mc_embed_signup .size1of2 {
	clear: none;
	float: left;
	display: inline-block;
	width: 46%;
	margin-right: 4%;
}

* html #mc_embed_signup .size1of2 {
	margin-right: 2%;
	/* Fix for IE6 double margins. */
	/*
}

#mc_embed_signup .mc-field-group label {
	display: block;
	margin-bottom: 3px;
}

#mc_embed_signup .mc-field-group input {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-indent: 2%;
}

#mc_embed_signup .mc-field-group select {
	display: inline-block;
	width: 99%;
	padding: 5px 0;
	margin-bottom: 2px;
}

#mc_embed_signup .datefield,
#mc_embed_signup .phonefield-us {
	padding: 5px 0;
}

#mc_embed_signup .datefield input,
#mc_embed_signup .phonefield-us input {
	display: inline;
	width: 60px;
	margin: 0 2px;
	letter-spacing: 1px;
	text-align: center;
	padding: 5px 0 2px 0;
}

#mc_embed_signup .phonefield-us .phonearea input,
#mc_embed_signup .phonefield-us .phonedetail1 input {
	width: 40px;
}

#mc_embed_signup .datefield .monthfield input,
#mc_embed_signup .datefield .dayfield input {
	width: 30px;
}

#mc_embed_signup .datefield label,
#mc_embed_signup .phonefield-us label {
	display: none;
}
*/

#mc_embed_signup .indicates-required {
	margin-right: 4%;
}

#mc_embed_signup .asterisk {
	color: var(--alert-color);
	font-size: 150%;
	font-weight: normal;
	position: relative;
	top: 5px;
}

#mc_embed_signup .clear {
	clear: both;
}

#mc_embed_signup .mc-field-group.input-group ul {
	margin: 0;
	padding: 5px 0;
	list-style: none;
}

#mc_embed_signup .mc-field-group.input-group ul li {
	display: block;
	padding: 3px 0;
	margin: 0;
}

#mc_embed_signup .mc-field-group.input-group label {
	display: inline;
}

#mc_embed_signup .mc-field-group.input-group input {
	display: inline;
	width: min(100%, 700px);
	border: none;
	box-sizing: border-box;
}

#mc_embed_signup div#mce-responses {
	float: left;
	top: -1.4em;
	padding: 0em .5em 0em .5em;
	overflow: hidden;
	width: min(95%, 700px);
	margin: 0 5%;
	clear: both;
}

#mc_embed_signup div.response {
	margin: 1em 0;
	padding: 1em .5em .5em 0;
	font-weight: bold;
	float: left;
	top: -1.5em;
	z-index: 1;
	width: min(95%, 700px);
}

#mc_embed_signup #mce-error-response {
	display: none;
}

#mc_embed_signup #mce-success-response {
	color: #529214;
	display: none;
}

#mc_embed_signup label.error {
	display: block;
	float: none;
	width: min(95%, 700px);
	margin-left: 1.05em;
	text-align: left;
	padding: .5em 0;
}

#mc-embedded-subscribe {
	clear: both;
	width: auto;
	display: block;
	margin: 1em 0 1em 5%;
}

#mc_embed_signup #num-subscribers {
	font-size: 1.1em;
}

#mc_embed_signup #num-subscribers span {
	padding: .5em;
	border: 1px solid #ccc;
	margin-right: .5em;
	font-weight: bold;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	display: inline-block;
	margin: 2px 0 1em 0;
	padding: 5px 10px;
	background-color: var(--background-color-overlays);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: normal;
	z-index: 1;
	color: var(--alert-color);
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
	border: 2px solid var(--alert-color);
}


/* =========================================================
   MISCELLANEOUS
   ========================================================= */

.caption {
	display: inline-block;
	padding-top: 5px;
	font-size: x-small;
	line-height: 130%;
}

.offset_anchor {
	position: relative;
	top: -140px;
}


/* =========================================================
   GALLERY
   ========================================================= */

.gallery {
	--grid-gap: 0.5rem;
	display: grid;
	gap: var(--grid-gap);
}

.gallery .gallery-head {
	grid-column: 1 / -1;
}

.gallery .gallery-3col {
	--grid-max-col-count: 3;
	--grid-min-col-size: 250px;
	--grid-gap: 0.5rem;

	/* Calculations, do not touch */
	--grid-col-size-calc: calc(
		(100% - var(--grid-gap) * var(--grid-max-col-count)) /
		var(--grid-max-col-count)
	);

	--grid-col-min-size-calc: min(
		100%,
		max(var(--grid-min-col-size), var(--grid-col-size-calc))
	);

	display: grid;
	gap: var(--grid-gap);

	grid-template-columns: repeat(
		auto-fit,
		minmax(var(--grid-col-min-size-calc), 1fr)
	);
}

.gallery img {
	width: 100%;
}
.image {
	border-radius: 4px;
	border: 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

	/*.image:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}*/

	.image img {
		border-radius: 4px;
		display: block;
	}

	.image.left {
		float: left;
		margin: 0 1.5em 1em 0;
		top: 0.25em;
	}

	.image.right {
		float: right;
		margin: 0 0 1em 1.5em;
		top: 0.25em;
	}

	.image.left, .image.right {
		max-width: 30%;
	}

		.image.left img, .image.right img {
			max-width: 100%;
			width: auto;
			height: auto;
		}
/*
.playlist-select {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  color: black;
  padding-block: 10px;
  padding-inline: 20px 30px;
  border: 0.5px solid #ff7800;
  cursor: pointer;
  background: rgba(144, 144, 144, 0.15);
  @supports (appearance: base-select) {
	padding-inline: 20px;
	background-image: none;
	&:open {
	  border: 1.5px solid #ff7800;
	}
	&::picker-icon {
	  content: "";
	  width: 20px;
	  height: 20px;
	  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
	  transition: rotate 0.2s ease-out;
	}
	&:open::picker-icon {
	  rotate: 180deg;
	}
	&::picker(select) {
	  padding: 0;
	  margin-top: 5px;
	  border: 0.5px solid #ff7800;
	  background: rgba(255, 255, 255, 0.95);
	  font-weight: 400;
	  opacity: 1;
	  height: 0;
	  overflow: clip;
	  transition: height 0.5s ease-out, opacity 0.5s ease-out, overlay 0.5s,
		display 0.5s;

	  transition-behavior: allow-discrete;
	}
	&:open::picker(select) {
	  opacity: 1;
	  height: auto;
	  overflow: auto;
	  @starting-style {
		opacity: 0;
		height: 0;
	  }
	}
	optgroup {
	  border-top: 1px solid #ccc;
	  padding-top: 10px;
	  background: rgba(255, 255, 255, 0.95);
	  opacity: 1;
	}
	option {
	  display: flex;
	  align-items: center;
	  padding: 10px;
	  gap: 10px;
	  cursor: pointer;
	  transition-property: color, background;
	  transition-duration: 0.2s;
	  transition-timing-function: ease-out;
	  img {
		width: 30px;
	  }
	  &:where(:hover, :focus, :active) {
		background:#ffaa5f;
		color: white;
	  }
	  &:checked {
		background:#ff7800;
		color: white;
	  }
	  &::checkmark {
		display: none;
	  }
	  &:first-child {
		border: 0;
	  }
	}
  }
}*/