/*
Theme Name: jbo
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.10231359
*/






/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* jvb:a */
:root{--jx-bg:#141414;--jx-bg2:#1d1d1d;--jx-line:#2e2e2e;--jx-g:#16c25a;--jx-g2:#0e9a45;--jx-blue:#1d5fe0;--jx-txt:#c9c9c9;--jx-y:#f4d35e}
body,#wrapper,#main{background:var(--jx-bg)}#wrapper{overflow-x:clip}
#main{color:var(--jx-txt)}#main h1,#main h2,#main h3,#main h4,#main h5,#main h6,#main .entry-title{color:#fff}
.entry-content h2,.home #content h2{color:var(--jx-g)}
#main a:not(.button){color:#2bd46d}#main strong,#main b{color:#eee}
#main table,#main td,#main th{border-color:#333!important}#main td{color:var(--jx-txt)}#main th{background:var(--jx-g2);color:#fff}
#main tr:nth-child(even) td{background:#1a1a1a}
#main hr,#main .is-divider{background-color:#333}
#main .box-text,#main .post-item .box-text p{color:var(--jx-txt)}#main .box-blog-post .post-title,#main .box-text .post-title a{color:#fff}
#main input,#main textarea,#main select{background:var(--jx-bg2);color:#eee;border-color:#333}
#main .wp-caption-text,#main figcaption,#main .breadcrumbs,#main .rank-math-breadcrumb{color:#9a9a9a}
#main .widget-title,#main .widget .is-divider+ul a{color:#ddd}
#main .post-item .col-inner,#main .box-blog-post{background:#232323!important}
#main .post-item .col-inner{border:1px solid var(--jx-line);border-radius:12px;overflow:hidden}
#main .post-item .box-text{padding:12px 14px}#main .post-item .post-title a:hover{color:var(--jx-g)}
#main .post-item .is-divider{background-color:var(--jx-g)}
#main .badge-outline .badge-inner{background:var(--jx-bg);color:var(--jx-g);border-color:var(--jx-g)}
#header .header-main,#header .header-bottom{background:var(--jx-bg2)!important;border-bottom:1px solid #2c2c2c}
#header .header-main .nav>li>a,#header .header-bottom .nav>li>a{color:#e6e6e6;font-weight:600}
#header .nav>li>a:hover,#header .nav>li.active>a{color:var(--jx-g)}
#header .nav-icon a,#header .header-main .icon-menu{color:#fff}
#logo img.header_logo{content:url("https://jbo.voto/wp-content/uploads/2026/10/jbo-logo-nen-toi.webp");object-fit:contain}
.post_comments{display:none!important}
#header a.button.success{background:var(--jx-g);color:#fff;border:0}
#header a.button.secondary{background:transparent;color:var(--jx-g);border:1px solid var(--jx-g)}
.button.success{background:var(--jx-g)}.button.primary{background:var(--jx-blue)}
.home .page-wrapper{padding-top:0}
.home #content .row-main>.col>.col-inner{background:var(--jx-bg2);border:1px solid var(--jx-line);border-radius:16px;padding:0 28px 26px}
.jx-wide{width:100vw;margin-left:calc(50% - 50vw)}
.jx-hero{background:radial-gradient(circle at 75% 40%,rgba(22,194,90,.22),transparent 55%),linear-gradient(180deg,#101010,#161616);border-bottom:1px solid #262626;margin-bottom:26px}
.jx-wrap{max-width:1240px;margin:0 auto;padding:26px 18px 0;display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:center}
.jx-amb{display:inline-block;color:var(--jx-y);font-size:14px;font-weight:600;border:1px solid #3a3320;background:#1d1a10;border-radius:999px;padding:4px 14px}
.jx-big{font-size:42px;line-height:1.15;font-weight:800;color:#fff;margin:14px 0 10px}.jx-big span{color:var(--jx-g)}
.jx-copy p{color:var(--jx-txt)}.jx-copy .jx-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.jx-btn{display:inline-block;padding:11px 26px;border-radius:8px;font-weight:800}
.jx-btn.g{background:linear-gradient(180deg,#2bd46d,var(--jx-g2));color:#fff!important}.jx-btn.o{border:1px solid var(--jx-g);color:var(--jx-g)!important}
.jx-hero img{display:block;width:100%;height:auto;margin:0}
.jx-title{font-size:24px;font-weight:800;color:#fff;margin:0 0 14px;border-left:5px solid var(--jx-g);padding-left:10px;line-height:1.2}
.jx-lobby{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}
.jx-lobby a{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:420/300;background:var(--jx-blue);transition:.25s}
.jx-lobby a:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(29,95,224,.35)}
.jx-lobby img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}
.jx-lobby b{position:relative;z-index:1;display:block;padding:14px 16px 0;font-size:22px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.jx-lobby em{position:relative;z-index:1;display:inline-block;margin:6px 16px 0;font-style:normal;font-size:12px;font-weight:800;color:#fff;background:#d81b1b;padding:1px 10px;transform:skewX(-12deg)}
.jx-lobby i{position:absolute;z-index:1;left:16px;bottom:14px;background:#fff;color:var(--jx-blue);font-style:normal;font-weight:800;font-size:13px;padding:5px 14px;border-radius:999px}
.footer-wrapper{background:#0e0e0e;color:#9a9a9a;border-top:1px solid #262626}
.footer-wrapper h1,.footer-wrapper h2,.footer-wrapper h3,.footer-wrapper h4,.footer-wrapper .section-title{color:#fff}
.footer-wrapper a{color:#c9c9c9}.footer-wrapper a:hover{color:var(--jx-g)}
.absolute-footer{background:#090909!important}
@media(max-width:849px){.jx-wrap{grid-template-columns:1fr;padding-top:18px}.jx-big{font-size:28px}.jx-lobby{grid-template-columns:1fr 1fr;gap:10px}.jx-lobby b{font-size:16px;padding:10px 12px 0}.jx-lobby em{margin-left:12px}.jx-lobby i{left:12px;bottom:10px;font-size:11px;padding:3px 10px}.home #content .row-main>.col>.col-inner{padding:0 14px 20px}}
/* jvb:z */