/** 
 * Local CSS Rules
 */

 
/********************************************************
 * Site Header
 ********************************************************/
.uofs-header-sitename {
    /*color: #666666 !important;*/
}
a.uofs-header-sitename:hover {
    /*color: #99CCFF;*/
}
.uofs-header-logo>img {
    height: auto;
}
.uofs-header-masthead {
    height: auto;
}
body {
    padding-top: 82px;
}
@media (min-width: 768px) {
    .uofs-header-search {
        top: 30px;
    }
    
}
@media (max-width: 768px) {
    .uofs-header-masthead .uofs-footer-social {
        display: none;
    }
    .covid-alert {
        height:41px;
    }
}
.uofs-header-masthead .uofs-footer-social {
    position: fixed;
    top: 0;
    right: 0;
}
.uofs-footer-social li {
    padding: 0 7px;
    font-size: 20px;
}
.uofs-icon-facebook:before, .uofs-icon-twitter:before, .fa-instagram:before {
    color: #000;
}
.covid-alert {
    background-color: #dee9f7;
    border-color: #dfeef9;
    color: #000;
}
.covid-alert .alert-link {
    color: #000 !important;
}


/********************************************************
 * Links
 ********************************************************/
a:link, a:visited {
    color: #4DA6FF;
}
/*a, a:focus {*/
/*    color: #0890BA;*/
/*}*/
a:hover, a:active {
    color: #1A8CFF;
}

/********************************************************
 * Jumbotrons
 ********************************************************/
/*.uofs-jumbotron .btn {*/
/*    color: #fff !important;*/
/*}*/

.uofs-jumbotron {
    color: #000000;
    background-color: #dee9f7;
    background-image: none;
}

.uofs-jumbotron-grey {
    background-color: #F5F6F6;
    background-image: none;
}

/********************************************************
 * Text
 ********************************************************/ 
h1,h2,h3,h4,h5,h6 {
    color: #000000;
}

/* "White" jumbotron in Cascade */
.jumbotron h1,.jumbotron h2,.jumbotron h3,.jumbotron h4,.jumbotron h5,.jumbotron h6 {
    color: #000000;
}

/* "Green" jumbotron in Cascade */
.uofs-jumbotron h1,.uofs-jumbotron h2,.uofs-jumbotron h3,.uofs-jumbotron h4,.uofs-jumbotron h5,.uofs-jumbotron h6 {
    color: #000000;
}

/* "Grey" jumbotron in Cascade*/
.uofs-jumbotron-grey h1,.uofs-jumbotron-grey h2,.uofs-jumbotron-grey h3,.uofs-jumbotron-grey h4,.uofs-jumbotron-grey h5,.uofs-jumbotron-grey h6 {
    color: #000000;
}

p {
    /* color: #000000; */
}

/* Custom image jumbotron in Cascade needs white text */
.uofs-jumbotron.uofs-section-bg h1,
.uofs-jumbotron.uofs-section-bg h2,
.uofs-jumbotron.uofs-section-bg h3,
.uofs-jumbotron.uofs-section-bg h4,
.uofs-jumbotron.uofs-section-bg h5,
.uofs-jumbotron.uofs-section-bg h6,
.uofs-jumbotron.uofs-section-bg p {
    color: #FFFFFF !important;
}


/********************************************************
 * Buttons
 ********************************************************/
.btn-primary, .btn-default {
    color: #fff !important;
    background-color: #99CCFF !important;
    border-color: #6FB8FF !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #6FB8FF !important;
    border-color: #6FB8FF !important;
}
.open .btn-primary.dropdown-toggle {
    background-color: #6FB8FF !important;
    border-color: #6FB8FF !important;
}
/* Secondary */
.btn-default {
    /*color: #45458C; */
    /*background-color: #45458C;*/
    /*border-color: #45458C;*/
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #6FB8FF;; 
    /*background-color: #7272BA; */
    /*border-color: #45458C; */
}
.open .btn-default.dropdown-toggle {
    /*background-color: #7272BA;*/
    /*border-color: #5454AB;*/
}
/*.btn-success {*/
/*    color: #fff;*/
/*    background-color: #7272BA;*/
/*    border-color: #45458B;*/
/*}*/
/*.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {*/
/*    background-color: #45458B;*/
/*    border-color: #7272BA;*/
/*}*/
/*.open .btn-success.dropdown-toggle {*/
/*    background-color: #45458B;*/
/*    border-color: #7272BA;*/
/*}*/
/*.btn-info {*/
/*    color: #fff;*/
/*    background-color: #45458C;*/
/*    border-color: #3B3B78;*/
/*}*/
/*.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {*/
/*    background-color: #7272BA;*/
/*    border-color: #5454AB;*/
/*}*/
/*.open .btn-info.dropdown-toggle {*/
/*    background-color: #7272BA;*/
/*    border-color: #5454AB;*/
/*} */
 
/********************************************************
 * Navbar
 ********************************************************/ 
.navbar-default, .navbar-default .navbar-nav>li>a {
    background-color: #000000;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
    color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    /*background-color: #AAAAAA;
    color: #AAAAAA;*/
}

.navbar-default .navbar-nav>.active>a {
    background-color: #333;
    color: #FFFFFF;
}

/*.navbar-default .navbar-nav>.active>a:hover {*/
/*    background-color: #2E9CC0;*/
/*}*/

.navbar .navbar-nav .active.open>a, .navbar .navbar-nav .active.open>a:focus, .navbar .navbar-nav .active.open>a:hover, .navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover {
    background-color: #666666 !important;
    color: #ffffff !important;
}

/*.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {*/
/*    background-color: #0785ab;*/
/*}*/

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #FFFFFF;
    background-color: #99CCFF;
}

.uofs-offcanvas-inner .navbar-default .dropdown-menu {
    background: #dee9f7;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color:#000;
}

.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav .active.open>a, .navbar .navbar-nav .active.open>a:hover, .navbar .navbar-nav .active.open>a:focus {
	 background-color: #4DA6FF;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	 background-color: #4DA6FF;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	 background-color: #4DA6FF;
}

/********************************************************
 * Navpills
 ********************************************************/ 
.nav-pills>li.active:after, .nav-pills>li.active:focus  {
    background: #99CCFF !important;
}

.uofs-page-nav.affix-top .nav>li.active>a {
    color: #99CCFF;
}

/* fix the position of the navpills as the navbar is now larger */
.uofs-page-nav.uofs-page-nav-side.affix {
    top: 174px;   
}
.uofs-page-nav.uofs-page-nav-top.affix {
    height: max-content;
    top: 84px;
}

/********************************************************
 * Block Quotes
 ********************************************************/

blockquote footer {
    background-color: transparent;
    padding-top: 0px;
}

/********************************************************
 * Articles
 ********************************************************/
.uofs-article-section-head:after {
    border-top: 2px solid #99CCFF;
}

/********************************************************
 * Panels
 ********************************************************/ 
.panel-group .panel-default .panel-title>a, .panel-group .panel-default .panel-title>a.collapsed {
    color: #4DA6FF;
}
/********************************************************
 * Chrome Inspector Rules
 ********************************************************/ 
 h1,h2,h3,h4,h5,h6 {

    color: #000000;
}

p {
    /* color: #000000 !important; */
}

.uofs-jumbotron a {
     color: #FFF !important;
}

.uofs-jumbotron a:hover, .uofs-jumbotron a:active {
    color: #47A5FF !important;
}

.modal-link {
    cursor:zoom-in;
}

/********************************************************
 * Site Footer
 ********************************************************/ 
.uofs-footer{
    display:none;
}
footer {
    background-color: #000;
    padding-top: 30px;
    font-size: smaller;
}

footer, footer h5 {
     color:#FFF;
}
.footer-logos img {
    width: 150px;
    margin: 60px 8px;
}

#triangle {
    position: relative;
    left: 72%;
    top: -95px;
    margin-bottom: -47px;
}
@media (max-width: 768px) {
    #triangle {
        left: 55%;
        top: -80px;
    }   
}

/********************************************************
 * Social Embeds
 ********************************************************/ 
.uofs-iframe-wrapper {
    height: 510px;
}