.menu																{ display: none; }

.mainnav ul													{ list-style: none; }
.mainnav > ul > li									{ position: relative; }
.mainnav > ul > li > a							{ color: #ffffff; display: block; font-size: 1rem; padding: 1.75rem 1rem; text-transform: uppercase; }
.mainnav > ul > li > a > img				{ display: inline-block; width: 1.75rem; }
.mainnav > ul > li > a > span				{ display: none; }

.mainnav > ul > li.opener > a:after	{ content: url(/data/site/chevron-down.svg); display: inline-block; padding: 0 0.125rem; width: 1rem; }
.mainnav > ul > li > a:hover				{ color: #E8E8E8; }

.subnav															{ background: #000000; display: none; position: absolute; z-index: 2; top: 100%; min-width: 18.75rem; }
.subnav li:hover										{ background: #E8E8E8; }
.subnav li a												{ color: #ffffff; font-size: 1rem; padding: 0.75rem 1rem; }
.subnav li:hover a									{ color: #000000; }

.subnav-open > a										{ color: #E8E8E8!important; }

@media screen and (max-width: 768px) {

	.menu										{ display: block; text-align: right; width: 100%; }
	.menu button						{ background: none; border: none; height: 100%; padding: 1rem; }
	
	.mainnav										{ display: none; }
	.mainnav ul	li									{ width: 100%; }
	.mainnav > ul > li > a					{ padding: 1rem; }
	.mainnav > ul > li > a > img		{ display: none; }
	.mainnav > ul > li > a > span		{ display: block; }
	.subnav													{ background: #222222;  min-width: 100%; }

}