#dashboardheader {
	border-bottom: 1px solid #f5f5f5;
}

#innerheader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1140px;
	width: 100%;
	padding: 20px 15px;
	margin: 0 auto;
	position: relative;
	letter-spacing: 0;
	font-size: 16px;

	h1 {
		font-weight: normal;
		margin-left: auto;
		font-size: 24px;
		color: #000;
	}
}

#logo {
	height: 60px;
}

#pull {
	display: none;
}

#custommenu {
	padding-left: 32px;
	margin: 0;

	li {
		display: inline-block;
		margin: 0;

		a {
			position: relative;
			display: block;
			border-bottom: 2px solid transparent;
			padding: 14px 0px;
			margin: 0 10px;
			text-decoration: none;
			font-weight: 600;
			color: #000;
			transition: cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
			font-weight: bold;
			
			&:hover,
			&.active {
				border-bottom: 2px solid #2d6f74;
				color: #2d6f74;
			}
		}
	}
}

@media only screen and (max-width: 950px) {
	#innerheader h1 {
		display: none;
	}

	#pull:visited {
		color: #000;
	}

	#pull {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 16px 8px;
		text-decoration: none;
		color: #000;
		
		&:before {
			content: "\f0c9";
			font-family: "Font Awesome 6 Pro";
			display: flex;
			align-items: center;
			justify-content: center;
			transform: rotate(180deg);
			transition: transform 150ms ease;
		}
	}

	#custommenu {
		display: block;
		position: absolute;
		top: 90px;
		right: 0;
		padding: 0;
		background: #fff;
		-webkit-box-shadow: 3px 3px 3px -1px rgba(0, 0, 0, .5);
		-moz-box-shadow: 3px 3px 3px -1px rgba(0, 0, 0, .5);
		box-shadow: 3px 3px 3px -1px rgba(0, 0, 0, .5);
		transition: .3s;
		z-index: 98;

		li {
			display: block;
			text-align: center;
			border-bottom: 1px solid #ededed;

			a {
				padding: 20px 26px;
				margin: 0;
				border: none;

				&:hover {
					background: #F4F4F4;
					border: none;
				}

				&.active {
					background: #F4F4F4;
					border: none;
				}

				&:before {
					display: none;
				}
			}
		}
	}

	.menuclosed~#custommenu {
		height: 0;
		overflow: hidden;
	}

	#pull.menuopen:before {
		transform: rotate(-180deg);
		transition: transform 150ms ease;
	}

	.menuopen~#custommenu {
		display: block;
	}
}