/*
Theme Name: JNews - Child Theme
Version: 1.0.0
Theme URI: http://themeforest.net/?ref=jegtheme
Description: A basic starter child theme for customization purpose of JNews theme.
Author: Jegtheme
Author URI: http://themeforest.net/user/jegtheme?ref=jegtheme
Template: jnews
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */

/*LIVE BLOG CONTAINER 600px LOCK*/

.liveblog-container {
  /* 1. Responsive Width */
  width: 100%;       /* Spans full width of its parent */
  max-width: 100%;   /* Ensures it never breaks out of the screen on mobile */
  
  /* 2. Vertical Length & Scroll (from your original request) */
  height: 600px;     /* Locks the height at 600px */
  overflow-y: auto;  /* Adds vertical scrollbar for the feed */
  overflow-x: hidden; /* Prevents accidental horizontal scrolling */
  display: block;    
  
  /* 3. Your Aesthetics (these look great!) */
  font-family: sans-serif;
  padding: 20px;
  background-color: #fcfcfc;
  border: 1px solid #ddd;
  border-radius: 8px; /* Optional: rounds the corners slightly to match the modern background */
}

@media screen and (max-height: 400px) {
  .liveblog-container {
    max-height: 400px;
    overflow-y: auto; /* Adds scrollbar if content exceeds 400px */
  }
}

/*LIVE BLOG DOT CONTAINER*/
/* 1. The Header Style (Standard CNI Look) */
.cni-custom-header h3 {
    font-family: "PT Serif", Georgia, serif;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 0px solid #004a80;
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

/* 2. The Pulsing Dot (Applied only when 'is-active-live' is present) */
.cni-custom-header.is-active-live h3::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #d9534f; /* News Red */
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    /* Animation call */
    animation: cniPulse 1.5s infinite;
}

/* 3. The Animation Keyframes */
@keyframes cniPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(217, 83, 79, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(217, 83, 79, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(217, 83, 79, 0);
    }
}