/**
 * Custom styles and style changes can be added here. Please document each change.
 */

/**
 *  The current menu item in the primary menu uses a different font weight. This can cause the layout to shift between
 *  pages. To prevent this, we add a hidden pseudo element that is the opposite font weight. If the pseudo element
 *  width is larger, the link will expand to the size of the pseudo element.
 *  https://css-tricks.com/bold-on-hover-without-the-layout-shift/
 */
.primary-navigation .menu > li > a {
	text-align: center;
}

.primary-navigation .menu > li > a::after {
	content: attr(data-text);
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	user-select: none;
	pointer-events: none;
	font-weight: 600;
}

.primary-navigation .menu > .current-menu-item > a::after,
.primary-navigation .menu > .current-menu-ancestor > a::after {
	font-weight: 100;
}

/* Adjustments if the WordPress admin bar is visible */
body.admin-bar .sidr {
	padding-top: calc(5rem + 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar .sidr {
		padding-top: calc(5rem + 46px);
	}
}

@media (min-width: 1280px) {
	body.admin-bar .page-layout--st1 .page-layout__item-1-2 {
		top: calc(5rem + 32px);
	}
}

/* 福利社区一区二区 Banner */
@media (max-width: 420px) {
	.home-banner--st1 .home-banner__content-box.has-custom-style-1 p {
		margin-bottom: 0.75rem;
		font-size: 0.9375rem;
		line-height: 1.5rem;
	}
}