.news-title {

    border-left: 5px solid #ffc107;

    padding-left: 15px;

    font-weight: 700;

    display: inline-block;

}



.news-header-wrapper {

    border-left: 5px solid #ffc107;

    padding-left: 20px;

}



.news-header-wrapper h1 {

    font-weight: 700;

    font-size: 2.5rem;

}



.news-title {

    border-left: 5px solid #ffc107;

    padding-left: 15px;

    font-weight: 700;

    display: inline-block;

}



.news-header-wrapper {

    border-left: 5px solid #ffc107;

    padding-left: 20px;

}



.news-header-wrapper h1 {

    font-weight: 700;

    font-size: 2.5rem;

}



/* Header animation */

@keyframes fadeInLeft {

    from {

        opacity: 0;

        transform: translateX(-30px);

    }

    to {

        opacity: 1;

        transform: translateX(0);

    }

}



@keyframes fadeInRight {

    from {

        opacity: 0;

        transform: translateX(30px);

    }

    to {

        opacity: 1;

        transform: translateX(0);

    }

}



.news-header-wrapper {

    animation: fadeInLeft 0.8s ease-out forwards;

    opacity: 0;

}



.news-header-wrapper + .col-lg-8 form {

    animation: fadeInRight 0.8s ease-out forwards;

    animation-delay: 0.2s;

    opacity: 0;

}



/* News cards animation */

.news-card {

    opacity: 0;

    transform: translateY(40px);

    transition: opacity 0.6s ease-out, transform 0.6s ease-out;

}



.news-card.animate {

    opacity: 1;

    transform: translateY(0);

}



/* Stagger animation */

.news-card:nth-child(1) {

    transition-delay: 0.1s;

}



.news-card:nth-child(2) {

    transition-delay: 0.2s;

}



.news-card:nth-child(3) {

    transition-delay: 0.3s;

}



.news-card:nth-child(4) {

    transition-delay: 0.4s;

}



.news-card:nth-child(5) {

    transition-delay: 0.5s;

}



.news-card:nth-child(6) {

    transition-delay: 0.6s;

}



/* News show page animations */

.news-article {

    opacity: 0;

    transform: translateY(40px);

    transition: opacity 0.8s ease-out, transform 0.8s ease-out;

}



.news-article.animate {

    opacity: 1;

    transform: translateY(0);

}



.news-sidebar {

    opacity: 0;

    transform: translateY(40px);

    transition: opacity 0.8s ease-out, transform 0.8s ease-out;

    transition-delay: 0.2s;

}



.news-sidebar.animate {

    opacity: 1;

    transform: translateY(0);

}







    /* Article content styling */

    .article-content {

        line-height: 1.8;

        font-size: 1.1rem;

        color: #333;

    }



    .article-content h1,

    .article-content h2,

    .article-content h3,

    .article-content h4,

    .article-content h5,

    .article-content h6 {

        margin-top: 1.5rem;

        margin-bottom: 1rem;

        font-weight: 600;

        color: #2c3e50;

    }



    .article-content h1 { font-size: 2.2rem; }

    .article-content h2 { font-size: 1.8rem; }

    .article-content h3 { font-size: 1.5rem; }

    .article-content h4 { font-size: 1.3rem; }

    .article-content h5 { font-size: 1.1rem; }

    .article-content h6 { font-size: 1rem; }



    .article-content p {

        margin-bottom: 1.5rem;

    }



    .article-content ul,

    .article-content ol {

        margin-bottom: 1.5rem;

        padding-left: 2rem;

    }



    .article-content ul li {

        list-style-type: disc;

        margin-bottom: 0.5rem;

    }



    .article-content ol li {

        list-style-type: decimal;

        margin-bottom: 0.5rem;

    }



    .article-content blockquote {

        border-left: 4px solid #3498db;

        padding-left: 1rem;

        margin-left: 0;

        margin-right: 0;

        margin-bottom: 1.5rem;

        font-style: italic;

        color: #555;

    }



    .article-content img {

        max-width: 100%;

        height: auto;

        margin: 1.5rem 0;

        border-radius: 8px;

        box-shadow: 0 2px 4px rgba(0,0,0,0.1);

    }



    .article-content table {

        width: 100%;

        margin-bottom: 1.5rem;

        border-collapse: collapse;

    }



    .article-content table th,

    .article-content table td {

        padding: 0.75rem;

        border: 1px solid #dee2e6;

    }



    .article-content table th {

        background-color: #f8f9fa;

        font-weight: 600;

    }



    .article-content a {

        color: #3498db;

        text-decoration: none;

    }



    .article-content a:hover {

        text-decoration: underline;

    }



    .article-content pre {

        background-color: #f8f9fa;

        border: 1px solid #dee2e6;

        padding: 1rem;

        border-radius: 4px;

        overflow-x: auto;

        margin-bottom: 1.5rem;

        font-family: 'Courier New', monospace;

    }



    .article-content code {

        background-color: #f8f9fa;

        padding: 0.2rem 0.4rem;

        border-radius: 3px;

        font-family: 'Courier New', monospace;

        font-size: 0.9em;

    }



    .article-content .note-editor img {

        max-width: 100% !important;

        height: auto !important;

    }



    /* Make sure embedded videos are responsive */

    .article-content iframe {

        max-width: 100%;

        margin: 1.5rem 0;

    }



    /* Style for text alignment */

    .article-content .text-left { text-align: left; }

    .article-content .text-center { text-align: center; }

    .article-content .text-right { text-align: right; }

    .article-content .text-justify { text-align: justify; }