.featured-img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: calc(0.25rem - 1px);
}

.post-img{
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: calc(0.25rem - 1px);
}

.card-height {
    height: 290px;
    position: relative;
}

.unstyle-categories {
    text-decoration: none;
    text-underline-offset: none;
}

/* Custom styles for responsive navbar toggler icon */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* For dark navbar, ensure the icon is visible */
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Remove border and shadow from navbar toggler button */
.navbar-toggler {
    border: none !important;
    box-shadow: none !important;
}