/*
Theme Name: Rekaweb Agency
Theme URI: https://rekaweb.my/
Author: Rekaweb
Description: Tema agensi tersuai dengan susun atur Elementor Free dan kandungan Bahasa Melayu.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.3
Text Domain: rekaweb-agency
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--rw-ink:#16221f;--rw-paper:#fff;--rw-muted:#52605a;--rw-accent:#d8fa71;--rw-line:#dce1da;--rw-soft:#f4f5ef;--rw-radius:8px;--rw-width:1320px;--rw-space:clamp(64px,8vw,132px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--rw-ink);background:var(--rw-paper);font-family:Arial,Helvetica,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #385a19;outline-offset:5px}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em;font-weight:700;margin:0 0 24px}h1{font-size:clamp(44px,6.5vw,98px)}h2{font-size:clamp(32px,4.2vw,64px)}h3{font-size:clamp(23px,2.3vw,34px)}p{margin:0 0 22px}p:last-child{margin-bottom:0}.wrap{max-width:var(--rw-width);margin-inline:auto;width:calc(100% - 96px)}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px;background:var(--rw-accent)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:#fffffff5;border-bottom:1px solid var(--rw-line);backdrop-filter:blur(14px)}.admin-bar .site-header{top:32px}.header-inner{max-width:1440px;min-height:100px;padding:20px 48px;margin:auto;display:flex;align-items:center;gap:36px}.brand{margin-right:auto}.brand a{text-decoration:none;font-size:34px;font-weight:800;letter-spacing:-2px;line-height:1}.brand span{font-size:13px;vertical-align:top;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:9px}.brand .custom-logo{max-width:180px;max-height:60px;object-fit:contain}.menu{list-style:none;padding:0;margin:0;display:flex;gap:24px}.menu a{text-decoration:none;font-size:13px;font-weight:600}.menu a:hover{ text-decoration:underline}.menu li{position:relative}.menu .sub-menu{display:none;position:absolute;background:white;min-width:240px;box-shadow:0 12px 30px #0002;list-style:none;padding:20px}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.button,.rw-agency .elementor-widget-button .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 25px;border:1px solid var(--rw-ink);border-radius:0;background:var(--rw-ink);color:white;font-size:14px;font-weight:600;text-decoration:none;line-height:1.4;transition:background .2s,transform .2s}.button:hover,.rw-agency .elementor-button:hover{background:#34483b;color:white;transform:translateY(-2px)}.button.light{background:var(--rw-accent);color:var(--rw-ink);border-color:var(--rw-accent)}.button.outline{background:transparent;color:var(--rw-ink)}.header-cta{font-size:12px;padding:14px 19px;white-space:nowrap}.menu-toggle{display:none}.rw-section{padding:var(--rw-space) max(48px,calc((100vw - var(--rw-width))/2));scroll-margin-top:100px}.rw-section>.elementor-container{max-width:var(--rw-width)!important}.rw-section .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0}.rw-section .elementor-widget-heading .elementor-heading-title{color:inherit;font-family:inherit;font-weight:700;line-height:1.08;letter-spacing:-.045em}.rw-section .elementor-widget-text-editor{color:inherit;font-family:inherit;font-size:17px}.rw-section .elementor-widget{margin-bottom:24px}.rw-section .elementor-widget:last-child{margin-bottom:0}.rw-section .elementor-column+.elementor-column{padding-left:56px}.eyebrow,.rw-section .rw-eyebrow.elementor-widget-text-editor{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;line-height:1.5}.eyebrow:before,.rw-section .rw-eyebrow:before{content:'●';color:#708b37;margin-right:10px}.rw-hero{padding-top:70px;padding-bottom:70px;background:var(--rw-soft);position:relative;overflow:hidden}.rw-hero .elementor-heading-title{font-size:clamp(44px,6.5vw,98px)!important}.rw-hero .elementor-column:first-child{width:64%}.rw-hero .elementor-column:last-child{width:36%;display:flex;align-items:center}.rw-hero p{max-width:600px;font-size:18px}.rw-hero .elementor-container{align-items:center}.hero-art{aspect-ratio:4/5;position:relative;min-width:0;background:var(--rw-accent);border-radius:180px 180px 8px 8px;padding:35px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-art .art-label{font-size:11px;letter-spacing:2px;font-weight:bold}.hero-art .orb{width:180px;height:180px;border:30px solid var(--rw-ink);border-radius:50%;position:relative;align-self:center;margin:45px 0}.hero-art .orb:after{content:'';position:absolute;width:65px;height:65px;right:-60px;top:40px;background:var(--rw-accent);border:13px solid var(--rw-ink);transform:rotate(35deg)}.hero-art .art-bottom{border-top:1px solid #16221f44;padding-top:20px;display:flex;justify-content:space-between;font-size:12px}.rw-ribbon{padding-top:22px;padding-bottom:22px;background:var(--rw-ink);color:var(--rw-accent)}.ribbon{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:11px;letter-spacing:2px}.rw-intro{background:white}.rw-intro .elementor-column:first-child{width:44%}.rw-intro .elementor-column:last-child{width:56%}.rw-services{background:var(--rw-soft)}.rw-services .elementor-container{flex-wrap:wrap}.rw-services .elementor-column{width:50%;padding:0!important}.rw-services .elementor-column>.elementor-element-populated{padding:30px!important;border-top:1px solid #cdd4c7}.rw-services .elementor-column:nth-child(odd)>.elementor-element-populated{border-right:1px solid #cdd4c7}.rw-services .elementor-column:first-child{width:100%}.rw-services .elementor-column:first-child>.elementor-element-populated{border:0;padding:0 0 36px!important}.rw-services .elementor-column:nth-child(even)>.elementor-element-populated{border-right:1px solid #cdd4c7}.rw-services .elementor-column:nth-child(odd):not(:first-child)>.elementor-element-populated{border-right:0}.rw-services h3{font-size:30px}.rw-services .elementor-button{padding:0!important;background:transparent!important;color:var(--rw-ink)!important;border:0!important;text-decoration:underline!important;text-underline-offset:7px}.rw-work .elementor-container{flex-wrap:wrap}.rw-work .elementor-column{width:50%;padding:0!important}.rw-work .elementor-column:first-child{width:100%;margin-bottom:32px}.rw-work .elementor-column:not(:first-child)>.elementor-element-populated{padding:0 14px!important}.rw-work .elementor-widget-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--rw-line);background:var(--rw-soft)}.rw-work h3{font-size:26px}.rw-work .elementor-widget-text-editor{font-size:15px}.rw-dark{background:var(--rw-ink);color:white}.rw-dark .eyebrow{color:var(--rw-accent)}.rw-dark .elementor-button{background:var(--rw-accent)!important;border-color:var(--rw-accent)!important;color:var(--rw-ink)!important}.rw-process .elementor-container{flex-wrap:wrap}.rw-process .elementor-column{width:50%;padding:0!important}.rw-process .elementor-column:first-child{width:100%;margin-bottom:28px}.rw-process .elementor-column:not(:first-child)>.elementor-element-populated{padding:30px!important;border-top:1px solid var(--rw-line)}.rw-process h3{font-size:27px}.rw-faq{background:var(--rw-soft)}.rw-faq details{padding:22px 0;border-top:1px solid #cdd4c7}.rw-faq summary{font-size:19px;font-weight:600;cursor:pointer;line-height:1.4}.rw-faq details p{margin:18px 0 0;color:var(--rw-muted);max-width:800px}.rw-cta{background:var(--rw-accent)}.rw-cta h2{font-size:clamp(40px,6vw,88px)}.site-footer{background:var(--rw-ink);color:#e7ece6;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}.footer-brand{font-size:44px;font-weight:800;letter-spacing:-3px;text-decoration:none}.site-footer p,.site-footer li,.site-footer a:not(.footer-brand){font-size:13px}.site-footer h2{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--rw-accent)}.site-footer ul{list-style:none;padding:0}.site-footer .menu{display:block}.site-footer li{margin-bottom:12px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-bottom{margin-top:65px;border-top:1px solid #ffffff30;padding-top:25px;display:flex;gap:24px;justify-content:space-between;font-size:12px}.page-heading{padding-block:90px 50px}.page-heading nav{font-size:13px;margin-bottom:24px}.page-content> :not(.elementor){max-width:900px;margin-inline:auto}.page-content>p,.page-content>ul{padding-inline:24px}.reading{max-width:900px;padding-block:80px}.reading article{padding-block:24px;border-bottom:1px solid var(--rw-line)}.reading h1{font-size:clamp(38px,5vw,72px)}.reading h2{font-size:38px}.rw-section.in-view .elementor-widget-heading{animation:rw-rise .6s both}@keyframes rw-rise{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(min-width:1920px){.rw-section{padding-inline:max(80px,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.header-inner{gap:20px;padding-inline:28px}.menu{gap:16px}.menu a{font-size:12px}}
@media(max-width:1024px){.header-inner{min-height:84px}.menu-toggle{display:flex;gap:18px;background:transparent;border:1px solid var(--rw-line);padding:10px 14px;font-size:13px}.header-cta{display:none}#primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px 28px;border-bottom:1px solid var(--rw-line);max-height:75vh;overflow:auto}#primary-navigation.is-open{display:block}#primary-navigation .menu{display:block}#primary-navigation li{padding:10px 0}#primary-navigation a{font-size:17px}#primary-navigation .sub-menu{display:block;position:static;box-shadow:none;padding:5px 20px}.rw-section{padding-inline:32px}.rw-section .elementor-column+.elementor-column{padding-left:30px}.hero-art{padding:24px}.hero-art .orb{width:130px;height:130px;border-width:24px}.hero-art .orb:after{right:-48px;top:20px;width:45px;height:45px}.footer-grid{grid-template-columns:1fr 1fr}.wrap{width:calc(100% - 64px)}}
@media(max-width:767px){html{scroll-padding-top:88px}.admin-bar .site-header{top:46px}.header-inner{padding:17px 22px;min-height:80px}.brand a{font-size:29px}.brand small{font-size:7px}.rw-section{padding:64px 24px}.rw-hero{padding-top:44px}.rw-section .elementor-container{display:flex;flex-wrap:wrap}.rw-section .elementor-column{width:100%!important;padding-left:0!important}.rw-section .elementor-column+.elementor-column{margin-top:32px}.rw-hero .elementor-heading-title{font-size:clamp(44px,10vw,70px)!important}.hero-art{aspect-ratio:1.35;max-width:100%;border-radius:120px 120px 5px 5px;align-items:center}.hero-art .orb{margin:20px 0}.hero-art .art-bottom{width:100%}.rw-ribbon{padding:20px 24px}.ribbon{font-size:9px;gap:16px}.rw-services .elementor-column>.elementor-element-populated{padding:28px 0!important;border-right:0!important}.rw-services .elementor-column+.elementor-column{margin-top:0}.rw-work .elementor-column:not(:first-child)>.elementor-element-populated{padding:0!important}.rw-process .elementor-column:not(:first-child)>.elementor-element-populated{padding:28px 0!important}.rw-process .elementor-column+.elementor-column{margin-top:0}.footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.wrap{width:calc(100% - 48px)}.footer-bottom{flex-wrap:wrap;margin-top:40px}.page-heading{padding-top:50px}.rw-faq summary{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Native content and editor accessibility */
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap}.alignwide{max-width:1200px!important}.alignfull{max-width:none!important;width:100%}.wp-caption-text,.gallery-caption{font-size:13px;color:var(--rw-muted)}.sticky{border-top:3px solid var(--rw-ink)}.bypostauthor{border-left:2px solid var(--rw-line)}.comments-area textarea,.comments-area input:not([type=checkbox]):not([type=submit]){max-width:100%;width:100%;padding:12px;border:1px solid var(--rw-line)}.rw-section .elementor-widget-image figcaption{font-size:11px;color:var(--rw-muted);margin-top:10px}.page-content>table{overflow-x:auto;display:block}
/* Override Elementor's generated equal column widths for these compositions. */
@media(min-width:768px){.rw-hero .elementor-column:first-child{width:64%!important}.rw-hero .elementor-column:last-child{width:36%!important}.rw-hero .elementor-column:only-child{width:100%!important}.rw-intro .elementor-column:first-child:not(:last-child){width:44%!important}.rw-intro .elementor-column:last-child:not(:first-child){width:56%!important}.rw-intro .elementor-column:only-child{width:100%!important}.rw-services .elementor-column,.rw-work .elementor-column,.rw-process .elementor-column{width:50%!important}.rw-services .elementor-column:first-child,.rw-work .elementor-column:first-child,.rw-process .elementor-column:first-child{width:100%!important}}

@media(max-width:600px){.admin-bar .site-header{top:0}}