/* Mara Rhino Project: page-specific styles for the About, Our Work and pillar pages.
   Loaded by wp-content/novamira-sandbox/mara-rhino-pages.php AFTER the Customizer
   Additional CSS, so nothing here depends on that shared stylesheet. Keep page
   styles here; leave the Customizer CSS to the site-wide header/footer/home rules. */

/* phone menu: the off-screen drawer's shadow was bleeding into the viewport as a
   grey strip down the right edge; only cast it while the drawer is open */
aside.mr-drawer{box-shadow:none}
body.mr-nav-open aside.mr-drawer{box-shadow:-18px 0 44px rgba(1,63,33,.18)}

/* about page: hero photo fades to green top-down on phones; watermark tiles */
@media (max-width:767px){.e-con.mr-about-hero::before{background:linear-gradient(180deg,rgba(2,71,49,.55) 0,#024731 62%)!important}}
.e-con.mr-tile .elementor-heading-title{position:relative;z-index:1}

/* our work: numbered pillar sections */
.e-con.mr-work-sec{position:relative}
.mr-num{opacity:.07;pointer-events:none}
.mr-num .elementor-heading-title{white-space:nowrap}
.mr-eyebrow-line .elementor-heading-title::before{content:"";display:inline-block;width:32px;height:1px;margin-right:12px;background:currentColor;vertical-align:middle}
.mr-link-circle .elementor-button{border:0!important}
.mr-link-circle .elementor-button-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;transition:background-color .2s ease,color .2s ease}
.mr-link-circle .elementor-button-icon svg{width:11px;height:11px;fill:currentColor}
.mr-link-circle .elementor-button:hover .elementor-button-icon{background:#E5B95F;border-color:#E5B95F;color:#024731}
.mr-bw img{filter:grayscale(1)}
/* pillar blocks (refined 2026-09-13): bold green lead-in inside check items */
.mr-check-text p{margin:0}
.mr-check-text strong{display:block;color:#024731;font-weight:700;font-size:17px;line-height:24px;margin-bottom:2px}
.mr-pillar-block .mr-link-circle .elementor-button-icon{border-color:#024731}
.e-con.mr-work-03::after{content:"";position:absolute;top:0;left:0;width:58%;height:100%;background:#F1EFE7;clip-path:polygon(0 0,80% 0,100% 100%,0 100%);z-index:0;pointer-events:none}
.mr-work-sec>.e-con-inner{position:relative;z-index:1}
@media (max-width:1024px){.e-con.mr-work-03::after{width:100%;clip-path:none;height:38%}}
@media (max-width:767px){.e-con.mr-work-01::after{display:none}}

/* pillar pages: mixed-style h1, stat cards, hero photo on phones */
.mr-h1-mix .elementor-heading-title em{font-style:italic;font-weight:400;color:#E5B95F}
.mr-stat{box-shadow:0 1px 2px rgba(42,53,46,.06)}
.mr-tech-card{transition:border-color .3s ease}
.mr-tech-card:hover{border-color:rgba(229,185,95,.5)}
@media (max-width:767px){.e-con.mr-pillar-hero::before{background:linear-gradient(180deg,rgba(1,44,25,.6) 0,#012C19 62%)!important}}

/* community benefits: initiative cards with a faint icon watermark, story grid */
.e-con.mr-init-card{position:relative}
.mr-watermark{opacity:.06;pointer-events:none}
.mr-init-card .elementor-widget,.mr-init-card>.e-con{position:relative;z-index:1}
.mr-init-card .mr-watermark{position:absolute}
.mr-news .mr-news-media{overflow:hidden;border-radius:2px}
.mr-news .mr-news-media img{transition:transform .8s ease,filter .8s ease}
.mr-news:hover .mr-news-media img{transform:scale(1.05);filter:grayscale(0)}
@media (max-width:767px){.mr-watermark{display:none}}
.e-con.mr-step-num{--width:40px;width:40px;min-width:40px;max-width:40px;flex:0 0 40px;height:40px}
.mr-step-num .elementor-widget-heading{width:auto}

/* climate action: seed-to-canopy timeline on a gold line, full-bleed photo band */
.e-con.mr-timeline{position:relative}
.e-con.mr-timeline::before{content:"";position:absolute;left:20px;right:20px;top:20px;height:1px;background:rgba(229,185,95,.45);z-index:0}
.mr-timeline>.e-con{position:relative;z-index:1}
@media (max-width:1024px){.e-con.mr-timeline::before{display:none}}
.e-con.mr-band{--content-width:1184px}
.mr-band-card{box-shadow:0 24px 48px -16px rgba(1,44,25,.5)}

/* gallery: photo tiles with a slow zoom, 16:9 frame, lightbox cursor */
.mr-ar-169 img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.e-con.mr-photo{overflow:hidden;border-radius:2px}
.mr-photo .elementor-widget-container{line-height:0}
.mr-photo img{transition:transform .9s ease}
.mr-photo:hover img{transform:scale(1.04)}
.mr-photo a{display:block;cursor:zoom-in}

/* get involved: pathway list and FAQ accordion */
.e-con.mr-path{transition:background-color .25s ease}
.e-con.mr-path:hover{background-color:rgba(2,71,49,.03)}
.mr-faq .elementor-accordion .elementor-accordion-item{border-left:0;border-right:0;border-radius:0}
.mr-faq .elementor-accordion .elementor-accordion-item:first-child{border-top:0}
.mr-faq .elementor-accordion .elementor-tab-title{padding:22px 0}
.mr-faq .elementor-accordion .elementor-tab-content{padding:0 0 24px;max-width:720px}
.mr-faq .elementor-accordion .elementor-accordion-icon{width:auto}

/* contact: [mr_contact_form] and the map band */
.mr-cf{display:flex;flex-direction:column;gap:18px}
.mr-cf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mr-cf-field{display:flex;flex-direction:column;gap:8px;font:700 11px/16px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#024731}
.mr-cf-field em{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;color:rgba(42,53,46,.5)}
.mr-cf input,.mr-cf select,.mr-cf textarea{width:100%;padding:14px 16px;border:1px solid rgba(42,53,46,.18);border-radius:2px;background:#fff;font:400 15px/22px Manrope,sans-serif;color:#2A352E;letter-spacing:0;text-transform:none;transition:border-color .2s ease,box-shadow .2s ease}
.mr-cf select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23024731' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.mr-cf textarea{resize:vertical;min-height:150px}
.mr-cf input:focus,.mr-cf select:focus,.mr-cf textarea:focus{outline:none;border-color:#024731;box-shadow:0 0 0 3px rgba(2,71,49,.12)}
.mr-cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mr-cf-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px}
.mr-cf-submit{padding:16px 36px;border:1px solid #E5B95F;border-radius:9999px;background:#E5B95F;color:#024731;font:600 16px/24px Manrope,sans-serif;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.mr-cf-submit:hover{background:#DBAD4E;border-color:#DBAD4E}
.mr-cf-submit:focus-visible{outline:2px solid #024731;outline-offset:3px}
.mr-cf-privacy{margin:0;font:400 12px/18px Manrope,sans-serif;color:rgba(42,53,46,.55)}
.mr-cf-notice{margin:0 0 20px;padding:14px 18px;border-radius:2px;font:400 15px/23px Manrope,sans-serif}
.mr-cf-notice--ok{background:rgba(2,71,49,.08);color:#024731;border-left:2px solid #024731}
.mr-cf-notice--err{background:rgba(229,185,95,.16);color:#2A352E;border-left:2px solid #E5B95F}
.mr-contact-list .elementor-icon-list-icon{color:#E5B95F}
.mr-map .elementor-custom-embed iframe,.mr-map iframe{filter:grayscale(1) contrast(.95) brightness(1.02);display:block}
.e-con.mr-map-band{position:relative}
.mr-map-card{box-shadow:0 24px 48px -16px rgba(1,44,25,.35)}
@media (max-width:767px){.mr-cf-row{grid-template-columns:1fr}.mr-cf-submit{width:100%}}

/* donate: [mr_paypal_donate] */
.mr-pp{display:flex;flex-direction:column;gap:26px}
.mr-pp-group{margin:0;padding:0;border:0;min-width:0}
.mr-pp-label{display:block;margin:0 0 12px;font:700 12px/16px Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#024731}
.mr-pp-opt{position:relative;display:block;cursor:pointer;min-width:0}
.mr-pp-opt input{position:absolute;opacity:0;width:1px;height:1px}
.mr-pp-opt span{display:block;text-align:center;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.mr-pp-opt input:focus-visible+span{outline:2px solid #E5B95F;outline-offset:2px}
.mr-pp-toggle{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#E5E6DF;border-radius:9999px}
.mr-pp-toggle .mr-pp-opt span{padding:14px 12px;border-radius:9999px;font:600 16px/22px Manrope,sans-serif;color:#2A352E}
.mr-pp-toggle .mr-pp-opt input:checked+span{background:#024731;color:#F1EFE7}
.mr-pp-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.mr-pp-presets .mr-pp-opt span{padding:18px 8px;border:1px solid rgba(42,53,46,.18);border-radius:2px;background:#fff;font:500 24px/28px "Cormorant Garamond",serif;color:#2A352E}
.mr-pp-presets .mr-pp-opt input:checked+span{border-color:#024731;background:#024731;color:#F1EFE7}
.mr-pp-other{position:relative;display:block}
.mr-pp-sym{position:absolute;left:18px;top:50%;transform:translateY(-50%);font:500 20px/1 "Cormorant Garamond",serif;color:rgba(42,53,46,.6);pointer-events:none}
.mr-pp input[type=number],.mr-pp-select{width:100%;padding:16px 18px;border:1px solid rgba(42,53,46,.18);border-radius:2px;background:#fff;font:400 16px/24px Manrope,sans-serif;color:#2A352E;-moz-appearance:textfield}
.mr-pp input[type=number]{padding-left:44px}
.mr-pp input[type=number]::-webkit-outer-spin-button,.mr-pp input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mr-pp-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23024731' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px}
.mr-pp input:focus,.mr-pp-select:focus{outline:none;border-color:#024731;box-shadow:0 0 0 3px rgba(2,71,49,.12)}
.mr-pp-submit{width:100%;padding:20px 24px;border:1px solid #E5B95F;border-radius:2px;background:#E5B95F;color:#024731;font:700 18px/24px Manrope,sans-serif;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.mr-pp-submit:hover{background:#DBAD4E;border-color:#DBAD4E}
.mr-pp-submit:focus-visible{outline:2px solid #024731;outline-offset:3px}
.mr-pp-submit[disabled]{cursor:default;opacity:.92}
.mr-pp-note{margin:-8px 0 0;text-align:center;font:400 13px/20px Manrope,sans-serif;color:rgba(42,53,46,.6)}
@media (max-width:767px){.mr-pp-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-pp-toggle .mr-pp-opt span{padding:12px 8px;font-size:15px}}

/* news: [mr_news] shortcode (featured story + grid) */
.mr-nl{display:flex;flex-direction:column;gap:64px}
.mr-nl-card{display:flex;flex-direction:column;gap:20px}
.mr-nl-media{position:relative;display:block;overflow:hidden;border-radius:2px;background:#E5E6DF}
.mr-nl-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .9s ease}
.mr-nl-card:hover .mr-nl-media img{transform:scale(1.04)}
.mr-nl-tag{position:absolute;left:16px;top:16px;margin:0;padding:6px 10px;background:#024731;color:#F1EFE7;font:700 10px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-radius:2px}
.mr-nl-empty .mr-nl-tag{position:static;display:inline-block;margin-bottom:20px;background:transparent;color:#E5B95F;padding:0;letter-spacing:.3em;font-size:12px}
.mr-nl-date{margin:0 0 8px;font:700 11px/16px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#E5B95F}
.mr-nl-draft{margin-left:10px;padding:2px 6px;border:1px solid #E5B95F;border-radius:2px;color:#024731}
.mr-nl-title{margin:0 0 10px;font:500 28px/34px "Cormorant Garamond",serif;color:#2A352E}
.mr-nl-title a{color:inherit;text-decoration:none}
.mr-nl-title a:hover{color:#024731}
.mr-nl-excerpt{margin:0 0 16px;font:400 15px/25px Manrope,sans-serif;color:rgba(42,53,46,.72);max-width:60ch}
.mr-nl-link{display:inline-block;padding-bottom:4px;border-bottom:1px solid rgba(229,185,95,.4);font:700 11px/16px Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#024731;text-decoration:none;transition:color .2s ease,border-color .2s ease}
.mr-nl-link:hover{color:#E5B95F;border-color:#E5B95F}
.mr-nl-featured{flex-direction:row;align-items:center;gap:64px}
.mr-nl-featured .mr-nl-media{flex:0 0 calc(58% - 32px)}
.mr-nl-featured .mr-nl-media img{aspect-ratio:16/10}
.mr-nl-featured .mr-nl-title{font-size:44px;line-height:48px}
.mr-nl-featured .mr-nl-excerpt{font-size:17px;line-height:28px}
.mr-nl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.mr-nl-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:32px;border-top:1px solid rgba(42,53,46,.12)}
.mr-nl-pager .mr-nl-date{margin:0;color:rgba(42,53,46,.5)}
.mr-nl-empty{padding:64px 0;text-align:center;align-items:center}
.mr-nl-empty-title{margin:0 0 16px;font:500 44px/48px "Cormorant Garamond",serif;color:#024731}
.mr-nl-empty .mr-nl-excerpt{margin:0 auto;max-width:52ch}
@media (max-width:1024px){.mr-nl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-nl-featured{flex-direction:column;align-items:stretch;gap:24px}.mr-nl-featured .mr-nl-media{flex:none}.mr-nl-featured .mr-nl-title{font-size:36px;line-height:40px}}
@media (max-width:767px){.mr-nl{gap:48px}.mr-nl-grid{grid-template-columns:1fr;gap:40px}.mr-nl-empty-title{font-size:34px;line-height:38px}}

/* about CTA: faint contour-line brand detail (CSS only), phone gradient, quote block */
.e-con.mr-about-cta{position:relative}
.e-con.mr-about-cta::after{content:"";position:absolute;left:-60px;top:-80px;width:620px;height:520px;z-index:0;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 520' fill='none' stroke='%23F1EFE7' stroke-width='1'%3E%3Cpath d='M60 260c0-110 90-200 250-200s250 90 250 200-90 200-250 200S60 370 60 260z'/%3E%3Cpath d='M110 262c0-88 75-160 200-160s200 72 200 160-75 160-200 160-200-72-200-160z'/%3E%3Cpath d='M160 264c0-66 58-120 150-120s150 54 150 120-58 120-150 120-150-54-150-120z'/%3E%3Cpath d='M210 266c0-44 40-80 100-80s100 36 100 80-40 80-100 80-100-36-100-80z'/%3E%3Cpath d='M10 258c0-150 120-262 300-262s300 112 300 262-120 262-300 262S10 408 10 258z'/%3E%3C/svg%3E") no-repeat}
.mr-about-cta > .e-con-inner{position:relative;z-index:1}
.mr-about-cta .mr-cta-quote .elementor-widget-divider .elementor-divider{padding:0}
.e-con.mr-about-cta > .e-con-inner > .mr-cta-quote,.e-con.mr-about-cta > .mr-cta-quote{position:absolute!important;top:56px!important;right:min(48px,calc(48px - (100vw - 1184px) / 2))!important;left:auto!important;bottom:auto!important;width:340px;z-index:2}
@media (max-width:1024px){.e-con.mr-about-cta .mr-cta-quote{display:none!important}}
@media (max-width:767px){.e-con.mr-about-cta::before{background:linear-gradient(180deg,rgba(2,71,49,.55) 0,#024731 52%)!important}.e-con.mr-about-cta::after{display:none}}

/* about 'Built for Transparency': stacked columns get horizontal dividers instead of vertical ones */
@media (max-width:1024px){.e-con.mr-trust-col{border-left-width:0!important;border-top-width:1px!important;border-top-style:solid!important;border-color:rgba(42,53,46,.16)!important}.e-con.mr-trust-col:first-child{border-top-width:0!important}}

/* centred intro blocks (Elementor drops auto side margins in column layouts) */
.e-con-inner > .mr-center-block,.e-con > .mr-center-block{margin-left:auto!important;margin-right:auto!important;align-self:center}
.mr-center-block .elementor-heading-title,.mr-center-block .elementor-widget-text-editor{text-align:center}