body{
    font-family: 'Open Sans', sans-serif, 'Battambang', system-ui;
    overflow-x: hidden;
}
.navbar ul li a{
    color: #FFF;
    font-weight: 700;
    padding-top: 2px;
}
.container{
    max-width: 1200px;
}
.trending{
    height: 500px;
}
.scale-on-hover{
    transition: transform .2s;
}
.scale-on-hover:hover{
    transform: scale(1.1);
}
.card-item img{
    transition: transform .2s;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.translate-y-1{
    transform: translateY(5px);
}
.translate-y-05{
    transform: translateY(3px);
}
.background-base{
    background-color: #00008e;
}
.color-base{
    color: #00008e;
}
.background-black{
    background-color: #272729;
}
.navbar-active{
    background: #fe0103;
}
.linear-gradient-to-top{
    background-blend-mode: multiply;
    background: linear-gradient(180deg, rgba(40, 39, 39, 0.00) 0%, rgba(40, 39, 39, 0.75) 67.71%, rgba(40, 39, 39, 1) 100%);
}
.text-xxs{
    font-size: 10px;
}
.social-icon{
    font-size: 32px;
    color: #FFF;
}
.line{
    height: 2px;
    margin-top: 5px;
    background-image: linear-gradient(to right, #00008e , #25cc00);
}
.content img{
    margin: 10px 0px;
}
.pagenavi {
    margin: 0 0 20px 30px;
    padding: 5px 1px 5px;
    float:left;
    width: 98%;
}   
.pagenavi a {
    padding: 5px 6px 4px 6px; 
    margin: 3px;
    text-decoration: none;
    border: 1px solid #000;
    color: #666;
    background-color: inherit;  
}
.pagenavi a:hover { 
    border: 1px solid #444;
    color: #444;
    background-color: #eee;
}
.pagenavi span.pages {
    padding: 5px 6px 4px 6px; 
    margin: 3px;
    color: #000000;
    font-weight:bold;
    border: 1px solid #777;
    background-color: inherit;  
}
.pagenavi span.current {
    padding: 5px 6px 4px 6px; 
    margin: 3px;
    font-weight:bold;
    border: 1px solid #555;
    color: #444;
    background-color: #eee;
}
.pagenavi span.expand {
    padding: 5px 6px 4px 6px; 
    margin: 3px;    
    border: 1px solid #bbb;
    color: #444;
    background-color: inherit;  
}
.pagenavi .first, .pagenavi .last { 
    border: 1px solid #aaa;
}
.pagenavi .single_page {    
    border: 1px dashed #bbb;    
}
.screen-reader-text{
    display: none !important;
}
.page-numbers{
    border: 1px solid #e7e6e6 !important;
    padding: 8px 15px !important;
    margin-right: 5px;
    font-weight: 600;
}

.page-numbers.current{
    color: #e1343f !important;
    border: 1px solid #e1343f!important;
}
.w-auto-important{
    width: auto !important;
}
.section-header{
    margin-bottom: 5px;
}