/* reset styles */
html {line-height: 1.5;-webkit-text-size-adjust: 100%;width:100%;height:100%;padding: 0;}body {margin: 0;width: 100%;height: 100%;padding: 0;}main {display: block;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.5;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}
/* reset styles */


* {
	--borderRadius: 4px;

	--colorGreen: #1F693C;
	--colorGreenDark: #134225;
	--colorYellow: #EBB618;
	--colorBlack: #000000;
	--colorGreenGray:#577965;
	--colorWhite: #ffffff;
	--colorButtonNormal: var(--colorYellow);
	--colorButtonHover: var(--colorGreen);

	--hoverOutline:0 0 0 3px rgba(255,255,255,0.3);

	--fontSerif:"Merriweather", serif;
	--fontSansSerif:"Arial", sans-serif;

	--fontNormal:var(--fontSansSerif);
	--fontHeader:var(--fontSerif);

	--buttonTransition: all 0.3s ease-in-out !important;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: auto;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 3px;
}

.prevNextButtonsContainer{
	display: flex !important;
	justify-content: center;
    align-items: flex-end;
    gap: 5px;
    height: calc(100% - 10px) !important;
}
.prevNextButtonsContainer > div{
	position: relative !important;
}


.nodeTitleBg{
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
	opacity: 0.5 !important;
	pointer-events: none !important;
}
.nodeTitleTop > div{
	font-family: var(--fontHeader);
	font-size: 1.5rem;
}

.tippy-content{
	font-family: var(--fontRegular);
	font-weight: 300 !important;
	padding: 0.8em 1em !important;
}


/* Mobile fix */
@media (max-width: 767.98px){
	.nodeTitleTop{
		display: none !important;
	}
	.peekpeekLogoContainer{
		display: none !important;
	}
}
/* Mobile fix */