/*
 Theme Name:   Mayo Speech Therapy 
 Theme URI:    https://generatepress.com
 Description:  Mayo Speech Therapy child theme
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/





/* Desktop navigation */
@media (min-width: 900px) {

	/* Animated underline for standard menu links */
	.main-navigation .main-nav > ul > li:not(.menu-cta) > a {
		position: relative;
	}

	.main-navigation .main-nav > ul > li:not(.menu-cta) > a::after {
		content: "";
		position: absolute;
		right: 20px;
		bottom: 7px;
		left: 20px;
		height: 2px;
		background-color: var(--contrast-2);
		transform: scaleX(0);
		transform-origin: center;
		transition: transform 180ms ease;
	}

	.main-navigation .main-nav > ul > li:not(.menu-cta) > a:hover::after,
	.main-navigation .main-nav > ul > li:not(.menu-cta) > a:focus-visible::after,
	.home .main-navigation .menu-item-home > a::after {
		transform: scaleX(1);
	}

	/* Get in Touch button */
	.main-navigation .main-nav > ul > .menu-cta {
		display: flex;
		align-items: center;
		margin-left: 16px;
	}

	.main-navigation .main-nav > ul > .menu-cta > a {
		padding: 0 25px;
		color: var(--base-3);
		line-height: 46px;
		background-color: color-mix(
			in srgb,
			var(--accent) 68%,
			var(--base-3)
		);
		border-radius: 8px;
		transition:
			background-color 180ms ease,
			transform 180ms ease;
	}

	.main-navigation .main-nav > ul > .menu-cta > a:hover,
	.main-navigation .main-nav > ul > .menu-cta > a:focus-visible {
		color: var(--base-3);
		background-color: var(--accent);
		transform: translateY(-1px);
	}
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
	.main-navigation .main-nav a::after,
	.main-navigation .menu-cta > a {
		transition: none;
	}
}

/* Keep CTA text white in every state */
.main-navigation .main-nav ul li.menu-cta > a,
.main-navigation .main-nav ul li.menu-cta > a:hover,
.main-navigation .main-nav ul li.menu-cta > a:focus,
.main-navigation .main-nav ul li.menu-cta > a:active,
.main-navigation .main-nav ul li.menu-cta.current-menu-item > a {
	color: var(--base-3) !important;
}

/* Get in Touch button inside the mobile menu */
@media (max-width: 899px) {
	.main-navigation .main-nav ul li.menu-cta > a {
		width: calc(100% - 40px);
		margin: 12px 20px 20px;
		padding: 13px 20px;
		line-height: 1.4;
		text-align: center;
		background-color: color-mix(
			in srgb,
			var(--accent) 68%,
			var(--base-3)
		);
		border-radius: 8px;
	}

	.main-navigation .main-nav ul li.menu-cta > a:hover,
	.main-navigation .main-nav ul li.menu-cta > a:focus,
	.main-navigation .main-nav ul li.menu-cta.current-menu-item > a {
		color: var(--base-3) !important;
		background-color: var(--accent);
	}
}

/* mob logo resize */
.menu-toggle {
	font-size: 18px;
	padding: 0;
	background-color: transparent !important;
}
@media (max-width: 499px) {
	.site-logo {
		max-width: 260px;
	}
}


/* bottom border */
.btm-border::after {
	content: "";
	display: block;
	width: 76px;
	height: 3px;
	margin-top: 24px;
	margin-bottom: 28px;
	background-color: var(--accent);
	border-radius: 999px;
}

/* form */
#contact-form .nf-form-content input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
#contact-form .nf-form-content select,
#contact-form .nf-form-content textarea {
    border-radius: 6px !important;
}