@font-face {
    font-family: "IRANSans-web";
    font-display: auto;
    src: local('IRANSans-web'), url("../libs/fonts/IRANSans-web.eot#iefix") format("embedded-opentype"), url("../libs/fonts/IRANSans-web.woff2") format("woff2"), url("../libs/fonts/IRANSans-web.woff") format("woff"), url("../libs/fonts/IRANSans-web.ttf") format("truetype"), url("../libs/fonts/IRANSans-web.svg#IRANSans-web") format("svg")
}


.sticky2 {
    position: sticky;
    top: 0px;
    z-index: 3;
}

.nav-item p {
    top: -4px;
    position: relative;
}

.text-gray {
    color: gray;
}

@media only screen and (min-width : 481px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }

        .flex-row > [class*='col-'] {
            display: flex;
            flex-direction: column;
        }

        .flex-row.row:after,
        .flex-row.row:before {
            display: flex;
        }
}


.highlighted, code:not([class^="language-"]) {
    background-color: #ecf0f1;
    color: #000000;
    border-radius: 5px;
    padding: 0px 4px !important;
    /*display: inline-block;*/
}

.insightful-div {
    border-radius: 7px !important;
}

.content-sticky-title {
    position: sticky;
    top: 53px;
    background: white;
    z-index: 1;
}

.table-of-content {
    width: 100%;
    z-index: 2;
    
    font-size: 11px;
    /*position: sticky;*/
    top: 0px;
    background: transparent;
    padding: 0 0px 0px 5px;
    color: black;
}

    .table-of-content span {
        cursor: pointer;
        line-height: 1.2rem;
    }

.btn-tbl-of-content-toggle {
    position: fixed;
    top: 200px;
    z-index: 3;
    
    transform: rotate(90deg);
}

.nav-item > .nav-link:hover i{
    color:red;
}

.navbar-nav .nav-item:hover img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(99%) saturate(6811%) hue-rotate(356deg) brightness(100%) contrast(122%);
}

.navbar-nav button:hover i {
    color: red;
}