/*
Theme Name: StreamVid Child
Theme URI: https://streamvid.jwsuperthemes.com
Template: streamvid
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: StreamVid is a WordPress video streaming theme with an attention-grabbing style that will capture everyone's attention right away. It is a tool with numerous useful features and ready-made page layouts for launching websites quickly. It is a WordPress streaming video with a paid subscription that has excellent and cutting-edge capabilities to operate and maintain a live broadcast. It also includes the WooCommerce plugin, allowing you to sell any item on your website. Additionally, StreamVid has a ton of ad slots for revenue generation.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 7.0.4
Updated: 2026-03-10 09:21:10
*/

@font-face {
  font-family: 'Vazirmatn';
  src: url('./fonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('./fonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --main: #7b61ff;
  --secondary: #a3714e;
  --light: #ffffff;
  --dark: #000000;
  --heading: #ffffff;
  --body: #cccdd2;
  --body2: #a1a0a1;
  --bodybg: #00031c;
  --btn-bgcolor: #9e61ff;
  --btn-color: #ffffff;
  --btn-bgcolor2: #619bff;
  --btn-color2: #ffffff;
  --btn-bgcolor3: #6c52ee;
  --font-size-sm: 14px;
  --line-height-sm: 19.6px;
  --input-background: #191c33;
  --input-background2: #31344b;
  --background-item: #191c33;
  --background-body: #00031c;
  --border-color: #292c41;
  --border-color2: #80818d;
  --full-fd: 70px;
}
@media (max-width: 767px) {
  :root {
    --font-size-sm: 12px;
    --line-height-sm: 16px;
  }
}

body, h1, h2, h3, h4, h5, h6, p, a, span, div, input, button, select, textarea, .jws-btn, .menu-item a {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* -------------------------------------------------------------
   Custom Modern UI & Hover Effects for StreamVid Elementor
------------------------------------------------------------- */

/* Dark Mode Background Enhancement */
.elementor-page {
  background-color: #0b0b0e !important; /* Deep dark background */
}

/* Modern Card / Poster Design */
.elementor-widget-jws-post-grid .jws-post-item,
.elementor-widget-jws-video-grid .jws-video-item,
.elementor-widget-carousel .jws-item,
article.post {
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: #141419; /* Slightly lighter than bg */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

/* Hover Effect: Zoom & Shadow */
.elementor-widget-jws-post-grid .jws-post-item:hover,
.elementor-widget-jws-video-grid .jws-video-item:hover,
.elementor-widget-carousel .jws-item:hover,
article.post:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 15px 30px rgba(123, 97, 255, 0.15), 0 8px 15px rgba(0, 0, 0, 0.6);
  z-index: 10;
}

/* Smooth Image Zoom on Hover */
.elementor-widget-jws-post-grid .jws-post-item .jws-image-wrapper img,
.elementor-widget-jws-video-grid .jws-video-item .jws-image img,
.jws-thumbnail img {
  transition: transform 0.5s ease;
}

.elementor-widget-jws-post-grid .jws-post-item:hover .jws-image-wrapper img,
.elementor-widget-jws-video-grid .jws-video-item:hover .jws-image img,
.jws-thumbnail:hover img {
  transform: scale(1.08);
}

/* Badges / Episode Numbers Styling */
.jws-badge, .episode-badge {
  background: linear-gradient(135deg, var(--main) 0%, var(--btn-bgcolor3) 100%);
  color: #fff !important;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0 2px 10px rgba(123, 97, 255, 0.4);
}

/* Buttons Modernization */
.jws-btn, .elementor-button {
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.jws-btn:hover, .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(123, 97, 255, 0.3);
}