@media (max-width: 600px) {
    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }
}

/* Fix sidebar visibility on different screen sizes */
@media (min-width: 601px) and (max-width: 767px) {
    .left-sidebar {
        display: none !important; /* Hide on small tablets */
    }
}

@media (min-width: 768px) {
    .left-sidebar {
        display: block !important; /* Show on medium screens and up */
    }
}

.bg-gradient {
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 70%, rgb(0, 0, 0) 100%) !important;*/
    background: none !important;
}

.search-box a {
    right: 18px;
    width: 70px;
    line-height: 50px;
}

#footer-bar .nav-icon:hover {
    color: #DA4453 !important;
}

.card-style {
    margin: 0px 5px 30px 5px !important;
}

.form-errors{
    position: absolute;
    top: 100%;
    font-weight: bold;
    color: red!important;
    font-size: 9px;
    left: 15px;
    display: contents;
}

.require-span{
    color: red;
    margin-left: 5px;
}

/* Post Content Styling */
.post-content {
    line-height: 1.6;
}

.post-content p {
    margin-bottom: 1rem;
    color: #374151;
}

.post-content strong {
    font-weight: 600;
    color: #111827;
}

.post-content br {
    margin-bottom: 0.5rem;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    font-weight: 600;
    color: #111827;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.post-content h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.post-content ul,
.post-content ol {
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}

.post-content li {
    margin-bottom: 0.25rem;
}

.post-content blockquote {
    border-left: 4px solid #E5E7EB;
    padding-left: 1rem;
    margin: 1rem 0;
    font-style: italic;
    color: #6B7280;
}
}