@import url(//fonts.googleapis.com/css?family=Source+Sans+3);
/* All screen sizes */
 body {
     font-family: "Source Sans 3", sans-serif !important;
     font-optical-sizing: auto;
     font-style: normal;
}
 main {
     background-color: #fff;
     border-bottom: 1px solid #350608;
    /* overflow: hidden;
     Accessibility issue? */
}
 a {
     color: #3243dc;
     text-decoration: underline;
}
 ul.link-list a, ol.link-list a, a.btn {
     text-decoration: none;
}
 a:hover {
     color: #2d5072;
     text-decoration: underline;
}
/* Headlines */
 h1, h2, h3, h4, h5, h6 {
     color: black;
     font-family: "Source Sans 3", sans-serif;
     font-weight: normal;
}
 h1 {
     font-size: 2rem;
     font-weight: 700;
}
 h2 {
     font-size: 1.75rem;
     font-weight: 600;
     line-height: 2rem;
     color: #182B49;
     padding: .5em 0 .25em 0;
}
 h3 {
     font-size: 1.25rem;
     font-weight: 600;
     line-height: 1.5rem;
     color: #182B49;
}
 h4 {
     font-size: 1.1rem;
     font-weight: 600;
     line-height: 1.5rem;
     text-transform: uppercase;
     color: #182B49;
}
 h5 {
     color: #182B49;
     font-size: 1.1rem;
     line-height: 1.2rem;
     font-weight: 600;
}
 h6 {
     font-size: 1rem;
     line-height: 1.1rem;
     font-weight: 700;
     color: #182B49;
}
 #page-title.gradient h1 {
     color: white;
     padding: 40px 0;
     text-transform: uppercase;
}
/* Header - all pages */
 #header {
     background-color: white;
    /* border-bottom: 4px solid #c69214;
     */
     width: 100%;
}
 #header-inner {
    /* background-image: url(../images/web-header-bg.jpg);
     */
    /* background-image: url(https://business.sdsc.edu/assets/images/web-header-bg.jpg);
     */
    /* background-repeat: no-repeat;
     */
     margin: 0 auto;
     max-width: 1170px;
}
 #header-inner a {
     text-decoration: none;
}
 #title, #title-nav {
     justify-content: space-between;
}
 #menu, #menu-nav {
    /* background-color: #d31820;
     */
}
 #title, #menu {
    /* width: 100%;
     */
}
 #title-nav, #menu-nav {
    /* margin: 0 auto;
     max-width: 1170px;
     */
     padding: .25em 1em;
}
 #title .navbar-brand, #main-brand, #sub-brand, #nav-primary li>a, #nav-primary>a {
     color: black;
     font-family: "Tauri", sans-serif;
     text-transform: uppercase;
}
 #nav-primary>a {
     font-size: 1em;
}
 .navbar-brand {
     padding-bottom: 0;
     padding-top: 5px;
}
 #main-brand {
     font-size: 1.3em;
}
 #sub-brand {
     display: block;
     font-size: .7em;
     letter-spacing: .05em;
}
 .no-cap {
     text-transform: lowercase;
}
 #sdsc-brand {
     display: flex;
     justify-content: flex-end;
     text-align: right;
}
 #nav-primary .dropdown-menu {
     background-color: #183B49;
}
 #nav-primary .dropdown-menu a {
     background-color: #183B49;
     color: white;
}
 #nav-primary .dropdown-menu a:hover {
     background-color: #444;
     text-decoration: underline;
}
 .dropdown-toggle::after {
     display:none 
}
/* Footer - all pages */
 #footer {
     color: black;
     text-align: center;
}
 #footer p {
     font-size: .8em;
     margin: 0;
}
 #footer a {
     color: black;
     text-decoration: underline;
}
/* Home Page Content */
 #home-body {
    /* background-color: black;
     background-image: linear-gradient(to right, black, #182b49, black);
     */
}
 #home-main, #home-bottom {
     border-bottom: none;
     text-align: center;
}
 #home-body #footer, #home-body #footer a {
     color: white;
}
/*#home-main a, #home-bottom a {
}
*/
 #home-main {
     background-color: transparent;
}
 #top-content>div {
     margin-top: 20px;
}
 #top-content .headline {
     display: block;
     font-weight: bold;
}
 #audiences>div {
     padding: 10px;
}
 #audiences a {
     text-decoration: none;
}
 #audiences a:hover {
     text-decoration: underline;
}
#audiences p {
    margin-bottom: 0;
}
 #audiences .aud-box {
     background-color: white;
     border: 2px solid #747678;
     border-radius: 10px;
     height: 100%;
     padding-bottom: 1em;
}
 #audiences .aud-box p.more {
     bottom: 0;
     left: 0;
     margin: 15px auto;
     position: absolute;
     right: 0;
}
 #audiences .aud-box p.teaser {
     font-style: italic;
     font-size: .7 rem;
     margin: 0;
}
 #audiences .aud-box p.teaser::before {
     content: "(";
}
 #audiences .aud-box p.teaser::after {
     content: ")";
}
 #audiences .aud-box li {
     text-align: left;
}
 #audiences .aud-img {
     width: 100%;
}
#audiences .icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #f5f0e6;
    margin: 16px 0;
}
#audiences .icon-circle i {
    font-size: 2rem;
}
 #audiences .aud-icon {
     background-position: center;
     background-repeat: no-repeat;
     height: 40px;
     position: relative;
     top: -20px;
     width: 40px;
}
 #aud_staff .aud-icon {
     background-color: #e97310;
    /*#c7862a;
    */
     background-image: url("/assets/images/conference-24.ico");
}
 #aud_pi .aud-icon {
     background-color: #6e963b;
    /*#97b64b;
    #8cd066;
    */
     background-image: url("/assets/images/research-24.ico");
}
 #aud_cust .aud-icon {
     background-color: #0c9fb1;
    /*#7298d0;
    */
     background-image: url("/assets/images/handshake-24.ico");
}
 #aud_bfs .aud-icon {
     background-color: #ffcd00;
    /*#8d72d0;
    */
     background-image: url("/assets/images/combo-24.ico");
}
 #audiences .aud-link {
     font-weight: bold;
}
 #aud_staff .aud-link {
     color: #7e3f02;
    /*#6d4a17;
    */
}
 #aud_pi .aud-link {
     color: #3A6207;
    /*#455323;
    */
}
 #aud_cust .aud-link {
     color: #005667;
    /*#3f5372;
     #01444c*/
}
 #aud_bfs .aud-link {
     color: #7F4D00;
    /*#5a4985;
    #4d3d00;
    */
}
 #aud_bfs h3 {
     background: url("/assets/images/icon_lock.png") no-repeat scroll transparent;
     background-position: 15% 0;
     background-size: 16px;
}
 #home-bottom {
    /* margin-top: 20px;
    */
     padding: 10px 0;
}
 #home-bottom>div {
     background-color: white;
     border: 2px solid #747678;
     border-radius: 10px;
     margin: 0 10px;
     padding-top: 20px;
}
 #home-bottom>div hr:last-of-type {
     display: none;
}
 .contact_list .row {
     border-bottom: 1px solid #c8c4be;
     margin-bottom: 2px;
     margin-top: 2px;
}
 .contact_list .grid-head {
     font-weight: bold;
     font-size: 20px;
}
 .contact_list .grid-subhead {
     font-weight: bold;
     font-size: 18px;
}
 td.subleader, div.subleader {
     padding-left: 30px;
}
 td.sub2leader, div.sub2leader {
     padding-left: 60px;
}
 .sr-only {
     visibility: hidden;
}
/* Medium screens and up */
 @media screen and (min-width:768px) {
     #nav-primary li {
         margin: 0 30px 0 15px;
    }
     #nav-primary li:first-child {
         margin: 0 30px 0 0;
    }
     #nav-primary li:last-child {
         margin: 0 45px 0 15px;
    }
}
/* Extra small screens and down */
 @media (max-width: 575.98px) {
     #sub-brand {
         display: none;
    }
     #logo-wrapper {
         display: block;
         width: 100%;
    }
     #sdsc-logo {
         float: right;
    }
}
/** CSS Gradient **/
 .gradient {
     background: linear-gradient(270deg, #006298, #5D8132, #006298);
     background-size: 800% 800%;
     -webkit-animation: AnimationName 40s ease infinite;
     -moz-animation: AnimationName 40s ease infinite;
     animation: AnimationName 40s ease infinite;
}
 @-webkit-keyframes AnimationName {
     0% {
         background-position: 0% 50% 
    }
     50% {
         background-position: 100% 50% 
    }
     100% {
         background-position: 0% 50% 
    }
}
 @-moz-keyframes AnimationName {
     0% {
         background-position: 0% 50% 
    }
     50% {
         background-position: 100% 50% 
    }
     100% {
         background-position: 0% 50% 
    }
}
 @keyframes AnimationName {
     0% {
         background-position: 0% 50% 
    }
     50% {
         background-position: 100% 50% 
    }
     100% {
         background-position: 0% 50% 
    }
}
/*Colors*/
.ucsd-blue {
    color: #00629B;
}
.ucsd-yellow {
    color: #FFCD00;
}
.ucsd-green {
    color: #6E963B;
}
.ucsd-turquoise {
    color: #00C6D7;
}
.ucsd-gold {
    color: #C69214;
}
.ucsd-gray {
    color: #747678;
}