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


:root{
--font-main:'readex',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{
box-sizing:border-box;
margin:0;
padding:0;
}

html{
scroll-behavior:smooth;
}

body{
font-family:var(--font-main);
font-weight:400;
line-height:1.9;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
background:#fff;
color:#111;
overflow-x:hidden;
}

body.dark-mode{
background:#020617;
color:#fff;
}

h1,h2,h3,h4,h5,h6,.entry-title{
font-weight:700;
line-height:1.35;
margin:0 0 10px;
}

h1{
font-size:clamp(24px,4vw,32px);
}

h2{
font-size:clamp(20px,3vw,26px);
}

h3{
font-size:clamp(18px,2.5vw,22px);
}
.sw-single-share{
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}

.sw-single-share a,
.sw-single-share button,
.sw-single-bottom-share a,
.sw-single-bottom-share button{
width:52px;
height:52px;
border:none;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
background:#f1f5f9;
color:#111;
cursor:pointer;
transition:.3s;
font-size:18px;
text-decoration:none;
}

body.dark-mode .sw-single-share a,
body.dark-mode .sw-single-share button,
body.dark-mode .sw-single-bottom-share a,
body.dark-mode .sw-single-bottom-share button{
background:#1e293b;
color:#fff;
}

.sw-single-share a:hover,
.sw-single-share button:hover,
.sw-single-bottom-share a:hover,
.sw-single-bottom-share button:hover{
transform:translateY(-3px);
background:#e31205;
color:#fff;
}

.sw-single-bottom-share{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}

.sw-single-bottom-share a,
.sw-single-bottom-share button{
width:48px;
height:48px;
border-radius:16px;
}

.sw-single-share svg,
.sw-single-bottom-share svg,
.sw-single-share i,
.sw-single-bottom-share i{
width:20px;
height:20px;
font-size:20px;
}

.sw-single-bottom-share{
display:flex;
flex-direction:row;
align-items:center;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}

.sw-single-bottom-share a,
.sw-single-bottom-share button{
width:50px;
height:50px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
}
@media(max-width:991px){

.sw-single-share{
display:none !important;
}

}

.sw-single-footer{
margin-top:50px;
padding-top:30px;
border-top:1px solid #e2e8f0;
}

body.dark-mode .sw-single-footer{
border-color:#1e293b;
}

.sw-post-tags{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
}

.sw-post-tags a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border-radius:100px;
background:#f1f5f9;
color:#111;
font-size:14px;
font-weight:700;
transition:.3s;
text-decoration:none;
}

body.dark-mode .sw-post-tags a{
background:#1e293b;
color:#fff;
}

.sw-post-tags a:hover{
background:#e31205;
color:#fff;
transform:translateY(-2px);
}

.sw-single-meta{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:14px;
margin-top:25px;
padding-top:20px;
border-top:1px solid #e2e8f0;
}

body.dark-mode .sw-single-meta{
border-color:#1e293b;
}

.sw-meta{
display:flex;
align-items:center;
gap:6px;
font-size:14px;
line-height:1;
color:#64748b;
}

.sw-meta-prefix{
font-weight:700;
color:#111;
}

body.dark-mode .sw-meta-prefix{
color:#fff;
}

.sw-meta-content{
display:flex;
align-items:center;
gap:5px;
}

.sw-meta-content a{
font-weight:600;
transition:.3s;
}

body.dark-mode .sw-meta-content a{
color:#cbd5e1;
}

.sw-meta-content a:hover{
color:#e31205;
}

.post-date{
display:inline-flex;
align-items:center;
}

.post-date-updated{
display:none;
}

.sw-homepage{
position:relative;
padding:25px 0 40px;
overflow:hidden;
}













/*
==================================================
HEADER
==================================================
*/

.sw-header{
position:sticky;
top:0;
z-index:9999;
background:#fff;
border-bottom:1px solid #ececec;
box-shadow:0 2px 12px rgba(0,0,0,.03);
}

.sw-container{
width:min(1400px,94%);
margin:auto;
}

.sw-header-inner{
height:78px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}

/*
==================================================
LOGO
==================================================
*/

.sw-logo{
display:flex;
align-items:center;
flex-shrink:0;
}

.sw-logo img{
max-height:46px;
display:block;
}

/*
==================================================
NAVBAR
==================================================
*/

.sw-navbar{
flex:1;
display:flex;
justify-content:center;
}

.sw-nav-menu{
display:flex;
align-items:center;
gap:28px;
margin:0;
padding:0;
list-style:none;
}

.sw-nav-menu li{
position:relative;
}

.sw-nav-menu li a{
display:flex;
align-items:center;
height:78px;
font-size:15px;
font-weight:700;
color:#111827;
text-decoration:none;
transition:.25s;
position:relative;
}

.sw-nav-menu li a::after{
content:"";
position:absolute;
bottom:0;
right:0;
width:0;
height:3px;
background:var(--main-color);
transition:.3s;
border-radius:20px;
}

.sw-nav-menu li:hover>a,
.sw-nav-menu li.current-menu-item>a{
color:var(--main-color);
}

.sw-nav-menu li:hover>a::after,
.sw-nav-menu li.current-menu-item>a::after{
width:100%;
}

/*
==================================================
ACTIONS
==================================================
*/

.sw-header-actions{
display:flex;
align-items:center;
gap:12px;
}

.sw-header-actions button{
width:42px;
height:42px;
border:none;
background:#f3f4f6;
border-radius:12px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:.25s;
}

.sw-header-actions button:hover{
background:var(--main-color);
color:#fff;
}

.sw-header-actions svg{
width:20px;
height:20px;
}

/*
==================================================
MOBILE TOGGLE
==================================================
*/

.sw-mobile-toggle{
display:none !important;
flex-direction:column;
gap:5px;
}

.sw-mobile-toggle span{
width:20px;
height:2px;
background:currentColor;
display:block;
}

/*
==================================================
MOBILE MENU
==================================================
*/

.sw-mobile-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.45);
opacity:0;
visibility:hidden;
transition:.3s;
z-index:9998;
}

.sw-mobile-menu{
position:fixed;
top:0;
right:-340px;
width:320px;
height:100vh;
background:#fff;
z-index:9999;
transition:.35s;
overflow-y:auto;
padding:24px;
}

.sw-mobile-menu.active{
right:0;
}

.sw-mobile-overlay.active{
opacity:1;
visibility:visible;
}

.sw-mobile-head{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:24px;
font-size:22px;
font-weight:800;
}

.sw-mobile-close{
border:none;
background:none;
font-size:34px;
cursor:pointer;
}

.sw-mobile-nav{
list-style:none;
padding:0;
margin:0;
}

.sw-mobile-nav li{
border-bottom:1px solid #ececec;
}

.sw-mobile-nav li a{
display:flex;
padding:16px 0;
font-size:16px;
font-weight:700;
color:#111827;
text-decoration:none;
}

/*
==================================================
SEARCH
==================================================
*/

.sw-search-popup{
position:fixed;
inset:0;
background:rgba(0,0,0,.7);
z-index:99999;
display:none;
align-items:center;
justify-content:center;
padding:20px;
}

.sw-search-popup.active{
display:flex;
}

.sw-search-form{
width:min(720px,100%);
display:flex;
background:#fff;
border-radius:20px;
overflow:hidden;
}

.sw-search-form input{
flex:1;
height:70px;
border:none;
padding:0 24px;
font-size:18px;
outline:none;
}

.sw-search-form button{
width:140px;
border:none;
background:var(--main-color);
color:#fff;
font-size:16px;
font-weight:800;
cursor:pointer;
}

.sw-search-close{
position:absolute;
top:30px;
left:30px;
width:50px;
height:50px;
border:none;
border-radius:50%;
background:#fff;
font-size:28px;
cursor:pointer;
}

/*
==================================================
MOBILE
==================================================
*/

@media(max-width:991px){

.sw-navbar{
display:none;
}

.sw-mobile-toggle{
display:flex !important;
}

.sw-header-inner{
height:72px;
}

.sw-logo img{
max-height:40px;
}

}










/*
==================================================
TOPBAR NEWS
==================================================
*/

.sw-topbar-left{
flex:1;
min-width:0;
}

.sw-topbar-news{
display:flex;
align-items:center;
gap:14px;
overflow:hidden;
}

.sw-topbar-label{
background:var(--main-color);
color:#fff;
font-size:12px;
font-weight:800;
padding:6px 12px;
border-radius:30px;
flex-shrink:0;
}

.sw-topbar-marquee{
overflow:hidden;
position:relative;
width:100%;
}

.sw-topbar-track{
display:flex;
align-items:center;
gap:40px;
white-space:nowrap;
animation:swTicker 40s linear infinite;
}

.sw-topbar-track a{
color:#fff;
font-size:13px;
font-weight:600;
text-decoration:none;
opacity:.9;
}

.sw-topbar-track a:hover{
opacity:1;
color:#fff;
}

@keyframes swTicker{

0%{
transform:translateX(100%);
}

100%{
transform:translateX(-100%);
}

}

/*
==================================================
TOPBAR
==================================================
*/

.sw-topbar{
height:42px;
background:#111827;
color:#fff;
border-bottom:1px solid rgba(255,255,255,.06);
overflow:hidden;
}

.sw-topbar-inner{
height:42px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.sw-date{
font-size:13px;
font-weight:600;
opacity:.9;
}

/*
==================================================
TOP MENU
==================================================
*/

.sw-top-menu{
display:flex;
align-items:center;
gap:18px;
list-style:none;
margin:0;
padding:0;
}

.sw-top-menu li a{
font-size:13px;
font-weight:600;
color:#fff;
text-decoration:none;
opacity:.85;
transition:.25s;
}

.sw-top-menu li a:hover{
opacity:1;
color:var(--main-color);
}

/*
==================================================
MOBILE
==================================================
*/

@media(max-width:767px){

.sw-topbar{
display:none;
}

}
.content-inner {
margin-top:20px;
}
.archive-outer  {
margin-top:20px;
}
/*
==================================================
FULL WIDTH SINGLE EXTRA
==================================================
*/
.comments{
padding:20px 20px  !important;
	margin-top:30px !important;
}
.sw-single-extra,
.site-section-author,
.site-section-comments,
.comments-inner,
.author-inner{
width:100%;
max-width:100%;
display:block;
}

/*
==================================================
AUTHOR BOX
==================================================
*/

.site-section-author{
position:relative;
width:100%;
padding:45px;
border-radius:34px;
background:#fff;
border:1px solid #edf2f7;
box-shadow:0 15px 50px rgba(15,23,42,.06);
overflow:hidden;
margin-top:40px;
}

body.dark-mode .site-section-author{
background:#0f172a;
border-color:#1e293b;
}

.site-section-author::before{
content:"";
position:absolute;
top:0;
right:0;
width:100%;
height:8px;
background:linear-gradient(90deg,#e31205,#ff7a18);
}

.widget-title-About{
font-size:30px;
font-weight:900;
margin-bottom:35px;
color:#111827;
}

body.dark-mode .widget-title-About{
color:#fff;
}

.author-inner .row{
display:flex;
align-items:center;
gap:30px;
width:100%;
}

.author-avatar{
flex-shrink:0;
}

.author-avatar-inner{
width:120px;
height:120px;
border-radius:50%;
padding:5px;
background:linear-gradient(135deg,#e31205,#ff7a18);
}

.author-avatar-inner img{
width:100%;
height:100%;
border-radius:50%;
object-fit:cover;
border:4px solid #fff;
}

body.dark-mode .author-avatar-inner img{
border-color:#0f172a;
}

.author-info{
flex:1;
min-width:0;
}

.author-title h2{
font-size:34px;
font-weight:900;
margin:0 0 10px;
line-height:1.3;
}

.author-title a{
color:#111827;
text-decoration:none;
transition:.25s;
}

.author-title a:hover{
color:#e31205;
}

body.dark-mode .author-title a{
color:#fff;
}

/*
==================================================
COMMENTS BOX
==================================================
*/

.site-section-comments{
width:100%;
padding:45px;
border-radius:34px;
background:#fff;
border:1px solid #edf2f7;
box-shadow:0 15px 50px rgba(15,23,42,.06);
margin-top:35px;
}

body.dark-mode .site-section-comments{
background:#0f172a;
border-color:#1e293b;
}

.widget-title h2{
font-size:30px;
font-weight:900;
margin-bottom:30px;
color:#111827;
}

body.dark-mode .widget-title h2{
color:#fff;
}

/*
==================================================
COMMENT FORM
==================================================
*/

.comment-respond{
width:100%;
}

.leave-comment-title{
margin-bottom:25px;
}

.leave-comment-title .title{
font-size:28px;
font-weight:800;
color:#111827;
}

body.dark-mode .leave-comment-title .title{
color:#fff;
}

.logged-in-as{
font-size:15px;
line-height:2;
margin-bottom:24px;
color:#64748b;
}

.logged-in-as a{
color:#e31205;
font-weight:700;
text-decoration:none;
}

.comment-form-comment{
width:100%;
margin-bottom:25px;
}

.comment-form-comment label{
display:block;
margin-bottom:14px;
font-size:16px;
font-weight:800;
color:#111827;
}

body.dark-mode .comment-form-comment label{
color:#fff;
}

.comment-form textarea{
width:100%;
min-height:220px;
padding:24px;
border:none;
outline:none;
resize:vertical;
border-radius:28px;
background:#f8fafc;
font-size:17px;
line-height:2;
font-family:inherit;
transition:.3s;
}

.comment-form textarea:focus{
background:#fff;
box-shadow:0 0 0 4px rgba(227,18,5,.12);
}

body.dark-mode .comment-form textarea{
background:#020617;
color:#fff;
}

body.dark-mode .comment-form textarea:focus{
background:#0b1220;
}

.form-submit{
margin-top:10px;
}

.form-submit .submit{
height:58px;
padding:0 40px;
border:none;
border-radius:20px;
background:#e31205;
color:#fff;
font-size:16px;
font-weight:900;
cursor:pointer;
transition:.3s;
font-family:inherit;
}

.form-submit .submit:hover{
transform:translateY(-3px);
box-shadow:0 15px 35px rgba(227,18,5,.25);
}

/*
==================================================
REMOVE CONTAINER LIMIT
==================================================
*/

.site-section-author .container,
.site-section-comments .container,
.comments-inner{
width:100% !important;
max-width:100% !important;
padding:0 !important;
margin:0 !important;
}

/*
==================================================
MOBILE
==================================================
*/

@media(max-width:767px){

.site-section-author,
.site-section-comments{
padding:24px;
border-radius:24px;
}

.author-inner .row{
flex-direction:column;
align-items:flex-start;
}

.author-avatar-inner{
width:95px;
height:95px;
}

.author-title h2{
font-size:26px;
}

.widget-title h2,
.widget-title-About{
font-size:24px;
}

.comment-form textarea{
min-height:170px;
padding:18px;
border-radius:20px;
font-size:15px;
}

.form-submit .submit{
width:100%;
}

}

/*
==================================================
COMMENTS FORM
==================================================
*/

.comment-respond{
margin-top:40px;
padding:40px;
border-radius:32px;
background:#fff;
border:1px solid #e2e8f0;
box-shadow:
0 10px 40px rgba(15,23,42,.05);
}

body.dark-mode .comment-respond{
background:#0f172a;
border-color:#1e293b;
box-shadow:none;
}

/*
==================================================
TITLE
==================================================
*/

.leave-comment-title{
margin-bottom:30px;
}

.leave-comment-title .title{
font-size:28px;
font-weight:900;
line-height:1.3;
color:#111827;
}

body.dark-mode .leave-comment-title .title{
color:#fff;
}

/*
==================================================
FIELDS
==================================================
*/

.comment-form p{
margin-bottom:22px;
}

.comment-form label{
display:block;
margin-bottom:10px;
font-size:14px;
font-weight:800;
color:#111827;
}

body.dark-mode .comment-form label{
color:#fff;
}

/*
==================================================
INPUTS
==================================================
*/

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
width:100%;
border:none;
outline:none;
padding:0 22px;
font-size:15px;
font-weight:600;
color:#111827;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:20px;
transition:.25s;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
height:58px;
}

.comment-form textarea{
padding-top:18px;
padding-bottom:18px;
min-height:180px;
resize:vertical;
line-height:2;
}

/*
==================================================
FOCUS
==================================================
*/

.comment-form input:focus,
.comment-form textarea:focus{
border-color:#e31205;
background:#fff;
box-shadow:
0 0 0 4px rgba(227,18,5,.08);
}

/*
==================================================
DARK MODE INPUTS
==================================================
*/

body.dark-mode .comment-form input[type="text"],
body.dark-mode .comment-form input[type="email"],
body.dark-mode .comment-form input[type="url"],
body.dark-mode .comment-form textarea{
background:#020617;
border-color:#1e293b;
color:#fff;
}

body.dark-mode .comment-form input:focus,
body.dark-mode .comment-form textarea:focus{
background:#020617;
border-color:#ff7a18;
box-shadow:
0 0 0 4px rgba(255,122,24,.08);
}

/*
==================================================
PLACEHOLDER
==================================================
*/

.comment-form input::placeholder,
.comment-form textarea::placeholder{
color:#94a3b8;
font-weight:500;
}

/*
==================================================
CHECKBOX
==================================================
*/

.comment-form-cookies-consent{
display:flex;
align-items:flex-start;
gap:12px;
padding:18px 20px;
border-radius:18px;
background:#f8fafc;
border:1px solid #e2e8f0;
}

body.dark-mode .comment-form-cookies-consent{
background:#020617;
border-color:#1e293b;
}

.comment-form-cookies-consent input{
margin-top:4px;
width:18px;
height:18px;
accent-color:#e31205;
cursor:pointer;
}

.comment-form-cookies-consent label{
margin:0;
font-size:14px;
line-height:1.9;
font-weight:600;
color:#475569;
cursor:pointer;
}

body.dark-mode .comment-form-cookies-consent label{
color:#cbd5e1;
}

/*
==================================================
SUBMIT BUTTON
==================================================
*/

.form-submit{
margin-top:30px;
}

.comment-form .submit{
height:58px;
padding:0 34px;
border:none;
border-radius:18px;
background:
linear-gradient(90deg,#e31205,#ff7a18);
color:#fff;
font-size:15px;
font-weight:900;
cursor:pointer;
transition:.3s;
box-shadow:
0 10px 30px rgba(227,18,5,.18);
}

.comment-form .submit:hover{
transform:translateY(-3px);
opacity:.92;
}

/*
==================================================
REQUIRED
==================================================
*/

.required{
color:#e31205;
font-weight:900;
}

/*
==================================================
MOBILE
==================================================
*/

@media(max-width:767px){

.comment-respond{
padding:24px;
border-radius:24px;
}

.leave-comment-title .title{
font-size:24px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
height:54px;
}

.comment-form .submit{
width:100%;
}

}