/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
body::-webkit-scrollbar {
	background-color: #000;
	width: 16px;
}

/* background of the scrollbar except button or resizer */
body::-webkit-scrollbar-track {
	background-color: #000;
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
	background-color: #363636;
	border-radius: 16px;
	border: 4px solid #000;
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {
	display: none;
}
/* ------------- */

.min-h-nav {
	min-height: 3rem;
}

.min-h-hero {
	min-height: 10rem;
}

.min-h-content {
	min-height: 80vh;
}

footer {
	min-height: 10vh;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.4);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.bg-navClicked {
	background-color: rgba(0, 0, 0, 0.9);
}

.active,
.accordion:hover {
	background-color: rgb(30, 30, 30);
	cursor: pointer;
}
.panel {
	background-color: rgb(23, 23, 23);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.accordion:after {
	content: "\02795";
	color: #777;
	float: right;
	margin-left: 5px;
}
.active:after {
	content: "\2796";
}