/*
Theme Name: StreamTube Child
Description: Video WordPress Theme.
Author: phpface
Theme URI: https://1.envato.market/qny3O5
Author URI: https://1.envato.market/mgXE4y
Version: 1.0.0
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
License: Themeforest Licence
License URI: http://themeforest.net/licenses
Text Domain: streamtube-child
Template:  streamtube
Tags: two-columns, one-column, custom-menu, custom-logo, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* #Motawer_Mobasher24 - Optimized Style Sheet 
 * Author: Motawer
 * Author URI: https://motawer.net
   1. Fonts Definition (Almarai)
   2. Global Typography & Font Family
   3. Header & Navigation
   4. Layout & Sidebar Clean-up
   5. Ads & Third Party Widgets
   6. Custom Post Types & Content (Post 3704)
   7. Responsive Design (Mobile Fixes)
*/

/* --- 1. Fonts Definition --- */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src: url(https://fonts.gstatic.com/s/almarai/v12/tssoApxBaigK_hnnS_antnqWow.woff2) format('woff2'); font-weight: 300;
}
@font-face {
  font-family: 'Almarai'; font-style: normal; font-display: swap;
  src: url(https://fonts.gstatic.com/s/almarai/v12/tsstApxBaigK_hnnQ1iFow.woff2) format('woff2'); font-weight: 400;
}
@font-face {
  font-family: 'Almarai'; font-style: normal; font-display: swap;
  src: url(https://fonts.gstatic.com/s/almarai/v12/tssoApxBaigK_hnnS-agtnqWow.woff2) format('woff2'); font-weight: 700;
}
@font-face {
  font-family: 'Almarai'; font-style: normal; font-display: swap;
  src: url(https://fonts.gstatic.com/s/almarai/v12/tssoApxBaigK_hnnS_qjtnqWow.woff2) format('woff2'); font-weight: 800;
}

/* --- 2. Global Typography & Font Assignments --- */
body, .page-header, .post-body, .heading-title { font-family: 'Almarai', sans-serif !important; }

h2.widget-title { font-family: 'Almarai', sans-serif !important; font-weight: 600 !important; font-size: 16px !important; }

p.elementor-image-box-description, .page-title { font-family: 'Almarai', sans-serif !important; font-weight: 600 !important; font-size: 18px !important; }

.copyright-text, .menu-item a { font-family: 'Almarai', sans-serif !important; font-weight: 600 !important; font-size: 14px !important; }

.post-content p { text-align: justify; font-size: 16px !important; }

/* --- 3. Header & Navigation --- */
.site-search.search-form-wrap { direction: rtl !important; }
.site-search .btn-main { left: 5px !important; right: auto !important; position: absolute !important; }
.site-search .input-group-wrap .search-input { padding-left: 45px !important; padding-right: 20px !important; text-align: right !important; }
.header-user__search.active .toggle-search i::before { content: "\f00d" !important; }
.header1-user__search { display: none !important; }

.menu-item { margin-right: 10px !important; }
.nav-item a { color: #dddddd !important; }
.menu-item a { letter-spacing: 0px !important; height: 50px !important; }
.menu-item.active a { display: inline-block; padding-bottom: 10px !important; position: relative; }
.menu-item.active a:before { content: ""; position: absolute; width: 30%; height: 1px; bottom: 0; left: 40%; border-bottom: 2px solid red; }

a.custom-logo-link img { max-height: 60px !important; width: auto !important; }

/* --- 4. Layout Clean-up & UI Elements --- */
.post-meta__views, .post-meta__comment, .post-sort, .post-content IMG1 { display: none !important; }
.st-video-item .video-duration, .video-duration, .duration, .video-thumb .duration, .video-length, .st-video-duration, span.duration, .video-time-status, .vjs-remaining-time, .vjs-duration { display: none !important; }

html[data-theme=dark] .icon-moon:before { content: '\f185'; }
.post-bottom .icon-share:before { content: '\e818' !important; }

.heading-title { margin-bottom: 40px; text-align: right !important; }
IMG.displayed { display: block; margin-left: auto; margin-right: auto; }
.livestram:after { content: "البث المباشر"; font-size: 13px !important; padding-left: 10px; }

.more-link-wrap, a.copy4 { display: block !important; text-align: center !important; background: #eeeeee; padding: 5px; border-radius: 5px; color: #000 !important; text-decoration: none !important; font-weight: 500 !important; }
a.copy4:hover { background: #dddddd; }

/* --- 5. Ads & External Widgets --- */
.code-block .adsbygoogle { margin-top: 15px; }
.code-block.code-block-4 .adsbygoogle { margin-right: 7% !important; margin-top: 0px !important; }
.elementor-top-column .adsbygoogle { margin-top: -10px !important; }
.elementor-widget-container .adsbygoogle { margin-right: 20px !important; }
.sidebar-primary .adsbygoogle { margin-right: -19px !important; margin-top: -19px !important; }
.sidebar-primary #block-2.widget { height: auto !important; width: 309px !important; }
.essb_links { margin-top: 0px !important; margin-right: -25px !important; }

/* --- 6. Specific Post Styling (Post 3704) --- */
.post-3704 .post-bottom { padding: 0px 0px 5px 0px !important; position: relative !important; background: linear-gradient(to right, red, purple) !important; color: #fff !important; }
.post-3704 .post-meta__title { color: #FFF !important; width: 25% !important; padding-right: 15px !important; margin-bottom: -15px !important; font-size: 20px !important; }
.post-3704 .post-content p { padding-right: 25px; }
.post-3704 .post-content .essb_links { float: left !important; padding: 1px 10px 10px 15px !important; border-right: 1px solid #333333; border-top: 1px solid #333333; margin-bottom: -5px !important; margin-top: 15px !important; background-color: #242424; }
.post-3704 .post-content .essb_links:before { content: "شارك البث"; margin-right: 55px; font-weight: 500; font-size: 14px; }


/* --- 7. Responsive Design --- */
@media (max-width: 768px) {
    .site-search .input-group-wrap .search-input { padding-left: 40px !important; }
    .post-3704 .post-meta__title { background-color: #b00f12 !important; color: #FFF !important; width: 33% !important; padding-right: 15px !important; margin-bottom: 0px; }
}

@media only screen and (min-width: 320px) and (max-width: 641px) {
    .menu-item { margin-right: 0px !important; border-bottom: 1px solid #f1f1f1; }
    .menu-item:last-child { border-bottom: none; }
    html[data-theme=dark] .menu-item { background: #1b1b1b !important; border-bottom: 1px solid #333333; }
    .menu-item.active a:before { content: ""; position: absolute; width: 30%; height: 1px; bottom: 0; right: 0; border-bottom: 2px solid red; }
    
    .code-block-5, .code-block-1 { margin-right: 3px !important; }
    .code-block-5 { margin-top: -8px !important; }
    .code-block .adsbygoogle { margin-top: 20px !important; margin-bottom: 0px !important; }
    .elementor-top-column .adsbygoogle { margin-top: 5px !important; }
    
    .sidebar-primary { display: none !important; }
    .post-3704 .post-meta__title { width: 50% !important; }
}