{"id":55,"date":"2026-04-07T13:42:58","date_gmt":"2026-04-07T13:42:58","guid":{"rendered":"https:\/\/demokhet.com\/?p=55"},"modified":"2026-04-14T11:43:44","modified_gmt":"2026-04-14T11:43:44","slug":"custom_css_twentytwentyfive","status":"publish","type":"post","link":"https:\/\/demokhet.com\/en\/custom_css_twentytwentyfive\/","title":{"rendered":"custom_css_twentytwentyfive"},"content":{"rendered":"<p>@import url(&#8222;https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500&#038;family=Marcellus&#038;family=Montserrat:wght@300;400;500;600&#038;display=swap&#8220;);<br \/>\nbody { background-color: #F0EDEA; }<br \/>\nbody, p, span, div, a, li { font-family: &#8222;Montserrat&#8220;, sans-serif; color: inherit; }<br \/>\nh1, h2, h3, h4, h5, h6 { font-family: &#8222;Marcellus&#8220;, serif; font-weight: 400; }<\/p>\n<p>\/* Nav: near-opaque dark bg *\/<br \/>\n[data-id=&#8220;nav001&#8243;] {<br \/>\n  z-index: 999 !important;<br \/>\n  background-color: rgba(15,12,10,0.97) !important;<br \/>\n}<\/p>\n<p>\/* Hero overlays \u2014 home uses data-id, sub-pages use HTML id from _element_id *\/<br \/>\n[data-id=&#8220;hero001&#8243;],<br \/>\n#srv_hero,<br \/>\n#rev_hero,<br \/>\n#bk_hero,<br \/>\n#promo_hero,<br \/>\n#ct_hero {<br \/>\n  position: relative;<br \/>\n}<br \/>\n[data-id=&#8220;hero001&#8243;]::before,<br \/>\n#srv_hero::before,<br \/>\n#rev_hero::before,<br \/>\n#bk_hero::before,<br \/>\n#promo_hero::before,<br \/>\n#ct_hero::before {<br \/>\n  content: &#8222;&#8220;;<br \/>\n  position: absolute;<br \/>\n  inset: 0;<br \/>\n  z-index: 0;<br \/>\n  pointer-events: none;<br \/>\n}<br \/>\n[data-id=&#8220;hero001&#8243;] > .e-con-inner,<br \/>\n#srv_hero > .e-con-inner,<br \/>\n#rev_hero > .e-con-inner,<br \/>\n#bk_hero > .e-con-inner,<br \/>\n#promo_hero > .e-con-inner,<br \/>\n#ct_hero > .e-con-inner {<br \/>\n  position: relative;<br \/>\n  z-index: 1;<br \/>\n}<\/p>\n<p>\/* Per-page overlay tuning *\/<br \/>\n[data-id=&#8220;hero001&#8243;]::before { background: rgba(10,8,6,0.62); }<br \/>\n#srv_hero::before { background: rgba(10,8,6,0.55); }<br \/>\n#bk_hero::before { background: rgba(10,8,6,0.72); }<br \/>\n#promo_hero::before { background: rgba(10,8,6,0.72); }<br \/>\n#rev_hero::before { background: linear-gradient(to bottom, rgba(10,8,6,0.70) 0%, rgba(10,8,6,0.88) 40%, rgba(10,8,6,0.88) 70%, rgba(10,8,6,0.75) 100%); }<br \/>\n#ct_hero::before { background: linear-gradient(to bottom, rgba(10,8,6,0.75) 0%, rgba(10,8,6,0.88) 30%, rgba(10,8,6,0.85) 75%, rgba(10,8,6,0.72) 100%); }<\/p>\n<p>\/* ALL hero text: strong text-shadow *\/<br \/>\n[data-id=&#8220;hero001&#8243;] .e-con-inner *,<br \/>\n#srv_hero .e-con-inner *,<br \/>\n#rev_hero .e-con-inner *,<br \/>\n#bk_hero .e-con-inner *,<br \/>\n#promo_hero .e-con-inner *,<br \/>\n#ct_hero .e-con-inner * {<br \/>\n  text-shadow: 0 2px 8px rgba(0,0,0,0.7), 0 0 3px rgba(0,0,0,0.5);<br \/>\n}<\/p>\n<p>\/* Mobile navigation *\/<br \/>\n@media (max-width: 1024px) {<br \/>\n  [data-id=&#8220;nav003&#8243;] { display: none !important; }<br \/>\n  [data-id=&#8220;nav001&#8243;] {<br \/>\n    flex-wrap: wrap !important;<br \/>\n    padding: 16px 24px !important;<br \/>\n  }<br \/>\n  [data-id=&#8220;nav001&#8243;] .e-con-inner {<br \/>\n    flex-wrap: wrap !important;<br \/>\n    justify-content: space-between !important;<br \/>\n  }<br \/>\n  [data-id=&#8220;nav002&#8243;] { flex-shrink: 0; white-space: nowrap; }<br \/>\n}<br \/>\n@media (max-width: 768px) {<br \/>\n  [data-id=&#8220;nav002&#8243;] h3 {<br \/>\n    font-size: 18px !important;<br \/>\n    letter-spacing: 2px !important;<br \/>\n    white-space: nowrap !important;<br \/>\n  }<br \/>\n  [data-id=&#8220;nav004&#8243;] .elementor-button {<br \/>\n    padding: 10px 20px !important;<br \/>\n    font-size: 10px !important;<br \/>\n  }<br \/>\n}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>@import url(&#8222;https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500&#038;family=Marcellus&#038;family=Montserrat:wght@300;400;500;600&#038;display=swap&#8220;); body { background-color: #F0EDEA; } body, p, span, div, a, li { font-family: &#8222;Montserrat&#8220;, sans-serif; color: inherit; } h1, h2, h3, h4, h5, h6 { font-family: &#8222;Marcellus&#8220;, serif; font-weight: 400; } \/* Nav: near-opaque dark bg *\/ [data-id=&#8220;nav001&#8243;] { z-index: 999 !important; background-color: rgba(15,12,10,0.97) !important; } \/* Hero overlays \u2014 home uses data-id, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-55","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/posts\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":1,"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/posts\/55\/revisions\/506"}],"wp:attachment":[{"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demokhet.com\/en\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}