/* * Top-bar + masthead + nav — styled to match Morrison Hotel live. * * Markup is the byte-for-byte Morrison structure (see inc/header.php + * inc/header-bar.php). These rules replicate the visual outcome of the * legacy `morrison-hotel/style.css` for the header area, narrowed down so * they don't interfere with the Elementor-rendered page content below. */ /* ---------- top-bar ---------- */ #top-header { background-color: #323536; color: #999; font-size: 0.688rem; padding: 0; text-align: center; text-transform: uppercase; } #top-header .wrap { max-width: 1340px; margin: 0 auto; padding: 0 20px; } /* clearfix for the floated children inside .wrap */ #top-header .wrap::after { content: ""; display: table; clear: both; } #top-header a { color: #fff; text-decoration: none; } #top-header a:hover { color: var(--teledom-color-primary, #12894a); } /* Computed styles taken from live `#top-header .site-info`. Defaults from * GeneratePress `.entry-content p` and similar give the paragraph an * unwanted background / border on dark, so they are explicitly reset. */ #top-header .site-info { margin: 0; padding: 0; color: #999999; background: transparent !important; border: 0; box-shadow: none; outline: 0; font-family: "Raleway", serif; font-weight: 400; font-size: 0.688rem; line-height: 46px; text-align: left; text-transform: uppercase; float: left; width: 49%; } #top-header #header-actions { float: right; width: 49%; text-align: right; line-height: 46px; } #top-header .site-follow ul { margin: 0; padding: 0; list-style: none; display: inline-flex; gap: 4px; } #top-header .site-follow ul li { font-size: 0.9375rem; display: inline-block; } #top-header .site-follow ul li a { display: inline-flex; align-items: center; justify-content: center; padding: 0.467em; } @media (max-width: 600px) { #top-header .wrap { flex-direction: column; gap: 6px; } } /* ---------- masthead ---------- */ /* Masthead and the navigation below are visually one dark block. We keep * any box-shadow off the masthead itself — only the nav (which sits * directly under it) carries the drop-shadow that separates the dark * header area from the page content below. */ #masthead.site-header { background-color: #292b2c; color: #fff; padding: 30px 0 0; margin-bottom: 0; text-align: center; } #masthead.site-header, #masthead.site-header a { color: #fff; text-decoration: none; } #masthead .wrap { max-width: 1340px; margin: 0 auto; padding: 0 20px; } /* ---------- branding / logo ---------- */ #masthead .site-branding { display: block; margin: 0 auto 10px; text-align: center; } /* `

` is for SEO — keep it readable for * screen readers but visually hidden, just like Morrison did. */ #masthead .site-title.semantic { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); position: absolute !important; height: 1px; width: 1px; overflow: hidden; white-space: nowrap; } #masthead .site-logo { display: inline-block; line-height: 0; } #masthead .site-logo img { max-width: 100%; height: auto; } /* Two `` tags ship for desktop + retina; show the latter only on hi-dpi * screens to avoid double-rendering. */ #masthead #retina-logo { display: none; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #masthead #desktop-logo { display: none; } #masthead #retina-logo { display: inline-block; } } /* ---------- primary navigation ---------- */ /* `