/*-- CSS --*/
/*======================*/
/*        TOC           */
/*======================*/
/* 1. Global */
/* 2. Spacer Divs */
/* 3. Header */
/* 4. Carousel */
/* 5. Bottom Section */
/* 6. Navbar */
/* 7. Homepage */
/* 8. Interior Page CSS */
/* 9. SAO */
/* 10. Faculty Page */
/* 11. Faculty/Staff Search Pages */
/* 12. Faculty Profile */
/* 13. Back to Top Btn */
/*======================*/


/*Global*/
a{
    color:rgba(51,122,183,1);
}
a:hover{
    color:rgba(0,123,255,1);
    text-decoration: none;
}

.fab, .fas, .far, .fal{
    font-family: Fontawesome;
    font-style:normal;
}

.bread{
    padding-left:15px;
    padding-top:15px;
}


/*Spacer Divs*/
.h-gap-5{width: 100%;margin-top:5px;}
.h-gap-10{width: 100%;margin-top:10px;}
.h-gap-15{width: 100%;margin-top:15px;}
.h-gap-20{width: 100%;margin-top:20px;}
.h-gap-30{width: 100%;margin-top:30px;}
.h-gap-40{width: 100%;margin-top:40px;}
.h-gap-50{width: 100%;margin-top:50px;}

/*Header*/
#header-main{
    background-color: rgba(0, 100, 164, 1);
}
.header-logo01 img {
   width: 60%; 
   height: auto;
   padding:20px 0px;
}
.header-logo02 img {
   width: 90%; 
   height: auto;
   padding:20px 0px;
}

/*Carousel*/
.carousel-caption {
width: 75%;
max-width: 400px;
left: 15%;
top: 50% !important;
transform: translateY(-50%);
text-align: left;
bottom: initial;
padding:20px;
background-color: rgba(0, 0, 0, 0.50);
}

/*Bottom Section*/
#bottom-section{
    padding-top:20px;
    background-color:rgba(238, 238, 238, 1);
}
#footer {
    background: #EEE;
    font-size: 10px;
    font-weight: bold;
    clear: both;
    padding: 1em;
    text-align: center;
}

.soc-cons{
    margin-bottom:10px;
}
.soc-cons ul {
    margin: 0;
    padding: 0;
}
.soc-cons li {
    margin: 0px;
    padding-right: 10px;
    float: left;
    list-style-type: none;
}
.soc-cons a{
    font-size: .95em;
}
.soc-cons i{
    color:rgba(0, 100, 164, 0.8);
    font-size:2em;
    line-height:0.5rem;
}
.soc-cons i:hover{
    color:rgba(0, 100, 164, 1);
    font-size:2em;
}
.soc-cons p{
    font-size: .95em;
}
.quk-links{
    padding-left:0px;
}
.quk-links ul{
    list-style-type: none;
    list-style-position:inside;
    font-size: .85em;
    margin:0px;
    padding:0px;
}

.foot-col4{
    font-weight:bold;
}
.hr-top{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid rgba(200, 200, 200, 1);
}
.copyrt-txt{
    font-size: 0.85rem;
}

/*Navbar*/
.navbar-light .navbar-nav .nav-link{
    color:rgba(30, 30, 30, 1);
}
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link{
    color: rgba(255, 255, 255, 1);
    background:rgba(0, 100, 164, 1);
}
.navbar-nav .dropdown-item:hover{
    color: rgba(255, 255, 255, 1);
    background:rgba(0, 100, 164, 1);
}
.bg-ics-yellow{
    background-color:rgba(255, 210, 0, 1)!important;
}
.dropdown-toggle::after {
    display:none;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-menu{
    border:none;
    background-clip:none;
    background-color:rgba(255, 210, 0, 1);
    padding:0 0 .5rem 0;
    margin:0;
}
.dropdown-menu .dropdown-item{
    color:rgba(30, 30, 30, 1);
    /*color:rgba(27, 61, 109, 1);*/
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}
.nav-link-home, .nav-link-home a{
    color:rgba(0, 0, 0, 1);
}

@media (max-width: 500px) {
    .dropdown-menu{
        height:200px;
        overflow-y:auto;
    }
}

    
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: none;
    transform: rotate(-90deg);
}

/*Homepage*/
.homepage-col{
    padding:25px;
}
#lclst_widget_footer{
    display:none;
}
.lwl{
    display:none;
}
#upcoming-events .description{
    display:none;
}
#upcoming-events ul{
    padding-left: 0;
    list-style-type: none;
}
#upcoming-events li{
    display:block;
    height:100px;
}
#new_news_list ul{
    padding-left: 0;
    list-style-type: none;
}
#new_news_list li{
    line-height:1.2em;
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    margin-bottom: 1em;
    padding-bottom: 1em;
}
.lwn0{
    display:block;
    float:left;
    color:rgba(255, 210, 0, 1);
    text-align:center;
    max-width:50px;
    width:20%;
    height:50px;
    border-radius:5px;
    background-color:rgba(0, 100, 164, 1);
}
.e-day{
    font-weight:800;
    font-size:1.5em;
    margin-top:-8.5px;
}


.lwn a{
    line-height:1.2em;
    display:block;
    float:left;
    width:75%;
    padding-left:5px;
}
#faculty-recruitment{
    line-height:1.2em;
}


/*Interior Page CSS*/
#c-title{
    font-size:2em;
    font-weight:700;
    border-bottom:1px solid rgba(238, 238, 238, 1);
    padding-bottom:10px;
    padding-left:15px;
    margin-bottom:10px;
    text-transform: capitalize;
}

#s-bar{
    height:auto;
    padding:20px;
    background-color:rgba(219, 222, 227, 1);
}
#s-bar ul{
    list-style-type:none;
    list-style-position:inside;
    margin:0;
    padding:0; 
}
#s-bar li{
    text-transform:capitalize;
}
#s-bar a:after {    
    font-family: 'FontAwesome';
    font-size:1em;
    content: '\f101';
    margin-left:7px;
    color: inherit;
}
#s-bar a:hover:after {    
    margin-left:10px;
}
#s-bar #sidebar_title{
    font-weight:bold;
    text-transform: uppercase;
    margin-top:20px;
}
.s-bar-sub li{
    margin-left:15px;
}

/*SAO*/
iframe {
    width:100%;
    height:400px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

/*Faculty Page*/
.faculty-pg table{
    width: 100%!important;
    border-collapse: collapse; 
}
.faculty-pg tr{
    /*background-color:rgba(255, 255, 255, 1)!important;*/
    /*border-bottom:1px solid rgba(0, 0, 0, .25);*/
}
.faculty-pg td{
    padding:10px 5px;
    /*background-color:rgba(255, 255, 255, 1)!important;*/
}
.faculty-pg img{
    width:125px;
    height:161px;
}

/*Faculty/Staff Search Page*/
.fac-dept-title01{
    font-size: 2em;
    font-weight: 700;
}

/*Faculty Profile*/
.fac-pro{
    /*border-top:1px solid rgba(238, 238, 238, 1);*/
}
.fac-pro-name{
    font-size:1.5em;
    margin-top:15px;
}
.fac-pro h3{
    font-size:1.2em;
    margin-top:30px;
}
.fac-pro td{
    padding-left:15px;
}

/* Back to Top Btn */
#back2Top {
    width: 50px;
    line-height: 50px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: rgba(0, 100, 164, 0.65);
    color: rgba(255, 255, 255, 1);
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius:5px;
}
#back2Top:hover {
    background-color: rgba(0, 100, 164, 1);
    color: rgba(255, 255, 255, 1);
}


.btn-outline-primary{
    color:rgba(51,122,183,1);
    border-color:rgba(51,122,183,1);
}

.btn-light:hover{
    background-color: rgba(255, 210, 0, 1);
    border-color: rgba(255, 210, 0, 1);
}

#mid-content{
    width:100%!important;
}