@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Akaya+Kanadaka&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amita:wght@700&display=swap');

* {
    font-family: 'Baloo Tamma 2', cursive;
}

body {
    width: 100%;
}

body::-webkit-scrollbar {
    width: 0.25rem;
}

body::-webkit-scrollbar-track {
    background: #1e1e24;
}

body::-webkit-scrollbar-thumb {
    background: #6649b8;
}

.font-samskruta {
    font-family: 'Amita', cursive;
    color: #b4313e !important;
}

.font-special {
    color: #b4313e !important;
}


body {
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(255,229,168,1) 0%, rgba(251,174,222,1) 100.7% );
}

.background_panel {
    /*background-image: url("../img/bk1.jpg");*/

    /* Set rules to fill background */
    min-height: 100%;
    min-width: 100%;

    /* Set up proportionate scaling */
    width: 100%;
    height: 100%;

    /* Set up positioning */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;

    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: auto;
}


.title {
    text-align: center;
    background: rgba(0, 0, 0, 0);
}

.logo {
    color: white;
    /*background: rgb(65, 65, 65);*/
    font-weight: bold;
}

.navbar-expand-sm .navbar-nav .nav-link {
    color: white;
}

.title-img {
    size: 50vw;
}

.title-text {
    color: white;
    text-shadow: #b3b3b3 5px 0px 15px;
}

.title-sub-text {
    margin-top: -10px;
    color: white;
    text-shadow: #b3b3b3 5px 0px 15px;
    font-size: 3vw;
}

.news {
    font-family: 'Akaya Kanadaka', cursive;
}

.snews {
    background: linear-gradient(0deg, rgba(244, 195, 1, 1) 0%, rgba(252, 252, 250, 1) 100%);
    z-index: 10;
}

.snews-item {
    font-family: 'Baloo Tamma 2', cursive;
    font-weight: normal;
}

.font-white {
    color: white;
}

.navbar-toggler {
    color: white;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffc44e;
}

.font-heighlight {
    color: cornflowerblue;
}

.mbl-op a:link {
    text-decoration: none;
}

.font-blue {
    color: #6496fb;
}

.card-box {
    min-width: 40px;
    height: 40px;
}

.mbl-op .card-text {
    color: black;
}

.link{
    cursor: pointer;
}

/*===========================================================*/
.mdi::before {
    font-size: 24px;
    line-height: 14px;
}

.btn .mdi::before {
    position: relative;
    top: 4px;
}

.btn-xs .mdi::before {
    font-size: 18px;
    top: 3px;
}

.btn-sm .mdi::before {
    font-size: 18px;
    top: 3px;
}

.dropdown-menu .mdi {
    width: 18px;
}

.dropdown-menu .mdi::before {
    position: relative;
    top: 4px;
    left: -8px;
}

.nav .mdi::before {
    position: relative;
    top: 4px;
}

.navbar .navbar-toggle .mdi::before {
    position: relative;
    top: 4px;
    color: #FFF;
}

.breadcrumb .mdi::before {
    position: relative;
    top: 4px;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.breadcrumb a:hover span {
    text-decoration: underline;
}

.alert .mdi::before {
    position: relative;
    top: 4px;
    margin-right: 2px;
}

.input-group-addon .mdi::before {
    position: relative;
    top: 3px;
}

.navbar-brand .mdi::before {
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.list-group-item .mdi::before {
    position: relative;
    top: 3px;
    left: -3px
}

.modal-close-btn {
    cursor: pointer;
    position: absolute;
    right: 10px;
    color: #ded5be;
    font-size: 18px;
    padding: 5px;
}

.modal-close-btn:hover {
    color: white;
}