/* Mus-hama brand layer: colors from the app (theme.ts). Edit the variables to tweak everything. */
@font-face{font-family:"RetroBrushArabic";src:url("RetroBrushArabic.woff2") format("woff2");font-display:swap}
:root{
  --mh-ink:#2C1712; --mh-brown:#4A2A1B; --mh-brown-deep:#2B160F; --mh-night:#241512;
  --mh-paper:#FFF4D9; --mh-page:#F4E1B8; --mh-parchment:#F7E4B8; --mh-cream:#FFF6E0;
  --mh-gold:#D9A63B; --mh-gold-light:#F2CD72; --mh-plum:#5B2E69; --mh-plum-dark:#3F1E4B;
  --mh-sage:#75834A; --mh-sea:#426E73; --mh-text:#5A3A22;
}
body,#page,.site-content,#main{background-color:var(--mh-paper)!important;color:var(--mh-text)}
h1,h2,h3,h4,h5,h6,.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6,.gem-pricing-price-title,.primary-navigation>ul>li>a,#primary-menu>li>a{
  font-family:"RetroBrushArabic","Tahoma",sans-serif!important;color:var(--mh-ink)}
a{color:var(--mh-plum)} a:hover{color:var(--mh-gold)}
/* header: always transparent (logo + menu sit directly on the page/slider) */
#site-header,.site-header,#site-header-wrapper,.header-background,.header-main{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important}
/* menu buttons: app textures, golden signature ring. green = inactive, red = active */
#primary-menu>li>a,.primary-navigation>ul>li>a,#primary-menu.nav-menu>li>a{
  display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;
  width:clamp(70px,6.7vw,100px)!important;height:clamp(34px,2.9vw,40px)!important;min-width:0!important;
  padding:0 4px!important;margin:0 2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:url("btn.green.png") center/100% 100% no-repeat!important;
  border:2px solid rgba(217,166,59,.92)!important;border-radius:11px!important;
  color:var(--mh-cream)!important;text-shadow:0 1px 3px rgba(0,0,0,.75);
  font-size:clamp(12px,1.02vw,15px)!important;line-height:1!important;text-align:center;
  box-shadow:0 3px 8px rgba(43,22,15,.35),inset 0 0 0 1px rgba(255,240,199,.18);transition:filter .2s,box-shadow .2s}
#primary-menu>li{margin:0!important;padding:0!important;flex:0 0 auto}
#primary-menu>li>a>span,#primary-menu>li>a .menu-item-text{padding:0!important;margin:0!important;display:block;overflow:hidden;text-overflow:ellipsis}
#primary-menu{flex-wrap:nowrap!important;max-width:100%}
#primary-menu>li>a:before,#primary-menu>li>a:after,#primary-menu>li>a span:before,#primary-menu>li>a span:after{display:none!important;content:none!important}
#primary-menu>li:hover>a,#primary-menu>li>a:focus{filter:brightness(1.18);
  box-shadow:0 0 0 2px rgba(242,205,114,.55),0 6px 14px rgba(43,22,15,.4)}
#primary-menu>li.menu-item-active>a,#primary-menu>li.current-menu-item>a,#primary-menu>li.current_page_item>a,
#primary-menu>li.current-menu-ancestor>a,#primary-menu>li.menu-item-active:hover>a{
  background:url("btn.red.png") center/100% 100% no-repeat!important;color:#fff!important}
/* footer */
#footer-nav,.footer-navigation,#colophon,.site-footer,#footer-widgets{background-color:var(--mh-brown-deep)!important;color:var(--mh-parchment)}
#colophon a,.site-footer a{color:var(--mh-gold-light)}
/* buttons + forms */
.gem-button,.gem-button-container a,input[type=submit],button[type=submit],.wpcf7-submit{
  background-color:var(--mh-plum)!important;border-color:var(--mh-plum)!important;color:#fff!important}
.gem-button:hover,input[type=submit]:hover,.wpcf7-submit:hover{background-color:var(--mh-gold)!important;border-color:var(--mh-gold)!important;color:var(--mh-ink)!important}
input[type=text],input[type=email],textarea,select{background:var(--mh-cream)!important;border-color:var(--mh-gold)!important;color:var(--mh-ink)!important}
/* accordions + tables */
.vc_tta-accordion .vc_tta-panel-title a{color:var(--mh-ink)!important}
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title a{color:var(--mh-plum)!important}
table th{background:var(--mh-parchment);color:var(--mh-ink)}
table td,table th{border-color:var(--mh-gold)!important}
/* gold contour like the app's cards */
.gem-pricing-column,.gem-counter-box .gem-counter,.gem-textbox{border-radius:18px}

/* ===== elegance layer (pages) ===== */
.mh-page{--mh-radius:18px;--mh-contour:1.5px solid rgba(217,166,59,.7)}
.mh-page .vc_column_text,.mh-page .vc_column_text p,.mh-page .vc_column_text li{
  font-size:18px;line-height:2;color:var(--mh-text);font-weight:400}
.mh-page .vc_column_text p{margin-bottom:.9em}
.mh-page .vc_column_text strong{color:var(--mh-brown);font-weight:700}
.mh-page .title-h1{font-size:54px;line-height:1.25;letter-spacing:0;color:var(--mh-ink);text-shadow:0 2px 0 rgba(217,166,59,.35)}
.mh-page .title-h2{font-size:36px;line-height:1.35;color:var(--mh-brown)}
.mh-page .title-h3{font-size:26px;color:var(--mh-plum)}
.mh-page .title-h4 .light{font-size:21px;line-height:1.8;color:var(--mh-text);font-family:inherit}
/* ornament divider used before section titles */
.mh-orn{text-align:center;color:var(--mh-gold);font-size:14px;letter-spacing:14px;margin:34px 0 4px;position:relative}
.mh-orn:before,.mh-orn:after{content:"";display:inline-block;vertical-align:middle;width:90px;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--mh-gold));margin:0 14px}
.mh-orn:after{background:linear-gradient(270deg,transparent,var(--mh-gold))}
/* tables like app cards */
.mh-page table{width:100%;border-collapse:separate;border-spacing:0;border:var(--mh-contour);border-radius:var(--mh-radius);overflow:hidden;background:var(--mh-cream);font-size:17px}
.mh-page table th{background:var(--mh-plum)!important;color:var(--mh-cream)!important;padding:14px 16px!important;border:0!important;
  font-family:"RetroBrushArabic","Tahoma",sans-serif;font-weight:400;font-size:19px}
.mh-page table td{padding:12px 16px!important;border:0!important;border-bottom:1px solid rgba(217,166,59,.35)!important}
.mh-page table tbody tr:nth-child(even) td{background:var(--mh-parchment)}
.mh-page table tbody tr:last-child td{border-bottom:0!important}
.mh-page table code{background:var(--mh-brown);color:var(--mh-gold-light);padding:2px 8px;border-radius:8px;font-size:15px;direction:ltr;display:inline-block}
/* accordions as parchment cards */
.mh-page .vc_tta-accordion .vc_tta-panel{margin-bottom:12px!important;border:var(--mh-contour)!important;border-radius:14px!important;background:var(--mh-cream)!important;overflow:hidden}
.mh-page .vc_tta-accordion .vc_tta-panel-heading{background:var(--mh-parchment)!important;border:0!important}
.mh-page .vc_tta-accordion .vc_tta-panel-title a{font-family:"RetroBrushArabic","Tahoma",sans-serif!important;font-size:21px!important;padding:16px 20px!important}
.mh-page .vc_tta-accordion .vc_tta-panel-body{background:var(--mh-cream)!important;padding:18px 22px!important}
/* pricing + counters */
.mh-page .gem-pricing-column,.mh-page .gem-pricing-table .gem-pricing-column{border:var(--mh-contour);border-radius:var(--mh-radius);overflow:hidden;background:var(--mh-cream)}
.mh-page .gem-pricing-row{font-size:17px;line-height:1.9;color:var(--mh-text)}
.mh-page .gem-counter-box .gem-counter{border-radius:var(--mh-radius)}
.mh-page .gem-counter .numbers,.mh-page .gem-counter .numbers *{font-family:"RetroBrushArabic","Tahoma",sans-serif}
/* feature icons */
.mh-page .gem-quickfinder-item-title,.mh-page .gem-quickfinder-item .title{font-family:"RetroBrushArabic","Tahoma",sans-serif!important;font-size:22px;color:var(--mh-brown)}
.mh-page .gem-quickfinder-item-description,.mh-page .gem-quickfinder-item .description{font-size:17px;line-height:1.9;color:var(--mh-text)}
/* images get a soft gold frame */
.mh-page .vc_column_text img{filter:drop-shadow(0 8px 14px rgba(43,22,15,.28))}
/* contact form */
.mh-page .wpcf7 form{max-width:720px;margin:0 auto}
.mh-page .wpcf7 label{display:block;font-size:17px;color:var(--mh-brown);margin-bottom:14px}
.mh-page .wpcf7 input[type=text],.mh-page .wpcf7 input[type=email],.mh-page .wpcf7 textarea{width:100%;border:var(--mh-contour)!important;border-radius:12px!important;padding:12px 14px;font-size:17px}
.mh-page .wpcf7-submit{border-radius:25px!important;padding:12px 38px!important;font-family:"RetroBrushArabic","Tahoma",sans-serif;font-size:20px}
/* blog + privacy readability */
.mh-page .entry-content,.mh-page .wp-block-heading{color:var(--mh-text)}
.mh-page .wp-block-heading{font-family:"RetroBrushArabic","Tahoma",sans-serif;color:var(--mh-brown);margin-top:1.6em}
.mh-page .entry-content p{font-size:18px;line-height:2}
@media(max-width:767px){.mh-page .title-h1{font-size:36px}.mh-page .title-h2{font-size:28px}.mh-orn:before,.mh-orn:after{width:36px}}

/* ===== modal parchment theme (app ParchmentCard) ===== */
.mh-parchment,.mh-page .wpcf7 form{position:relative;overflow:hidden;border:1.5px solid rgba(217,166,59,.7);border-radius:22px;
  background:rgba(232,212,168,.35);padding:26px 30px;margin:0 0 18px;box-shadow:0 8px 22px rgba(43,22,15,.14)}
.mh-parchment:before,.mh-page .wpcf7 form:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:url("parchment-grid.jpg") center/cover;opacity:.22}
.mh-parchment:after,.mh-page .wpcf7 form:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:rgba(236,214,170,.28);box-shadow:inset 0 0 0 12px rgba(180,120,60,.06)}
.mh-parchment>*,.mh-page .wpcf7 form>*{position:relative;z-index:1}
.mh-parchment p{margin:0!important}
.mh-arr{position:absolute!important;z-index:1;color:#6A3478;font-size:15px;opacity:.85;line-height:1}
.mh-arr-a{top:8px;left:14px;transform:rotate(-10deg)}
.mh-arr-b{top:10px;right:16px;transform:rotate(12deg)}
.mh-page table,.mh-page .vc_tta-accordion .vc_tta-panel{background:rgba(255,245,218,.92)!important;border:1.5px solid rgba(217,166,59,.7)!important;box-shadow:0 8px 22px rgba(43,22,15,.12)}
.mh-page .vc_tta-accordion .vc_tta-panel-heading{background:rgba(232,212,168,.55)!important}

/* ===================================================================
   FULL-SITE APP THEME (v1.5): parchment paper everywhere, parchment titles
   =================================================================== */
html,body{background:var(--mh-paper)!important}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url("parchment-grid.jpg") center top/620px auto repeat;opacity:.10}
/* every default white wrapper becomes transparent so the paper shows through */
#page,#main,#main-content,.site-content,.main-content,.page-content,.block-content,.panel,.panel-center,.panel-sidebar,
.container-fullwidth,.fullwidth-content,.sidebar,#sidebar,.site-main,.post-content,.entry-content,.page-wrapper,
.blog-style-default,.portfolio-wrapper,.comments-area,.vc_row:not([class*="vc_custom_"]){background-color:transparent!important}
/* default body copy */
body,p,li,dd,td,.entry-content,.description{color:var(--mh-text)}
h1,h2,h3,h4,h5,h6{color:var(--mh-brown)}
::selection{background:var(--mh-gold);color:var(--mh-ink)}
hr,.gem-divider-line{border-color:rgba(217,166,59,.6)!important}

/* ---- page / article title bar: dark blue -> parchment ---- */
.page-title-block,#page-title,.page-title-block.page-title-style-1,.page-title-block.page-title-style-2,
.page-title-block.page-title-style-3,.page-title-block.page-title-style-4,.page-title-block.page-title-alignment-center,
.page-title-block.page-title-alignment-left,.page-title-block.page-title-alignment-right{
  position:relative;background-color:#E9D5AF!important;
  background-image:linear-gradient(rgba(238,218,176,.80),rgba(238,218,176,.80)),url("parchment-grid.jpg")!important;
  background-size:auto,620px auto!important;background-position:center!important;background-repeat:no-repeat,repeat!important;
  border-top:1.5px solid rgba(217,166,59,.7)!important;border-bottom:3px double rgba(217,166,59,.9)!important;
  box-shadow:inset 0 0 0 12px rgba(180,120,60,.06),0 6px 16px rgba(43,22,15,.12)}
.page-title-block:before{content:"\21B3";position:absolute;top:12px;left:22px;color:#6A3478;font-size:22px;transform:rotate(-10deg);opacity:.85}
.page-title-block:after{content:"\2190";position:absolute;top:14px;right:24px;color:#6A3478;font-size:22px;transform:rotate(12deg);opacity:.85}
.page-title-block .page-title-title h1,.page-title-block h1,.page-title-title,.page-title-block .page-title-title *{
  color:var(--mh-ink)!important;font-family:"RetroBrushArabic","Tahoma",sans-serif!important;text-shadow:0 2px 0 rgba(217,166,59,.4)}
.page-title-block .page-title-excerpt,.page-title-excerpt,.page-title-block .breadcrumbs,.page-title-block .breadcrumbs *{color:var(--mh-text)!important}
.page-title-block .breadcrumbs a:hover{color:var(--mh-plum)!important}
.page-title-icon,.page-title-block .page-title-icon{color:var(--mh-gold)!important}

/* ---- blog: article cards, titles, meta ---- */
.post-item,.blog-style-default .post-item,.blog-style-masonry .post-item,.blog-style-timeline .post-item,article.post,.single-post article,
.type-post .item-content,.gem-blog-item,.post-meta-wrapper{
  background:rgba(255,245,218,.9)!important;border:1.5px solid rgba(217,166,59,.7)!important;border-radius:22px!important;
  box-shadow:0 8px 22px rgba(43,22,15,.12);overflow:hidden}
.post-title,.post-title a,.entry-title,.entry-title a,.post-item h2,.post-item h3{color:var(--mh-brown)!important;font-family:"RetroBrushArabic","Tahoma",sans-serif!important}
.post-title a:hover,.entry-title a:hover{color:var(--mh-plum)!important}
.post-meta,.post-meta *,.entry-meta,.entry-meta *,.date-color,.comments-link{color:#806A51!important}
.blog-load-more .gem-button,.pagination a,.page-numbers,.gem-pagination a{background:var(--mh-plum)!important;color:#fff!important;border-radius:12px;border:1.5px solid var(--mh-gold)!important}
.page-numbers.current,.pagination .current{background:var(--mh-gold)!important;color:var(--mh-ink)!important}
blockquote,.gem-quote,.wp-block-quote{background:rgba(247,228,184,.7);border:0!important;border-inline-start:5px solid var(--mh-gold)!important;border-radius:14px;padding:18px 24px;color:var(--mh-brown)}

/* ---- sidebar, widgets, search, comments ---- */
.widget,.sidebar .widget,#sidebar .widget{background:rgba(255,245,218,.9);border:1.5px solid rgba(217,166,59,.7);border-radius:22px;padding:22px;margin-bottom:22px}
.widget-title,.widget h3{font-family:"RetroBrushArabic","Tahoma",sans-serif!important;color:var(--mh-brown)!important}
.widget a{color:var(--mh-plum)}
.comment-body,.comment-respond,#respond{background:rgba(255,245,218,.9);border:1.5px solid rgba(217,166,59,.7);border-radius:22px;padding:20px}
input,textarea,select{background:var(--mh-cream)!important;border:1.5px solid rgba(217,166,59,.8)!important;border-radius:12px!important;color:var(--mh-ink)!important}
::placeholder{color:#9B826E}

/* ---- header extras, top area, footer, scroll-to-top ---- */
#top-area,.top-area,.top-area-background{background:var(--mh-brown-deep)!important;color:var(--mh-parchment)!important;border:0!important}
#top-area a,.top-area a,.top-area-menu a{color:var(--mh-gold-light)!important}
#footer-nav,.footer-navigation,#colophon,.site-footer,#footer-widgets,.footer-widget-area{background:var(--mh-brown-deep)!important;color:var(--mh-parchment)!important;border-top:3px double var(--mh-gold)!important}
#footer-widgets h3,#footer-widgets .widget-title,.site-footer h3{color:var(--mh-gold-light)!important}
#footer-widgets .widget,.site-footer .widget{background:transparent;border:0;padding:0}
#footer-nav a,.footer-navigation a,#footer-widgets a{color:var(--mh-gold-light)!important}
.footer-site-info,.site-info{color:var(--mh-parchment)!important}
.scroll-top-button,#scroll-top,.gem-scroll-top{background:var(--mh-plum)!important;border:2px solid var(--mh-gold)!important;border-radius:14px!important;color:var(--mh-cream)!important;box-shadow:0 4px 12px rgba(43,22,15,.4)}
.scroll-top-button:hover{background:var(--mh-gold)!important;color:var(--mh-ink)!important}
.preloader,#page-preloader{background:var(--mh-paper)!important}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--mh-page)}
::-webkit-scrollbar-thumb{background:var(--mh-plum);border-radius:8px;border:2px solid var(--mh-page)}
/* 404 + search results */
.page-404,.error404 .block-content{color:var(--mh-text)}

/* header: transparent at the top, solid footer-brown once the page scrolls (sticky/fixed state) */
#site-header,.site-header,#site-header-wrapper,.header-background,.header-main{transition:background-color .3s ease,box-shadow .3s ease}
body.mh-scrolled #site-header,body.mh-scrolled .site-header,body.mh-scrolled #site-header-wrapper,body.mh-scrolled .header-background,body.mh-scrolled .header-main,
#site-header.fixed,#site-header.sticky,.fixed #site-header,.sticky-header-on #site-header,.site-header.fixed,#site-header-wrapper.fixed,
#site-header.fixed .header-background,#site-header.fixed .header-main,#site-header.sticky .header-background{
  background:var(--mh-brown-deep)!important;background-color:var(--mh-brown-deep)!important;
  border-bottom:2px solid rgba(217,166,59,.7)!important;box-shadow:0 6px 18px rgba(43,22,15,.45)!important}

/* header color band spans the full screen width, even when the theme layout is boxed */
html{overflow-x:clip}
#site-header,.site-header{isolation:isolate}
body.mh-scrolled #site-header:before,body.mh-scrolled .site-header:before,#site-header.fixed:before,#site-header.sticky:before,.fixed #site-header:before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;
  background:var(--mh-brown-deep);border-bottom:2px solid rgba(217,166,59,.7);box-shadow:0 6px 18px rgba(43,22,15,.45);pointer-events:none}
body.mh-scrolled #site-header,body.mh-scrolled .site-header,#site-header.fixed,#site-header.sticky,.fixed #site-header{
  background:transparent!important;background-color:transparent!important;border-bottom:0!important;box-shadow:none!important}
body.mh-scrolled #site-header .header-background,body.mh-scrolled #site-header .header-main,body.mh-scrolled #site-header-wrapper,
#site-header.fixed .header-background,#site-header.fixed .header-main{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important}

/* inner pages (everything except the home page): header is always solid footer-brown, full width */
body:not(.home) #site-header:before,body:not(.home) .site-header:before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;
  background:var(--mh-brown-deep);border-bottom:2px solid rgba(217,166,59,.7);box-shadow:0 6px 18px rgba(43,22,15,.45);pointer-events:none}
body:not(.home) #site-header,body:not(.home) .site-header,body:not(.home) #site-header-wrapper,
body:not(.home) #site-header .header-background,body:not(.home) #site-header .header-main,body:not(.home) .header-background,body:not(.home) .header-main{
  background:transparent!important;background-color:transparent!important;border-bottom:0!important;box-shadow:none!important}

/* no white strip above the header: the brown band reaches up past any wrapper padding/margin */
body:not(.home) #site-header:before,body:not(.home) .site-header:before,
body.mh-scrolled #site-header:before,body.mh-scrolled .site-header:before{top:-400px!important}
body:not(.home) #site-header-wrapper,body:not(.home) .header-wrapper,body:not(.home) #page>header,body:not(.home) #page>.site-header,
body:not(.home) #top-area,body:not(.home) .top-area,body:not(.home) .top-area-background{background:var(--mh-brown-deep)!important;background-color:var(--mh-brown-deep)!important}
body:not(.home) #page{padding-top:0!important;margin-top:0!important;border-top:0!important}
html,body{margin-top:0}

/* ---- v1.5.5 fixes from live screenshot ---- */
/* 1. any inner header element that paints its own white/grey background is cleared, so the full-width brown band shows */
#site-header *:not(img):not(svg):not(#primary-menu>li>a):not(#primary-menu>li>a *){background-color:transparent!important;box-shadow:none}
#site-header,#site-header-wrapper{background-image:none!important}
#site-header .header-background,#site-header .header-main,#site-header .container,#site-header .primary-navigation,#site-header .logo-wrap,
#site-header-wrapper *:not(img):not(#primary-menu>li>a):not(#primary-menu>li>a *){background-color:transparent!important;background-image:none!important}
/* one single brown band: no extra gold line / shadow stacked underneath it */
body:not(.home) #site-header:before,body.mh-scrolled #site-header:before,#site-header.fixed:before,#site-header.sticky:before{
  border-bottom:0!important;box-shadow:0 4px 10px rgba(43,22,15,.35)!important}
/* 2. search item: icon only, not a leather button */
#primary-menu>li.menu-item-search>a,#primary-menu>li.menu-item-search:hover>a,#primary-menu>li[class*="search"]>a{
  background:none!important;border:0!important;box-shadow:none!important;width:auto!important;min-width:0!important;height:auto!important;padding:0 12px!important;filter:none}
#primary-menu>li.menu-item-search>a:before,#primary-menu>li[class*="search"]>a:before{display:inline-block!important;content:revert!important;color:var(--mh-gold-light)!important}
#site-header .menu-item-search svg,#site-header .menu-item-search i,#site-header .menu-item-search a:before{color:var(--mh-gold-light)!important;fill:var(--mh-gold-light)!important}
/* 3. only one active button: the "features" anchor link (2nd item, same URL as home) stays green */
#primary-menu>li:nth-child(2).current-menu-item>a,#primary-menu>li:nth-child(2).menu-item-active>a,#primary-menu>li:nth-child(2).current_page_item>a,#primary-menu>li.mh-anchor>a{
  background:url("btn.green.png") center/100% 100% no-repeat!important;color:var(--mh-cream)!important}
/* 4. footer text readable on brown (it was inheriting the dark body text color) */
footer,footer p,footer li,footer span,footer div,footer h4,footer h5,#colophon,#colophon p,#footer-widgets p,#footer-widgets li,#footer-widgets span,
.site-footer p,.footer-widget-area p,.footer-widget-area li,.footer-widget-area span{color:var(--mh-parchment)!important}
footer a,#colophon a,#footer-widgets a{color:var(--mh-gold-light)!important}
footer h1,footer h2,footer h3,footer .widget-title,#footer-widgets .widget-title{color:var(--mh-gold-light)!important}