/**
* @package Joomla! 1.7
* @author 2008 (c)  Denys Nosov (aka Dutch)
* @author web-site: www.joomla-ua.org
* @copyright This module is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
**/

.junewsultra {
    margin-bottom: 20px;
}

.junewsultra,
.junewsultra .jn,
.junewsultra .jn-head {
    overflow: hidden;
}

.junewsultra .jn-head,
.junewsultra .jn .jn-intro,
.junewsultra .jn .jn-more {
    clear: both;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    
}

.junewsultra .jn a,
.junewsultra .jn a:link,
.junewsultra .jn a:visited {
    text-decoration: none;
    background: transparent;
    border: none;
}

.junewsultra .jn a:hover,
.junewsultra .jn a:focus,
.junewsultra .jn a:active {
    text-decoration: underline;
    color: inherit;
    border: none;
}

.junewsultra .jn {
    margin: 0px 0;
    padding: 0;
    border-bottom: 1px #e0e0e0 solid;
    clear: both;
    display: block;
}

.junewsultra .jn .jn-intro {
    margin-top: -30px!important;
}

.junewsultra .jn .jn-head {
    background: transparent repeat-x 0 100%;
}

.junewsultra .jn .jn-left {
    float: left;
    width: 22%;
}

.junewsultra .jn .jn-left img {
    padding: 1px;
    border: 1px #a7b3be solid;
}

.junewsultra .jn .jn-right {
    float: right;
    width: 70%;

}

.junewsultra .jn .jn-right h# {
    font-size: 95%;
    font-weight: bolder;
}

.junewsultra .jn .jn-right .jn-info {
    font-size: 90%;
    color: #778899;
    padding: 5px 0 0 0;
}

.junewsultra .jn .jn-right .jn-hit-n-rating {
    padding-top: 3px;
}

.junewsultra .jn .jn-right .jn-hit-n-rating .jn-small {
    float: left;
    padding-right: 3px;
}

.news-3col .ju-grid {
display:flex;
flex-wrap:wrap;
gap:25px;
}

.news-grid{
display:flex;
flex-wrap:wrap;
gap:25px;
}

.news-grid .ju-item{
flex:1 1 calc(33.333% - 25px);
background:#ffffff;
border-radius:8px;
overflow:hidden;
box-shadow:0 2px 8px rgba(0,0,0,0.15);
}

.news-grid .ju-item img{
width:100%;
height:180px;
object-fit:cover;
}

.news-grid .ju-title{
font-size:17px;
font-weight:600;
margin-top:10px;
}

.news-grid .ju-date{
font-size:13px;
color:#888;
margin-bottom:10px;
}

.news-grid .ju-intro{
font-size:14px;
line-height:1.5;
}

.news-grid .ju-readmore a{
color:#c40000;
font-weight:bold;
text-decoration:none;
}