/*
Theme Name: New Idea Hallway
Description: The New Idea animated 3D experience, with native WordPress templates for other pages and posts.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Author: New Idea
Text Domain: new-idea-hallway
License: GNU General Public License v2 or later (WordPress PHP code)
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

body.new-idea-experience {
  margin: 0;
}

.new-idea-noscript {
  box-sizing: border-box;
  min-height: 100vh;
  padding: clamp(32px, 8vw, 96px);
  background: #f7f7f3;
  color: #202020;
  font: 18px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.new-idea-noscript h1 {
  margin: 0 0 24px;
  font-size: clamp(36px, 6vw, 64px);
  font-weight: 750;
  line-height: 1.1;
}

.new-idea-noscript p {
  max-width: 640px;
  margin: 0 0 28px;
}

.new-idea-noscript nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}

.new-idea-noscript a {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 4px;
  background: #234b34;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.new-idea-noscript a:focus-visible {
  outline: 3px solid #234b34;
  outline-offset: 4px;
}

.new-idea-noscript .new-idea-noscript-note {
  color: #60665b;
  font-size: 15px;
}

body.new-idea-native {
  margin: 0;
  background: #f7f7f3;
  color: #202020;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

.new-idea-native *,
.new-idea-native *::before,
.new-idea-native *::after {
  box-sizing: border-box;
}

.new-idea-native a {
  color: #234b34;
  text-underline-offset: 0.2em;
}

.new-idea-native a:focus-visible,
.new-idea-native button:focus-visible,
.new-idea-native input:focus-visible {
  outline: 3px solid #4f865c;
  outline-offset: 4px;
}

.new-idea-native-header,
.new-idea-native-footer,
.new-idea-content {
  width: min(100% - 40px, 920px);
  margin-inline: auto;
}

.new-idea-native-header {
  padding-block: 32px;
  border-bottom: 1px solid #d8dacf;
}

.new-idea-native-brand {
  color: #202020 !important;
  font-size: 24px;
  font-weight: 750;
  text-decoration: none;
}

.new-idea-native-tagline {
  margin: 4px 0 0;
  color: #60665b;
  font-size: 15px;
}

.new-idea-content {
  min-height: 55vh;
  padding-block: 48px 64px;
  overflow-wrap: break-word;
}

.new-idea-content h1,
.new-idea-content h2,
.new-idea-content h3,
.new-idea-content h4 {
  line-height: 1.2;
  text-wrap: balance;
}

.new-idea-content h1 {
  margin-top: 0;
  font-size: clamp(32px, 5vw, 48px);
}

.new-idea-content h2 {
  font-size: clamp(25px, 4vw, 32px);
}

.new-idea-entry + .new-idea-entry {
  margin-top: 36px;
  padding-top: 36px;
  border-top: 1px solid #d8dacf;
}

.new-idea-entry-title a {
  color: inherit;
  text-decoration: none;
}

.new-idea-entry-title a:hover {
  text-decoration: underline;
}

.new-idea-entry-meta {
  margin-block: -8px 24px;
  color: #60665b;
  font-size: 14px;
}

.new-idea-content img,
.new-idea-content video,
.new-idea-content iframe {
  max-width: 100%;
}

.new-idea-content img,
.new-idea-content video {
  height: auto;
}

.new-idea-content figure {
  margin-inline: 0;
}

.new-idea-content pre {
  overflow-x: auto;
  padding: 20px;
  background: #e9ece3;
}

.new-idea-content blockquote {
  margin-inline: 0;
  padding-left: 24px;
  border-left: 3px solid #4f865c;
}

.new-idea-content table {
  width: 100%;
  border-collapse: collapse;
}

.new-idea-content th,
.new-idea-content td {
  padding: 10px;
  border: 1px solid #cdd2c5;
  text-align: left;
}

.new-idea-native input,
.new-idea-native button,
.new-idea-native textarea,
.new-idea-native select {
  max-width: 100%;
  padding: 10px 14px;
  border: 1px solid #a8b09e;
  border-radius: 3px;
  font: inherit;
}

.new-idea-native input[type="submit"],
.new-idea-native button {
  background: #234b34;
  color: #fff;
  cursor: pointer;
}

.new-idea-native .pagination,
.new-idea-native .post-navigation,
.new-idea-page-links {
  margin-top: 40px;
}

.new-idea-native .page-numbers {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 4px 10px;
}

.new-idea-native-footer {
  padding-block: 24px 40px;
  border-top: 1px solid #d8dacf;
  font-size: 14px;
}

.new-idea-native .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.new-idea-native .skip-link:focus {
  position: fixed;
  z-index: 100000;
  top: 12px;
  left: 12px;
  width: auto;
  height: auto;
  padding: 12px 18px;
  clip: auto;
  background: #fff;
}

.new-idea-content .alignleft {
  float: left;
  margin: 0 24px 20px 0;
}

.new-idea-content .alignright {
  float: right;
  margin: 0 0 20px 24px;
}

.new-idea-content .aligncenter {
  display: block;
  margin-inline: auto;
}

.new-idea-entry-content::after {
  display: block;
  clear: both;
  content: "";
}

.new-idea-content .wp-caption {
  max-width: 100%;
}

.new-idea-content .wp-caption-text,
.new-idea-content .gallery-caption {
  color: #60665b;
  font-size: 14px;
}

@font-face{font-family:Bricolage;src:url('assets/media/bricolage-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Bricolage;src:url('assets/media/bricolage-bold.ttf');font-weight:600 900;font-display:swap}
@font-face{font-family:'Patrick Hand';src:url('assets/media/patrick-hand.ttf');font-display:swap}

/* Available before the browser downloads the application bundle. */
.experience-loader{position:fixed;inset:0;z-index:99990;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#f8f8f4;color:#333b2c;font-family:Bricolage,Arial,sans-serif;text-align:center;padding:28px;outline:none}
.loader-sketch{width:90px;height:104px;position:relative;margin-bottom:24px;color:#576346}
.loader-sketch:before{content:"";position:absolute;inset:13px -2px 6px;background:#edefb1;border-radius:48% 52% 47% 53%;transform:rotate(-12deg)}
.loader-sketch svg{position:relative;width:64px;height:80px;margin-top:7px;animation:idea-glow 2.4s ease-in-out infinite}
.loader-brand{font-family:'Patrick Hand',cursive;font-size:46px;line-height:1.2;transform:rotate(-2deg)}
.loader-message{margin:18px 0 25px;font-size:16px;line-height:1.5;color:#66705b}
.loader-track{height:3px;width:min(220px,75vw);background:#e1e5d9;overflow:hidden;border-radius:3px}
.loader-track>span{display:block;height:100%;background:#697d46;transition:width .18s ease-out}
.loader-percent{font-size:14px;margin-top:10px;min-height:22px;color:#647054;font-variant-numeric:tabular-nums}
.loader-skip,.loader-help{font:inherit;font-size:16px;color:#586447;background:none;border:0;border-bottom:1px solid #bbc4ac;text-decoration:none;padding:8px 0;margin-top:30px;cursor:pointer}
.loader-skip:focus-visible,.loader-help:focus-visible{outline:2px solid #596b40;outline-offset:6px}
.loader-boot-bar{animation:idea-loading 1.5s ease-in-out infinite;width:36%}
@keyframes idea-glow{50%{opacity:.6;transform:rotate(4deg)}}
@keyframes idea-loading{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.loader-sketch svg,.loader-boot-bar{animation:none}.loader-track>span{transition:none}}