/*
Theme Name: Canvas & Cabin
Theme URI: https://canvasandcabin.ca
Author: Canvas & Cabin
Description: Editorial glamping-review theme for Canvas & Cabin. Works together with the "Canvas & Cabin Core" plugin, which provides Stays, Stay Categories and Provinces.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: canvasandcabin
*/

:root{
  --cream:#FAF6EE;
  --cream-2:#F1E9D8;
  --line:#DCD3BF;
  --rust:#BD5B38;
  --rust-dark:#9C4A2C;
  --green:#3E4B39;
  --green-dark:#242B21;
  --ink:#26261F;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{ font-family:'Inter', sans-serif; background:var(--cream); color:var(--ink); line-height:1.6; }
.serif{ font-family:'Fraunces', serif; }
a{ text-decoration:none; color:inherit; }
img{ max-width:100%; display:block; }
.wrap{ max-width:1180px; margin:0 auto; padding:0 40px; }

/* Header */
header{ border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--cream); z-index:50; }
.nav{ display:flex; align-items:center; justify-content:space-between; padding:24px 0; }
.logo{ font-family:'Fraunces', serif; font-size:20px; font-weight:500; letter-spacing:0.3px; }
.nav-links{ display:flex; gap:24px; font-size:12.5px; letter-spacing:1px; text-transform:uppercase; }
.nav-links a{ opacity:0.75; padding-bottom:4px; border-bottom:1.5px solid transparent; }
.nav-links a:hover{ opacity:1; }
.nav-links a.active{ opacity:1; color:var(--rust); border-bottom-color:var(--rust); }
.issue-tag{ font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase; color:var(--rust); }

/* Generic link-arrow */
.link-arrow{ font-size:13.5px; font-weight:500; border-bottom:1.5px solid var(--ink); padding-bottom:3px; display:inline-block; width:fit-content; }

/* Page intro (used on every inner page for SEO-friendly title + subheading) */
.page-intro{ padding:60px 0 46px; border-bottom:1px solid var(--line); }
.page-intro .breadcrumb{ font-size:12px; color:#8a8a7a; margin-bottom:20px; }
.page-intro .breadcrumb a{ color:var(--rust); }
.page-intro .kicker{ font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--rust); margin-bottom:16px; }
.page-intro h1{ font-size:42px; font-weight:500; line-height:1.15; max-width:760px; margin-bottom:16px; }
.page-intro p{ font-size:15.5px; color:#5c5c50; max-width:640px; line-height:1.7; }

/* Split hero (home) */
.split-hero{ display:grid; grid-template-columns:1fr 1fr; min-height:540px; border-bottom:1px solid var(--line); }
.split-hero-text{ display:flex; flex-direction:column; justify-content:center; padding:60px; }
.split-hero-text .kicker{ font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--rust); margin-bottom:20px; }
.split-hero-text h1{ font-size:50px; line-height:1.1; font-weight:500; margin-bottom:22px; }
.split-hero-text p{ font-size:16px; color:#5c5c50; max-width:420px; margin-bottom:30px; line-height:1.7; }
.split-hero-photo{ display:flex; align-items:flex-end; padding:24px; }
.split-hero-photo span{ color:rgba(255,255,255,0.65); font-size:11.5px; }

/* Featured story */
.featured{ padding:80px 0; border-bottom:1px solid var(--line); }
.featured-label{ font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--rust); margin-bottom:26px; }
.featured-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:52px; align-items:center; }
.featured-photo{ height:400px; display:flex; align-items:flex-end; padding:20px; }
.featured-photo span{ color:rgba(255,255,255,0.7); font-size:11.5px; }
.featured-text .meta{ font-size:12.5px; color:var(--rust); font-weight:500; letter-spacing:0.5px; margin-bottom:14px; text-transform:uppercase; }
.featured-text h2{ font-size:34px; line-height:1.15; margin-bottom:16px; font-weight:500; }
.featured-text p{ font-size:15px; color:#5c5c50; margin-bottom:22px; line-height:1.7; }
.slept-tag{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:500; color:var(--green-dark); border:1px solid var(--green-dark); padding:6px 12px; border-radius:20px; margin-bottom:18px; }

/* Section top */
.section{ padding:80px 0; border-bottom:1px solid var(--line); }
.section-top{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:44px; flex-wrap:wrap; gap:12px; }
.section-top h2{ font-size:30px; font-weight:500; }
.section-top a{ font-size:13px; font-weight:500; border-bottom:1.5px solid var(--ink); padding-bottom:2px; }
.eyebrow{ font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--rust); margin-bottom:10px; font-weight:600; }

/* Editorial list rows (latest stays / related) */
.list-row{ display:grid; grid-template-columns:120px 1fr auto; gap:28px; align-items:center; padding:24px 0; border-top:1px solid var(--line); }
.list-row:last-child{ border-bottom:1px solid var(--line); }
.list-thumb{ width:120px; height:90px; }
.list-info .tag{ font-size:11.5px; text-transform:uppercase; letter-spacing:0.5px; color:var(--rust); margin-bottom:6px; }
.list-info h3{ font-size:20px; font-weight:500; margin-bottom:4px; }
.list-info p{ font-size:13.5px; color:#6b6b5e; }
.list-arrow{ font-size:20px; }

/* Stay / journal cards (grid pages: All Stays, Categories, Provinces, Journal listing) */
.stay-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.stay-card{ }
.stay-photo{ height:210px; margin-bottom:16px; position:relative; display:flex; align-items:flex-end; padding:14px; color:rgba(255,255,255,0.85); font-size:11.5px; }
.slept-tag-sm{ position:absolute; top:14px; left:14px; background:var(--cream); color:var(--green-dark); font-size:10.5px; font-weight:700; letter-spacing:0.3px; padding:5px 10px; border-radius:20px; }
.stay-card .tag{ font-size:11.5px; text-transform:uppercase; letter-spacing:0.5px; color:var(--rust); margin-bottom:8px; font-weight:600; }
.stay-card h3{ font-size:20px; font-weight:500; margin-bottom:8px; }
.stay-card p{ font-size:13.5px; color:#6b6b5e; margin-bottom:12px; }

.stay-card .stay-tags{ font-size:11.5px; text-transform:uppercase; letter-spacing:0.5px; color:var(--rust); margin-bottom:8px; font-weight:600; }
.stay-card .stay-link{ font-size:13.5px; font-weight:500; border-bottom:1.5px solid var(--ink); padding-bottom:3px; display:inline-block; }
.slept-badge{ position:absolute; top:14px; left:14px; background:var(--cream); color:var(--green-dark); font-size:10.5px; font-weight:700; letter-spacing:0.3px; padding:5px 10px; border-radius:20px; }
.section-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:44px; flex-wrap:wrap; gap:12px; }
.section-head h2{ font-size:30px; font-weight:500; font-family:'Fraunces',serif; }

/* Photo gradient utility classes */
.p1{ background:linear-gradient(135deg,#6b7a5e,#3E4B39); }
.p2{ background:linear-gradient(135deg,#c47a52,#9C4A2C); }
.p3{ background:linear-gradient(135deg,#7d8a6f,#4a3324); }
.p4{ background:linear-gradient(135deg,#8a7a5e,#5b4a32); }
.p5{ background:linear-gradient(135deg,#5e7a78,#242B21); }
.p6{ background:linear-gradient(135deg,#a86a4a,#6b3a22); }

/* Filter bar */
.filter-bar{ display:flex; gap:22px; flex-wrap:wrap; align-items:center; padding:0 0 34px; margin-bottom:40px; border-bottom:1px solid var(--line); font-size:13px; }
.filter-pill{ padding-bottom:5px; border-bottom:2px solid transparent; font-weight:500; color:#6b6b5e; }
.filter-pill.active{ color:var(--ink); border-bottom-color:var(--rust); }
.filter-select{ margin-left:auto; border:1px solid var(--line); padding:8px 14px; font-size:13px; background:var(--cream); font-family:'Inter',sans-serif; }

.province-row{ display:flex; gap:22px; flex-wrap:wrap; align-items:center; padding:0 0 34px; border-bottom:1px solid var(--line); font-size:13px; }
.province-pill{ padding-bottom:5px; border-bottom:2px solid transparent; font-weight:500; color:#6b6b5e; }
.province-pill.active{ color:var(--ink); border-bottom-color:var(--rust); }

/* Pagination */
.pagination{ display:flex; justify-content:center; gap:26px; margin-top:20px; font-size:14px; }
.page-btn{ color:#8a8a7a; }
.page-btn.active{ color:var(--ink); font-weight:600; border-bottom:2px solid var(--rust); padding-bottom:2px; }

/* Category filmstrip */
.film-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.film-tile{ height:270px; position:relative; display:flex; align-items:flex-end; padding:22px; }
.film-tile h3{ color:#fff; font-size:22px; font-weight:500; position:relative; z-index:2; }
.film-tile .count{ color:rgba(255,255,255,0.7); font-size:12px; position:relative; z-index:2; margin-top:4px; }

/* Province strip */
.province-list{ display:flex; flex-wrap:wrap; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.province-cell{ flex:1 1 20%; border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:26px 22px; min-width:160px; }
.province-cell .num{ font-family:'Fraunces',serif; font-size:26px; margin-bottom:4px; }
.province-cell .name{ font-size:13px; color:#6b6b5e; }

/* Trust row (used inline on home, minimal) */
.trust-row{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:24px 0; border-bottom:1px solid var(--line); font-size:13px; font-weight:500; }
.trust-row .check{ color:var(--rust); margin-right:6px; }

/* Statement / standard */
.statement{ background:var(--green-dark); color:var(--cream); padding:100px 0; text-align:center; }
.statement .kicker{ font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#c9a688; margin-bottom:28px; }
.statement h2{ font-family:'Fraunces', serif; font-style:italic; font-size:32px; line-height:1.4; max-width:760px; margin:0 auto 30px; font-weight:500; }
.statement .link-arrow{ border-bottom-color:var(--cream); color:var(--cream); margin:0 auto; }

/* Newsletter */
.newsletter{ padding:70px 0; text-align:center; border-bottom:1px solid var(--line); }
.newsletter h2{ font-size:28px; margin-bottom:10px; }
.newsletter p{ font-size:14.5px; color:#5c5c50; margin-bottom:26px; }
.newsletter-form{ display:flex; justify-content:center; gap:0; max-width:420px; margin:0 auto; border-bottom:1.5px solid var(--ink); padding-bottom:8px; }
.newsletter-form input{ flex:1; padding:8px 0; border:none; background:transparent; font-size:14.5px; font-family:'Inter',sans-serif; }
.newsletter-form button{ background:none; border:none; font-weight:600; font-size:13.5px; letter-spacing:0.5px; text-transform:uppercase; cursor:pointer; color:var(--rust); }

/* Footer */
footer{ padding:50px 0 34px; }
.footer-cols{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px; padding-bottom:34px; border-bottom:1px solid var(--line); margin-bottom:26px; }
.footer-cols h4{ font-size:12px; letter-spacing:1px; text-transform:uppercase; color:var(--rust); margin-bottom:16px; font-weight:700; }
.footer-cols ul{ list-style:none; display:flex; flex-direction:column; gap:10px; font-size:13.5px; }
.footer-tagline{ font-size:13px; color:#6b6b5e; margin-top:14px; max-width:230px; }
.footer-bottom{ display:flex; justify-content:space-between; font-size:12px; color:#6b6b5e; flex-wrap:wrap; gap:10px; }

/* ===== Single review / journal post ===== */
.review-hero{ height:420px; position:relative; display:flex; align-items:flex-end; }
.review-hero .overlay{ background:linear-gradient(0deg, rgba(20,20,15,0.78), rgba(20,20,15,0)); width:100%; padding:50px 0 30px; }
.review-hero h1{ color:#fff; font-size:36px; margin-bottom:10px; font-weight:500; }
.review-hero .meta{ color:#EFE3D3; font-size:13.5px; }
.review-hero .breadcrumb{ color:#d8cdb8; font-size:12px; margin-bottom:16px; }
.review-hero .breadcrumb a{ color:#E7C9AE; }
.review-hero .photo-note{ position:absolute; top:16px; right:20px; color:rgba(255,255,255,0.6); font-size:11px; }

.quickfacts{ display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); background:var(--cream); }
.quickfacts div{ padding:20px 22px; border-right:1px solid var(--line); }
.quickfacts div:last-child{ border-right:none; }
.quickfacts .label{ font-size:11px; text-transform:uppercase; letter-spacing:0.5px; color:var(--rust); font-weight:700; margin-bottom:6px; }
.quickfacts .value{ font-size:15px; font-weight:500; }

.article-body{ max-width:720px; margin:0 auto; padding:64px 40px; }
.article-body h2{ font-size:25px; margin:34px 0 14px; font-weight:500; }
.article-body p{ font-size:15.5px; color:#3f3f37; margin-bottom:16px; }
.disclosure{ font-size:15px; color:var(--green-dark); font-weight:500; padding:18px 22px; border:1px solid var(--line); margin-bottom:10px; }

.pullquote{ border-left:3px solid var(--rust); padding-left:22px; font-family:'Fraunces',serif; font-style:italic; font-size:19px; color:var(--ink); margin:28px 0; }

.pros-cons{ display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:24px 0; }
.pros-cons .box{ border:1px solid var(--line); padding:20px 22px; }
.pros-cons h4{ font-family:'Fraunces',serif; font-size:15px; margin-bottom:12px; font-weight:500; }
.pros-cons ul{ font-size:13.5px; color:#4a4a42; padding-left:18px; }
.pros-cons li{ margin-bottom:8px; }

.gallery-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:24px 0; }
.gallery-grid div{ height:145px; color:rgba(255,255,255,0.85); font-size:11px; display:flex; align-items:flex-end; padding:10px; }

.booking-box{ background:var(--green-dark); color:var(--cream); padding:30px 28px; margin:30px 0; text-align:center; }
.booking-box .price{ font-size:26px; font-weight:500; margin:6px 0 18px; font-family:'Fraunces',serif; }
.booking-box .btn-cream{ border:1.5px solid var(--cream); color:var(--cream); padding:12px 26px; display:inline-block; font-size:13.5px; font-weight:500; }
.booking-box .note{ font-size:11px; color:#c9c2ad; margin-top:14px; }

/* Journal grid */
.journal-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.journal-photo{ height:190px; margin-bottom:16px; color:rgba(255,255,255,0.85); font-size:11.5px; display:flex; align-items:flex-end; padding:12px; }
.journal-card .date{ font-size:11.5px; text-transform:uppercase; letter-spacing:0.5px; color:var(--rust); margin-bottom:8px; font-weight:600; }
.journal-card h3{ font-size:19px; font-weight:500; margin-bottom:8px; }
.journal-card p{ font-size:13.5px; color:#6b6b5e; }

.btn-filled-lg{ display:inline-block; background:var(--green-dark); color:var(--cream); padding:14px 28px; font-size:13.5px; font-weight:600; letter-spacing:0.5px; text-transform:uppercase; margin-top:26px; text-align:center; }

/* Contact */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.contact-form label{ display:block; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; margin:20px 0 8px; }
.contact-form label:first-child{ margin-top:0; }
.contact-form input, .contact-form textarea{ width:100%; padding:10px 0; border:none; border-bottom:1px solid var(--line); font-family:'Inter',sans-serif; font-size:14.5px; background:transparent; }
.contact-form textarea{ min-height:100px; resize:vertical; }
.contact-info h3{ font-family:'Fraunces',serif; font-size:18px; margin:26px 0 8px; font-weight:500; }
.contact-info h3:first-child{ margin-top:0; }
.contact-info p{ font-size:14px; color:#4a4a42; }

@media (max-width:900px){
  .split-hero{ grid-template-columns:1fr; }
  .featured-grid{ grid-template-columns:1fr; }
  .film-row{ grid-template-columns:repeat(2,1fr); }
  .stay-grid, .journal-grid{ grid-template-columns:repeat(2,1fr); }
  .list-row{ grid-template-columns:80px 1fr auto; }
  .list-thumb{ width:80px; height:64px; }
  .nav-links{ display:none; }
  .province-cell{ flex:1 1 45%; }
  .quickfacts{ grid-template-columns:repeat(2,1fr); }
  .pros-cons, .gallery-grid, .contact-grid{ grid-template-columns:1fr; }
  .footer-cols{ grid-template-columns:1fr 1fr; }
}

/* ==========================================================================
   WordPress additions
   Everything above is the original design stylesheet, unchanged.
   The rules below only cover things the static design did not need:
   real photos, editor (block) content, forms, accessibility, mobile menu.
   ========================================================================== */

/* Accessibility */
.screen-reader-text{ border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal !important; }
.skip-link:focus{ clip:auto; clip-path:none; height:auto; width:auto; left:12px; top:12px; z-index:100; background:var(--cream); color:var(--ink); padding:10px 16px; border:1px solid var(--ink); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{ outline:2px solid var(--rust); outline-offset:3px; }
body.admin-bar header{ top:32px; }
@media (max-width:782px){ body.admin-bar header{ top:46px; } }
@media (max-width:600px){ body.admin-bar header{ top:0; } }

/* Real photos: sit inside the same boxes the gradient placeholders use */
.has-photo{ position:relative; overflow:hidden; }
.photo-img{ position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; z-index:0; }
.has-photo > *:not(.photo-img){ position:relative; z-index:2; }
.has-photo > .slept-badge, .has-photo > .photo-note{ position:absolute; }
.film-tile.has-photo::after{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(0deg, rgba(20,20,15,0.65), rgba(20,20,15,0) 60%); }
.review-hero.has-photo .overlay{ position:relative; z-index:2; }
a.list-thumb{ display:block; }

/* Headings inside editor content use the serif face without needing a class */
.article-body h2, .article-body h3, .article-body h4, .contact-info h3{ font-family:'Fraunces', serif; }
.article-body h3{ font-size:20px; margin:28px 0 12px; font-weight:500; }
.article-body > ul, .article-body > ol{ font-size:15.5px; color:#3f3f37; margin:0 0 16px; padding-left:22px; }
.article-body > ul li, .article-body > ol li{ margin-bottom:6px; }
.article-body p a, .article-body li a, .contact-info p a{ color:var(--rust); font-weight:600; }
.article-body .review-disclosure{ font-size:16px; color:var(--green-dark); font-weight:500; }
.contact-info h3{ font-size:20px; }

/* Quote block = the design's pull quote */
.article-body blockquote, .article-body .wp-block-pullquote{ border-left:3px solid var(--rust); padding:0 0 0 22px; margin:28px 0; text-align:left; }
.article-body .wp-block-pullquote blockquote{ border:0; padding:0; margin:0; }
.article-body blockquote p{ font-family:'Fraunces',serif; font-style:italic; font-size:19px; color:var(--ink); margin:0; line-height:1.6; }
.article-body blockquote cite{ display:block; font-size:12.5px; font-style:normal; color:#6b6b5e; margin-top:8px; }

/* Gallery block = the design's 3-up gallery grid */
.article-body .wp-block-gallery.has-nested-images{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:24px 0; }
.article-body .wp-block-gallery.has-nested-images figure.wp-block-image{ width:100% !important; height:145px; margin:0 !important; }
.article-body .wp-block-gallery.has-nested-images figure.wp-block-image img{ width:100%; height:100%; object-fit:cover; }
.article-body .wp-block-image{ margin:24px 0; }
.article-body .wp-block-image img{ height:auto; }
.article-body figcaption{ font-size:12px; color:#6b6b5e; margin-top:8px; }

/* Group blocks carrying the design's box classes */
.article-body .pros-cons > *, .article-body .pros-cons .box > *{ margin-block-start:0; }
.article-body .pros-cons.is-single{ grid-template-columns:1fr; }
.article-body .pros-cons .box h4{ margin:0 0 12px; }
.article-body .pros-cons ul{ margin:0; }
.article-body .founder-bio{ display:flex; gap:24px; align-items:center; margin:24px 0; }
.article-body .founder-bio > *{ margin:0; }
.article-body .founder-bio:not(:has(figure))::before{ content:""; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg,#6b7a5e,#3E4B39); flex-shrink:0; }
.article-body .founder-bio figure{ width:96px; height:96px; flex-shrink:0; }
.article-body .founder-bio figure img{ width:96px; height:96px; border-radius:50%; object-fit:cover; }
.booking-box .label{ font-size:13px; letter-spacing:1px; text-transform:uppercase; color:#E7C9AE; }

/* Forms */
.contact-form button.btn-filled-lg{ border:none; cursor:pointer; font-family:'Inter',sans-serif; line-height:1.6; }
.contact-form{ position:relative; }
.newsletter-form{ position:relative; }
.newsletter-form input:focus, .contact-form input:focus, .contact-form textarea:focus{ outline:none; }
.contact-form input:focus, .contact-form textarea:focus{ border-bottom-color:var(--ink); }
.form-notice{ font-size:14px; color:var(--green-dark); font-weight:500; padding:14px 18px; border:1px solid var(--line); margin-bottom:26px; }
.newsletter .form-notice{ max-width:420px; margin:0 auto 22px; }
.filter-select{ cursor:pointer; }
.pagination a.page-btn:hover{ color:var(--ink); }
.empty-note{ font-size:15px; color:#5c5c50; padding:20px 0 40px; }
.search-form-inline{ display:flex; max-width:420px; border-bottom:1.5px solid var(--ink); padding-bottom:8px; margin-top:26px; }
.search-form-inline input{ flex:1; padding:8px 0; border:none; background:transparent; font-size:14.5px; font-family:'Inter',sans-serif; }
.search-form-inline button{ background:none; border:none; font-weight:600; font-size:13.5px; letter-spacing:0.5px; text-transform:uppercase; cursor:pointer; color:var(--rust); }

/* Mobile menu (the static design simply hid the links on small screens) */
.nav-toggle{ display:none; background:none; border:none; cursor:pointer; font-family:'Inter',sans-serif; font-size:12.5px; letter-spacing:1px; text-transform:uppercase; color:var(--ink); padding:4px 0; }
@media (max-width:900px){
  .nav{ flex-wrap:wrap; }
  .nav-toggle{ display:block; }
  .nav-links{ order:3; }
  .nav-links.is-open{ display:flex; flex-direction:column; gap:16px; width:100%; padding-top:22px; }
  .split-hero-photo.has-photo{ min-height:300px; }
  .article-body .wp-block-gallery.has-nested-images{ grid-template-columns:1fr; }
}
@media (max-width:480px){
  .issue-tag{ display:none; }
}
@media (max-width:900px){
  .issue-tag{ order:1; }
  .nav-toggle{ order:2; }
}
@media (min-width:901px){
  .quickfacts.cols-1{ grid-template-columns:1fr; }
  .quickfacts.cols-2{ grid-template-columns:repeat(2,1fr); }
  .quickfacts.cols-3{ grid-template-columns:repeat(3,1fr); }
}
.contact-form .form-notice + label{ margin-top:0; }