/*==================================================*
* Theme Name: Yalla Shoot New (يلا شوت الجديد)
* Theme URI: https://yalla-shoot.com/
* Author: Anas AL-Nahal (Converted to WordPress)
* Version: 2.0.0
* Text Domain: yalla-shoot-new
* Description: قالب يلا شوت الجديد الأصلي للبث المباشر والمباريات الرياضية - نسخة ووردبريس الاحترافية الكاملة المطابقة للأصل
* ==================================================*/

/* --- STYLE BLOCK 0 --- */
/*==================================================*
      * Name: template-yalla-shoot-new
      * Version: 2.0.0
      * Author: Anas AL-Nahal
      * Url: https://www.facebook.com/anas.alnahal2002
      * Email anaslive770@gmail.com
      * =============layout===========================*/
      /**/
/*=======root of template==========*/
@font-face{font-family:'Neo Sans Arabic';font-style:normal;font-weight:normal;font-display:swap;src:local('Neo Sans Arabic'),url('https://cdn.statically.io/gh/yallashoot808/yalla-shoot-new/6a47ce1e/NeoSansArabic.woff') format('woff')}
body{font-family:Neo Sans Arabic,Changa,Segoe UI;line-height:35px;width:100%;margin:0;background:#eceef2;color:#000;font-size:16px;font-weight:500;}
a{color:#222;text-decoration:none}
img{font-size:0;pointer-events:none;}
strong{font-weight:500}
a:focus,a:hover{color:#931800;transition: .5s ease;}
*{margin:0;padding:0;outline:0;list-style:none}
.container{max-width:1000px;margin:auto;padding:0 12px}

/*=======header=========*/
.menu-section{position:relative;margin-bottom:15px;overflow:hidden;width:100%;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.3)}
.navbar-brand{position:relative;float:right;margin:5px 0;background:#931800;width:200px;border-radius:5px;padding:4px 0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-moz-user-select:none;}
.navbar-brand.has-custom-logo,.navbar-brand:has(img.custom-logo){background:transparent;padding:0;}
.navbar-brand .custom-logo-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;width:100%;}
.navbar-brand img.custom-logo{max-width:200px;max-height:60px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;}
.navbarbrand ul{margin:0;padding:0;float:left}
.navbarbrand ul li{list-style:none;float:right;background-color:#931800;height:35px;width:35px;text-align:center;cursor:pointer;margin-top:0;margin-right:5px;color:#ffffff;border-radius:5px;line-height:31.5px;}
.navbarbrand ul li a{float:right;width:100%;}
.navbarbrand ul li a .icon{width: 20px; height: 20px; display: table; margin: 8px auto; background-size: 100% 100%;}
.navbar-brand hl{position:absolute;top:-9000px;left:-9000px}
.navbar-brand span{display:block;text-align:center;color:#fff;font-size:30px}
.navbar-brand span:last-child{font-size:20px}
.navmenu{width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);width:calc(100% - 200px);float:right}
.navsites{float:left;margin:25px 0}
div#menu-top{position:relative;}div#menu-top .navsiteta{position:relative;}div#menu-top li { float: right; position: relative; }
div#menu-top li a:hover{ border-bottom: 2px solid #931800; }
div#menu-top li a{padding:0 6px;height:86px;display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;border-bottom:2px solid transparent}
div#navbarbrand { float: left; margin: 25px 4px; }
.navmenu .nav .navsiteta a:hover{border-bottom:2px solid #931800}
.menublabel.clo, .menublabel.op, .dnmo.mo{display:none}
.menu-section h1,.menu-section h2{display:none}
.navmenu .nav ul { margin: 0; padding: 0; margin-right: 13px; }
.navmenu .nav .navsites a,.dnmo{height:35px;width:35px;padding:0;display:grid;background:#333;margin-right:5px;border-radius:5px;float:left;cursor:pointer;margin: 25px -17px;}
.facebook{background-color:#4a6ea9!important}
.twitter{background-color:#00b9ff!important}
.telegram{background-color:#389ce9!important}
.whatsapp{background-color:#2ea625!important}
.instagram{background-color:#6a453b!important;}
.youtube { background-color: #f61c0d!important; }
.google { background-color: #ea4335!important; }
#menubtn{position:absolute;visibility:hidden}
.navmenu .nav .navsites a .icon,.icon.dnmoi{width:20px;height:20px;display:table;margin:8px auto;background-size:100% 100%}
span.icon.telegram { background: no-repeat center url(data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath fill='%23fff' d='m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z' class=''%3E%3C/path%3E%3C/svg%3E); }
.icon.twitter{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z' class=''%3E%3C/path%3E%3C/svg%3E")}
.icon.facebook{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M288,176v-64c0-17.664,14.336-32,32-32h32V0h-64c-53.024,0-96,42.976-96,96v80h-64v80h64v256h96V256h64l32-80H288z' class=''%3E%3C/path%3E%3C/svg%3E")}
span.icon.youtube{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728 c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137 C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607 c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z' class=''%3E%3C/path%3E%3C/svg%3E");margin-right:6.5px;}
.icon.google{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='m512.288 152.697-67.644-13.455v-123.579h-377v123.579l-67.644 13.455 52.644 264.661v79.268h407v-79.268zm-52.644 110.885v-61.956h-50.232l-8.037-40.402 75.636 15.045zm-362-217.919h317v87.612l-19.603-3.899-10.573-53.153-286.824 57.052zm-62.368 130.606 325.621-64.77 17.927 90.127h-326.18v61.956zm394.368 290.356h-347v-235h347z' class=''%3E%3C/path%3E%3C/svg%3E")}
.icon.dnmoi{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.072 241.072' %3E%3Cpath fill='%23fff' d='M202.167,156.857c-44.236,0-80.085-35.842-80.085-80.078c0-29.923,16.43-55.951,40.733-69.707 C150.088,2.498,136.373,0,122.082,0C55.506,0,1.535,53.971,1.535,120.528c0,66.584,53.971,120.544,120.547,120.544 c57.269,0,105.18-39.937,117.454-93.485C228.374,153.484,215.665,156.857,202.167,156.857L202.167,156.857z' class=''%3E%3C/path%3E%3C/svg%3E")}
.icon.telegram{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath fill='%23fff' d='m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z' class=''%3E%3C/path%3E%3C/svg%3E")}
.icon.instagram{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='m437 0h-362c-41.351562 0-75 33.648438-75 75v362c0 41.351562 33.648438 75 75 75h362c41.351562 0 75-33.648438 75-75v-362c0-41.351562-33.648438-75-75-75zm-180 390c-74.441406 0-135-60.558594-135-135s60.558594-135 135-135 135 60.558594 135 135-60.558594 135-135 135zm150-240c-24.8125 0-45-20.1875-45-45s20.1875-45 45-45 45 20.1875 45 45-20.1875 45-45 45zm0 0 m407 90c-8.277344 0-15 6.722656-15 15s6.722656 15 15 15 15-6.722656 15-15-6.722656-15-15-15zm0 0 m257 150c-57.890625 0-105 47.109375-105 105s47.109375 105 105 105 105-47.109375 105-105-47.109375-105-105-105zm0 0' class=''%3E%3C/path%3E%3C/svg%3E")!important}
.icon.dnmoi{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.072 241.072' %3E%3Cpath fill='%23fff' d='M202.167,156.857c-44.236,0-80.085-35.842-80.085-80.078c0-29.923,16.43-55.951,40.733-69.707 C150.088,2.498,136.373,0,122.082,0C55.506,0,1.535,53.971,1.535,120.528c0,66.584,53.971,120.544,120.547,120.544 c57.269,0,105.18-39.937,117.454-93.485C228.374,153.484,215.665,156.857,202.167,156.857L202.167,156.857z' class=''%3E%3C/path%3E%3C/svg%3E")}
body.Night .icon.dnmoi{background:no-repeat center url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sun' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-sun fa-w-16'%3E%3Cpath fill='%23fff' d='M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z' class=''%3E%3C/path%3E%3C/svg%3E")}
#telegramme{position:fixed;z-index:9999999;color:#000;bottom:25px;right:25px;width:150px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.3);text-align:center}
#telegramme p{font-size:12px}
.clossme{float:right;position:absolute;bottom:15px;right:7px;padding:0 5px}
#telegramme a{position:relative;color:#fff;background:#0088cc;border-radius:20px;padding:3px 7px;font-size:13px;margin:auto;display:table;line-height:20px}
.box-title { padding: 12px; overflow: hidden; border-bottom: 1px solid #ddd; border-radius: 5px 8px 0 0; }
.box-title h1,.box-title h2,.box-title h3,.nav-tabs li a{font-size:15px;background:#333;color:#fff;float:right;padding:0 10px;border-radius:5px;font-weight:400;}
.blogpost .box-title a{color:#fff}
.nav-tabs li .shomo{background:#eceef2;color:#000;border: 1px solid #ddd;}
footer { position: relative; background: #fff; padding: 0; overflow: hidden; box-shadow: 0 0 2px rgb(0 0 0 / 30%); margin-top: 15px; }
.footermb{overflow:hidden;padding:12px 0;}
.weba{float:right}
.weba a{margin:0;}
.footermb li{float:left}
.footermb a{background:#eceef2;margin-right:10px;font-size:13px;padding:0 7px;display:block;border-radius:8px}

/*======= External Matches Slot / Plugin Area =========*/
.yalla-matches-slot {
    margin-top: 15px;
    margin-bottom: 20px;
    clear: both;
}
.yalla-matches-slot:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.home-matches-widget {
    margin-bottom: 15px;
}
.tab-content>.tab-pane{display:none1}
.tab-content>.active{display:block}
.tabsbox { margin-top: 15px; box-shadow: 0 0 2px rgb(0 0 0 / 30%); background: #fff; position: relative; border-radius: 5px; display: none1; }
.wdthbox{padding:12px;text-align:justify;overflow:hidden;max-height:215px;position:relative;font-weight:400;font-size:15px;line-height:25px;-webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none;;}
.wdthbox p{margin-bottom:15px;}
.panel-default { box-shadow: 0 0 2px rgb(0 0 0 / 30%); background: #fff; position: relative; margin-bottom: 15px; overflow: hidden; border-radius: 5px; }
h2.boxstitle{background:#931800}
.nav-tabs{float:left}
.nav-tabs li{float:right;margin-right:12px}
.nav-tabs li a{background:#931800}
.nav-tabs .yema a{background:#104783}
.nav-tabs .tomat a{background:#caa107}
li.activead a#a-left { background: #caa107; }
li.activeyes a#a-left { background: #104783; }

/*=======posts=========*/
div#Blog1 .blogpost,#box-posts{box-shadow: 0 0 2px rgb(0 0 0 / 30%); background: #fff; border-radius: 5px; margin-top: 15px; }
.queryEmpty{padding:12px 12px 0;}
.grid-post,#feeds-posts{padding:12px 12px 0;padding-bottom:0;overflow:hidden}
#feeds-posts{height:675px;}
.grid-posts,#box-posts ul{margin:0 -6px}
.posthome,#box-posts ul li{float:right;width:25%}
.blog-post.hentry.index-post,#box-posts ul li a{background:#eceef2 ; margin: 0 6px 12px 6px; overflow: hidden; position: relative; border-radius: 5px; display: block;}
.post-image-wrap img,#box-posts ul li .rnav-img img{height:160px;width:100%;display:grid}
.post-info{padding:10px;}
.post-info h3,#box-posts ul li h3{margin:0;line-height:1.5;font-size:15px;height:43px;overflow:hidden;font-weight:500;}
#blog-pager{margin:auto;display:table}
#blog-pager a{font-size:15px;float:right;padding:0 10px;margin:0 0 12px 12px;background:#eceef2;border-radius:8px}
.main-post-meta svg { width: 15px; height: 15px; }
.post-tags { padding: 12px 12px 0; }
.postTimestamp { margin: 0 -12px 12px; }
.posts-title { padding: 10px 12px; border-bottom: 1px solid #d8dbe1; }
h1.post-title { line-height: 1.5; overflow: hidden; font-size: 24px; }
.main-post-meta { border-bottom: 1px solid #d8dbe1; padding: 10px 12px; font-size: 15px; font-weight: 400; }
#postsacs { font-size: 17px; text-align: justify; user-select: auto; font-weight: 400; line-height: 1.8; word-wrap: break-word; }
#postsacs p { margin-bottom: 16px; line-height: 1.8; }
#postsacs h1, #postsacs h2, #postsacs h3, #postsacs h4, #postsacs h5, #postsacs h6 {
    margin: 24px 0 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #1a1a1a;
}
.Night #postsacs h1, .Night #postsacs h2, .Night #postsacs h3, .Night #postsacs h4, .Night #postsacs h5, .Night #postsacs h6 {
    color: #ffffff;
}
#postsacs h1 { font-size: 26px; }
#postsacs h2 { font-size: 22px; }
#postsacs h3 { font-size: 19px; }
#postsacs h4 { font-size: 17px; }
#postsacs ul, #postsacs ol { margin: 12px 28px 18px 0; padding: 0; }
#postsacs li { margin-bottom: 8px; line-height: 1.7; }
#postsacs blockquote {
    margin: 20px 0;
    padding: 14px 20px;
    border-right: 4px solid #931800;
    background: #f8f9fa;
    font-style: italic;
    border-radius: 4px;
}
.Night #postsacs blockquote {
    background: #141d26;
    border-right-color: #e52d27;
    color: #d1d5db;
}
#postsacs .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
#postsacs .alignright { float: right; margin: 0 0 15px 15px; }
#postsacs .alignleft { float: left; margin: 0 15px 15px 0; }
#postsacs iframe, #postsacs video, #postsacs embed { max-width: 100%; border-radius: 8px; margin: 12px 0; }
#postsacs table { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #fff; }
.Night #postsacs table { background: #18222d; }
#postsacs table th, #postsacs table td { border: 1px solid #e2e8f0; padding: 10px 14px; text-align: right; }
.Night #postsacs table th, .Night #postsacs table td { border-color: #2b394a; }
#postsacs table th { background: #f1f5f9; font-weight: 700; }
.Night #postsacs table th { background: #1c2733; }

/* Static Front Page Container */
.static-front-page-container { margin-top: 15px; margin-bottom: 25px; }
.static-front-page-container article.front-page-content { background: #fff; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,0.08); padding: 20px 15px; }
.Night .static-front-page-container article.front-page-content { background: #1c2733; color: #e1e1e1; box-shadow: none; }
.static-front-page-container .postamp-title h1.page-title { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e5e7eb; }
.Night .static-front-page-container .postamp-title h1.page-title { border-bottom-color: #2b394a; color: #fff; }

/* WordPress Gutenberg Block Alignment & Spacing */
.wp-block-image { margin: 15px 0; }
.wp-block-image img { display: block; max-width: 100%; height: auto; }
.wp-block-image.aligncenter { text-align: center; }
.wp-block-buttons { display: flex; gap: 10px; flex-wrap: wrap; margin: 15px 0; }
.wp-block-button__link { display: inline-block; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: 600; }
.wp-block-columns { display: flex; gap: 20px; flex-wrap: wrap; margin: 15px 0; }
@media (max-width: 768px) {
    .wp-block-columns { flex-direction: column; }
    #postsacs .alignright, #postsacs .alignleft { float: none; margin: 10px auto; display: block; }
}
#postsacs img { border-radius: 8px; margin: auto; display: table; margin-bottom: 15px; max-width: 100%; }
.ads_container { margin: 9px; }
.blog-post.hentry.item-post h2,.blog-post.hentry.item-post h3,.title-related{display:table;padding:5px 15px;background-color:#eceef2;font-size:18px;font-weight:600;margin:15px 0px;line-height:1.5;text-align:right;border-radius:8px;}
.table-bordered{width:100%;border-collapse:collapse;background-color:#eceef2;border-radius:8px;margin-bottom:15px;}
.table-bordered tr{border-bottom:1px solid #d8dbe1}
.table-bordered tr:last-child{border:0}
.table-bordered td,table th{padding:12px;line-height:25px}
.table-bordered td{border-right:1px solid #d8dbe1}
article.hentry{ box-shadow: 0 0 2px rgb(0 0 0 / 30%); background: #fff; overflow: hidden; border-radius: 5px; }
div#postsacs, header.postamp-title { padding: 0 12px 12px; }
.post-footer { padding: 0 12px 12px; }
footer >.container{display:flex;clear:both;padding:0;flex-wrap:wrap}
.fo-section{width:25%;padding:20px 12px;box-sizing:border-box}
.fo-section.no-items{padding:0}
.fo-title{border-bottom:#ddd solid 1px;padding:5px 0;margin-bottom:7px;font-weight:700;font-size:16px;position:relative}
.Night .fo-title{border-bottom:#1c2733 solid 1px}
.fo-title::before { background: #931800; content: ""; height: 3px; position: absolute; width: 23px; bottom: -1.5px; }
.fo-section li{padding:0;list-style:outside;color:#3fc75d;width:100%;margin-right:16px}
.fo-section li a{color:#484848;display:block;font-size:14px}
@media screen and (max-width:900px){.fo-section{width:50%}}
@media screen and (max-width:480px){.fo-section{width:100%}}

/*=======brief details=========*/
ul.post-tags { padding: 12px 12px 0; }
.post-share, .post-tags, .jubnna, #latejubna { overflow: hidden; border-radius: 8px; padding: 12px; background: #eceef2; margin-top: 15px; }
.share-links{text-align:center;}
.share-links li{float:right;width:25%;}
.share-links li a{font-size:15px;background:#931800;padding:5px 10px;height:30px;display:block;color:#fff;margin-right:10px;border-radius:4px;}
.share-links .facebook{background:#3b5998;margin:0;}
.share-links .twitter{background:#55acee}
.share-links .whatsapp{background:#5EAF2E}
.share-links .telegram{background:#3ca2d9}
.post-tags li { float: right; display: block; margin: 0 0 12px 12px; padding: 0 10px; background: #fff; height: 30px; line-height: 30px; border-radius: 8px; }
.anas a { box-shadow: 0 0 4px rgb(0 0 0 / 87%); }

/*=======video=========*/
#share_channel{position:absolute;top:-10px;z-index:9;left:-10px;border-radius:0;background:rgba(0,0,0,0.69);right:-10px;bottom:0;height:500px;text-align:center}
.share-channel{position:absolute;top:50%;right:0;left:0;margin-top:-50px;}
.share-channel textarea{margin-top:20px;border-radius:5px;border:0;max-width:350px;width:100%;direction:ltr;height:45px;overflow:hidden}
#postsac #share_text{color:#fff;font-size:15px}
#share_channel #share_a{font-size:15px;font-weight:bold;color:#fff;margin:auto;margin-bottom:10px}
#share_channel .close{position:absolute;z-index:99;left:10px;top:10px;padding:0 17px}
.vidb{box-shadow:0 0 2px rgba(0,0,0,.3);background:#d8dbe1;padding-bottom:0;border-top:3px solid #3a1ab7;padding:10px}
.vidbu{width:100%;bottom:0;text-align:center;overflow:auto;overflow-y:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin:0 auto;white-space:nowrap}
.vidbu .abu{background:#363533;cursor:pointer;font-size:14px;float:right;display:block;border-radius:5px;height:30px;text-align:center;line-height:30px;color:#fff;padding:0 13px;font-weight:bold;margin:0 0 10px 10px;text-shadow:0 1px 1px #000}
.abu.ac{background:#3a1ab7}
#idif{margin:0}

.loadMore{overflow:hidden;text-align:center;}
.loadMorePosts a,#loader,.noMorePosts{font-size:15px;margin:auto;display:table;margin-bottom:12px;font-weight:bold;position:relative;padding:5px 20px;background:#fff;border:1px solid #ddd;width:80px;}
#loader,.noMorePosts{display:none}
.loadMorePosts a:after,#loader:after,.noMorePosts:after,.noMorePosts:after{content:"";position:absolute;top:100%;right:-1px;left:calc(100% + 1px);height:3px;transition:.3s;background:#ddd}
.loadMorePosts a:before,#loader:before,.noMorePosts:before { left:-1px;background:#ddd;content:"";position:absolute;top:100%;right:-1px;height:3px;transition:.3s}
.loadMorePosts a:hover:after,#loader:hover:after,.noMorePosts:hover:after{left:-1px;background:#931800}

/*=======mobile=========*/
@media screen and (max-width:1000px){
    .menu-section {
        position: relative;
        margin-bottom: 15px;
        width: 100%;
        background: #fff;
    }
    .menu-section .container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 72px !important;
        padding: 8px 56px !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
        float: none !important;
    }
    .navbar-brand {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        margin: 0 auto !important;
        background: #931800 !important;
        width: auto !important;
        min-width: 150px !important;
        max-width: 220px !important;
        border-radius: 5px !important;
        padding: 5px 12px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        z-index: 5 !important;
    }
    .navbar-brand a {
        display: block !important;
        text-align: center !important;
        text-decoration: none !important;
        width: 100% !important;
    }
    .navbar-brand span:first-child,
    .navbar-brand span {
        display: block !important;
        text-align: center !important;
        color: #fff !important;
        font-size: 20px !important;
        line-height: 24px !important;
        font-weight: bold !important;
        white-space: nowrap !important;
    }
    .navbar-brand span:last-child {
        font-size: 13px !important;
        line-height: 16px !important;
        font-weight: normal !important;
    }
    .navmenu {
        position: static !important;
        width: auto !important;
        float: none !important;
    }
    .menublabel.op {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        height: 40px !important;
        width: 37px !important;
        background: #3e3e3e !important;
        border-radius: 5px !important;
        cursor: pointer !important;
        z-index: 20 !important;
    }
    .menublabel.op .liwte {
        margin: 0 !important;
    }
    .dnmo.mo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        left: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        height: 40px !important;
        width: 37px !important;
        background: #333 !important;
        border-radius: 5px !important;
        cursor: pointer !important;
        z-index: 20 !important;
    }
    .icon.dnmoi {
        margin: auto !important;
    }
    .menublabel.clo {
        display: block;
        margin: 0 0 15px;
        cursor: pointer;
    }
    div#menu-top li a, .menulabc {
        background: #474747;
        display: block;
        padding: 0 12px;
        height: initial;
        color: #fff;
        margin: 0;
        border-radius: 5px;
        border: 0;
    }
    .navsites { float: none; }
    .navsiteta { padding: 0; }
    .menublabel.clo .liwte { position: absolute; left: 25px; top: 20px; }
    .menublabel.clo .line.line-1 { transform: rotate(45deg); position: absolute; top: 10px; left: 0; }
    .menublabel.clo .line.line-2 { transform: rotate(-45deg); position: absolute; top: 10px; left: 0; }
    .liwte .line { display: block; width: 22px; height: 3px; background: #fff; border-radius: 1px; margin: auto; margin-bottom: 5px; }
    .navmenu .linkm {
        float: none;
        z-index: 9999;
        height: 100vh;
        width: 250px;
        position: fixed;
        top: 0;
        right: -300px;
        margin: auto;
        background: #fff;
        transition: all 0.5s ease 0s;
        padding: 15px;
        overflow-x: hidden;
        overflow-y: auto;
        box-shadow: 0 1px 6px rgba(32,33,36,0.4);
    }
    #menubtn:checked ~ .linkm { right: 0; }
    div#menu-top li { float: none; margin-bottom: 15px; margin-right: -14px; }
    div#navbarbrand { float: right; margin: 14px -10px; }
    .navmenu .nav a { margin: 0; margin-left: 12px; }
    .navmenu .linkm li.siteta a { margin: 0; }
    .navmenu .linkm li.sites { float: right; }
    .navmenu .linkm li.dnmo { display: none; }
    .post-thumb { height: 400px; }
    #telegramme { border-radius: 0; box-shadow: inherit; bottom: 0; right: 0; width: 100%; }
    #telegramme p { display: none; }
    #telegramme a { display: inline-block; margin-right: 5px; }
    #box-posts ul li { width: 33.333%; }
    #post-related li { width: 100%; }
    #feeds-posts { height: 900px; }
    .posthome, #box-posts ul li { float: right; width: 50%; }
}

@media screen and (max-width:500px){
    .menu-section .container {
        padding: 6px 50px !important;
        min-height: 64px !important;
    }
    .navbar-brand {
        min-width: 140px !important;
        max-width: 195px !important;
        padding: 3px 8px !important;
    }
    .navbar-brand span:first-child,
    .navbar-brand span {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .navbar-brand span:last-child {
        font-size: 12px !important;
        line-height: 15px !important;
    }
    .menublabel.op, .dnmo.mo {
        width: 34px !important;
        height: 36px !important;
    }
    .index .blog-posts-hentry { width: 100%; }
    .whatsapp.whatsapp-mobile { display: block; }
    #box-posts ul li { width: 50%; }
    #feeds-posts { height: 1350px; }
    .posthome, #box-posts ul li { width: 50%; }
    img.col-img { margin: 7px auto; margin-bottom: 0; width: 50px; height: 50px; }
    .footermb a { font-size: 12px; }
    img.post-thumb { height: 150px; width: 100%; display: grid; }
            h3.post-title { height: 55px; line-height: 18px; }
}

@media screen and (max-width:375px){
    .menu-section .container {
        padding: 4px 44px !important;
    }
    .navbar-brand {
        min-width: 130px !important;
        max-width: 175px !important;
        padding: 3px 6px !important;
    }
    .navbar-brand span:first-child,
    .navbar-brand span {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .navbar-brand span:last-child {
        font-size: 11px !important;
        line-height: 14px !important;
    }
    .menublabel.op, .dnmo.mo {
        width: 32px !important;
        height: 34px !important;
    }
}
/*=======night mood=========*/
body.Night{background:#1c2733;color:#fff}
50%{opacity:0}
@keyframes blinker{50%{opacity:0}}
.Night a{color:#fff!important}
.Night a:hover{color:#f80!important}
.Night .navmenu .nav .navsiteta a:hover{border-bottom:2px solid #f80}
.Night .menu-section:before{background:rgb(41 41 41 / 78%)}
.Night .navbar-brand,.Night .navmenu .nav .navsites a,.Night .dnmo,.Night .navmenu #menubtn:checked ~ .linkm .navsiteta a,.Night .menulabc,.Night .menublabel.op{background-color:#1c2733;}
.Night .navbar-brand.has-custom-logo,.Night .navbar-brand:has(img.custom-logo){background-color:transparent!important;background:transparent!important;}
.Night .menublabel, .liwte .line{background:#fff}
.Night .menu-section,.Night .panel-default,.index.Night .blogpost,.Night .tabsbox,.Night footer,.Night .blog-post.hentry.item-post,.Night .post-tags li,.Night .tourItem .links a,.Night .links,.Night .box-title h1,.Night .box-title h2,.Night .box-title h3,.Night .nav-tabs li a,.Night .navmenu .linkm,.Night .live-end,.Night .loadMorePosts a,div#Blog1 .blogpost,#box-posts,.Night #tme_message{background:#263545;}
.Night .box-title h1:after,.Night .box-title h2:after,.Night .box-title h3:after,.Night .blogpost .nav-tabs li a:after{border-color:transparent #3e3e3e transparent transparent}
.Night .blog-post.hentry.index-post,.Night #latenone,.Night .Share-tags,.Night table tbody .odd,.Night #blog-pager a,.Night .tourItem .item,.Night #postsacs .tourItem.em,.Night #postsacs h2,.Night #postsacs h3,.Night .title-related,.Night table,.Night .post-share,.Night .post-tags,.Night .jubnna,.Night #latejubna,#related-posts li,#box-posts ul li a{background:#1c2733;border:1px solid #121a23;}
.Night .box-title,.Night .postTimestamp ,.Night .footermb{background:#121a23;border:0;}
.Night .table-bordered tr{border-bottom:1px solid #1c2733}
.Night .table-bordered tr{border-bottom:1px solid #1c2733}
.Night .table-bordered td{border-right:1px solid #1c2733}
.Night .jb-anchor{color:#b0b3b8!important}
.Night .footermb a{background:#1c2733;}
.Night .main-post-meta{border-top:1px solid #1c2733;border-bottom:1px solid #1c2733;background:#1c2733;}
.Night .row.goals .col-md-2 .panel.panel-default,.Night .post-pagination .form-group,.Night .form-group input{color:#e4e6eb;background:#121a23!important}
.Night .row.goals .col-md-2 .panel.panel-default{background-color:#1c2733}
.Night .panel-footer,.Night #postsacs .panel-footer .hr{border:0;background-color:#1c2733;border-top:1px solid #424242}
.Night table tbody tr.even,.Night .brow.even,.Night table thead tr{background-color:#1c2733;}
.Night article.hentry { background: #263545; }
.static_page .blogpost { margin-top: 0 !important; }
/**/

/* ==================================================
   WordPress Core Alignment & Integration Classes
   ================================================== */
.aligncenter { display: block; margin: 15px auto; }
.alignright { float: right; margin: 0 0 15px 15px; }
.alignleft { float: left; margin: 0 15px 15px 0; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

/* Load More Container */
.loadMore { overflow: hidden; text-align: center; margin: 20px 0; }
.loadMorePosts a, #loader, .noMorePosts { font-size: 15px; margin: auto; display: table; margin-bottom: 12px; font-weight: bold; position: relative; padding: 5px 20px; background: #fff; border: 1px solid #ddd; width: 120px; cursor: pointer; color: #333; text-decoration: none; border-radius: 4px; }
#loader, .noMorePosts { display: none; }
.loadMorePosts a:after, #loader:after, .noMorePosts:after { content: ""; position: absolute; top: 100%; right: -1px; left: calc(100% + 1px); height: 3px; transition: .3s; background: #ddd; }
.loadMorePosts a:before, #loader:before, .noMorePosts:before { left: -1px; background: #ddd; content: ""; position: absolute; top: 100%; right: -1px; height: 3px; transition: .3s; }
.loadMorePosts a:hover:after, #loader:hover:after, .noMorePosts:hover:after { left: -1px; background: #931800; }

/* WordPress Comments Styling mapped to Theme Style */
.comments-area { background: #fff; border-radius: 5px; box-shadow: 0 0 2px rgb(0 0 0 / 30%); margin-top: 15px; padding: 15px; }
.Night .comments-area { background: #263545; }
.comments-title { font-size: 16px; font-weight: 700; margin-bottom: 15px; border-bottom: 2px solid #931800; padding-bottom: 5px; }
.comment-list { list-style: none; padding: 0; margin: 0 0 20px 0; }
.comment-list .comment { padding: 12px 0; border-bottom: 1px solid #ddd; }
.Night .comment-list .comment { border-bottom-color: #121a23; }
.comment-author { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.comment-author img { border-radius: 50%; }
.comment-author .fn { font-weight: bold; font-size: 14px; }
.comment-metadata a { font-size: 12px; color: #888; text-decoration: none; }
.comment-content { font-size: 15px; line-height: 1.6; margin-bottom: 8px; }
.reply a { display: inline-block; background: #931800; color: #fff; padding: 2px 10px; border-radius: 4px; font-size: 12px; text-decoration: none; }
.comment-respond { margin-top: 20px; }
.comment-reply-title { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.comment-form p { margin-bottom: 12px; }
.comment-form label { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 500; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-family: inherit; font-size: 14px; box-sizing: border-box; background: #eceef2; }
.Night .comment-form input[type="text"], .Night .comment-form input[type="email"], .Night .comment-form input[type="url"], .Night .comment-form textarea { background: #1c2733; border-color: #121a23; color: #fff; }
.comment-form input[type="submit"] { background: #931800; color: #fff; border: 0; padding: 8px 25px; border-radius: 4px; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: bold; }
.comment-form input[type="submit"]:hover { background: #b51f00; }

/* Video Player Wrapper */
.video-wrapper-16-9 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 5px; background: #000; margin-bottom: 15px; }
.video-wrapper-16-9 iframe, .video-wrapper-16-9 video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* ==================================================
   Livestream Player & Interactive Elements
   ================================================== */
:root {
    --btnplayer: #931800;
}
.livestream-player-box {
    margin-bottom: 20px;
    width: 100%;
}
.vidb {
    margin-bottom: 12px;
}
.vidbu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.vidbu .abu {
    background: #333;
    color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    transition: background 0.2s;
    text-shadow: 0 1px 1px #000;
    user-select: none;
}
.vidbu .abu:hover,
.vidbu .abu.active,
.vidbu .abu.ac {
    background: #931800;
    color: #fff;
}
.video-wrapper-16-9 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    border-radius: 5px;
    margin-bottom: 15px;
}
.video-wrapper-16-9 iframe,
.video-wrapper-16-9 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ==================================================
   Mobile Viewport, Scrolling & Background Guarantees
   ================================================== */
:root {
    --main-bg-color: #eceef2 !important;
}
html {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #eceef2 !important;
    background-color: #eceef2 !important;
}
body, body.custom-background {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    background: #eceef2 !important;
    background-color: #eceef2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    -webkit-overflow-scrolling: touch !important;
}
body.Night, html.Night, body.Night.custom-background {
    background: #1c2733 !important;
    background-color: #1c2733 !important;
}
.container {
    height: auto !important;
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        height: auto !important;
    }
    .blogpost, .grid-posts, .blog-posts {
        height: auto !important;
        overflow: visible !important;
    }
}