/*!
 * Add custom css for this site here:
 */
 
main {
    border-top: 4px solid #d2d3d3;
    padding-bottom: 50px;
}
 /*home page by the numbers*/
.bythenumbers {
    position: relative;
    background: url(http://www.cs.niu.edu/crcd/images/supercomputer.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 450px;
    margin-top: 0em;
}

/* 
   .bythenumbers .container > div:nth-child(4) span:before {
    content: '$';
}
*/

.bythenumbers h2 {
    display: flex;
    flex: 0 0 100%;
    padding: 0 2em;
}

.bythenumbers p {
    color: #FFF;
}

.count, .counted, .rowCount {
    font-size: 100px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
}
/*
.rowCount > p{
    color: #fff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    
}
*/

.rowCount p {
    color: #fff;
    font-size: 40px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}



.page-link,
.page-link:hover {
     color: #c8102e;
}

code {
    padding: 2px 4px;
    font-size: 90%;
 /*  color: #000000; */
 /*    background-color: #f9f2f4; */
    color: brown;
    border-radius: 4px;
}

codeout {
    padding: 2px 4px;
    font-size: 90%;
 /*  color: #000000; */
 /*    background-color: #f9f2f4; */
    color: #000000;
    border-radius: 4px;
}


.navbar-brand h1 {
    color: #000;
    font-size: 1.5rem;
    width: 578px;
    font-family: 'LucidaBri-Dem', serif;
    font-weight: 400;
    line-height: 1.6rem;
    padding-top: 3px;
}

code, kbd, pre, samp, codeout{
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

.bythenumbers h2 {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    text-shadow: 1px 1px 2px #000;
}

figcaption{
    font-size:.8em;
    margin:10px 0;
}

 
.carousel-indicators {
    position: absolute;
    margin: 0;
    left: 79%;
    top: 12%;
    width: 15%;
}
.carousel-inner{
    overflow: visible;
}
 .carousel-caption{
	 background-color:#c8102e;
	 padding: 1em;
	 bottom: inherit;
	 text-align: left;
	 overflow: visible;
	 top:10%;
	 z-index:1010;
}

td a {
    color: #555;
    text-decoration: none;
    border-bottom: 1px dotted #c8102e;
    padding-bottom: 0px;
}

td a:hover, td a:focus, td a:active{
    color: #444;
    text-decoration: none;
    border-bottom: 1px dotted #a5a7a8;
}

ol.pubs li {
    margin-bottom:1em;   
}

.ug {
    color: #ff8900;
}

.grad {
    color: #cc2222;
}
.navbar-nav>li>ul.dropdown-menu {
    right: 0;
    left: auto;
}

/* Google Custom Search */
main .gsc-search-button-v2 {
    padding: 9px !important;
    margin-top: 0 !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 1rem 1rem 1rem 0 !important;
}
main .navbar-form {
    margin: 0 0 20px 0;
}
main .navbar-form div {
    max-width: 75%;
}
input#searchCRCD {
    max-width: 100%;
    border-right: 0;
	border-radius: 0;
}
main .navbar-form button {
    border-left: none !important;
    border: 1px solid #ced4da;
    padding: 9.5px 15px;
}
main .navbar-form button:hover {
	border-left: none !important;
	border: 1px solid #ced4da;
}

@media (min-width:992px) and (max-width:1199px){
.count, .counted, .rowCount {
    font-size: 70px;
}
}

@media (max-width:991px){
.count, .counted, .rowCount {
    font-size: 60px;
}
}