/* Local CSS Rules */

/* Joel Farthing Dec 07, 2016 */
/* Test Draft with some commonly re-skinned elements */

/********************************************************
 * Header
 ********************************************************/ 
.uofs-header-sitename:hover {
    color: #512d6d;
}

@media (max-width: 767px) {
    .uofs-header-sitename {
        /*display:none;*/
    }
}



/********************************************************
 * Links
 ********************************************************/
a:link, a:visited {
    color: #512d6d;
}
/*a, a:focus {*/
/*    color: #0890BA;*/
/*}*/
a:hover, a:active {
    color: #512d6d;
}

/********************************************************
 * Jumbotrons
 ********************************************************/


.uofs-jumbotron {
    background-color: #512d6d;

}



/*.uofs-jumbotron-grey {*/
    /*background-color: #EFEFEF;*/
    /*background-image: none;*/
/*    color: #4f4e4e;*/
/*}*/

/********************************************************
 * Navbar
 ********************************************************/ 
.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: #512d6d;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #512d6d;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background-color: #512d6d;
}
 
/*.navbar-default, .navbar-default .navbar-nav>li>a {*/
/*    background-color: #919A3E;*/
/*}*/

/*.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: #666666;*/
/*}*/

/*.navbar-default .navbar-nav>.active>a:hover {*/
/*    background-color: #666666;*/
/*}*/

/*.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: #666666;*/
/*}*/

@media (max-width: 767px) {
    .uofs-offcanvas-inner .navbar-default .dropdown-menu {
        background: #512d6d;
    }
}
.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: #512d6d;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #512d6d;
    color: #fff;
}

.uofs-page-nav.affix-top .nav>li.active>a {
    color: #512d6d;
}

 /********************************************************
  * Buttons
  ********************************************************/
 a.btn-primary, .uofs-form .btn, #submitFormBtn {
     color: #fff !important;
     background-color: #512d6d;
     border-color: #311c42;
 }
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
     background-color: #3d2252;
 }
 #submitFormBtn:hover, #submitFormBtn:focus, #submitFormBtn:active, #submitFormBtn.active {
     background-color: #3d2252;
 }
 
 
 /*.open .btn-primary.dropdown-toggle {*/
 /*    background-color: #49B5CE;*/
 /*    border-color: #309DB5;*/
 /*}*/
 /* Secondary */
.btn-default  {
    color: #fff !important;
    background-color: #005EB8;
    border-color: #01386d;
 }
 .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #fff;
    background-color: #01498e ;
    border-color: #01386d;
 }
 
 .uofs-cta-list .btn-default:hover, .uofs-cta-list .btn-default:focus, .uofs-cta-list .btn-default:active, .uofs-cta-list .btn-default.active, .navbar-default .btn-default:hover, .navbar-default .btn-default:focus, .navbar-default .btn-default:active, .navbar-default .btn-default.active {
    color: #fff;
    background-color: #01498e;
    border-color: #01386d;
}
 
 .navbar-default .btn-primary, .uofs-jumbotron:not(.uofs-jumbotron-OL-None) .btn-primary, .uofs-prevnext-nav .btn-success {
    background-color: #3d2252 !important;
    border-color: #311c42 !important;
    
}

.uofs-jumbotron:not(.uofs-jumbotron-OL-None) .btn-primary:hover {
    background-color: #512d6d !important;
    border-color: #311c42 !important;
}


.uofs-cta-list .btn-default, .navbar-default .btn-default {
    color: #fff;
    background-color: #005EB8;
    border-color: #01386d;
}
 


 
 
 
 /*.open .btn-default.dropdown-toggle {*/
 /*    background-color: #7272BA;*/
 /*    border-color: #5454AB;*/
 /*}*/
 /* Success */
 /*.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;*/
 /*}*/
 /* Info */
 /*.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;*/
 /*} */
 /* Warning */
 /*.btn-warning {*/
 /*    color: #fff;*/
 /*    background-color: #45458C;*/
 /*    border-color: #3B3B78;*/
 /*}*/
 /*.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {*/
 /*    background-color: #7272BA;*/
 /*    border-color: #5454AB;*/
 /*}*/
 /*.open .btn-warning.dropdown-toggle {*/
 /*    background-color: #7272BA;*/
 /*    border-color: #5454AB;*/
 /*} */
 /* Danger */
 /*.btn-danger {*/
 /*    color: #fff;*/
 /*    background-color: #45458C;*/
 /*    border-color: #3B3B78;*/
 /*}*/
 /*.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {*/
 /*    background-color: #7272BA;*/
 /*    border-color: #5454AB;*/
 /*}*/
 /*.open .btn-danger.dropdown-toggle {*/
 /*    background-color: #7272BA;*/
 /*    border-color: #5454AB;*/
 /*} */
 
 .panel-group .panel-default .panel-title>a, .panel-group .panel-default .panel-title>a.collapsed  {
    color: #512d6d;
}

.uofs-article-section-head:after {
    border-top: 2px solid #512d6d;
}

/*.alert-info .uofs-cta-list .btn-primary {
    color: #0080a7 !important;
}

.alert-info .uofs-cta-list .btn-default {
    color: #fff;
    background-color: #0080a7 !important;
    border-color: #fff !important;
}
 */
 
 
 
 .fa-cls-health, .fa-cls-agriculture, .fa-cls-environment, .fa-cls-materials {
     display: inline;
     padding-left: 1.2em;
 }
 
 .fa-cls-health:before, .fa-cls-agriculture:before, .fa-cls-environment:before, .fa-cls-materials:before{
    content: '';
    position:absolute;
    width:1em;
    height:1em;
    margin-left: -1.2em;
    margin-top: 3px;
}

.fa-cls-health:before{
    background:url('/images/icons/health.png');
    background-size:cover;
}
.fa-cls-agriculture:before{
    background:url('/images/icons/agriculture.png');
    background-size:cover;
}
.fa-cls-environment:before{
    background:url('/images/icons/environment.png');
    background-size:cover;
}
.fa-cls-materials:before{
    background:url('/images/icons/advanced_materials.png');
    background-size:cover;
}

