body {
    background: #f8f9fa;
}

.main-content {
    min-height: 70vh;
}


/* =========================
   CARDS
========================= */

.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 1rem 2rem rgba(0, 0, 0, .1) !important;
}

/* =========================
   POST IMAGES
========================= */

.post-content img {
    max-width: 100%;
    height: auto;

    border-radius: 12px;

    display: block;

    margin: 15px 0;
}


/* =========================
   POST LINKS
========================= */

.post-content a {
    word-break: break-word;
}


/* =========================
   BLOCKQUOTES
========================= */

.post-content blockquote {
    border-left: 4px solid #6c757d;

    padding-left: 15px;

    margin: 20px 0;

    color: #6c757d;
}


/* =========================
   COMMENTS
========================= */

.comment-content {
    white-space: normal;

    word-wrap: break-word;
}


/* =========================
   CARD IMAGES
========================= */

.card-img-top {
    object-fit: cover;
}


/* =========================
   CARD TITLES
========================= */

.card-title {
    line-height: 1.3;
}


/* =========================
   CARD TEXT
========================= */

.card-text {
    line-height: 1.6;
}


/* =========================
   FOOTER
========================= */

footer a:hover {
    color: #000 !important;
}


/* =========================
   COLLAPSIBLE CARD HEADERS
========================= */

.card-header[data-bs-toggle="collapse"] {
    cursor: pointer;
}

.card-header[data-bs-toggle="collapse"]:hover {
    opacity: .9;
}


/* =========================
   TOPIC TITLE BOX
========================= */

.topic-title-box {
    background: linear-gradient(
        135deg,
        #f8f9fa,
        #eef3ff
    );

    border-left: 4px solid #0d6efd;

    border-radius: 8px;

    padding: 12px 14px;

    min-height: 62px;

    display: flex;

    align-items: center;
}


/* =========================
   TOPIC TITLE
========================= */

.topic-title {
    font-size: 1.05rem;

    line-height: 1.4;
}

.topic-title a {
    color: #212529;

    transition: color .2s ease;
}

.topic-title a:hover {
    color: #0d6efd;
}


/* =========================
   TOPIC CARDS
========================= */

.topic-card {
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.topic-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 .5rem 1rem
        rgba(0, 0, 0, .1) !important;
}
.navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999 !important;
}

.about-this-post {
    position: relative;
    z-index: 1;
}
.navbar-brand {
    font-size: 1.2rem;
}