:root{
    --bg: #f4dfb6;
    --ink: #0f172a;
    --muted: #334155;
    --card: rgba(255,255,255,.92);
    --border: rgba(15,23,42,.14);
    --shadow: 0 18px 55px rgba(0,0,0,.28);
    --shadow-soft: 0 10px 26px rgba(0,0,0,.18);
  }
  
  *{ box-sizing: border-box; }
  html, body{ height: 100%; }
  
  body.ceb9c38{
    margin: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--ink);
    background-color: var(--bg);
    background-image: var(--bg-image, url("https://mattrixderailed.com/wp-content/uploads/2026/01/fiber-optics-2025-03-25-08-00-20-utc.jpg"));
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  
  a{ color: inherit; text-decoration: none; }
  a:hover{ text-decoration: underline; }
  
  .ceb9c64{
    position: absolute;
    left: -999px;
    top: 10px;
    background: #fff;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--border);
    z-index: 9999;
  }
  .ceb9c64:focus{ left: 10px; }
  
  .ceb9c70{
    width: min(1200px, calc(100% - 32px));
    margin: 0 auto;
  }
  
  /* ===== Header ===== */
  .ceb9c36{
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(255,255,255,.35);
  }
  
  .ceb9c39{
    padding: 20px 0 10px;
  }
  .ceb9c59{
    display: flex;
    align-items: center;
  }
  .ceb9c48{
    font-size: 42px;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: #000;
  }
  
  .nav{
    border-top: 1px solid var(--border);
    border-bottom: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.72);
  }
  .ceb9c96{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
  }
  
  .burger{
    display: none;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 10px;
    background: rgba(255,255,255,.7);
    cursor: pointer;
  }
  .burger span{
    display: block;
    width: 18px;
    height: 2px;
    background: #111;
    margin: 4px auto;
    border-radius: 999px;
  }
  @media (max-width: 640px){
    .burger{ display: inline-block; }
  }
  
  .nav-links{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 18px;
  }
  .nav-link{
    display: inline-block;
    padding: 10px 6px;
    font-weight: 700;
    color: #111;
  }
  .nav-link.ceb9c76{
    text-decoration: underline;
    text-underline-offset: 6px;
  }
  
  .nav-actions{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .icon-btn{
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 10px;
    background: rgba(255,255,255,.7);
  }
  .icon-btn:hover{ background: rgba(255,255,255,.9); }
  
  /* Theme switch (visual only) */
  .ceb9c10{
    position: relative;
    width: 54px;
    height: 30px;
    display: inline-block;
  }
  .ceb9c10 input{
    opacity: 0;
    width: 0;
    height: 0;
  }
  .ceb9c37{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.12);
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.10);
    cursor: pointer;
  }
  .ceb9c37::before{
    content:"";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(0,0,0,.20);
    transition: transform .2s ease;
  }
  .ceb9c10 input:checked + .ceb9c37::before{
    transform: translate(22px, -50%);
  }
  
  /* ===== Layout ===== */
  .ceb9c94{
    padding: 26px 0 44px;
  }
  
  .ceb9c108{
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 22px;
    align-items: start;
  }
  
  @media (max-width: 980px){
    .ceb9c108{ grid-template-columns: 1fr; }
  }
  
  .card{
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    border-radius: 10px;
  }
  
  .ceb9c62{
    padding: 18px 20px;
    box-shadow: var(--shadow-soft);
  }
  
  .ceb9c18{
    margin: 0;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -0.02em;
  }
  
  .ceb9c29{
    padding: 20px;
    box-shadow: var(--shadow-soft);
  }
  
  .ceb9c29 p{
    margin: 12px 0;
    font-size: 17px;
    line-height: 1.75;
    color: rgba(15,23,42,.92);
  }
  
  .ceb9c29 h2{
    margin: 24px 0 10px;
    font-size: 22px;
    font-weight: 900;
    color: #111;
  }
  
  .ceb9c26{
    margin: 16px 0 10px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.10);
  }
  .ceb9c26 img{
    display: block;
    width: 100%;
    height: auto;
  }
  
  /* Sidebar widgets */
  .ceb9c86{ display: flex; flex-direction: column; gap: 18px; }
  
  .widget{ padding: 16px; box-shadow: var(--shadow-soft); }
  .ceb9c98{
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 900;
  }
  
  .search-form{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
  }
  .search-form input{
    height: 40px;
    border: 1px solid rgba(0,0,0,.18);
    border-radius: 8px;
    padding: 0 10px;
    background: #fff;
    outline: none;
  }
  .search-form button{
    height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: #111827;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
  }
  .search-form button:hover{ opacity: .92; }
  
  .ceb9c53{
    margin: 0;
    padding-left: 18px;
  }
  .ceb9c53 li{ margin: 10px 0; }
  .ceb9c53 a:hover{ color: #000; }
  
  .ceb9c30{
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.10);
  }
  .ceb9c30 iframe{
    width: 100%;
    height: 100%;
    border: 0;
  }
  
  /* Footer */
  .ceb9c95{
    background: #000;
    color: #fff;
    text-align: center;
    padding: 34px;
    font-size: 14px;
  }
  /*

Description: BlogArise is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. BlogArise is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. BlogArise is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogarise-demos/ and documentation at https://docs.themeansar.com/docs/blogarise/
Version: 1.5.1
Tested up to: 6.9
Requires PHP: 7.4
Requires at least: 6.7
Tags: two-columns, three-columns, left-sidebar, right-sidebar, translation-ready, custom-background, custom-logo, featured-images, footer-widgets, full-width-template, blog, e-commerce, entertainment
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: blogarise
*/
:root {
	--bo-color: #000;
	--bxbr: 3px solid var(--bo-color);
	--bxbra: 15px;
	--bxsh: 7px 7px 0px var(--bo-color);
	--bxshover: 8px 8px 0px var(--bo-color);
	--bstras: 0 4px 60px 0 rgba(0, 0, 0, 0.2);
	--headFont: 'Outfit', sans-serif;
	--bodyFont: 'Rubik', sans-serif;
}

/*---------------------------------------
	Body & Global    
-----------------------------------------*/
body.ceb9c38{
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	margin: 0;
	font-family: var(--bodyFont);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.78;
	text-decoration: none;
}

.ceb9c34 {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.ceb9c44 {
	width: 1170px;
	margin: 0 auto;
	position: relative;
	box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
}

/* width */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--pri-color);
}

a {
	text-decoration: inherit;
	transition: all .3s ease-out;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: 1px solid;
	text-decoration: underline;
}

input[type="radio"],
input[type="checkbox"] {
	display: inline;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
	color: #545454;
	box-shadow: 0 0 0 0.063rem rgba(84, 84, 84, .25) !important;
}

select {
	background-clip: padding-box;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 0;
	color: #444;
	display: block;
	font-weight: 400;
	overflow: hidden;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}

.ceb9c46>[class*=col-] {
	padding-right: 0;
	padding-left: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
	color: var(--text-color);
	background: var(--box-color);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: var(--bxbr);
	border-radius: var(--bxbra);
	display: block;
	padding: 13px 16px;
	width: 100%;
	outline: 0;
	height: 54px;
}

/* ... (rest of your CSS continues exactly as you pasted) ... */

@media (max-width:575px) {
	.ceb9c1 {
		flex-direction: column;
	}

	.ceb9c23 .ceb9c66 {
		padding: 100px 25px 25px 0px;
	}

	.ceb9c28.ceb9c75 {
		padding: 25px;
	}

	.ceb9c71 .ceb9c79 {
		width: 75%;
	}

	.ceb9c27 .ceb9c24:after,
	.ceb9c27 .ceb9c72:after {
		font-size: 15px;
	}

	.ceb9c27 .ceb9c24,
	.ceb9c27 .ceb9c72 {
		width: 35px;
		height: 35px;
	}

	.ceb9c75.ceb9c108 .ceb9c87.ceb9c84 {
		height: 300px;
	}

	.ceb9c75.ceb9c108 .ceb9c100 {
		justify-content: flex-start;
	}

	.ceb9c89 {
		text-align: center;
		font-size: 16px;
	}
}
/* =========================================================
   OVERRIDES to match the REAL site (yellow + black borders)
   Paste at VERY BOTTOM of style.css
   ========================================================= */

   :root{
    /* Primary yellow like the live site */
    --pri-color: #f6c400;
  
    /* If your big BlogArise CSS expects these, define them */
    --head-color: #111;
    --text-color: #111;
    --bg-color: #fff;
    --box-color: #fff;
  
    /* Black border + “offset shadow” look */
    --bo-color: #000;
    --bxbr: 3px solid var(--bo-color);
    --bxbra: 15px;
    --bxsh: 7px 7px 0px var(--bo-color);
    --bxshover: 8px 8px 0px var(--bo-color);
  }
  
  /* Make header show the background image behind it */
  .ceb9c36{
    background: transparent !important;
    backdrop-filter: none !important;
    border-bottom: 0 !important;
  }
  
  /* Brand text in yellow + shadow */
  .ceb9c39{
    padding: 36px 0 14px !important;
  }
  .ceb9c48{
    color: var(--pri-color) !important;
    font-weight: 900 !important;
    font-size: 72px !important;
    line-height: 1 !important;
    text-shadow: 4px 4px 0 #000 !important;
  }
  
  /* Yellow NAV bar with black border */
  .nav{
    background: var(--pri-color) !important;
    border-top: var(--bxbr) !important;
    border-bottom: var(--bxbr) !important;
  }
  .ceb9c96{
    padding: 12px 0 !important;
  }
  .nav-links{
    gap: 28px !important;
  }
  .nav-link{
    color: #000 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
  .nav-link.ceb9c76{
    border-bottom: 3px solid #000 !important;
    padding-bottom: 6px !important;
  }
  
  /* Icon buttons become circular and yellow (search + moon) */
  .icon-btn{
    background: var(--pri-color) !important;
    border: var(--bxbr) !important;
    border-radius: 999px !important;
    width: 46px !important;
    height: 46px !important;
    box-shadow: none !important;
  }
  .icon-btn svg{
    color: #000 !important;
  }
  
  /* Burger button also yellow + circular */
  .burger{
    border: var(--bxbr) !important;
    background: var(--pri-color) !important;
    border-radius: 999px !important;
  }
  
  /* Cards use thick border + offset shadow like the real site */
  .card{
    background: #fff !important;
    border: var(--bxbr) !important;
    border-radius: var(--bxbra) !important;
    box-shadow: var(--bxsh) !important;
  }
  .card:hover{ box-shadow: var(--bxshover) !important; }
  
  /* Title card should look like the big white box on the real site */
  .ceb9c62{
    padding: 20px 26px !important;
  }
  .ceb9c18{
    margin: 0 !important;
    font-size: 40px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
  }
  
  /* Make article card closer to the real layout */
  .ceb9c29{
    padding: 24px 26px !important;
  }
  .ceb9c29 p{
    font-size: 16px !important;
    line-height: 1.85 !important;
  }
  
  /* Sidebar widgets: yellow header bar inside each widget */
  .widget{
    padding: 16px !important;
  }
  
  .ceb9c98{
    display: block !important;
    text-align: center !important;
  
    background: var(--pri-color) !important;
    border: var(--bxbr) !important;
    border-radius: 12px !important;
  
    padding: 10px 0 !important;
    margin: 0 0 14px !important;
  
    font-weight: 900 !important;
    color: #000 !important;
  }
  
  /* Search widget style: thick borders + yellow button */
  .search-form{
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 12px !important;
  }
  .search-form input{
    height: 54px !important;
    border: var(--bxbr) !important;
    border-radius: var(--bxbra) !important;
    background: #fff !important;
  }
  .search-form button{
    height: 54px !important;
    border: var(--bxbr) !important;
    border-radius: var(--bxbra) !important;
    background: var(--pri-color) !important;
    color: #000 !important;
    font-weight: 900 !important;
  }
  .search-form button:hover{ opacity: .95 !important; }
  
  /* Meta list: keep clean like the screenshot */
  .ceb9c53{
    padding-left: 18px !important;
  }
  .ceb9c53 li{
    margin: 10px 0 !important;
  }
  
  /* Responsive: reduce big brand size on smaller screens */
  @media (max-width: 900px){
    .ceb9c48{ font-size: 52px !important; }
  }
  @media (max-width: 640px){
    .ceb9c48{ font-size: 44px !important; }
  }
  /* ===== Contact page form styling (matches yellow/black theme) ===== */
.ceb9c51{ padding: 26px !important; }

.ceb9c67{ display: grid; gap: 18px; }

.ceb9c67 label{
  font-weight: 800;
  margin-bottom: 8px;
  display: block;
  color: #111;
}

.ceb9c67 input,
.ceb9c67 textarea{
  width: 100%;
  border: var(--bxbr) !important;
  border-radius: var(--bxbra) !important;
  padding: 12px 14px;
  font-size: 16px;
  background: #fff;
  outline: none;
}

.ceb9c67 textarea{
  min-height: 120px;
  resize: vertical;
}

.ceb9c49{
  justify-self: start;
  padding: 10px 26px;
  border: var(--bxbr);
  border-radius: var(--bxbra);
  background: var(--pri-color);
  font-weight: 900;
  cursor: pointer;
  box-shadow: none;
}
.ceb9c49:hover{ opacity: .95; }
/* =========================================================
   ENHANCEMENTS - SAMPLE_02
   Add at the VERY BOTTOM of style.css
   Keeps the same yellow/black theme
   ========================================================= */

html{
  scroll-behavior: smooth;
}

/* Sticky nav */
.nav{
  position: sticky;
  top: 0;
  z-index: 80;
  transition: box-shadow .25s ease, transform .25s ease;
}

.nav.ceb9c16{
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

/* Smoother interactions */
.ceb9c62,
.ceb9c29,
.widget,
.ceb9c30,
.ceb9c26,
.ceb9c49,
.search-form button,
.icon-btn,
.nav-link{
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background-color .25s ease,
    color .25s ease,
    opacity .25s ease;
}

/* Card polish without changing structure */
.ceb9c62,
.ceb9c29,
.widget{
  position: relative;
  overflow: hidden;
}

.ceb9c62::after,
.ceb9c29::after,
.widget::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 0%,
    rgba(246,196,0,.06) 35%,
    transparent 70%
  );
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}

.ceb9c62:hover::after,
.ceb9c29:hover::after,
.widget:hover::after{
  opacity: 1;
}

.card:hover,
.widget:hover{
  transform: translate(-2px, -2px);
}

/* Hero image */
.ceb9c26 img{
  transition: transform .65s ease, filter .35s ease;
}

.ceb9c26:hover img{
  transform: scale(1.03);
  filter: saturate(1.03) contrast(1.02);
}

/* Nav underline animation */
.nav-link{
  position: relative;
}

.nav-link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 0;
  height: 3px;
  background: #000;
  transition: width .25s ease;
}

.nav-link:hover::after,
.nav-link.ceb9c76::after{
  width: 100%;
}

/* Buttons */
.icon-btn:hover,
.search-form button:hover,
.ceb9c49:hover{
  transform: translateY(-2px);
}

/* Focus ring */
.search-form input:focus,
.ceb9c67 input:focus,
.ceb9c67 textarea:focus{
  box-shadow: 0 0 0 4px rgba(246,196,0,.22) !important;
}

/* Reading progress bar */
.ceb9c22{
  position: fixed;
  inset: 0 0 auto 0;
  height: 5px;
  background: transparent;
  z-index: 120;
  pointer-events: none;
}

.ceb9c22 span{
  display: block;
  width: 0;
  height: 100%;
  background: #f6c400;
  box-shadow: 0 0 12px rgba(246,196,0,.85);
}

/* Back to top */
.ceb9c14{
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 52px;
  height: 52px;
  border: 3px solid #000;
  border-radius: 999px;
  background: #f6c400;
  color: #000;
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 6px 6px 0 #000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
  z-index: 90;
}

.ceb9c14.ceb9c15{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Reveal on scroll */
.ceb9c54{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}

.ceb9c54.ceb9c52{
  opacity: 1;
  transform: none;
}

/* Dark mode: keep yellow brand, darken surfaces only */
body.theme-dark{
  --bg: #070707;
  --ink: #f7f7f7;
  --muted: rgba(255,255,255,.78);
  --card: rgba(17,17,19,.96);
  --border: rgba(255,255,255,.16);
  --shadow: 0 18px 55px rgba(0,0,0,.42);
  --shadow-soft: 0 10px 26px rgba(0,0,0,.34);
}

body.theme-dark::before{
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.42);
  pointer-events: none;
  z-index: 0;
}

body.theme-dark .ceb9c36,
body.theme-dark .ceb9c94,
body.theme-dark .ceb9c95{
  position: relative;
  z-index: 1;
}

body.theme-dark .card,
body.theme-dark .widget{
  background: rgba(18,18,20,.96) !important;
}

body.theme-dark .ceb9c18,
body.theme-dark .ceb9c29 h2,
body.theme-dark .ceb9c29 p,
body.theme-dark .ceb9c53 a,
body.theme-dark .ceb9c67 label,
body.theme-dark .search-form input,
body.theme-dark .ceb9c67 input,
body.theme-dark .ceb9c67 textarea{
  color: #f7f7f7 !important;
}

body.theme-dark .search-form input,
body.theme-dark .ceb9c67 input,
body.theme-dark .ceb9c67 textarea{
  background: #0d0d10 !important;
  border-color: rgba(255,255,255,.18) !important;
}

body.theme-dark .ceb9c95{
  background: #000;
}

@media (max-width: 640px){
  .ceb9c14{
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
  }
}
/* =========================================================
   WORKING BURGER + SEARCH + DARK MODE
   Add at VERY BOTTOM of style.css
   ========================================================= */

.nav{
  position: relative;
}

.burger{
  display: none;
  align-items: center;
  justify-content: center;
}

.burger span{
  transition: transform .25s ease, opacity .25s ease, background-color .25s ease;
}

.nav.nav-open .burger span:nth-child(1){
  transform: translateY(6px) rotate(45deg);
}

.nav.nav-open .burger span:nth-child(2){
  opacity: 0;
}

.nav.nav-open .burger span:nth-child(3){
  transform: translateY(-6px) rotate(-45deg);
}

.icon-btn{
  cursor: pointer;
}

.icon-btn.is-active{
  background: #111 !important;
  border: 3px solid #f6c400 !important;
}

.icon-btn.is-active svg{
  color: #f6c400 !important;
}

/* Mobile menu */
@media (max-width: 768px){
  .ceb9c96{
    position: relative;
  }

  .burger{
    display: grid !important;
    flex: 0 0 auto;
  }

  .nav-links{
    display: none !important;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 12px);
    flex-direction: column;
    gap: 0 !important;
    padding: 14px 18px;
    background: #f6c400 !important;
    border: 3px solid #000 !important;
    border-radius: 16px !important;
    box-shadow: 7px 7px 0 #000 !important;
    z-index: 400;
  }

  .nav.nav-open .nav-links{
    display: flex !important;
  }

  .nav-link{
    display: block !important;
    padding: 12px 0 !important;
    border-top: 1px solid rgba(0,0,0,.14);
  }

  .nav-link:first-child{
    border-top: 0;
  }

  .nav-link.ceb9c76{
    padding-bottom: 12px !important;
    border-bottom: 0 !important;
    text-decoration: underline;
    text-underline-offset: 6px;
  }

  .nav-actions{
    margin-left: auto;
  }
}

/* Dark mode */
body.theme-dark{
  background-color: #060606 !important;
  color: #f5f5f5 !important;
}

body.theme-dark::before{
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  pointer-events: none;
  z-index: 0;
}

body.theme-dark .ceb9c36,
body.theme-dark .ceb9c94,
body.theme-dark .ceb9c95{
  position: relative;
  z-index: 1;
}

body.theme-dark .ceb9c48{
  color: #f6c400 !important;
}

body.theme-dark .nav{
  background: #d6aa00 !important;
}

body.theme-dark .card{
  background: #101010 !important;
  border: 3px solid #f6c400 !important;
  box-shadow: 7px 7px 0 #000 !important;
}

body.theme-dark .ceb9c18,
body.theme-dark .ceb9c29 p,
body.theme-dark .ceb9c29 h2,
body.theme-dark .ceb9c53 a,
body.theme-dark .ceb9c67 label{
  color: #f5f5f5 !important;
}

body.theme-dark .ceb9c98{
  background: #111 !important;
  color: #f6c400 !important;
  border: 3px solid #f6c400 !important;
}

body.theme-dark .search-form input,
body.theme-dark .ceb9c67 input,
body.theme-dark .ceb9c67 textarea{
  background: #1a1a1a !important;
  color: #fff !important;
  border: 3px solid #f6c400 !important;
}

body.theme-dark .search-form button,
body.theme-dark .ceb9c49{
  background: #f6c400 !important;
  color: #000 !important;
  border: 3px solid #000 !important;
}

body.theme-dark .icon-btn,
body.theme-dark .burger{
  background: #111 !important;
  border: 3px solid #f6c400 !important;
}

body.theme-dark .icon-btn svg{
  color: #f6c400 !important;
}

body.theme-dark .burger span{
  background: #f6c400 !important;
}

body.theme-dark .nav.nav-open .nav-links{
  background: #111 !important;
  border: 3px solid #f6c400 !important;
}

body.theme-dark .nav.nav-open .nav-link{
  color: #f6c400 !important;
  border-top-color: rgba(255,255,255,.12) !important;
}

body.theme-dark .ceb9c95{
  background: #000 !important;
  color: #fff !important;
}
/* paste this at the end of style.css */

.ceb9c108{
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  grid-template-areas: "sidebar content";
  gap: 22px;
  align-items: start;
}

.content{
  grid-area: content;
  min-width: 0;
}

.ceb9c86{
  grid-area: sidebar;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

@media (max-width: 980px){
  .ceb9c108{
    grid-template-columns: 1fr;
    grid-template-areas:
      "content"
      "sidebar";
  }
}

/* Generated theme override */
:root{
  --accent:#73843f;
  --text:#3e4334;
  --title:#282d19;
  --muted:#8f9289;
  --border:#f0f1ea;
  --surface:#ffffff;
  --surface-2:#fafbf7;
  --footer:#444e25;
  --button:#5b6832;
  --button-text:#ffffff;
  --hero-overlay:rgba(115,132,63,0.08);
  --wf-accent:#73843f;
  --wf-light-box-1:#f2f4ee;
  --wf-light-box-2:#fbfcf9;
  --wf-light-box-3:#f3f5ef;
  --wf-light-box-4:#fdfdfb;
  --wf-panel-bg:linear-gradient(145deg,#f2f4ee,#fbfcf9);
  --wf-panel-border:#f0f1ea;
  --wf-panel-shadow:0 20px 56px rgba(115,132,63,0.1);
  --wf-site-title-bg:#f3f5ef;
  --wf-site-title-border:#f0f1ea;
  --wf-search-bg:#fdfdfb;
  --wf-scroll-start:rgba(115,132,63,0.96);
  --wf-scroll-end:rgba(115,132,63,0.24);
}
.ceb9c112{background:var(--surface) !important;}
.ceb9c2,.widget,.ceb9c25,main article{background:var(--wf-light-box-1) !important;background-image:none !important;opacity:1 !important;border:1px solid #f0f1ea;box-shadow:0 18px 42px rgba(115,132,63,0.12);}
.ceb9c91,.ceb9c35,.ceb9c62,.ceb9c51,.ceb9c11{background:var(--wf-light-box-2) !important;background-image:none !important;opacity:1 !important;border:1px solid #f0f1ea;box-shadow:0 18px 42px rgba(115,132,63,0.12);}
.ceb9c3,#top-bar,#main-nav{background:var(--wf-light-box-3) !important;background-image:none !important;opacity:1 !important;border:1px solid #f0f1ea;box-shadow:0 18px 42px rgba(115,132,63,0.12);}
.ceb9c91,.ceb9c35,#top-bar,#main-nav,.ceb9c3{border-color:#f0f1ea;}
a:hover{color:#637236;}
.ceb9c12 img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1024 / 683;object-fit:cover;border-radius:18px;}
.ceb9c65{display:block;width:100%;max-width:100%;aspect-ratio:560 / 315;height:auto;min-height:240px;border:0;border-radius:18px;background:#000;}
.ceb9c5{width:min(100%,420px) !important;max-width:100% !important;height:740px !important;aspect-ratio:9 / 16 !important;margin:0 auto;}
.widget .ceb9c65{margin:0 auto;}
.ceb9c61{margin:12px 0 0;font-size:14px;}
.ceb9c61 a{font-weight:700;text-decoration:underline;}

/* wf-sample02-accent:start */
:root{
    --wf-s02-nav: #1df7da;
    --wf-s02-nav-dark: #147164;
    --wf-s02-nav-contrast: #111111;
    --wf-s02-title: #6c8c21;
    --wf-s02-soft: #e8e1f9;
    --wf-s02-ring: rgba(29,247,218,0.18);
    --wf-s02-shadow: rgba(108,140,33,0.18);
    --wf-s02-title-shadow: rgba(108,140,33,0.3);
}

/* titles */
.ceb9c48,
.ceb9c48 a,
.ceb9c18,
.card h1,
.card h2,
.card h3,
.card h4,
.ceb9c29 h1,
.ceb9c29 h2,
.ceb9c29 h3,
.ceb9c29 h4,
.ceb9c51 h1,
.ceb9c51 h2,
.ceb9c51 h3,
.ceb9c51 h4,
.ceb9c95,
.ceb9c95 a,
.ceb9c26 figcaption,
.ceb9c101,
.ceb9c98,
.ceb9c47,
[class*="highlight"],
[class*="eyebrow"],
[class*="label"],
[class*="tagline"],
[class*="section-title"],
[class*="widget-title"],
[class*="meta-title"],
[class*="search-title"]{
    color: var(--wf-s02-title) !important;
}

.ceb9c48{
    text-shadow: 4px 4px 0 var(--wf-s02-title-shadow) !important;
}

/* top nav bar */
.ceb9c77,
.ceb9c81,
.ceb9c92,
.ceb9c40,
.nav,
.ceb9c20,
.ceb9c93,
.ceb9c56,
.ceb9c41,
.ceb9c32,
.ceb9c110,
.ceb9c102,
.ceb9c90,
nav,
header nav{
    background: var(--wf-s02-nav) !important;
    background-color: var(--wf-s02-nav) !important;
    border-color: var(--wf-s02-nav-dark) !important;
}

.ceb9c77 a,
.ceb9c81 a,
.ceb9c92 a,
.ceb9c40 a,
.nav a,
.ceb9c41 a,
.ceb9c32 a,
.ceb9c110 a,
.ceb9c102 a,
.ceb9c90 a,
nav a{
    color: var(--wf-s02-nav-contrast) !important;
}

/* active only inside actual nav */
nav .ceb9c76,
header nav .ceb9c76,
.ceb9c77 .ceb9c76,
.ceb9c81 .ceb9c76,
.ceb9c92 .ceb9c76,
.ceb9c40 .ceb9c76,
nav .ceb9c8 > a,
nav .ceb9c113 > a,
header nav .ceb9c8 > a,
header nav .ceb9c113 > a,
.ceb9c77 .ceb9c8 > a,
.ceb9c77 .ceb9c113 > a,
.ceb9c81 .ceb9c8 > a,
.ceb9c81 .ceb9c113 > a,
.ceb9c40 .ceb9c8 > a,
.ceb9c40 .ceb9c113 > a{
    background: var(--wf-s02-nav) !important;
    background-color: var(--wf-s02-nav) !important;
    color: var(--wf-s02-nav-contrast) !important;
    border-color: var(--wf-s02-nav-contrast) !important;
}

.ceb9c77 a:hover,
.ceb9c81 a:hover,
.ceb9c92 a:hover,
.ceb9c40 a:hover,
.nav a:hover,
.ceb9c41 a:hover,
.ceb9c32 a:hover,
.ceb9c110 a:hover,
.ceb9c102 a:hover,
.ceb9c90 a:hover,
nav a:hover{
    color: var(--wf-s02-nav-contrast) !important;
    background: var(--wf-s02-nav-dark) !important;
    background-color: var(--wf-s02-nav-dark) !important;
}

nav .ceb9c76::after,
.ceb9c77 .ceb9c76::after,
.ceb9c81 .ceb9c76::after,
.ceb9c40 .ceb9c76::after,
nav .ceb9c8 > a::after,
nav .ceb9c113 > a::after,
.ceb9c77 .ceb9c8 > a::after,
.ceb9c77 .ceb9c113 > a::after,
.ceb9c81 .ceb9c8 > a::after,
.ceb9c81 .ceb9c113 > a::after,
.ceb9c40 .ceb9c8 > a::after{
    background: var(--wf-s02-nav-contrast) !important;
}

/* reset sidebar current link so homepage/contact there stay normal */
aside .ceb9c76,
aside a.ceb9c76,
aside .ceb9c8 > a,
aside .ceb9c113 > a,
[role="complementary"] .ceb9c76,
[role="complementary"] a.ceb9c76,
[role="complementary"] .ceb9c8 > a,
[role="complementary"] .ceb9c113 > a{
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* cards / borders */
.ceb9c85,
.ceb9c53,
.card,
.ceb9c29,
.ceb9c51,
.ceb9c30,
.ceb9c88,
.ceb9c26,
[class*="card"],
[class*="box"]{
    border-color: var(--wf-s02-title) !important;
}

/* left sidebar Search / Meta header blocks */
aside h1:first-child,
aside h2:first-child,
aside h3:first-child,
aside h4:first-child,
aside section > h1:first-child,
aside section > h2:first-child,
aside section > h3:first-child,
aside section > h4:first-child,
aside article > h1:first-child,
aside article > h2:first-child,
aside article > h3:first-child,
aside article > h4:first-child,
aside div > h1:first-child,
aside div > h2:first-child,
aside div > h3:first-child,
aside div > h4:first-child,
[role="complementary"] h1:first-child,
[role="complementary"] h2:first-child,
[role="complementary"] h3:first-child,
[role="complementary"] h4:first-child,
[role="complementary"] section > h1:first-child,
[role="complementary"] section > h2:first-child,
[role="complementary"] section > h3:first-child,
[role="complementary"] section > h4:first-child,
[role="complementary"] article > h1:first-child,
[role="complementary"] article > h2:first-child,
[role="complementary"] article > h3:first-child,
[role="complementary"] article > h4:first-child{
    background: var(--wf-s02-nav) !important;
    background-color: var(--wf-s02-nav) !important;
    color: var(--wf-s02-nav-contrast) !important;
    border: 3px solid var(--wf-s02-title) !important;
    box-shadow: 6px 6px 0 var(--wf-s02-title) !important;
    padding: 16px 20px !important;
}

/* sidebar search button + icon buttons + generic buttons */
aside button,
aside input[type="submit"],
aside input[type="button"],
aside .ceb9c78,
aside .ceb9c83,
aside [class*="btn"],
[role="complementary"] button,
[role="complementary"] input[type="submit"],
[role="complementary"] input[type="button"],
[role="complementary"] .ceb9c78,
[role="complementary"] .ceb9c83,
[role="complementary"] [class*="btn"],
.ceb9c85 button,
.ceb9c85 input[type="submit"],
.ceb9c85 input[type="button"],
.search-form button,
.search-form input[type="submit"],
.search-form input[type="button"],
button[type="submit"],
input[type="submit"],
input[type="button"],
form button[type="submit"],
form input[type="submit"],
form input[type="button"],
.ceb9c51 button,
.ceb9c51 input[type="submit"],
.ceb9c51 input[type="button"],
article form button,
article form input[type="submit"],
article form input[type="button"],
.ceb9c83,
.ceb9c78,
.ceb9c4,
.ceb9c99,
[class*="btn"],
[class*="button"],
.ceb9c105,
.ceb9c19,
.ceb9c55,
.ceb9c63,
.ceb9c74,
.ceb9c33,
.ceb9c97,
.ceb9c58,
.ceb9c17,
.ceb9c50,
.ceb9c80,
.burger,
.ceb9c7,
.icon-btn,
.ceb9c103,
.ceb9c107 a,
.ceb9c107 button,
.ceb9c82 a,
.ceb9c82 button,
.ceb9c9 a,
.ceb9c9 button,
a[class*="search"],
button[class*="search"],
a[class*="theme"],
button[class*="theme"],
a[class*="dark"],
button[class*="dark"],
a[class*="night"],
button[class*="night"],
a[class*="toggle"],
button[class*="toggle"],
a[class*="menu"],
button[class*="menu"],
a[class*="nav"],
button[class*="nav"],
a[class*="hamburger"],
button[class*="hamburger"],
a[class*="burger"],
button[class*="burger"],
[aria-label*="search" i],
[aria-label*="theme" i],
[aria-label*="dark" i],
[aria-label*="night" i],
[aria-label*="menu" i],
[aria-label*="navigation" i]{
    background: var(--wf-s02-nav) !important;
    background-color: var(--wf-s02-nav) !important;
    color: var(--wf-s02-nav-contrast) !important;
    border-color: var(--wf-s02-title) !important;
    box-shadow: 0 10px 24px var(--wf-s02-shadow) !important;
}

/* hover */
aside button:hover,
aside input[type="submit"]:hover,
aside input[type="button"]:hover,
aside .ceb9c78:hover,
aside .ceb9c83:hover,
aside [class*="btn"]:hover,
[role="complementary"] button:hover,
[role="complementary"] input[type="submit"]:hover,
[role="complementary"] input[type="button"]:hover,
[role="complementary"] .ceb9c78:hover,
[role="complementary"] .ceb9c83:hover,
[role="complementary"] [class*="btn"]:hover,
.ceb9c85 button:hover,
.ceb9c85 input[type="submit"]:hover,
.ceb9c85 input[type="button"]:hover,
.search-form button:hover,
.search-form input[type="submit"]:hover,
.search-form input[type="button"]:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
form button[type="submit"]:hover,
form input[type="submit"]:hover,
form input[type="button"]:hover,
.ceb9c51 button:hover,
.ceb9c51 input[type="submit"]:hover,
.ceb9c51 input[type="button"]:hover,
article form button:hover,
article form input[type="submit"]:hover,
article form input[type="button"]:hover,
.ceb9c83:hover,
.ceb9c78:hover,
.ceb9c4:hover,
.ceb9c99:hover,
[class*="btn"]:hover,
[class*="button"]:hover,
.ceb9c105:hover,
.ceb9c19:hover,
.ceb9c55:hover,
.ceb9c63:hover,
.ceb9c74:hover,
.ceb9c33:hover,
.ceb9c97:hover,
.ceb9c58:hover,
.ceb9c17:hover,
.ceb9c50:hover,
.ceb9c80:hover,
.burger:hover,
.ceb9c7:hover,
.icon-btn:hover,
.ceb9c103:hover,
.ceb9c107 a:hover,
.ceb9c107 button:hover,
.ceb9c82 a:hover,
.ceb9c82 button:hover,
.ceb9c9 a:hover,
.ceb9c9 button:hover,
a[class*="search"]:hover,
button[class*="search"]:hover,
a[class*="theme"]:hover,
button[class*="theme"]:hover,
a[class*="dark"]:hover,
button[class*="dark"]:hover,
a[class*="night"]:hover,
button[class*="night"]:hover,
a[class*="toggle"]:hover,
button[class*="toggle"]:hover,
a[class*="menu"]:hover,
button[class*="menu"]:hover,
a[class*="nav"]:hover,
button[class*="nav"]:hover,
a[class*="hamburger"]:hover,
button[class*="hamburger"]:hover,
a[class*="burger"]:hover,
button[class*="burger"]:hover,
[aria-label*="search" i]:hover,
[aria-label*="theme" i]:hover,
[aria-label*="dark" i]:hover,
[aria-label*="night" i]:hover,
[aria-label*="menu" i]:hover,
[aria-label*="navigation" i]:hover{
    background: var(--wf-s02-nav-dark) !important;
    background-color: var(--wf-s02-nav-dark) !important;
    color: var(--wf-s02-nav-contrast) !important;
    border-color: var(--wf-s02-nav-dark) !important;
}

/* icon color */
.ceb9c105 svg,
.ceb9c19 svg,
.ceb9c55 svg,
.ceb9c63 svg,
.ceb9c74 svg,
.ceb9c33 svg,
.ceb9c97 svg,
.ceb9c58 svg,
.ceb9c17 svg,
.ceb9c50 svg,
.ceb9c80 svg,
.burger svg,
.ceb9c7 svg,
.icon-btn svg,
.ceb9c103 svg,
.ceb9c107 a svg,
.ceb9c107 button svg,
.ceb9c82 a svg,
.ceb9c82 button svg,
.ceb9c9 a svg,
.ceb9c9 button svg,
a[class*="search"] svg,
button[class*="search"] svg,
a[class*="theme"] svg,
button[class*="theme"] svg,
a[class*="dark"] svg,
button[class*="dark"] svg,
a[class*="night"] svg,
button[class*="night"] svg,
a[class*="toggle"] svg,
button[class*="toggle"] svg,
a[class*="menu"] svg,
button[class*="menu"] svg,
a[class*="nav"] svg,
button[class*="nav"] svg,
a[class*="hamburger"] svg,
button[class*="hamburger"] svg,
a[class*="burger"] svg,
button[class*="burger"] svg,
[aria-label*="search" i] svg,
[aria-label*="theme" i] svg,
[aria-label*="dark" i] svg,
[aria-label*="night" i] svg,
[aria-label*="menu" i] svg,
[aria-label*="navigation" i] svg{
    fill: currentColor !important;
    stroke: currentColor !important;
    color: var(--wf-s02-nav-contrast) !important;
}

/* mobile revealed menu panel */
@media (max-width: 991px){
    header nav ul,
    header nav ol,
    header nav .ceb9c40,
    header nav .nav,
    header nav .ceb9c92,
    header nav .ceb9c77,
    header nav .ceb9c93,
    header nav .ceb9c20,
    header nav .ceb9c102,
    header nav .ceb9c90,
    header nav [class*="menu"],
    header nav [class*="nav"],
    header [class*="mobile-menu"],
    header [class*="mobile-nav"],
    header [class*="menu-panel"],
    header [class*="nav-panel"],
    header [class*="menu-drawer"],
    header [class*="nav-drawer"],
    header [class*="dropdown"],
    header [class*="drop-down"]{
        background: var(--wf-s02-nav) !important;
        background-color: var(--wf-s02-nav) !important;
        border-color: var(--wf-s02-title) !important;
        color: var(--wf-s02-nav-contrast) !important;
    }

    header nav ul li,
    header nav ol li,
    header nav .ceb9c40 li,
    header nav .nav li,
    header nav .ceb9c92 li,
    header nav .ceb9c77 li{
        background: transparent !important;
        background-color: transparent !important;
        border-color: transparent !important;
    }

    header nav ul li a,
    header nav ol li a,
    header nav .ceb9c40 li a,
    header nav .nav li a,
    header nav .ceb9c92 li a,
    header nav .ceb9c77 li a,
    header nav [class*="menu"] a,
    header nav [class*="nav"] a,
    header [class*="mobile-menu"] a,
    header [class*="mobile-nav"] a,
    header [class*="menu-panel"] a,
    header [class*="nav-panel"] a,
    header [class*="menu-drawer"] a,
    header [class*="nav-drawer"] a,
    header [class*="dropdown"] a,
    header [class*="drop-down"] a{
        color: var(--wf-s02-nav-contrast) !important;
        background: transparent !important;
        background-color: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    header nav ul li a:hover,
    header nav ol li a:hover,
    header nav .ceb9c40 li a:hover,
    header nav .nav li a:hover,
    header nav .ceb9c92 li a:hover,
    header nav .ceb9c77 li a:hover,
    header nav [class*="menu"] a:hover,
    header nav [class*="nav"] a:hover,
    header [class*="mobile-menu"] a:hover,
    header [class*="mobile-nav"] a:hover,
    header [class*="menu-panel"] a:hover,
    header [class*="nav-panel"] a:hover,
    header [class*="menu-drawer"] a:hover,
    header [class*="nav-drawer"] a:hover,
    header [class*="dropdown"] a:hover,
    header [class*="drop-down"] a:hover{
        background: var(--wf-s02-nav-dark) !important;
        background-color: var(--wf-s02-nav-dark) !important;
        color: var(--wf-s02-nav-contrast) !important;
    }

    header nav .ceb9c76,
    header nav .ceb9c8 > a,
    header nav .ceb9c113 > a,
    header [class*="mobile-menu"] .ceb9c76,
    header [class*="mobile-nav"] .ceb9c76,
    header [class*="menu-panel"] .ceb9c76,
    header [class*="nav-panel"] .ceb9c76{
        background: var(--wf-s02-nav-dark) !important;
        background-color: var(--wf-s02-nav-dark) !important;
        color: var(--wf-s02-nav-contrast) !important;
        border-color: var(--wf-s02-nav-contrast) !important;
    }
}

input:focus,
textarea:focus,
select:focus{
    outline: none !important;
    border-color: var(--wf-s02-nav) !important;
    box-shadow: 0 0 0 3px var(--wf-s02-ring) !important;
}

a:hover{
    color: var(--wf-s02-title) !important;
}

.ceb9c106,
.ceb9c109,
.ceb9c104,
.ceb9c42,
.ceb9c6{
    background: var(--wf-s02-soft) !important;
    color: var(--wf-s02-title) !important;
}
/* wf-sample02-accent:end */
/* WF final opaque text container override start */
:root{--wf-final-box-1:#eff6ff;--wf-final-box-2:#f8fafc;--wf-final-box-3:#f4f4f5;--wf-final-box-4:#fff1f2;--wf-final-text:#334155;--wf-final-title:#111827;--wf-final-muted:#475569;--wf-final-border:rgba(15,23,42,.14);--wf-final-shadow:rgba(15,23,42,.10);}\nhtml body article,html body main article,html body main > section,html body main > div,html body [role="main"] article,html body [role="main"] section,html body [role="main"] > div,html body :where(article,section,div,aside)[class*="article"],html body :where(article,section,div,aside)[class*="Article"],html body :where(article,section,div,aside)[class*="content"],html body :where(article,section,div,aside)[class*="Content"],html body :where(article,section,div,aside)[class*="entry"],html body :where(article,section,div,aside)[class*="Entry"],html body :where(article,section,div,aside)[class*="post"],html body :where(article,section,div,aside)[class*="Post"],html body :where(article,section,div,aside)[class*="card"],html body :where(article,section,div,aside)[class*="Card"],html body :where(article,section,div,aside)[class*="panel"],html body :where(article,section,div,aside)[class*="Panel"],html body :where(article,section,div,aside)[class*="box"],html body :where(article,section,div,aside)[class*="Box"],html body :where(article,section,div,aside)[class*="widget"],html body :where(article,section,div,aside)[class*="Widget"],html body .content-card,html body .article-card,html body .post-card,html body .page-card,html body .contact-card,html body .contact-panel,html body .widget,html body section.widget,html body aside.widget,html body .sidebar .widget{background:var(--wf-final-box-1) !important;background-color:var(--wf-final-box-1) !important;background-image:none !important;opacity:1 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;color:var(--wf-final-text) !important;border:1px solid var(--wf-final-border) !important;box-shadow:0 18px 42px var(--wf-final-shadow) !important;}\nhtml body main > section:nth-of-type(2n),html body main > div:nth-of-type(2n),html body article:nth-of-type(2n),html body :where(article,section,div,aside)[class*="card"]:nth-of-type(2n),html body :where(article,section,div,aside)[class*="panel"]:nth-of-type(2n),html body :where(article,section,div,aside)[class*="content"]:nth-of-type(2n),html body .widget:nth-of-type(2n){background:var(--wf-final-box-2) !important;background-color:var(--wf-final-box-2) !important;background-image:none !important;}\nhtml body main > section:nth-of-type(3n),html body main > div:nth-of-type(3n),html body article:nth-of-type(3n),html body :where(article,section,div,aside)[class*="card"]:nth-of-type(3n),html body :where(article,section,div,aside)[class*="panel"]:nth-of-type(3n),html body :where(article,section,div,aside)[class*="content"]:nth-of-type(3n),html body .widget:nth-of-type(3n){background:var(--wf-final-box-3) !important;background-color:var(--wf-final-box-3) !important;background-image:none !important;}\nhtml body article.page,html body .post,html body .hentry{background:var(--wf-final-box-4) !important;background-color:var(--wf-final-box-4) !important;background-image:none !important;opacity:1 !important;color:var(--wf-final-text) !important;}\nhtml body article :where(.entry-content,.post-content,.article-body,.article-content,.content,.copy,.text),html body main :where(.entry-content,.post-content,.article-body,.article-content,.content,.copy,.text),html body :where(article,section,div,aside)[class*="card"] :where(.entry-content,.post-content,.article-body,.article-content,.content,.copy,.text),html body :where(article,section,div,aside)[class*="panel"] :where(.entry-content,.post-content,.article-body,.article-content,.content,.copy,.text){background:transparent !important;background-image:none !important;opacity:1 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}\nhtml body article::before,html body article::after,html body main > section::before,html body main > section::after,html body main > div::before,html body main > div::after,html body :where(article,section,div,aside)[class*="card"]::before,html body :where(article,section,div,aside)[class*="card"]::after,html body :where(article,section,div,aside)[class*="panel"]::before,html body :where(article,section,div,aside)[class*="panel"]::after,html body :where(article,section,div,aside)[class*="content"]::before,html body :where(article,section,div,aside)[class*="content"]::after{background:transparent !important;background-image:none !important;opacity:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;pointer-events:none !important;}\nhtml body article :where(p,li,span,div,blockquote,small,strong,em),html body main > section :where(p,li,span,div,blockquote,small,strong,em),html body main > div :where(p,li,span,div,blockquote,small,strong,em),html body :where(article,section,div,aside)[class*="card"] :where(p,li,span,div,blockquote,small,strong,em),html body :where(article,section,div,aside)[class*="panel"] :where(p,li,span,div,blockquote,small,strong,em),html body :where(article,section,div,aside)[class*="content"] :where(p,li,span,div,blockquote,small,strong,em),html body .widget :where(p,li,span,div,blockquote,small,strong,em){color:var(--wf-final-text) !important;}\nhtml body article :where(h1,h2,h3,h4,h5,h6),html body main > section :where(h1,h2,h3,h4,h5,h6),html body main > div :where(h1,h2,h3,h4,h5,h6),html body :where(article,section,div,aside)[class*="card"] :where(h1,h2,h3,h4,h5,h6),html body :where(article,section,div,aside)[class*="panel"] :where(h1,h2,h3,h4,h5,h6),html body :where(article,section,div,aside)[class*="content"] :where(h1,h2,h3,h4,h5,h6),html body .widget :where(h1,h2,h3,h4,h5,h6){color:var(--wf-final-title) !important;}\nhtml body article a,html body main > section a,html body main > div a,html body :where(article,section,div,aside)[class*="card"] a,html body :where(article,section,div,aside)[class*="panel"] a,html body :where(article,section,div,aside)[class*="content"] a,html body .widget a{color:var(--wf-accent, var(--accent, #2563eb)) !important;}\nhtml body article small,html body article .muted,html body main > section small,html body main > section .muted,html body main > div small,html body main > div .muted,html body .widget small,html body .widget .muted{color:var(--wf-final-muted) !important;}\n/* WF final opaque text container override end */