/*
Theme Name: GrowbyRohan
Theme URI: https://growbyrohan.com/
Author: GrowbyRohan
Author URI: https://growbyrohan.com/
Description: A modern white and green digital marketing theme for GrowbyRohan.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: growbyrohan
*/
:root{--green:#16834b;--green-dark:#0b5732;--mint:#eaf7ef;--ink:#14251c;--muted:#607166;--line:#e4eee7;--white:#fff;--max:1160px;--radius:24px;--shadow:0 20px 60px rgba(17,65,39,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-dark)}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,238,231,.8)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:19px;letter-spacing:-.6px}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--green);display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 8px 18px #16834b35}.brand img{width:auto;max-height:46px}.main-nav ul{display:flex;gap:29px;align-items:center;list-style:none;margin:0;padding:0}.main-nav a{font-size:14px;color:#33453a;font-weight:650}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--green)}.menu-toggle{display:none;border:0;background:var(--mint);color:var(--green-dark);border-radius:12px;padding:10px 13px;font-size:20px}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff!important;border:1px solid var(--green);border-radius:999px;padding:13px 22px;font-weight:750;box-shadow:0 8px 20px #16834b25;transition:transform .2s,box-shadow .2s,background .2s}.button:hover,.wp-block-button__link:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 12px 24px #16834b36}.button-outline{background:transparent;color:var(--green)!important;box-shadow:none}.button-outline:hover{background:var(--mint);color:var(--green-dark)!important}.hero{overflow:hidden;position:relative;padding:78px 0 90px;background:radial-gradient(circle at 88% 15%,#e3f6e9 0,transparent 31%),linear-gradient(180deg,#fbfefc,#fff)}.hero:before{content:"";position:absolute;inset:auto -10% -60% 45%;height:500px;background:radial-gradient(ellipse,#eff9f2 0,transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);background:var(--mint);border-radius:99px;padding:7px 13px;font-weight:750;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#32ad68}.hero h1{font-size:clamp(42px,5.6vw,69px);line-height:1.06;letter-spacing:-.055em;margin:20px 0 20px;max-width:680px}.accent{color:var(--green)}.hero-copy{color:var(--muted);font-size:18px;max-width:560px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:31px;color:var(--muted);font-size:13px}.proof-dots{display:flex}.proof-dots span{width:25px;height:25px;margin-right:-7px;border:2px solid white;border-radius:50%;background:#b8dfc6}.proof-dots span:nth-child(2){background:#81c89a}.proof-dots span:nth-child(3){background:#4baa6e}.portrait-wrap{position:relative;max-width:435px;margin:auto}.portrait-halo{position:absolute;inset:8% -6% -4% 10%;border-radius:48% 48% 26px 26px;background:#dbf1e2;transform:rotate(5deg)}.portrait-frame{position:relative;border-radius:48% 48% 28px 28px;overflow:hidden;border:8px solid #fff;box-shadow:var(--shadow);background:#edf6ef}.portrait-frame img{display:block;width:100%;aspect-ratio:1/1.08;object-fit:cover;object-position:center 36%}.float-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:13px 16px;font-size:12px;color:var(--muted)}.float-card strong{display:block;color:var(--ink);font-size:15px}.float-one{left:-38px;bottom:53px}.float-two{right:-33px;top:60px}.section{padding:84px 0}.section-soft{background:#f7fbf8}.section-head{max-width:690px;margin:0 auto 42px;text-align:center}.section-head .eyebrow{margin-bottom:14px}.section-head h2,.page-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.045em;margin:0 0 15px}.section-head p,.page-heading p{color:var(--muted);font-size:16px;margin:0}.trust-row{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;padding:23px 0;border-bottom:1px solid var(--line);color:#708076;font-size:13px;font-weight:700}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row i{color:var(--green);font-style:normal}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card,.post-card,.feature-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:25px;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover,.post-card:hover,.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b6dec4}.icon-box{display:grid;place-items:center;width:48px;height:48px;background:var(--mint);border-radius:15px;color:var(--green);font-size:23px;margin-bottom:17px}.service-card h3,.feature-card h3{font-size:19px;margin:0 0 9px;letter-spacing:-.02em}.service-card p,.feature-card p{font-size:14px;color:var(--muted);margin:0 0 15px}.text-link{font-weight:750;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.about-photo{position:relative;max-width:440px}.about-photo img{display:block;border-radius:28px;box-shadow:var(--shadow);aspect-ratio:1/1.06;object-fit:cover;object-position:center 35%}.about-stamp{position:absolute;right:-20px;bottom:25px;background:var(--green);color:white;border-radius:18px;padding:16px 19px;box-shadow:var(--shadow);font-size:12px}.about-stamp strong{display:block;font-size:20px}.split-copy h2{font-size:clamp(32px,4vw,47px);line-height:1.1;letter-spacing:-.045em;margin:17px 0}.split-copy p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:23px 0;display:grid;gap:11px}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--green);font-size:13px;font-weight:900;margin-right:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-top:2px solid #cae7d3;padding:20px 16px 0}.step-no{font-size:12px;color:var(--green);font-weight:800;letter-spacing:.1em}.step h3{font-size:17px;margin:9px 0 5px}.step p{font-size:13px;color:var(--muted);margin:0}.post-card{padding:0;overflow:hidden}.post-visual{height:170px;background:linear-gradient(135deg,#d8f0e0,#f1faf4);display:grid;place-items:center;font-size:42px;color:var(--green)}.post-body{padding:21px}.post-meta{font-size:12px;color:#7a8b80}.post-body h3{font-size:18px;line-height:1.3;margin:9px 0}.post-body p{font-size:14px;color:var(--muted);margin:0 0 12px}.cta-band{background:var(--green-dark);color:white;border-radius:28px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:300px;height:300px;right:20%;top:-200px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 35px #ffffff0d,0 0 0 70px #ffffff08}.cta-band h2{font-size:clamp(27px,3vw,39px);line-height:1.12;margin:0 0 8px;letter-spacing:-.04em;max-width:650px;position:relative;z-index:1}.cta-band p{margin:0;color:#d1e9d8;position:relative;z-index:1}.cta-band .button{background:white;color:var(--green-dark)!important;border-color:white;white-space:nowrap;position:relative;z-index:1}.site-footer{background:#10251a;color:#d8e6dc;margin-top:70px;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:35px}.footer-brand{color:white}.footer-about{max-width:300px;color:#a9bdb0;font-size:14px}.footer-title{font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin:4px 0 16px}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:14px}.footer-links a{color:#b7cabe}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff1c;padding-top:17px;margin-top:40px;color:#91a899;font-size:12px}.footer-bottom a{color:#b7cabe}.page-hero{padding:70px 0 48px;background:linear-gradient(180deg,#f5fbf7,#fff);text-align:center}.page-heading{max-width:760px;margin:auto}.page-heading .eyebrow{margin-bottom:16px}.content-wrap{padding:55px 0 25px}.content-card{max-width:850px;margin:auto}.content-card h2,.content-card h3{letter-spacing:-.03em}.content-card p{color:#46594d}.content-card ul{padding-left:24px}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px}.sidebar{border:1px solid var(--line);border-radius:18px;padding:22px;height:max-content}.sidebar h3{margin:0 0 14px}.sidebar ul{padding-left:18px;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-grid .post-card{min-height:100%}.pagination{display:flex;gap:8px;justify-content:center;margin:40px 0}.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:10px}.pagination .current{background:var(--green);color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.contact-card{background:#f7fbf8;border-radius:22px;padding:28px}.contact-card h3{margin-top:0}.contact-form{display:grid;gap:15px}.contact-form label{font-size:13px;font-weight:700}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d8e6dc;border-radius:11px;padding:12px 14px;font:inherit;background:white}.contact-form textarea{min-height:140px;resize:vertical}.notice{padding:13px 16px;background:var(--mint);color:var(--green-dark);border-radius:12px;margin-bottom:15px}.sitemap-list{columns:2;max-width:750px;margin:35px auto}.sitemap-list li{break-inside:avoid;padding:6px}.search-form{display:flex;gap:8px;margin:20px auto;max-width:500px}.search-form input{flex:1;padding:12px;border:1px solid var(--line);border-radius:10px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:900px){.hero-grid{gap:35px}.grid-3,.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.float-one{left:-15px}.float-two{right:-12px}}@media(max-width:700px){.container{width:min(var(--max),calc(100% - 30px))}.header-inner{height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);padding:16px 22px 22px;box-shadow:0 15px 25px #10251a12}.main-nav.is-open{display:block}.main-nav ul{align-items:stretch;flex-direction:column;gap:0}.main-nav li{padding:11px 0;border-bottom:1px solid #eff4f0}.main-nav li:last-child{border:0}.header-cta{display:none}.hero{padding:50px 0 65px}.hero-grid,.split,.contact-grid,.page-layout{grid-template-columns:1fr}.hero-grid{gap:48px}.hero h1{font-size:43px}.hero-copy{font-size:16px}.portrait-wrap{width:min(84%,370px)}.float-card{padding:10px 12px}.float-one{left:-20px}.float-two{right:-20px}.section{padding:64px 0}.grid-3,.blog-grid{grid-template-columns:1fr}.split{gap:38px}.about-photo{width:min(90%,400px);margin:auto}.steps{grid-template-columns:1fr 1fr}.cta-band{padding:31px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-bottom{flex-direction:column}.page-hero{padding:53px 0 35px}.sitemap-list{columns:1}.contact-grid{gap:20px}}@media(max-width:420px){.hero h1{font-size:37px}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.brand{font-size:17px}}
/* Services dropdown navigation */
.main-nav .menu{list-style:none;display:flex;align-items:center;gap:29px;margin:0;padding:0}.main-nav .menu>li{position:relative;display:flex;align-items:center;gap:4px}.main-nav .menu>li>a{font-size:14px;color:#33453a;font-weight:650}.main-nav .menu>li>a:hover,.main-nav .menu .current-menu-item>a{color:var(--green)}.dropdown-toggle{border:0;background:transparent;color:var(--green);font-size:17px;padding:3px 5px;cursor:pointer}.main-nav .sub-menu{display:none;position:absolute;top:calc(100% + 13px);left:-15px;z-index:60;min-width:245px;max-height:70vh;overflow:auto;list-style:none;padding:8px;margin:0;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.main-nav .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}.main-nav .menu-item-has-children:hover>.sub-menu,.main-nav .menu-item-has-children:focus-within>.sub-menu,.main-nav .sub-menu.is-open{display:block}.main-nav .sub-menu li{display:block}.main-nav .sub-menu a{display:block;padding:9px 11px;border-radius:9px;color:#33453a;font-size:13px}.main-nav .sub-menu a:hover{background:var(--mint);color:var(--green-dark)}@media(max-width:700px){.main-nav .menu{display:flex;align-items:stretch;flex-direction:column;gap:0}.main-nav .menu>li{display:flex;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #eff4f0}.main-nav .menu>li:last-child{border:0}.main-nav .menu>li>a{flex:1;padding:2px 0}.main-nav .sub-menu{position:static;flex-basis:100%;max-height:none;min-width:0;box-shadow:none;border:0;border-radius:0;padding:3px 0 0 12px;background:#fff}.main-nav .sub-menu:before{display:none}.dropdown-toggle{padding:3px 10px}}
@media(max-width:700px){.main-nav .menu-item-has-children:hover>.sub-menu,.main-nav .menu-item-has-children:focus-within>.sub-menu{display:none}.main-nav .sub-menu.is-open{display:block}}
