@font-face { font-family: hchf-menu-icons; src: url('../template-parts/chrome/menu-icons.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: block; }
@font-face { font-family: hchf-social-icons; src: url('../template-parts/chrome/social-icons.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: block; }
@font-face { font-family: hchf-calendar-icons; src: url('../template-parts/chrome/calendar-icons.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: block; }

.hchf-site-header, .hchf-site-footer { font: 300 14px/1.618 "Muli", sans-serif; color: #3c4858; background: #fff; }
.hchf-site-header *, .hchf-site-footer * { box-sizing: border-box; }
.hchf-site-header { padding: 1% 4%; position: relative; z-index: 100; }
.hchf-site-header.hchf-chrome-associate { padding-right: 2%; padding-left: 2%; }
.hchf-header-row { display: flex; align-items: center; }
.hchf-header-brand { width: 20%; flex-shrink: 0; line-height: 0; }
.hchf-header-brand a { display: inline-block; }
.hchf-header-brand img, .hchf-footer-brand img { height: auto; max-width: 100%; width: 100%; vertical-align: middle; border: 0; box-shadow: none; }
.hchf-header-navigation { width: 79.99%; }
.hchf-chrome-menu, .hchf-chrome-menu .sub-menu { list-style: none; margin: 0; padding: 0; }
.hchf-chrome-menu { display: flex; flex-wrap: wrap; }
.hchf-chrome-menu li { display: block; position: relative; padding: 0; margin: 0; }
.hchf-chrome-menu a { display: flex; align-items: center; color: #3b413c; font: 300 16px/20px "Muli", sans-serif; text-decoration: none; padding: 0; margin: 0 20px; white-space: nowrap; }
.hchf-chrome-menu > li:first-child > a { margin-left: 0; }
.hchf-chrome-menu > li:last-child > a { margin-right: 0; }
.hchf-chrome-menu a:hover, .hchf-chrome-menu a:focus, .hchf-chrome-menu .current-menu-item > a { color: #bddc04; }
.hchf-chrome-menu .menu-item-has-children > a::after { content: '+'; padding-left: 10px; font: inherit; line-height: 1; }
.hchf-chrome-menu .sub-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 160px; background: #fff; z-index: 101; }
.hchf-chrome-menu .sub-menu a { margin: 0; padding: 13px 20px; font-size: 13px; }
.hchf-chrome-menu li:hover > .sub-menu, .hchf-chrome-menu li:focus-within > .sub-menu, .hchf-chrome-menu li.hchf-submenu-open > .sub-menu { display: block; }
.hchf-menu-toggle { display: none; border: 0; border-radius: 3px; box-shadow: none; background: transparent; color: #3b413c; width: 45px; height: 45px; padding: 7.5px; margin: 0 0 0 auto; cursor: pointer; align-items: center; justify-content: center; text-transform: none; }
.hchf-menu-toggle:hover, .hchf-menu-toggle:focus { background: transparent; color: #bddc04; box-shadow: none; }
.hchf-menu-icon { display: block; font: normal 30px/1 hchf-menu-icons; }
.hchf-menu-icon::before { content: '\e816'; }
.hchf-menu-toggle[aria-expanded='true'] .hchf-menu-icon::before { content: '\e87f'; }
.hchf-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.hchf-site-footer { display: flow-root; }
/* Original full-width footers masked the content shadow; native archives did not. */
.page-template-hchf-full-width .hchf-site-footer { position: relative; }
.hchf-footer-inner { padding: 0 5% 2%; }
.hchf-footer-divider { padding: 15px 0; }
.hchf-footer-divider span { display: block; border-top: 1px solid #aaaf98; }
.hchf-footer-row { display: flex; align-items: center; }
.hchf-footer-brand { width: 22.645%; line-height: 0; }
.hchf-footer-brand a { display: inline-block; }
.hchf-footer-navigation { width: 66.424%; }
.hchf-footer-navigation .hchf-chrome-menu { justify-content: center; }
.hchf-footer-navigation .hchf-chrome-menu a { margin-right: 25px; margin-left: 25px; }
.hchf-footer-navigation .hchf-chrome-menu > li:first-child > a { margin-left: 0; }
.hchf-footer-navigation .hchf-chrome-menu > li:last-child > a { margin-right: 0; }
.hchf-footer-social { text-align: center; }
.hchf-footer-twitter { width: 5.535%; }
.hchf-footer-calendar { width: 5.396%; }
.hchf-footer-social a { color: #61ce70; display: inline-block; font-size: 25px; line-height: 1; }
.hchf-footer-social span { display: block; width: 25px; height: 25px; position: relative; font-size: 25px; font-weight: normal; line-height: 1; }
.hchf-footer-social span::before { position: absolute; left: 50%; transform: translateX(-50%); }
.hchf-footer-twitter span { font-family: hchf-social-icons; }
.hchf-footer-twitter span::before { content: '\f099'; }
.hchf-footer-calendar span { font-family: hchf-calendar-icons; }
.hchf-footer-calendar span::before { content: '\f073'; }
.hchf-footer-spacer { height: 10px; }
.hchf-footer-legal { max-width: 871px; margin: 0 auto; display: flex; align-items: center; color: #000; font: 200 14px/1.618 "Muli", sans-serif; text-align: center; }
.hchf-footer-legal > div { width: 25%; }
.hchf-footer-legal p { margin: 0 0 10px; font: inherit; }
.hchf-footer-legal #privacy-policy { color: #000; }

@media (max-width: 1024px) {
	.hchf-site-header, .hchf-site-header.hchf-chrome-associate { padding: 1em 0; }
	.hchf-header-brand { width: 50%; padding-left: 17px; }
	.hchf-header-navigation { width: 50%; position: relative; }
	.hchf-site-header .hchf-menu-toggle { display: flex; }
	.hchf-site-header .hchf-chrome-navigation { display: none; position: absolute; top: 100%; margin-top: 40px; right: 0; width: 100vw; background: #fff; }
	.hchf-site-header .hchf-chrome-navigation.hchf-menu-open { display: block; }
	.hchf-site-header .hchf-chrome-menu { display: block; }
	.hchf-site-header .hchf-chrome-menu a { margin: 0; padding: 10px 20px; }
	.hchf-site-header .hchf-chrome-menu .sub-menu { position: static; }
	.hchf-site-header .hchf-chrome-menu .sub-menu a { font-size: 11.05px; padding-left: 40px; }
	.hchf-footer-inner { margin-top: 20px; }
	.hchf-footer-row { flex-wrap: wrap; }
	.hchf-footer-brand, .hchf-footer-navigation, .hchf-footer-social { width: 100%; }
	.hchf-footer-navigation .hchf-chrome-menu a { font-size: 14px; }
	.hchf-footer-legal { flex-wrap: wrap; margin-bottom: 50px; }
	.hchf-footer-legal > div { width: 100%; }
}

@media (max-width: 767px) {
	.hchf-header-brand { width: 65%; }
	.hchf-header-navigation { width: 35%; }
	.hchf-site-header .hchf-chrome-navigation { margin-top: 1px; }
	.hchf-footer-inner { padding: 0 1em; margin-top: 0; }
	.hchf-footer-navigation { margin-top: 10px; position: relative; }
	.hchf-footer-navigation .hchf-menu-toggle { display: flex; margin: 0 auto; padding: 5.5px; width: 33px; height: 33px; }
	.hchf-footer-navigation .hchf-menu-icon { font-size: 22px; }
	.hchf-footer-navigation .hchf-chrome-navigation { display: none; position: absolute; top: calc(100% + 10px); left: -14px; width: 100vw; background: #fff; z-index: 101; }
	.hchf-footer-navigation .hchf-chrome-navigation.hchf-menu-open { display: block; }
	.hchf-footer-navigation .hchf-chrome-menu { display: block; }
	.hchf-footer-navigation .hchf-chrome-menu a { margin: 0; padding: 10px 20px; justify-content: center; }
	.hchf-footer-navigation .hchf-chrome-menu .sub-menu { position: static; }
	.hchf-footer-legal { font-size: 12px; }
	.hchf-footer-legal > div:not(:first-child) { margin-top: 20px; }
}
