/* ourstairs.html (page-id-16): CSS-only fixes to match the live Weebly page. Scope everything with body.page-id-16. */
/* ---- Banner (Weebly .banner-wrap): fixed 500px >=768, auto <=767; inner box = 65% min-width, min-height 50 + 5vw padding (52/65 >=1025) ---- */
body.page-id-16 .wp-block-post-content>.wp-block-cover .wp-block-cover__inner-container{box-sizing:content-box;min-height:50px;padding:5vw;margin:0 auto;min-width:65%;flex:0 1 auto;width:auto}
body.page-id-16 .wp-block-post-content>.wp-block-cover h2.wp-block-heading{margin:0}
@media(min-width:768px){
body.page-id-16 .wp-block-post-content>.wp-block-cover{min-height:500px!important}
}
@media(min-width:1025px){
body.page-id-16 .wp-block-post-content>.wp-block-cover{padding-left:0;padding-right:0}
body.page-id-16 .wp-block-post-content>.wp-block-cover .wp-block-cover__inner-container{padding:52px 65px;min-width:calc(min(100%,1170px)*.65)}
}
/* ---- Iron Ash list: converter gave it prefab-list-last (25px bottom) AND a 51px spacer; Weebly has 5px list margin + 51px = 56px ---- */
body.page-id-16 .wp-block-list.prefab-list-last+.wp-block-spacer{height:31px!important}
/* ---- Weebly sets -webkit-font-smoothing:antialiased on body (thinner text on macOS) ---- */
body.page-id-16{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* ---- Timber lists: Weebly li carries inline colour:rgb(0,0,0) on F7 / Spotted Gum / Merbau (bullets follow); Iron Ash list inherits #3f3f3f ---- */
body.page-id-16 .wp-block-post-content>.wp-block-group ul.wp-block-list:nth-of-type(n+2):nth-of-type(-n+4){color:#000}
/* ---- Header: Weebly shows the hamburger up to 1024px; WP's "mobile" overlay only collapses below 600px (601-1024 shows the inline nav) ---- */
@media(min-width:600px) and (max-width:1024px){
body.page-id-16 .prefab-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
body.page-id-16 .prefab-header .wp-block-navigation__responsive-container-open{display:flex}
}
/* Weebly header <=1024: [hamburger 0 1 100px (border-box, 16px padding)] [logo] [site-utils 0 1 100px] space-between, so the logo is centred on the page */
@media(max-width:1024px){
body.page-id-16 .prefab-header-inner{justify-content:space-between!important}
body.page-id-16 .prefab-header-inner>.wp-block-navigation{box-sizing:border-box;padding-right:16px}
body.page-id-16 .prefab-header .wp-block-site-logo{margin:0}
body.page-id-16 .prefab-header .wp-block-navigation__responsive-container-open{height:34px}
}
/* ---- Video column: retain the 544x306 player and original 317px line box.
The empty companion columns make room for the whole player below 1025px. ---- */
body.page-id-16 .wp-block-post-content .prefab-native-video{box-sizing:border-box;width:100%;height:317px;margin:0;overflow:hidden}
body.page-id-16 .wp-block-post-content .prefab-native-video video{display:block;width:544px;height:306px;max-width:none;object-fit:contain;background:#fff}
@media(max-width:1024px){
body.page-id-16 .wp-block-post-content .wp-block-columns:has(.prefab-native-video){display:block}
body.page-id-16 .wp-block-post-content .wp-block-columns:has(.prefab-native-video)>.wp-block-column:first-child{width:100%}
body.page-id-16 .wp-block-post-content .prefab-native-video{max-width:544px;margin:0 auto}
body.page-id-16 .wp-block-post-content .prefab-native-video video{width:100%}
}
@media(max-width:766px){
body.page-id-16 .wp-block-post-content .wp-block-columns:has(.prefab-native-video){padding-bottom:15px}
}
/* ---- Spacer between the two lists in HOW TO ORDER = Weebly's zero-width-space line, i.e. one line-height (26px >=767, 32px <=766) ---- */
@media(max-width:766px){
body.page-id-16 .wp-block-list.prefab-list-first+.wp-block-spacer{height:32px!important}
/* Merbau + Iron Ash trailing blank lines are also one 32px line on phones (desktop 26px): spacers 51->57 and 31->37 */
body.page-id-16 .wp-block-list:not([class*=prefab-list])+.wp-block-spacer{height:57px!important}
body.page-id-16 .wp-block-list.prefab-list-last+.wp-block-spacer{height:37px!important}
}
/* Logo box: live is the 200x31.1 image alone (centred -> y 30.95 / 44.45); the WP wrapper adds 2px of line box (y 30 / 43.5) */
body.page-id-16 .prefab-header .wp-block-site-logo{line-height:0}
body.page-id-16 .prefab-header .wp-block-site-logo a{display:block}
body.page-id-16 .prefab-header .wp-block-site-logo img{height:31.1px}
/* ---- Footer (shared part; scoped here so this page matches; liftable into style.css) ---- */
@media(min-width:768px) and (max-width:1024px){
/* style.css gives every footer column a 25px bottom margin <=1024; Weebly only stacks (and spaces) cells <=767 */
body.page-id-16 .prefab-footer .wp-block-column{margin-bottom:0}
}
@media(max-width:766px){
/* "WE ARE PROUD MEMBERS OF:" keeps its 15px bottom margin on phones (style.css zeroes every footer h2) */
body.page-id-16 .prefab-footer hr.wp-block-separator+h2.wp-block-heading{margin-bottom:15px}
/* map column: Weebly's 32px line-height under the inline map iframe makes the cell 4px taller */
body.page-id-16 .prefab-footer .wp-block-column:has(>iframe){padding-bottom:4px}
}
/* footer "download brochure" button text is white on the blue button (style.css .prefab-footer a{color:#4f4f4e} wins otherwise) */
body.page-id-16 .prefab-footer .wp-block-button__link{color:#fff}
/* ---- Link hover: Weebly drops the underline on hover (colour change already matches) ---- */
body.page-id-16 .wp-block-post-content :is(p,li,td) a:not(.wp-block-button__link):hover{text-decoration:none}
/* ---- Open hamburger menu <=1024 (Weebly .mobile-nav): centred Open Sans 20px items on a 47px pitch, submenu collapsed behind a caret, thick 20px close X ---- */
@media(max-width:1024px){
body.page-id-16 .prefab-header .wp-block-navigation__responsive-container.is-menu-open{background:rgba(255,255,255,.97)!important}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation__responsive-container-content{padding:63px 40px 40px}
body.page-id-16 .prefab-header .is-menu-open ul.wp-block-navigation__container{padding:0!important;align-items:center!important;width:100%;gap:0}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation-item{align-items:center;width:100%;padding-bottom:5px;text-align:center}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation-item__content{font-family:"Open Sans",sans-serif!important;font-weight:400!important;font-size:20px!important;letter-spacing:0!important;line-height:normal!important;text-align:center;margin-top:15px;color:#4f4f4e!important}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation-submenu{position:relative;padding:0 30px 5px;box-sizing:border-box}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation-submenu>.wp-block-navigation__submenu-container{display:none}
/* WP's overlay opens with every submenu aria-expanded=true; Weebly starts collapsed, so show it on aria-expanded=false (the first tap) */
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded=false]~.wp-block-navigation__submenu-container{display:flex;margin-top:10px;padding:0;align-items:center;width:100%;gap:0}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{padding:0;width:100%}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:18px!important;line-height:36px!important;margin:0;color:#717170!important}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation__submenu-icon{display:block!important;position:absolute;right:10px;top:25px;width:9px;height:6px;margin:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpath d='M4.066 5.706L.294 1.934c-.24-.24-.24-.63 0-.868.24-.24.63-.24.87 0L4.5 4.403l3.337-3.337c.24-.24.63-.24.87 0s.24.628 0 .868L4.933 5.706c-.12.12-.277.18-.434.18-.157 0-.314-.06-.433-.18z' fill='%234f4f4e'/%3E%3C/svg%3E") no-repeat}
body.page-id-16 .prefab-header .is-menu-open .wp-block-navigation__submenu-icon svg{display:none}
body.page-id-16 .prefab-header .wp-block-navigation__responsive-container-close{width:60px;height:63px;padding:20px;box-sizing:border-box}
body.page-id-16 .prefab-header .wp-block-navigation__responsive-container-close svg{display:none}
body.page-id-16 .prefab-header .wp-block-navigation__responsive-container-close::before{content:"";display:block;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M12.376 10l7.13-7.13c.656-.657.656-1.72 0-2.378-.656-.656-1.72-.656-2.377 0L10 7.622 2.87.493C2.212-.164 1.15-.164.49.492c-.656.657-.656 1.72 0 2.377L7.622 10l-7.13 7.13c-.656.656-.656 1.72 0 2.376.657.656 1.72.656 2.377 0l7.13-7.13 7.13 7.13c.656.656 1.72.656 2.376 0 .656-.656.656-1.72 0-2.377L12.376 10z' fill='%234f4f4e' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat}
}