@import "../../../node_modules/bootstrap/scss/functions";
@import "../../../node_modules/bootstrap/scss/variables";
@import "../../../node_modules/bootstrap/scss/variables-dark";
@import "../../../node_modules/bootstrap/scss/maps";
@import "../../../node_modules/bootstrap/scss/mixins";
@import "../../../node_modules/bootstrap/scss/utilities";
@import "../../../node_modules/bootstrap/scss/utilities/api";
@import "../../../node_modules/bootstrap/scss/grid";
@import "../../../node_modules/bootstrap/scss/nav";



/* Tab styles */
.tabs{
    // / Tab styles /
    .nav-tabs {
        border-bottom: 2px solid #ddd;
        .nav-item{
            .nav-link {
                color: #555;
                border: 1px solid transparent;
                border-radius: 0;
                margin: 0 5px;
                padding: 10px 20px;
                cursor: pointer;
                transition: all 0.3s ease;
                &.active {
                    background-color: #007bff;
                    color: #fff;
                    border-color: #007bff;
                }
            }

        }
    }
    // / Post styles /
    .post {
        border: 1px solid #ddd;
        padding: 15px;
        margin-bottom: 20px;
        border-radius: 5px;
        transition: all 0.3s ease;
        &:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .post-wrapper{
            .img-container{
                img {
                    width: 100%;
                    height: 200px;
                    border-radius: 5px;
                }
            }
        }
    }
}