/* Submenu / Dropdown menu styles */
.menu__list .menu__item .submenu__list {
	background: #2a2a2a;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	max-width: 15rem;
	transition: all 0.5s ease;
	border-top: 5px solid #e22d30;
	display: none;
	list-style: none;
}

.menu__item.menu__dropdown input[type="checkbox"] {
	display: none;
}

.menu__list .menu__item:hover > .submenu__list,
.menu__list .menu__item:focus-within > .submenu__list,
.menu__list .menu__item .submenu__list:hover,
.menu__list .menu__item .submenu__list:focus {
	visibility: visible;
	opacity: 1;
	display: block;
}

.menu__item:hover > a {
	color: #ffa500;
}

@media screen and (max-width: 767px) {
	.menu__item.menu__dropdown .drop-icon {
		position: absolute;
		right: 1rem;
		top: auto;
	}

	.menu__item.menu__dropdown input[type="checkbox"] + .submenu__list {
		display: none;
	}

	.menu__item.menu__dropdown input[type="checkbox"]:checked + .submenu__list {
		border: none;
		padding-left: 20px;
		visibility: visible;
		opacity: 1;
		display: block;
		position: relative;
		max-width: 100%;
	}
}