/*
Copyrights © SlashWeb Network
/*
Theme Name: Slashweb News
Description: Premium Multi-purpose WordPress Theme
Theme URI: https://slashweb.net.eg
Author: SlashWeb Network
Author URI: https://slashweb.net.eg
Version: 1.3
*/

:root{--bg:#fff;--primary:#222;--muted:#ccc;--accent:#444;}
*{box-sizing:border-box;}
body{margin:0;font-family:Tahoma, Arial, sans-serif;background:var(--bg);color:#111;line-height:1.6;}
header{background:var(--primary);color:#fff;position:relative;z-index:100;}
.topbar{max-width:1200px;margin:auto;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;direction:rtl;}
.logo{order:0;cursor:pointer;display:inline-block;width:150px;height:48px;}
.d-table-cell{display:table-cell!important}.d-flex{display:flex!important} 
.nav-wrapper{order:1;display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end;}
.adsense-unit {   display: block;   height: 280px;   width: 100%;   text-align: center; }
nav{display:flex;}
nav ul{display:flex;list-style:none;margin:0;padding:0;gap:0;}
nav li{margin:0;}
nav a{display:block;padding:10px 15px;color:#fff;text-decoration:none;white-space:nowrap;}
nav a:hover{background:var(--accent);}
.menu-toggle{width:40px;height:40px;background:transparent;border:0;padding:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;order:3;}
.menu-toggle svg{width:28px;height:28px;display:block;}
.search-toggle{width:40px;height:40px;background:transparent;border:0;padding:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;order:2;}
.search-toggle svg{width:24px;height:24px;display:block;}
.search-form{display:none;position:absolute;top:100%;left:0;background:var(--primary);padding:8px;border-radius:0 0 4px 4px;z-index:101;}
.search-form.active{display:block;}
.search-form input[type="search"]{padding:6px 8px;font-size:1rem;border:none;border-radius:4px;width:200px;}
main{max-width:900px;margin:18px auto;padding:0 12px;}
.post-img img {   max-width: 100%;   height: auto;   border-radius: 8px;     display: block;   margin: 1rem auto;  }
article img{max-width:100%;height:auto;margin:15px 0;border-radius:6px;display:block;}
article h1{font-size:1.8rem;margin-bottom:10px;text-align:center;}
.post-subtitle {font-size:1.4rem;margin-bottom:10px;text-align:center;}
article p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;}
a.back-link{display:inline-block;padding:10px 15px;background:var(--primary);color:#fff;text-decoration:none;border-radius:4px;transition:background 0.3s ease;}
a.back-link:hover{background:var(--accent);}
footer{background:var(--primary);color:var(--muted);padding:15px 0;margin-top:24px;}
.footer-links{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
footer a{color:var(--muted);text-decoration:none;}
footer a:hover{text-decoration:underline;}
@media (max-width: 768px){.menu-toggle{display:flex;order:0;margin-left:10px;}nav.menu-1-container{display:none;position:absolute;top:100%;right:0;width:100%;background:var(--primary);z-index:99;flex:unset;}nav.open{display:block;}nav ul{flex-direction:column;justify-content:flex-start;}nav li{border-bottom:1px solid rgba(255,255,255,0.06);}nav a{padding:12px 16px;}.search-toggle{order:1;display:flex;margin-left:10px;}.search-form{position:fixed;top:50px;left:10px;width:calc(100% - 20px);max-width:300px;border-radius:4px;}}
@media (min-width: 769px){.menu-toggle{display:none !important;}nav{display:flex !important;position:static;width:auto;background:none;}nav ul{flex-direction:row;}.search-toggle{display:flex;order:2;margin-right:10px;}.menu-toggle{order:3;}.search-form{position:absolute;top:100%;left:0;width:220px;border-radius:0 0 4px 4px;}}
.container, .site-section{max-width:900px;margin:auto;}
.footer-links{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;}
.footer-links a{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;}
.footer-nav{}
footer a{color:var(--muted);text-decoration:none;}
footer a:hover{text-decoration:underline;}
footer{background:var(--primary);color:var(--muted);padding:15px 0;margin-top:24px;}
footer p{text-align:center;margin:10px 0 0 0;font-size:14px;}
.post .title{color:#000;}
nav a{font-family:'Cairo', sans-serif;font-weight:600;font-size:1rem;letter-spacing:0.3px;}
@media (max-width: 768px){nav a{font-size:1.1rem;padding:14px 18px;}}
article{font-family:'Cairo', sans-serif;font-size:1.1rem;line-height:1.9;}
article h1, article h2, article h3{font-weight:700;line-height:1.4;}
article h1{font-size:clamp(1.8rem, 2.2vw, 2.2rem);}
article h2{font-size:clamp(1.4rem, 2vw, 1.8rem);}
article p{margin-bottom:1.2em;}
@media (max-width: 600px){article{font-size:1.15rem;}}
.post-meta{font-size:0.9rem;color:#666;margin-bottom:15px;text-align:center;}

.post-meta{font-size:0.9rem;color:#666;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;direction:rtl;}
.post-meta .post-meta-item{display:flex;align-items:center;gap:4px;background:#f5f5f5;padding:4px 10px;border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:background-color 0.3s ease;}
.post-meta .post-meta-item-content a{color:#0073aa;text-decoration:none;transition:color 0.3s ease;}
.post-meta .post-meta-item-content a:hover{color:#005177;text-decoration:underline;}
.post-meta .post-meta-item-content time{color:#444;font-style:normal;}
.post-meta-item.post-meta-updated .post-date-published{display:none;}
.post-meta-item.post-meta-published .post-date-updated{display:none;}
.mwLink {  list-style: none;   display: block;   border-color: #ffffff #054009  #ffffff #ffffff;   border-style: solid;   border-width: 3px;  padding: 4px 8px; background-color: #f7faf9  ; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }
.NewLink { margin-right: -30px;  list-style: none;   display: block;   border-color: #ffffff #054009  #ffffff #ffffff;   border-style: solid;   border-width: 3px;  padding: 4px 8px; background-color: #f7faf9  ; color: #e31205 !important; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }  
.NewLink a  {  color: #e31205 !important; }
/******************** main post meta ********************/
.sidebar { position: relative; }
.sidebar-post_side { order: 2; display: none; }
.sidebar-post_side > .container { padding: 0 !important; }
@media (min-width: 1200px) { .sidebar-post_side { display: block; flex-basis: 300px; flex-shrink: 0; } .sidebar-post_side .widget-area { margin-top: -30px; } }
.sidebar .widget-area, .site-section { position: relative; }
.widget-inner { margin-top: 30px; margin-bottom: 30px; }
.sidebar.style1 { background-color: #ffffff; }
.sidebar.style2 { background-color: #1a1d21; }
.widget-title h2 { margin-bottom: 10px; }
.widget-title i { vertical-align: middle; }
.widget-header { margin-bottom: 30px; border-bottom: 3px solid rgba(0,0,0,0.05); }
.widget-title { display: inline-block; margin-bottom: -3px; border-bottom: 3px solid var(--main-color); }
.sidebar.style2 .widget-header { border-color: rgba(255,255,255,0.05); }
@media (min-width: 1200px) { .sidebar.style-masonry { padding-top: 30px; } .sidebar.style-masonry .widget-area { display: block !important; column-count: 3; column-gap: 0; } .sidebar.style-masonry .widget-area .widget-inner { margin-top: 0; } .sidebar.style-masonry .widget-area .widget { display: table; width: 100% !important; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } }
.widget-link-icon::after { font-family: 'Font Awesome\ 5 Free'; font-weight: bold; font-size: 0.7em; }
.rtl .widget-link-icon::after { margin-right: 5px; content: "\f053"; }
.ltr .widget-link-icon::after { margin-left: 5px; content: "\f054"; }


/******************** posts list ********************/
.posts{position:relative;}
.posts+.posts{margin-top:10px;}
.posts .post{position:relative;margin:10px;flex-basis:250px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.15);background:;border-radius:8px;overflow:hidden;transition:transform 0.2s,box-shadow 0.2s;}
.posts .post:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,0.2);}
.posts .post{--style1-height:7.5em;}
.posts .title{flex-grow:1;margin:0;z-index:20;font-size:1em;line-height:1.4;}
.posts .post-thumb{background-size:cover;background-position:center;background-repeat:no-repeat;z-index:10;transition:transform 0.3s;}
.posts .post:hover .post-thumb{transform:scale(1.05);}
.light-color .posts .post{background:rgba(255,255,255,0.04);}
.posts .post-link{position:relative;height:100%;border:1px solid transparent;}
.posts .post-link:hover {transform: scale(1.02); transition: transform 0.3s ease-in-out;}
/******************** posts layout ********************/
.posts .posts-inner { position: relative;  display: grid; grid-template-columns: repeat(auto-fill, minmax(1.6666%, 1fr)); }
.posts .overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 15; background: rgba(0,0,0,0.2); visibility: hidden; }
.posts .post:hover .overlay { background: transparent; }
.cols-60 { grid-column: span 60; }
.cols-30 { grid-column: span 30; }
/******************** posts styles ********************/
.posts .post.style1 .post-link{flex-direction:row;gap:15px;}
.posts .post.style1 .title{margin:10px;height:var(--style1-height);overflow:hidden;}
.posts .post.style1 .post-thumb{flex-shrink:0;width:40%;order:1;}
body:not(.simple-mode) .posts .post.style2 .post-link{flex-direction:column;}
body:not(.simple-mode) .posts .post.style2 .post-thumb{min-height:150px;}
body:not(.simple-mode) .posts .post.style2 .title{margin:10px;}
body:not(.simple-mode) .posts .post.style3 .post-link{flex-direction:column;justify-content:flex-end;min-height:220px;}
body:not(.simple-mode) .posts .post.style3 .post-thumb{position:absolute;top:0;right:0;bottom:0;left:0;}
body:not(.simple-mode) .posts .post.style3 .title{flex-grow:0;padding:20px 40px 20px 40px;padding-top:50px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.7) 40%,#000);color:#fff;text-shadow:0 1px 1px #000;}
body:not(.simple-mode) .posts .post.style3 .overlay{visibility:visible;transition:0.2s;}
@media(max-width:575px){
body.simple-mode .posts .post.style2 .post-link,body.simple-mode .posts .post.style3 .post-link{flex-direction:row;gap:15px;}
body.simple-mode .posts .post.style2 .title,body.simple-mode .posts .post.style3 .title{margin:10px;height:var(--style1-height);overflow:hidden;}
body.simple-mode .posts .post.style2 .post-thumb,body.simple-mode .posts .post.style3 .post-thumb{flex-shrink:0;width:40%;order:1;}
}
@media(min-width:576px){
body.simple-mode .posts .post.style2 .post-link{flex-direction:column;}
body.simple-mode .posts .post.style2 .post-thumb{min-height:150px;}
body.simple-mode .posts .post.style2 .title{margin:10px;}
body.simple-mode .posts .post.style3 .post-link{flex-direction:column;justify-content:flex-end;min-height:220px;}
body.simple-mode .posts .post.style3 .post-thumb{position:absolute;top:0;right:0;bottom:0;left:0;}
body.simple-mode .posts .post.style3 .title{flex-grow:0;padding:20px 40px;padding-top:50px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.7) 40%,#000);color:#fff;text-shadow:0 1px 1px #000;}
body.simple-mode .posts .post.style3 .overlay{visibility:visible;transition:0.2s;}
}
/******************** posts extra settings ********************/
.hide-thumb .post-thumb {display:none;}
.hide-thumb .post.style1 .title {height:auto!important;}
.hide-thumb .post.style3 .post-link {min-height:150px;}
.post.post-sticky::before {content:"\f005";font-family:'Font Awesome\ 5 Free';position:absolute;top:5px;padding:5px;z-index:20;font-size:1.3em;font-weight:normal;line-height:1;background:var(--main-color);color:#fff;border-radius:4px;}
.rtl .post.post-sticky::before {left:5px;}
.ltr .post.post-sticky::before {right:5px;}
@media (max-width:575px){.scroll-posts .widget-content {display:flex!important;margin:-5px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}.rtl .scroll-posts .widget-content {margin-left:0;}.ltr .scroll-posts .widget-content {margin-right:0;}.scroll-posts .widget-content .post {white-space:initial;}.scroll-posts .widget-content .posts-inner {display:flex!important;padding:5px;}}
/******************** widget grid styles ********************/
@media (min-width:1200px){.sidebar-post_side .posts .posts-inner {grid-template-columns:0;}.col-xl-8 .posts .posts-inner {grid-template-columns:repeat(auto-fill,minmax(3.3333%,1fr));}.col-xl-6 .posts .posts-inner {grid-template-columns:repeat(auto-fill,minmax(3.3333%,1fr));}.col-xl-4 .posts .posts-inner {grid-template-columns:repeat(auto-fill,minmax(6.6666%,1fr));}.col-xl-3 .posts .posts-inner {grid-template-columns:repeat(auto-fill,minmax(6.6666%,1fr));}}
/******************** posts grid styles ********************/
.rows-2 { grid-row: span 2; }
.rows-3 { grid-row: span 3; }
.cols-x { grid-column: 1 / -1; }
.cols-10 { grid-column: span 10; }
.cols-12 { grid-column: span 12; }
.cols-15 { grid-column: span 15; }
.cols-20 { grid-column: span 20; }
.cols-30 { grid-column: span 30; }
.cols-40 { grid-column: span 40; }
.cols-45 { grid-column: span 45; }
.cols-50 { grid-column: span 50; }
.title-lg .title { font-size: 1.2em; }
.title-xl .title { font-size: 1.4em; }
.font-xs { font-size: 0.7em; }
.font-sm { font-size: 0.8em ; }
.font-md { font-size: 1em; }
.font-lg { font-size: 1.2em; }
.font-xl { font-size: 1.4em; }
@media (min-width: 576px) {
	.title-sm-lg .title { font-size: 1.2em; }
	.title-sm-xl .title { font-size: 1.4em; }
	.image-sm-lg .post-link { min-height: 250px !important; }
	.image-sm-xl .post-link { min-height: 300px !important; }
}
@media (min-width: 576px) {
	.rows-sm-2 { grid-row: span 2; }
	.rows-sm-3 { grid-row: span 3; }
	.cols-sm-x { grid-column: 1 / -1; }	
	.cols-sm-10 { grid-column: span 10; }
	.cols-sm-12 { grid-column: span 12; }
	.cols-sm-15 { grid-column: span 15; }
	.cols-sm-20 { grid-column: span 20; }
	.cols-sm-30 { grid-column: span 30; }
	.cols-sm-40 { grid-column: span 40; }
	.cols-sm-45 { grid-column: span 45; }
	.cols-sm-50 { grid-column: span 50; }
	.font-sm-xs { font-size: 0.7em; }
	.font-sm-sm { font-size: 0.8em ; }
	.font-sm-md { font-size: 1em; }
	.font-sm-lg { font-size: 1.2em; }
	.font-sm-xl { font-size: 1.4em; }
}
@media (min-width: 768px) {
	.rows-md-2 { grid-row: span 2; }
	.rows-md-3 { grid-row: span 3; }
	.cols-md-x { grid-column: 1 / -1; }
	.cols-md-10 { grid-column: span 10; }
	.cols-md-12 { grid-column: span 12; }
	.cols-md-15 { grid-column: span 15; }
	.cols-md-20 { grid-column: span 20; }
	.cols-md-30 { grid-column: span 30; }
	.cols-md-40 { grid-column: span 40; }
	.cols-md-45 { grid-column: span 45; }
	.cols-md-50 { grid-column: span 50; }
	.font-md-xs { font-size: 0.7em; }
	.font-md-sm { font-size: 0.8em ; }
	.font-md-md { font-size: 1em; }
	.font-md-lg { font-size: 1.2em; }
	.font-md-xl { font-size: 1.4em; }
}
@media (min-width: 992px) {
	.rows-lg-2 { grid-row: span 2; }
	.rows-lg-3 { grid-row: span 3; }
	.cols-lg-x { grid-column: 1 / -1; }
	.cols-lg-10 { grid-column: span 10; }
	.cols-lg-12 { grid-column: span 12; }
	.cols-lg-15 { grid-column: span 15; }
	.cols-lg-20 { grid-column: span 20; }
	.cols-lg-30 { grid-column: span 30; }
	.cols-lg-40 { grid-column: span 40; }
	.cols-lg-45 { grid-column: span 45; }
	.cols-lg-50 { grid-column: span 50; }
	.font-lg-xs { font-size: 0.7em; }
	.font-lg-sm { font-size: 0.8em ; }
	.font-lg-md { font-size: 1em; }
	.font-lg-lg { font-size: 1.2em; }
	.font-lg-xl { font-size: 1.4em; }
}
@media (min-width: 1200px) {
	.rows-xl-2 { grid-row: span 2; }
	.rows-xl-3 { grid-row: span 3; }
	.cols-xl-x { grid-column: 1 / -1; }
	.cols-xl-10 { grid-column: span 10; }
	.cols-xl-12 { grid-column: span 12; }
	.cols-xl-15 { grid-column: span 15; }
	.cols-xl-20 { grid-column: span 20; }
	.cols-xl-30 { grid-column: span 30; }
	.cols-xl-40 { grid-column: span 40; }
	.cols-xl-45 { grid-column: span 45; }
	.cols-xl-50 { grid-column: span 50; }
	.font-xl-xs { font-size: 0.7em; }
	.font-xl-sm { font-size: 0.8em ; }
	.font-xl-md { font-size: 1em; }
	.font-xl-lg { font-size: 1.2em; }
	.font-xl-xl { font-size: 1.4em; }
/******************** posts extra settings ********************/ 
.container-links ul{margin:0;padding:0;list-style:none;box-shadow:0px 0px 4px rgba(0,0,0,0.15);background:#f8f9fa;} .container-links li a{display:block;margin-bottom:1px;padding:12px 20px;background:#ffffff;color:#222;font-family:"Cairo",sans-serif;transition:background 0.3s;} .container-links li a:hover{background:#f0f0f0;color:#000;} .rtl .container-links li li{margin-right:20px;} .ltr .container-links li li{margin-left:20px;}