/*
Theme Name: HalloGaes GP Child
Template: generatepress
Version: 1.3.0
*/

/* =====================================================
   BLOG / ARCHIVE / SEARCH
   Font family intentionally NOT changed.
===================================================== */
.blog .site-main>article,
.archive .site-main>article,
.search .site-main>article{
    background:#fff;
    margin:0 0 18px;
    overflow:hidden;
    box-shadow:0 1px 4px rgba(0,0,0,.12);
}

.blog .inside-article,
.archive .inside-article,
.search .inside-article{
    padding:0!important;
}

.hg-card{
    display:flex;
    min-height:150px;
}

.hg-thumb{
    position:relative;
    flex:0 0 220px;
    width:220px;
    min-height:150px;
    overflow:hidden;
    background:#ececec;
}

.hg-thumb a,
.hg-thumb img{
    display:block;
    width:100%;
    height:100%;
}

.hg-thumb img{
    position:absolute;
    inset:0;
    object-fit:cover;
}

/* Default thumbnail when no featured image */
.hg-thumb-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    inset:0;
    background:#f1f3f5;
    color:#0984e3;
    font-size:30px;
    font-weight:700;
    letter-spacing:-1px;
}

.hg-cat{
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    background:#e17055;
    color:#fff;
    padding:5px 9px;
    font-size:11px;
    font-weight:600;
}

.hg-body{
    flex:1;
    min-width:0;
    padding:15px 18px 13px 20px;
}

.hg-title{
    font-size:18px;
    line-height:1.35;
    font-weight:600;
    margin:0 0 6px;
}

.hg-title a{
    color:#0984e3;
    text-decoration:none;
}

.hg-title a:hover{
    color:#74b9ff;
}

.hg-meta{
    font-size:12px;
    color:#999;
    margin:0 0 7px;
}

.hg-excerpt{
    font-size:14px;
    line-height:1.55;
    color:#555;
}

.hg-excerpt p{
    margin:0;
}

/* =====================================================
   SINGLE POST
   Only size/spacing adjustments. No font-family override.
===================================================== */
.single .site-content{
    padding-top:20px;
    padding-bottom:24px;
}

.single .inside-article{
    padding:26px 30px!important;
}

.single .entry-header{
    margin-bottom:14px;
}

.single .entry-title{
    font-size:28px!important;
    line-height:1.3!important;
    margin:0 0 8px!important;
}

.single .entry-meta{
    font-size:12px!important;
    line-height:1.5;
    margin-bottom:16px!important;
}

.single .entry-content{
    font-size:16px!important;
    line-height:1.75!important;
    margin-top:14px!important;
}

.single .entry-content p{
    margin-bottom:17px!important;
}

.single .entry-content h2{
    font-size:22px!important;
    line-height:1.4!important;
    margin-top:30px!important;
    margin-bottom:12px!important;
}

.single .entry-content h3{
    font-size:19px!important;
    line-height:1.4!important;
    margin-top:24px!important;
    margin-bottom:10px!important;
}

.single .entry-content h4{
    font-size:17px!important;
    line-height:1.4!important;
}

/* no forced border radius */
.single .entry-content img,
.single .featured-image img,
.single .post-image img{
    border-radius:0!important;
}

/* =====================================================
   MOBILE
===================================================== */
@media(max-width:768px){
    .hg-card{
        min-height:100px;
    }

    .hg-thumb{
        flex-basis:135px;
        width:135px;
        min-height:100px;
    }

    .hg-thumb-placeholder{
        font-size:23px;
    }

    .hg-body{
        padding:10px 11px 9px 12px;
    }

    .hg-title{
        font-size:15px;
    }

    .hg-meta{
        font-size:10.5px;
        margin-bottom:4px;
    }

    .hg-excerpt{
        font-size:12px;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .single .site-content{
        padding:10px!important;
    }

    .single .inside-article{
        padding:17px!important;
    }

    .single .entry-title{
        font-size:23px!important;
        line-height:1.32!important;
    }

    .single .entry-meta{
        font-size:11px!important;
        margin-bottom:13px!important;
    }

    .single .entry-content{
        font-size:15.5px!important;
        line-height:1.72!important;
    }

    .single .entry-content p{
        margin-bottom:16px!important;
    }

    .single .entry-content h2{
        font-size:20px!important;
        margin-top:26px!important;
    }

    .single .entry-content h3{
        font-size:17.5px!important;
    }
}

@media(max-width:480px){
    .hg-card{
        min-height:88px;
    }

    .hg-thumb{
        flex-basis:118px;
        width:118px;
        min-height:88px;
    }

    .hg-thumb-placeholder{
        font-size:20px;
    }

    .hg-body{
        padding:8px 9px;
    }

    .hg-title{
        font-size:14.5px;
    }

    .hg-excerpt{
        display:none;
    }
}