/* ========================================================================== site.css — global front-end styles (header search, footer, page content) Loaded once in the layout . Page-specific styles live in tk.css / per-page stylesheets pushed via @stack('styles'). ========================================================================== */ /* ---- Bottom-of-page SEO content block (admin Pages) ---- */ .tk-page-content{padding:0 0 2.5rem} .tk-page-content__wrap{max-width:1200px;margin:0 auto;padding:0 16px} .tk-page-content__inner{background:#fff;border:1px solid #e6ebe7;border-radius:14px;padding:1.2rem 1.4rem;color:#444;font-size:.95rem;line-height:1.8} .tk-page-content__inner h1,.tk-page-content__inner h2,.tk-page-content__inner h3{color:#1d1d1d;font-weight:700;margin:1.4rem 0 .7rem;line-height:1.3} .tk-page-content__inner h1{font-size:1.5rem} .tk-page-content__inner h2{font-size:1.25rem} .tk-page-content__inner h3{font-size:1.08rem} .tk-page-content__inner p{margin:0 0 1rem} .tk-page-content__inner ul,.tk-page-content__inner ol{margin:0 0 1rem 1.2rem} .tk-page-content__inner a{color:#0a7d3f;text-decoration:underline} .tk-page-content__inner img{max-width:100%;height:auto} .tk-page-content__inner table{width:100%;border-collapse:collapse;margin:0 0 1rem} .tk-page-content__inner th,.tk-page-content__inner td{border:1px solid #e0e0e0;padding:.5rem .7rem} /* ---- Header search box + autocomplete dropdown ---- */ .search-page.tk-ac{position:relative;z-index:1100} .search-page.tk-ac form{position:relative;margin:0} .search-page.tk-ac .tk-ac-input.form-control{width:100%;height:48px;border:1px solid #d7dee5;border-radius:999px;padding:0 56px 0 20px;font-size:.93rem;background:#fff;color:#1f2a44;box-shadow:0 2px 8px rgba(0,0,0,.07);transition:.15s;position:relative;z-index:3010} .search-page.tk-ac .tk-ac-input.form-control:focus{outline:none;border-color:#0a7d3f;box-shadow:0 0 0 3px rgba(10,125,63,.18)} .search-page.tk-ac form button,.search-page.tk-ac form a{position:absolute;right:5px;top:5px;width:40px;height:38px;line-height:normal;border:0;border-radius:999px;background:#0a7d3f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;z-index:3011} .search-page.tk-ac form button:hover{background:#0a6d39;color:#fff} .tk-ac .tk-ac-drop{position:absolute;top:52px;left:0;right:0;z-index:3000;background:#f7f6f2;border:1px solid #e7e4dc;border-radius:16px;box-shadow:0 20px 46px rgba(20,40,25,.16);max-height:66vh;overflow-y:auto;display:none;text-align:left;padding:.35rem} .tk-ac .tk-ac-drop.open{display:block} .tk-ac .tk-ac-drop .tk-ac-item{position:static;width:auto;height:auto;line-height:1.3;background:transparent;display:flex;gap:.7rem;align-items:center;padding:.55rem .7rem;text-decoration:none;border-bottom:1px solid #eceae3;border-radius:10px} .tk-ac .tk-ac-drop .tk-ac-item:last-of-type{border-bottom:0} .tk-ac .tk-ac-drop .tk-ac-item:hover,.tk-ac .tk-ac-drop .tk-ac-item.active{background:#fff} .tk-ac .tk-ac-drop .tk-ac-item img{width:50px;height:38px;object-fit:cover;border-radius:8px;background:#efece5;flex:none} .tk-ac .tk-ac-drop .tk-ac-item .x-noimg{width:50px;height:38px;border-radius:8px;background:#efece5;display:flex;align-items:center;justify-content:center;color:#b9b4a6;flex:none} .tk-ac .tk-ac-drop .tk-ac-item .ac-t{flex:1;min-width:0;font-size:.87rem;font-weight:600;color:#2a2a26;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tk-ac .tk-ac-drop .tk-ac-item .ac-l{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#0a7d3f;background:#e8f1ea;border-radius:20px;padding:.1rem .5rem;flex:none} .tk-ac .tk-ac-drop .tk-ac-foot{position:static;width:auto;height:auto;display:block;text-align:center;padding:.6rem;font-size:.82rem;font-weight:700;color:#0a7d3f;text-decoration:none;border-radius:10px} .tk-ac .tk-ac-drop .tk-ac-foot:hover{background:#fff} .tk-ac .tk-ac-drop .tk-ac-empty,.tk-ac .tk-ac-drop .tk-ac-load{padding:1rem;text-align:center;color:#8a8676;font-size:.85rem} /* ---- Footer ---- */ .tk-ft{background:#f5f6f8;color:#516079;font-size:.9rem;margin-top:2rem;border-top:1px solid #e7eaef} .tk-ft a{color:#516079;text-decoration:none;transition:.15s} .tk-ft a:hover{color:#0a7d3f} .tk-ft .tk-container{max-width:1200px;margin:0 auto;padding:2.6rem 16px 1.4rem} .tk-ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:1.8rem} .tk-ft h4{color:#1f2a44;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem} .tk-ft-logo img{max-width:180px;height:auto;margin-bottom:.9rem} .tk-ft-about{line-height:1.7;font-size:.86rem;color:#6b7890} .tk-ft-soc{display:flex;gap:.5rem;margin-top:1rem} .tk-ft-soc a{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e3e7ee;display:flex;align-items:center;justify-content:center;color:#516079} .tk-ft-soc a:hover{background:#0a7d3f;border-color:transparent;color:#fff;transform:translateY(-2px)} .tk-ft ul{list-style:none;margin:0;padding:0} .tk-ft ul li{margin-bottom:.55rem} .tk-ft ul li a{display:inline-flex;align-items:center;gap:.4rem;font-size:.87rem} .tk-ft ul li a:before{content:"\f105";font-family:FontAwesome;color:#0a7d3f;font-size:.85rem} .tk-ft-contact li{display:flex;gap:.6rem;margin-bottom:.7rem;font-size:.87rem;line-height:1.5} .tk-ft-contact li i{color:#0a7d3f;margin-top:.2rem;flex:none} .tk-ft-wa{display:flex;align-items:center;gap:.7rem;background:#eafaf0;border:1px solid #bfe6c9;border-radius:12px;padding:.7rem .9rem;margin-top:1rem} .tk-ft-wa i{font-size:1.6rem;color:#25d366} .tk-ft-wa span{font-size:.82rem;font-weight:600;color:#0a6d39;line-height:1.3} .tk-ft-bottom{border-top:1px solid #e7eaef} .tk-ft-bottom .tk-container{padding:1rem 16px;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between} .tk-ft-bottom p{margin:0;font-size:.82rem;color:#8090a5} .tk-ft-bottom ul{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;font-size:.82rem} .tk-ft-bottom ul li:after{content:"·";margin-left:.4rem;color:#b9c2d0} .tk-ft-bottom ul li:last-child:after{content:""} .tk-ft-fixed-wa{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:0 8px 22px rgba(0,0,0,.18);z-index:1000} .tk-ft-fixed-wa:hover{color:#fff;transform:scale(1.06)} @media(max-width:991px){.tk-ft-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.tk-ft-grid{grid-template-columns:1fr 1fr;gap:1.2rem}.tk-ft-logo{grid-column:1 / -1}.tk-ft-contact-col{grid-column:1 / -1}} /* ========================================================================== Global mobile-responsive helpers ========================================================================== */ @media(max-width:991px){ .tk-container{padding-left:14px;padding-right:14px} /* Any wide table inside content scrolls instead of overflowing the page */ .tk-page-content__inner{overflow-x:auto} } @media(max-width:768px){ /* Header: stack search full-width, comfortable tap targets */ .search-page.tk-ac{margin-top:8px} .tk-ft-bottom .tk-container{justify-content:center;text-align:center} } @media(max-width:560px){ /* Tighten generic section padding on small screens */ .tk-pagewrap{padding-top:1rem!important} /* Cards / grids already collapse via their own media queries */ } /* Make every data table horizontally scrollable on small screens */ @media(max-width:680px){ table{max-width:100%} } /* ========================================================================== Google Translate widget (header language switcher) — same as the live site. Hides Google's tooltip/branding/banner and constrains the gadget height. ========================================================================== */ .VIpgJd-ZVi9od-ORHb-OEVmcd{display:none} .goog-te-banner-frame.skiptranslate{display:none !important} body{top:0 !important} /* Hide everything Google injects (its "Powered by … Google" text + logo) and keep ONLY the language