/*
Theme Name: tg88
Template: tg88-core
Author: tg88
Version: 1.0
Description: tg88 child theme.
Text Domain: tg88
*/
:root{--g:#0b6b1f;--g2:#0e8a2a;--y:#ffd400;--bg:#f4fbf2}
body{background:var(--bg)}
.header-top{background:var(--g)!important}
.header-main{background:var(--g2)!important}
.header-bottom{background:#fff!important;border-bottom:3px solid var(--g)}
.header-bottom .nav>li>a{color:var(--g)!important;font-weight:700;text-transform:uppercase}
.header-bottom .nav>li.active>a,.header-bottom .nav>li>a:hover{background:var(--y);color:#063!important}
.logo a{color:var(--y)!important;font-weight:900;font-style:italic}
.button.primary,.button.is-yellow{background:var(--y)!important;color:#063!important;border-radius:8px}
.section-title-main{color:var(--g)}
.box-blog-post,.col-inner.card{border:2px solid var(--y);border-radius:10px;background:#fff}
.footer-wrapper,.absolute-footer{background:var(--g)!important;color:#fff}
/* tg88 floating side links */
.tg88-side{position:fixed;right:8px;top:30%;z-index:99;display:flex;flex-direction:column;gap:8px}
.tg88-side a{width:56px;height:56px;border-radius:12px;background:#fff;border:2px solid var(--g);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--g);text-align:center}
@media(max-width:849px){.tg88-side{display:none}}

/* tg88 blog: breadcrumbs, TOC, related */
.tg88-breadcrumbs{padding-top:12px;font-size:13px}
.toc{background:#fff;border:2px solid var(--y);border-radius:10px;padding:12px 16px;margin:0 0 20px}
.toc-title{font-weight:700;color:var(--g);margin:0 0 6px}
.toc ul{margin:0;list-style:none}
.toc li{margin:0 0 4px}
.toc .toc-h3{padding-left:16px;font-size:.95em}
.tg88-related{margin-top:30px}
.tg88-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tg88-related-item a{display:block;background:#fff;border:2px solid var(--y);border-radius:10px;overflow:hidden;color:var(--g);font-weight:700}
.tg88-related-item img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.tg88-related-name{display:block;padding:8px 10px}
@media(max-width:849px){.tg88-related-grid{grid-template-columns:1fr}}