/*-- CSS --*/
/*@import url('https://fonts.googleapis.com/css?family=Raleway');*/

/*======================*/
/*        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 */
/*======================*/

/*html **/
/*{*/
/*   font-family: 'Raleway', sans-serif;*/
/*}*/

/*Global*/
a{
    color:rgba(0, 90, 148,1);
}
a:hover{
    color:rgba(0,123,255,1);
    text-decoration: none;
}

.fab, .fas, .far, .fal{
    font-family: Fontawesome;
    font-style:normal;
}
#main-homepage .fa, #main-homepage .fab, #main-homepage .fad, #main-homepage .fal, #main-homepage .far, #main-homepage .fas {
    color: rgba(0, 100, 164, 1);
}


.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-25{width: 100%;margin-top:25px;}
.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: #1b3d6d;
    background-image: linear-gradient(to right, #1b3d6d , #0064a4);
}
.header-logo01 img {
   width: 60%; 
   height: auto;
   padding:20px 0px;
}
.header-logo02 img {
   width: 90%; 
   height: auto;
   padding:20px 0px;
}

/*Carousel*/
.carousel-caption {
width: 100%;
max-width: 300px;
left: 15%;
top: 50% !important;
transform: translateY(-50%);
text-align: left;
bottom: initial;
padding:20px;
background-color: rgba(0, 0, 0, 0.25);
}

.carousel-indicators-circle{ width: 14px!important; height: 14px!important; border-radius: 100%; }

@media (max-width: 786px){
.carousel-caption {
background-color: rgba(0, 0, 0, 0.50);
}

}

/*Bottom Section*/
/*
#bottom-section{
    padding-top:20px;
    background-color:rgba(238, 238, 238, 1);
}
*/
#bottom-section{
    color:#fff;
    padding-top:20px;
    background-color:#0064a4;
    background-image: linear-gradient(to right, #1b3d6d , #0064a4);
}

#nav-footer .fa, #nav-footer .fab, #nav-footer .fad, #nav-footer .fal, #nav-footer .far, #nav-footer .fas {
    color:#ececec;
}

#nav-footer .fa:hover, #nav-footer .fab:hover, #nav-footer .fad:hover, #nav-footer .fal:hover, #nav-footer .far:hover, #nav-footer .fas:hover{
    color:#ffd200;
}

#nav-footer a{
    color:#ececec;
}

#nav-footer a:hover{
    color:#ffd200;
}
.row-ics_address{
    font-weight:700;   
}
#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:#ececec;
    font-size:2em;
    line-height:0.5rem;
}
/*
.soc-cons i {
    color: rgba(0, 100, 164, 0.8);
    font-size: 2em;
    line-height: 0.5rem;
}
*/
.soc-cons i:hover{
    color:#ffd200;
    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);
    border-radius: 5px 5px 0px 0px;
}
.navbar-nav .dropdown-item:hover{
    color: rgba(0,0,0, 1);
    background:rgba(255,210,0,1);
}
.bg-ics-yellow{
    background-color:rgba(255, 255, 255, 1)!important;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .5)!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(0,100,164,1);
    padding:0 0 .5rem 0;
    margin:0;
    border-radius: 0px 5px 5px 5px;
}
.dropdown-menu .dropdown-item{
    color:rgba(255, 255, 255, 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;
}
.dropdown-submenu .dropdown-menu-color{
    border:1px solid rgba(174,154,58,1);
    background-color:rgba(255,210,0,1);
}
.dropdown-menu .dropdown-menu-color a{
    color:rgba(0,0,0,1);
}
.dropdown-menu .dropdown-menu-color a:hover{
    color:rgba(255,255,255,1);
    background-color:rgba(0,100,164,1);
}
.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;*/
    height: auto;
    min-height: 100%;
    overflow: hidden;
}
#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:auto;
    border-radius:5px;
    background-color:rgba(0, 90, 148, 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;
}
#student-spotlight{
    line-height:1.2em;
}
#student-spotlight ul {
    padding-left: 0;
    list-style-type: none;
}
#student-spotlight li {
    line-height: 1.2em;
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    margin-bottom: 1em;
    padding-bottom: 1em;
}

#video-highlight ul {
    padding-left: 0;
    list-style-type: none;
}

#main-homepage h2{
    font-size:1.45rem;
}

#main-homepage h3{
    font-size:1.45rem;
}

/*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*/
#sao-newsupdates 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-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open>.dropdown-toggle.btn-outline-primary {
    background-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;
}

.btn-alumni-social{
    text-align:center;
}
.btn-alumni-social ul{
    list-style:none;
    padding-left: 0;
}

.btn-alumni-social li{
    font-size:4rem;
    display:inline;
}

#c-text{
    padding:15px;   
}

.news-date{
    line-height: 25px;
    font-size: .85rem;
    font-weight: 300;
    color: #595959;
}
.beforevid-hr hr {
    display: block;
    height: 4px;
    border: 0;
    border-top: 1px double rgba(255, 210, 0, 1);
    margin: 1em 0;
    padding: 0; 
}

#video-highlight {
    background-color: rgba(238, 238, 238, 1);
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 5px;
}
#video-highlight .news-date{
    color:rgba(89, 89, 89, 1);
}

#carousel-bttm-slider{
    padding:10px 0;
    background-color:#0064a4;
}
#carousel-bttm-slider a{
    color:#fff;
}
#carousel-bttm-slider img{
    border:3px solid #fff;
}
.slider-spotlight-copy{
    padding-left:15px;
    padding-right:15px;
}
#carouselExampleIndicators2 h5{
    color:#ffffff;
    font-style: italic;
    text-transform: uppercase;
}

#events-section{
    background-color:#fafafa;
    padding:25px 0px;
}

#events-section .localist-widget-hl .event-list>li {
    width: 100% !important;
}

#events-section .localist-widget-hl .event-list .event-card{
    border-radius:5px !important;
    height:auto;
}

#events-section .localist-widget-hl .event-card header{
    height:auto;
}

#events-section .localist-widget-hl .event-short-date {
    background: rgba(0, 90, 148, 1) !important;
    width: 2.777778em !important;
    height: auto;
    font-size: 2.125rem;
    color: rgba(255, 210, 0, 1) !important;
    border-radius: 0px 0px 5px 0px !important;
    padding: 5px 5px !important;
}

#events-section .localist-widget-hl .event-img{
    min-height:auto;
}

.events-titlebar{
    padding-left:20px;
}
#events-section .localist-widget-hl .event-short-date {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 700;
}

#events-section .localist-widget-hl .event-short-date abbr {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    text-transform:none;
}

#mid-section{
    padding:25px 0px;
}

.timeline-Header.timeline-InformationCircle-widgetParent {
    display: none;
}

#commencement-block {
    color: rgba(0, 0, 0, 1);
    font-size:1.2em;
    padding: 10px 10px 10px 10px;
    background-color: #FFD200;
    border-top:2px solid rgba(255, 210, 0, 1);
    font-weight:600;
}

#commencement-block span.fas{
    font-size: 1em;
    font-weight:300;
}

#commencement-block span.staysafe-123{
    font-style: italic; 
}

/*---Dropdown Menu
#commencement-block a.dropdown-toggle{
    color: rgba(0, 0, 0, 1);
    font-size:0.85em;
    text-decoration: none;
    font-style: italic;
    font-weight:300;
}

#commencement-block a.dropdown-item{
    color: rgba(0, 0, 0, 1);
    font-size:1em;
    text-align:center;
    text-decoration: none;
    font-weight:600;
}

#commencement-block .dropdown-menu.dropdown-menu-wide {
  min-width: 100%;
  text-align: center;
}---*/


/*---Use for Timer
#commencement-block .table-commence-ctdown{
    border:2px solid #000;
}
#commencement-block .table-commence-ctdown tr, #commencement-block .table-commence-ctdown td{
    border:none;padding:0px;
}
#commencement-block .txt-timer{
    font-size:2em;
}---*/

.events-section20210212 iframe {
    width:100%;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}


element.style {
    display: block;
    position: absolute;
    top: 0px;
    height: 98px;
}
iframe#weatherwidget-io-0 {
    border-radius: 5px;
    
}

section#rss-events{
    width:100%;
}

nav #results{
    position: absolute; 
    display: none;    
}

/*Accessibility additions*/
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    word-wrap: normal!important;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*subheading underlines*/
.hr-mnpg {
    background: linear-gradient(to right, #0064a4, #addbed);
    height: 3px;
    margin-bottom: 20px;
}