/*--------------------------------------------------------------
# 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 {
			-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);
				-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);
		}
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9zaWRlYmFyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Z0VBRWdFOztBQUVoRTtDQUNDLGdCQUFnQjtDQUNoQixPQUFPO0NBQ1AsU0FBUztDQUNULFlBQVk7Q0FDWix1QkFBdUI7Q0F1SHZCOztBQXRIQSx5QkFBeUI7O0FBRXpCO0VBQ0MsbUJBQW1CO0VBQ25CLGFBQWE7RUFDYixjQUFjO0VBQ2QscURBQXFEO0VBQ3JELE9BQU87RUFDUCxTQUFTOztFQUVULG1DQUFtQztFQUNuQyw0Q0FBNEM7RUFDNUMsMkRBQW1EO1VBQW5ELG1EQUFtRDtFQUNuRCxpRUFBeUQ7VUFBekQseURBQXlEO0VBQ3pELGlIQUF5RjtFQUF6Rix5R0FBeUY7RUFBekYseUZBQXlGO0VBQXpGLG9KQUF5RjtFQUN6Rjs7QUFFRDs7R0FFRTs7QUFFRjtFQUNDLDRCQUE0QjtFQUM1QixlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxTQUFTO0VBQ1QsY0FBYztFQUNkLFdBQVc7RUFDWCxlQUFlO0VBQ2YsMkNBQTJDO0VBQzNDLHNEQUE4QztFQUE5Qyw4Q0FBOEM7RUFNOUM7O0FBSkE7R0FDQyw0Q0FBNEM7R0FDNUMsZ0JBQWdCO0dBQ2hCOztBQUdGO0VBQ0MsY0FBYztFQThCZDs7QUE1QkE7R0FDQyxnREFBZ0M7R0FBaEMsd0NBQWdDO0dBQWhDLGdDQUFnQztHQUFoQyw2REFBZ0M7R0FDaEMsbUJBQW1CO0dBQ25CLFVBQVU7R0FDVixZQUFZO0dBQ1osWUFBWTtHQUNaOztBQUVELHlEQUF5RDs7QUFDekQ7R0FDQyx3QkFBZ0I7V0FBaEIsZ0JBQWdCO0dBQ2hCLDRDQUE0QztHQUM1QyxtQkFBbUI7R0FDbkIsbUJBQW1CO0dBQ25CLGtCQUFrQjtHQUNsQixpQ0FBaUM7R0FDakMsY0FBYztHQUNkLG9DQUFvQztHQUNwQzs7QUFFRDtHQUNDLDRDQUE0Qzs7R0FNNUM7O0FBSkE7SUFDQyxtQ0FBMkI7WUFBM0IsMkJBQTJCO0lBQzNCOztBQUtIO0VBQ0MsdUJBQXVCO0VBNEN2Qjs7QUExQ0E7R0FDQyxpQkFBaUI7R0FDakI7O0FBRUQ7R0FDQyxVQUFVO0dBQ1YsV0FBVztHQUNYLHFCQUFjO0dBQWQscUJBQWM7R0FBZCxjQUFjO0dBQ2QsMEJBQW9CO09BQXBCLHVCQUFvQjtXQUFwQixvQkFBb0I7R0FDcEIsa0NBQWtDO0dBQ2xDLGVBQWU7R0FDZixvQkFBb0I7R0FDcEIsdUJBQXVCO0dBQ3ZCLGdDQUFnQztHQUNoQyxzQkFBYztPQUFkLGtCQUFjO1dBQWQsY0FBYztHQUNkLHlCQUF5QjtHQWlCekI7O0FBZkE7SUFDQyxZQUFZO0lBQ1osc0JBQXNCO0lBQ3RCLFdBQVc7SUFDWCxZQUFZO0lBQ1osdUJBQXVCO0lBQ3ZCLG9CQUFvQjtJQUNwQix5QkFBeUI7SUFDekIsK0NBQXVDO0lBQXZDLHVDQUF1QztJQUN2QyxrQkFBa0I7SUFDbEI7O0FBRUQ7SUFDQyx1QkFBdUI7SUFDdkI7O0FBR0Y7R0FDQywyQkFBMkI7R0FNM0I7O0FBSkE7SUFDQyx1QkFBdUI7SUFDdkIsbUNBQTJCO1lBQTNCLDJCQUEyQjtJQUMzQjs7QUFNSjs7RUFJRTtHQUNDLDhDQUE4QztHQUM5Qzs7RUFFRDtHQUNDLHlCQUF5QjtHQUN6QjtDQUVGIiwiZmlsZSI6InNpZGViYXIubWluLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiMgU2lkZWJhclxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0qL1xuXG4ucHJpbWFyeS1zaWRlYmFyIHtcblx0cG9zaXRpb246IGZpeGVkO1xuXHR0b3A6IDA7XG5cdHJpZ2h0OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0ei1pbmRleDogdmFyKC0tei1tZW51KTtcblx0Lyogb3ZlcmZsb3cteTogc2Nyb2xsOyAqL1xuXG5cdCYgLndpZGdldCB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHdpZHRoOiAxMDB2dztcblx0XHRoZWlnaHQ6IDEwMHZoO1xuXHRcdC8qIHdpZHRoOiBjYWxjKCA1MCUgKyB2YXIoIC0tbWVudWJhci13aWR0aCApIC8gMik7ICovXG5cdFx0dG9wOiAwO1xuXHRcdHJpZ2h0OiAwO1xuXG5cdFx0cGFkZGluZy1sZWZ0OiB2YXIoLS1tZW51YmFyLXdpZHRoKTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci10aGVtZS15ZWxsb3cpO1xuXHRcdGJveC1zaGFkb3c6IC0wLjVlbSAwIDAuNWVtIHZhcigtLWJveC1zaGFkb3ctY29sb3IpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDEwMCUgLSB2YXIoLS1tZW51YmFyLXdpZHRoKSkpO1xuXHRcdHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjdzIGVhc2UsIGJhY2tncm91bmQtY29sb3IgMC41cyBlYXNlLWluLW91dCwgYm94LXNoYWRvdyAwLjVzIGVhc2U7XG5cdH1cblxuXHQvKipcblx0KiBMYWJlbCBmdW5jdGlvbiBhcyB0b2dnbGVcblx0Ki9cblxuXHQmIGxhYmVsW2Zvcj1cIm1lbnVcIl0ge1xuXHRcdHdpZHRoOiB2YXIoLS1tZW51YmFyLXdpZHRoKTtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiAwO1xuXHRcdHJpZ2h0OiAwO1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ei1pbmRleDogMTtcblx0XHRwYWRkaW5nOiAwLjV2dztcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci10aGVtZS13aGl0ZSk7XG5cdFx0dHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjVzIGVhc2UtaW4tb3V0O1xuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci10aGVtZS15ZWxsb3cpO1xuXHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdH1cblx0fVxuXG5cdCYgaW5wdXQge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cblx0XHQmICsgbGFiZWwgc3ZnIHtcblx0XHRcdHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjVzIGVhc2U7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR0b3A6IDEwcHg7XG5cdFx0XHRyaWdodDogMTBweDtcblx0XHRcdHdpZHRoOiAyNXB4O1xuXHRcdH1cblxuXHRcdC8qIHRoZSA6Y2hlY2tlZCBzZWxlY3RvcnMgcmVmZXIgdG8gdGhlIG9wZW4gbWVudSBzdGF0ZSAqL1xuXHRcdCY6Y2hlY2tlZCB+IC53aWRnZXQge1xuXHRcdFx0dHJhbnNmb3JtOiBub25lO1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItdGhlbWUteWVsbG93KTtcblx0XHRcdHBhZGRpbmctbGVmdDogMTBweDtcblx0XHRcdG92ZXJmbG93LXk6IHNjcm9sbDtcblx0XHRcdG1heC1oZWlnaHQ6IDEwMHZoO1xuXHRcdFx0Lyogd2lkdGg6IGNhbGMoMTAwJSAtIDEuNXJlbSk7ICovXG5cdFx0XHQvKiBsZWZ0OiAwOyAqL1xuXHRcdFx0cGFkZGluZy1yaWdodDogdmFyKC0tbWVudWJhci13aWR0aCk7XG5cdFx0fVxuXG5cdFx0JjpjaGVja2VkICsgbGFiZWwge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItdGhlbWUteWVsbG93KTtcblxuXHRcdFx0JiBzdmcge1xuXHRcdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgtMTgwZGVnKTtcblx0XHRcdH1cblxuXHRcdH1cblx0fVxuXG5cdCYgLm1lbnUge1xuXHRcdG1hcmdpbi10b3A6IHZhcigtLXBhZCk7XG5cblx0XHRsaSB7XG5cdFx0XHRtYXJnaW46IDAuN3JlbSAwO1xuXHRcdH1cblxuXHRcdCYgYSB7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0XHRmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1pbnRybyk7XG5cdFx0XHRsaW5lLWhlaWdodDogMTtcblx0XHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdFx0XHR3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXHRcdFx0Lyogb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDsgKi9cblx0XHRcdGh5cGhlbnM6IGF1dG87XG5cdFx0XHRoeXBoZW5hdGUtY2hhcmFjdGVyOiBcIi1cIjtcblxuXHRcdFx0Jjo6YmVmb3JlIHtcblx0XHRcdFx0Y29udGVudDogXCJcIjtcblx0XHRcdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdFx0XHR3aWR0aDogMWVtO1xuXHRcdFx0XHRoZWlnaHQ6IDFlbTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblx0XHRcdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRcdFx0bWFyZ2luLXJpZ2h0OiB2YXIoLS1wYWQpO1xuXHRcdFx0XHR0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuNXMgZWFzZTtcblx0XHRcdFx0YXNwZWN0LXJhdGlvOiAxLzE7XG5cdFx0XHR9XG5cblx0XHRcdCY6aG92ZXI6OmJlZm9yZSB7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICMwMDA7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0JiAuY3VycmVudC1tZW51LWl0ZW0gIGEge1xuXHRcdFx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG5cblx0XHRcdCY6OmJlZm9yZSB7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICMwMDA7XG5cdFx0XHRcdGFuaW1hdGlvbjogcnViYmVyQmFuZCAxcyAxO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufVxuXG5cbkBtZWRpYSAoLS13aWRlLW1lbnUtcXVlcnkpIHtcblxuXHQucHJpbWFyeS1zaWRlYmFyIHtcblxuXHRcdCYgLndpZGdldCB7XG5cdFx0XHR3aWR0aDogY2FsYyg1MHZ3ICsgKCB2YXIoLS1tZW51YmFyLXdpZHRoKS8yKSk7XG5cdFx0fVxuXG5cdFx0JiBpbnB1dDpjaGVja2VkIH4gLndpZGdldCB7XG5cdFx0XHRwYWRkaW5nLWxlZnQ6IHZhcigtLXBhZCk7XG5cdFx0fVxuXHR9XG59XG4iXX0= */