BODY
{
font-family:Inter,Arial,sans-serif;
font-size:16px;
line-height:1.2;
}

.main-head-container
{
margin-top: 66px;
}

LI
{
line-height:1.5;
}

*
{
box-sizing:border-box;
}

HEADER
{
font-family:Poppins,sans-serif;
font-size:20px;
background:#001748 !important;
}

HEADER NAV.bg-dark
{
background:#001748 !important;
}

HEADER A
{
text-decoration:none !important;
color:#FFF !important;
}

HEADER A:hover
{
color:#1ba8f0 !important;
}

.slash-anim-container
{
display: inline-block;
position: relative;
overflow: hidden;
white-space: nowrap;
float: right;
clear: left !important;
margin-top: 5px;
}

.slash-anim-container .slash
{
color:#FFF;
display: inline-block;
background-color: #001748; 
padding: 0 5px;
position:relative; 
z-index: 2; 
}

.slash-anim-container .slash-anim-text
{
color:#FFF;
display: inline-block;
text-indent: -200px;
animation: slideInWithBump 1.5s ease-in-out forwards;
position:relative;
z-index:1
}

@keyframes slideInWithBump {
    0% {
        text-indent: -200px; /* Start position (off-screen left) */
    }
    70% {
        text-indent: 8px; /* Overshoot to the right for the "bump" */
    }
    100% {
        text-indent: -5px; /* Settle at final position */
    }
}

ARTICLE
{
padding-top:20px;
padding-bottom:30px;
min-height:900px;
}

ASIDE
{
padding-top:20px;
padding-bottom:30px;
padding-right:20px;
}

ASIDE SECTION H2
{
font-weight:bold;
font-family:Poppins,sans-serif;
}

.sidebar-article-date
{
font-size: 14px;
color: #656565;
}

.sidebar-article-container A
{
font-size:14px;
}

ASIDE HR
{
border-top: 2px solid #001748;
}

FOOTER
{
font-family:Poppins,sans-serif;
font-size:23px;
display:block;
clear:both;
background:#F9F9F9;
padding:50px 0px;
}

/*HEADER NAV .container-fluid*/
/*{*/
/*padding:20px 40px;*/
/*}*/

TT
{
font-family:Inter,sans-serif;
}

A
{
color:#0d91d3 !important;
text-underline-offset: 2px;
}

A:focus,
A:hover
{
color:#0d91d3 !important;
}

SECTION
{
padding-top:20px;
padding-bottom:20px;
}

.placeholder
{
display: flex;
justify-content: center;
align-items: center;
font-size:16px;
font-family:monospace;
background-color: #bbcbec;
width: 100%;
height: 200px;
border-radius: 4px;
position: relative;
}

.article H2 A
{
color:#002a85 !important;
}

.article-readmore-button
{
}

.article-readmore-button A
{
outline:none !important;
box-shadow:none !important;
background:#001748 !important;
color:#FFF !important;
text-decoration:none !important;
border-radius:20px;
padding:8px 50px;
font-size:18px;
}

.article-readmore-button A:hover
{
filter:brightness(150%);
}

FOOTER #footer-menu A
{
margin-left:15px;
margin-right:15px;
}

.article-meta
{
font-size: 14px;
color: #656565;
padding-left: 10px;
}

.article-image {
max-height: 200px; /* Maximum height of the container */
overflow: hidden; /* Hide any content that exceeds the container */
display: flex; /* Use flexbox to center the image */
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
border-radius:3px;
}

.article-image img {
max-height: 200px; /* Ensure the image doesn't exceed the container height */
object-fit: cover; /* Scale the image to cover the area, cropping as needed */
object-position: center; /* Center the image content (middle of the image) */
width: 100%; /* Ensure the image fills the container width if needed */
}

#home ARTICLE H2,
#category ARTICLE H2,
#article ARTICLE H2
{
font-weight:bold;
}

#article .avatar
{
display: inline-block;
margin-top: 10px;
}

#article .avatar IMG
{
height: 50px;
border-radius: 10px;
}

#article TT
{
font-size: 18px;
font-weight: bold;
margin-left: 10px;
}

#article HR
{
border-top: 2px solid #001748;
}

.clock
{
font-size: 20px;
position: relative;
top: 1px;
color: darkslategrey;
}