.menu-toggle-open .menu-toggle-icon{display:none;}
.menu-toggle-open .menu-toggle-label{font-size:18px;font-weight:650;letter-spacing:0.02em;}
.header-search-toggle, .search-toggle-open{font-size:20px;}
.header-html .jetpack_subscription_widget .widgettitle,.mobile-html .jetpack_subscription_widget .widgettitle{display:none;}
.header-html #subscribe-text,.mobile-html #subscribe-text{display:none;}
.header-html .wp-block-jetpack-subscriptions__container form,.mobile-html .wp-block-jetpack-subscriptions__container form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:4px 0 0;}
.header-html #subscribe-email,.header-html #subscribe-submit,.mobile-html #subscribe-email,.mobile-html #subscribe-submit{margin:0;}
.header-html #subscribe-email input[type=email],.mobile-html #subscribe-email input[type=email]{width:210px;max-width:60vw;padding:5px 8px;font-size:0.9em;}
.header-html #subscribe-submit button,.mobile-html #subscribe-submit button{padding:5px 14px;font-size:0.9em;}

/* Homepage welcome block (vm-welcome) */
.vm-welcome{display:none;}
body:not(.home) .header-button{display:none;}
body.home .header-button{display:block;width:100%;max-width:100%;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;color:inherit!important;font-weight:400!important;text-align:center!important;line-height:1.6;}

/* vm-welcome garden banner (B), 19 Oct 2026 */
/* Replaces the existing "Homepage welcome block" + "vm-welcome restyle" rules for .vm-welcome */
.vm-welcome{display:none;}
body.home .vm-welcome{display:block;position:relative;box-sizing:border-box;width:calc(100% - 20px);text-align:center;}
body.home .vm-welcome p{margin:0;padding:0;text-wrap:pretty;}
/* Variant B - Garden: cream card, leafy vine corners, green + earthy rose, flower divider */
body.home .vm-welcome{
 max-width:1100px;margin:20px auto 8px;padding:36px 90px 34px;
 background:linear-gradient(180deg,#fffcf3 0%,#fbf4e2 100%);
 color:#3a3226;font-family:'Noto Serif','Noto Serif Devanagari',Georgia,serif;font-size:1.12em;line-height:1.75;
 border:1px solid #d8cba8;border-radius:16px;box-shadow:0 3px 12px rgba(80,60,20,.10);}
body.home .vm-welcome::before,body.home .vm-welcome::after{content:"";position:absolute;width:150px;height:150px;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cpath d='M6 118 C6 60 10 20 30 10 C50 2 80 6 118 6' fill='none' stroke='%235b7f3a' stroke-width='2.2' stroke-linecap='round'/%3E %3Cpath d='M30 10 C24 22 20 30 12 34' fill='none' stroke='%235b7f3a' stroke-width='1.4'/%3E %3Cg fill='%236f9a45'%3E %3Cpath d='M50 5 C56 -2 66 0 68 4 C62 9 54 9 50 5Z'/%3E %3Cpath d='M84 6 C90 13 100 12 103 7 C97 2 88 2 84 6Z'/%3E %3Cpath d='M8 56 C0 62 1 72 5 74 C11 68 11 60 8 56Z'/%3E %3Cpath d='M8 90 C15 96 14 106 9 108 C4 102 4 94 8 90Z'/%3E %3Cpath d='M18 18 C10 16 4 22 4 26 C12 27 17 23 18 18Z'/%3E %3C/g%3E %3Cg fill='%239cbf6a'%3E %3Cpath d='M66 6 C70 12 78 13 80 10 C76 5 70 4 66 6Z'/%3E %3Cpath d='M7 76 C13 80 14 87 11 89 C5 86 4 80 7 76Z'/%3E %3C/g%3E %3Cg transform='translate(12 34)'%3E%3Ccircle r='6.5' fill='%23c06c78'/%3E%3Ccircle r='4' fill='%23d98c95'/%3E%3Cpath d='M-2 -1 a2.2 2.2 0 1 1 3 2' fill='none' stroke='%239c4a57' stroke-width='1'/%3E%3C/g%3E %3Ccircle cx='110' cy='10' r='3' fill='%23c06c78'/%3E%3Ccircle cx='9' cy='112' r='3' fill='%23c06c78'/%3E %3C/svg%3E") 0 0/100% 100% no-repeat;}
body.home .vm-welcome::before{top:6px;left:6px;}
body.home .vm-welcome::after{bottom:6px;right:6px;transform:rotate(180deg);}
body.home .vm-welcome p{max-width:860px;margin:0 auto;}
body.home .vm-welcome p + p{font-family:'Noto Serif Devanagari','Noto Sans Devanagari','Noto Serif',serif;line-height:1.85;font-size:1.05em;}
body.home .vm-welcome p + p::before{content:"";display:block;width:260px;max-width:80%;height:26px;margin:14px auto 12px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='26' viewBox='0 0 260 26'%3E %3Cpath d='M10 13 H100 M160 13 H250' stroke='%23a8b88a' stroke-width='1.2' stroke-linecap='round'/%3E %3Ccircle cx='6' cy='13' r='2' fill='%23c06c78'/%3E%3Ccircle cx='254' cy='13' r='2' fill='%23c06c78'/%3E %3Cpath d='M100 13 C108 4 118 5 121 12 C114 16 106 17 100 13Z' fill='%236f9a45'/%3E %3Cpath d='M160 13 C152 4 142 5 139 12 C146 16 154 17 160 13Z' fill='%236f9a45'/%3E %3Cg transform='translate(130 13)'%3E%3Ccircle r='8' fill='%23c06c78'/%3E%3Ccircle r='5' fill='%23d98c95'/%3E%3Cpath d='M-2.5 -1 a2.8 2.8 0 1 1 4 2.5' fill='none' stroke='%239c4a57' stroke-width='1.1'/%3E%3C/g%3E %3C/svg%3E") center/contain no-repeat;}
body.home .vm-welcome strong{display:block;color:#3f6b2f;font-size:1.3em;font-weight:700;line-height:1.4;margin-bottom:4px;}
body.home .vm-welcome p + p strong{color:#9c4a57;}
@media (max-width:767px){
 body.home .vm-welcome{margin:12px 10px 6px;padding:28px 22px 36px;font-size:1.02em;line-height:1.65;}
 body.home .vm-welcome::before,body.home .vm-welcome::after{width:74px;height:74px;}
 body.home .vm-welcome::before{top:4px;left:4px;}
 body.home .vm-welcome::after{bottom:4px;right:4px;}
 body.home .vm-welcome strong{font-size:1.18em;}
 body.home .vm-welcome p + p::before{width:200px;height:20px;margin:10px auto 8px;}
}

/* cream theme card borders */
.loop-entry, .content-bg.loop-entry, article.entry.loop-entry{border:1px solid #e3dccb;box-shadow:0 1px 4px rgba(0,0,0,.06);border-radius:6px;}

/* easy styles for posts */
.dropcap::first-letter, p.dropcap:first-letter{float:left;font-size:3.6em;line-height:.85;margin:.05em .12em 0 0;color:#2e6b3a;font-weight:700;font-family:Georgia,serif;}
.greenbox{background:#eef5ec;border-left:5px solid #2e6b3a;padding:12px 16px;border-radius:6px;}
.creambox{background:#fffaf0;border:1px solid #e3dccb;padding:12px 16px;border-radius:6px;}

/* ===== Vrikshamandir checkerboard tiles Ã¢â‚¬â€ inert until <body> has class vm-tiles ===== */
/* NOTE: if Additional CSS rejects @import, move it to the very top of Additional CSS or enqueue the font in functions.php */

body.home.vm-tiles .content-area{background:#FAF6EC}
body.home.vm-tiles #archive-container.kadence-posts-list{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
  margin:0;padding:0;list-style:none}
body.home.vm-tiles #archive-container > .entry-list-item{margin:0;padding:0;display:flex;min-width:0}
body.home.vm-tiles #archive-container .loop-entry{
  display:flex;flex-direction:column;width:100%;margin:0;
  background:#fff;border:1px solid #e3dccb;border-radius:0;box-shadow:none;overflow:hidden}
/* image half */
body.home.vm-tiles #archive-container .loop-entry .post-thumbnail{
  display:block;flex:0 0 220px;height:220px;margin:0;padding:0!important;position:relative;overflow:hidden}
body.home.vm-tiles #archive-container .loop-entry .post-thumbnail-inner{position:absolute;inset:0}
body.home.vm-tiles #archive-container .loop-entry .post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
/* checkerboard: every 2nd tile puts the image below the text (3 cols => N R N / R N R) */
body.home.vm-tiles #archive-container > .entry-list-item:nth-child(even) .post-thumbnail{order:2}
/* tiles without a featured image: green panel instead of a hole */
body.home.vm-tiles #archive-container .loop-entry:not(.has-post-thumbnail)::before{
  content:"Ã Â¤ÂµÃ Â¥Æ’Ã Â¤â€¢Ã Â¥ÂÃ Â¤Â·Ã Â¤Â®Ã Â¤â€šÃ Â¤Â¦Ã Â¤Â¿Ã Â¤Â°";display:flex;align-items:center;justify-content:center;flex:0 0 220px;
  background:#1b4d3e;color:#e8efe6;font:700 28px 'Noto Serif Devanagari',serif}
body.home.vm-tiles #archive-container > .entry-list-item:nth-child(even) .loop-entry:not(.has-post-thumbnail)::before{order:2}
/* text half */
body.home.vm-tiles #archive-container .entry-content-wrap{flex:1 1 auto;padding:20px 22px;
  font-family:Ubuntu,'Noto Sans Devanagari',sans-serif;color:#333}
body.home.vm-tiles #archive-container .entry-taxonomies{margin:0 0 8px;font-size:0}
body.home.vm-tiles #archive-container .entry-taxonomies a{
  display:inline-block;background:#2e6b3a;color:#fff!important;font-size:12px;line-height:1.5;
  padding:3px 10px;border-radius:3px;margin:0 6px 6px 0;text-decoration:none;text-transform:none;letter-spacing:0}
body.home.vm-tiles #archive-container .entry-taxonomies a:hover{background:#1b4d3e}
body.home.vm-tiles #archive-container .entry-title{
  font-family:'Noto Serif','Noto Serif Devanagari',serif;font-weight:700;font-size:20px;line-height:1.4;margin:4px 0 8px}
body.home.vm-tiles #archive-container .entry-title a{color:#1a1c1e;text-decoration:none}
body.home.vm-tiles #archive-container .entry-title a:hover{color:#2e6b3a}
body.home.vm-tiles #archive-container .entry-meta{font-size:13px;color:#777;margin:0 0 8px}
body.home.vm-tiles #archive-container .entry-summary{font-size:15px;line-height:1.6;margin:0 0 8px;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
body.home.vm-tiles #archive-container .entry-summary p{margin:0}
body.home.vm-tiles #archive-container .entry-footer{margin:0}
body.home.vm-tiles #archive-container .post-more-link{color:#2e6b3a;font-weight:700;font-size:14px;text-decoration:none}
@media(max-width:1024px){body.home.vm-tiles #archive-container.kadence-posts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  body.home.vm-tiles #archive-container.kadence-posts-list{grid-template-columns:1fr;gap:18px}
  body.home.vm-tiles #archive-container > .entry-list-item:nth-child(even) .post-thumbnail,
  body.home.vm-tiles #archive-container > .entry-list-item:nth-child(even) .loop-entry:not(.has-post-thumbnail)::before{order:0}
  body.home.vm-tiles #archive-container .loop-entry .post-thumbnail,
  body.home.vm-tiles #archive-container .loop-entry:not(.has-post-thumbnail)::before{flex-basis:200px;height:200px}
}
/* ===== Hero photo banner: .vm-welcome over the Vrikshamandir tree photo ===== */
body.home.vm-tiles .vm-welcome{
  position:relative;width:100%;max-width:none;margin:0;box-sizing:border-box;
  min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:48px 24px;text-align:center;color:#fff;
  background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.7) 100%),
    url("https://i0.wp.com/vrikshamandir.com/wp-content/uploads/2019/12/8e92c295-1970-43ef-a3f1-ebd6b6a3842a.jpeg?fit=2048%2C1536&ssl=1") center 40%/cover no-repeat #2f3a2a;
  border:0;border-left:0;border-radius:0;box-shadow:none;
}
body.home.vm-tiles .vm-welcome p{
  max-width:760px;margin:0 auto 14px;padding:0;background:none;border:0;
  color:#fff;font-family:"Noto Serif","Noto Serif Devanagari",Georgia,serif;
  font-size:1.15rem;line-height:1.6;text-shadow:0 2px 6px rgba(0,0,0,.75);
}
body.home.vm-tiles .vm-welcome p:last-child{margin-bottom:0;font-family:"Noto Serif Devanagari","Noto Serif",serif}
body.home.vm-tiles .vm-welcome p strong{display:block;color:#fff;font-weight:700;font-size:2rem;line-height:1.3;margin-bottom:6px}
body.home.vm-tiles .vm-welcome p:last-child strong{font-size:1.7rem}
@media (max-width:600px){
  body.home.vm-tiles .vm-welcome{min-height:300px;padding:32px 18px}
  body.home.vm-tiles .vm-welcome p{font-size:1rem;line-height:1.55}
  body.home.vm-tiles .vm-welcome p strong{font-size:1.4rem}
  body.home.vm-tiles .vm-welcome p:last-child strong{font-size:1.25rem}
}

/* VM tile preview colours (15 Oct): orange default, green via ?vmgreen=1 */
body.home.vm-tiles, body.home.vm-tiles #wrapper, body.home.vm-tiles #inner-wrap, body.home.vm-tiles .content-bg, body.home.vm-tiles .site-main{background:#B5521B !important;}
body.home.vm-tiles .loop-entry{border:none !important;background:#ffffff !important;box-shadow:0 4px 14px rgba(0,0,0,.18) !important;border-radius:6px !important;}
body.home.vm-tiles.vm-green, body.home.vm-tiles.vm-green #wrapper, body.home.vm-tiles.vm-green #inner-wrap, body.home.vm-tiles.vm-green .content-bg, body.home.vm-tiles.vm-green .site-main{background:#1b4d3e !important;}
body.home.vm-tiles .content-area, body.home.vm-tiles #primary, body.home.vm-tiles #main, body.home.vm-tiles .content-container{background:#B5521B !important;}
body.home.vm-tiles.vm-green .content-area, body.home.vm-tiles.vm-green #primary, body.home.vm-tiles.vm-green #main, body.home.vm-tiles.vm-green .content-container{background:#1b4d3e !important;}
body.home.vm-tiles.vm-green .loop-entry{background:#ffffff !important;}