/* 
 * Typography & Headings
 * Specialized heading decorations and ribbons used across the site.
 */

.main h2 {
    font-size: 16px;
    height: 30px;
    margin: 15px 0;
    padding: 3px 24px 8px 12px;
    background: linear-gradient(180deg, #e8f4f8 0%, #d0e8f2 100%);
    border-top: 3px solid #057ff0;
    border-radius: 3px;
}

@media (min-width: 1200px) {
    .main h2 {
        background: linear-gradient(90deg, #e8f4f8 0%, #d0e8f2 50%, #b8dce8 100%);
    }
}

.main h3,
.sidebar h3 {
    font-size: 16px;
    margin: 15px 20px 15px 1px;
    padding: 2px 0 2px 22px;
    position: relative;
}

.main h3::before,
.sidebar h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    background: linear-gradient(135deg, #5fc956 0%, #4ab838 100%);
    border-radius: 2px;
}

/* Remove h3 decoration in grid list pages */
.posts-grid h3::before,
.category-post-title::before {
    display: none;
}

/* Restore Bootstrap 3 default link behavior (no underline until hover) */
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}