/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

.primary-sidebar {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: var(--z-menu);
}

/* overflow-y: scroll; */

.primary-sidebar .widget {
		position: absolute;
		width: 100vw;
		height: 100vh;
		/* width: calc( 50% + var( --menubar-width ) / 2); */
		top: 0;
		right: 0;

		padding-left: var(--menubar-width);
		background-color: var(--color-theme-yellow);
		-webkit-box-shadow: -0.5em 0 0.5em var(--box-shadow-color);
		        box-shadow: -0.5em 0 0.5em var(--box-shadow-color);
		-webkit-transform: translateX(calc(100% - var(--menubar-width)));
		        transform: translateX(calc(100% - var(--menubar-width)));
		-webkit-transition: background-color 0.5s ease-in-out, -webkit-transform 0.7s ease, -webkit-box-shadow 0.5s ease;
		transition: background-color 0.5s ease-in-out, -webkit-transform 0.7s ease, -webkit-box-shadow 0.5s ease;
		transition: transform 0.7s ease, background-color 0.5s ease-in-out, box-shadow 0.5s ease;
		transition: transform 0.7s ease, background-color 0.5s ease-in-out, box-shadow 0.5s ease, -webkit-transform 0.7s ease, -webkit-box-shadow 0.5s ease;
	}

/**
	* Label function as toggle
	*/

.primary-sidebar label[for="menu"] {
		width: var(--menubar-width);
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 100vh;
		z-index: 1;
		padding: 0.5vw;
		background-color: var(--color-theme-white);
		-webkit-transition: background-color 0.5s ease-in-out;
		transition: background-color 0.5s ease-in-out;
	}

.primary-sidebar label[for="menu"]:hover {
			background-color: var(--color-theme-yellow);
			cursor: pointer;
		}

.primary-sidebar input {
		display: none;
	}

.primary-sidebar input + label svg {
			/* transition gets unset for reduced motion below */
			-webkit-transition: -webkit-transform 0.5s ease;
			transition: -webkit-transform 0.5s ease;
			transition: transform 0.5s ease;
			transition: transform 0.5s ease, -webkit-transform 0.5s ease;
			position: absolute;
			top: 10px;
			right: 10px;
			width: 25px;
		}

/* the :checked selectors refer to the open menu state */

.primary-sidebar input:checked ~ .widget {
			-webkit-transform: none;
			        transform: none;
			background-color: var(--color-theme-yellow);
			padding-left: 10px;
			overflow-y: scroll;
			max-height: 100vh;
			/* width: calc(100% - 1.5rem); */
			/* left: 0; */
			padding-right: var(--menubar-width);
		}

.primary-sidebar input:checked + label {
			background-color: var(--color-theme-yellow);

		}

.primary-sidebar input:checked + label svg {
				-webkit-transform: rotate(-180deg);
				        transform: rotate(-180deg);
			}

.primary-sidebar .menu {
		margin-top: var(--pad);
	}

.primary-sidebar .menu li {
			margin: 0.7rem 0;
		}

.primary-sidebar .menu a {
			margin: 0;
			padding: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			font-size: var(--font-size-intro);
			line-height: 1;
			border-bottom: none;
			word-break: break-word;
			/* overflow-wrap: break-word; */
			-webkit-hyphens: auto;
			    -ms-hyphens: auto;
			        hyphens: auto;
			hyphenate-character: "-";
		}

.primary-sidebar .menu a::before {
				content: "";
				display: inline-block;
				width: 1em;
				height: 1em;
				background-color: #fff;
				border-radius: 100%;
				margin-right: var(--pad);
				/* gets unset for reduced motion below */
				-webkit-transition: background-color 0.5s ease;
				transition: background-color 0.5s ease;
				aspect-ratio: 1/1;
			}

.primary-sidebar .menu a:hover::before {
				background-color: #000;
			}

.primary-sidebar .menu .current-menu-item  a {
			text-decoration: underline;
		}

.primary-sidebar .menu .current-menu-item  a::before {
				background-color: #000;
				-webkit-animation: rubberBand 1s 1;
				        animation: rubberBand 1s 1;
			}

@media screen and (min-width: 37.5em) {

		.primary-sidebar .widget {
			width: calc(50vw + ( var(--menubar-width)/2));
		}

		.primary-sidebar input:checked ~ .widget {
			padding-left: var(--pad);
		}
}

/* disable all animation/transitions when reduced motion is set */

@media (prefers-reduced-motion: reduce) {
		.primary-sidebar .widget {
			-webkit-transition: none;
			transition: none;
		}

		.primary-sidebar input ~ .widget {
			-webkit-transition: none !important;
			transition: none !important;
		}

		.primary-sidebar input + label svg {
			-webkit-transition: none;
			transition: none;
		}

		.primary-sidebar .menu a::before {
			-webkit-transition: none;
			transition: none;
		}
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9zaWRlYmFyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Z0VBRWdFOztBQUVoRTtDQUNDLGdCQUFnQjtDQUNoQixPQUFPO0NBQ1AsU0FBUztDQUNULFlBQVk7Q0FDWix1QkFBdUI7Q0F5SHZCOztBQXhIQSx5QkFBeUI7O0FBRXpCO0VBQ0MsbUJBQW1CO0VBQ25CLGFBQWE7RUFDYixjQUFjO0VBQ2QscURBQXFEO0VBQ3JELE9BQU87RUFDUCxTQUFTOztFQUVULG1DQUFtQztFQUNuQyw0Q0FBNEM7RUFDNUMsMkRBQW1EO1VBQW5ELG1EQUFtRDtFQUNuRCxpRUFBeUQ7VUFBekQseURBQXlEO0VBQ3pELGlIQUF5RjtFQUF6Rix5R0FBeUY7RUFBekYseUZBQXlGO0VBQXpGLG9KQUF5RjtFQUN6Rjs7QUFFRDs7R0FFRTs7QUFFRjtFQUNDLDRCQUE0QjtFQUM1QixlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxTQUFTO0VBQ1QsY0FBYztFQUNkLFdBQVc7RUFDWCxlQUFlO0VBQ2YsMkNBQTJDO0VBQzNDLHNEQUE4QztFQUE5Qyw4Q0FBOEM7RUFNOUM7O0FBSkE7R0FDQyw0Q0FBNEM7R0FDNUMsZ0JBQWdCO0dBQ2hCOztBQUdGO0VBQ0MsY0FBYztFQStCZDs7QUE3QkE7R0FDQyxvREFBb0Q7R0FDcEQsZ0RBQWdDO0dBQWhDLHdDQUFnQztHQUFoQyxnQ0FBZ0M7R0FBaEMsNkRBQWdDO0dBQ2hDLG1CQUFtQjtHQUNuQixVQUFVO0dBQ1YsWUFBWTtHQUNaLFlBQVk7R0FDWjs7QUFFRCx5REFBeUQ7O0FBQ3pEO0dBQ0Msd0JBQWdCO1dBQWhCLGdCQUFnQjtHQUNoQiw0Q0FBNEM7R0FDNUMsbUJBQW1CO0dBQ25CLG1CQUFtQjtHQUNuQixrQkFBa0I7R0FDbEIsaUNBQWlDO0dBQ2pDLGNBQWM7R0FDZCxvQ0FBb0M7R0FDcEM7O0FBRUQ7R0FDQyw0Q0FBNEM7O0dBTTVDOztBQUpBO0lBQ0MsbUNBQTJCO1lBQTNCLDJCQUEyQjtJQUMzQjs7QUFLSDtFQUNDLHVCQUF1QjtFQTZDdkI7O0FBM0NBO0dBQ0MsaUJBQWlCO0dBQ2pCOztBQUVEO0dBQ0MsVUFBVTtHQUNWLFdBQVc7R0FDWCxxQkFBYztHQUFkLHFCQUFjO0dBQWQsY0FBYztHQUNkLDBCQUFvQjtPQUFwQix1QkFBb0I7V0FBcEIsb0JBQW9CO0dBQ3BCLGtDQUFrQztHQUNsQyxlQUFlO0dBQ2Ysb0JBQW9CO0dBQ3BCLHVCQUF1QjtHQUN2QixnQ0FBZ0M7R0FDaEMsc0JBQWM7T0FBZCxrQkFBYztXQUFkLGNBQWM7R0FDZCx5QkFBeUI7R0FrQnpCOztBQWhCQTtJQUNDLFlBQVk7SUFDWixzQkFBc0I7SUFDdEIsV0FBVztJQUNYLFlBQVk7SUFDWix1QkFBdUI7SUFDdkIsb0JBQW9CO0lBQ3BCLHlCQUF5QjtJQUN6Qix5Q0FBeUM7SUFDekMsK0NBQXVDO0lBQXZDLHVDQUF1QztJQUN2QyxrQkFBa0I7SUFDbEI7O0FBRUQ7SUFDQyx1QkFBdUI7SUFDdkI7O0FBR0Y7R0FDQywyQkFBMkI7R0FNM0I7O0FBSkE7SUFDQyx1QkFBdUI7SUFDdkIsbUNBQTJCO1lBQTNCLDJCQUEyQjtJQUMzQjs7QUFNSjs7RUFJRTtHQUNDLDhDQUE4QztHQUM5Qzs7RUFFRDtHQUNDLHlCQUF5QjtHQUN6QjtDQUVGOztBQUVELGtFQUFrRTs7QUFFbEU7RUFFRTtHQUNDLHlCQUFpQjtHQUFqQixpQkFBaUI7R0FDakI7O0VBRUQ7R0FDQyxvQ0FBNEI7R0FBNUIsNEJBQTRCO0dBQzVCOztFQUVEO0dBQ0MseUJBQWlCO0dBQWpCLGlCQUFpQjtHQUNqQjs7RUFFRDtHQUNDLHlCQUFpQjtHQUFqQixpQkFBaUI7R0FDakI7Q0FFRiIsImZpbGUiOiJzaWRlYmFyLm1pbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4jIFNpZGViYXJcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cblxuLnByaW1hcnktc2lkZWJhciB7XG5cdHBvc2l0aW9uOiBmaXhlZDtcblx0dG9wOiAwO1xuXHRyaWdodDogMDtcblx0d2lkdGg6IDEwMCU7XG5cdHotaW5kZXg6IHZhcigtLXotbWVudSk7XG5cdC8qIG92ZXJmbG93LXk6IHNjcm9sbDsgKi9cblxuXHQmIC53aWRnZXQge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHR3aWR0aDogMTAwdnc7XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHQvKiB3aWR0aDogY2FsYyggNTAlICsgdmFyKCAtLW1lbnViYXItd2lkdGggKSAvIDIpOyAqL1xuXHRcdHRvcDogMDtcblx0XHRyaWdodDogMDtcblxuXHRcdHBhZGRpbmctbGVmdDogdmFyKC0tbWVudWJhci13aWR0aCk7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItdGhlbWUteWVsbG93KTtcblx0XHRib3gtc2hhZG93OiAtMC41ZW0gMCAwLjVlbSB2YXIoLS1ib3gtc2hhZG93LWNvbG9yKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygxMDAlIC0gdmFyKC0tbWVudWJhci13aWR0aCkpKTtcblx0XHR0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC43cyBlYXNlLCBiYWNrZ3JvdW5kLWNvbG9yIDAuNXMgZWFzZS1pbi1vdXQsIGJveC1zaGFkb3cgMC41cyBlYXNlO1xuXHR9XG5cblx0LyoqXG5cdCogTGFiZWwgZnVuY3Rpb24gYXMgdG9nZ2xlXG5cdCovXG5cblx0JiBsYWJlbFtmb3I9XCJtZW51XCJdIHtcblx0XHR3aWR0aDogdmFyKC0tbWVudWJhci13aWR0aCk7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogMDtcblx0XHRyaWdodDogMDtcblx0XHRoZWlnaHQ6IDEwMHZoO1xuXHRcdHotaW5kZXg6IDE7XG5cdFx0cGFkZGluZzogMC41dnc7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItdGhlbWUtd2hpdGUpO1xuXHRcdHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC41cyBlYXNlLWluLW91dDtcblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItdGhlbWUteWVsbG93KTtcblx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHR9XG5cdH1cblxuXHQmIGlucHV0IHtcblx0XHRkaXNwbGF5OiBub25lO1xuXG5cdFx0JiArIGxhYmVsIHN2ZyB7XG5cdFx0XHQvKiB0cmFuc2l0aW9uIGdldHMgdW5zZXQgZm9yIHJlZHVjZWQgbW90aW9uIGJlbG93ICovXG5cdFx0XHR0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC41cyBlYXNlO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0dG9wOiAxMHB4O1xuXHRcdFx0cmlnaHQ6IDEwcHg7XG5cdFx0XHR3aWR0aDogMjVweDtcblx0XHR9XG5cblx0XHQvKiB0aGUgOmNoZWNrZWQgc2VsZWN0b3JzIHJlZmVyIHRvIHRoZSBvcGVuIG1lbnUgc3RhdGUgKi9cblx0XHQmOmNoZWNrZWQgfiAud2lkZ2V0IHtcblx0XHRcdHRyYW5zZm9ybTogbm9uZTtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXRoZW1lLXllbGxvdyk7XG5cdFx0XHRwYWRkaW5nLWxlZnQ6IDEwcHg7XG5cdFx0XHRvdmVyZmxvdy15OiBzY3JvbGw7XG5cdFx0XHRtYXgtaGVpZ2h0OiAxMDB2aDtcblx0XHRcdC8qIHdpZHRoOiBjYWxjKDEwMCUgLSAxLjVyZW0pOyAqL1xuXHRcdFx0LyogbGVmdDogMDsgKi9cblx0XHRcdHBhZGRpbmctcmlnaHQ6IHZhcigtLW1lbnViYXItd2lkdGgpO1xuXHRcdH1cblxuXHRcdCY6Y2hlY2tlZCArIGxhYmVsIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXRoZW1lLXllbGxvdyk7XG5cblx0XHRcdCYgc3ZnIHtcblx0XHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG5cdFx0XHR9XG5cblx0XHR9XG5cdH1cblxuXHQmIC5tZW51IHtcblx0XHRtYXJnaW4tdG9wOiB2YXIoLS1wYWQpO1xuXG5cdFx0bGkge1xuXHRcdFx0bWFyZ2luOiAwLjdyZW0gMDtcblx0XHR9XG5cblx0XHQmIGEge1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0Zm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtaW50cm8pO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE7XG5cdFx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHRcdFx0d29yZC1icmVhazogYnJlYWstd29yZDtcblx0XHRcdC8qIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7ICovXG5cdFx0XHRoeXBoZW5zOiBhdXRvO1xuXHRcdFx0aHlwaGVuYXRlLWNoYXJhY3RlcjogXCItXCI7XG5cblx0XHRcdCY6OmJlZm9yZSB7XG5cdFx0XHRcdGNvbnRlbnQ6IFwiXCI7XG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdFx0d2lkdGg6IDFlbTtcblx0XHRcdFx0aGVpZ2h0OiAxZW07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0XHRcdG1hcmdpbi1yaWdodDogdmFyKC0tcGFkKTtcblx0XHRcdFx0LyogZ2V0cyB1bnNldCBmb3IgcmVkdWNlZCBtb3Rpb24gYmVsb3cgKi9cblx0XHRcdFx0dHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjVzIGVhc2U7XG5cdFx0XHRcdGFzcGVjdC1yYXRpbzogMS8xO1xuXHRcdFx0fVxuXG5cdFx0XHQmOmhvdmVyOjpiZWZvcmUge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMDAwO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdCYgLmN1cnJlbnQtbWVudS1pdGVtICBhIHtcblx0XHRcdHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuXG5cdFx0XHQmOjpiZWZvcmUge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMDAwO1xuXHRcdFx0XHRhbmltYXRpb246IHJ1YmJlckJhbmQgMXMgMTtcblx0XHRcdH1cblx0XHR9XG5cdH1cbn1cblxuXG5AbWVkaWEgKC0td2lkZS1tZW51LXF1ZXJ5KSB7XG5cblx0LnByaW1hcnktc2lkZWJhciB7XG5cblx0XHQmIC53aWRnZXQge1xuXHRcdFx0d2lkdGg6IGNhbGMoNTB2dyArICggdmFyKC0tbWVudWJhci13aWR0aCkvMikpO1xuXHRcdH1cblxuXHRcdCYgaW5wdXQ6Y2hlY2tlZCB+IC53aWRnZXQge1xuXHRcdFx0cGFkZGluZy1sZWZ0OiB2YXIoLS1wYWQpO1xuXHRcdH1cblx0fVxufVxuXG4vKiBkaXNhYmxlIGFsbCBhbmltYXRpb24vdHJhbnNpdGlvbnMgd2hlbiByZWR1Y2VkIG1vdGlvbiBpcyBzZXQgKi9cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcblx0LnByaW1hcnktc2lkZWJhciB7XG5cdFx0JiAud2lkZ2V0IHtcblx0XHRcdHRyYW5zaXRpb246IG5vbmU7XG5cdFx0fVxuXG5cdFx0JiBpbnB1dCB+IC53aWRnZXQge1xuXHRcdFx0dHJhbnNpdGlvbjogbm9uZSAhaW1wb3J0YW50O1xuXHRcdH1cblxuXHRcdCYgaW5wdXQgKyBsYWJlbCBzdmcge1xuXHRcdFx0dHJhbnNpdGlvbjogbm9uZTtcblx0XHR9XG5cblx0XHQmIC5tZW51IGE6OmJlZm9yZSB7XG5cdFx0XHR0cmFuc2l0aW9uOiBub25lO1xuXHRcdH1cblx0fVxufSJdfQ== */