/* Cleanup overrides layered after the exported CMS styles. */
.alert-bar .close,
.alert-bar .close svg {
	color: #fff;
}

.alert-bar .close svg {
	filter: brightness(0) invert(1);
}

.alert-bar a.alert {
	padding-left: 4rem;
	padding-right: 4rem;
}

.alert-bar a.alert + .close {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	right: 0.35rem;
	top: 0;
	transform: none;
	width: 2.75rem;
}

.alert-bar .close:hover,
.alert-bar .close:focus {
	transform: scale(1.08);
}

@media screen and (min-width: 1025px) {
	.header-area.v1 .header-box {
		position: relative;
		z-index: 20;
	}

	.header-area.v1 .top-nav > ul > li > .fly-out {
		left: 50%;
		right: auto;
		width: clamp(20rem, 42vw, 44rem);
		max-width: calc(100vw - 3rem);
		min-width: 20rem;
		overflow: visible;
		transform: translateX(-50%);
		z-index: 100;
	}

	.header-area.v1 .top-nav > ul > li:hover > .fly-out.el-tab-panel,
	.header-area.v1 .top-nav > ul > li.open > .fly-out.el-tab-panel,
	.header-area.v1 .top-nav > ul > li.focused > .fly-out.el-tab-panel,
	.header-area.v1 .top-nav > ul > li.active > .fly-out.el-tab-panel,
	.header-area.v1 .top-nav > ul > li:focus-within > .fly-out.el-tab-panel {
		transform: translateX(-50%);
		z-index: 100;
	}

	.header-area.v1 .top-nav > ul > li > .fly-out ul {
		width: 100%;
	}

	.header-area.v1 .top-nav > ul > li > .fly-out li.level-1 a {
		overflow: visible;
		white-space: normal;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.header-area.v1 .top-logo {
		padding-right: 1.5em;
		width: 34%;
	}

	.header-area.v1 .header-box {
		width: 66%;
	}

	.header-area.v1 .top-nav > ul > li > a {
		padding-left: 1.05em;
		padding-right: 1.05em;
	}

	.header-area.v1 .box-cont .request-info {
		margin-right: 0;
	}
}