/*
Theme Name: Johnfield Outdoor / Campground
Version: 1.0
*/
@font-face{font-family:Kanit;src:url('assets/kanit-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:Kanit;src:url('assets/kanit-600.woff2');font-weight:600;font-display:swap}@font-face{font-family:Kanit;src:url('assets/kanit-800.woff2');font-weight:800;font-display:swap}@font-face{font-family:Karla;src:url('assets/karla-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:Karla;src:url('assets/karla-600.woff2');font-weight:600;font-display:swap}@font-face{font-family:Karla;src:url('assets/karla-700.woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#2B2D2F;background:#f5f6f3;font:17px/1.6 Karla,sans-serif}h1,h2,h3,h4,.display,.button,button{font-family:Kanit,sans-serif;font-weight:800;line-height:1.05}h1{font-size:clamp(40px,6vw,80px);margin:20px 0}h2{font-size:clamp(30px,4vw,52px);margin:14px 0 25px}h3{font-size:25px}a{color:inherit;text-underline-offset:4px}a:hover{color:#856500}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,.button,input[type=submit],.woocommerce a.button,.woocommerce button.button{border:0;border-radius:0;background:#2F4A3A;color:#fff;padding:15px 24px;cursor:pointer;text-decoration:none;display:inline-block;font-family:Kanit,sans-serif;line-height:1.2;font-size:16px}button:hover,.button:hover{background:#F2B705;color:#2B2D2F}.yellow{background:#F2B705!important;color:#2B2D2F!important}.outline{border:1px solid currentColor;background:transparent;color:inherit}input,textarea,select{padding:12px;border:1px solid #a5ada5;border-radius:0;background:#fff;max-width:100%}textarea{width:100%;min-height:150px}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid #F2B705;outline-offset:3px}.wrap{max-width:1260px;margin:auto;padding:0 36px}.topline{background:#2F4A3A;color:white;text-align:center;font-size:13px;letter-spacing:.08em;padding:8px}.site-header{background:#f5f6f3;border-bottom:1px solid #bac2b9;position:relative;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:100px}.logo{display:block;width:246px}.nav{display:flex;gap:27px;align-items:center}.nav a{text-decoration:none;font-size:15px;font-weight:700}.utilities{display:flex;gap:20px}.utilities a{text-decoration:none;font-size:14px}.menu-toggle{display:none}.hero{min-height:690px;height:calc(100svh - 142px);max-height:900px;background:linear-gradient(90deg,rgba(19,32,24,.78),rgba(19,32,24,.12)),url('assets/camp-hero.jpg') center/cover;display:flex;align-items:center;color:#fff;position:relative}.hero .wrap{width:100%}.hero h1{font-size:clamp(58px,7.6vw,110px);max-width:800px;line-height:.94;letter-spacing:-.035em;margin:28px 0}.hero p{max-width:460px;font-size:20px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.15em;font-weight:800}.hero .eyebrow{display:inline-block;border:1px solid #D8C9A8;padding:9px 14px;color:#D8C9A8}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.hero-caption{position:absolute;bottom:20px;right:36px;font-size:11px;color:#eee}.route-strip{background:#D8C9A8;padding:30px 0;border-bottom:2px solid #2B2D2F}.routes{display:flex;gap:15px;align-items:center;justify-content:space-between}.routes>a{display:flex;align-items:center;gap:16px;border:2px solid #2F4A3A;padding:17px 25px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);text-decoration:none;font:25px Kanit;line-height:1}.routes b{font:12px Karla;border:1px solid;padding:8px}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head h2{margin-bottom:0}.section-head p{max-width:400px}.intro-strip{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0;border-bottom:1px solid #b7c0b5}.intro-strip p{max-width:520px}.stamp{display:inline-block;background:#F2B705;padding:9px 16px;font-size:12px;font-weight:800;transform:rotate(-3deg);text-transform:uppercase;letter-spacing:.1em}.field-note{background:#2F4A3A;color:#fff;position:relative;overflow:hidden}.field-note:before,.texture:before{content:'';pointer-events:none;position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.field-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.field-inner img{width:100%;max-height:530px;object-fit:contain;background:#fff}.field-inner .button{margin-top:20px}.ticks{padding:0;list-style:none}.ticks li{border-top:1px solid #ffffff40;padding:15px 0}.ticks span{color:#F2B705;padding-right:20px;font-weight:bold}.guides{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide{padding:40px;background:#D8C9A8;text-decoration:none;border-top:7px solid #2F4A3A}.guide:nth-child(2){background:#e4e7df}.guide h3{font-size:35px;max-width:430px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #b2b9b0;padding:40px 0}.service-grid p{font-size:15px}.service-grid h3{font-size:21px}.site-footer{background:#2B2D2F;color:#e5e8e1;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:35px}.footer-grid .logo{filter:brightness(0) invert(1);margin-bottom:25px}.footer-grid p,.footer-grid a{font-size:14px}.footer-grid a{display:block;margin:8px 0;text-decoration:none}.footer-grid h3{font-size:18px;color:#D8C9A8}.footer-bottom{border-top:1px solid #ffffff30;margin-top:40px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.cards{display:flex;align-items:center;gap:7px;margin:20px 0}.cards svg{width:48px;height:30px;background:#fff;border-radius:3px;padding:3px}.content{max-width:900px;padding-top:55px;padding-bottom:75px}.content h1{font-size:54px}.content h2{font-size:31px;margin-top:45px}.content h3{font-size:24px;margin-top:30px}.content li{margin:8px 0}.page-lead{font-size:21px;max-width:750px}.content a{color:#2F4A3A}.content form label{display:block;font-weight:700;margin:18px 0 7px}.honeypot{position:absolute;left:-9999px}.notice{padding:20px;background:#D8C9A8}.cookie-banner{position:fixed;z-index:1000;bottom:18px;left:18px;width:min(460px,calc(100% - 36px));background:#2B2D2F;color:#fff;padding:22px;border-top:5px solid #F2B705;box-shadow:0 5px 35px #0004;font-size:14px}.cookie-banner p{margin:0 0 14px}.cookie-banner button{padding:11px 20px;margin-right:10px}.cookie-banner[hidden]{display:none}.searchbar{display:flex;max-width:750px;margin:30px auto}.searchbar input{flex:1;min-width:0}.woocommerce-page main{padding-top:45px;padding-bottom:60px}.woocommerce .woocommerce-breadcrumb{font-size:13px;margin-bottom:30px}.woocommerce-products-header h1{font-size:55px}.woocommerce-products-header .term-description{max-width:750px}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;display:flex;flex-direction:column;align-items:start;padding-bottom:24px}.woocommerce ul.products li.product>a:first-child{display:block;width:100%;text-decoration:none}.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1;object-fit:contain;background:white;border:1px solid #e1e5dd;margin-bottom:15px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 19px/1.2 Kanit;padding:0 0 10px}.woocommerce ul.products li.product .price{color:#2F4A3A;font-size:17px;font-weight:700}.woocommerce ul.products li.product .button{margin-top:10px;font-size:13px;padding:11px 15px}.card-fact{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#59665a;margin:2px 0 9px}.card-fact:before{content:'↗ ';color:#2F4A3A;font-size:17px}.woocommerce .woocommerce-result-count{font-size:14px}.woocommerce .woocommerce-ordering{margin-bottom:30px}.woocommerce div.product div.images img{background:#fff;object-fit:contain}.woocommerce div.product .product_title{font-size:43px;line-height:1.06}.woocommerce div.product p.price{font-size:25px;color:#2F4A3A}.woocommerce div.product .woocommerce-product-details__short-description{font-size:18px}.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{display:block;text-align:left;padding:4px 0}.woocommerce div.product form.cart .variations select{padding:10px;min-width:220px}.woocommerce div.product form.cart .button{padding:17px 25px}.woocommerce .quantity .qty{width:80px;min-height:50px}.woocommerce table.shop_attributes td{padding:12px}.woocommerce .woocommerce-tabs ul.tabs{padding:0!important}.woocommerce .woocommerce-tabs ul.tabs li{border-radius:0!important;background:transparent!important;border:0!important}.woocommerce .woocommerce-tabs ul.tabs li.active{border-bottom:4px solid #2F4A3A!important}.woocommerce .woocommerce-tabs ul.tabs li:before,.woocommerce .woocommerce-tabs ul.tabs li:after{display:none}.woocommerce div.product .woocommerce-tabs .panel{max-width:900px;padding:25px 0}.woocommerce div.product .related{clear:both;margin-top:60px}.specs{width:100%;border-collapse:collapse}.specs td,.specs th{text-align:left;padding:13px;border-bottom:1px solid #c6cec3}.specs th{width:35%}.product-service{padding:18px;background:#e4e8df;font-size:14px;margin:25px 0}.woocommerce-message,.woocommerce-info{border-color:#2F4A3A;background:#e7ece4;color:#2B2D2F}.woocommerce-message:before,.woocommerce-info:before{color:#2F4A3A}.woocommerce table.shop_table{border-radius:0;background:white}.woocommerce .cart-collaterals .cart_totals{width:48%}.woocommerce .checkout h3{font-size:28px}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{margin-bottom:30px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:13px;border:1px solid #aab3a6}.woocommerce form .form-row label{font-size:15px}.woocommerce-checkout #payment{background:#e4e8df;border-radius:0}.woocommerce .woocommerce-terms-and-conditions-wrapper{font-size:14px}.woocommerce .woocommerce-terms-and-conditions-wrapper input{width:18px;height:18px}.checkout-service,.cart-service{padding:22px;background:#D8C9A8;margin:25px 0;font-size:15px}.woocommerce .cart .product-thumbnail img{width:80px}.woocommerce .cart .product-name a{font-weight:700}.woocommerce .cart .product-remove a{font-size:25px!important}.woocommerce .woocommerce-notices-wrapper{clear:both}.woocommerce nav.woocommerce-pagination{margin:40px}.woocommerce nav.woocommerce-pagination ul{border:0}.woocommerce nav.woocommerce-pagination ul li{border:0;padding:4px}.woocommerce nav.woocommerce-pagination ul li span.current{background:#2F4A3A;color:white}.woocommerce form.login,.woocommerce form.register{border-radius:0}.select2-container .select2-selection--single{height:46px;padding:8px}.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.skip-link:focus{clip:auto;width:auto;height:auto;position:fixed;top:10px;left:10px;z-index:1001;background:#F2B705;padding:10px}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#2F4A3A;color:#fff}.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:#F2B705;color:#2B2D2F}.woocommerce button.button.alt.disabled{background:#7e9181;color:#fff}.woocommerce .cart .button:disabled{background:#9ca89d!important}
@media(max-width:1000px){.wrap{padding:0 24px}.nav{gap:15px}.nav a{font-size:14px}.logo{width:205px}.utilities{gap:10px}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.routes>a{font-size:21px;padding:15px}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:620px}.field-inner{gap:35px}}
@media(max-width:700px){body{font-size:16px}.wrap{padding-left:20px;padding-right:20px}.topline{font-size:10px;letter-spacing:.035em;padding:8px}.header-inner{min-height:82px;gap:12px}.logo{width:183px}.utilities{gap:14px}.utilities a{font-size:12px}.menu-toggle{display:block;padding:9px;background:transparent;color:#2B2D2F;font-size:12px}.nav{display:none;position:absolute;top:82px;left:0;right:0;padding:20px;background:#f5f6f3;box-shadow:0 10px 20px #0002}.nav.open{display:flex;flex-wrap:wrap;gap:25px}.hero{height:690px;min-height:0;background-position:60% center;align-items:flex-start;padding-top:80px}.hero h1{font-size:67px;max-width:340px}.hero p{font-size:18px;max-width:300px}.hero .eyebrow{font-size:10px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-caption{font-size:9px;right:20px}.route-strip{padding:22px 0}.routes{display:grid;grid-template-columns:1fr;gap:10px}.routes .eyebrow{margin-bottom:5px}.routes>a{font-size:23px;justify-content:space-between}.intro-strip{grid-template-columns:1fr;gap:5px;padding:45px 0}.intro-strip h2{font-size:37px}.section{padding:55px 0}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:39px}.section-head p{margin-bottom:20px}.field-inner{grid-template-columns:1fr;gap:30px}.field-inner img{max-height:370px}.guides{grid-template-columns:1fr}.guide{padding:30px}.guide h3{font-size:32px}.service-grid{grid-template-columns:1fr;gap:5px;padding:28px 0}.service-grid h3{margin-bottom:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.site-footer{padding-top:45px}.cookie-banner{padding:16px;font-size:13px;bottom:10px;left:10px;width:calc(100% - 20px)}.content{padding-top:35px;padding-bottom:50px}.content h1{font-size:39px}.page-lead{font-size:19px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px}.woocommerce ul.products li.product .price{font-size:16px}.woocommerce ul.products li.product .button{font-size:12px;padding:11px}.card-fact{font-size:9px}.woocommerce-products-header h1{font-size:42px}.woocommerce .woocommerce-result-count{float:none}.woocommerce .woocommerce-ordering{float:none}.woocommerce .woocommerce-ordering select{width:100%}.woocommerce div.product .product_title{font-size:35px}.woocommerce-page main{padding-top:28px}.woocommerce table.shop_table_responsive tr td.product-thumbnail{display:block!important;text-align:left!important}.woocommerce table.shop_table_responsive tr td.product-thumbnail:before{display:none}.woocommerce table.shop_table_responsive tr td.product-thumbnail img{width:90px}.woocommerce table.shop_table_responsive tr{margin-bottom:20px}.woocommerce table.shop_table_responsive tr td.product-name{text-align:left!important}.woocommerce table.shop_table_responsive tr td.product-name:before{display:none}.woocommerce .cart-collaterals .cart_totals{width:100%}.woocommerce .cart .product-name dl.variation{display:block}.woocommerce .cart td.actions .button{width:100%}.specs th{width:40%}}