/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* Reset menu-item button/span styles to approximate default link styles */
nav li.menu-item > :is(button, span) {
	position: relative;
	appearance: none; /* Trying to override any default button appearance setting */
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin: 0;
	border: none;
	padding: 0 20px;
	width: 100%;
	color: var(--contrast);
	background-color: transparent;
	font-family: inherit;
	text-align: inherit;
}
nav ul.sub-menu li.menu-item > :is(button, span) {
	padding: 10px 20px;
	line-height: normal;
}
nav li.menu-item-has-children > :is(button, span), nav ul.sub-menu li.menu-item-has-children > :is(button, span) {
	padding-right: 0;
}

/* Replace dropdown toggle reverse effect (GP style only applies to a elements) */
.dropdown-click .sfHover :is([aria-expanded=true] > .dropdown-menu-toggle, [aria-expanded=true]) > .gp-icon svg {
    transform: rotateX(180deg); /* I find this rotation method less annoying than the original */
}
@media screen and (prefers-reduced-motion: no-preference) {
	.dropdown-menu-toggle > .gp-icon svg {
		transition: .25s ease;
	}
}