/* Reconstructed "lander" RapidWeaver theme for Ned Kelly's The Village Inn.
   Original multithemes.com theme CSS/JS was never archived by the Wayback Machine
   (zero CDX captures); this reproduces the original centered single-column layout
   faithfully from the preserved HTML structure. */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;padding:0;
  font-family:"Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.6;color:#2b2b2b;
  background-color:#123a22;
}
img{max-width:100%;height:auto;border:0}
a{color:#1f6b3a;text-decoration:none}
a:hover{text-decoration:underline}

#container{max-width:1000px;margin:0 auto;background:#fdfcf7;
  box-shadow:0 0 28px rgba(0,0,0,.45);min-height:100vh}

/* ---- drop / accordion nav toggle ---- */
#drop.togglebox{
  position:fixed;top:14px;right:18px;z-index:9000;
  width:46px;height:46px;border-radius:6px;
  background:#1f6b3a;color:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:24px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
#drop.togglebox:hover{background:#2a7d47}
.clearer{clear:both}

#accordion{position:relative}
#navcontainer_box{
  max-height:0;overflow:hidden;transition:max-height .35s ease;
  background:#143d22;}
#navcontainer_box.open{max-height:1600px}
#navcontainer{padding:8px 0}
#navcontainer ul{list-style:none;margin:0;padding:0}
#navcontainer>ul>li>a{display:none}
#navcontainer ul ul{display:block}
#navcontainer li{margin:0}
#navcontainer a{
  display:block;padding:11px 28px;color:#f3efe2;border-bottom:1px solid rgba(255,255,255,.07);
  font-size:16px}
#navcontainer a:hover{background:#1f6b3a;text-decoration:none;color:#fff}
#navcontainer a.parent{font-weight:700;background:rgba(0,0,0,.18)}
#navcontainer ul ul a{padding-left:46px;font-size:15px;color:#cfe6d6}
#navcontainer #current{background:#2a7d47;color:#fff}
#navcontainer_opacity{display:none}

/* ---- header ---- */
#headerbox{background:#143d22;text-align:center;padding:0}
#rw-banner-image,#banner_grid{display:none}
#pageHeader{padding:26px 16px 10px}
#logo{margin:0 auto}
#logo img{max-width:420px;width:80%;height:auto}
#fade_titles{color:#f6f1e2;padding:6px 12px 22px}
#fade_titles h1{font-size:clamp(22px,4vw,34px);margin:.2em 0;font-weight:700;
  text-shadow:0 1px 2px rgba(0,0,0,.5)}
#fade_titles h2{font-size:clamp(15px,2.4vw,20px);font-weight:400;margin:.2em 0;color:#d8e6cf}
#breadcrumbcontainer_box{display:none}

/* ---- content ---- */
#global_width{padding:0}
#contentContainer{padding:28px 26px 10px}
#content{max-width:820px;margin:0 auto}
#content h1,#content h2,#content h3{color:#123a22;line-height:1.25}
#content h1{font-size:28px;border-bottom:3px solid #1f6b3a;padding-bottom:8px;margin-top:0}
#content h2{font-size:22px;margin-top:1.4em}
#content p{margin:.8em 0}
#content img{display:block;margin:14px auto;box-shadow:0 1px 6px rgba(0,0,0,.18)}
.centered_image{text-align:center}
.imageStyle{display:inline-block}
.stacks_in.text_stack{margin:10px 0}
.stacks_out{margin:0}

/* button stacks */
.outershadow{display:inline-block;margin:8px}
[class*="buttoncontainer"]{text-align:center}
[class*="buttoncontainer"] a{
  display:inline-block;background:#1f6b3a;color:#fff;font-weight:700;
  padding:11px 26px;border-radius:5px;margin:6px;font-size:16px}
[class*="buttoncontainer"] a:hover{background:#2a7d47;text-decoration:none}
[class*="centeringwrapper"]{text-align:center}

[id^="caption_"]{font-size:14px;color:#555;text-align:center;margin-top:4px}

#sidebarContainer,#sidebarBackground{display:none}

/* ---- footer ---- */
#footer{background:#143d22;color:#cfe6d6;text-align:center;padding:20px 16px;
  font-size:14px;margin-top:30px}
#footer a{color:#a7d4b4}
.footer_breadcrumbcontainer{display:none}

/* scroll-to-top */
#up{position:fixed;bottom:20px;right:20px;z-index:8000}
#up a{display:flex;width:44px;height:44px;border-radius:50%;background:#1f6b3a;color:#fff;
  align-items:center;justify-content:center;font-size:22px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
#up a:hover{background:#2a7d47;text-decoration:none}
.settings{display:none}

iframe{max-width:100%}

#content table{max-width:100%;border-collapse:collapse;margin:14px auto;font-size:14px}
#content table td,#content table th{border:1px solid #ddd;padding:6px 8px;vertical-align:top}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:600px){
  #contentContainer{padding:18px 14px}
  body{font-size:16px}
  #logo img{width:90%}
}