.homepage {
	background-color: #fff;
}

.ymag-header--float {
	position: fixed;
	top: -190px;
}

.ymag-home-header {
	display: grid;
	grid-template-columns: 32px min-content auto min-content auto min-content 32px;
	grid-template-areas:
		"ribbon ribbon ribbon ribbon ribbon ribbon ribbon"
		". search . title . nav ."
		". . . title . . .";
	align-items: center;
}

.ymag-header__masthead-container {
	display: flex;
	margin: 0 auto;
}

.ymag-header__masthead-link {
	margin-left: 200px;
}

.ymag-header__masthead {
	margin-left: 0;
}

.ymag-home-header__monogram-ribbon {
	grid-area: ribbon;
	background-color: #002e5d;
	z-index: 1;
}

.ymag-home-header__monogram-wrapper {
	width: calc(100% - 56px);
	display: flex;
	align-items: center;
	margin: auto;
}

.ymag-home-header__monogram-link {
	display: flex;
}

.ymag-home-header__monogram {
	height: 16px;
	margin: 12px 0;
}

.ymag-home-header__fill {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	background-color: var(--byu-white);
}

.ymag-home-header__fill--desktop {
	display: none;
}

.ymag-home-header__border {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 1px;
	box-sizing: border-box;
}

.ymag-home-header__mobile-nav-button-wrapper {
	grid-area: nav;
}

.ymag-home-header__mobile-nav-button {
	padding: 0;
}

.ymag-home-header .tcon-menu__lines,
.ymag-home-header .tcon-menu__lines::before,
.ymag-home-header .tcon-menu__lines::after {
	height: 2px;
	background-color: var(--mag-grey);
}

.ymag-home-header__title {
	grid-area: title;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--byu-white);
	padding: 16px 0;
	margin-top: -1px;
	text-decoration: none;
}

.ymag-home-header__title-text {
	font-family: var(--ringside-ssm);
	font-size: 14px;
	color: var(--byu-navy);
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 8px;
	margin-bottom: 30px;
}

.ymag-home-header__search-button-wrapper {
	grid-area: search;
}

.ymag-home-header__search-button {
	width: 16px;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0 5px;
	background-color: var(--byu-white);
	outline: none;
	border: none;
	cursor: pointer;
}

.ymag-home-header__desktop-link {
	display: none;
	font-family: var(--ringside-ssm);
	font-size: 16px;
	color: var(--byu-navy);
	text-decoration: none;
}

.ymag-home-header__desktop-link:hover {
	cursor: pointer;
	color: var(--byu-royal);
}

.ymag-home-header__mobile-nav,
.ymag-home-header__mobile-search {
	grid-column: 1 / 8;
	height: 0;
	display: flex;
	flex-direction: column;
	background-color: var(--byu-white);
	transition: height 250ms ease;
	position: relative;
}

.ymag-home-header__mobile-nav--active,
.ymag-home-header__mobile-search--active {
	height: unset;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.ymag-home-header__nav-item {
	font-family: var(--ringside-ssm);
	color: var(--byu-navy);
	padding: 0.75em;
	transition: background 250ms ease;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.ymag-home-header__nav-item:hover {
	color: var(--byu-navy);
	cursor: pointer;
	background-color: var(--byu-grey-medium-light);
}

@media (min-width: 1024px) {

	.ymag-home-header {
		grid-template-columns: auto repeat(7, 125px) auto;
		grid-template-areas:
			"ribbon ribbon ribbon ribbon ribbon ribbon ribbon ribbon ribbon"
			". . nav . title . search . ."
			". . . . title . . . .";
	}

	.ymag-home-header__monogram-wrapper {
		max-width: 964px;
	}

	.ymag-home-header__mobile-nav,
	.ymag-home-header__mobile-search {
		display: none;
	}

	.ymag-home-header__mobile-nav-button,
	.ymag-home-header__search-button {
		display: none;
	}

	.ymag-home-header__fill {
		justify-content: center;
	}

	.ymag-home-header__fill--desktop {
		display: flex;
		visibility: visible;
		transition: color .2s ease;
	}

	.ymag-home-header__desktop-link {
		display: inherit;
		visibility: visible;
		transition: color .2s ease;
	}

	.ymag-home-header__y {
		height: 155px;
	}

	.ymag-home-header__title-text {
		font-size: 21px;
		margin-top: 16px;
		margin-bottom: 2rem;
	}

	.ymag-header__search-form--top {
		position: absolute;
		width: 90%;
		max-width: 200px;
		transition: width 250ms ease;
	}

	.ymag-header__search-form--top:focus-within {
		position: relative;
		width: 100%;
	}

	.ymag-home-header__search-container {
		justify-content: left;
	}

	.ymad-home-header
}

@media (min-width: 1300px) {

	.ymag-home-header__monogram-wrapper {
		max-width: 1170px;
	}

	.ymag-header__search-form--top {
		display: block;
		position: absolute;
		left: 10px;
	}

	.ymag-header__search-form--top:focus-within {
		position: absolute;
	}
}

@media (min-width: 1800px) {

	.ymag-home-header__monogram-wrapper {
		max-width: 1400px;
	}
}

@media (max-width: 880px) {
	.ymag-header__masthead-link {
		margin-left: 0;
	}
}