/*
Theme Name: 88sayhi
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.10240047
*/
/* fbz:a */@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap");/* fbz:z */

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


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


}

/* fbz:a */
:root{--fx-g:#0b6b31;--fx-g2:#0e8a3f;--fx-g3:#063d1c;--fx-y:#f6c400;--fx-y2:#ffde3b}
body{background:#f3f6f4}#wrapper{overflow-x:clip}
#header .header-main,#header .header-bottom{background:linear-gradient(180deg,#0d7a39,var(--fx-g3))!important}
#header .header-main .nav>li>a,#header .header-bottom .nav>li>a{color:#fff;font-family:"Barlow Condensed",sans-serif;font-size:19px;font-weight:700;letter-spacing:.3px;padding:10px 0}
#header .header-main .nav>li{margin:0 9px}
#header .nav>li>a:hover,#header .nav>li.active>a{color:var(--fx-y2)}
#header .nav-icon a,#header .header-main .icon-menu{color:#fff}
#logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
#header a.button.alert{background:linear-gradient(180deg,var(--fx-y2),var(--fx-y));color:#2a2000;border:0}
#header a.button.success{background:#e8e8e8;color:#222;border:0}
.button.success{background:var(--fx-g2)}.button.secondary{background:var(--fx-g3)}
.entry-content h2,.home #content h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--fx-g);font-size:1.75em}
.entry-content h3,.home #content h3{color:var(--fx-g2)}
.entry-content th,.home #content th{background:var(--fx-g);color:#fff}
.home .page-wrapper{padding-top:0}
.home #content .row-main>.col>.col-inner{background:#fff;border-radius:14px;padding:0 28px 26px;box-shadow:0 6px 24px rgba(6,61,28,.08)}
.fx-full{width:100vw;margin-left:calc(50% - 50vw)}
.fx-hero{background:var(--fx-g3)}.fx-hero img{display:block;width:100%;max-width:1050px;margin:0 auto;aspect-ratio:1440/405;object-fit:cover}
.fx-partner{background:var(--fx-y);margin-bottom:26px}.fx-partner div{max-width:1050px;margin:0 auto;padding:12px 18px;display:flex;gap:26px;align-items:center;flex-wrap:wrap;font-weight:600;color:#0e2016}
.fx-partner b{font-family:"Barlow Condensed",sans-serif;font-size:24px;text-transform:uppercase;color:var(--fx-g3)}
.fx-title{font-family:"Barlow Condensed",sans-serif;font-size:26px;text-transform:uppercase;color:var(--fx-g);margin:0 0 12px;border-left:5px solid var(--fx-y);padding-left:10px;line-height:1.2}
.fx-games{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:28px}
.fx-games a{position:relative;display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/11;background:#cfe5d6}
.fx-games img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:.3s;margin:0}
.fx-games a:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(transparent,var(--fx-g3) 80%)}
.fx-games a:hover img{transform:scale(1.06)}
.fx-games span{position:absolute;z-index:1;left:10px;bottom:7px;color:#fff;font-weight:700;font-size:13px}
.footer-wrapper{background:var(--fx-g3);color:#a9c9b4}
.footer-wrapper h1,.footer-wrapper h2,.footer-wrapper h3,.footer-wrapper h4,.footer-wrapper .section-title{color:var(--fx-y2)}
.footer-wrapper a{color:#d6eadc}.footer-wrapper a:hover{color:var(--fx-y2)}
.absolute-footer{background:#04301a!important}
@media(max-width:849px){.fx-games{grid-template-columns:repeat(3,1fr);gap:8px}.fx-games span{font-size:11px;left:7px;right:5px;line-height:1.25}.fx-hero img{aspect-ratio:1024/620}.home #content .row-main>.col>.col-inner{padding:0 14px 20px}
.fx-partner{margin-bottom:18px}.fx-partner div{gap:2px 14px;font-size:13px;padding:8px 14px}.fx-partner b{font-size:20px;width:100%}.fx-partner span:nth-of-type(n+3){display:none}.fx-title{font-size:22px}}
/* fbz:z */