/* Jizan 2.1 - premium off-canvas panel (dark in both colour schemes; matches the premium nav bar: ink, thin red top line, animated underline, thin icons). */
.jizan-oc{position:fixed;inset:0;z-index:100020;visibility:hidden;pointer-events:none}
.jizan-oc[hidden]{display:none}
.jizan-oc.is-open{visibility:visible;pointer-events:auto}
.jizan-oc__overlay{position:absolute;inset:0;background:rgba(0,0,0,.58);opacity:0;transition:opacity .4s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.jizan-oc.is-open .jizan-oc__overlay{opacity:1}
.jizan-oc__panel{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:380px;max-width:calc(100vw - 40px);background:#111214;border-top:3px solid var(--jizan-accent,#F44336);color:#d6d6d6;box-shadow:1px 0 0 rgba(255,255,255,.06),24px 0 60px rgba(0,0,0,.45);transform:translateX(-102%);transition:transform .5s cubic-bezier(.22,.61,.36,1);outline:0}
.jizan-oc.is-open .jizan-oc__panel{transform:none}
html[data-theme="dark"] .jizan-oc__panel{background:#18181b;box-shadow:1px 0 0 #2a2a2e,24px 0 60px rgba(0,0,0,.7)}
.admin-bar .jizan-oc__panel{top:32px}
@media (max-width:782px){.admin-bar .jizan-oc__panel{top:46px}}
@media (max-width:600px){.admin-bar .jizan-oc__panel{top:0}}
html.jizan-oc-lock,html.jizan-oc-lock body{overflow:hidden}
html.jizan-oc-lock body{padding-right:var(--jizan-sbw,0px)}

.jizan-oc__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-height:74px;padding:14px 18px 14px 24px;border-bottom:1px solid rgba(255,255,255,.07)}
.jizan-oc__logo{display:inline-flex;align-items:center;max-width:200px;color:#fff!important;text-decoration:none!important;font-family:Oswald,sans-serif;font-size:30px;font-weight:600;letter-spacing:3px;text-transform:uppercase}
.jizan-oc__logo img{display:block;max-width:170px;max-height:46px;width:auto;height:auto}
.jizan-oc__logo img.is-dark-logo{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
.jizan-oc__close{position:relative;flex:0 0 auto;width:38px;height:38px;margin:0;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:transparent;cursor:pointer;transition:border-color .2s,background-color .2s,transform .3s}
.jizan-oc__close span{position:absolute;left:11px;top:17.5px;width:14px;height:1px;background:#fff;transition:transform .45s cubic-bezier(.22,.61,.36,1) .12s}
.jizan-oc.is-open .jizan-oc__close span:first-child{transform:rotate(45deg)}
.jizan-oc.is-open .jizan-oc__close span:last-child{transform:rotate(-45deg)}
.jizan-oc__close:hover,.jizan-oc__close:focus-visible{border-color:var(--jizan-accent,#F44336);background:var(--jizan-accent,#F44336);transform:rotate(90deg);outline:0}

.jizan-oc__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 28px;scrollbar-width:thin;scrollbar-color:#333 transparent}
.jizan-oc [data-oc-item],.jizan-oc .jizan-oc__menu>li{opacity:0}
.jizan-oc.is-open .jizan-oc__menu>li.jizan-stagger,.jizan-oc.is-open [data-oc-item].jizan-stagger{animation:jizanOcIn .5s cubic-bezier(.22,.61,.36,1) var(--jz-d,0ms) both}
@keyframes jizanOcIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.jizan-oc.is-open [data-oc-item].jizan-stagger,.jizan-oc.is-open .jizan-oc__menu>li.jizan-stagger,.jizan-oc.is-ready [data-oc-item],.jizan-oc.is-ready .jizan-oc__menu>li{opacity:1}
@media (prefers-reduced-motion:reduce){.jizan-oc [data-oc-item],.jizan-oc .jizan-oc__menu>li{opacity:1;animation:none!important}.jizan-oc__panel,.jizan-oc__overlay{transition:opacity .2s}.jizan-oc__panel{transform:none;opacity:0}.jizan-oc.is-open .jizan-oc__panel{opacity:1}}

/* Search */
.jizan-oc__search{position:relative;margin:0 0 22px}
.jizan-oc__search input[type="search"]{width:100%;height:44px;margin:0;padding:0 46px 0 18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.04);color:#fff;font-size:14.5px;box-shadow:none;transition:border-color .2s,background-color .2s;-webkit-appearance:none;appearance:none}
.jizan-oc__search input::placeholder{color:#8a8a8a;opacity:1}
.jizan-oc__search input:focus{border-color:var(--jizan-accent,#F44336);background:rgba(255,255,255,.07);outline:0}
.jizan-oc__search button{position:absolute;right:3px;top:3px;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:#bbb;cursor:pointer;transition:color .2s,background-color .2s}
.jizan-oc__search button:hover,.jizan-oc__search button:focus-visible{background:var(--jizan-accent,#F44336);color:#fff;outline:0}
.jizan-oc__results{position:relative}
.jizan-oc__results:empty{display:none}
.jizan-oc__results ul{margin:8px 0 0;padding:0;list-style:none;border:1px solid rgba(255,255,255,.08);background:#141414}
.jizan-oc__results li{margin:0;padding:0}
.jizan-oc__results li+li{border-top:1px solid rgba(255,255,255,.06)}
.jizan-oc__results a{display:flex;align-items:center;gap:12px;padding:9px 12px;color:#ddd!important;text-decoration:none!important;transition:background-color .2s,color .2s}
.jizan-oc__results a:hover,.jizan-oc__results a:focus-visible{background:#1d1d1d;color:#fff!important;outline:0}
.jizan-oc__results img{flex:0 0 auto;width:48px;height:36px;object-fit:cover}
.jizan-oc__results .t{font-family:Oswald,sans-serif;font-size:13px;line-height:1.35;text-transform:uppercase}
.jizan-oc__results mark{padding:0;background:none;color:var(--jizan-accent,#F44336)}
.jizan-oc__results .all{justify-content:center;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--jizan-accent,#F44336)!important}
.jizan-oc__results .none{padding:12px;color:#888;font-size:13px}
.jizan-oc__results .jizan-spinner{position:static;display:block;margin:14px auto}

/* Menu */
.jizan-oc__nav{margin:0 0 6px}
.jizan-oc__menu,.jizan-oc__menu ul{margin:0;padding:0;list-style:none}
.jizan-oc__menu li{position:relative;margin:0;padding:0}
.jizan-oc__menu>li{border-bottom:1px solid rgba(255,255,255,.07)}
.jizan-oc__menu a{position:relative;display:block;padding:14px 46px 14px 0;color:#f2f2f2!important;font-family:Oswald,sans-serif;font-size:17px;font-weight:500;line-height:1.25;letter-spacing:1.2px;text-decoration:none!important;text-transform:uppercase;transition:color .2s}
.jizan-oc__t{padding-bottom:3px;background:linear-gradient(var(--jizan-accent,#F44336),var(--jizan-accent,#F44336)) no-repeat 0 100%/0 2px;transition:background-size .32s cubic-bezier(.22,.61,.36,1)}
.jizan-oc__menu a:hover .jizan-oc__t,.jizan-oc__menu a:focus-visible .jizan-oc__t,.jizan-oc__menu .current-menu-item>a .jizan-oc__t,.jizan-oc__menu li.is-open>a .jizan-oc__t{background-size:100% 2px}
.jizan-oc__menu a:hover,.jizan-oc__menu a:focus-visible{color:#fff!important;outline:0}
.jizan-oc__menu .current-menu-item>a{color:var(--jizan-accent,#F44336)!important}
.jizan-oc__menu ul{overflow:hidden;height:0;transition:height .32s cubic-bezier(.22,.61,.36,1)}
.jizan-oc__menu li.is-open>ul{height:auto}
.jizan-oc__menu>li>ul{margin:0 0 12px 2px;padding-left:14px;border-left:1px solid rgba(255,255,255,.1)}
.jizan-oc__menu ul a{padding:8px 40px 8px 0;color:#b4b4b4!important;font-size:14px;font-weight:400;letter-spacing:1px}
.jizan-oc__menu ul a:hover,.jizan-oc__menu ul a:focus-visible{color:#fff!important}
.jizan-oc__menu ul .jizan-oc__t{background-size:0 1px}
.jizan-oc__menu ul a:hover .jizan-oc__t,.jizan-oc__menu ul a:focus-visible .jizan-oc__t,.jizan-oc__menu ul .current-menu-item>a .jizan-oc__t,.jizan-oc__menu ul li.is-open>a .jizan-oc__t{background-size:100% 1px}
.jizan-oc__menu ul .menu-item-has-children>a{color:#8d8d8d!important;font-size:12px;font-weight:500;letter-spacing:2.2px}
.jizan-oc__menu ul .menu-item-has-children>a:before{content:"";display:inline-block;width:5px;height:5px;margin:0 9px 2px 0;border-radius:50%;background:var(--jizan-accent,#F44336);vertical-align:middle}
.jizan-oc__menu ul .menu-item-has-children.is-open>a,.jizan-oc__menu ul .menu-item-has-children>a:hover{color:#fff!important}
.jizan-oc__menu ul ul{margin:0 0 6px 2px;padding-left:14px;border-left:1px solid rgba(255,255,255,.08)}
.jizan-oc__menu ul ul a{font-size:13.5px}
.jizan-oc__sub{position:absolute;right:0;top:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:#a9a9a9;cursor:pointer;transition:color .2s,background-color .2s}
.jizan-oc__menu ul .jizan-oc__sub{top:2px;width:32px;height:32px}
.jizan-oc__sub svg{transition:transform .32s cubic-bezier(.22,.61,.36,1)}
.jizan-oc__sub:hover,.jizan-oc__sub:focus-visible{background:rgba(255,255,255,.07);color:#fff;outline:0}
.jizan-oc__menu li.is-open>.jizan-oc__sub{color:var(--jizan-accent,#F44336)}
.jizan-oc__menu li.is-open>.jizan-oc__sub svg{transform:rotate(180deg)}

/* Quick links (Off Canvas Menu location) */
.jizan-oc__side-wrap{margin-top:26px}
.jizan-oc__menu--side{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.jizan-oc__menu--side>li{border-bottom:1px solid rgba(255,255,255,.06)}
.jizan-oc__menu--side>li>a{padding:10px 30px 10px 0;color:#c4c4c4!important;font-size:13.5px;font-weight:400;letter-spacing:1px}
.jizan-oc__menu--side>li.menu-item-has-children{grid-column:1/-1}
.jizan-oc__menu--side>li>.jizan-oc__sub{top:4px;width:30px;height:30px}
@media (min-width:992px){
	body:not(.jizan-oc-desk-main) .jizan-oc__menu--main{display:none}
	body:not(.jizan-oc-desk-main) .jizan-oc__side-wrap{margin-top:0}
	body:not(.jizan-oc-desk-main) .jizan-oc__heading--quick{display:none}
	body:not(.jizan-oc-desk-main) .jizan-oc__menu--side{display:block}
	body:not(.jizan-oc-desk-main) .jizan-oc__menu--side>li>a{padding:14px 46px 14px 0;color:#f2f2f2!important;font-size:17px;font-weight:500}
}

/* Blocks */
.jizan-oc__block{margin:26px 0 0}
.jizan-oc__heading{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#fff;font-family:Oswald,sans-serif;font-size:12px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase}
.jizan-oc__heading:before{content:"";flex:0 0 auto;width:14px;height:2px;background:var(--jizan-accent,#F44336)}
.jizan-oc__heading:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.jizan-oc__posts ol{margin:0;padding:0;list-style:none}
.jizan-oc__posts li{margin:0 0 12px;padding:0}
.jizan-oc__posts a{display:flex;gap:14px;align-items:center;color:#e8e8e8!important;text-decoration:none!important}
.jizan-oc__thumb{position:relative;flex:0 0 72px;width:72px;height:56px;overflow:hidden;background:#222}
.jizan-oc__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.jizan-oc__posts a:hover img{transform:scale(1.07)}
.jizan-oc__num{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--jizan-accent,#F44336);color:#fff;font-family:Oswald,sans-serif;font-size:12px;font-weight:500}
.jizan-oc__ptext{display:flex;flex-direction:column;gap:3px;min-width:0}
.jizan-oc__ptitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Oswald,sans-serif;font-size:13.5px;font-weight:500;line-height:1.35;text-transform:uppercase;transition:color .2s}
.jizan-oc__posts a:hover .jizan-oc__ptitle,.jizan-oc__posts a:focus-visible .jizan-oc__ptitle{color:var(--jizan-accent,#F44336)}
.jizan-oc__pdate{color:#808080;font-size:11.5px}
.jizan-oc__social{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.jizan-oc__social li{margin:0;padding:0}
.jizan-oc__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#ddd!important;font-size:14px;text-decoration:none!important;transition:border-color .2s,background-color .2s,color .2s,transform .2s}
.jizan-oc__social a:hover,.jizan-oc__social a:focus-visible{border-color:var(--jizan-accent,#F44336);background:var(--jizan-accent,#F44336);color:#fff!important;transform:translateY(-2px);outline:0}
.jizan-oc__connect-row{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.jizan-oc__card{position:relative;margin-top:26px;padding:20px 20px 22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015));overflow:hidden}
.jizan-oc__card:before{content:"";position:absolute;left:0;top:0;width:40px;height:2px;background:var(--jizan-accent,#F44336)}
.jizan-oc__card-title{margin:0 0 6px;color:#fff;font-family:Oswald,sans-serif;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:.6px;text-transform:uppercase}
.jizan-oc__card-text{margin:0 0 16px;color:#a9a9a9;font-size:13.5px;line-height:1.6}
.jizan-oc__cta{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:22px;background:var(--jizan-accent,#F44336);color:#fff!important;font-family:Oswald,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:2px;text-decoration:none!important;text-transform:uppercase;box-shadow:0 8px 20px -8px rgba(244,67,54,.6);transition:background-color .2s,color .2s}
.jizan-oc__cta:hover,.jizan-oc__cta:focus-visible{background:#fff;color:#000!important;outline:0}
.jizan-oc__cta svg{transition:transform .25s}
.jizan-oc__cta:hover svg{transform:translateX(3px)}
.jizan-oc__scheme{display:inline-flex;align-items:center;gap:10px;color:#9a9a9a;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.jizan-oc__scheme .jizan-theme-toggle{width:36px;height:36px;border-color:rgba(255,255,255,.16)}
.jizan-oc__foot{flex:0 0 auto;padding:14px 24px;border-top:1px solid rgba(255,255,255,.08);color:#7a7a7a;font-size:12px;line-height:1.5}
.jizan-oc__foot a{color:#bdbdbd!important}
.jizan-oc__foot a:hover{color:var(--jizan-accent,#F44336)!important}

/* Phones: the panel replaces the slicknav drop-down; the classic pushy menu is not printed. */
body.jizan-has-oc .slicknav_nav{display:none!important}
body.jizan-has-oc .menu-btn{cursor:pointer}
body.jizan-has-oc .site-overlay{display:none!important}
@media (max-width:480px){.jizan-oc__panel{max-width:calc(100vw - 32px)}.jizan-oc__scroll{padding:18px 20px 24px}.jizan-oc__top{padding-left:20px}}

/* Headers without a main menu bar (header 7): hamburger at the start of the top bar, main menu in the panel on every screen. */
@media (min-width:992px){body.jizan-header-nonav .jizan-oc__menu--main{display:block}body.jizan-header-nonav .jizan-oc__side-wrap{margin-top:18px}body.jizan-header-nonav .jizan-oc__heading--quick{display:flex}body.jizan-header-nonav .jizan-oc__menu--side{display:grid}}
@media (max-width:767px){body.jizan-header-nonav .top-header .container{position:relative}body.jizan-header-nonav .menu-btn.jizan-burger--nonav{display:inline-flex;position:absolute;left:15px;top:0;z-index:2;margin:0}}