/* Page-specific styles for weddings.html */
/* #home-logo/#call-now and header nav-link color come from style.css (shared, identical on every page). */
/* Additional .wedding-page rules also live in style.css (shared section near the bottom). */
#weddings-text {
width:50%;
}
@media only screen and (max-width:749px) {
#weddings-text {
width:85%;
}
}
#wedding-planning-guide-preview {
position: relative;
width:100%;
}
/* #weddings-bg: single source of truth — image, position, sizing, spacing all live here. */
#weddings-bg {
background-image: linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.55)), url('../images/uploads/weddings-bg.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
min-height: 400px;
padding: 72px 0;
}
@media only screen and (max-width:749px) {
#weddings-bg {
background-attachment: inherit;
padding: 48px 0;
}
}
/* #weddings-bg2: single source of truth — image, position, sizing, spacing all live here.
"top" keeps subjects' heads from being cropped out of the box (this is the last section on
the page, so with background-attachment:fixed there's no scrolling further to reveal more). */
#weddings-bg2 {
background-image: linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.48)), url('../images/uploads/weddings-bg2.jpg');
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
align-items: center;
min-height: 340px;
padding: 64px 0;
}
@media only screen and (max-width:749px) {
#weddings-bg2 {
background-attachment: inherit;
min-height: 280px;
padding: 48px 0;
}
}
/* border-radius/background/overflow live on the wrapper, not the