/* Colors */
:root{
    --primary_color: #9D6839;
}
/* End Colors */


.main_logo{width: 200px;max-width: 100%;}
.home_news_title{height: 50px;overflow: hidden;}
.visual-title h1{color: #fff;}

.about-banner {
    background-image: url(https://i.postimg.cc/0jFs109X/Rajshahi-College-Campus-02.jpg);
}


/* User Panel */
.page_wrap{    padding-top: 70px;
    background: #ECF1F5;
    padding-bottom: 55px;
}
/* .up_wrap{margin-top: 55px;} */
.user_profile{}
.user_img{max-width: 195px;display: inline-block;}
.user_img img{width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid #ddd;
    padding: 5px;
    /* border-radius: 50%; */
    margin-bottom: 10px;}

.up_nav{}
.up_nav li{}
.up_nav li a{display: block;color: var(--primary_color);}
.up_nav li a:hover{color: var(--primary_hover_color);text-decoration: none;}
.up_nav li a i{width: 25px;}

.dashboard_items{}
.dashboard_items i{font-size: 35px;transition: .3s;color: rgba(0,0,0,.15);}
.dashboard_items .card:hover i{font-size: 40px;}
.link_item{color: var(--primary_color);}
.link_item:hover{color: var(--primary_hover_color);text-decoration: none;}
.user_menu .list-group-item.active{    border: none;background: var(--primary_color);}
.user_menu .list-group-item.active a{
    color: #fff;}


    .new_post_top{overflow: hidden;}
    .new_post_img{width: 45px;
height: 45px;
    border-radius: 50%;
    object-fit: cover;float: left;}
    .new_post_name{    float: left;
font-weight: 700;
margin-bottom: 0;margin-left: 10px;}
    .new_post_name small{font-size: 10px;}
    .new_post_name p{line-height: 5px;margin-bottom: 0}
    .new_post_name h3{
font-size: 19px;}
    .new_post_select{}
    .new_post_img_lg{    width: 50px;
height: 50px;}
    .post_edit_link{color: var(--primary_color)}
    .post_edit_link:hover{color: var(--primary_hover_color)}

.remove_kid_field{    background: red;
    color: #fff;
    border: none;
    padding: 4px 11px;
    font-size: 18px;
    border-radius: 4px;}
.remove_kid_field:focus{outline: none;}
.remove_kid_field:hover{cursor: pointer;}
/* End User Panel */


.nb_box{background: url(https://images.all-free-download.com/images/graphicthumb/realistic_white_wooden_board_background_580291.jpg) repeat;
    border-width: 12px;
    border-style: solid;
    border-color: rgb(153, 153, 153);
    border-image: initial; color: #000;    padding: 20px;    border-radius: 4px;
    font-family: cursive;}


.visual-inner{padding: 0 0;height: 65px;}
.visual-title{margin-top: 90px;}
.main-header.header-dark {
    background: rgb(85, 86, 91, .7);
}

.margin_top{padding-top: 180px;}

.homepage_lightbox{position: relative;display: inline-block;}

.rs_custom_layer{height: auto !important;}
.rs_layer_btn{z-index: 8;
    background-color: rgb(68, 31, 65);
    font-family: Roboto;
    height: auto;
    width: auto;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    font-size: 17px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    backdrop-filter: none;
    filter: brightness(100%);
    border-width: 0px;
    padding: 7px 16px;
    margin-top: 20px;
    display: inline-block;border-radius: 12px;color: #fff;}
.rs_layer_btn:hover{color: #ddd;}
/* .rs_custom_title{max-width:620px} */

.footer-logo {
    width: 70%;
}

.mobile_top_nav_wrap{
    background: #000;}
.mobile_top_nav{    margin: 0;
    list-style: none;
    padding: 6px 0;}
.mobile_top_nav li{display: inline-block;}
.mobile_top_nav li a{color: #fff;
    margin-right: 10px;}
.mobile_top_nav li a:hover{}

/* Extra Small Device */
@media (max-width: 767px) {
    .main-header .navbar .navbar-brand {
        margin-left: 0;
        width: auto;
        display: inline-block;
        float: right;
        text-align: right;
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0px;
    }
    .main_logo {
        width: 130px;
        max-width: 100%;
        margin-top: 42px;
        margin-right: 5px;
    }
    .rs_layer_btn{padding: 10px 10px !important;}
    .main-header.sticky-nav .navbar .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-nav{margin-top: 45px;}
    #rev_slider_4_1_forcefullwidth{margin-top: 37px !important}

}