/* modern.css : site-wide refresh for nordendirections.com.au (design only, no content changes) */
:root{--ink:#1c2326;--muted:#55616a;--paper:#f7f8f6;--card:#fff;--line:#d9ddd8;--accent:#4a6b1a;--accent-dark:#33490f;--stone:#eceee6}
*{box-sizing:border-box}
html{font-size:112.5%}
body{margin:0!important;padding:0!important;background:var(--paper)!important;background-image:none!important;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}
a{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
img{max-width:100%}

/* page frame */
#wrapper{position:static!important;float:none!important;width:auto!important;max-width:72rem;margin:0 auto!important;padding:1rem!important;background:none!important;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
#logo,#heading,#navigation,#content1,#footer{position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;left:auto!important;top:auto!important}
#logo img{height:56px;width:auto}
#footer2{display:none}

/* title bar */
#heading{background:#222!important;padding:1.4rem 1.5rem!important;border-radius:.4rem}
#heading h1{margin:0!important;color:#fff!important;font:400 1.9rem/1.2 Georgia,"Times New Roman",serif!important}

/* navigation */
#navigation{display:flex;flex-wrap:wrap;gap:.4rem;background:none!important}
#navigation br{display:none}
#navigation>a{display:inline-block;padding:.5rem .8rem;background:var(--card);border:1px solid var(--line);border-radius:.35rem;color:var(--ink)!important;text-decoration:none;font-size:.75rem;font-weight:600}
#navigation>a:hover{background:var(--stone)}
#image-thumbs{display:none;flex-basis:100%}
.thumbs{float:none!important;width:auto!important;margin:0!important}

/* content */
#content1{background:var(--card)!important;border:1px solid var(--line);border-radius:.4rem;padding:1.25rem!important;overflow-wrap:break-word}
#content1 h1,#content1 h2,#content1 h3{font-family:Georgia,"Times New Roman",serif!important;color:var(--ink)!important;line-height:1.25;font-weight:400}
#content1 h1{font-size:1.65rem!important;margin:2.5rem 0 .75rem!important;padding-top:1.25rem;border-top:2px solid var(--stone)}
#content1>h1:first-child{margin-top:0!important;padding-top:0;border-top:0}
#content1 h2{font-size:1.35rem!important;margin:1.75rem 0 .5rem!important}
#content1 h3{font-size:1.15rem!important}
#content1 p,#content1 li,#content1 address{max-width:46rem;font-style:normal}
#content1 address{margin:.5rem 0}
#content1 hr{border:0;border-top:1px solid var(--line);margin:1rem 0}
#content1 img{height:auto!important;border-radius:.3rem}
#content1 iframe,#content1 video,#content1 embed,#content1 object{max-width:100%}
#content1 iframe{aspect-ratio:16/9;height:auto}
#content1 table{max-width:100%;border-collapse:collapse}
#content1 td,#content1 th{vertical-align:top;padding:.35rem .5rem}
#content1 pre{white-space:normal;font-family:inherit}
/* undo old Word formatting */
#content1 p[style],#content1 li[style]{margin-left:0!important;text-indent:0!important}
#content1 li[style]{margin-left:1.2rem!important}
#content1 span[style]{font-size:inherit!important;font-family:inherit!important;line-height:inherit!important}

/* footer */
#footer{background:var(--stone)!important;padding:1.25rem 1.5rem!important;border-radius:.4rem;font-size:.9rem}
#footer-links{display:flex;flex-wrap:wrap;gap:1.5rem 3rem}
#footer-links1,#footer-links2,#footer-links3,#footer-logo{float:none!important;width:auto!important;margin:0!important}
#footer-logo{margin-left:auto!important}
#footer a.r{color:var(--accent)!important}

/* desktop: menu on the left */
@media(min-width:60rem){
  #wrapper{grid-template-columns:15rem minmax(0,1fr);grid-template-areas:"logo logo" "heading heading" "nav content" "footer footer"}
  #logo{grid-area:logo}#heading{grid-area:heading}#navigation{grid-area:nav;align-self:start;flex-direction:column;flex-wrap:nowrap}
  #content1{grid-area:content;padding:2rem!important}#footer{grid-area:footer}
  #navigation>a{display:block}
  #image-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:1rem}
  .thumbs img{width:100%;height:3.4rem;object-fit:cover;border-radius:.25rem}
}