@charset "UTF-8";

#site-header #nav_accessories {
	border-color: var(--sentry_orange);
}

main {
	display: grid;
	grid-template-columns: 15rem 1fr;

}

menu {
	position: sticky;
	top: var(--site-header-height);
	height: calc(100vh - var(--site-header-height));
	overflow-y: hidden;
	align-self: start;
	border-right: 0.15rem solid;
	border-color: var(--sentry_grey);
	padding: 3rem 0 1rem;

	&:hover {
		overflow: auto;
	}
	a {
		padding: .2em 1rem;
		display: block;
		color: black;
		&:hover{
			background: var(--sentry_orange);
			color: black;
		}
	}
	li>p { margin: 0;}
	ul ul a::before{
		content: "- ";
	}
	&>ul>li>p {
		margin-top: 1em !important;
		font-size: 1.2rem;
	}
	&>ul>li:first-child>p {
		margin-top: initial !important;
	}
}

.main-content {
	text-align: center;

	.container p {
		text-align: left;
		margin: 0;
	}
	.container {
		display: block;
		height: auto;
		overflow: auto;
	}
	&>* {
		padding: max(3%, 2rem) max(6%, 3rem);
		&:nth-child(odd) {
			background: var(--background_grey);
		}
	}
	img {
		float: left;
		margin-right: 1rem;
		max-height: 30vh;
	}
	iframe {
		margin-top: 1rem;
	}
	h3 {
		margin: 2em 0 .5em;
		font-size: 1.4rem;
	}
	header {
		padding: max(6%, 3rem);
	}
}