/**
* This adds animated triangles to the header menu
*/

@media (min-width: 783px) {
	.dhmenu > li > ul:before { content: ""; display: block; transform: rotate(45deg); position: absolute; top: 0; left: 2em; width: 20px; height: 20px; background-color: rgba(0,0,0,0); }
	.dhmenu > li:hover > ul:before { transition: .1s ease-in; transition-delay: .1s; top: -10px; background-color: #999; }

	/* fix last item positioning */
	.dhmenu > li:last-child > ul:before { left:auto; right:1.5em; }

	.dhmenu ul ul li:first-of-type:before { content: ""; transition: .1s ease-in; display: block; transform: rotate(45deg); position: absolute; top: calc(50% - 7px); left: -14px; width: 14px; height: 14px; background-color: rgba(0,0,0,0); }
	.dhmenu ul li:hover > ul > li:first-of-type:before { transition-delay: .2s; left: -7px; background-color: #ccc; }

	.dhmenu > li:last-of-type li:first-of-type:before { display: none; }
}