html {
scroll-behavior: smooth;
} .wp-block-cover .wp-block-cover__inner-container {
max-width: var(--wp--style--global--wide-size);
margin: 0 auto;
} .wayside-fade-in {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.wayside-fade-in.is-visible {
opacity: 1;
transform: translateY(0);
} .site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
background-color: rgba(26, 26, 26, 0.7) !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
} main {
padding-top: 2rem;
}
.site-header.scrolled {
background-color: rgba(26, 26, 26, 0.95) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
} .book-now-btn {
margin: 0;
font-family: var(--wp--preset--font-family--body);
}
.book-now-btn a,
.book-now-btn a:visited {
display: inline-block;
padding: 0.6em 1.8em;
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white) !important;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: none;
transition: background-color 0.3s ease;
}
.book-now-btn a:hover,
.book-now-btn a:focus {
background: var(--wp--preset--color--primary-light);
color: var(--wp--preset--color--white) !important;
} .wayside-footer-social .wp-social-link {
font-size: 1.15em;
} .room-card {
position: relative;
overflow: hidden;
}
.room-card img {
transition: transform 0.6s ease;
}
.room-card:hover img {
transform: scale(1.05);
}
.room-card h3,
.room-card p {
text-align: center;
} .wp-block-separator.is-style-wayside-gold {
border-top: 1px solid var(--wp--preset--color--primary);
width: 60px;
margin: 1.5rem auto;
} .wp-block-navigation-item__label {
white-space: nowrap;
} @media (max-width: 959px) { .nav-desktop {
display: none !important;
}
.nav-mobile-toggle {
display: flex !important;
} .hide-on-mobile {
display: none !important;
}
}
@media (min-width: 960px) {
.nav-mobile-toggle {
display: none !important;
}
} .hero-full {
min-height: 90vh;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 781px) {
.hero-full {
min-height: 70vh;
}
} .room-card-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 2rem;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
color: white;
transition: padding-bottom 0.3s ease;
}
.room-card:hover .room-card-overlay {
padding-bottom: 2.5rem;
} .wp-block-cover.has-parallax {
background-attachment: fixed;
}
@media (max-width: 781px) {
.wp-block-cover.has-parallax {
background-attachment: scroll;
}
} .facilities-list {
list-style: none;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
.facilities-list li::before {
content: "—";
margin-right: 0.5rem;
color: var(--wp--preset--color--primary);
}
@media (max-width: 600px) {
.facilities-list {
grid-template-columns: 1fr;
}
} body.page-id-28474 .wp-block-cover__image-background {
transform: scale(0.9);
}