/*
Theme Name: Revolve Theme
Theme URI: https://eco.revolve.com.ph
Description: Revolve child theme of Hello Elementor — Smart Circular Economy Platform (Trash-to-Cashback).
Author: Miver Corp
Template: hello-elementor
Version: 1.0.0
Text Domain: revolve-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap');

:root{
  --revolve-green:#1B4332;
  --revolve-gold:#C9A84C;
  --revolve-cream:#F5F0E8;
  --revolve-text:#0F1F14;
}
html{scroll-behavior:smooth;}
body{font-family:'Outfit',sans-serif;color:var(--revolve-text);margin:0;line-height:1.6;}
h1,h2,h3,h4,h5,h6{font-family:'Cormorant Garamond',serif;line-height:1.15;color:var(--revolve-green);}
a{color:var(--revolve-green);}
.rv-btn{display:inline-block;padding:14px 30px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .25s;font-family:'Outfit',sans-serif;}
.rv-btn-green{background:var(--revolve-green);color:#fff;}
.rv-btn-green:hover{background:#143528;color:#fff;}
.rv-btn-gold{background:transparent;color:var(--revolve-gold);border:2px solid var(--revolve-gold);}
.rv-btn-gold:hover{background:var(--revolve-gold);color:var(--revolve-green);}
.rv-container{max-width:1180px;margin:0 auto;padding:0 24px;}
.rv-section{padding:90px 0;}

/* shared page utilities */
.rv-fullbleed{width:100vw;position:relative;left:50%;margin-left:-50vw;}
.rv-phero{background:var(--revolve-green);color:#fff;padding:90px 0;text-align:center;}
.rv-phero h1{color:#fff;font-size:52px;margin:0;}
.rv-phero p{color:#e7ece8;max-width:700px;margin:14px auto 0;font-size:19px;}
.rv-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.rv-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.rv-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.rv-box{background:var(--revolve-cream);border-radius:16px;padding:40px;}
.rv-cta{background:var(--revolve-green);color:#fff;padding:64px 0;text-align:center;}
.rv-cta h2{color:#fff;}
.rv-cta p{color:#e7ece8;max-width:620px;margin:0 auto 24px;}
@media(max-width:900px){.rv-grid-2,.rv-grid-3,.rv-grid-4{grid-template-columns:1fr;}.rv-phero h1{font-size:38px;}}