.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-ctt_blue:#017FBA;--e-global-color-ctt_navy:#20222B;--e-global-color-ctt_gold:#F9C864;--e-global-color-ctt_orange:#F48234;--e-global-color-ctt_maroon:#AA3D48;--e-global-color-ctt_cream:#F9E7C9;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-ctt_heading-font-family:"Bevan";--e-global-typography-ctt_heading-font-weight:400;--e-global-typography-ctt_body-font-family:"Karla";--e-global-typography-ctt_body-font-weight:400;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   COLORADO TRUE TRADE — v2 "Trading Post Poster"
   WPA park-poster hero · navy trading-post base · Bevan + Karla
   Palette from the brand badge:
   blue #017FBA · navy #262832 · gold #F9C864 · orange #F48234
   maroon #AA3D48 · cream #F9E7C9 · tan #C7C285 · teal #15C790
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bevan&family=Karla:ital,wght@0,400;0,700;0,800;1,400&display=swap');
:root{
  --blue:#017FBA;
  --blue-deep:#12517C;
  --navy:#20222B;
  --navy-2:#2B2E3A;
  --gold:#F9C864;
  --gold-deep:#DFA83C;
  --orange:#F48234;
  --orange-deep:#D96A22;
  --maroon:#AA3D48;
  --cream:#F9E7C9;
  --cream-2:#F2DCB4;
  --tan:#C7C285;
  --teal:#15C790;
  --ink:#26282f;
  --display:'Bevan',serif;
  --body:'Karla',sans-serif;
  --maxw:1200px;
}
.cctt img{max-width:100%;display:block}
.cctt a{color:var(--gold);text-decoration:none}
.cctt ::selection{background:var(--orange);color:var(--navy)}
@media (prefers-reduced-motion:reduce){ .cctt *,.cctt *::before,.cctt *::after{animation:none!important;transition:none!important} }
.cctt .post{position:relative}
.cctt .post::before{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");
}
.cctt .post>*{position:relative;z-index:1}
.cctt h1,.cctt h2{font-family:var(--display);font-weight:400;line-height:1.1;letter-spacing:.005em}
.cctt h1{font-size:clamp(2.4rem,6vw,4.6rem)}
.cctt h2{font-size:clamp(1.9rem,4vw,3.1rem)}
.cctt h3{font-family:var(--body);font-weight:800;font-size:clamp(1.05rem,1.7vw,1.3rem);letter-spacing:.02em}
.cctt .kicker{font-weight:800;text-transform:uppercase;letter-spacing:.34em;font-size:.78rem;color:var(--orange);display:block;margin-bottom:1.1rem}
.cctt .kicker.gold{color:var(--gold)}
.cctt .kicker.maroon{color:var(--maroon)}
.cctt .lede{font-size:1.14rem;max-width:44rem;color:#efe0c4}
.cctt .on-cream{color:var(--ink)}
.cctt .on-cream h1,.cctt .on-cream h2{color:var(--navy)}
.cctt .on-cream .lede{color:#4a4536}
.cctt .btn{display:inline-block;font-family:var(--body);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.86rem;padding:1.05rem 2.2rem;cursor:pointer;border:none;position:relative;transition:transform .16s ease}
.cctt .btn::after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px dashed rgba(32,34,43,.4);pointer-events:none}
.cctt .btn-gold{background:var(--gold);color:var(--navy)}
.cctt .btn-orange{background:var(--orange);color:var(--navy)}
.cctt .btn-line{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 3px var(--cream)}
.cctt .btn-line::after{border-color:transparent}
.cctt .btn:hover{transform:translateY(-3px)}
.cctt .btn:active{transform:translateY(0)}
.cctt .poster{position:relative;min-height:92vh;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end}
.cctt .poster-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(#F9E7C9 0%,#F9C864 45%,#F48234 100%)}
.cctt .poster-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}
.cctt .poster-copy{position:relative;z-index:2;text-align:center;margin:auto auto 0;padding:clamp(6rem,12vh,9rem) 1.4rem 0;max-width:900px;width:100%}
.cctt .poster-copy .kicker{color:var(--maroon);letter-spacing:.42em}
.cctt .poster-copy h1{color:var(--navy);text-shadow:0 2px 0 rgba(249,231,201,.55)}
.cctt .poster-copy h1 em{font-style:normal;color:var(--maroon)}
.cctt .poster-copy p{max-width:560px;margin:1.3rem auto 2.2rem;color:#4c3a22;font-weight:700;font-size:clamp(1rem,1.5vw,1.2rem)}
.cctt .poster-actions{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;margin-bottom:clamp(4rem,10vh,7rem)}
.cctt .ridge-a,.cctt .ridge-b,.cctt .ridge-c{animation:ridgeUp .9s ease backwards}
.cctt .ridge-b{animation-delay:.15s}
.cctt .ridge-c{animation-delay:.3s}
.cctt .sun-arcs circle{transform-origin:center 115%;animation:arcIn 1.1s ease backwards}
.cctt .sun-arcs circle:nth-child(2){animation-delay:.12s}
.cctt .sun-arcs circle:nth-child(3){animation-delay:.24s}
@keyframes ridgeUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes arcIn{from{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}
.cctt .marquee{background:var(--maroon);color:var(--cream);overflow:hidden;white-space:nowrap;border-top:3px solid var(--navy);border-bottom:3px solid var(--navy);font-family:var(--display);font-size:1rem;letter-spacing:.14em;text-transform:uppercase}
.cctt .marquee-track{display:inline-flex;gap:0;padding:.85rem 0;animation:slide 32s linear infinite}
.cctt .marquee span{padding:0 1.6rem}
.cctt .marquee .sep{color:var(--gold)}
@keyframes slide{to{transform:translateX(-50%)}}
.cctt .sect{padding:clamp(4.5rem,9vw,7.5rem) 1.4rem;position:relative}
.cctt .wrap{max-width:var(--maxw);margin:auto}
.cctt .sect-cream{background:var(--cream)}
.cctt .sect-blue{background:linear-gradient(180deg,var(--blue) 0%,var(--blue-deep) 100%)}
.cctt .head{max-width:780px;margin-bottom:3.2rem}
.cctt .head.center{margin-inline:auto;text-align:center}
.cctt .postcards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem}
.cctt .postcard{background:#fffdf6;padding:.85rem .85rem 1rem;color:var(--ink);box-shadow:0 18px 40px rgba(0,0,0,.35);transform:rotate(var(--tilt,0deg));transition:transform .25s ease;position:relative}
.cctt .postcard:hover{transform:rotate(0) translateY(-6px)}
.cctt .postcard::before{content:"";position:absolute;top:-12px;left:50%;translate:-50% 0;width:110px;height:26px;background:rgba(249,200,100,.75);transform:rotate(-2deg)}
.cctt .postcard img{aspect-ratio:4/5;object-fit:cover;width:100%}
.cctt .postcard figcaption{padding-top:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;display:flex;justify-content:space-between;align-items:center;color:var(--navy)}
.cctt .postcard figcaption i{font-style:normal;color:var(--maroon)}
.cctt .board{background:var(--navy-2);box-shadow:inset 0 0 0 3px var(--gold-deep), inset 0 0 0 10px var(--navy-2), inset 0 0 0 12px rgba(249,200,100,.35), 0 24px 60px rgba(0,0,0,.45);padding:clamp(2rem,5vw,4rem)}
.cctt .board-title{text-align:center;font-family:var(--display);color:var(--gold);font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:.4rem}
.cctt .board-sub{text-align:center;font-weight:800;letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;color:var(--tan);margin-bottom:2.4rem}
.cctt .dir{columns:2;column-gap:3.5rem;list-style:none}
.cctt .dir li{break-inside:avoid;display:flex;align-items:baseline;gap:.7rem;padding:.85rem 0;border-bottom:1px solid rgba(249,231,201,.12)}
.cctt .dir b{font-family:var(--display);font-weight:400;font-size:1.02rem;color:var(--cream);white-space:nowrap}
.cctt .dir .lead-dots{flex:1;border-bottom:2px dotted rgba(249,200,100,.5);transform:translateY(-4px)}
.cctt .dir span{font-size:.86rem;color:var(--tan);text-align:right;max-width:52%}
.cctt .shelf{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem .2rem 1.6rem;scrollbar-color:var(--gold) transparent}
.cctt .shelf::-webkit-scrollbar{height:8px}
.cctt .shelf::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}
.cctt .shelf-item{flex:0 0 min(340px,78vw);scroll-snap-align:start;position:relative;overflow:hidden}
.cctt .shelf-item img{aspect-ratio:3/4;object-fit:cover;width:100%;filter:saturate(1.05);transition:transform .4s ease}
.cctt .shelf-item:hover img{transform:scale(1.06)}
.cctt .shelf-item figcaption{position:absolute;left:0;bottom:0;right:0;padding:1rem 1.1rem;background:linear-gradient(transparent,rgba(32,34,43,.92));font-family:var(--display);font-size:1.05rem;color:var(--gold)}
.cctt .shelf-hint{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:var(--tan);text-align:right;margin-top:.3rem}
.cctt .plate{text-align:center;position:relative;padding:clamp(4rem,9vw,7rem) 1.4rem;overflow:hidden;background:radial-gradient(circle at 50% 130%, #F9E7C9 0%, #F9C864 34%, #F48234 62%, #AA3D48 100%)}
.cctt .plate h2{color:var(--navy);font-size:clamp(1.9rem,4.4vw,3.4rem)}
.cctt .plate .kicker{color:var(--maroon)}
.cctt .plate p{color:#5a3220;font-weight:800;letter-spacing:.26em;text-transform:uppercase;font-size:.8rem;margin-top:1.2rem}
.cctt .plate .peaks{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:auto}
.cctt .route{position:relative;margin-top:3.4rem}
.cctt .route-line{position:absolute;top:34px;left:4%;right:4%;border-top:3px dashed rgba(249,200,100,.45);z-index:0}
.cctt .route-stops{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;position:relative;z-index:1;list-style:none}
.cctt .stop{text-align:center}
.cctt .stop .pin{width:68px;height:68px;margin:0 auto 1rem;border-radius:50%;background:var(--navy-2);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 3px var(--gold-deep),0 10px 24px rgba(0,0,0,.4);font-size:1.5rem}
.cctt .stop b{font-family:var(--display);font-weight:400;color:var(--cream);display:block;font-size:1.05rem}
.cctt .stop span{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--orange)}
.cctt .guestbook{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.cctt .entry{background:#fffdf6;color:var(--ink);padding:2rem 1.8rem 1.6rem;position:relative;transform:rotate(var(--tilt,0deg));box-shadow:0 16px 36px rgba(0,0,0,.35)}
.cctt .entry::before{content:"";position:absolute;top:14px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--maroon) 0 26px,transparent 26px 40px);opacity:.35}
.cctt .entry p{font-style:italic;font-size:1.02rem}
.cctt .entry .stars{color:var(--orange);letter-spacing:.2em;margin-top:1.1rem}
.cctt .entry footer{margin-top:.5rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;color:var(--maroon)}
.cctt .trailheads{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.cctt .trailhead{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.7rem;background:transparent;color:var(--navy);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;box-shadow:inset 0 0 0 2px rgba(32,34,43,.4);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:all .18s ease}
.cctt .trailhead:hover{background:var(--navy);color:var(--gold);box-shadow:inset 0 0 0 2px var(--navy)}
.cctt .trail-band{background:var(--blue);position:relative;overflow:hidden}
.cctt .trail-form{display:flex;gap:.9rem;max-width:600px;margin:2.2rem auto 0;flex-wrap:wrap;justify-content:center}
.cctt .trail-form input{flex:1 1 300px;padding:1.1rem 1.3rem;border:none;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:1rem;box-shadow:inset 0 0 0 2px var(--navy)}
.cctt .form-note{width:100%;text-align:center;font-size:.85rem;margin-top:.9rem;color:#d6ecf7}
.cctt .page-poster{position:relative;min-height:56vh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;padding:8rem 1.4rem 6.5rem}
.cctt .page-poster .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}
.cctt .page-poster .bg img{width:100%;height:100%;object-fit:cover}
.cctt .page-poster .tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(200deg,rgba(1,127,186,.25),rgba(32,34,43,.88) 70%)}
.cctt .page-poster .wrap{width:100%;position:relative;z-index:2}
.cctt .page-poster h1{color:var(--cream);max-width:820px}
.cctt .page-poster p{max-width:560px;margin-top:1rem;color:#f0e3c8}
.cctt .feature{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
.cctt .feature .photo{position:relative}
.cctt .feature .photo img{width:100%;position:relative;z-index:1;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.cctt .feature .photo::after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;z-index:0;border:3px solid var(--gold-deep);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:rotate(-1.6deg)}
.cctt .brandline{font-family:var(--display);font-size:clamp(1.2rem,2vw,1.5rem);color:var(--gold);margin-top:1.6rem}
.cctt .contact-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,4rem);align-items:start}
.cctt .ledger{background:#fffdf6;color:var(--ink);padding:2.2rem;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.cctt .ledger h3{color:var(--navy);font-family:var(--display);font-weight:400;font-size:1.3rem;margin-bottom:1.4rem}
.cctt .ledger ul{list-style:none;display:grid;gap:1.2rem}
.cctt .ledger li{display:flex;gap:1rem;align-items:flex-start;font-weight:700}
.cctt .ledger .ico{flex:none;width:44px;height:44px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.15rem;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.cctt .ledger a{color:var(--blue-deep);text-decoration:underline;text-decoration-color:rgba(1,127,186,.35)}
.cctt .hours{width:100%;border-collapse:collapse;margin-top:1.6rem}
.cctt .hours td{padding:.6rem 0;border-bottom:2px dotted rgba(170,61,72,.35)}
.cctt .hours td:last-child{text-align:right;font-weight:800;color:var(--maroon)}
.cctt .field{display:grid;gap:.4rem;margin-bottom:1.15rem}
.cctt .field label{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--maroon)}
.cctt .field input,.cctt .field textarea{padding:.95rem 1.05rem;border:none;background:#f3ecdc;color:var(--ink);font-family:var(--body);font-size:1rem;box-shadow:inset 0 0 0 2px var(--navy);width:100%}
.cctt .field textarea{min-height:140px;resize:vertical}
.cctt .map-plate{background:var(--navy-2);box-shadow:inset 0 0 0 3px var(--gold-deep);min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;padding:2.5rem}
.cctt .site-footer{background:var(--navy);position:relative;padding-top:0}
.cctt .footer-peaks{display:block;width:100%;height:auto;margin-bottom:-1px}
.cctt .footer-grid{max-width:var(--maxw);margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.6rem;padding:3.5rem 1.4rem 3rem}
.cctt .site-footer h3{color:var(--gold);font-family:var(--display);font-weight:400;font-size:1.05rem;margin-bottom:1.1rem}
.cctt .site-footer ul{list-style:none;display:grid;gap:.6rem}
.cctt .site-footer li,.cctt .site-footer a{color:#d9cdb0;font-size:.95rem}
.cctt .site-footer a:hover{color:var(--gold)}
.cctt .f-logo img{height:84px;width:auto;border-radius:8px}
.cctt .f-tag{margin-top:1.1rem;font-family:var(--display);color:var(--tan);font-size:.95rem}
.cctt .socials{display:flex;gap:.8rem;margin-top:1.3rem}
.cctt .socials a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:inset 0 0 0 2px rgba(249,231,201,.45);color:var(--cream);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.cctt .socials a:hover{background:var(--gold);color:var(--navy);box-shadow:inset 0 0 0 2px var(--gold)}
.cctt .footer-base{border-top:1px solid rgba(249,231,201,.12);text-align:center;padding:1.3rem;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tan)}
.cctt .site-header{position:sticky;top:0;z-index:80;background:var(--navy);border-bottom:1px solid rgba(249,231,201,.14)}
.cctt .header-in{max-width:var(--maxw);margin:auto;display:flex;align-items:center;gap:2rem;padding:.7rem 1.4rem}
.cctt .brand{display:flex;align-items:center;gap:.9rem;color:var(--cream)}
.cctt .brand img{height:54px;width:auto;border-radius:6px}
.cctt .brand b{font-family:var(--display);font-weight:400;font-size:1.02rem;line-height:1.2;letter-spacing:.04em}
.cctt .brand small{display:block;font-family:var(--body);font-weight:800;font-size:.62rem;letter-spacing:.34em;color:var(--gold);text-transform:uppercase}
.cctt .main-nav ul{display:flex;gap:2rem;list-style:none;align-items:center;flex-wrap:wrap}
.cctt .main-nav a{color:var(--cream);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;padding:.5rem 0;border-bottom:3px solid transparent;transition:color .15s ease,border-color .15s ease}
.cctt .main-nav a:hover{color:var(--gold)}
.cctt .main-nav a.active{color:var(--gold);border-color:var(--orange)}
.cctt .call-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--maroon);color:var(--cream);padding:.6rem 1.2rem;font-weight:800;letter-spacing:.1em;font-size:.78rem;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.cctt .call-pill:hover{background:var(--orange);color:var(--navy)}
@media (max-width:1020px){.cctt .postcards,.cctt .guestbook{grid-template-columns:repeat(2,1fr)}.cctt .route-stops{grid-template-columns:repeat(3,1fr);row-gap:2.4rem}.cctt .route-line{display:none}.cctt .feature{grid-template-columns:1fr}.cctt .contact-cols{grid-template-columns:1fr}.cctt .footer-grid{grid-template-columns:1fr 1fr}.cctt .dir{columns:1}}
@media (max-width:760px){.cctt .header-in{flex-wrap:wrap}.cctt .main-nav ul{gap:1rem;justify-content:center}.cctt .call-pill{display:none}.cctt .postcards,.cctt .guestbook{grid-template-columns:1fr}.cctt .route-stops{grid-template-columns:repeat(2,1fr)}.cctt .brand b{display:none}}/* End custom CSS */