/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Full Circle Care. Holds Hello 3.x header/footer compatibility styles so they are not stored in generated Custom CSS files.
Author: Full Circle Care
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-elementor-child
*/

/*
 * Hello Elementor 3.x removed branding max-widths and in-flow dropdown carets
 * that 2.4 used. Restore live-site logo size and single-line header nav.
 */
.site-header:not(.header-stacked) .header-inner .site-branding {
	max-width: 30%;
}

.site-header:not(.header-stacked) .header-inner .site-navigation {
	max-width: 70%;
	flex-grow: 1;
	justify-content: flex-end;
}

.site-header .header-inner .site-branding .site-logo img,
.site-footer .footer-inner .site-branding .site-logo img {
	max-width: 100%;
	height: auto;
}

.site-footer:not(.footer-stacked) .footer-inner .site-branding {
	max-width: 20%;
}

.site-footer:not(.footer-stacked) .footer-inner .site-navigation {
	max-width: 60%;
}

.site-footer:not(.footer-stacked) .footer-inner .copyright {
	max-width: 20%;
}

.site-navigation ul.menu > li.menu-item-has-children::after {
	position: absolute;
	inset-inline-end: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 576px) {
	.site-header .header-inner:not(.header-stacked) .site-branding {
		max-width: 80%;
	}

	.site-footer:not(.footer-stacked) .footer-inner .copyright,
	.site-footer:not(.footer-stacked) .footer-inner .site-branding,
	.site-footer:not(.footer-stacked) .footer-inner .site-navigation {
		max-width: none;
		width: 100%;
	}
}