/*
Theme Name: The Tree Play
Theme URI: https://thetreeplay.com/
Author: The Tree Play
Description: A classic theme for a small house of eleven rooms on the inlet road at Tofino, British Columbia. Eleven rooms, one kitchen, one counter, and one room on the ground floor that was a freight office. No blog, no booking engine, no third-party requests.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thetreeplay
Tags: one-column, custom-menu, translation-ready, accessibility-ready
*/

:root{
  --tp-ink:#1b231e;
  --tp-paper:#f5f2ea;
  --tp-paper-2:#ece7da;
  --tp-moss:#2d4a38;
  --tp-moss-soft:#4a6b55;
  --tp-bark:#6d5a46;
  --tp-rule:#d6cfc0;
  --tp-warn:#8a3a24;
  --tp-measure:34rem;
  --tp-gut:1rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--tp-paper);color:var(--tp-ink);
  font:400 1rem/1.62 Archivo,"Segoe UI",system-ui,sans-serif;
}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--tp-moss)}
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,summary:focus-visible{
  outline:3px solid var(--tp-bark);outline-offset:2px
}
h1,h2,h3{font-family:Petrona,Georgia,serif;font-weight:600;line-height:1.18;
  letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,1.3rem + 2.6vw,3.1rem)}
h2{font-size:clamp(1.35rem,1.1rem + 1.1vw,1.85rem);margin-top:2.1em}
h3{font-size:1.1rem;margin-top:1.6em}
p,li{max-width:var(--tp-measure)}
p{margin:0 0 1.05em}

.tp-skip{position:absolute;left:-9999px;top:0;background:var(--tp-ink);
  color:var(--tp-paper);padding:.7rem 1rem;z-index:60}
.tp-skip:focus{left:0}
.tp-wrap{width:100%;max-width:62rem;margin:0 auto;padding:0 var(--tp-gut)}

.tp-top{border-bottom:1px solid var(--tp-rule);background:var(--tp-paper)}
.tp-top__bar{display:flex;align-items:baseline;justify-content:space-between;
  gap:1rem;padding:1.05rem 0}
.tp-top__mark{display:flex;flex-direction:column;text-decoration:none;
  color:inherit;line-height:1.2}
.tp-top__mark span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tp-bark)}
.tp-top__mark b{font-family:Petrona,Georgia,serif;font-size:1.3rem;font-weight:600}
.tp-top__toggle{font:inherit;font-size:.85rem;letter-spacing:.08em;
  text-transform:uppercase;background:none;border:1px solid var(--tp-rule);
  border-radius:2px;padding:.45rem .8rem;cursor:pointer;color:inherit}
.tp-nav[data-open=no]{display:none}
.tp-nav__list{list-style:none;margin:0 0 1rem;padding:0;
  display:grid;gap:.1rem 1.4rem}
.tp-nav__list li{max-width:none}
.tp-nav__list a{display:block;padding:.34rem 0;text-decoration:none;
  border-bottom:1px solid transparent;font-size:.95rem}
.tp-nav__list a:hover{border-bottom-color:var(--tp-moss)}
.tp-nav__list .current-menu-item>a{border-bottom-color:var(--tp-bark)}
@media(min-width:62rem){
  .tp-top__toggle{display:none}
  .tp-nav[data-open=no]{display:block}
  .tp-nav__list{display:flex;flex-wrap:wrap;gap:.1rem 1.5rem;margin-bottom:.4rem}
  .tp-nav__list a{white-space:nowrap}
}

.tp-hero{border-bottom:1px solid var(--tp-rule)}
.tp-hero__img img{width:100%;max-height:30rem;object-fit:cover}
.tp-hero__text{padding:2.2rem 0 1.6rem}
.tp-over{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--tp-bark);margin:0 0 .6rem}
.tp-lede{font-size:1.14rem;color:#304035;max-width:32rem}
.tp-page{padding:2.2rem 0 3rem}
.tp-prose>*+*{margin-top:0}
.tp-prose figure{margin:1.9rem 0}
.tp-prose figcaption{font-size:.84rem;color:var(--tp-bark);margin-top:.45rem;
  max-width:var(--tp-measure)}
.tp-list{margin:0 0 1.2em;padding-left:1.05rem}
.tp-list li{margin:.3em 0}

.tp-facts{display:grid;gap:1px;background:var(--tp-rule);border:1px solid var(--tp-rule);
  margin:1.8rem 0}
.tp-facts div{background:var(--tp-paper);padding:.9rem 1rem}
.tp-facts dt{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--tp-bark);margin-bottom:.25rem}
.tp-facts dd{margin:0;font-size:.97rem}
@media(min-width:40rem){.tp-facts{grid-template-columns:1fr 1fr}}
@media(min-width:62rem){.tp-facts{grid-template-columns:repeat(4,1fr)}}

.tp-teaser{border-top:1px solid var(--tp-rule);
  border-bottom:1px solid var(--tp-rule);background:var(--tp-paper-2);
  padding:2.4rem 0;margin-top:2.6rem}
.tp-teaser__grid{display:grid;gap:1.8rem}
@media(min-width:54rem){.tp-teaser__grid{grid-template-columns:1fr 1fr;
  align-items:start;gap:2.4rem}}
.tp-cta{display:inline-block;font:inherit;font-size:.92rem;
  background:var(--tp-moss);color:var(--tp-paper);text-decoration:none;
  padding:.62rem 1.1rem;border:0;border-radius:2px;cursor:pointer}
.tp-cta:hover{background:var(--tp-ink)}

.tp-draw{margin:1.9rem 0}
.tp-draw svg{width:100%;height:auto;background:var(--tp-paper)}
.tp-draw figcaption{font-size:.84rem;color:var(--tp-bark);margin-top:.5rem}

.tp-form{max-width:30rem;margin:1.6rem 0;display:grid;gap:1rem}
.tp-form label{display:block;font-size:.84rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tp-bark);margin-bottom:.3rem}
.tp-form input,.tp-form select,.tp-form textarea{
  font:inherit;width:100%;padding:.55rem .65rem;background:#fff;
  border:1px solid var(--tp-rule);border-radius:2px;color:inherit}
.tp-form__row{margin:0}
.tp-form__note{font-size:.86rem;color:var(--tp-bark);max-width:30rem}
.tp-form__say{margin:.4rem 0 0;font-size:.92rem;min-height:1.3em}
.tp-form__say[data-bad=yes]{color:var(--tp-warn)}

.tp-gate{position:fixed;inset:0;background:rgba(20,26,22,.93);z-index:70;
  display:grid;place-items:center;padding:1rem}
.tp-gate[hidden]{display:none}
.tp-gate__card{background:var(--tp-paper);max-width:28rem;padding:1.7rem;
  border-radius:3px}
.tp-gate__row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.tp-gate__row button{font:inherit;padding:.58rem 1rem;border-radius:2px;
  cursor:pointer;border:1px solid var(--tp-moss);background:var(--tp-moss);
  color:var(--tp-paper)}
.tp-gate__row button[data-no]{background:none;color:var(--tp-ink);
  border-color:var(--tp-rule)}
.tp-gate__no{color:var(--tp-warn)}
.tp-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:var(--tp-ink);color:var(--tp-paper);padding:.9rem 0}
.tp-bar[hidden]{display:none}
.tp-bar__in{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;
  justify-content:space-between}
.tp-bar p{margin:0;font-size:.88rem;max-width:40rem;color:#e6e2d6}
.tp-bar__list{flex:1 0 100%;margin:.2rem 0 0;padding:0 0 0 1.1rem;
  font-size:.82rem;line-height:1.6;color:#cfc9b8}
.tp-bar button{font:inherit;font-size:.86rem;padding:.42rem .9rem;
  border-radius:2px;cursor:pointer;border:1px solid #6f7a72;background:none;
  color:var(--tp-paper)}
.tp-bar button[data-ok]{background:var(--tp-paper);color:var(--tp-ink);
  border-color:var(--tp-paper)}

.tp-foot{border-top:1px solid var(--tp-rule);margin-top:3rem;
  padding:2rem 0 3.4rem;background:var(--tp-paper-2)}
.tp-foot__casino{font-size:.95rem;max-width:40rem}
.tp-foot__note{font-size:.88rem;color:var(--tp-bark);max-width:34rem}
.tp-foot__links{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;
  flex-wrap:wrap;gap:.3rem 1.1rem}
.tp-foot__links li{max-width:none}
.tp-foot__links a{font-size:.88rem}
.tp-print{font-size:.82rem;color:var(--tp-bark);border-top:1px solid var(--tp-rule);
  margin-top:2.4rem;padding-top:1rem;max-width:42rem}