/* @package    Just a Blog FREE Module
 * @author     ADETA, info@adeta.lv
 * @copyright  (C) 2024 dev.adeta.lv 
 * @license    GNU General Public License version 2 or later; see LICENSE.txt  */
/* Just a Blog FREE module default site CSS file */
:root {
    --justablog-item-imgheight : 200px;
    --justablog-a-color: #333;
}

[id^="mod-justablog-"] {
    background-size: cover;
    background-position: center;
}

.justablog {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.justablog a {
    text-decoration: none;
    color: var(--justablog-a-color);
}

.justablog a:hover, .justablog a:focus, .justablog a:active {
    color: var(--justablog-a-color);
}

.justablog-article-inner {
    padding: 5px;
    height: 100%;
}

.justablog-item-inner {
    display: flex;
    flex-direction: column;
    border: 1px solid #777;
    height: 100%;
    background: #FFF;
}

.justablog-image {
    position: relative;
}

.justablog-image, .justablog-image img {
    height: var(--justablog-item-imgheight);
}

.justablog-image img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.justablog-title {
    font-size: 1.3rem;
    text-align: center;
    padding: 0.5rem 0.75rem;
    margin: 0;
}

.justablog-image > .justablog-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #FFF;
    background: linear-gradient(110deg,rgba(0,0,0,0.75),rgba(0,0,0,0.5));
}

.justablog-details {
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
}

.justablog-intro {
    padding: 0.5rem 0.75rem 0.25rem;
}

.justablog-readmore {
    padding: 0.5rem 0.75rem 1rem;
    Font-weight: 700;
    margin-top: auto;
}

button.justablog-readmore-inner {
    background: no-repeat;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.justablog-noarticles {
    background: #FFF;
}