/*
Theme Name: Fablink Classic
Description: Clean WordPress recreation of the original Fablink Singapore layout. Preview edition; imported drafts remain drafts.
Version: 0.1.0
Author: Fablink Singapore
License: GPL-2.0-or-later
Text Domain: fablink-classic
*/
*{box-sizing:border-box}html{background:#222}body{margin:0;font:13px/22px Arial,Helvetica,sans-serif;color:#7f7f7f}img{max-width:100%;height:auto}a{color:#00a8cf;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #007a99;outline-offset:3px}h1,h2,h3,h4{font-weight:400;color:#323232;margin:0 0 15px;line-height:1.25}h1{font-size:28px}h2,h3{font-size:24px}h4{font-size:18px}p{margin:0 0 15px}.container{width:940px;max-width:calc(100% - 40px);margin:auto}.site-surface{background:#f8f8fa url(assets/body-bg.jpg) repeat-x top;min-height:85vh}.site-header{padding-bottom:14px}.brand-row{position:relative;padding:38px 0 32px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.brand{color:#666;display:block}.brand:hover{text-decoration:none}.brand img{display:block;width:235px;height:105px}.brand span{display:block;font-size:13px;margin-top:5px}.site-search{display:flex;align-items:center;gap:12px;padding-top:15px}.site-search label{color:#222;font-size:11px;text-transform:uppercase}.site-search div{position:relative}.site-search input{height:38px;width:210px;max-width:100%;border:1px solid #c8cac8;background:#eee;padding:8px 38px 8px 10px;color:#333}.site-search button{position:absolute;right:0;top:0;background:none;border:0;font-size:25px;height:38px;width:38px;color:#666;cursor:pointer}.main-nav{display:flex;align-items:stretch;min-height:77px;background:url(assets/menu-bg.gif) repeat-x top;border-top:4px solid #333}.main-nav a{display:flex;align-items:center;justify-content:center;color:#333;font-size:16px;flex:1;border-right:1px solid #ddd;padding:18px 10px}.main-nav a:hover{color:#009ec5;background:#fff8;text-decoration:none}.hero-wrap{padding:0 0 55px;background:url(assets/slider-shadow.png) no-repeat center bottom}.hero{position:relative}.hero-slide{position:relative}.hero-slide[hidden]{display:none}.hero-slide>img{display:block;width:100%;aspect-ratio:940/495;object-fit:cover}.hero-caption{position:absolute;left:0;top:0;bottom:0;width:300px;background:rgba(25,25,25,.80);padding:82px 30px 55px;color:#bbb}.hero-caption h1{font-size:34px;line-height:1.08;color:#fff;margin-bottom:23px}.hero-caption p{font-size:14px;line-height:24px}.hero-caption .readmore{display:inline-block;color:#00d2ff;font-size:14px;margin-top:15px}.slider-controls{position:absolute;bottom:20px;left:30px;display:flex;gap:17px}.slider-controls button{color:#00d2ff;background:none;border:0;padding:4px 0;font:13px Arial;cursor:pointer}.home-content{padding:0 0 45px}.feature-section{margin:0 0 42px}.features-overview{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 20px}.features-overview li{min-height:45px;padding:0 0 0 48px;position:relative;color:#555}.features-overview li:before{content:'';position:absolute;left:0;top:2px;width:36px;height:36px;background-size:contain}.features-overview li a{display:block;font-size:12px}.features-overview .type1:before{background-image:url(assets/featured-marker1.png)}.features-overview .type2:before{background-image:url(assets/featured-marker2.png)}.features-overview .type3:before{background-image:url(assets/featured-marker3.png)}.features-overview .type4:before{background-image:url(assets/featured-marker4.png)}.features-overview .type5:before{background-image:url(assets/featured-marker5.png)}.features-overview .type6:before{background-image:url(assets/featured-marker6.png)}.features-overview .type7:before{background-image:url(assets/featured-marker7.png)}.features-overview .type8:before{background-image:url(assets/featured-marker8.png)}.home-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-columns h2{font-size:24px;white-space:nowrap;letter-spacing:-1px}.home-columns img{display:block;margin:0 0 15px}.home-columns strong{font-weight:400;color:#555}.home-columns strong br{display:none}.home-columns .list{padding:0;list-style:none;margin:0 0 15px}.home-columns .list li{padding:5px 0;border-bottom:1px dotted #ccc}.home-columns .list a{color:#666}.site-footer{padding:37px 0;background:#222;color:#ddd;font-size:11px;letter-spacing:.4px}.site-footer a{color:#ddd;text-transform:uppercase}.page-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding:30px 0 55px}.product-sidebar h2{font-size:23px}.product-sidebar nav{display:flex;flex-direction:column}.product-sidebar a{padding:9px 0;border-bottom:1px solid #ddd;color:#666}.product-sidebar a:hover{color:#009ec5}.page-main{min-width:0}.article-content{overflow-wrap:anywhere}.article-content:after{content:'';display:block;clear:both}.article-content table{max-width:100%;border-collapse:collapse}.article-content td{vertical-align:top;padding:5px}.article-content .img-indent{float:left;margin:0 20px 15px 0}.article-content img{object-fit:contain}.article-content .wrapper{max-width:100%}.article-content ul{padding-left:20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;background:#fff;z-index:99999;padding:10px}
@media(max-width:780px){.brand-row{padding:25px 0;gap:15px}.brand span{max-width:280px}.site-search{display:block}.site-search input{width:180px}.main-nav{min-height:60px}.main-nav a{font-size:14px;padding:14px 7px}.hero-caption{width:40%;padding:35px 20px 48px}.hero-caption h1{font-size:27px}.hero-caption p{font-size:12px;line-height:19px}.hero-caption .readmore{margin-top:0}.slider-controls{left:20px;bottom:12px}.home-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.features-overview{grid-template-columns:repeat(2,1fr)}.page-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}}
@media(max-width:520px){.container{max-width:calc(100% - 28px)}.brand-row{display:block}.brand img{width:200px;height:auto}.brand span{max-width:none;font-size:12px}.site-search{display:flex;padding-top:18px}.site-search div{flex:1}.site-search input{width:100%}.main-nav{flex-wrap:wrap;min-height:0;background:#eee;border-bottom:1px solid #ccc}.main-nav a{flex:0 0 33.333%;font-size:14px;padding:10px 5px;border-bottom:1px solid #ddd}.hero-slide>img{aspect-ratio:940/495}.hero-caption{position:static;width:auto;min-height:210px;padding:22px 20px 52px}.hero-caption h1{font-size:26px;margin-bottom:12px}.hero-caption p{font-size:13px;line-height:21px}.hero-wrap{padding-bottom:35px}.home-columns{grid-template-columns:1fr}.home-columns h2{white-space:normal}.home-columns img{max-width:220px}.features-overview{gap:20px 12px}.features-overview li{font-size:12px;padding-left:43px}.feature-section{margin-bottom:32px}.page-layout{display:flex;flex-direction:column;padding-top:20px}.page-main{order:0}.product-sidebar{order:1;margin-top:30px}.article-content table,.article-content tbody,.article-content tr,.article-content td{display:block;width:100%!important}.article-content .img-indent{float:none;margin:0 0 15px}.site-footer{padding:25px 0}}