:root{
--tp2-green:#2b3022;--tp2-green-deep:#202819;--tp2-green-2:#344127;--tp2-ink:#171a16;
--tp2-muted:#68756f;--tp2-yellow:#ffbd18;--tp2-yellow-2:#eba800;--tp2-cream:#faf8f2;
--tp2-paper:#fff;--tp2-line:rgba(11,42,34,.11);--tp2-shell:1240px;--tp2-inner:1168px;
--tp2-radius:16px;--tp2-radius-lg:24px;--tp2-shadow:0 18px 50px rgba(13,43,35,.09);
--tp2-shadow-strong:0 24px 70px rgba(13,43,35,.15);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{margin:0!important;background:#fff!important;color:var(--tp2-ink);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}.site.grid-container,.site-content,.content-area{max-width:none!important;padding:0!important;margin:0!important}.inside-article{padding:0!important}.tp2-page{width:min(var(--tp2-shell),calc(100% - 40px));max-width:var(--tp2-shell);margin:0 auto;background:var(--tp2-cream);min-height:100vh;overflow:hidden;box-shadow:0 0 54px rgba(14,37,31,.10);border-radius:0}.trackpoint2 h1,.trackpoint2 h2,.trackpoint2 h3{font-family:Bitter,Georgia,'Times New Roman',serif;letter-spacing:-.03em}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .tp2-header{position:relative}.tp2-nav{height:82px;display:grid;grid-template-columns:230px 1fr 220px;align-items:center;gap:24px;padding:0 34px;position:absolute;left:0;right:0;top:0;z-index:30;background:linear-gradient(180deg,rgba(7,20,17,.62),rgba(7,20,17,.38));border-bottom:1px solid rgba(255,255,255,.19);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);box-shadow:0 8px 28px rgba(0,0,0,.13)}.tp2-nav.is-solid{position:relative;background:rgba(5,44,35,.96)}.tp2-logo{display:flex;align-items:center;text-decoration:none!important}.tp2-logo img{display:block;width:auto;max-width:205px;max-height:70px;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.24))}.tp2-menu{display:flex;justify-content:center;align-items:center;gap:30px}.tp2-menu a{color:rgba(255,255,255,.92)!important;text-decoration:none!important;font-weight:650;font-size:14px;position:relative;padding:31px 0 27px;white-space:nowrap}.tp2-menu a:after{content:"";position:absolute;left:50%;right:50%;bottom:19px;height:3px;border-radius:99px;background:var(--tp2-yellow);transition:.2s}.tp2-menu a:hover:after,.tp2-menu a.is-active:after{left:0;right:0}.tp2-account{display:flex;align-items:center;justify-content:flex-end;gap:10px}.tp2-account>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.58);border-radius:10px;color:#fff!important;text-decoration:none!important;font-weight:650;font-size:13px;background:rgba(5,32,26,.18)}.tp2-bell{position:relative;width:42px!important;padding:0!important}.tp2-badge{position:absolute;right:-7px;top:-8px;min-width:18px;height:18px;border-radius:99px;background:var(--tp2-yellow);color:#111;display:grid;place-items:center;font-size:10px;font-weight:900} .tp2-hero{position:relative;min-height:430px;padding:132px 62px 58px;display:flex;align-items:flex-end;background-image:linear-gradient(90deg,rgba(4,16,13,.88) 0%,rgba(4,16,13,.65) 38%,rgba(4,16,13,.20) 70%,rgba(4,16,13,.10) 100%),linear-gradient(0deg,rgba(3,20,16,.46),transparent 55%),var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png));background-size:cover;background-position:center 62%;color:#fff}.tp2-hero-copy{position:relative;z-index:2;max-width:700px}.tp2-hero h1{margin:0 0 7px;color:#fff;font-size:60px;line-height:.99;font-weight:800;text-shadow:0 3px 20px rgba(0,0,0,.28)}.tp2-hero h1 strong{color:var(--tp2-yellow);font-weight:inherit}.tp2-hero h2{font-size:22px;color:#fff;margin:0 0 10px}.tp2-hero p{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.94);max-width:650px;margin:0 0 19px}.tp2-actions{display:flex;flex-wrap:wrap;gap:10px}.tp2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:9px;text-decoration:none!important;font-weight:800;font-size:13px;border:1px solid transparent;transition:.2s ease}.tp2-btn-primary{background:var(--tp2-yellow);color:#111!important;box-shadow:0 8px 22px rgba(255,189,24,.21)}.tp2-btn-primary:hover{background:var(--tp2-yellow-2);transform:translateY(-1px)}.tp2-btn-ghost{background:rgba(4,32,26,.42);border-color:rgba(255,189,24,.78);color:#fff!important;backdrop-filter:blur(10px)}.tp2-infinity{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:12px;font-weight:650;color:#fff}.tp2-infinity span:first-child{font-size:25px;color:var(--tp2-yellow)} .tp2-home{padding-bottom:18px}.tp2-home-inner,.tp2-discovery{width:min(var(--tp2-inner),calc(100% - 36px));margin-left:auto;margin-right:auto}.tp2-discovery{position:relative;z-index:10;margin-top:-28px;background:rgba(255,255,255,.98);border:1px solid rgba(11,42,34,.08);border-radius:21px;padding:16px 18px 17px;box-shadow:var(--tp2-shadow-strong)}.tp2-discovery h2{margin:0 0 10px;font-size:20px;color:#2b3022}.tp2-search-premium{display:grid;grid-template-columns:1.55fr .82fr .72fr 170px;gap:9px}.tp2-search-control{height:48px;border:1px solid rgba(13,50,41,.13);border-radius:10px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 14px;color:#2b3022}.tp2-search-control i{font-size:17px;color:#344127}.tp2-search-control input,.tp2-search-control select{width:100%;height:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font:500 12.5px Poppins,sans-serif;color:#5f6857}.tp2-search-control select{appearance:auto}.tp2-search-submit{height:48px;border:0;border-radius:10px;background:var(--tp2-yellow);font:800 13px Poppins,sans-serif;color:#111;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 7px 20px rgba(255,189,24,.22)}.tp2-search-submit:hover{background:var(--tp2-yellow-2)}
.tp2-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.tp2-category-card{position:relative;min-height:78px;border-radius:13px;overflow:hidden;padding:15px 44px 13px 15px;display:flex;align-items:flex-end;gap:11px;text-decoration:none!important;color:#fff!important;background-size:cover;background-position:center;isolation:isolate;box-shadow:0 7px 22px rgba(13,42,34,.08)}.tp2-category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,19,.89),rgba(3,24,19,.47));z-index:-1}.tp2-cat-1{background-image:var(--tp2-membership-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/membership.png));background-position:71% 58%}.tp2-cat-2{background-image:var(--tp2-cta-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/cta-bg.png));background-position:30% 64%}.tp2-cat-3{background-image:var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png));background-position:10% 70%}.tp2-cat-4{background-image:var(--tp2-cta-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/cta-bg.png));background-position:73% 50%}.tp2-category-icon{font-size:21px;color:var(--tp2-yellow);margin-bottom:2px}.tp2-category-card strong{display:block;font-size:13px;line-height:1.15}.tp2-category-card small{display:block;font-size:9px;line-height:1.35;color:rgba(255,255,255,.78);margin-top:3px}.tp2-card-arrow{position:absolute;right:12px;bottom:13px;width:27px;height:27px;border:1px solid rgba(255,255,255,.68);border-radius:99px;display:grid;place-items:center;font-size:10px}.tp2-category-card:hover{transform:translateY(-2px);box-shadow:0 12px 27px rgba(13,42,34,.14)}
.tp2-inspiration-grid{display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:10px;margin-top:10px}.tp2-inspiration-card{min-height:150px;border-radius:15px;overflow:hidden;position:relative;display:flex;align-items:flex-end;text-decoration:none!important;color:#fff!important;background-size:cover;background-position:center;isolation:isolate;box-shadow:0 10px 30px rgba(12,35,29,.10)}.tp2-inspiration-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,20,.88),rgba(3,25,20,.25)),linear-gradient(0deg,rgba(3,25,20,.55),transparent 65%);z-index:-1}.tp2-insp-sleep{background-image:var(--tp2-membership-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/membership.png));background-position:68% 65%}.tp2-insp-bike{background-image:var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png));background-position:8% 64%}.tp2-insp-family{background-image:var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png));background-position:82% 72%}.tp2-inspiration-copy{display:block;padding:18px}.tp2-inspiration-copy strong{font:700 22px/1.05 Bitter,Georgia,serif;display:block}.tp2-inspiration-copy small{display:block;margin-top:7px;font-size:10px;color:rgba(255,255,255,.82)}.tp2-inspiration-copy b{display:inline-flex;align-items:center;gap:7px;margin-top:11px;padding:7px 10px;border-radius:7px;background:var(--tp2-yellow);color:#111;font-size:10px}.tp2-inspiration-card:hover{transform:translateY(-2px)}
.tp2-latest-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.tp2-latest-section{min-width:0}.tp2-home-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 8px}.tp2-home-section-head h2{margin:0;font-size:15px;color:#202819}.tp2-home-section-head a{font-size:9px;font-weight:700;color:#46533a!important;text-decoration:none!important;white-space:nowrap}.tp2-home-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tp2-home-card{display:block;background:#fff;border:1px solid var(--tp2-line);border-radius:10px;overflow:hidden;text-decoration:none!important;color:inherit!important;box-shadow:0 7px 18px rgba(12,39,31,.05);transition:.2s}.tp2-home-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(12,39,31,.10)}.tp2-home-card img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover}.tp2-home-card-copy{display:block;padding:8px}.tp2-home-card-copy strong{display:block;font-size:10.5px;line-height:1.25;color:#202819;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp2-home-card-copy small{display:block;margin-top:4px;color:#7a8172;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp2-premium-empty{min-height:112px;border:1px dashed rgba(10,54,43,.18);border-radius:12px;background:linear-gradient(135deg,#fff,#f7f6f0);display:flex;align-items:center;justify-content:center;gap:13px;color:#3c4933}.tp2-premium-empty>i{font-size:26px;color:#a2aa98}.tp2-premium-empty strong{display:block;font-size:12px}.tp2-premium-empty span{display:block;margin-top:3px;font-size:9px;color:#7a8172}
.tp2-how-strip{margin-top:17px;padding:18px 20px;border:1px solid var(--tp2-line);border-radius:15px;background:linear-gradient(105deg,#fff,#f7f8f2);display:grid;grid-template-columns:185px 1fr;align-items:center;gap:20px}.tp2-eyebrow{display:block;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#d69b00;margin-bottom:4px}.tp2-how-strip h2{font-size:25px;margin:0}.tp2-how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.tp2-how-steps>div{position:relative;text-align:center;padding:0 12px;border-left:1px solid rgba(10,54,43,.10)}.tp2-how-steps b{position:absolute;left:11px;top:-2px;width:20px;height:20px;border-radius:50%;background:var(--tp2-yellow);display:grid;place-items:center;font-size:9px}.tp2-how-steps i{color:var(--tp2-green);font-size:19px;margin-bottom:4px}.tp2-how-steps strong{display:block;font-size:10px}.tp2-how-steps small{display:block;font-size:8px;color:#7b8274;line-height:1.35;margin-top:3px}
.tp2-magazine-premium{margin-top:14px;min-height:170px;padding:28px 28px;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,rgba(4,39,31,.93),rgba(4,39,31,.68) 52%,rgba(4,39,31,.18)),var(--tp2-cta-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/cta-bg.png));background-size:cover;background-position:center 49%;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 12px 30px rgba(9,46,36,.12)}.tp2-magazine-premium .tp2-eyebrow{color:var(--tp2-yellow)}.tp2-magazine-premium h2{font-size:28px;line-height:1.05;color:#fff;margin:0 0 6px}.tp2-magazine-premium p{font-size:10.5px;color:rgba(255,255,255,.82);margin:0}.tp2-magazine-premium .tp2-btn{flex:0 0 auto}
.tp2-bottom-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:12px;margin-top:14px}.tp2-plus-premium,.tp2-audience-premium{border-radius:15px;overflow:hidden;border:1px solid var(--tp2-line);min-height:208px}.tp2-plus-premium{padding:20px 22px;background:linear-gradient(100deg,rgba(255,215,91,.95),rgba(255,190,24,.84)),var(--tp2-membership-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/membership.png));background-size:cover;background-position:center;color:#202819}.tp2-plus-premium .tp2-eyebrow{color:#46533a}.tp2-plus-premium h2{font-size:23px;line-height:1.05;margin:0 0 10px}.tp2-plus-premium ul{list-style:none;margin:0 0 12px;padding:0;columns:2;column-gap:24px}.tp2-plus-premium li{font-size:9.5px;margin:5px 0;break-inside:avoid}.tp2-plus-premium li:before{content:'✓';font-weight:900;color:var(--tp2-green);margin-right:6px}.tp2-plus-premium a{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;background:var(--tp2-green);color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:800}.tp2-audience-premium{padding:20px 22px;background:#fff}.tp2-audience-premium .tp2-eyebrow{color:#68725e}.tp2-audience-premium h2{font-size:21px;line-height:1.12;margin:0 0 12px}.tp2-audience-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tp2-audience-list span{display:grid;grid-template-columns:28px 1fr;column-gap:7px;align-items:start}.tp2-audience-list i{grid-row:1/3;font-size:19px;color:var(--tp2-green);margin-top:2px}.tp2-audience-list b{font-size:10px}.tp2-audience-list small{font-size:8px;color:#7a8172} .tp2-footer{position:relative;margin-top:60px;padding:56px 38px 22px;background:#2b3022;color:#fff}.tp2-footer:before{content:"";position:absolute;left:0;right:0;top:-44px;height:46px;background:linear-gradient(140deg,transparent 0 6%,#2b3022 6% 13%,transparent 13% 16%,#2b3022 16% 24%,transparent 24% 28%,#2b3022 28% 37%,transparent 37% 41%,#2b3022 41% 50%,transparent 50% 55%,#2b3022 55% 66%,transparent 66% 71%,#2b3022 71% 82%,transparent 82% 87%,#2b3022 87% 100%)}.tp2-footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:30px}.tp2-footer-logo img{max-width:190px;max-height:78px;object-fit:contain}.tp2-footer p{font-size:11px;line-height:1.6;color:rgba(255,255,255,.78)}.tp2-footer h3{font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px;color:#fff}.tp2-footer a{display:block;color:rgba(255,255,255,.82)!important;text-decoration:none!important;font-size:10px;margin:7px 0}.tp2-footer-quote{font:700 17px/1.28 Bitter,Georgia,serif;color:#fff;margin-top:16px}.tp2-footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:24px;padding-top:14px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:rgba(255,255,255,.62)} .tp-archive-wrapper,.tp-dashboard-page,.tp-auth-page,.tp-page-shell,.tp-single-page,.tp-blog-page{max-width:var(--tp2-inner)!important;margin:24px auto!important}.tp-section-container{max-width:var(--tp2-inner)!important}.tp-dashboard-card,.tp-settings-card,.tp-subscription-card,.tp-notifications-panel,.tp-form-card{border-radius:16px!important;border-color:var(--tp2-line)!important;box-shadow:0 8px 24px rgba(12,40,32,.06)!important}.tp-dashboard-sidebar{border-radius:16px!important;background:#fff!important}.tp-dashboard-sidebar a.is-active,.tp-dashboard-sidebar .active{background:#eaf2ed!important;color:var(--tp2-green)!important}.tp-btn-yellow,.directorist-btn-primary,.atbdp_login_btn{background:var(--tp2-yellow)!important;color:#111!important;border-color:var(--tp2-yellow)!important;border-radius:9px!important}.directorist-search-form,.directorist-search-contents,.directorist-advanced-filter{border-radius:14px!important}.directorist-listing-single,.directorist-listing-card{border-radius:14px!important;overflow:hidden!important}
@media(max-width:1050px){.tp2-page{width:100%;border-radius:0}.tp2-nav{grid-template-columns:190px 1fr 165px;padding:0 22px}.tp2-logo img{max-width:175px}.tp2-menu{gap:18px}.tp2-menu a{font-size:12px}.tp2-search-premium{grid-template-columns:1.4fr .8fr .7fr 130px}.tp2-category-card small{display:none}.tp2-home-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.tp2-menu{display:none}.tp2-nav{grid-template-columns:1fr auto}.tp2-account{grid-column:2}.tp2-hero{min-height:470px;padding:120px 30px 50px}.tp2-hero h1{font-size:48px}.tp2-search-premium{grid-template-columns:1fr 1fr}.tp2-search-keyword,.tp2-search-submit{grid-column:1/-1}.tp2-category-grid{grid-template-columns:1fr 1fr}.tp2-inspiration-grid,.tp2-latest-pair,.tp2-bottom-grid{grid-template-columns:1fr}.tp2-how-strip{grid-template-columns:1fr}.tp2-how-steps{grid-template-columns:1fr 1fr;gap:15px}.tp2-how-steps>div:nth-child(odd){border-left:0}.tp2-magazine-premium{align-items:flex-start;flex-direction:column}.tp2-footer-grid{grid-template-columns:1fr 1fr}.tp2-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.tp2-page{width:100%}.tp2-nav{height:70px;padding:0 16px}.tp2-logo img{max-width:155px}.tp2-account .tp2-label{display:none}.tp2-account>a{padding:0 10px}.tp2-hero{min-height:500px;padding:110px 22px 44px;background-position:64% center}.tp2-hero h1{font-size:42px}.tp2-hero h2{font-size:18px}.tp2-home-inner,.tp2-discovery{width:calc(100% - 20px)}.tp2-discovery{margin-top:-20px;padding:13px}.tp2-search-premium{grid-template-columns:1fr}.tp2-search-keyword,.tp2-search-submit{grid-column:auto}.tp2-category-grid{grid-template-columns:1fr 1fr}.tp2-category-card{min-height:90px;padding:12px}.tp2-category-card small,.tp2-card-arrow{display:none}.tp2-inspiration-grid{grid-template-columns:1fr}.tp2-home-card-grid{grid-template-columns:1fr 1fr}.tp2-how-steps{grid-template-columns:1fr 1fr}.tp2-plus-premium ul{columns:1}.tp2-audience-list{grid-template-columns:1fr}.tp2-footer{padding-left:22px;padding-right:22px}.tp2-footer-grid{grid-template-columns:1fr 1fr}.tp2-footer-bottom{flex-direction:column}.tp2-magazine-premium h2{font-size:24px}} .tp2-footer{background:linear-gradient(135deg,#2b3022 0%,#202819 100%)!important;border-radius:0!important;}
.tp2-page{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}
.tp2-footer-bottom{padding-bottom:2px;}  .tp2-premium-empty{
min-height:82px;
padding:14px 18px;
justify-content:flex-start;
background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,247,241,.9));
}
.tp2-premium-empty>i{font-size:22px}
.tp2-premium-empty strong{font-size:11px}
.tp2-premium-empty span{font-size:8.5px} .tp2-magazine-premium{
margin-top:16px;
min-height:138px;
padding:23px 26px;
border-radius:14px;
background:
linear-gradient(90deg,rgba(32,40,25,.92) 0%,rgba(32,40,25,.68) 48%,rgba(32,40,25,.16) 78%,rgba(32,40,25,.06) 100%),
var(--tp2-cta-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/cta-bg.png));
background-size:cover;
background-position:center 52%;
box-shadow:0 14px 34px rgba(32,40,25,.12);
}
.tp2-magazine-premium h2{font-size:25px;max-width:560px}
.tp2-magazine-premium p{font-size:9.8px} .tp2-bottom-trio{
display:grid;
grid-template-columns:1.05fr .95fr 1.35fr;
gap:11px;
margin-top:12px;
align-items:stretch;
}
.tp2-how-premium,
.tp2-plus-premium,
.tp2-audience-premium{
min-height:190px;
border-radius:14px;
overflow:hidden;
border:1px solid var(--tp2-line);
box-shadow:0 8px 24px rgba(32,40,25,.05);
}
.tp2-how-premium{
padding:18px 18px 16px;
background:linear-gradient(145deg,#fff,#f7f7f1);
}
.tp2-how-premium h2{font-size:22px;line-height:1;margin:0 0 15px}
.tp2-how-premium-steps{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px 8px;
}
.tp2-how-premium-steps span{
position:relative;
min-height:54px;
padding:7px 6px 5px 35px;
}
.tp2-how-premium-steps b{
position:absolute;
left:0;
top:4px;
width:23px;height:23px;border-radius:50%;
background:var(--tp2-yellow);
display:grid;place-items:center;
font-size:9px;color:#171a16;
}
.tp2-how-premium-steps i{
display:block;
color:var(--tp2-green);
font-size:15px;
margin-bottom:2px;
}
.tp2-how-premium-steps strong{display:block;font-size:9.5px;line-height:1.1}
.tp2-how-premium-steps small{display:block;font-size:7.7px;color:#7b8274;margin-top:2px}
.tp2-plus-premium{
min-height:190px;
padding:18px 19px;
position:relative;
background:
linear-gradient(102deg,rgba(255,213,75,.97) 0%,rgba(255,195,26,.91) 56%,rgba(255,185,18,.74) 100%),
var(--tp2-membership-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/membership.png));
background-size:cover;
background-position:64% 58%;
}
.tp2-plus-premium:after{
content:"";
position:absolute;
inset:0 0 0 48%;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(43,48,34,.09));
}
.tp2-plus-premium>*{position:relative;z-index:1}
.tp2-plus-premium h2{font-size:21px;margin-bottom:9px}
.tp2-plus-premium ul{columns:1;margin-bottom:9px}
.tp2-plus-premium li{font-size:8.6px;margin:3.5px 0}
.tp2-plus-premium a{font-size:9px;padding:8px 11px;background:#2b3022}
.tp2-audience-premium{
min-height:190px;
padding:18px 20px;
}
.tp2-audience-premium h2{font-size:18px;line-height:1.1;margin-bottom:12px}
.tp2-audience-list{
grid-template-columns:1fr 1fr;
gap:9px 12px;
}
.tp2-audience-list span{grid-template-columns:24px 1fr;column-gap:6px}
.tp2-audience-list i{font-size:16px}
.tp2-audience-list b{font-size:9px}
.tp2-audience-list small{font-size:7.5px;line-height:1.25} .tp2-footer{
margin-top:46px;
padding:38px 36px 16px;
background:linear-gradient(180deg,#2b3022 0%,#202819 100%)!important;
border-radius:0!important;
}
.tp2-footer:before{
top:-30px;
height:31px;
background:#2b3022;
clip-path:polygon(
0 100%,0 76%,4% 76%,7% 45%,10% 68%,14% 35%,18% 70%,22% 50%,
27% 73%,31% 41%,36% 66%,40% 37%,45% 72%,50% 47%,55% 69%,
60% 34%,65% 67%,70% 46%,76% 72%,81% 39%,86% 66%,91% 48%,
96% 70%,100% 52%,100% 100%
);
}
.tp2-footer-grid{
grid-template-columns:1.35fr repeat(4,1fr);
gap:25px;
align-items:start;
}
.tp2-footer-brand{padding-right:14px}
.tp2-footer-logo img{max-width:158px;max-height:66px}
.tp2-footer-brand p{margin:8px 0 10px}
.tp2-footer p{font-size:9.5px;line-height:1.55}
.tp2-footer h3{font-size:9px;margin-bottom:8px}
.tp2-footer a{font-size:9px;margin:5px 0}
.tp2-footer-social{display:flex;align-items:center;gap:9px;margin-top:10px}
.tp2-footer-social a{
width:28px;height:28px;border:1px solid rgba(255,255,255,.18);
border-radius:50%;display:grid;place-items:center!important;
margin:0!important;font-size:12px!important;
color:#fff!important;background:rgba(255,255,255,.035);
}
.tp2-footer-social a:hover{background:rgba(255,255,255,.10)}
.tp2-footer-quote{font-size:15px;margin-top:11px}
.tp2-footer-bottom{margin-top:17px;padding-top:11px;padding-bottom:0;font-size:8px} .tp2-inspiration-card:before{
background:
linear-gradient(90deg,rgba(32,40,25,.78),rgba(32,40,25,.08) 76%),
linear-gradient(0deg,rgba(32,40,25,.42),transparent 64%);
}
.tp2-inspiration-card{min-height:138px} @media(max-width:820px){
.tp2-bottom-trio{grid-template-columns:1fr}
.tp2-footer:before{top:-24px;height:25px}
}
@media(max-width:560px){
.tp2-bottom-trio{grid-template-columns:1fr}
.tp2-how-premium-steps{grid-template-columns:1fr 1fr}
.tp2-footer{padding:32px 22px 14px}
.tp2-footer-grid{grid-template-columns:1fr 1fr}
.tp2-footer-brand{grid-column:1/-1}
}  :root{
--tp2-shell:clamp(1120px,72vw,1240px);
--tp2-inner:calc(var(--tp2-shell) - 72px);
} .tp2-page{
width:min(var(--tp2-shell),calc(100% - clamp(24px,3vw,48px)));
max-width:1240px;
} .tp2-nav{
height:clamp(70px,4.3vw,78px);
padding-left:clamp(22px,2.6vw,34px);
padding-right:clamp(22px,2.6vw,34px);
}
.tp2-logo img{
width:auto;
max-width:clamp(160px,12vw,188px);
max-height:clamp(46px,3.7vw,58px);
}
.tp2-menu{
gap:clamp(16px,1.65vw,26px);
}
.tp2-menu a{
font-size:clamp(11px,.72vw,13px);
}
.tp2-account>a{
min-height:clamp(36px,2.4vw,42px);
padding-left:clamp(11px,1vw,16px);
padding-right:clamp(11px,1vw,16px);
font-size:clamp(10.5px,.68vw,12px);
} .tp2-hero{
min-height:clamp(360px,22.4vw,430px);
padding:
clamp(112px,7.2vw,132px)
clamp(34px,3.25vw,62px)
clamp(38px,3vw,58px);
}
.tp2-hero-copy{
max-width:clamp(590px,38vw,700px);
}
.tp2-hero h1{
font-size:clamp(43px,2.9vw,56px);
line-height:1;
margin-bottom:clamp(5px,.45vw,8px);
}
.tp2-hero h2{
font-size:clamp(18px,1.12vw,21px);
margin-bottom:clamp(7px,.55vw,10px);
}
.tp2-hero p{
font-size:clamp(13px,.78vw,15px);
line-height:1.55;
max-width:620px;
margin-bottom:clamp(14px,1vw,19px);
}
.tp2-btn{
min-height:clamp(41px,2.4vw,46px);
padding-left:clamp(15px,1vw,20px);
padding-right:clamp(15px,1vw,20px);
font-size:clamp(11px,.68vw,13px);
}
.tp2-infinity{
margin-top:clamp(9px,.75vw,13px);
font-size:clamp(10px,.62vw,12px);
} .tp2-home-inner,
.tp2-discovery{
width:min(var(--tp2-inner),calc(100% - clamp(24px,2.4vw,36px)));
}
.tp2-discovery{
margin-top:clamp(-28px,-1.45vw,-20px);
border-radius:clamp(16px,1.1vw,21px);
padding:
clamp(13px,.85vw,16px)
clamp(14px,.95vw,18px)
clamp(14px,.9vw,17px);
}
.tp2-discovery h2{
font-size:clamp(17px,1.05vw,20px);
margin-bottom:clamp(8px,.52vw,10px);
}
.tp2-search-premium{
grid-template-columns:minmax(0,1.55fr) minmax(155px,.82fr) minmax(140px,.72fr) clamp(145px,8.8vw,170px);
gap:clamp(7px,.48vw,9px);
} @media(max-width:820px){
.tp2-home .tp2-search-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
.tp2-home .tp2-search-keyword,
.tp2-home .tp2-search-submit{grid-column:1/-1}
}
@media(max-width:560px){
.tp2-home .tp2-search-premium{grid-template-columns:minmax(0,1fr)}
.tp2-home .tp2-search-keyword,
.tp2-home .tp2-search-submit{grid-column:auto}
}
.tp2-search-control,
.tp2-search-submit{
height:clamp(43px,2.5vw,48px);
border-radius:clamp(8px,.55vw,10px);
}
.tp2-search-control{
padding-left:clamp(11px,.75vw,14px);
padding-right:clamp(11px,.75vw,14px);
}
.tp2-search-control input,
.tp2-search-control select{
font-size:clamp(11px,.66vw,12.5px);
}
.tp2-search-submit{
font-size:clamp(11px,.68vw,13px);
} .tp2-category-card{
min-height:clamp(76px,4.7vw,90px);
}
.tp2-inspiration-card{
min-height:clamp(120px,7.2vw,138px);
}
.tp2-magazine-premium{
min-height:clamp(124px,7.2vw,138px);
}
.tp2-magazine-premium h2{
font-size:clamp(21px,1.3vw,25px);
}
.tp2-bottom-trio{
gap:clamp(9px,.58vw,11px);
}
.tp2-how-premium,
.tp2-plus-premium,
.tp2-audience-premium{
min-height:clamp(178px,9.9vw,190px);
} .tp2-footer{
padding:
clamp(34px,2vw,38px)
clamp(26px,1.9vw,36px)
16px;
}
.tp2-footer-grid{
gap:clamp(18px,1.3vw,25px);
}
.tp2-footer-logo img{
max-width:clamp(142px,8.2vw,158px);
}
.tp2-footer p{
font-size:clamp(8.5px,.50vw,9.5px);
}
.tp2-footer h3,
.tp2-footer a{
font-size:clamp(8.3px,.48vw,9px);
} @media (min-width:821px) and (max-width:1499px){
:root{
--tp2-shell:1120px;
--tp2-inner:1048px;
}
.tp2-hero{
min-height:360px;
padding-top:112px;
padding-bottom:38px;
}
.tp2-hero h1{font-size:43px}
.tp2-hero h2{font-size:18px}
.tp2-hero p{font-size:13px;max-width:570px}
.tp2-nav{height:70px}
.tp2-logo img{max-width:160px;max-height:48px}
.tp2-menu a{font-size:11px}
.tp2-btn{min-height:41px;font-size:11px}
.tp2-discovery{margin-top:-22px}
} @media (min-width:1500px) and (max-width:2199px){
:root{
--tp2-shell:1240px;
--tp2-inner:1168px;
}
.tp2-hero h1{font-size:54px}
} @media (min-width:2200px){
:root{
--tp2-shell:1240px;
--tp2-inner:1168px;
}
.tp2-page{max-width:1240px}
.tp2-hero h1{font-size:56px}
}   .tp2-search-control input,
.tp2-search-control select{
font-size:13px;
}
.tp2-search-submit{
font-size:13px;
} .tp2-category-card strong{
font-size:14px;
}
.tp2-category-card small{
font-size:11px;
line-height:1.3;
} .tp2-inspiration-copy strong{
font-size:22px;
}
.tp2-inspiration-copy small{
font-size:12px;
line-height:1.35;
}
.tp2-inspiration-copy b{
font-size:11.5px;
} .tp2-home-section-head h2,
.tp2-home-section-head strong{
font-size:16px;
}
.tp2-home-section-head a{
font-size:11px;
}
.tp2-premium-empty strong{
font-size:13px;
}
.tp2-premium-empty span{
font-size:11px;
line-height:1.35;
} .tp2-eyebrow{
font-size:10.5px;
letter-spacing:.14em;
} .tp2-magazine-premium h2{
font-size:25px;
}
.tp2-magazine-premium p{
font-size:12px;
line-height:1.4;
}
.tp2-magazine-premium .tp2-btn{
font-size:12px;
} .tp2-how-premium h2{
font-size:23px;
}
.tp2-how-premium-steps b{
font-size:10px;
}
.tp2-how-premium-steps strong{
font-size:12px;
}
.tp2-how-premium-steps small{
font-size:10.5px;
line-height:1.3;
} .tp2-plus-premium h2{
font-size:22px;
}
.tp2-plus-premium li{
font-size:11px;
line-height:1.35;
}
.tp2-plus-premium a{
font-size:11.5px;
} .tp2-audience-premium h2{
font-size:19px;
}
.tp2-audience-list b{
font-size:11.5px;
}
.tp2-audience-list small{
font-size:10.5px;
line-height:1.3;
} .tp2-footer p{
font-size:11px;
}
.tp2-footer h3{
font-size:10.5px;
}
.tp2-footer a{
font-size:10.5px;
}
.tp2-footer-quote{
font-size:16px;
}
.tp2-footer-bottom{
font-size:9.5px;
} @media (min-width:821px) and (max-width:1499px){
.tp2-search-control input,
.tp2-search-control select{font-size:12.5px}
.tp2-category-card strong{font-size:13px}
.tp2-category-card small{font-size:10.5px}
.tp2-inspiration-copy small{font-size:11px}
.tp2-home-section-head h2,
.tp2-home-section-head strong{font-size:15px}
.tp2-home-section-head a{font-size:10.5px}
.tp2-premium-empty strong{font-size:12.5px}
.tp2-premium-empty span{font-size:10.5px}
.tp2-how-premium-steps strong{font-size:11.5px}
.tp2-how-premium-steps small{font-size:10px}
.tp2-plus-premium li{font-size:10.5px}
.tp2-audience-list b{font-size:11px}
.tp2-audience-list small{font-size:10px}
.tp2-footer p{font-size:10.5px}
.tp2-footer h3,
.tp2-footer a{font-size:10px}
} @media (min-width:1500px){
.tp2-category-card small{font-size:11px}
.tp2-inspiration-copy small{font-size:12px}
.tp2-premium-empty span{font-size:11px}
.tp2-how-premium-steps small{font-size:10.5px}
.tp2-plus-premium li{font-size:11px}
.tp2-audience-list small{font-size:10.5px}
} .tp2-footer-brand p{
font-size:15px;
line-height:1.6;
}
.tp2-footer h3{
font-size:14px;
line-height:1.2;
}
.tp2-footer a{
font-size:14px;
line-height:1.35;
}
.tp2-footer-quote{
font-size:19px;
line-height:1.25;
}
.tp2-footer-bottom{
font-size:13px;
line-height:1.4;
}
.tp2-footer-social a{
font-size:18px!important;
} @media (min-width:821px) and (max-width:1499px){
.tp2-footer-brand p{font-size:14px}
.tp2-footer h3{font-size:13px}
.tp2-footer a{font-size:13px}
.tp2-footer-quote{font-size:18px}
.tp2-footer-bottom{font-size:12px}
} .tp2-footer{
margin-top:50px;
padding:50px 42px 20px;
background:linear-gradient(180deg,#2b3022 0%,#202819 100%)!important;
border-radius:0!important;
} .tp2-footer:before{
top:-32px;
height:33px;
background:#2b3022;
clip-path:polygon(
0 100%,0 80%,
3% 80%,6% 56%,9% 73%,13% 43%,17% 72%,
21% 58%,25% 76%,29% 48%,34% 71%,38% 51%,
43% 77%,48% 57%,53% 73%,58% 44%,63% 69%,
68% 55%,73% 75%,78% 47%,83% 70%,88% 54%,
93% 73%,97% 59%,100% 68%,100% 100%
);
}
.tp2-footer-grid{
grid-template-columns:
minmax(205px,1.45fr)
minmax(120px,.85fr)
minmax(120px,.9fr)
minmax(145px,1fr)
minmax(185px,1.2fr);
gap:clamp(24px,2vw,34px);
align-items:start;
}
.tp2-footer-brand{
padding-right:20px;
}
.tp2-footer-logo{
margin:0 0 10px!important;
}
.tp2-footer-logo img{
width:auto;
max-width:176px;
max-height:74px;
object-fit:contain;
} .tp2-logo,.tp2-footer-logo{overflow:visible!important}
.tp2-logo img,.tp2-footer-logo img{display:block!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important;clip-path:none!important} .tp2-map-static-grid--live .tp2-map-filters>h3{margin:0;padding:14px 16px 8px;color:#273124;font-size:12px}
@media(max-width:900px){.tp2-map-static-grid--live .tp2-map-filters{display:block}.tp2-map-static-grid--live .tp2-map-filters{order:2}}
.tp2-footer-brand p{
margin:8px 0 15px;
max-width:250px;
color:rgba(255,255,255,.84);
font-size:15px;
line-height:1.55;
font-weight:600;
}
.tp2-footer h3{
margin:3px 0 14px;
color:#fff;
font-size:13.5px;
line-height:1.2;
font-weight:800;
text-transform:uppercase;
letter-spacing:.065em;
}
.tp2-footer a{
margin:0 0 9px;
color:rgba(255,255,255,.78)!important;
font-size:14px;
line-height:1.35;
font-weight:500;
transition:color .18s ease,transform .18s ease;
}
.tp2-footer a:hover{
color:#ffb800!important;
transform:translateX(2px);
}
.tp2-footer-social{
display:flex;
gap:10px;
margin-top:14px;
}
.tp2-footer-social a{
width:36px;
height:36px;
margin:0!important;
border:1px solid rgba(255,255,255,.2);
border-radius:50%;
background:rgba(255,255,255,.04);
color:#fff!important;
font-size:17px!important;
display:grid!important;
place-items:center!important;
transform:none!important;
}
.tp2-footer-social a:hover{
background:#ffb800;
border-color:#ffb800;
color:#202819!important;
}
.tp2-footer-quote{
margin-top:20px;
color:#fff;
font:700 19px/1.28 Bitter,Georgia,serif;
letter-spacing:-.015em;
}
.tp2-footer-bottom{
margin-top:34px;
padding:16px 0 0;
border-top:1px solid rgba(255,255,255,.14);
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
color:rgba(255,255,255,.62);
font-size:13px;
line-height:1.4;
font-weight:500;
} @media (min-width:821px) and (max-width:1499px){
.tp2-footer{
padding:44px 32px 18px;
}
.tp2-footer-grid{
grid-template-columns:
minmax(190px,1.35fr)
minmax(105px,.8fr)
minmax(110px,.85fr)
minmax(135px,1fr)
minmax(165px,1.15fr);
gap:20px;
}
.tp2-footer-logo img{max-width:165px}
.tp2-footer-brand p{font-size:14px}
.tp2-footer h3{font-size:13px}
.tp2-footer a{font-size:13px}
.tp2-footer-quote{font-size:18px}
.tp2-footer-bottom{font-size:12px}
} @media (max-width:820px){
.tp2-footer{
padding:42px 24px 18px;
}
.tp2-footer-grid{
grid-template-columns:1fr 1fr;
gap:28px 22px;
}
.tp2-footer-brand{
grid-column:1/-1;
padding-right:0;
}
.tp2-footer-brand p{
max-width:340px;
}
.tp2-footer-bottom{
flex-direction:column;
align-items:flex-start;
gap:6px;
}
}
@media (max-width:560px){
.tp2-footer-grid{
grid-template-columns:1fr;
gap:24px;
}
.tp2-footer-brand{
grid-column:auto;
}
.tp2-footer{
padding-left:20px;
padding-right:20px;
}
} .tp2-bottom-trio{
grid-template-columns:1.02fr 1.05fr 1.38fr;
gap:14px;
margin-top:14px;
align-items:stretch;
}
.tp2-how-premium,
.tp2-plus-premium,
.tp2-audience-premium{
position:relative;
min-height:226px;
border-radius:16px;
overflow:hidden;
box-shadow:0 12px 30px rgba(32,40,25,.075);
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.tp2-how-premium:hover,
.tp2-plus-premium:hover,
.tp2-audience-premium:hover{
transform:translateY(-2px);
box-shadow:0 17px 38px rgba(32,40,25,.105);
} .tp2-card-heading{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:18px;
}
.tp2-card-heading>div{
min-width:0;
}
.tp2-card-heading>i{
flex:0 0 auto;
width:38px;
height:38px;
border-radius:12px;
display:grid;
place-items:center;
font-size:17px;
color:#2b3022;
background:rgba(43,48,34,.075);
}
.tp2-card-heading h2{
margin:4px 0 0;
} .tp2-how-premium{
padding:22px 21px 20px;
background:
radial-gradient(circle at 88% 8%,rgba(255,184,0,.08),transparent 32%),
linear-gradient(145deg,#fff 0%,#f8f8f3 100%);
border:1px solid rgba(43,48,34,.12);
}
.tp2-how-premium h2{
font-size:25px;
line-height:1.02;
}
.tp2-how-premium-steps{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px 10px;
}
.tp2-how-premium-steps span{
position:relative;
min-height:62px;
padding:8px 6px 7px 42px;
border-radius:12px;
background:rgba(255,255,255,.66);
}
.tp2-how-premium-steps b{
left:8px;
top:10px;
width:25px;
height:25px;
font-size:10px;
box-shadow:0 4px 10px rgba(255,184,0,.22);
}
.tp2-how-premium-steps i{
font-size:16px;
margin-bottom:4px;
}
.tp2-how-premium-steps strong{
font-size:12.5px;
line-height:1.1;
}
.tp2-how-premium-steps small{
font-size:10.5px;
line-height:1.25;
color:#6f7669;
} .tp2-plus-premium{
padding:22px 22px 20px;
border:1px solid rgba(161,118,0,.16);
background:
linear-gradient(100deg,rgba(255,211,65,.985) 0%,rgba(255,192,22,.92) 58%,rgba(255,177,0,.72) 100%),
var(--tp2-membership-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/membership.png));
background-size:cover;
background-position:68% 58%;
}
.tp2-plus-premium:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(circle at 85% 25%,rgba(255,255,255,.18),transparent 27%),
linear-gradient(180deg,transparent 52%,rgba(43,48,34,.07));
}
.tp2-plus-premium:after{
opacity:.55;
}
.tp2-plus-premium>*{
position:relative;
z-index:2;
}
.tp2-card-heading-plus>i{
background:#2b3022;
color:#ffbf17;
box-shadow:0 8px 18px rgba(43,48,34,.16);
}
.tp2-plus-premium h2{
font-size:23px;
line-height:1.02;
}
.tp2-plus-premium ul{
margin:0 0 13px;
padding:0;
}
.tp2-plus-premium li{
position:relative;
padding-left:18px;
margin:6px 0;
font-size:11.5px;
line-height:1.3;
}
.tp2-plus-premium li:before{
content:"✓";
position:absolute;
left:0;
top:0;
color:#2b3022;
font-weight:900;
}
.tp2-plus-premium a{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:auto;
padding:9px 13px;
border-radius:9px;
font-size:11.5px;
font-weight:800;
background:#2b3022;
color:#fff!important;
box-shadow:0 7px 16px rgba(43,48,34,.16);
} .tp2-audience-premium{
padding:22px 22px 20px;
background:
radial-gradient(circle at 94% 6%,rgba(43,48,34,.055),transparent 32%),
#fff;
border:1px solid rgba(43,48,34,.12);
}
.tp2-audience-premium h2{
max-width:390px;
font-size:20px;
line-height:1.12;
}
.tp2-audience-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px 13px;
}
.tp2-audience-list span{
display:grid;
grid-template-columns:34px 1fr;
column-gap:9px;
align-items:center;
min-height:49px;
padding:6px 8px;
border-radius:11px;
background:#fafaf6;
}
.tp2-audience-list i{
grid-row:1/3;
width:30px;
height:30px;
border-radius:9px;
display:grid;
place-items:center;
font-size:15px;
color:#2b3022;
background:rgba(43,48,34,.07);
}
.tp2-audience-list b{
align-self:end;
font-size:11.5px;
line-height:1.12;
}
.tp2-audience-list small{
align-self:start;
font-size:10px;
line-height:1.22;
color:#747b6f;
} @media (min-width:821px) and (max-width:1499px){
.tp2-bottom-trio{
grid-template-columns:1fr 1fr 1.28fr;
gap:12px;
}
.tp2-how-premium,
.tp2-plus-premium,
.tp2-audience-premium{
min-height:220px;
padding:20px 18px 18px;
}
.tp2-card-heading{margin-bottom:15px}
.tp2-card-heading>i{
width:34px;height:34px;font-size:15px;
}
.tp2-how-premium h2{font-size:23px}
.tp2-plus-premium h2{font-size:21px}
.tp2-audience-premium h2{font-size:18px}
.tp2-how-premium-steps span{padding-left:38px}
.tp2-audience-list{gap:8px 9px}
.tp2-audience-list span{grid-template-columns:30px 1fr;padding:5px 6px}
} @media (max-width:820px){
.tp2-bottom-trio{
grid-template-columns:1fr;
gap:14px;
}
.tp2-how-premium,
.tp2-plus-premium,
.tp2-audience-premium{
min-height:auto;
}
}
@media (max-width:560px){
.tp2-how-premium-steps,
.tp2-audience-list{
grid-template-columns:1fr 1fr;
}
} .tp2-how-premium-steps span{
display:grid;
grid-template-columns:26px 16px 1fr;
grid-template-rows:auto auto;
column-gap:10px;
row-gap:3px;
align-items:start;
min-height:72px;
padding:11px 12px 10px 12px;
background:rgba(255,255,255,.78);
border:1px solid rgba(43,48,34,.06);
}
.tp2-how-premium-steps b{
position:static;
grid-column:1;
grid-row:1 / span 2;
width:26px;
height:26px;
margin-top:1px;
box-shadow:0 4px 10px rgba(255,184,0,.22);
}
.tp2-how-premium-steps i{
grid-column:2;
grid-row:1;
margin:2px 0 0;
font-size:15px;
line-height:1;
color:#2b3022;
}
.tp2-how-premium-steps strong{
grid-column:3;
grid-row:1;
margin:0;
font-size:12.5px;
line-height:1.15;
}
.tp2-how-premium-steps small{
grid-column:2 / 4;
grid-row:2;
margin:0;
font-size:10px;
line-height:1.28;
color:#6f7669;
} @media (min-width:821px) and (max-width:1499px){
.tp2-how-premium-steps span{
min-height:70px;
padding:10px 10px 9px 10px;
column-gap:9px;
}
.tp2-how-premium-steps strong{
font-size:12px;
}
.tp2-how-premium-steps small{
font-size:9.7px;
}
} @media (max-width:560px){
.tp2-how-premium-steps span{
min-height:76px;
}
} .tp2-magazine-premium--visual{
position:relative;
overflow:hidden;
min-height:150px;
padding:24px 26px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:18px;
background:
linear-gradient(90deg,rgba(32,40,25,.90) 0%,rgba(32,40,25,.70) 34%,rgba(32,40,25,.28) 60%,rgba(32,40,25,.07) 100%),
var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png));
background-size:cover;
background-position:center 54%;
box-shadow:0 14px 34px rgba(32,40,25,.12);
}
.tp2-magazine-premium--visual:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(circle at 78% 20%,rgba(255,188,0,.16),transparent 26%),
linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08));
mix-blend-mode:normal;
}
.tp2-magazine-premium--visual:after{
content:"";
position:absolute;
right:22%;
bottom:-10px;
width:260px;
height:120px;
pointer-events:none;
background:radial-gradient(ellipse at center,rgba(255,174,0,.16),transparent 68%);
filter:blur(8px);
opacity:.55;
}
.tp2-magazine-premium--visual > *{
position:relative;
z-index:2;
}
.tp2-magazine-premium--visual .tp2-magazine-copy{
max-width:610px;
}
.tp2-magazine-premium--visual h2{
max-width:540px;
font-size:26px;
line-height:1.03;
margin-bottom:6px;
}
.tp2-magazine-premium--visual p{
max-width:500px;
font-size:12px;
color:rgba(255,255,255,.88);
}
.tp2-magazine-premium--visual .tp2-btn{
white-space:nowrap;
align-self:center;
box-shadow:0 10px 22px rgba(0,0,0,.12);
} @media (min-width:821px) and (max-width:1499px){
.tp2-magazine-premium--visual{
min-height:144px;
padding:22px 22px;
background-position:center 56%;
}
.tp2-magazine-premium--visual h2{
font-size:24px;
max-width:510px;
}
.tp2-magazine-premium--visual p{
font-size:11px;
max-width:460px;
}
.tp2-magazine-premium--visual:after{
width:220px;
height:105px;
right:18%;
}
}
@media (max-width:820px){
.tp2-magazine-premium--visual{
grid-template-columns:1fr;
align-items:flex-start;
gap:14px;
min-height:165px;
background-position:center center;
}
.tp2-magazine-premium--visual .tp2-btn{
justify-self:flex-start;
}
}
@media (max-width:560px){
.tp2-magazine-premium--visual{
min-height:176px;
padding:20px 18px;
}
.tp2-magazine-premium--visual h2{
font-size:22px;
}
} .tp2-magazine-premium.tp2-magazine-premium--visual{
background-image:
linear-gradient(90deg,
rgba(32,40,25,.94) 0%,
rgba(32,40,25,.78) 30%,
rgba(32,40,25,.36) 54%,
rgba(32,40,25,.10) 78%,
rgba(32,40,25,.04) 100%
),
var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png)) !important;
background-size:cover!important;
background-position:center 58%!important;
min-height:152px;
}
.tp2-magazine-premium.tp2-magazine-premium--visual > div{
max-width:600px;
}
.tp2-magazine-premium.tp2-magazine-premium--visual h2{
max-width:560px;
}
@media (min-width:821px) and (max-width:1499px){
.tp2-magazine-premium.tp2-magazine-premium--visual{
background-position:center 60%!important;
min-height:146px;
}
}
@media (max-width:820px){
.tp2-magazine-premium.tp2-magazine-premium--visual{
background-position:58% center!important;
}
} .tp2-latest-pair{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:18px;
align-items:start;
}
.tp2-latest-section{
min-width:0;
}
.tp2-home-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin:0 0 10px;
padding:0 2px;
}
.tp2-home-section-head h2{
margin:0;
color:#202819;
font:700 17px/1.2 Bitter,Georgia,serif;
letter-spacing:-.018em;
}
.tp2-home-section-head a{
display:inline-flex;
align-items:center;
gap:6px;
color:#46533a!important;
font-size:11.5px;
line-height:1.2;
font-weight:700;
text-decoration:none!important;
white-space:nowrap;
}
.tp2-home-section-head a:hover{
color:#202819!important;
}
.tp2-home-card-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
}
.tp2-home-card{
display:block;
min-width:0;
overflow:hidden;
border:1px solid rgba(43,48,34,.11);
border-radius:12px;
background:#fff;
color:inherit!important;
text-decoration:none!important;
box-shadow:0 7px 18px rgba(32,40,25,.055);
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.tp2-home-card:hover{
transform:translateY(-2px);
border-color:rgba(43,48,34,.19);
box-shadow:0 13px 27px rgba(32,40,25,.10);
}
.tp2-home-card-media{
position:relative;
display:block;
overflow:hidden;
background:#ebece5;
}
.tp2-home-card-media:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(180deg,transparent 52%,rgba(32,40,25,.26));
}
.tp2-home-card img{
display:block;
width:100%;
aspect-ratio:1.72/1;
object-fit:cover;
transition:transform .25s ease;
}
.tp2-home-card:hover img{
transform:scale(1.025);
}
.tp2-home-card-type{
position:absolute;
left:7px;
bottom:7px;
z-index:2;
display:inline-flex;
align-items:center;
gap:4px;
min-height:21px;
padding:3px 7px;
border:1px solid rgba(255,255,255,.24);
border-radius:999px;
background:rgba(32,40,25,.78);
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
color:#fff;
font-size:8px;
line-height:1;
font-weight:700;
}
.tp2-home-card-type i{
color:#ffb800;
font-size:8px;
}
.tp2-home-card-copy{
display:block;
padding:8px 8px 9px;
}
.tp2-home-card-copy strong{
display:block;
overflow:hidden;
color:#202819;
font-size:12px;
line-height:1.22;
font-weight:800;
text-overflow:ellipsis;
white-space:nowrap;
}
.tp2-home-card-copy small{
display:block;
overflow:hidden;
margin-top:5px;
color:#747b6f;
font-size:9.5px;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.tp2-home-card-copy small i{
margin-right:2px;
color:#6b7660;
} .tp2-premium-empty{
min-height:88px;
padding:15px 18px;
border:1px dashed rgba(43,48,34,.18);
border-radius:12px;
display:flex;
align-items:center;
justify-content:flex-start;
gap:13px;
background:
radial-gradient(circle at 92% 15%,rgba(255,184,0,.05),transparent 28%),
linear-gradient(135deg,#fff,#f8f7f1);
color:#3c4933;
}
.tp2-premium-empty>i{
flex:0 0 auto;
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(43,48,34,.06);
color:#929b89;
font-size:17px;
}
.tp2-premium-empty strong{
display:block;
font-size:12.5px;
line-height:1.2;
}
.tp2-premium-empty span{
display:block;
margin-top:4px;
color:#7a8172;
font-size:10.5px;
line-height:1.3;
} @media (min-width:1051px) and (max-width:1499px){
.tp2-latest-pair{gap:14px}
.tp2-home-card-grid{gap:7px}
.tp2-home-section-head h2{font-size:16px}
.tp2-home-section-head a{font-size:10.5px}
.tp2-home-card-copy strong{font-size:11.5px}
.tp2-home-card-copy small{font-size:9px}
}
@media (max-width:1050px){
.tp2-home-card-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:820px){
.tp2-latest-pair{
grid-template-columns:1fr;
gap:20px;
}
.tp2-home-card-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}
}
@media (max-width:620px){
.tp2-home-card-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
} .tp2-inspiration-grid{
display:grid;
grid-template-columns:1.12fr 1.05fr 1.05fr;
gap:12px;
margin-top:10px;
}
.tp2-inspiration-card{
position:relative;
min-height:154px;
border-radius:15px;
overflow:hidden;
isolation:isolate;
color:#fff!important;
text-decoration:none!important;
background-size:cover;
background-position:center;
box-shadow:0 10px 24px rgba(32,40,25,.09);
transition:transform .2s ease,box-shadow .2s ease;
}
.tp2-inspiration-card:hover{
transform:translateY(-2px);
box-shadow:0 16px 34px rgba(32,40,25,.14);
}
.tp2-inspiration-card:before{
content:"";
position:absolute;
inset:0;
z-index:0;
background:
linear-gradient(90deg,
rgba(25,32,21,.84) 0%,
rgba(25,32,21,.66) 34%,
rgba(25,32,21,.24) 66%,
rgba(25,32,21,.08) 100%
),
linear-gradient(0deg,rgba(20,26,17,.30),transparent 55%);
}
.tp2-inspiration-card:after{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
border-radius:inherit;
}
.tp2-inspiration-card .tp2-inspiration-copy{
position:relative;
z-index:2;
display:flex;
flex-direction:column;
justify-content:flex-end;
min-height:154px;
padding:17px 18px 16px;
max-width:72%;
}
.tp2-inspiration-card .tp2-inspiration-copy strong{
display:block;
margin:0 0 5px;
color:#fff;
font:700 23px/1.02 Bitter,Georgia,serif;
letter-spacing:-.02em;
text-shadow:0 2px 10px rgba(0,0,0,.16);
}
.tp2-inspiration-card .tp2-inspiration-copy small{
display:block;
margin:0 0 12px;
color:rgba(255,255,255,.86);
font-size:11.5px;
line-height:1.34;
font-weight:500;
}
.tp2-inspiration-card .tp2-inspiration-copy b{
display:inline-flex;
align-items:center;
align-self:flex-start;
gap:7px;
min-height:34px;
padding:8px 11px;
border-radius:9px;
background:#ffb800;
color:#202819;
font-size:11px;
line-height:1;
font-weight:800;
box-shadow:0 7px 16px rgba(0,0,0,.12);
}
.tp2-inspiration-card .tp2-inspiration-copy b i{
font-size:10px;
} .tp2-inspiration-card--camp{
background-position:58% 58%;
}
.tp2-inspiration-card--camp:before{
background:
linear-gradient(90deg,rgba(25,32,21,.86) 0%,rgba(25,32,21,.62) 38%,rgba(25,32,21,.12) 76%),
linear-gradient(0deg,rgba(20,26,17,.30),transparent 58%);
}
.tp2-inspiration-card--bike{
background-position:center 54%;
}
.tp2-inspiration-card--bike:before{
background:
linear-gradient(90deg,rgba(25,32,21,.80) 0%,rgba(25,32,21,.56) 38%,rgba(25,32,21,.08) 76%),
linear-gradient(0deg,rgba(20,26,17,.26),transparent 58%);
}
.tp2-inspiration-card--family{
background-position:68% 56%;
}
.tp2-inspiration-card--family:before{
background:
linear-gradient(90deg,rgba(25,32,21,.82) 0%,rgba(25,32,21,.60) 36%,rgba(25,32,21,.10) 74%),
linear-gradient(0deg,rgba(20,26,17,.28),transparent 58%);
} .tp2-inspiration-card--bike .tp2-inspiration-copy b{
background:#ffbf17;
}
.tp2-inspiration-card--family .tp2-inspiration-copy b{
background:#ffc321;
} @media (min-width:821px) and (max-width:1499px){
.tp2-inspiration-grid{
gap:10px;
}
.tp2-inspiration-card{
min-height:144px;
}
.tp2-inspiration-card .tp2-inspiration-copy{
min-height:144px;
padding:15px 16px 14px;
max-width:74%;
}
.tp2-inspiration-card .tp2-inspiration-copy strong{
font-size:21px;
}
.tp2-inspiration-card .tp2-inspiration-copy small{
font-size:10.8px;
margin-bottom:10px;
}
.tp2-inspiration-card .tp2-inspiration-copy b{
min-height:32px;
padding:7px 10px;
font-size:10.5px;
}
} @media (max-width:820px){
.tp2-inspiration-grid{
grid-template-columns:1fr;
gap:12px;
}
.tp2-inspiration-card{
min-height:160px;
}
.tp2-inspiration-card .tp2-inspiration-copy{
min-height:160px;
max-width:70%;
}
}
@media (max-width:560px){
.tp2-inspiration-card .tp2-inspiration-copy{
max-width:86%;
padding:16px;
}
.tp2-inspiration-card .tp2-inspiration-copy strong{
font-size:21px;
}
} .tp2-category-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:12px;
}
.tp2-category-card{
position:relative;
min-height:92px;
padding:15px 44px 14px 15px;
display:grid;
grid-template-columns:30px minmax(0,1fr);
align-items:end;
column-gap:10px;
overflow:hidden;
isolation:isolate;
border:1px solid rgba(255,255,255,.10);
border-radius:14px;
background-size:cover;
background-position:center;
color:#fff!important;
text-decoration:none!important;
box-shadow:0 9px 23px rgba(32,40,25,.09);
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.tp2-category-card:before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:
linear-gradient(90deg,
rgba(24,31,20,.83) 0%,
rgba(24,31,20,.59) 48%,
rgba(24,31,20,.17) 82%,
rgba(24,31,20,.06) 100%
),
linear-gradient(0deg,rgba(18,24,16,.24),transparent 58%);
}
.tp2-category-card:after{
content:"";
position:absolute;
inset:0;
z-index:-1;
pointer-events:none;
border-radius:inherit;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}
.tp2-category-card:hover{
transform:translateY(-2px);
border-color:rgba(255,255,255,.17);
box-shadow:0 15px 31px rgba(32,40,25,.14);
}
.tp2-category-icon{
align-self:center;
width:30px;
height:30px;
display:grid;
place-items:center;
margin:0;
border-radius:9px;
background:rgba(255,184,0,.10);
color:#ffb800;
font-size:19px;
text-shadow:0 2px 10px rgba(0,0,0,.12);
}
.tp2-category-copy{
min-width:0;
align-self:center;
}
.tp2-category-card strong{
display:block;
margin:0;
overflow:hidden;
color:#fff;
font-size:14px;
line-height:1.13;
font-weight:800;
text-overflow:ellipsis;
white-space:nowrap;
text-shadow:0 2px 9px rgba(0,0,0,.18);
}
.tp2-category-card small{
display:block;
margin-top:4px;
overflow:hidden;
color:rgba(255,255,255,.82);
font-size:10.5px;
line-height:1.28;
font-weight:500;
text-overflow:ellipsis;
white-space:nowrap;
}
.tp2-card-arrow{
position:absolute;
right:11px;
bottom:50%;
transform:translateY(50%);
width:29px;
height:29px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.58);
border-radius:50%;
background:rgba(26,33,23,.28);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
color:#fff;
font-size:10px;
transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.tp2-category-card:hover .tp2-card-arrow{
transform:translateY(50%) translateX(2px);
background:#ffb800;
border-color:#ffb800;
color:#202819;
} .tp2-cat-1{
background-image:var(--tp2-membership-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/membership.png));
background-position:69% 58%;
}
.tp2-cat-2{
background-image:var(--tp2-cta-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/cta-bg.png));
background-position:31% 61%;
}
.tp2-cat-3{
background-image:var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png));
background-position:10% 69%;
}
.tp2-cat-4{
background-image:var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png));
background-position:76% 62%;
}
.tp2-cat-2:before{
background:
linear-gradient(90deg,rgba(24,31,20,.82) 0%,rgba(24,31,20,.55) 48%,rgba(24,31,20,.12) 84%),
linear-gradient(0deg,rgba(18,24,16,.22),transparent 60%);
}
.tp2-cat-4:before{
background:
linear-gradient(90deg,rgba(24,31,20,.80) 0%,rgba(24,31,20,.53) 46%,rgba(24,31,20,.10) 82%),
linear-gradient(0deg,rgba(18,24,16,.20),transparent 60%);
} @media (min-width:821px) and (max-width:1499px){
.tp2-category-grid{gap:8px}
.tp2-category-card{
min-height:86px;
padding:13px 40px 12px 13px;
grid-template-columns:27px minmax(0,1fr);
column-gap:8px;
}
.tp2-category-icon{
width:27px;
height:27px;
font-size:17px;
}
.tp2-category-card strong{font-size:13px}
.tp2-category-card small{font-size:10px}
.tp2-card-arrow{
right:9px;
width:27px;
height:27px;
}
} @media (max-width:820px){
.tp2-category-grid{
grid-template-columns:1fr 1fr;
gap:10px;
}
.tp2-category-card{
min-height:94px;
}
}
@media (max-width:560px){
.tp2-category-grid{
grid-template-columns:1fr 1fr;
gap:8px;
}
.tp2-category-card{
min-height:90px;
padding:12px 10px;
grid-template-columns:26px minmax(0,1fr);
}
.tp2-category-icon{
width:26px;
height:26px;
font-size:16px;
}
.tp2-category-card strong{
font-size:12px;
white-space:normal;
}
.tp2-category-card small,
.tp2-card-arrow{
display:none;
}
}  .tp2-infinity{display:none!important}
.tp2-hero-points{
display:flex;
flex-wrap:wrap;
gap:8px 10px;
margin-top:14px;
max-width:1080px;
}
.tp2-hero-point{
display:inline-flex;
align-items:center;
gap:8px;
min-height:36px;
padding:8px 12px;
border:1px solid rgba(255,255,255,.14);
border-radius:999px;
background:rgba(6,18,14,.28);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
color:rgba(255,255,255,.95);
font-size:12px;
line-height:1.2;
font-weight:650;
box-shadow:0 8px 22px rgba(0,0,0,.08);
}
.tp2-hero-point i{
flex:0 0 auto;
color:#ffb800;
font-size:13px;
}
.tp2-hero-point--highlight{
border-color:rgba(255,191,23,.34);
background:rgba(24,32,21,.38);
color:#fff;
} .tp2-hero{
min-height:456px;
padding-bottom:54px;
}
@media (min-width:821px) and (max-width:1499px){
.tp2-hero{
min-height:446px;
padding-bottom:50px;
}
.tp2-hero-points{
gap:8px;
max-width:920px;
}
.tp2-hero-point{
min-height:34px;
padding:7px 11px;
font-size:11px;
}
.tp2-hero-point i{
font-size:12px;
}
}
@media (max-width:820px){
.tp2-hero{
min-height:470px;
padding-bottom:44px;
}
.tp2-hero-points{
gap:7px;
max-width:none;
}
.tp2-hero-point{
min-height:34px;
padding:7px 10px;
font-size:10.5px;
}
}
@media (max-width:560px){
.tp2-hero-point{
width:100%;
justify-content:flex-start;
border-radius:12px;
}
}  .tp2-hero-copy{
width:100%;
max-width:none;
}
.tp2-hero-copy > h1,
.tp2-hero-copy > h2,
.tp2-hero-copy > p,
.tp2-hero-copy > .tp2-actions{
max-width:700px;
} .tp2-hero-points{
width:max-content;
max-width:100%;
flex-wrap:nowrap;
gap:8px;
overflow:visible;
}
.tp2-hero-point{
flex:0 0 auto;
min-height:34px;
padding:7px 10px;
font-size:11px;
white-space:nowrap;
} @media (min-width:821px) and (max-width:1499px){
.tp2-hero-points{
gap:6px;
}
.tp2-hero-point{
min-height:32px;
padding:6px 8px;
gap:6px;
font-size:10px;
}
.tp2-hero-point i{
font-size:11px;
}
} @media (max-width:820px){
.tp2-hero-points{
width:100%;
max-width:100%;
flex-wrap:wrap;
}
} .tp2-map-page{
width:min(var(--tp2-inner),calc(100% - 36px));
margin:32px auto 0;
padding-bottom:18px;
}
.tp2-map-intro{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:34px;
margin-bottom:18px;
padding:6px 4px 0;
}
.tp2-map-intro>div:first-child{
max-width:690px;
}
.tp2-map-intro h1{
margin:4px 0 8px;
color:#202819;
font:700 clamp(38px,2.55vw,48px)/1 Bitter,Georgia,serif;
letter-spacing:-.035em;
}
.tp2-map-intro p{
margin:0;
max-width:670px;
color:#66705f;
font-size:14px;
line-height:1.58;
font-weight:500;
}
.tp2-map-intro-tags{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:7px;
max-width:390px;
}
.tp2-map-intro-tags span{
display:inline-flex;
align-items:center;
gap:6px;
min-height:31px;
padding:6px 10px;
border:1px solid rgba(43,48,34,.11);
border-radius:999px;
background:#fff;
color:#3d4935;
font-size:10.5px;
line-height:1;
font-weight:700;
box-shadow:0 4px 13px rgba(32,40,25,.04);
}
.tp2-map-intro-tags i{
color:#ffb800;
font-size:11px;
}
.tp2-map-directory{
padding:0;
border:1px solid rgba(43,48,34,.10);
border-radius:18px;
background:#fff;
box-shadow:0 14px 38px rgba(32,40,25,.07);
overflow:hidden;
}
.tp2-map-directorist{
--directorist-color-primary:#ffb800;
--directorist-color-success:#344127;
--directorist-color-dark:#202819;
--directorist-color-body:#56604f;
min-height:610px;
padding:18px;
} .tp2-map-page .directorist-header-bar__left h2,
.tp2-map-page .directorist-header-bar__left h3,
.tp2-map-page .directorist-header-bar__title,
.tp2-map-page .directorist-listings-header__left .directorist-listings-header__title{
display:none!important;
} .tp2-map-page #directorist,
.tp2-map-page .directorist-wrapper,
.tp2-map-page .directorist-container,
.tp2-map-page .directorist-container-fluid,
.tp2-map-page .directorist-archive-contents{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
} .tp2-map-page .directorist-search-form,
.tp2-map-page .directorist-search-contents,
.tp2-map-page .directorist-search-form-box,
.tp2-map-page .directorist-search-form-wrap{
width:100%!important;
margin:0 0 18px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.tp2-map-page .directorist-search-form__box,
.tp2-map-page .directorist-search-form__inner,
.tp2-map-page .directorist-search-form__top,
.tp2-map-page .directorist-search-contents{
gap:10px!important;
}
.tp2-map-page .directorist-search-field,
.tp2-map-page .directorist-form-group,
.tp2-map-page .directorist-search-field__input,
.tp2-map-page .directorist-search-field__select{
border-radius:11px!important;
}
.tp2-map-page input[type="text"],
.tp2-map-page input[type="search"],
.tp2-map-page select,
.tp2-map-page .directorist-form-element,
.tp2-map-page .select2-selection{
min-height:48px!important;
border:1px solid rgba(43,48,34,.13)!important;
border-radius:11px!important;
background:#fff!important;
color:#4d5848!important;
box-shadow:none!important;
font-size:13px!important;
}
.tp2-map-page input[type="text"]:focus,
.tp2-map-page input[type="search"]:focus,
.tp2-map-page select:focus,
.tp2-map-page .directorist-form-element:focus{
border-color:rgba(255,184,0,.72)!important;
box-shadow:0 0 0 3px rgba(255,184,0,.09)!important;
}
.tp2-map-page .directorist-search-form button,
.tp2-map-page .directorist-search-form .directorist-btn{
min-height:48px!important;
padding:0 20px!important;
border:0!important;
border-radius:10px!important;
background:#ffb800!important;
color:#171a16!important;
font-size:12.5px!important;
font-weight:800!important;
box-shadow:0 7px 17px rgba(255,184,0,.16)!important;
} .tp2-map-page .directorist-listings-header,
.tp2-map-page .directorist-header-bar{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 16px!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
.tp2-map-page .directorist-listings-header__left,
.tp2-map-page .directorist-header-bar__left{
color:#525c4d!important;
font-size:12px!important;
font-weight:600!important;
}
.tp2-map-page .directorist-listings-header__right,
.tp2-map-page .directorist-header-bar__right{
display:flex!important;
align-items:center!important;
gap:8px!important;
} .tp2-map-page .directorist-viewas-dropdown,
.tp2-map-page .directorist-viewas-dropdown__contents,
.tp2-map-page .directorist-viewas{
gap:7px!important;
}
.tp2-map-page .directorist-viewas-dropdown a,
.tp2-map-page .directorist-viewas a,
.tp2-map-page [class*="viewas"] button,
.tp2-map-page [class*="view-as"] button{
width:38px!important;
min-width:38px!important;
height:38px!important;
min-height:38px!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(43,48,34,.09)!important;
border-radius:9px!important;
background:#f1f1ed!important;
color:#4a5544!important;
box-shadow:none!important;
}
.tp2-map-page .directorist-viewas-dropdown a.active,
.tp2-map-page .directorist-viewas a.active,
.tp2-map-page [class*="viewas"] .active,
.tp2-map-page [class*="view-as"] .active{
background:#ffb800!important;
border-color:#ffb800!important;
color:#202819!important;
} .tp2-map-page .directorist-dropdown__toggle,
.tp2-map-page .directorist-sortby-dropdown select,
.tp2-map-page .directorist-listing-sort select{
min-height:38px!important;
border:1px solid rgba(43,48,34,.09)!important;
border-radius:9px!important;
background:#f1f1ed!important;
color:#4d5748!important;
font-size:11.5px!important;
font-weight:650!important;
} @media (min-width:901px){
.tp2-map-page .directorist-archive-contents{
display:grid!important;
grid-template-columns:minmax(235px,255px) minmax(0,1fr)!important;
column-gap:20px!important;
align-items:start!important;
}
.tp2-map-page .directorist-archive-contents > .directorist-advanced-filter,
.tp2-map-page .directorist-archive-adv-filter{
grid-column:1!important;
position:sticky!important;
top:96px!important;
width:100%!important;
max-width:255px!important;
margin:0!important;
}
.tp2-map-page .directorist-archive-contents > :not(.directorist-advanced-filter):not(.directorist-archive-adv-filter){
min-width:0;
}
} .tp2-map-page .directorist-advanced-filter,
.tp2-map-page .directorist-archive-adv-filter,
.tp2-map-page .directorist-filter-form{
padding:0!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:14px!important;
background:#fbfbf7!important;
box-shadow:none!important;
overflow:hidden!important;
}
.tp2-map-page .directorist-advanced-filter__basic,
.tp2-map-page .directorist-advanced-filter__advanced{
padding:17px!important;
}
.tp2-map-page .directorist-advanced-filter h3,
.tp2-map-page .directorist-advanced-filter h4,
.tp2-map-page .directorist-filter-form h3,
.tp2-map-page .directorist-filter-form h4{
color:#202819!important;
font-size:15px!important;
font-weight:800!important;
}
.tp2-map-page .directorist-form-label,
.tp2-map-page .directorist-form-group__label,
.tp2-map-page .directorist-search-field__label,
.tp2-map-page .directorist-filter-widget__label,
.tp2-map-page .directorist-advanced-filter__form__element__label{
color:#303b2b!important;
font-size:11.5px!important;
font-weight:750!important;
}
.tp2-map-page input[type="checkbox"],
.tp2-map-page input[type="radio"]{
accent-color:#ffb800;
} .tp2-map-page .directorist-listing-single,
.tp2-map-page .directorist-listing-card{
border:1px solid rgba(43,48,34,.10)!important;
border-radius:13px!important;
background:#fff!important;
overflow:hidden!important;
box-shadow:0 8px 22px rgba(32,40,25,.055)!important;
}
.tp2-map-page .directorist-listing-single:hover,
.tp2-map-page .directorist-listing-card:hover{
box-shadow:0 14px 30px rgba(32,40,25,.09)!important;
} .tp2-map-page .directorist-map,
.tp2-map-page .directorist-map-wrapper,
.tp2-map-page .directorist-map-view,
.tp2-map-page .directorist-map-container,
.tp2-map-page #directorist-map,
.tp2-map-page [id*="directorist-map"]{
min-height:590px!important;
border-radius:14px!important;
overflow:hidden!important;
} .tp2-map-page .directorist-empty-listing,
.tp2-map-page .directorist-listing-empty,
.tp2-map-page .directorist-not-found,
.tp2-map-page .directorist-empty-message{
min-height:280px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:32px!important;
border:1px dashed rgba(43,48,34,.15)!important;
border-radius:14px!important;
background:#fbfbf7!important;
color:#65705f!important;
font-size:13px!important;
} .tp2-map-page .directorist-review-meta__star,
.tp2-map-page .directorist-star-rating,
.tp2-map-page .atbd_rated_stars,
.tp2-map-page .directorist-rating{
--directorist-color-warning:#ffb800;
} @media (max-width:900px){
.tp2-map-page{
margin-top:22px;
}
.tp2-map-intro{
align-items:flex-start;
flex-direction:column;
gap:14px;
}
.tp2-map-intro-tags{
justify-content:flex-start;
max-width:none;
}
.tp2-map-directory{
border-radius:15px;
}
.tp2-map-directorist{
min-height:0;
padding:14px;
}
.tp2-map-page .directorist-advanced-filter,
.tp2-map-page .directorist-archive-adv-filter{
position:static!important;
max-width:none!important;
margin-bottom:15px!important;
}
.tp2-map-page .directorist-map,
.tp2-map-page .directorist-map-wrapper,
.tp2-map-page .directorist-map-view,
.tp2-map-page .directorist-map-container,
.tp2-map-page #directorist-map,
.tp2-map-page [id*="directorist-map"]{
min-height:460px!important;
}
}
@media (max-width:560px){
.tp2-map-page{
width:min(100% - 22px,var(--tp2-inner));
}
.tp2-map-intro h1{
font-size:34px;
}
.tp2-map-intro p{
font-size:12.5px;
}
.tp2-map-intro-tags span{
font-size:9.5px;
}
.tp2-map-directorist{
padding:10px;
}
.tp2-map-page .directorist-listings-header,
.tp2-map-page .directorist-header-bar{
align-items:flex-start!important;
flex-direction:column!important;
}
.tp2-map-page .directorist-map,
.tp2-map-page .directorist-map-wrapper,
.tp2-map-page .directorist-map-view,
.tp2-map-page .directorist-map-container,
.tp2-map-page #directorist-map,
.tp2-map-page [id*="directorist-map"]{
min-height:390px!important;
}
} .tp2-map-page--visual{
width:min(var(--tp2-inner),calc(100% - 36px));
margin:0 auto;
padding:0 0 18px;
}
.tp2-map-hero{
position:relative;
min-height:238px;
margin:0 auto;
padding:42px 46px 54px;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:28px;
border-radius:0 0 24px 24px;
overflow:hidden;
background:
linear-gradient(90deg,rgba(22,27,19,.76) 0%,rgba(22,27,19,.54) 34%,rgba(22,27,19,.14) 70%,rgba(22,27,19,.10) 100%),
var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png)) center/cover no-repeat;
box-shadow:0 14px 32px rgba(32,40,25,.10);
}
.tp2-map-hero:before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 78% 24%, rgba(255,184,0,.24), transparent 20%),
linear-gradient(180deg, rgba(255,255,255,.04), transparent 30%);
pointer-events:none;
}
.tp2-map-hero-copy,
.tp2-map-signs{
position:relative;
z-index:2;
}
.tp2-map-hero-copy{
max-width:640px;
padding-top:6px;
}
.tp2-map-kicker{
display:inline-block;
margin:0 0 12px;
color:#ffbf17;
font-size:15px;
font-weight:800;
line-height:1;
text-transform:uppercase;
letter-spacing:.12em;
}
.tp2-map-hero-copy h1{
margin:0 0 10px;
color:#fff;
font:700 clamp(48px,4.5vw,72px)/.92 Bitter,Georgia,serif;
letter-spacing:-.045em;
}
.tp2-map-hero-copy h1 strong{
color:#ffbf17;
font-weight:700;
}
.tp2-map-hero-copy p{
margin:0;
max-width:580px;
color:rgba(255,255,255,.92);
font-size:17px;
line-height:1.42;
font-weight:500;
text-shadow:0 2px 10px rgba(0,0,0,.18);
}
.tp2-map-signs{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:8px;
margin-top:4px;
}
.tp2-map-signs span{
display:inline-flex;
align-items:center;
min-height:38px;
padding:7px 14px;
border-radius:0 10px 10px 0;
background:rgba(27,35,27,.84);
color:#eef1ec;
font-size:15px;
line-height:1;
font-weight:700;
letter-spacing:.03em;
text-transform:uppercase;
box-shadow:0 6px 16px rgba(0,0,0,.12);
position:relative;
}
.tp2-map-signs span:before{
content:"";
position:absolute;
left:-14px;
top:0;
bottom:0;
width:14px;
background:linear-gradient(180deg,#705321,#5f481d);
clip-path:polygon(0 0,100% 10%,100% 90%,0 100%);
} .tp2-map-directory--visual{
margin-top:-26px;
padding:0;
border:1px solid rgba(43,48,34,.10);
border-radius:22px;
background:#fdfcf8;
box-shadow:0 14px 38px rgba(32,40,25,.08);
overflow:hidden;
position:relative;
z-index:4;
}
.tp2-map-directorist{
min-height:620px;
padding:18px 18px 22px;
} .tp2-map-page .entry-header,
.tp2-map-page .page-header,
.tp2-map-page .wp-block-post-title,
.tp2-map-page .entry-title,
.tp2-map-page .directorist-header-bar__left h2,
.tp2-map-page .directorist-header-bar__left h3,
.tp2-map-page .directorist-header-bar__title,
.tp2-map-page .directorist-listings-header__left .directorist-listings-header__title{
display:none!important;
} .tp2-map-page .directorist-search-form,
.tp2-map-page .directorist-search-contents,
.tp2-map-page .directorist-search-form-box,
.tp2-map-page .directorist-search-form-wrap{
width:100%!important;
margin:0 0 14px!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.tp2-map-page .directorist-search-form__box,
.tp2-map-page .directorist-search-form__inner,
.tp2-map-page .directorist-search-form__top,
.tp2-map-page .directorist-search-contents{
gap:10px!important;
}
.tp2-map-page input[type="text"],
.tp2-map-page input[type="search"],
.tp2-map-page select,
.tp2-map-page .directorist-form-element,
.tp2-map-page .select2-selection{
min-height:52px!important;
border:1px solid rgba(52,65,39,.13)!important;
border-radius:11px!important;
background:#fff!important;
color:#465240!important;
font-size:14px!important;
box-shadow:none!important;
}
.tp2-map-page input[type="text"]:focus,
.tp2-map-page input[type="search"]:focus,
.tp2-map-page select:focus,
.tp2-map-page .directorist-form-element:focus{
border-color:rgba(255,184,0,.70)!important;
box-shadow:0 0 0 4px rgba(255,184,0,.08)!important;
}
.tp2-map-page .directorist-search-form button,
.tp2-map-page .directorist-search-form .directorist-btn{
min-height:52px!important;
padding:0 24px!important;
border:0!important;
border-radius:11px!important;
background:#ffb800!important;
color:#1d2119!important;
font-size:14px!important;
font-weight:800!important;
box-shadow:0 8px 18px rgba(255,184,0,.16)!important;
} .tp2-map-page .directorist-listings-header,
.tp2-map-page .directorist-header-bar{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 14px!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
.tp2-map-page .directorist-listings-header__left,
.tp2-map-page .directorist-header-bar__left{
color:#303b2b!important;
font-size:13px!important;
font-weight:700!important;
}
.tp2-map-page .directorist-listings-header__right,
.tp2-map-page .directorist-header-bar__right{
display:flex!important;
align-items:center!important;
gap:8px!important;
} .tp2-map-page .directorist-viewas-dropdown a,
.tp2-map-page .directorist-viewas a,
.tp2-map-page [class*="viewas"] button,
.tp2-map-page [class*="view-as"] button{
width:41px!important;
min-width:41px!important;
height:41px!important;
min-height:41px!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:10px!important;
background:#f0f0ea!important;
color:#44503f!important;
box-shadow:none!important;
}
.tp2-map-page .directorist-viewas-dropdown a.active,
.tp2-map-page .directorist-viewas a.active,
.tp2-map-page [class*="viewas"] .active,
.tp2-map-page [class*="view-as"] .active{
background:#1f4a2f!important;
border-color:#1f4a2f!important;
color:#ffbf17!important;
}
.tp2-map-page .directorist-dropdown__toggle,
.tp2-map-page .directorist-sortby-dropdown select,
.tp2-map-page .directorist-listing-sort select{
min-height:41px!important;
padding:0 16px!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:10px!important;
background:#f7f6f1!important;
color:#303b2b!important;
font-size:12.5px!important;
font-weight:700!important;
} @media (min-width:901px){
.tp2-map-page .directorist-archive-contents{
display:grid!important;
grid-template-columns:minmax(260px,280px) minmax(0,1fr)!important;
gap:18px!important;
align-items:start!important;
}
.tp2-map-page .directorist-archive-contents > .directorist-advanced-filter,
.tp2-map-page .directorist-archive-adv-filter,
.tp2-map-page .directorist-archive-contents > .directorist-search-sidebar,
.tp2-map-page .directorist-archive-contents > aside{
grid-column:1!important;
position:sticky!important;
top:94px!important;
margin:0!important;
width:100%!important;
max-width:none!important;
}
.tp2-map-page .directorist-archive-contents > :not(.directorist-advanced-filter):not(.directorist-archive-adv-filter):not(.directorist-search-sidebar):not(aside){
min-width:0!important;
}
} .tp2-map-page .directorist-advanced-filter,
.tp2-map-page .directorist-archive-adv-filter,
.tp2-map-page .directorist-filter-form,
.tp2-map-page .directorist-search-sidebar,
.tp2-map-page .directorist-sidebar{
padding:0!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:16px!important;
background:#fbfaf6!important;
box-shadow:none!important;
overflow:hidden!important;
}
.tp2-map-page .directorist-advanced-filter__basic,
.tp2-map-page .directorist-advanced-filter__advanced,
.tp2-map-page .directorist-sidebar > *,
.tp2-map-page .directorist-filter-form > *{
padding:18px!important;
}
.tp2-map-page .directorist-advanced-filter h3,
.tp2-map-page .directorist-advanced-filter h4,
.tp2-map-page .directorist-filter-form h3,
.tp2-map-page .directorist-filter-form h4,
.tp2-map-page .directorist-search-sidebar h3{
color:#202819!important;
font-size:15px!important;
font-weight:800!important;
}
.tp2-map-page .directorist-form-label,
.tp2-map-page .directorist-form-group__label,
.tp2-map-page .directorist-search-field__label,
.tp2-map-page .directorist-filter-widget__label,
.tp2-map-page .directorist-advanced-filter__form__element__label{
color:#303b2b!important;
font-size:12px!important;
font-weight:800!important;
}
.tp2-map-page input[type="checkbox"],
.tp2-map-page input[type="radio"]{
accent-color:#ffb800;
} .tp2-map-page .directorist-map,
.tp2-map-page .directorist-map-wrapper,
.tp2-map-page .directorist-map-view,
.tp2-map-page .directorist-map-container,
.tp2-map-page #directorist-map,
.tp2-map-page [id*="directorist-map"],
.tp2-map-page .leaflet-container{
min-height:690px!important;
border-radius:16px!important;
overflow:hidden!important;
} .tp2-map-page .directorist-listing-single,
.tp2-map-page .directorist-listing-card{
border:1px solid rgba(43,48,34,.10)!important;
border-radius:14px!important;
background:#fff!important;
overflow:hidden!important;
box-shadow:0 8px 22px rgba(32,40,25,.055)!important;
} .tp2-map-page .directorist-empty-listing,
.tp2-map-page .directorist-listing-empty,
.tp2-map-page .directorist-not-found,
.tp2-map-page .directorist-empty-message{
min-height:280px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:32px!important;
border:1px dashed rgba(43,48,34,.15)!important;
border-radius:16px!important;
background:#fbfbf7!important;
color:#65705f!important;
font-size:14px!important;
}
@media (max-width:1100px){
.tp2-map-hero{
padding:34px 30px 48px;
}
.tp2-map-hero-copy h1{
font-size:56px;
}
}
@media (max-width:900px){
.tp2-map-page--visual{
width:min(var(--tp2-inner),calc(100% - 22px));
}
.tp2-map-hero{
min-height:0;
padding:30px 20px 42px;
border-radius:0 0 18px 18px;
flex-direction:column;
gap:18px;
}
.tp2-map-hero-copy h1{
font-size:44px;
}
.tp2-map-hero-copy p{
font-size:15px;
}
.tp2-map-signs{
align-items:flex-start;
flex-direction:row;
flex-wrap:wrap;
}
.tp2-map-signs span{
border-radius:10px;
}
.tp2-map-signs span:before{
display:none;
}
.tp2-map-directory--visual{
margin-top:-18px;
border-radius:18px;
}
.tp2-map-directorist{
min-height:0;
padding:14px;
}
.tp2-map-page .directorist-map,
.tp2-map-page .directorist-map-wrapper,
.tp2-map-page .directorist-map-view,
.tp2-map-page .directorist-map-container,
.tp2-map-page #directorist-map,
.tp2-map-page [id*="directorist-map"],
.tp2-map-page .leaflet-container{
min-height:480px!important;
}
}
@media (max-width:560px){
.tp2-map-hero{
padding:28px 16px 36px;
}
.tp2-map-kicker{
font-size:11px;
}
.tp2-map-hero-copy h1{
font-size:38px;
}
.tp2-map-hero-copy p{
font-size:13px;
}
.tp2-map-directorist{
padding:10px;
}
.tp2-map-page .directorist-listings-header,
.tp2-map-page .directorist-header-bar{
align-items:flex-start!important;
flex-direction:column!important;
}
.tp2-map-page .directorist-map,
.tp2-map-page .directorist-map-wrapper,
.tp2-map-page .directorist-map-view,
.tp2-map-page .directorist-map-container,
.tp2-map-page #directorist-map,
.tp2-map-page [id*="directorist-map"],
.tp2-map-page .leaflet-container{
min-height:390px!important;
}
}  .tp2-map-search{
position:relative;
z-index:8;
margin:0;
padding:18px 18px 14px;
background:#fdfcf8;
}
.tp2-map-search .directorist-search-form,
.tp2-map-search .directorist-search-contents,
.tp2-map-search .directorist-search-form-box,
.tp2-map-search .directorist-search-form-wrap{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.tp2-map-search .directorist-search-form__box,
.tp2-map-search .directorist-search-form__inner,
.tp2-map-search .directorist-search-form__top,
.tp2-map-search .directorist-search-contents{
display:grid!important;
grid-template-columns:minmax(0,1.65fr) minmax(170px,.8fr) minmax(160px,.75fr) 160px!important;
gap:10px!important;
align-items:center!important;
}
.tp2-map-search .directorist-search-field,
.tp2-map-search .directorist-form-group{
width:100%!important;
min-width:0!important;
margin:0!important;
}
.tp2-map-search input[type="text"],
.tp2-map-search input[type="search"],
.tp2-map-search select,
.tp2-map-search .directorist-form-element,
.tp2-map-search .select2-selection{
width:100%!important;
min-height:52px!important;
border:1px solid rgba(43,48,34,.13)!important;
border-radius:11px!important;
background:#fff!important;
color:#465240!important;
font-size:13px!important;
box-shadow:none!important;
}
.tp2-map-search button,
.tp2-map-search .directorist-btn{
width:100%!important;
min-height:52px!important;
margin:0!important;
padding:0 20px!important;
border:0!important;
border-radius:11px!important;
background:#ffb800!important;
color:#1c2118!important;
font-size:13px!important;
font-weight:800!important;
box-shadow:0 8px 18px rgba(255,184,0,.16)!important;
} .tp2-map-results > .directorist-search-form,
.tp2-map-results .directorist-search-form-wrap,
.tp2-map-results .directorist-search-form-box,
.tp2-map-results .directorist-search-contents{
display:none!important;
} .tp2-map-results{
padding:0 18px 22px;
}
.tp2-map-results #directorist,
.tp2-map-results .directorist-wrapper,
.tp2-map-results .directorist-container,
.tp2-map-results .directorist-container-fluid,
.tp2-map-results .directorist-archive-contents{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
} @media (min-width:901px){
.tp2-map-results .directorist-archive-contents{
display:flex!important;
flex-wrap:wrap!important;
align-items:flex-start!important;
gap:18px!important;
grid-template-columns:none!important;
}
.tp2-map-results .directorist-archive-contents > :first-child{
width:100%!important;
flex:0 0 100%!important;
min-width:0!important;
}
.tp2-map-results .directorist-archive-contents > :nth-child(2){
width:270px!important;
flex:0 0 270px!important;
min-width:0!important;
margin:0!important;
}
.tp2-map-results .directorist-archive-contents > :last-child{
width:auto!important;
flex:1 1 0!important;
min-width:0!important;
margin:0!important;
}
.tp2-map-results .directorist-archive-adv-filter.directorist-advanced-filter,
.tp2-map-results .directorist-advanced-filter,
.tp2-map-results .directorist-filter-form{
display:block!important;
width:100%!important;
max-width:none!important;
position:sticky!important;
top:94px!important;
}
} .tp2-map-results .directorist-listings-header,
.tp2-map-results .directorist-header-bar{
width:100%!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 14px!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
.tp2-map-results .directorist-header-found-title{
width:auto!important;
margin:0!important;
color:#303b2b!important;
font-size:13px!important;
font-weight:700!important;
} .tp2-map-results .directorist-map,
.tp2-map-results .directorist-map-wrapper,
.tp2-map-results .directorist-map-view,
.tp2-map-results .directorist-map-container,
.tp2-map-results #directorist-map,
.tp2-map-results [id*="directorist-map"],
.tp2-map-results .leaflet-container,
.tp2-map-results [class*="map-view"]{
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:690px!important;
height:690px!important;
border-radius:16px!important;
overflow:hidden!important;
} .tp2-map-results .leaflet-container{
position:relative!important;
} .tp2-map-results .directorist-advanced-filter,
.tp2-map-results .directorist-archive-adv-filter,
.tp2-map-results .directorist-filter-form{
border:1px solid rgba(43,48,34,.10)!important;
border-radius:15px!important;
background:#fbfaf6!important;
overflow:hidden!important;
box-shadow:0 8px 22px rgba(32,40,25,.04)!important;
}
.tp2-map-results .directorist-advanced-filter h3,
.tp2-map-results .directorist-advanced-filter h4,
.tp2-map-results .directorist-filter-form h3,
.tp2-map-results .directorist-filter-form h4{
color:#202819!important;
font-size:15px!important;
font-weight:800!important;
}
.tp2-map-results input[type="checkbox"],
.tp2-map-results input[type="radio"]{
accent-color:#ffb800;
} .tp2-map-results .directorist-viewas-dropdown a.active,
.tp2-map-results .directorist-viewas a.active,
.tp2-map-results [class*="viewas"] .active,
.tp2-map-results [class*="view-as"] .active{
background:#1f4a2f!important;
border-color:#1f4a2f!important;
color:#ffbf17!important;
} @media (max-width:900px){
.tp2-map-search .directorist-search-form__box,
.tp2-map-search .directorist-search-form__inner,
.tp2-map-search .directorist-search-form__top,
.tp2-map-search .directorist-search-contents{
grid-template-columns:1fr 1fr!important;
}
.tp2-map-results .directorist-archive-contents{
display:block!important;
}
.tp2-map-results .directorist-archive-contents > *{
width:100%!important;
max-width:none!important;
margin-bottom:14px!important;
}
.tp2-map-results .directorist-advanced-filter,
.tp2-map-results .directorist-archive-adv-filter,
.tp2-map-results .directorist-filter-form{
position:static!important;
}
.tp2-map-results .directorist-map,
.tp2-map-results .directorist-map-wrapper,
.tp2-map-results .directorist-map-view,
.tp2-map-results .directorist-map-container,
.tp2-map-results #directorist-map,
.tp2-map-results [id*="directorist-map"],
.tp2-map-results .leaflet-container,
.tp2-map-results [class*="map-view"]{
min-height:480px!important;
height:480px!important;
}
}
@media (max-width:560px){
.tp2-map-search{
padding:12px 10px 10px;
}
.tp2-map-search .directorist-search-form__box,
.tp2-map-search .directorist-search-form__inner,
.tp2-map-search .directorist-search-form__top,
.tp2-map-search .directorist-search-contents{
grid-template-columns:1fr!important;
}
.tp2-map-results{
padding:0 10px 14px;
}
.tp2-map-results .directorist-map,
.tp2-map-results .directorist-map-wrapper,
.tp2-map-results .directorist-map-view,
.tp2-map-results .directorist-map-container,
.tp2-map-results #directorist-map,
.tp2-map-results [id*="directorist-map"],
.tp2-map-results .leaflet-container,
.tp2-map-results [class*="map-view"]{
min-height:390px!important;
height:390px!important;
}
}  .tp2-map-directory--stable{
margin-top:-26px;
position:relative;
z-index:4;
padding:0;
border:1px solid rgba(43,48,34,.10);
border-radius:22px;
background:#fdfcf8;
box-shadow:0 14px 38px rgba(32,40,25,.08);
overflow:hidden;
}
.tp2-map-directorist--native{
min-height:620px;
padding:18px;
} .tp2-map-directorist--native .directorist-archive-contents{
display:block!important;
grid-template-columns:none!important;
width:100%!important;
max-width:none!important;
margin:0!important;
}
.tp2-map-directorist--native .directorist-archive-contents > *{
width:auto!important;
max-width:none!important;
min-width:0!important;
flex:none!important;
grid-column:auto!important;
position:static!important;
}
.tp2-map-directorist--native .directorist-advanced-filter,
.tp2-map-directorist--native .directorist-archive-adv-filter,
.tp2-map-directorist--native .directorist-filter-form,
.tp2-map-directorist--native .directorist-search-sidebar,
.tp2-map-directorist--native .directorist-sidebar{
position:static!important;
width:auto!important;
max-width:none!important;
} .tp2-map-directorist--native .directorist-row{
display:flex!important;
flex-wrap:wrap!important;
}
.tp2-map-directorist--native [class*="directorist-col-"]{
position:relative!important;
} .tp2-map-directorist--native .directorist-map,
.tp2-map-directorist--native .directorist-map-wrapper,
.tp2-map-directorist--native .directorist-map-view,
.tp2-map-directorist--native .directorist-map-container,
.tp2-map-directorist--native #directorist-map,
.tp2-map-directorist--native [id*="directorist-map"],
.tp2-map-directorist--native .leaflet-container{
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:690px!important;
height:690px!important;
border-radius:16px!important;
overflow:hidden!important;
} .tp2-map-directorist--native .directorist-search-form,
.tp2-map-directorist--native .directorist-search-contents,
.tp2-map-directorist--native .directorist-search-form-box{
width:100%!important;
margin:0 0 16px!important;
}
.tp2-map-directorist--native input[type="text"],
.tp2-map-directorist--native input[type="search"],
.tp2-map-directorist--native select,
.tp2-map-directorist--native .directorist-form-element,
.tp2-map-directorist--native .select2-selection{
min-height:50px!important;
border:1px solid rgba(43,48,34,.13)!important;
border-radius:11px!important;
background:#fff!important;
color:#465240!important;
box-shadow:none!important;
}
.tp2-map-directorist--native .directorist-btn,
.tp2-map-directorist--native button[type="submit"]{
border-radius:10px!important;
}
.tp2-map-directorist--native .directorist-advanced-filter,
.tp2-map-directorist--native .directorist-archive-adv-filter,
.tp2-map-directorist--native .directorist-filter-form{
border:1px solid rgba(43,48,34,.10)!important;
border-radius:15px!important;
background:#fbfaf6!important;
box-shadow:0 8px 22px rgba(32,40,25,.04)!important;
} .tp2-map-directorist--native .directorist-viewas-dropdown a.active,
.tp2-map-directorist--native .directorist-viewas a.active,
.tp2-map-directorist--native [class*="viewas"] .active,
.tp2-map-directorist--native [class*="view-as"] .active{
background:#1f4a2f!important;
border-color:#1f4a2f!important;
color:#ffbf17!important;
}
@media (max-width:900px){
.tp2-map-directory--stable{
margin-top:-18px;
border-radius:18px;
}
.tp2-map-directorist--native{
padding:14px;
}
.tp2-map-directorist--native .directorist-map,
.tp2-map-directorist--native .directorist-map-wrapper,
.tp2-map-directorist--native .directorist-map-view,
.tp2-map-directorist--native .directorist-map-container,
.tp2-map-directorist--native #directorist-map,
.tp2-map-directorist--native [id*="directorist-map"],
.tp2-map-directorist--native .leaflet-container{
min-height:480px!important;
height:480px!important;
}
}
@media (max-width:560px){
.tp2-map-directorist--native{
padding:10px;
}
.tp2-map-directorist--native .directorist-map,
.tp2-map-directorist--native .directorist-map-wrapper,
.tp2-map-directorist--native .directorist-map-view,
.tp2-map-directorist--native .directorist-map-container,
.tp2-map-directorist--native #directorist-map,
.tp2-map-directorist--native [id*="directorist-map"],
.tp2-map-directorist--native .leaflet-container{
min-height:390px!important;
height:390px!important;
}
}  .tp2-nav.is-solid{
background:rgba(43,48,34,.97)!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 8px 24px rgba(32,40,25,.10)!important;
} body.page-template-template-map .tp2-nav.is-solid,
body.page-id-0 .tp2-nav.is-solid{
background:rgba(43,48,34,.93)!important;
backdrop-filter:blur(14px)!important;
-webkit-backdrop-filter:blur(14px)!important;
} .tp2-map-searchbar{
position:relative;
z-index:8;
margin:-28px 20px 0;
padding:14px;
border:1px solid rgba(43,48,34,.10);
border-radius:17px;
background:rgba(255,255,255,.98);
box-shadow:0 12px 28px rgba(32,40,25,.10);
}
.tp2-map-searchform{
display:grid;
grid-template-columns:minmax(0,1.6fr) minmax(190px,.82fr) minmax(175px,.74fr) 165px;
gap:9px;
align-items:center;
}
.tp2-map-searchfield{
min-width:0;
height:50px;
display:flex;
align-items:center;
gap:10px;
padding:0 14px;
border:1px solid rgba(43,48,34,.13);
border-radius:10px;
background:#fff;
color:#344127;
}
.tp2-map-searchfield>i{
flex:0 0 auto;
font-size:16px;
color:#344127;
}
.tp2-map-searchfield input,
.tp2-map-searchfield select{
width:100%;
min-width:0;
height:100%!important;
min-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
outline:0!important;
background:transparent!important;
box-shadow:none!important;
color:#596353!important;
font:500 12.5px/1 Poppins,sans-serif!important;
}
.tp2-map-searchfield input::placeholder{
color:#7b8375;
opacity:1;
}
.tp2-map-searchbutton{
height:50px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 20px;
border:0;
border-radius:10px;
background:#ffb800;
color:#171a16;
font:800 13px/1 Poppins,sans-serif;
cursor:pointer;
box-shadow:0 7px 18px rgba(255,184,0,.18);
transition:transform .18s ease,background .18s ease;
}
.tp2-map-searchbutton:hover{
transform:translateY(-1px);
background:#ffc62f;
} .tp2-map-directorist--native > .directorist-search-form,
.tp2-map-directorist--native .directorist-search-form-wrap,
.tp2-map-directorist--native .directorist-search-form-box,
.tp2-map-directorist--native .directorist-search-contents{
display:none!important;
} .tp2-map-directory--stable{
margin-top:10px!important;
background:#fdfcf8!important;
}
.tp2-map-directorist--native{
padding:16px 18px 20px!important;
} .tp2-map-directorist--native .directorist-listings-header,
.tp2-map-directorist--native .directorist-header-bar{
margin-bottom:14px!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
.tp2-map-directorist--native .directorist-header-found-title,
.tp2-map-directorist--native .directorist-listings-header__left{
color:#4e5949!important;
font-size:12.5px!important;
font-weight:650!important;
} .tp2-map-directorist--native .directorist-viewas-dropdown a,
.tp2-map-directorist--native .directorist-viewas a,
.tp2-map-directorist--native [class*="viewas"] button,
.tp2-map-directorist--native [class*="view-as"] button{
width:40px!important;
min-width:40px!important;
height:40px!important;
min-height:40px!important;
padding:0!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:9px!important;
background:#efefe9!important;
color:#46513f!important;
box-shadow:none!important;
}
.tp2-map-directorist--native .directorist-viewas-dropdown a.active,
.tp2-map-directorist--native .directorist-viewas a.active,
.tp2-map-directorist--native [class*="viewas"] .active,
.tp2-map-directorist--native [class*="view-as"] .active{
background:#274f33!important;
border-color:#274f33!important;
color:#ffbf17!important;
}
.tp2-map-directorist--native .directorist-dropdown__toggle,
.tp2-map-directorist--native .directorist-sortby-dropdown select,
.tp2-map-directorist--native .directorist-listing-sort select{
min-height:40px!important;
padding:0 14px!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:9px!important;
background:#f7f6f1!important;
color:#303b2b!important;
font-size:11.5px!important;
font-weight:700!important;
} .tp2-map-directorist--native .directorist-advanced-filter,
.tp2-map-directorist--native .directorist-archive-adv-filter,
.tp2-map-directorist--native .directorist-filter-form{
border:1px solid rgba(43,48,34,.10)!important;
border-radius:15px!important;
background:#fff!important;
box-shadow:0 10px 25px rgba(32,40,25,.055)!important;
}
.tp2-map-directorist--native .directorist-advanced-filter h3,
.tp2-map-directorist--native .directorist-advanced-filter h4,
.tp2-map-directorist--native .directorist-filter-form h3,
.tp2-map-directorist--native .directorist-filter-form h4{
color:#202819!important;
font-family:Bitter,Georgia,serif!important;
font-weight:700!important;
}
.tp2-map-directorist--native .directorist-form-label,
.tp2-map-directorist--native .directorist-form-group__label,
.tp2-map-directorist--native .directorist-filter-widget__label{
color:#303b2b!important;
font-size:11.5px!important;
font-weight:750!important;
} .tp2-map-directorist--native .leaflet-container,
.tp2-map-directorist--native [id*="directorist-map"]{
border:1px solid rgba(43,48,34,.08)!important;
border-radius:14px!important;
box-shadow:0 8px 22px rgba(32,40,25,.055)!important;
} .tp2-map-directorist--native [class*="map"]{
background-color:#ecebe6;
}
@media (max-width:1050px){
.tp2-map-searchform{
grid-template-columns:minmax(0,1.5fr) minmax(160px,.8fr) minmax(150px,.72fr) 145px;
}
}
@media (max-width:820px){
.tp2-map-searchbar{
margin:-20px 12px 0;
}
.tp2-map-searchform{
grid-template-columns:1fr 1fr;
}
.tp2-map-searchfield--keyword{
grid-column:1/-1;
}
}
@media (max-width:560px){
.tp2-map-searchbar{
margin:-14px 8px 0;
padding:10px;
}
.tp2-map-searchform{
grid-template-columns:1fr;
}
.tp2-map-searchfield--keyword{
grid-column:auto;
}
.tp2-map-searchbutton{
width:100%;
}
} .tp2-map-page--static .tp2-map-searchbar{
margin-top:-28px;
}
.tp2-map-static-shell{
margin-top:12px;
padding:18px 18px 20px;
border:1px solid rgba(43,48,34,.10);
border-radius:18px;
background:#fdfcf8;
box-shadow:0 14px 38px rgba(32,40,25,.075);
}
.tp2-map-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:12px;
}
.tp2-map-toolbar>strong{
color:#344127;
font-size:13px;
font-weight:700;
}
.tp2-map-toolbar-actions{
display:flex;
align-items:center;
gap:7px;
}
.tp2-view-btn,
.tp2-sort-btn{
min-height:40px;
border:1px solid rgba(43,48,34,.10);
border-radius:9px;
background:#efefe9;
color:#3e4938;
font-size:11.5px;
font-weight:700;
cursor:pointer;
}
.tp2-view-btn{
width:40px;
display:inline-grid;
place-items:center;
}
.tp2-view-btn span{
display:none;
}
.tp2-view-btn.is-active{
width:auto;
padding:0 14px;
display:inline-flex;
align-items:center;
gap:8px;
background:#244d32;
border-color:#244d32;
color:#ffbf17;
}
.tp2-view-btn.is-active span{
display:inline;
}
.tp2-sort-btn{
padding:0 15px;
background:#f7f6f1;
display:inline-flex;
align-items:center;
gap:12px;
}
.tp2-map-static-grid{
display:grid;
grid-template-columns:265px minmax(0,1fr);
gap:18px;
align-items:start;
}
.tp2-map-filters{
overflow:hidden;
border:1px solid rgba(43,48,34,.10);
border-radius:15px;
background:#fff;
box-shadow:0 8px 22px rgba(32,40,25,.045);
}
.tp2-filter-head{
min-height:58px;
padding:0 16px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border-bottom:1px solid rgba(43,48,34,.10);
}
.tp2-filter-head h2{
margin:0;
display:flex;
align-items:center;
gap:8px;
color:#202819;
font:700 19px/1 Bitter,Georgia,serif;
}
.tp2-filter-head h2 i{
font-size:14px;
color:#344127;
}
.tp2-filter-head button{
padding:0;
border:0;
background:transparent;
color:#485442;
font-size:10px;
font-weight:700;
}
.tp2-filter-section{
padding:15px 16px;
border-bottom:1px solid rgba(43,48,34,.08);
}
.tp2-filter-section h3{
margin:0 0 11px;
display:flex;
align-items:center;
justify-content:space-between;
color:#273124;
font-size:11.5px;
font-weight:800;
}
.tp2-filter-section h3 i{
font-size:9px;
}
.tp2-filter-row{
display:flex;
align-items:center;
gap:7px;
min-height:27px;
color:#44503f;
font-size:10.5px;
line-height:1.2;
}
.tp2-filter-row input{
width:17px;
height:17px;
margin:0;
accent-color:#ffb800;
}
.tp2-stars{
letter-spacing:.06em;
color:#ff9800;
white-space:nowrap;
}
.tp2-stars i{
color:#e3e4df;
font-style:normal;
}
.tp2-filter-row small{
margin-left:auto;
color:#778073;
font-size:9px;
}
.tp2-filter-row--text>i{
width:14px;
text-align:center;
color:#344127;
font-size:10px;
}
.tp2-filter-reset{
width:100%;
min-height:42px;
border:0;
background:#faf9f4;
color:#3d4937;
font-size:10px;
font-weight:700;
}
.tp2-static-map{
position:relative;
min-height:690px;
overflow:hidden;
border:1px solid rgba(43,48,34,.08);
border-radius:15px;
background:#dce8d8 url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/map-static.svg) center/cover no-repeat;
box-shadow:0 8px 22px rgba(32,40,25,.05);
}
.tp2-map-verified{
position:absolute;
left:14px;
top:14px;
z-index:5;
display:inline-flex;
align-items:center;
gap:7px;
min-height:34px;
padding:0 12px;
border-radius:9px;
background:rgba(255,255,255,.94);
color:#31402f;
font-size:10px;
font-weight:700;
box-shadow:0 7px 18px rgba(32,40,25,.10);
}
.tp2-map-verified i{
color:#244d32;
}
.tp2-map-controls{
position:absolute;
right:14px;
top:14px;
z-index:5;
display:flex;
flex-direction:column;
gap:8px;
}
.tp2-map-controls button{
width:38px;
height:38px;
display:grid;
place-items:center;
border:1px solid rgba(43,48,34,.10);
border-radius:9px;
background:rgba(255,255,255,.96);
color:#2f3a2b;
box-shadow:0 6px 14px rgba(32,40,25,.08);
}
.tp2-map-pin{
position:absolute;
z-index:3;
width:38px;
height:38px;
transform:translate(-50%,-50%);
display:grid;
place-items:center;
border:0;
border-radius:50% 50% 50% 7px;
background:#153d2c;
color:#fff;
box-shadow:0 7px 16px rgba(32,40,25,.22);
rotate:-45deg;
cursor:pointer;
}
.tp2-map-pin i{
rotate:45deg;
font-size:13px;
}
.tp2-map-pin.is-featured{
background:#ffb800;
color:#202819;
}
.tp2-map-popup{
position:absolute;
right:18%;
top:43%;
z-index:6;
width:250px;
overflow:hidden;
border-radius:13px;
background:#fff;
box-shadow:0 16px 36px rgba(32,40,25,.22);
}
.tp2-map-popup-image{
height:100px;
background:
linear-gradient(180deg,transparent,rgba(22,30,20,.25)),
var(--tp2-cta-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/cta-bg.png)) center/cover no-repeat;
}
.tp2-map-popup-close{
position:absolute;
right:8px;
top:8px;
width:27px;
height:27px;
display:grid;
place-items:center;
border:0;
border-radius:50%;
background:#fff;
color:#202819;
}
.tp2-map-popup-badge{
position:absolute;
left:8px;
top:8px;
display:inline-flex;
align-items:center;
gap:5px;
min-height:24px;
padding:0 8px;
border-radius:999px;
background:#244d32;
color:#fff;
font-size:9px;
font-weight:700;
}
.tp2-map-popup-badge i{
color:#ffbf17;
}
.tp2-map-popup-body{
position:relative;
padding:10px 11px 12px;
}
.tp2-map-popup-body h3{
margin:0 0 5px;
color:#202819;
font:700 14px/1.15 Bitter,Georgia,serif;
}
.tp2-map-popup-rating{
display:flex;
gap:4px;
margin-bottom:7px;
color:#ff9800;
font-size:10px;
font-weight:800;
}
.tp2-map-popup-rating small{
color:#7b8376;
font-weight:600;
}
.tp2-map-popup-icons{
display:flex;
gap:8px;
margin-bottom:6px;
color:#344127;
font-size:10px;
}
.tp2-map-popup-body p{
margin:0;
color:#6c7568;
font-size:9.5px;
}
.tp2-map-popup-body>button{
position:absolute;
right:10px;
bottom:10px;
width:31px;
height:31px;
display:grid;
place-items:center;
border:0;
border-radius:50%;
background:#ffb800;
color:#202819;
}
.tp2-map-scale{
position:absolute;
right:14px;
bottom:12px;
display:flex;
align-items:flex-end;
gap:6px;
color:#3d4738;
font-size:9px;
font-weight:700;
}
.tp2-map-scale span{
width:75px;
height:7px;
border-left:2px solid #31402f;
border-right:2px solid #31402f;
border-bottom:2px solid #31402f;
}
@media (max-width:900px){
.tp2-map-static-grid{
grid-template-columns:1fr;
}
.tp2-map-filters{
display:none;
}
.tp2-static-map{
min-height:520px;
}
.tp2-map-popup{
right:12%;
}
}
@media (max-width:560px){
.tp2-map-toolbar{
align-items:flex-start;
flex-direction:column;
}
.tp2-map-toolbar-actions{
width:100%;
flex-wrap:wrap;
}
.tp2-static-map{
min-height:430px;
}
.tp2-map-popup{
width:220px;
right:10px;
top:48%;
}
.tp2-map-verified{
display:none;
}
} .tp-itinerary-page{
padding-bottom:48px!important;
background:#f8f7f2!important;
} .tp2-iti-hero{
position:relative;
min-height:270px;
margin:0 0 0!important;
padding:0!important;
overflow:hidden;
text-align:left!important;
border:0!important;
background:
linear-gradient(90deg,rgba(31,39,25,.93) 0%,rgba(31,39,25,.72) 43%,rgba(31,39,25,.20) 75%,rgba(31,39,25,.08) 100%),
var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png)) center 61%/cover no-repeat!important;
color:#fff;
}
.tp2-iti-hero:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:radial-gradient(circle at 77% 26%,rgba(255,184,0,.18),transparent 25%);
}
.tp2-iti-hero-inner{
position:relative;
z-index:2;
min-height:270px;
display:flex!important;
align-items:center;
justify-content:space-between;
gap:40px;
padding-top:30px!important;
padding-bottom:46px!important;
}
.tp2-iti-hero-copy{
max-width:650px;
}
.tp2-iti-hero .tp-iti-eyebrow{
display:block;
margin:0 0 9px;
color:#ffbf17!important;
font-size:11px!important;
font-weight:850!important;
line-height:1!important;
letter-spacing:.15em!important;
text-transform:uppercase;
}
.tp2-iti-hero h1{
margin:0 0 12px!important;
color:#fff!important;
font:700 clamp(42px,3.45vw,58px)/.98 Bitter,Georgia,serif!important;
letter-spacing:-.04em!important;
}
.tp2-iti-hero p{
max-width:610px!important;
margin:0!important;
color:rgba(255,255,255,.88)!important;
font-size:14px!important;
line-height:1.55!important;
font-weight:500;
}
.tp2-iti-hero-points{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
min-width:390px;
}
.tp2-iti-hero-points>span{
min-height:92px;
padding:13px 12px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
border:1px solid rgba(255,255,255,.18);
border-radius:13px;
background:rgba(30,39,25,.38);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.tp2-iti-hero-points i{
margin-bottom:7px;
color:#ffbf17;
font-size:16px;
}
.tp2-iti-hero-points b{
color:#fff;
font-size:14px;
line-height:1.15;
}
.tp2-iti-hero-points small{
margin-top:3px;
color:rgba(255,255,255,.70);
font-size:9.5px;
} .tp-itinerary-page>.tp-section-container{
position:relative;
z-index:5;
margin-top:-26px;
} .tp-itinerary-page .tp-advanced-filters{
display:grid!important;
grid-template-columns:minmax(0,1.45fr) minmax(180px,.78fr) minmax(160px,.68fr) 150px!important;
gap:9px!important;
margin:0 0 24px!important;
padding:14px!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:17px!important;
background:rgba(255,255,255,.985)!important;
box-shadow:0 12px 28px rgba(32,40,25,.09)!important;
}
.tp-itinerary-page .filter-group{
min-width:0!important;
height:50px!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
border:1px solid rgba(43,48,34,.12)!important;
border-radius:10px!important;
background:#fff!important;
}
.tp-itinerary-page .filter-group.search-group i{
position:static!important;
transform:none!important;
flex:0 0 auto;
margin:0 9px 0 0!important;
color:#344127!important;
font-size:15px!important;
}
.tp-itinerary-page .filter-group input,
.tp-itinerary-page .filter-group select{
width:100%!important;
height:48px!important;
min-height:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#586252!important;
box-shadow:none!important;
outline:0!important;
font:500 12px/1 Poppins,sans-serif!important;
}
.tp-itinerary-page .filter-group.search-group input{
padding-left:0!important;
}
.tp-itinerary-page .tp-advanced-filters .tp-btn-small{
width:100%!important;
height:50px!important;
min-height:50px!important;
padding:0 16px!important;
border:0!important;
border-radius:10px!important;
background:#ffb800!important;
color:#171a16!important;
font-size:12px!important;
font-weight:800!important;
box-shadow:0 7px 18px rgba(255,184,0,.17)!important;
} .tp2-iti-list-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin:25px 2px 14px;
}
.tp2-iti-list-head .tp2-eyebrow{
margin-bottom:3px;
}
.tp2-iti-list-head h2{
margin:0;
color:#202819;
font:700 25px/1.05 Bitter,Georgia,serif;
letter-spacing:-.025em;
}
.tp2-iti-result-count{
min-height:29px;
padding:6px 10px;
display:inline-flex;
align-items:center;
border:1px solid rgba(43,48,34,.10);
border-radius:999px;
background:#fff;
color:#66705f;
font-size:10px;
font-weight:700;
} .tp-itinerary-page .tp-iti-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
align-items:stretch!important;
}
.tp-itinerary-page .tp-iti-card{
min-height:100%;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:15px!important;
background:#fff!important;
box-shadow:0 9px 24px rgba(32,40,25,.055)!important;
overflow:hidden;
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.tp-itinerary-page .tp-iti-card:hover{
transform:translateY(-3px)!important;
border-color:rgba(255,184,0,.30)!important;
box-shadow:0 16px 34px rgba(32,40,25,.10)!important;
} .tp-itinerary-page .tp-iti-img{
height:178px!important;
background:#ebece5!important;
}
.tp-itinerary-page .tp-iti-img:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(180deg,transparent 55%,rgba(25,32,21,.22));
}
.tp-itinerary-page .tp-iti-img img{
transition:transform .28s ease!important;
}
.tp-itinerary-page .tp-iti-card:hover .tp-iti-img img{
transform:scale(1.025)!important;
} .tp-itinerary-page .tp-iti-badge{
top:11px!important;
left:11px!important;
min-height:27px;
padding:5px 9px!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:8px!important;
background:rgba(32,40,25,.82)!important;
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
color:#fff!important;
font-size:9px!important;
line-height:1!important;
box-shadow:none!important;
}
.tp-itinerary-page .tp-iti-badge i{
color:#ffbf17;
}
.tp-itinerary-page .tp-iti-card-verified{
left:11px!important;
bottom:10px!important;
top:auto!important;
min-height:24px;
padding:4px 8px!important;
border-radius:999px!important;
background:rgba(36,77,50,.90)!important;
color:#fff!important;
font-size:8.5px!important;
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}
.tp-itinerary-page .tp-iti-card-verified i{
color:#ffbf17!important;
} .tp-itinerary-page .tp-heart-btn{
top:11px!important;
right:11px!important;
width:34px!important;
height:34px!important;
border:1px solid rgba(43,48,34,.10)!important;
background:rgba(255,255,255,.94)!important;
color:#566151!important;
box-shadow:0 6px 14px rgba(0,0,0,.08)!important;
font-size:13px!important;
} .tp-itinerary-page .tp-iti-body{
padding:15px 15px 13px!important;
}
.tp-itinerary-page .tp-iti-body h3{
margin:0 0 7px!important;
color:#202819!important;
font:700 18px/1.12 Bitter,Georgia,serif!important;
letter-spacing:-.018em;
}
.tp-itinerary-page .tp-iti-body p{
margin:0 0 13px!important;
color:#6d7668!important;
font-size:10.5px!important;
line-height:1.45!important;
} .tp-itinerary-page .tp-iti-stats{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:0!important;
padding:10px 8px!important;
border:1px solid rgba(43,48,34,.08)!important;
border-radius:10px!important;
background:#f8f8f3!important;
}
.tp-itinerary-page .stat-item{
display:grid!important;
grid-template-columns:20px 1fr!important;
align-items:center!important;
gap:5px!important;
padding:0 7px!important;
text-align:left!important;
border-left:1px solid rgba(43,48,34,.08);
}
.tp-itinerary-page .stat-item:first-child{
border-left:0;
}
.tp-itinerary-page .stat-item i{
margin:0!important;
color:#344127!important;
font-size:12px!important;
}
.tp-itinerary-page .st-info{
display:block!important;
}
.tp-itinerary-page .st-info strong{
display:block;
color:#202819!important;
font-size:10.5px!important;
line-height:1.15!important;
}
.tp-itinerary-page .st-info span{
display:block;
margin-top:2px;
color:#858d80!important;
font-size:7.5px!important;
line-height:1!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
} .tp-itinerary-page .tp-iti-footer{
min-height:57px;
padding:10px 15px!important;
border-top:1px solid rgba(43,48,34,.08)!important;
background:#fcfbf7!important;
}
.tp-itinerary-page .tp-iti-author{
gap:8px!important;
min-width:0;
}
.tp-itinerary-page .tp-iti-author img{
width:31px!important;
height:31px!important;
border:1px solid rgba(43,48,34,.10);
}
.tp-itinerary-page .tp-iti-author-label{
color:#8a9184!important;
font-size:7.5px!important;
text-transform:uppercase;
letter-spacing:.04em;
}
.tp-itinerary-page .tp-iti-author-line strong{
max-width:105px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#344127!important;
font-size:9.5px!important;
}
.tp-itinerary-page .tp-iti-rank-badge{
font-size:7px!important;
padding:2px 5px!important;
}
.tp-itinerary-page .tp-iti-footer .tp-btn-small{
display:inline-flex!important;
align-items:center!important;
gap:6px!important;
color:#344127!important;
font-size:9.5px!important;
font-weight:800!important;
text-decoration:none!important;
}
.tp-itinerary-page .tp-iti-footer .tp-btn-small i{
color:#ffb800;
} .tp-itinerary-page .tp-iti-empty-state{
border:1px dashed rgba(43,48,34,.16)!important;
border-radius:15px!important;
background:#fff!important;
box-shadow:none!important;
} .tp-itinerary-page .page-numbers{
min-width:36px;
min-height:36px;
display:inline-flex;
align-items:center;
justify-content:center;
margin-right:5px;
border:1px solid rgba(43,48,34,.10);
border-radius:9px;
background:#fff;
color:#344127;
text-decoration:none;
font-size:11px;
font-weight:700;
}
.tp-itinerary-page .page-numbers.current{
border-color:#ffb800;
background:#ffb800;
color:#202819;
} @media (max-width:1050px){
.tp2-iti-hero-inner{
gap:24px;
}
.tp2-iti-hero-points{
min-width:330px;
}
.tp-itinerary-page .tp-advanced-filters{
grid-template-columns:minmax(0,1.35fr) minmax(150px,.72fr) minmax(145px,.66fr) 135px!important;
}
}
@media (max-width:820px){
.tp2-iti-hero-inner{
min-height:0;
align-items:flex-start;
flex-direction:column;
padding-top:36px!important;
padding-bottom:48px!important;
}
.tp2-iti-hero-points{
width:100%;
min-width:0;
}
.tp-itinerary-page>.tp-section-container{
margin-top:-20px;
}
.tp-itinerary-page .tp-advanced-filters{
grid-template-columns:1fr 1fr!important;
}
.tp-itinerary-page .search-group{
grid-column:1/-1;
}
.tp-itinerary-page .tp-iti-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width:560px){
.tp2-iti-hero-points{
grid-template-columns:1fr 1fr 1fr;
gap:6px;
}
.tp2-iti-hero-points>span{
min-height:78px;
padding:10px 8px;
}
.tp2-iti-hero-points b{
font-size:11px;
}
.tp2-iti-hero-points small{
font-size:8px;
}
.tp-itinerary-page .tp-advanced-filters{
grid-template-columns:1fr!important;
}
.tp-itinerary-page .search-group{
grid-column:auto;
}
.tp-itinerary-page .tp-iti-grid{
grid-template-columns:1fr!important;
}
.tp2-iti-list-head{
align-items:flex-start;
flex-direction:column;
gap:8px;
}
} .tp2-demo-note{
display:inline-flex;
align-items:center;
gap:7px;
margin:0 0 12px 2px;
padding:6px 9px;
border:1px solid rgba(43,48,34,.10);
border-radius:8px;
background:#fff9e8;
color:#6f6337;
font-size:8.5px;
font-weight:700;
}
.tp2-demo-note i{
color:#d59a00;
}
.tp2-demo-itinerary-card .tp-iti-img-link{
display:block;
width:100%;
height:100%;
}
.tp2-demo-itinerary-card .tp-iti-img-link img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.tp2-demo-heart{
cursor:default!important;
}
.tp2-demo-avatar{
width:31px;
height:31px;
flex:0 0 31px;
display:grid;
place-items:center;
border:1px solid rgba(43,48,34,.10);
border-radius:50%;
background:#2b3022;
color:#ffbf17;
font-size:8.5px;
font-weight:850;
letter-spacing:.03em;
}
.tp2-demo-detail{
border:0!important;
background:transparent!important;
box-shadow:none!important;
cursor:default!important;
}
.tp2-demo-itinerary-card:nth-child(2n) .tp-iti-img img{
filter:saturate(.90) contrast(1.03);
}
.tp2-demo-itinerary-card:nth-child(3n) .tp-iti-img img{
filter:saturate(1.08) brightness(.96);
} .tp-itinerary-page .tp-iti-card-verified.is-preview{
background:rgba(255,184,0,.92)!important;
color:#202819!important;
}
.tp-itinerary-page .tp-iti-card-verified.is-preview i{
color:#202819!important;
}
.tp-itinerary-page .tp-heart-btn.is-preview{
display:grid;
place-items:center;
cursor:default;
background:rgba(255,255,255,.95)!important;
color:#344127!important;
} .tp-itinerary-page .tp-iti-detail-page{
background:#f8f7f2;
padding-bottom:52px;
} .tp-itinerary-page .tp-iti-detail-hero{
min-height:395px!important;
padding:78px 0 44px!important;
background-position:center 55%!important;
border:0!important;
}
.tp-itinerary-page .tp-iti-detail-hero:before{
content:"";
position:absolute;
inset:0;
z-index:0;
background:
linear-gradient(90deg,rgba(26,33,22,.88) 0%,rgba(26,33,22,.65) 48%,rgba(26,33,22,.24) 78%,rgba(26,33,22,.10) 100%),
linear-gradient(0deg,rgba(22,29,19,.62),transparent 55%);
pointer-events:none;
}
.tp-itinerary-page .tp-iti-detail-hero::after{
height:4px!important;
background:#ffb800!important;
}
.tp-itinerary-page .tp-iti-detail-hero .tp-section-container{
max-width:1168px!important;
padding-left:24px!important;
padding-right:24px!important;
}
.tp2-detail-kicker{
display:block;
margin:0 0 10px;
color:#ffbf17;
font-size:10px;
font-weight:850;
line-height:1;
letter-spacing:.15em;
text-transform:uppercase;
}
.tp-itinerary-page .tp-iti-detail-hero .tp-iti-badge{
min-height:27px;
margin:0 0 13px!important;
padding:5px 9px!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:8px!important;
background:rgba(32,40,25,.60)!important;
color:#fff!important;
font-size:9px!important;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.tp-itinerary-page .tp-iti-detail-hero .tp-iti-badge i{
color:#ffbf17!important;
}
.tp-itinerary-page .tp-iti-detail-hero h1{
max-width:790px!important;
margin:0 0 15px!important;
color:#fff!important;
font:700 clamp(38px,4vw,58px)/.98 Bitter,Georgia,serif!important;
letter-spacing:-.045em!important;
text-shadow:0 8px 28px rgba(0,0,0,.23)!important;
}
.tp-itinerary-page .tp-iti-detail-summary{
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:7px!important;
margin:0 0 16px!important;
}
.tp-itinerary-page .tp-iti-detail-summary>span{
min-height:31px!important;
padding:0 10px!important;
display:inline-flex!important;
align-items:center!important;
gap:6px!important;
border:1px solid rgba(255,255,255,.16)!important;
border-radius:999px!important;
background:rgba(30,39,25,.38)!important;
color:rgba(255,255,255,.91)!important;
font-size:9.5px!important;
font-weight:700!important;
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
}
.tp-itinerary-page .tp-iti-detail-summary>span i{
color:#ffbf17!important;
}
.tp-itinerary-page .tp-iti-hero-meta{
gap:12px!important;
color:rgba(255,255,255,.74)!important;
font-size:9.5px!important;
}
.tp-itinerary-page .tp-iti-hero-meta>span,
.tp-itinerary-page .tp-iti-hero-meta .author{
min-height:29px;
gap:6px!important;
}
.tp-itinerary-page .tp-iti-hero-meta img{
width:28px!important;
height:28px!important;
border:1px solid rgba(255,255,255,.60)!important;
}
.tp-itinerary-page .tp-iti-hero-meta .tp-iti-rank-badge{
background:rgba(255,184,0,.14)!important;
color:#ffca38!important;
border:1px solid rgba(255,184,0,.24)!important;
} .tp-itinerary-page .tp-iti-detail-page>.tp-section-container{
max-width:1168px!important;
padding-left:24px!important;
padding-right:24px!important;
}
.tp-itinerary-page .tp-back-link{
margin:19px 0 14px!important;
gap:7px!important;
color:#566151!important;
font-size:9.5px!important;
font-weight:750!important;
}
.tp-itinerary-page .tp-back-link i{
color:#ffb800;
} .tp-itinerary-page .tp-iti-top-row{
grid-template-columns:minmax(0,.94fr) minmax(410px,1.06fr)!important;
gap:16px!important;
margin-bottom:16px!important;
}
.tp-itinerary-page .tp-content-box{
padding:20px!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:15px!important;
background:#fff!important;
box-shadow:0 9px 24px rgba(32,40,25,.05)!important;
}
.tp-itinerary-page .tp-content-box h2{
margin:0 0 11px!important;
color:#202819!important;
font:700 20px/1.08 Bitter,Georgia,serif!important;
letter-spacing:-.022em!important;
}
.tp-itinerary-page .tp-content-box p{
color:#687264!important;
font-size:10.5px!important;
line-height:1.62!important;
}
.tp-itinerary-page .tp-route-note{
margin-top:13px!important;
padding:11px 12px!important;
border:1px solid rgba(255,184,0,.22)!important;
border-radius:9px!important;
background:#fffaf0!important;
color:#606a5b!important;
} .tp-itinerary-page .tp-route-map,
.tp-itinerary-page .tp-map-placeholder{
min-height:250px!important;
overflow:hidden;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:11px!important;
background:#e8ebe2!important;
}
.tp-itinerary-page .tp-route-map{
height:250px!important;
}
.tp-itinerary-page .tp-route-map-note{
margin:8px 2px 0!important;
color:#81897d!important;
font-size:8.5px!important;
line-height:1.4!important;
}
.tp-itinerary-page .tp-map-placeholder i{
margin-bottom:9px!important;
color:#64715e!important;
font-size:27px!important;
}
.tp-itinerary-page .tp-map-placeholder p{
margin:0 0 4px!important;
color:#344127!important;
font-size:11px!important;
}
.tp-itinerary-page .tp-map-placeholder span{
max-width:340px;
color:#858d80!important;
font-size:9px!important;
} .tp-itinerary-page .tp-iti-detail-layout{
grid-template-columns:minmax(0,1fr) 305px!important;
gap:16px!important;
}
.tp-itinerary-page .tp-sidebar-inner{
top:84px!important;
gap:12px!important;
} .tp-itinerary-page .tp-timeline{
gap:12px!important;
}
.tp-itinerary-page .tp-timeline::before{
left:17px!important;
top:16px!important;
bottom:16px!important;
width:2px!important;
background:rgba(52,65,39,.12)!important;
}
.tp-itinerary-page .tp-timeline-item{
grid-template-columns:36px minmax(0,1fr)!important;
gap:11px!important;
}
.tp-itinerary-page .tp-timeline-dot{
width:36px!important;
height:36px!important;
border:2px solid #fff!important;
background:#fff7df!important;
color:#d99900!important;
box-shadow:0 5px 13px rgba(32,40,25,.09)!important;
font-size:10px!important;
}
.tp-itinerary-page .tp-timeline-dot.is-spot{
background:#edf4e9!important;
color:#344127!important;
}
.tp-itinerary-page .tp-timeline-content{
padding:13px 15px!important;
border:1px solid rgba(43,48,34,.09)!important;
border-radius:11px!important;
background:#fbfbf7!important;
}
.tp-itinerary-page .tp-timeline-content h3{
margin:0 0 5px!important;
color:#202819!important;
font:700 13px/1.25 Bitter,Georgia,serif!important;
}
.tp-itinerary-page .tp-timeline-content p{
margin:0 0 8px!important;
color:#737c6f!important;
font-size:9.5px!important;
line-height:1.5!important;
}
.tp-itinerary-page .tp-stop-location{
color:#596653!important;
font-size:8.5px!important;
}
.tp-itinerary-page .spot-label{
margin-bottom:5px!important;
padding:4px 7px!important;
background:#eef3e9!important;
color:#344127!important;
font-size:7px!important;
}
.tp-itinerary-page .tp-btn-outline-small{
min-height:30px!important;
padding:0 9px!important;
border-color:rgba(43,48,34,.16)!important;
border-radius:8px!important;
background:#fff!important;
color:#344127!important;
font-size:8.5px!important;
}
.tp-itinerary-page .tp-btn-outline-small:hover{
border-color:#ffb800!important;
background:#ffb800!important;
color:#202819!important;
} .tp-itinerary-page .tp-iti-stats-card,
.tp-itinerary-page .tp-equipment-card{
padding:14px!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:0 9px 24px rgba(32,40,25,.05)!important;
}
.tp-itinerary-page .stat-grid{
gap:7px!important;
}
.tp-itinerary-page .stat-box{
min-height:56px!important;
gap:8px!important;
padding:9px!important;
border:1px solid rgba(43,48,34,.08)!important;
border-radius:9px!important;
background:#f8f8f3!important;
}
.tp-itinerary-page .stat-box i{
width:29px!important;
height:29px!important;
min-width:29px!important;
border-radius:8px!important;
background:#fff7dd!important;
color:#c88900!important;
font-size:10px!important;
}
.tp-itinerary-page .st-txt span{
margin-bottom:2px!important;
color:#8a9285!important;
font-size:6.5px!important;
}
.tp-itinerary-page .st-txt strong{
color:#273124!important;
font-size:9.5px!important;
}
.tp-itinerary-page .gpx-download-wrap{
margin-top:12px!important;
padding-top:12px!important;
border-top:1px solid rgba(43,48,34,.08)!important;
}
.tp-itinerary-page .gpx-download-wrap .tp-btn-large,
.tp-itinerary-page .tp-public-save-form .tp-btn-large{
min-height:42px!important;
border-radius:9px!important;
font-size:9px!important;
font-weight:800!important;
}
.tp-itinerary-page .gpx-download-wrap .tp-btn-yellow{
background:#ffb800!important;
color:#202819!important;
}
.tp-itinerary-page .gpx-download-wrap .tp-btn-light{
border:1px solid rgba(43,48,34,.11)!important;
background:#f7f7f2!important;
color:#344127!important;
}
.tp-itinerary-page .gpx-note{
margin-top:7px!important;
color:#899185!important;
font-size:7.5px!important;
line-height:1.4!important;
}
.tp-itinerary-page .tp-login-secondary-btn{
margin-top:8px;
color:#566151!important;
font-size:8.5px!important;
} .tp-itinerary-page .tp-weather-card-head{
gap:8px!important;
margin-bottom:10px!important;
}
.tp-itinerary-page .tp-weather-card-head h3{
margin:0!important;
color:#202819!important;
font:700 14px/1.1 Bitter,Georgia,serif!important;
}
.tp-itinerary-page .tp-weather-card-head h3 i{
color:#d99b00!important;
}
.tp-itinerary-page .tp-weather-card-head small{
display:block;
margin-top:4px;
color:#858e80!important;
font-size:7.5px!important;
line-height:1.35!important;
}
.tp-itinerary-page .tp-weather-status-pill{
min-height:23px!important;
padding:0 7px!important;
border-radius:999px!important;
background:#eef3e9!important;
color:#344127!important;
font-size:6.5px!important;
}
.tp-itinerary-page .tp-weather-summary-grid{
grid-template-columns:1fr 1fr!important;
gap:6px!important;
margin-bottom:9px!important;
}
.tp-itinerary-page .tp-weather-summary-item{
padding:8px!important;
border:1px solid rgba(43,48,34,.08)!important;
border-radius:8px!important;
background:#fafaf6!important;
}
.tp-itinerary-page .tp-weather-summary-item span{
color:#8a9285!important;
font-size:6.5px!important;
}
.tp-itinerary-page .tp-weather-summary-item strong{
color:#344127!important;
font-size:8.5px!important;
}
.tp-itinerary-page .tp-weather-pack-list{
margin:0!important;
padding:0!important;
list-style:none!important;
}
.tp-itinerary-page .tp-weather-pack-list li{
min-height:28px!important;
gap:7px!important;
padding:5px 0!important;
border-bottom:1px solid rgba(43,48,34,.06)!important;
color:#626d5e!important;
font-size:8px!important;
line-height:1.35!important;
}
.tp-itinerary-page .tp-weather-pack-list li i{
width:17px;
color:#54704b!important;
}
.tp-itinerary-page .tp-weather-pack-list li.is-important i{
color:#c88900!important;
}
.tp-itinerary-page .tp-weather-footer{
margin-top:8px!important;
color:#91988d!important;
font-size:6.8px!important;
line-height:1.4!important;
} .tp-itinerary-page .tp-itinerary-lock-box{
padding:20px!important;
border:1px solid rgba(255,184,0,.20)!important;
border-radius:12px!important;
background:#fffaf0!important;
text-align:left!important;
}
.tp-itinerary-page .tp-itinerary-lock-icon{
width:36px!important;
height:36px!important;
margin:0 0 10px!important;
display:grid!important;
place-items:center!important;
border-radius:10px!important;
background:#ffb800!important;
color:#202819!important;
font-size:13px!important;
}
.tp-itinerary-page .tp-itinerary-lock-box h3{
margin:0 0 7px!important;
color:#202819!important;
font:700 15px/1.15 Bitter,Georgia,serif!important;
}
.tp-itinerary-page .tp-itinerary-lock-box p{
color:#6f776b!important;
font-size:9px!important;
line-height:1.5!important;
} .tp-itinerary-page .leaflet-control-zoom a{
color:#344127!important;
}
.tp-itinerary-page .leaflet-popup-content-wrapper,
.tp-itinerary-page .leaflet-popup-tip{
background:#fff!important;
color:#344127!important;
} @media (max-width:900px){
.tp-itinerary-page .tp-iti-detail-hero{
min-height:345px!important;
}
.tp-itinerary-page .tp-iti-top-row,
.tp-itinerary-page .tp-iti-detail-layout{
grid-template-columns:1fr!important;
}
.tp-itinerary-page .tp-sidebar-inner{
position:static!important;
}
.tp-itinerary-page .tp-iti-stats-card .stat-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
}
@media (max-width:620px){
.tp-itinerary-page .tp-iti-detail-hero{
min-height:320px!important;
padding:60px 0 32px!important;
}
.tp-itinerary-page .tp-iti-detail-hero .tp-section-container,
.tp-itinerary-page .tp-iti-detail-page>.tp-section-container{
padding-left:14px!important;
padding-right:14px!important;
}
.tp-itinerary-page .tp-iti-detail-hero h1{
font-size:36px!important;
}
.tp-itinerary-page .tp-iti-hero-meta{
gap:8px!important;
}
.tp-itinerary-page .tp-iti-hero-meta>span:nth-of-type(1){
display:none!important;
}
.tp-itinerary-page .tp-iti-stats-card .stat-grid{
grid-template-columns:1fr 1fr!important;
}
.tp-itinerary-page .tp-content-box{
padding:15px!important;
}
.tp-itinerary-page .tp-timeline-content{
padding:11px 12px!important;
}
}  .tp2-iti-hero{
min-height:248px!important;
}
.tp2-iti-hero-inner{
min-height:248px!important;
padding-top:24px!important;
padding-bottom:40px!important;
}
.tp2-iti-hero h1{
margin-bottom:10px!important;
}
.tp2-iti-hero p{
max-width:585px!important;
} .tp-itinerary-page .tp-advanced-filters{
margin-bottom:18px!important;
}
.tp2-iti-list-head{
margin-top:18px!important;
margin-bottom:12px!important;
} .tp-itinerary-page .tp-iti-img{
height:186px!important;
}
.tp-itinerary-page .tp-iti-body{
padding:14px 15px 12px!important;
}
.tp-itinerary-page .tp-iti-body h3{
margin-bottom:6px!important;
font-size:19px!important;
line-height:1.08!important;
}
.tp-itinerary-page .tp-iti-body p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
min-height:30px;
margin-bottom:10px!important;
font-size:10px!important;
line-height:1.48!important;
}
.tp-itinerary-page .tp-iti-stats{
padding:9px 7px!important;
}
.tp-itinerary-page .stat-item{
padding:0 6px!important;
}
.tp-itinerary-page .tp-iti-footer{
min-height:54px!important;
padding:9px 15px!important;
} .tp-itinerary-page .tp-iti-img-link{
position:relative;
display:block;
width:100%;
height:100%;
overflow:hidden;
}
.tp-itinerary-page .tp-iti-img-link:after{
content:"";
position:absolute;
inset:auto 0 0;
height:45%;
pointer-events:none;
background:linear-gradient(180deg,transparent,rgba(26,33,22,.22));
}
.tp-itinerary-page .tp-iti-img-link img{
width:100%;
height:100%;
display:block;
object-fit:cover;
} @media (min-width:1000px){
.tp-itinerary-page .tp-iti-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.tp-itinerary-page .tp-iti-grid:has(> .tp-iti-card:first-child:nth-last-child(2)){
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
} @media (max-width:999px) and (min-width:561px){
.tp-itinerary-page .tp-iti-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width:560px){
.tp-itinerary-page .tp-iti-grid{
grid-template-columns:1fr!important;
}
.tp2-iti-hero{
min-height:auto!important;
}
.tp2-iti-hero-inner{
min-height:0!important;
}
}  .tp-itinerary-page .tp-iti-grid{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(300px,360px))!important;
justify-content:center!important;
align-items:start!important;
gap:18px!important;
}
.tp-itinerary-page .tp-iti-card{
width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
align-self:start!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:0 10px 26px rgba(32,40,25,.065)!important;
}
.tp-itinerary-page .tp-iti-card:hover{
transform:translateY(-3px)!important;
box-shadow:0 16px 34px rgba(32,40,25,.11)!important;
} .tp-itinerary-page .tp-iti-img{
position:relative!important;
flex:0 0 198px!important;
width:100%!important;
height:198px!important;
min-height:198px!important;
overflow:hidden!important;
background:#e8eae3!important;
}
.tp-itinerary-page .tp-iti-img-link{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
display:block!important;
}
.tp-itinerary-page .tp-iti-img-link img{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:cover!important;
object-position:center!important;
}
.tp-itinerary-page .tp-iti-img:after{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:
linear-gradient(180deg,rgba(20,27,18,.02) 45%,rgba(20,27,18,.34) 100%)!important;
}
.tp-itinerary-page .tp-iti-badge,
.tp-itinerary-page .tp-iti-card-verified,
.tp-itinerary-page .tp-heart-btn,
.tp-itinerary-page .tp-card-save-form{
z-index:3!important;
}
.tp-itinerary-page .tp-iti-badge{
top:11px!important;
left:11px!important;
bottom:auto!important;
display:inline-flex!important;
min-height:25px!important;
padding:0 8px!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:999px!important;
background:rgba(32,40,25,.84)!important;
color:#fff!important;
font-size:8.5px!important;
font-weight:800!important;
box-shadow:0 5px 13px rgba(0,0,0,.12)!important;
}
.tp-itinerary-page .tp-iti-badge i{
color:#ffbf17!important;
}
.tp-itinerary-page .tp-iti-card-verified{
display:inline-flex!important;
align-items:center!important;
gap:4px!important;
left:11px!important;
bottom:10px!important;
top:auto!important;
min-height:23px!important;
padding:0 8px!important;
border-radius:999px!important;
background:rgba(36,77,50,.92)!important;
color:#fff!important;
font-size:8px!important;
font-weight:750!important;
}
.tp-itinerary-page .tp-iti-card-verified i{
color:#ffbf17!important;
}
.tp-itinerary-page .tp-heart-btn{
position:absolute!important;
top:10px!important;
right:10px!important;
width:32px!important;
height:32px!important;
min-width:32px!important;
min-height:32px!important;
display:grid!important;
place-items:center!important;
padding:0!important;
border:1px solid rgba(43,48,34,.10)!important;
border-radius:50%!important;
background:rgba(255,255,255,.94)!important;
color:#455240!important;
font-size:11px!important;
} .tp-itinerary-page .tp-iti-body{
flex:0 0 auto!important;
display:block!important;
min-height:0!important;
padding:14px 14px 13px!important;
background:#fff!important;
}
.tp-itinerary-page .tp-iti-body h3{
margin:0 0 6px!important;
color:#202819!important;
font:700 18px/1.12 Bitter,Georgia,serif!important;
letter-spacing:-.02em!important;
}
.tp-itinerary-page .tp-iti-body h3 a{
display:block;
color:inherit!important;
text-decoration:none!important;
}
.tp-itinerary-page .tp-iti-body p{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
min-height:30px!important;
margin:0 0 11px!important;
color:#70796c!important;
font-size:9.5px!important;
line-height:1.5!important;
} .tp-itinerary-page .tp-iti-stats{
flex:none!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
border:1px solid rgba(43,48,34,.08)!important;
border-radius:10px!important;
background:#f7f7f2!important;
}
.tp-itinerary-page .tp-iti-stats .stat-item{
min-width:0!important;
min-height:52px!important;
padding:8px 6px!important;
display:grid!important;
grid-template-columns:18px minmax(0,1fr)!important;
align-items:center!important;
justify-content:initial!important;
gap:5px!important;
border:0!important;
border-left:1px solid rgba(43,48,34,.08)!important;
text-align:left!important;
}
.tp-itinerary-page .tp-iti-stats .stat-item:first-child{
border-left:0!important;
}
.tp-itinerary-page .tp-iti-stats .stat-item i{
width:18px!important;
height:auto!important;
min-width:18px!important;
margin:0!important;
display:block!important;
background:transparent!important;
color:#53614d!important;
font-size:10px!important;
}
.tp-itinerary-page .tp-iti-stats .st-info{
width:auto!important;
min-width:0!important;
display:block!important;
}
.tp-itinerary-page .tp-iti-stats .st-info strong{
display:block!important;
overflow:hidden!important;
color:#283224!important;
font-size:9.5px!important;
line-height:1.1!important;
font-weight:800!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.tp-itinerary-page .tp-iti-stats .st-info span{
display:block!important;
margin-top:2px!important;
color:#899184!important;
font-size:6.5px!important;
line-height:1!important;
font-weight:750!important;
text-transform:uppercase!important;
letter-spacing:.045em!important;
} .tp-itinerary-page .tp-iti-footer{
flex:0 0 auto!important;
min-height:56px!important;
padding:10px 14px!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
border-top:1px solid rgba(43,48,34,.075)!important;
background:#fbfaf6!important;
}
.tp-itinerary-page .tp-iti-author{
min-width:0!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:8px!important;
}
.tp-itinerary-page .tp-iti-author>img{
width:30px!important;
height:30px!important;
flex:0 0 30px!important;
display:block!important;
border-radius:50%!important;
object-fit:cover!important;
}
.tp-itinerary-page .tp-iti-author-meta{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
gap:2px!important;
}
.tp-itinerary-page .tp-iti-author-label{
display:block!important;
color:#949b91!important;
font-size:6.5px!important;
line-height:1!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.05em!important;
}
.tp-itinerary-page .tp-iti-author-line{
min-width:0!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:5px!important;
}
.tp-itinerary-page .tp-iti-author-line strong{
max-width:105px!important;
overflow:hidden!important;
color:#344127!important;
font-size:8.5px!important;
line-height:1.1!important;
font-weight:800!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.tp-itinerary-page .tp-iti-rank-badge{
min-height:17px!important;
padding:0 5px!important;
display:inline-flex!important;
align-items:center!important;
border-radius:999px!important;
font-size:5.8px!important;
line-height:1!important;
}
.tp-itinerary-page .tp-iti-footer .tp-btn-small{
width:auto!important;
flex:0 0 auto!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:5px!important;
border:0!important;
background:transparent!important;
color:#344127!important;
font-size:8.5px!important;
line-height:1!important;
font-weight:850!important;
white-space:nowrap!important;
box-shadow:none!important;
}
.tp-itinerary-page .tp-iti-footer .tp-btn-small i{
color:#d99a00!important;
font-size:8px!important;
} .tp2-iti-list-head{
margin-bottom:14px!important;
} @media (max-width:820px){
.tp-itinerary-page .tp-iti-grid{
grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
justify-content:stretch!important;
}
}
@media (max-width:560px){
.tp-itinerary-page .tp-iti-grid{
grid-template-columns:1fr!important;
}
.tp-itinerary-page .tp-iti-card{
max-width:none!important;
}
} :root{
--tp2-font-base:15.5px;
--tp2-font-secondary:13px;
--tp2-font-meta:11px;
--tp2-line-base:1.6;
} html{
font-size:16px;
}
body{
font-size:var(--tp2-font-base)!important;
line-height:var(--tp2-line-base)!important;
} .tp2-page main p,
.tp2-page main ul:not([class]) li,
.tp2-page main ol:not([class]) li,
.tp2-page main .tp2-body-copy,
.tp2-page main .tp2-copy,
.tp2-page main .entry-content>p{
font-size:var(--tp2-font-base)!important;
line-height:var(--tp2-line-base)!important;
} .tp2-page main input:not([type="checkbox"]):not([type="radio"]),
.tp2-page main select,
.tp2-page main textarea{
font-size:var(--tp2-font-secondary)!important;
line-height:1.4!important;
}
.tp2-page main button,
.tp2-page main .button,
.tp2-page main .tp2-btn,
.tp2-page main [class*="btn"]{
font-size:var(--tp2-font-secondary);
} .tp2-page main small,
.tp2-page main .description,
.tp2-page main .helper-text,
.tp2-page main .tp2-secondary-copy{
font-size:var(--tp2-font-secondary);
line-height:1.45;
} .tp2-page main [class*="meta"],
.tp2-page main [class*="label"],
.tp2-page main [class*="badge"],
.tp2-page main [class*="eyebrow"],
.tp2-page main [class*="kicker"]{
font-size:max(var(--tp2-font-meta),1em);
} .tp-itinerary-page .tp2-iti-hero p{
font-size:var(--tp2-font-base)!important;
line-height:1.55!important;
}
.tp-itinerary-page .tp2-iti-hero-points small{
font-size:var(--tp2-font-meta)!important;
}
.tp-itinerary-page .tp2-iti-hero-points b{
font-size:var(--tp2-font-secondary)!important;
}
.tp-itinerary-page .tp-advanced-filters input,
.tp-itinerary-page .tp-advanced-filters select,
.tp-itinerary-page .tp-advanced-filters .tp-btn-small{
font-size:var(--tp2-font-secondary)!important;
}
.tp-itinerary-page .tp2-iti-result-count{
font-size:var(--tp2-font-meta)!important;
}
.tp-itinerary-page .tp-iti-badge,
.tp-itinerary-page .tp-iti-card-verified{
font-size:var(--tp2-font-meta)!important;
}
.tp-itinerary-page .tp-iti-body p{
min-height:42px!important;
margin-bottom:12px!important;
font-size:var(--tp2-font-secondary)!important;
line-height:1.5!important;
}
.tp-itinerary-page .tp-iti-stats .st-info strong{
font-size:12px!important;
}
.tp-itinerary-page .tp-iti-stats .st-info span{
font-size:var(--tp2-font-meta)!important;
}
.tp-itinerary-page .tp-iti-author-label{
font-size:var(--tp2-font-meta)!important;
}
.tp-itinerary-page .tp-iti-author-line strong{
max-width:135px!important;
font-size:12px!important;
}
.tp-itinerary-page .tp-iti-rank-badge{
font-size:var(--tp2-font-meta)!important;
}
.tp-itinerary-page .tp-iti-footer .tp-btn-small{
font-size:12px!important;
} .tp-itinerary-page .tp-iti-detail-summary>span,
.tp-itinerary-page .tp-iti-hero-meta,
.tp-itinerary-page .tp-back-link{
font-size:var(--tp2-font-meta)!important;
}
.tp-itinerary-page .tp-content-box p,
.tp-itinerary-page .tp-timeline-content p{
font-size:var(--tp2-font-secondary)!important;
line-height:1.55!important;
}
.tp-itinerary-page .tp-stop-location,
.tp-itinerary-page .tp-route-map-note,
.tp-itinerary-page .tp-map-placeholder span,
.tp-itinerary-page .gpx-note,
.tp-itinerary-page .tp-login-secondary-btn,
.tp-itinerary-page .tp-weather-card-head small,
.tp-itinerary-page .tp-weather-footer{
font-size:var(--tp2-font-meta)!important;
line-height:1.45!important;
}
.tp-itinerary-page .tp-btn-outline-small,
.tp-itinerary-page .gpx-download-wrap .tp-btn-large,
.tp-itinerary-page .tp-public-save-form .tp-btn-large{
font-size:12px!important;
}
.tp-itinerary-page .st-txt span,
.tp-itinerary-page .tp-weather-summary-item span{
font-size:var(--tp2-font-meta)!important;
}
.tp-itinerary-page .st-txt strong,
.tp-itinerary-page .tp-weather-summary-item strong{
font-size:12px!important;
}
.tp-itinerary-page .tp-weather-pack-list li,
.tp-itinerary-page .tp-itinerary-lock-box p{
font-size:var(--tp2-font-secondary)!important;
line-height:1.5!important;
} .tp2-map-page p,
.tp2-map-page .tp2-filter-row,
.tp2-map-page .tp2-map-toolbar,
.tp2-map-page .tp2-map-popup-body p{
font-size:var(--tp2-font-secondary)!important;
}
.tp2-map-page .tp2-map-searchfield input,
.tp2-map-page .tp2-map-searchfield select,
.tp2-map-page .tp2-map-searchbutton{
font-size:var(--tp2-font-secondary)!important;
}
.tp2-map-page .tp2-filter-section h3,
.tp2-map-page .tp2-map-popup-rating,
.tp2-map-page .tp2-map-verified{
font-size:var(--tp2-font-meta)!important;
} .tp2-footer{
font-size:14px!important;
}
.tp2-footer p,
.tp2-footer a{
font-size:14px!important;
line-height:1.5!important;
} @media (max-width:560px){
:root{
--tp2-font-base:15px;
--tp2-font-secondary:13px;
--tp2-font-meta:11px;
}
}  @media (min-width:1051px){
.tp-itinerary-page .tp-iti-grid{
width:100%!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
justify-content:stretch!important;
align-items:start!important;
gap:16px!important;
} .tp-itinerary-page .tp-iti-grid:has(> .tp-iti-card:first-child:nth-last-child(2)){
width:calc((100% - 32px) * 0.6666667 + 16px)!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
} .tp-itinerary-page .tp-iti-grid:has(> .tp-iti-card:only-child){
width:calc((100% - 32px) / 3)!important;
grid-template-columns:1fr!important;
}
.tp-itinerary-page .tp-iti-card{
max-width:none!important;
min-width:0!important;
width:100%!important;
} .tp-itinerary-page .tp-iti-img{
flex-basis:174px!important;
height:174px!important;
min-height:174px!important;
}
.tp-itinerary-page .tp-iti-body{
padding:13px 13px 12px!important;
}
.tp-itinerary-page .tp-iti-body h3{
font-size:17px!important;
}
.tp-itinerary-page .tp-iti-body p{
min-height:39px!important;
margin-bottom:10px!important;
font-size:12.5px!important;
}
.tp-itinerary-page .tp-iti-stats .stat-item{
min-height:50px!important;
padding:7px 5px!important;
grid-template-columns:17px minmax(0,1fr)!important;
gap:4px!important;
}
.tp-itinerary-page .tp-iti-stats .st-info strong{
font-size:11.5px!important;
}
.tp-itinerary-page .tp-iti-stats .st-info span{
font-size:10px!important;
}
.tp-itinerary-page .tp-iti-footer{
min-height:55px!important;
padding:9px 13px!important;
}
.tp-itinerary-page .tp-iti-author-line strong{
max-width:90px!important;
font-size:11.5px!important;
}
.tp-itinerary-page .tp-iti-author-label,
.tp-itinerary-page .tp-iti-rank-badge{
font-size:10px!important;
}
.tp-itinerary-page .tp-iti-footer .tp-btn-small{
font-size:11.5px!important;
}
} @media (max-width:1050px) and (min-width:621px){
.tp-itinerary-page .tp-iti-grid{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
justify-content:stretch!important;
gap:16px!important;
}
.tp-itinerary-page .tp-iti-card{
width:100%!important;
max-width:none!important;
}
} @media (max-width:620px){
.tp-itinerary-page .tp-iti-grid{
width:100%!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:14px!important;
}
} .tp2-detail-section-kicker{
display:block;
margin-bottom:5px;
color:#c88f00;
font-size:11px!important;
font-weight:850;
line-height:1;
letter-spacing:.13em;
text-transform:uppercase;
} .tp2-detail-overview{
display:grid;
grid-template-columns:minmax(0,1.25fr) minmax(400px,.75fr);
gap:18px;
margin:18px 0;
padding:20px;
border:1px solid rgba(43,48,34,.10);
border-radius:16px;
background:#fff;
box-shadow:0 10px 28px rgba(32,40,25,.055);
}
.tp2-detail-overview-main h2,
.tp2-detail-map-head h2,
.tp2-route-points-head h2,
.tp2-itinerary-building h2{
margin:0;
color:#202819;
font:700 24px/1.08 Bitter,Georgia,serif;
letter-spacing:-.025em;
}
.tp2-detail-description{
margin:11px 0 0!important;
color:#626d5e!important;
font-size:15px!important;
line-height:1.65!important;
}
.tp2-detail-empty-copy{
display:flex;
align-items:flex-start;
gap:12px;
margin-top:12px;
padding:13px 14px;
border:1px dashed rgba(43,48,34,.14);
border-radius:11px;
background:#faf9f4;
}
.tp2-detail-empty-copy>i{
margin-top:2px;
color:#c78e00;
font-size:16px;
}
.tp2-detail-empty-copy div{
display:flex;
flex-direction:column;
gap:4px;
}
.tp2-detail-empty-copy strong{
color:#344127;
font-size:13px;
}
.tp2-detail-empty-copy span{
color:#747e70;
font-size:12.5px;
line-height:1.45;
}
.tp2-detail-overview-stats{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.tp2-detail-overview-stats>div{
min-height:72px;
padding:11px 12px;
display:grid;
grid-template-columns:28px minmax(0,1fr);
grid-template-rows:auto auto;
align-content:center;
column-gap:8px;
border:1px solid rgba(43,48,34,.08);
border-radius:10px;
background:#f8f8f3;
}
.tp2-detail-overview-stats i{
grid-row:1/3;
align-self:center;
color:#c78e00;
font-size:14px;
}
.tp2-detail-overview-stats span{
color:#8a9285;
font-size:11px;
font-weight:700;
text-transform:uppercase;
}
.tp2-detail-overview-stats strong{
min-width:0;
overflow:hidden;
color:#273124;
font-size:13px;
text-overflow:ellipsis;
white-space:nowrap;
} .tp2-itinerary-building{
min-height:155px;
margin-bottom:18px;
padding:22px;
display:grid;
grid-template-columns:54px minmax(0,1fr) auto;
align-items:center;
gap:17px;
border:1px solid rgba(255,184,0,.22);
border-radius:16px;
background:
radial-gradient(circle at 85% 20%,rgba(255,184,0,.08),transparent 28%),
#fffaf0;
box-shadow:0 9px 25px rgba(32,40,25,.045);
}
.tp2-itinerary-building-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
border-radius:14px;
background:#ffb800;
color:#202819;
font-size:20px;
}
.tp2-itinerary-building-copy p{
max-width:670px;
margin:8px 0 0!important;
color:#687264!important;
font-size:13px!important;
line-height:1.55!important;
}
.tp2-itinerary-building-action,
.tp2-route-locked-action{
min-height:43px;
padding:0 15px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:9px;
background:#2b3022;
color:#fff!important;
font-size:12px;
font-weight:800;
text-decoration:none!important;
white-space:nowrap;
}
.tp2-itinerary-building-action i,
.tp2-route-locked-action i{
color:#ffb800;
} .tp2-detail-map-card{
margin-bottom:18px;
padding:18px;
border:1px solid rgba(43,48,34,.10);
border-radius:16px;
background:#fff;
box-shadow:0 9px 25px rgba(32,40,25,.05);
}
.tp2-detail-map-head,
.tp2-route-points-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:16px;
margin-bottom:13px;
}
.tp2-detail-map-count,
.tp2-route-points-head>span{
min-height:30px;
padding:0 10px;
display:inline-flex;
align-items:center;
gap:6px;
border:1px solid rgba(43,48,34,.09);
border-radius:999px;
background:#f8f8f3;
color:#566151;
font-size:11px;
font-weight:750;
}
.tp2-route-unavailable{
min-height:175px;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
border:1px dashed rgba(43,48,34,.14);
border-radius:12px;
background:#f8f8f3;
}
.tp2-route-unavailable>i{
color:#c78e00;
font-size:22px;
}
.tp2-route-unavailable div{
display:flex;
flex-direction:column;
gap:4px;
}
.tp2-route-unavailable strong{
color:#344127;
font-size:13px;
}
.tp2-route-unavailable span{
color:#778074;
font-size:12px;
} .tp2-route-locked{
min-height:178px;
padding:22px;
display:grid;
grid-template-columns:52px minmax(0,1fr) auto;
align-items:center;
gap:17px;
border-radius:13px;
background:
linear-gradient(115deg,rgba(43,48,34,.985),rgba(52,65,39,.95)),
#2b3022;
color:#fff;
}
.tp2-route-locked-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.12);
border-radius:13px;
background:rgba(255,184,0,.12);
color:#ffbf17;
font-size:18px;
}
.tp2-route-locked-copy .tp2-detail-section-kicker{
color:#ffbf17;
}
.tp2-route-locked-copy h3{
margin:0 0 7px;
color:#fff;
font:700 21px/1.08 Bitter,Georgia,serif;
}
.tp2-route-locked-copy p{
max-width:590px;
margin:0 0 10px!important;
color:rgba(255,255,255,.74)!important;
font-size:13px!important;
line-height:1.5!important;
}
.tp2-route-locked-features{
display:flex;
flex-wrap:wrap;
gap:7px;
}
.tp2-route-locked-features span{
min-height:27px;
padding:0 8px;
display:inline-flex;
align-items:center;
gap:5px;
border:1px solid rgba(255,255,255,.10);
border-radius:999px;
background:rgba(255,255,255,.06);
color:rgba(255,255,255,.86);
font-size:10px;
font-weight:700;
}
.tp2-route-locked-features i{
color:#ffbf17;
}
.tp2-route-locked-action{
background:#ffb800;
color:#202819!important;
}
.tp2-route-locked-action i{
color:#202819;
} .tp2-route-points-card{
padding:18px!important;
}
.tp2-route-points-head{
margin-bottom:14px;
}
.tp2-points-empty{
min-height:115px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
border:1px dashed rgba(43,48,34,.13);
border-radius:11px;
background:#faf9f5;
text-align:center;
}
.tp2-points-empty i{
margin-bottom:3px;
color:#c78e00;
font-size:20px;
}
.tp2-points-empty strong{
color:#344127;
font-size:13px;
}
.tp2-points-empty span{
color:#818a7e;
font-size:12px;
}
.tp2-points-locked-preview{
padding:3px 0 0;
}
.tp2-points-locked-row{
display:grid;
gap:8px;
}
.tp2-points-locked-row>span.tp2-points-preview-number{
display:none;
}
.tp2-points-locked-row>div{
position:relative;
min-height:54px;
padding:10px 12px 10px 47px;
display:flex;
flex-direction:column;
justify-content:center;
gap:3px;
border:1px solid rgba(43,48,34,.08);
border-radius:10px;
background:#f8f8f3;
}
.tp2-points-locked-row>div:before{
content:"•";
position:absolute;
left:14px;
top:50%;
width:23px;
height:23px;
transform:translateY(-50%);
display:grid;
place-items:center;
border-radius:50%;
background:#e7eadf;
color:#344127;
font-size:14px;
font-weight:900;
}
.tp2-points-locked-row strong{
color:#344127;
font-size:12px;
}
.tp2-points-locked-row div span{
color:#848c80;
font-size:11px;
}
.tp2-points-locked-preview>small{
display:block;
margin-top:8px;
color:#838b7f;
font-size:11px;
} .tp-itinerary-page .tp-iti-stats-card{
overflow:hidden;
}
.tp-itinerary-page .tp-iti-detail-layout{
margin-top:0!important;
} .tp-itinerary-page .tp-iti-detail-layout{
align-items:start!important;
} .tp2-detail-map-card .tp-itinerary-lock-box,
.tp2-route-points-card .tp-itinerary-lock-box{
display:none!important;
}
@media (max-width:900px){
.tp2-detail-overview{
grid-template-columns:1fr;
}
.tp2-itinerary-building,
.tp2-route-locked{
grid-template-columns:52px minmax(0,1fr);
}
.tp2-itinerary-building-action,
.tp2-route-locked-action{
grid-column:1/-1;
justify-self:start;
}
}
@media (max-width:620px){
.tp2-detail-overview{
padding:15px;
}
.tp2-detail-overview-stats{
grid-template-columns:1fr 1fr;
}
.tp2-itinerary-building{
grid-template-columns:45px minmax(0,1fr);
padding:16px;
}
.tp2-itinerary-building-icon,
.tp2-route-locked-icon{
width:45px;
height:45px;
}
.tp2-route-locked{
grid-template-columns:45px minmax(0,1fr);
padding:16px;
}
.tp2-route-locked-features{
display:grid;
grid-template-columns:1fr;
}
.tp2-detail-map-card{
padding:14px;
}
.tp2-detail-map-head,
.tp2-route-points-head{
align-items:flex-start;
flex-direction:column;
}
}  .tp-itinerary-page .tp-iti-detail-hero{
position:relative!important;
isolation:isolate!important;
overflow:hidden!important;
}
.tp-itinerary-page .tp-iti-detail-hero:before{
position:absolute!important;
inset:0!important;
z-index:0!important;
pointer-events:none!important;
}
.tp-itinerary-page .tp-iti-detail-hero:after{
position:absolute!important;
left:0!important;
right:0!important;
bottom:0!important;
z-index:2!important;
pointer-events:none!important;
}
.tp-itinerary-page .tp-iti-detail-hero>.tp-section-container,
.tp-itinerary-page .tp-iti-detail-hero .tp-section-container{
position:relative!important;
z-index:1!important;
} .tp-itinerary-page .tp-iti-detail-page,
.tp-itinerary-page .tp-iti-detail-page>.tp-section-container{
position:relative!important;
z-index:1!important;
} .tp2-magazine-page{
padding-bottom:54px;
background:#f8f7f2;
}
.tp2-mag-hero{
min-height:265px;
overflow:hidden;
background:
linear-gradient(90deg,rgba(31,39,25,.93) 0%,rgba(31,39,25,.70) 48%,rgba(31,39,25,.18) 80%),
var(--tp2-cta-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/cta-bg.png)) center 55%/cover no-repeat;
color:#fff;
}
.tp2-mag-hero-inner{
min-height:265px;
display:flex;
align-items:center;
justify-content:space-between;
gap:42px;
padding-top:34px!important;
padding-bottom:34px!important;
}
.tp2-mag-hero-copy{max-width:690px;}
.tp2-mag-kicker{
display:block;
margin-bottom:8px;
color:#ffbf17;
font-size:11px!important;
font-weight:850;
line-height:1;
letter-spacing:.14em;
text-transform:uppercase;
}
.tp2-mag-hero h1{
margin:0 0 11px;
color:#fff;
font:700 clamp(44px,3.7vw,60px)/.98 Bitter,Georgia,serif;
letter-spacing:-.045em;
}
.tp2-mag-hero h1 strong{color:#ffbf17;font-weight:700;}
.tp2-mag-hero p{
max-width:625px;
margin:0!important;
color:rgba(255,255,255,.87)!important;
font-size:15.5px!important;
line-height:1.58!important;
}
.tp2-mag-hero-note{
width:330px;
padding:16px 17px;
display:flex;
align-items:flex-start;
gap:12px;
border:1px solid rgba(255,255,255,.16);
border-radius:14px;
background:rgba(31,39,25,.34);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.tp2-mag-hero-note>i{margin-top:3px;color:#ffbf17;font-size:18px;}
.tp2-mag-hero-note div{display:flex;flex-direction:column;gap:4px;}
.tp2-mag-hero-note strong{color:#fff;font-size:13px;}
.tp2-mag-hero-note span{color:rgba(255,255,255,.73);font-size:12px;line-height:1.45;}
.tp2-mag-content{padding-top:20px!important;}
.tp2-mag-categories{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:7px;
margin:0 0 18px;
}
.tp2-mag-categories a{
min-height:34px;
padding:0 12px;
display:inline-flex;
align-items:center;
border:1px solid rgba(43,48,34,.10);
border-radius:999px;
background:#fff;
color:#55604f;
font-size:12px;
font-weight:750;
text-decoration:none;
}
.tp2-mag-categories a:hover,
.tp2-mag-categories a.is-active{
border-color:#2b3022;
background:#2b3022;
color:#fff;
}
.tp2-mag-featured{
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
min-height:355px;
margin-bottom:30px;
overflow:hidden;
border:1px solid rgba(43,48,34,.10);
border-radius:18px;
background:#fff;
box-shadow:0 14px 34px rgba(32,40,25,.075);
}
.tp2-mag-featured-image{
position:relative;
min-height:355px;
display:block;
background-position:center;
background-size:cover;
}
.tp2-mag-featured-badge{
position:absolute;
left:16px;
top:16px;
min-height:28px;
padding:0 10px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:rgba(43,48,34,.88);
color:#fff;
font-size:11px;
font-weight:800;
}
.tp2-mag-featured-copy{
padding:34px 32px;
display:flex;
flex-direction:column;
justify-content:center;
}
.tp2-mag-featured-copy h2{
margin:0 0 12px;
color:#202819;
font:700 clamp(28px,2.3vw,36px)/1.04 Bitter,Georgia,serif;
letter-spacing:-.035em;
}
.tp2-mag-featured-copy h2 a,
.tp2-mag-card h3 a{color:inherit;text-decoration:none;}
.tp2-mag-featured-copy p{
margin:0 0 16px!important;
color:#687264!important;
font-size:14px!important;
line-height:1.62!important;
}
.tp2-mag-featured-meta{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:17px;
color:#818a7d;
font-size:11px;
font-weight:650;
}
.tp2-mag-featured-meta span{display:inline-flex;align-items:center;gap:5px;}
.tp2-mag-featured-meta i{color:#c78e00;}
.tp2-mag-readmore{
min-height:40px;
align-self:flex-start;
padding:0 14px;
display:inline-flex;
align-items:center;
gap:8px;
border-radius:9px;
background:#ffb800;
color:#202819!important;
font-size:12px;
font-weight:850;
text-decoration:none!important;
}
.tp2-mag-section-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin:0 2px 14px;
}
.tp2-mag-section-head h2{
margin:0;
color:#202819;
font:700 27px/1.05 Bitter,Georgia,serif;
letter-spacing:-.028em;
}
.tp2-mag-count{
min-height:30px;
padding:0 10px;
display:inline-flex;
align-items:center;
border:1px solid rgba(43,48,34,.10);
border-radius:999px;
background:#fff;
color:#6d7769;
font-size:11px;
font-weight:750;
}
.tp2-mag-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.tp2-mag-card{
overflow:hidden;
border:1px solid rgba(43,48,34,.10);
border-radius:15px;
background:#fff;
box-shadow:0 9px 24px rgba(32,40,25,.055);
transition:transform .2s ease,box-shadow .2s ease;
}
.tp2-mag-card:hover{
transform:translateY(-3px);
box-shadow:0 15px 32px rgba(32,40,25,.095);
}
.tp2-mag-card-image{
position:relative;
height:190px;
display:block;
overflow:hidden;
background:#e8eae3;
}
.tp2-mag-card-image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 55%,rgba(25,32,21,.22));
pointer-events:none;
}
.tp2-mag-card-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:transform .25s ease;
}
.tp2-mag-card:hover .tp2-mag-card-image img{transform:scale(1.025);}
.tp2-mag-card-image span{
position:absolute;
left:11px;
bottom:10px;
z-index:2;
min-height:25px;
padding:0 8px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:rgba(43,48,34,.88);
color:#fff;
font-size:10px;
font-weight:800;
}
.tp2-mag-card-body{padding:14px 15px 15px;}
.tp2-mag-card-meta{
display:flex;
gap:10px;
margin-bottom:8px;
color:#8a9185;
font-size:10px;
font-weight:650;
}
.tp2-mag-card h3{
margin:0 0 8px;
color:#202819;
font:700 18px/1.13 Bitter,Georgia,serif;
letter-spacing:-.018em;
}
.tp2-mag-card p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
min-height:58px;
margin:0 0 12px!important;
color:#6f786b!important;
font-size:13px!important;
line-height:1.5!important;
}
.tp2-mag-card-link{
display:inline-flex;
align-items:center;
gap:6px;
color:#344127!important;
font-size:12px;
font-weight:850;
text-decoration:none!important;
}
.tp2-mag-card-link i{color:#d99a00;font-size:10px;}
.tp2-mag-empty{
min-height:180px;
padding:28px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border:1px dashed rgba(43,48,34,.14);
border-radius:15px;
background:#fff;
text-align:center;
}
.tp2-mag-empty>i{margin-bottom:10px;color:#c78e00;font-size:28px;}
.tp2-mag-empty h3{margin:0 0 7px;color:#202819;font:700 18px/1.1 Bitter,Georgia,serif;}
.tp2-mag-empty p{margin:0!important;color:#7c8579!important;font-size:13px!important;}
.tp2-mag-pagination{
margin-top:24px;
display:flex;
justify-content:center;
gap:6px;
}
.tp2-mag-pagination .page-numbers{
min-width:36px;
min-height:36px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(43,48,34,.10);
border-radius:9px;
background:#fff;
color:#344127;
font-size:12px;
font-weight:750;
text-decoration:none;
}
.tp2-mag-pagination .page-numbers.current{
border-color:#ffb800;
background:#ffb800;
color:#202819;
}
@media (max-width:900px){
.tp2-mag-hero-inner{
align-items:flex-start;
flex-direction:column;
gap:20px;
padding-top:38px!important;
padding-bottom:38px!important;
}
.tp2-mag-hero-note{width:100%;max-width:540px;}
.tp2-mag-featured{grid-template-columns:1fr;}
.tp2-mag-featured-image{min-height:270px;}
.tp2-mag-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
.tp2-mag-hero h1{font-size:40px;}
.tp2-mag-featured-copy{padding:22px 18px;}
.tp2-mag-featured-image{min-height:220px;}
.tp2-mag-grid{grid-template-columns:1fr;}
.tp2-mag-section-head{
align-items:flex-start;
flex-direction:column;
gap:8px;
}
} .tp2-mag-hero{
min-height:310px!important;
background:
linear-gradient(90deg,rgba(28,35,23,.80) 0%,rgba(28,35,23,.47) 48%,rgba(28,35,23,.15) 76%),
linear-gradient(0deg,rgba(20,28,18,.22),transparent 48%),
var(--tp2-hero-image,url(//trackpoint.cz/wp-content/themes/trackpoint2-alpha6/assets/images/hero-bg.png)) center 64%/cover no-repeat!important;
}
.tp2-mag-hero-inner{
min-height:310px!important;
padding-top:28px!important;
padding-bottom:50px!important;
}
.tp2-mag-breadcrumb{
display:flex;
align-items:center;
gap:8px;
margin-bottom:18px;
color:rgba(255,255,255,.86);
font-size:12px;
font-weight:650;
}
.tp2-mag-breadcrumb a{
color:#fff;
text-decoration:none;
}
.tp2-mag-breadcrumb i{
color:rgba(255,255,255,.55);
font-size:8px;
}
.tp2-mag-hero h1{
margin-bottom:12px!important;
font-size:clamp(52px,4.4vw,72px)!important;
}
.tp2-mag-hero h1 span{
color:#ffbf17;
}
.tp2-mag-hero-copy .tp2-mag-kicker{
display:none;
}
.tp2-mag-hero p{
max-width:610px!important;
font-size:15.5px!important;
}
.tp2-mag-hero-note{
width:330px!important;
margin-top:50px;
border:0!important;
background:rgba(32,40,25,.18)!important;
transform:rotate(-2deg);
}
.tp2-mag-hero-note strong{
font-family:Bitter,Georgia,serif;
font-size:18px!important;
line-height:1.2;
}
.tp2-mag-hero-note span{
font-size:11px!important;
}
.tp2-mag-content{
position:relative;
z-index:3;
margin-top:-25px!important;
padding-top:0!important;
}
.tp2-mag-categories{
min-height:62px;
margin:0 0 22px!important;
padding:10px;
gap:8px!important;
flex-wrap:nowrap!important;
overflow-x:auto;
border:1px solid rgba(43,48,34,.10);
border-radius:14px;
background:rgba(255,255,255,.98);
box-shadow:0 10px 28px rgba(32,40,25,.09);
scrollbar-width:none;
}
.tp2-mag-categories::-webkit-scrollbar{
display:none;
}
.tp2-mag-categories a{
min-height:40px!important;
flex:0 0 auto;
gap:7px;
padding:0 13px!important;
border-radius:8px!important;
font-size:11.5px!important;
}
.tp2-mag-categories a i{
font-size:13px;
}
.tp2-mag-categories a.is-active{
background:#153d2c!important;
border-color:#153d2c!important;
color:#fff!important;
}
.tp2-mag-categories a.is-active i{
color:#ffbf17;
} .tp2-mag-featured{
grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
min-height:385px!important;
margin-bottom:26px!important;
border-radius:13px!important;
}
.tp2-mag-featured-image{
min-height:385px!important;
}
.tp2-mag-featured-copy{
padding:30px 30px!important;
}
.tp2-mag-featured-copy h2{
font-size:36px!important;
}
.tp2-mag-featured-copy p{
font-size:14px!important;
}
.tp2-mag-featured-meta{
margin-top:auto;
}
.tp2-mag-readmore{
align-self:flex-end!important;
margin-top:-43px;
} .tp2-mag-section-tools{
display:flex;
align-items:center;
gap:8px;
}
.tp2-mag-sort{
min-height:36px;
padding:0 11px;
display:inline-flex;
align-items:center;
gap:5px;
border:1px solid rgba(43,48,34,.10);
border-radius:8px;
background:#fff;
color:#5e6959;
font-size:11px;
}
.tp2-mag-sort strong{
color:#344127;
}
.tp2-mag-sort i{
margin-left:6px;
font-size:8px;
} .tp2-mag-grid{
gap:14px!important;
}
.tp2-mag-card{
border-radius:11px!important;
}
.tp2-mag-card-image{
height:176px!important;
}
.tp2-mag-card-body{
padding:12px 13px 14px!important;
}
.tp2-mag-card-meta{
order:5;
margin:11px 0 0!important;
padding-top:10px;
border-top:1px solid rgba(43,48,34,.07);
}
.tp2-mag-card h3{
font-size:17px!important;
}
.tp2-mag-card p{
min-height:39px!important;
-webkit-line-clamp:2!important;
font-size:12.5px!important;
}
.tp2-mag-card-link{
display:none!important;
}
@media (max-width:900px){
.tp2-mag-hero{
min-height:auto!important;
}
.tp2-mag-hero-inner{
min-height:auto!important;
}
.tp2-mag-hero-note{
margin-top:0;
transform:none;
}
.tp2-mag-readmore{
align-self:flex-start!important;
margin-top:0;
}
}
@media (max-width:650px){
.tp2-mag-content{
margin-top:-16px!important;
}
.tp2-mag-section-tools{
align-items:flex-start;
flex-direction:column;
}
.tp2-mag-featured-copy h2{
font-size:29px!important;
}
} .tp2-article-page{
background:#f8f7f2;
}
.tp2-article-hero{
position:relative;
min-height:455px;
overflow:hidden;
background-position:center;
background-size:cover;
color:#fff;
}
.tp2-article-hero-inner{
min-height:455px;
display:flex;
flex-direction:column;
justify-content:center;
padding-top:42px!important;
padding-bottom:50px!important;
}
.tp2-article-breadcrumb{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
margin-bottom:28px;
color:rgba(255,255,255,.75);
font-size:12px;
font-weight:650;
}
.tp2-article-breadcrumb a{
color:#fff;
text-decoration:none;
}
.tp2-article-breadcrumb i{
color:rgba(255,255,255,.45);
font-size:8px;
}
.tp2-article-hero-copy{
max-width:820px;
}
.tp2-article-category{
min-height:28px;
padding:0 10px;
display:inline-flex;
align-items:center;
gap:7px;
margin-bottom:14px;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
background:rgba(43,48,34,.72);
color:#fff;
font-size:11px;
font-weight:800;
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
}
.tp2-article-category i{
color:#ffbf17;
}
.tp2-article-hero h1{
max-width:790px;
margin:0 0 16px;
color:#fff;
font:700 clamp(44px,4.5vw,68px)/.99 Bitter,Georgia,serif;
letter-spacing:-.045em;
text-shadow:0 9px 30px rgba(0,0,0,.22);
}
.tp2-article-lead{
max-width:720px;
margin:0 0 22px!important;
color:rgba(255,255,255,.85)!important;
font-size:16px!important;
line-height:1.6!important;
}
.tp2-article-author-row{
display:flex;
align-items:center;
gap:10px;
}
.tp2-article-author-row>img{
width:42px;
height:42px;
border:2px solid rgba(255,255,255,.70);
border-radius:50%;
object-fit:cover;
}
.tp2-article-author-copy{
display:flex;
flex-direction:column;
gap:3px;
}
.tp2-article-author-copy strong{
color:#fff;
font-size:12.5px;
}
.tp2-article-author-copy span{
display:flex;
align-items:center;
gap:7px;
color:rgba(255,255,255,.70);
font-size:11px;
}
.tp2-article-author-copy span i{
width:3px;
height:3px;
display:block;
border-radius:50%;
background:#ffbf17;
} .tp2-article-shell{
padding-top:0!important;
padding-bottom:45px!important;
}
.tp2-article-content-wrap{
position:relative;
max-width:900px;
margin:-28px auto 0;
padding:32px 54px 36px;
border:1px solid rgba(43,48,34,.10);
border-radius:18px;
background:#fff;
box-shadow:0 14px 34px rgba(32,40,25,.075);
}
.tp2-article-body{
max-width:720px;
margin:0 auto;
color:#394335;
}
.tp2-article-body>p,
.tp2-article-body>ul li,
.tp2-article-body>ol li{
color:#556151!important;
font-size:16px!important;
line-height:1.78!important;
}
.tp2-article-body>p{
margin:0 0 22px!important;
}
.tp2-article-body h2{
margin:38px 0 13px!important;
color:#202819!important;
font:700 31px/1.12 Bitter,Georgia,serif!important;
letter-spacing:-.028em!important;
}
.tp2-article-body h3{
margin:30px 0 11px!important;
color:#273124!important;
font:700 23px/1.16 Bitter,Georgia,serif!important;
letter-spacing:-.018em!important;
}
.tp2-article-body h4{
margin:26px 0 10px!important;
color:#344127!important;
font-size:17px!important;
font-weight:800!important;
}
.tp2-article-body ul,
.tp2-article-body ol{
margin:0 0 22px!important;
padding-left:24px!important;
}
.tp2-article-body li{
margin-bottom:8px!important;
}
.tp2-article-body img{
max-width:calc(100% + 80px);
height:auto;
margin:26px -40px;
border-radius:13px;
box-shadow:0 10px 25px rgba(32,40,25,.08);
}
.tp2-article-body figure{
max-width:calc(100% + 80px);
margin:28px -40px!important;
}
.tp2-article-body figure img{
max-width:100%;
margin:0;
}
.tp2-article-body figcaption{
margin-top:7px;
color:#858d80;
font-size:11px;
line-height:1.45;
text-align:center;
}
.tp2-article-body blockquote{
position:relative;
margin:30px 0!important;
padding:20px 22px 20px 54px!important;
border:0!important;
border-radius:12px;
background:#fff8e7;
color:#344127;
}
.tp2-article-body blockquote:before{
content:"“";
position:absolute;
left:18px;
top:8px;
color:#ffb800;
font:700 44px/1 Bitter,Georgia,serif;
}
.tp2-article-body blockquote p{
margin:0!important;
color:#465140!important;
font:600 17px/1.55 Bitter,Georgia,serif!important;
}
.tp2-article-body a{
color:#275c37;
text-decoration-color:rgba(39,92,55,.32);
text-underline-offset:3px;
}
.tp2-article-body hr{
margin:34px 0;
border:0;
border-top:1px solid rgba(43,48,34,.10);
} .tp2-article-share{
position:absolute;
left:-58px;
top:42px;
display:flex;
flex-direction:column;
align-items:center;
gap:7px;
}
.tp2-article-share>span{
margin-bottom:2px;
color:#8b9286;
font-size:9px;
font-weight:800;
text-transform:uppercase;
writing-mode:vertical-rl;
transform:rotate(180deg);
}
.tp2-article-share a,
.tp2-article-share button{
width:34px;
height:34px;
padding:0;
display:grid;
place-items:center;
border:1px solid rgba(43,48,34,.11);
border-radius:50%;
background:#fff;
color:#53604e;
font-size:11px;
text-decoration:none;
cursor:pointer;
transition:.18s ease;
}
.tp2-article-share a:hover,
.tp2-article-share button:hover,
.tp2-article-share button.is-copied{
border-color:#ffb800;
background:#ffb800;
color:#202819;
} .tp2-article-end{
margin-top:38px;
padding-top:24px;
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
border-top:1px solid rgba(43,48,34,.09);
text-align:center;
}
.tp2-article-end-mark{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:50%;
background:#2b3022;
color:#ffbf17;
}
.tp2-article-end p{
margin:0!important;
color:#344127!important;
font:700 17px/1.2 Bitter,Georgia,serif!important;
} .tp2-article-author-card{
max-width:900px;
min-height:112px;
margin:16px auto 0;
padding:16px 18px;
display:grid;
grid-template-columns:58px minmax(0,1fr) auto;
align-items:center;
gap:14px;
border:1px solid rgba(43,48,34,.09);
border-radius:14px;
background:#fff;
}
.tp2-article-author-card>img{
width:58px;
height:58px;
border-radius:50%;
object-fit:cover;
}
.tp2-article-author-card>div{
min-width:0;
}
.tp2-article-author-card span{
display:block;
margin-bottom:2px;
color:#949b90;
font-size:10px;
font-weight:750;
text-transform:uppercase;
}
.tp2-article-author-card h3{
margin:0 0 4px;
color:#202819;
font:700 17px/1.1 Bitter,Georgia,serif;
}
.tp2-article-author-card p{
margin:0!important;
color:#747d70!important;
font-size:12px!important;
line-height:1.45!important;
}
.tp2-article-author-card>a{
min-height:38px;
padding:0 12px;
display:inline-flex;
align-items:center;
gap:7px;
border-radius:8px;
background:#f4f4ef;
color:#344127;
font-size:11px;
font-weight:800;
text-decoration:none;
}
.tp2-article-author-card>a i{
color:#d99a00;
} .tp2-related-section{
padding:36px 0 52px;
background:#f1f1eb;
border-top:1px solid rgba(43,48,34,.07);
}
.tp2-related-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin-bottom:15px;
}
.tp2-related-head h2{
margin:0;
color:#202819;
font:700 28px/1.05 Bitter,Georgia,serif;
letter-spacing:-.028em;
}
.tp2-related-head>a{
display:inline-flex;
align-items:center;
gap:6px;
color:#344127;
font-size:12px;
font-weight:800;
text-decoration:none;
}
.tp2-related-head>a i{
color:#d99a00;
}
.tp2-related-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:15px;
}
.tp2-related-card{
overflow:hidden;
border:1px solid rgba(43,48,34,.09);
border-radius:13px;
background:#fff;
box-shadow:0 8px 22px rgba(32,40,25,.045);
}
.tp2-related-image{
position:relative;
height:175px;
display:block;
overflow:hidden;
}
.tp2-related-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.tp2-related-image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 55%,rgba(25,32,21,.26));
}
.tp2-related-image span{
position:absolute;
left:10px;
bottom:9px;
z-index:2;
min-height:24px;
padding:0 8px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:rgba(43,48,34,.88);
color:#fff;
font-size:9.5px;
font-weight:800;
}
.tp2-related-body{
padding:12px 13px 13px;
}
.tp2-related-date{
display:block;
margin-bottom:6px;
color:#92998e;
font-size:10px;
font-weight:650;
}
.tp2-related-body h3{
margin:0 0 7px;
color:#202819;
font:700 17px/1.15 Bitter,Georgia,serif;
}
.tp2-related-body h3 a{
color:inherit;
text-decoration:none;
}
.tp2-related-body p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
min-height:38px;
margin:0 0 10px!important;
color:#737c6f!important;
font-size:12px!important;
line-height:1.5!important;
}
.tp2-related-link{
display:inline-flex;
align-items:center;
gap:6px;
color:#344127!important;
font-size:11px;
font-weight:800;
text-decoration:none!important;
}
.tp2-related-link i{
color:#d99a00;
font-size:9px;
}
@media (max-width:1000px){
.tp2-article-share{
position:static;
margin:0 0 24px;
flex-direction:row;
justify-content:flex-start;
}
.tp2-article-share>span{
margin:0 3px 0 0;
writing-mode:initial;
transform:none;
}
}
@media (max-width:800px){
.tp2-article-hero{
min-height:395px;
}
.tp2-article-hero-inner{
min-height:395px;
}
.tp2-article-content-wrap{
margin-top:-20px;
padding:26px 28px 32px;
}
.tp2-article-body img,
.tp2-article-body figure{
max-width:100%;
margin-left:0!important;
margin-right:0!important;
}
.tp2-related-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:560px){
.tp2-article-hero{
min-height:360px;
}
.tp2-article-hero-inner{
min-height:360px;
padding-top:28px!important;
padding-bottom:34px!important;
}
.tp2-article-breadcrumb{
margin-bottom:20px;
}
.tp2-article-hero h1{
font-size:38px;
}
.tp2-article-lead{
font-size:14px!important;
}
.tp2-article-content-wrap{
margin-top:-14px;
padding:22px 17px 28px;
border-radius:13px;
}
.tp2-article-body>p,
.tp2-article-body>ul li,
.tp2-article-body>ol li{
font-size:15px!important;
}
.tp2-article-body h2{
font-size:27px!important;
}
.tp2-article-body h3{
font-size:21px!important;
}
.tp2-article-author-card{
grid-template-columns:48px minmax(0,1fr);
}
.tp2-article-author-card>img{
width:48px;
height:48px;
}
.tp2-article-author-card>a{
grid-column:1/-1;
justify-self:start;
}
.tp2-related-head{
align-items:flex-start;
flex-direction:column;
gap:8px;
}
.tp2-related-grid{
grid-template-columns:1fr;
}
} @media(max-width:900px){.tp2-map-static-grid--live .tp2-map-filters{display:block;order:2}} .tp2-map-page .tp2-map-discovery{width:auto;margin:-28px 20px 0}
.tp2-search-premium--map{grid-template-columns:minmax(0,1fr) minmax(190px,.55fr) 170px}
.tp2-search-control{min-width:0}
.tp2-search-control input,.tp2-search-control select{min-width:0;min-height:0;margin:0!important;border-radius:0!important}
.tp2-search-control:focus-within{outline:2px solid #24513d;outline-offset:2px}
.tp2-map-view-switch{display:flex;gap:6px}
.tp2-map-view-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #e0e7e2;border-radius:10px;background:#fff;color:#344127;font:600 12px Poppins,sans-serif;cursor:pointer}
.tp2-map-view-button[aria-pressed="true"]{background:#24513d;border-color:#24513d;color:#fff}
.tp2-map-view-button:focus-visible{outline:2px solid #d99b00;outline-offset:3px}
.tp2-map-page .tp2-filter-section{padding:18px 20px;border-bottom:0}
.tp2-map-page .tp2-filter-section h3{font-size:12px!important;margin:0 0 12px}
.tp2-map-page .tp2-filter-categories{display:grid;gap:8px}
.tp2-map-page .tp2-filter-row{gap:10px;min-height:30px;line-height:1.4}
.tp2-map-page .tp2-filter-row input{flex:0 0 17px;margin:0}
.tp2-map-page .tp2-filter-head{padding:0 20px}
.tp2-map-page .tp2-filter-group{padding:0 20px}
.tp2-map-page .tp2-filter-group summary{padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.tp2-map-page .tp2-filter-group summary::-webkit-details-marker{display:none}
.tp2-map-page .tp2-filter-group summary::after{content:'+';font-size:17px;font-weight:500}
.tp2-map-page .tp2-filter-group[open] summary::after{content:'−'}
.tp2-map-page .tp2-filter-group__options{gap:8px;padding:0 0 18px}
.tp2-map-page .tp-geo-category-badge{font-weight:600;line-height:1.35}
@media(max-width:820px){.tp2-search-premium--map{grid-template-columns:1fr 1fr}.tp2-search-premium--map .tp2-search-keyword{grid-column:1/-1}.tp2-search-premium--map .tp2-search-submit{grid-column:auto}}
@media(max-width:560px){.tp2-map-page .tp2-map-discovery{margin:-20px 10px 0}.tp2-search-premium--map{grid-template-columns:1fr}.tp2-map-toolbar{gap:12px;flex-wrap:wrap}.tp2-map-view-switch{width:100%}.tp2-map-view-button{flex:1}} .tp2-map-page .tp2-search-control input[type="search"],
.tp2-map-page .tp2-search-control select{
width:100%;height:100%!important;min-height:0!important;margin:0!important;
padding:0!important;border:0!important;border-radius:0!important;
background:transparent!important;box-shadow:none!important;outline:0!important;
color:#5f6857!important;font:500 12.5px Poppins,sans-serif!important;
}
@media(max-width:900px){.tp2-map-page .tp2-map-static-grid--live .tp2-map-filters{display:block;order:0}} .tp-itinerary-page .tp-iti-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px!important;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:12px!important;line-height:1.5}
.tp-itinerary-page .tp-iti-hero-meta .author{display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px!important}
.tp-itinerary-page .tp-iti-hero-meta>span{display:inline-flex;align-items:center;gap:8px!important}
.tp-itinerary-page .tp-iti-hero-meta img{display:block;width:36px!important;height:36px!important;border-radius:50%;object-fit:cover}
.tp-itinerary-page .tp-iti-author-caption{color:rgba(255,255,255,.65);font-size:11px}
.tp-itinerary-page .tp-iti-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px!important;gap:20px!important;align-items:start}
.tp-itinerary-page .tp-iti-main-content,.tp-itinerary-page .tp-iti-sidebar{min-width:0}
.tp-itinerary-page .tp-sidebar-inner{display:flex;flex-direction:column;gap:16px}
.tp-itinerary-page .tp-timeline{position:relative;display:flex;flex-direction:column;gap:14px!important}
.tp-itinerary-page .tp-timeline::before{content:'';position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:#e2e8dd}
.tp-itinerary-page .tp-timeline-item{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;align-items:start}
.tp-itinerary-page .tp-timeline-dot{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;border-radius:50%}
.tp-itinerary-page .tp-timeline-content{min-width:0;padding:14px 16px!important;background:#fafaf6!important}
.tp-itinerary-page .tp-timeline-content h3{font:700 15px/1.45 Bitter,Georgia,serif!important;margin:0 0 6px!important}
.tp-itinerary-page .tp-timeline-content p{font-size:12px!important;line-height:1.6!important;margin:0!important}
.tp-itinerary-page .stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
.tp-itinerary-page .stat-box{display:flex;align-items:center;min-width:0;gap:10px!important;padding:12px!important;min-height:72px!important}
.tp-itinerary-page .stat-box i{display:grid;place-items:center;flex-shrink:0}
.tp-itinerary-page .st-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.tp-itinerary-page .st-txt strong{overflow-wrap:anywhere} .tp2-menu-toggle{display:none}
@media(max-width:820px){
.tp2-nav{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.tp2-nav .tp2-logo{grid-column:1;grid-row:1;min-width:0}
.tp2-nav .tp2-account{grid-column:2;grid-row:1}
.tp2-nav .tp2-menu-toggle{display:inline-flex;align-items:center;justify-content:center;grid-column:3;grid-row:1;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:transparent;color:#fff;cursor:pointer}
.tp2-menu-toggle:focus-visible{outline:2px solid #ffd15b;outline-offset:3px}
.tp2-nav.is-menu-open .tp2-menu{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 16px;background:#2b3022;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 10px 20px #17201526}
.tp2-nav.is-menu-open .tp2-menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;border-radius:8px;color:#fff}
.tp2-nav.is-menu-open .tp2-menu a::after{display:none}
.tp2-nav.is-menu-open .tp2-menu a.is-active{background:rgba(255,255,255,.08);color:#ffd15b}
.tp2-nav.is-menu-open .tp2-menu a:hover,.tp2-nav.is-menu-open .tp2-menu a:focus-visible{background:rgba(255,255,255,.1)}
}
@media(max-width:900px){.tp-itinerary-page .tp-iti-detail-layout{grid-template-columns:1fr!important}.tp-itinerary-page .tp-sidebar-inner{position:static}.tp-itinerary-page .tp-iti-stats-card .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:560px){.tp-itinerary-page .tp-iti-hero-meta{gap:12px 18px!important;margin-top:18px}.tp-itinerary-page .tp-iti-hero-meta .author{width:100%}.tp-itinerary-page .tp-iti-stats-card .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}