/* Sticky footer styles
-------------------------------------------------- */

header {
    text-align: center;
    color: #fff;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 500px;
}

header .project{
    text-align: center;
    color: #fff;
    background-attachment: fixed;
   /* background-image: url(./images/bg.jpg);*/
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 500px;
}
.class_time{
      color:#666666;
      font-size: 20px;

    }

.red{
	color:#A41034;
}

.intro-lead-in{
  color:whiteSmoke;
  font-weight: bold;
}

.class_list{
    width:80px;
}

.table{
  width:800px;
}
.title{
  margin:auto;
  width:900px;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  background-color: #fff;
  /*position: relative;*/
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

h1,
h2,
h3,
h4,
h6 {
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
}


h5 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #000;
    margin-top: 0;
    margin-bottom: 2px;
}


.small-padding{
  padding: 40px 0;
}

.class_time{
  color:#666666;
  font-size: 18px;
  padding: 0px 0 10px;

}
.red{
  color:#A41034;
}
.border{
  /*border-left-style: solid;*/
  border-right-style: solid;
}


section{
	padding: 80px 0;
	/*margin-bottom: -60px;*/
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 40px;
}

section h3.section-subheading {
    margin-bottom: 30px;
    margin-top: 10px;
    text-transform: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 200;
}

.bg-light-gray {
	background-color: #f7f7f7;
}

a {
    color: #A41C30;
    target:"_blank" !important;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #0099CC;
	outline-style: none;
}

.btn-info {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
  border-color: #9d211d;
}
.btn-info:active,
.btn-info.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-info:disabled,
.btn-info[disabled] {
  background-color: #c12e2a;
  background-image: none;
}

/* --------------------------------------------
   Buttons
   -------------------------------------------- */

.btn-xl {
    padding: 20px 40px;
    border-color: #cf1b1b;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    /*background-color: #fed136;*/
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #9a1111;
    color: #fff;
    background-color: rgba(238, 0, 0, 0.32);
}

/* --------------------------------------------
   Navbar
   -------------------------------------------- */

.navbar-brand{
	width: 140px;
	background-image: url(../images/header_logo.png);
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 2px;
}
/*@media(max-width:380px) {
	.navbar-brand{
		width: 221px;
		background-image: url(../images/header_logo_short.png);
	}
}*/

.navbar-clear a{
	color:white;
}

.navbar-clear{
}

.navbar-clear li a:hover/*, .navbar-clear li.active a*/{
	background-color:transparent !important;
  color:white;
	padding: 5px 5px 3px 5px;
	margin:10px;
	border-bottom: 2px solid #A41034;
}

.nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav .open>a:visited {
    background-color:transparent !important;
    color:white;
    padding: 5px 5px 3px 5px;
    margin:10px;
    border-bottom: 2px solid #A41034;
}

.dropdown-menu>li>a:hover {
    background-color:white;!important;
    color: black;
    padding:3px 20px;
    margin:0px;
}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
  }
  .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
      display:block !important;
  }
}

/* --------------------------------------------
   Header
   -------------------------------------------- */
header {
    text-align: center;
    color: #000;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: #f4f4f4;
    /*-webkit-filter: brightness(15%);*/
}

@media(min-width:768px) {
    header .intro-text {
        padding-top: 330px;
        padding-bottom: 80px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 80px;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

    header .intro-heading {
        
        margin-top: 90px;
        /*text-transform: uppercase;*/
        font-family: times;
        font-size: 35px;
        color: Gainsboro;
        font-weight: 700;
        line-height: 75px;
    }
    .tag{
      border-top-width: 10px;
      font-size: 30px;
    }

    



    header {
    text-align: center;
    color: #fff;
    background-attachment: fixed;
    /*background-image: url(../images/bg.jpg);*/
    background-color: #181818;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 250px;
}

}

@media(max-width:768px) {
  header .intro-heading {
          margin-top: 50px;
          text-transform: uppercase;
          font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;;
          font-size: 75px;
          font-weight: 700;
          line-height: 75px;
  }
  header {
    text-align: center;
    color: #fff;
    background-attachment: fixed;
   /* background-image: url(../images/bg.jpg);*/
   background-color: #181818;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 400px;
}
}

#research-overview {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px ;
  background: #E0E0E0; 
}

@media (max-width: 440px) {
#research-overview {
		font-size: 18px;
	}

}

/* --------------------------------------------
   Research & Courses
   -------------------------------------------- */

.research-project, .course {
    right: 0;
    margin: 0 0 50px;
    padding: 0 100px;

}

.research-project a, .course a {
	display:block;
	box-shadow: 7px 6px 10px rgba(0,0,0,0.2);
	max-width: 400px;
	margin: auto;
	outline-style: none;
  background-color: #ffffff;
}

.research-project img{
  background-color: #ffffff;
}

.research-project a div{
  color:#f42f2f;
  background-color: #f9f9f9;
}


.research-project a:hover, .course a:hover{
	/*background-color: #fdfdfd;*/
	
box-shadow: 7px 6px 10px rgba(0,0,0,0.4)}


.course a img {
	padding: 30px 20px;
}

.research-project a img {
  height:230px;
  padding: 30px 20px;
}

.research-project a .project-caption:hover{
	text-decoration:none;
	background-color: #ffffff;
	color: #bb3030;
}

.project-caption, .course-caption {
    padding: 15px;
    width:100%;
    text-align: center;
    background-color: #fff;
    height: 90px;
    display:table;
    text-align: center;
}
.project-caption h4 {
	padding: 0;
   margin-top:auto;
   margin-bottom:auto;
   display:table-cell;
        vertical-align:middle;
}

#seas-link, #harvard-link, #daslab-link{
	background-repeat: no-repeat;
	display:block;

	height: 69px;
	margin: 30px auto 25px;
}

@media(min-width:800px) {
	#seas-link {
		background-position-x: center;
	}
}

#seas-link {
  background-image: url(../images/seas_logo.png);
  width: 245px;
}

#harvard-link {
  background-image: url(../images/harvard_logo.png);
  width: 270px;
}

#daslab-link {
  background-repeat: no-repeat;
  display:block;
  height: 75px;
  margin: 30px auto 25px;
  background-image: url(../images/daslab_logo.png);
  width: 200px;
}

#seas-link:hover{
  background-position-y: -72px;
}

#harvard-link:hover{
  background-position-y: -72px;
}

#daslab-link:hover{
  background-position-y: -79px;
}

/* --------------------------------------------
   Footer
   -------------------------------------------- */
footer {
  position: absolute;
  bottom: 1px;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 190px;
  padding: 0;/*20px 0 20px 0; */
  border-bottom: 1px solid #e9e9e9;
  color:#777;
  border-top: 1px solid red;
}

footer .copyright {
	margin:auto;
	text-align: center;
	float:none;
}
footer .lab-info {
	text-align: right;
}

section.top {
	background-color: black;
	margin: 0;
	padding: 0;
}

footer .bottom {
	padding: 20px;
  background:#f4f4f4;
}




/* --------------------------------------------
   Modal
   -------------------------------------------- */

.modal-header {
    padding:17px 15px;
    border-bottom:1px solid #eee;
    background-color: #000000;
    color: #ffffff;
	text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 
.modal {
    top: 10%;
}

.modal-body {
    text-align: center;
}

.modal-footer {
    text-align: right;
}

ul, li {
padding:0;
}

.research-statement{  
  padding-top: 10px;
  padding-bottom: 20px;
}
.classes{
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size:17px;
   text-align: justify;
   margin-top: 20px;
}
@media(max-width:600px){

    .joinusimg{
      text-align: center;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }

    .join-sub-head{
      margin-bottom: 30px;
      margin-top: 10px;
      text-transform: none;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 20px;
      font-weight: 200;
      color:black;
  

    }


    .join-head{
      color:black;
    }
}

@media(min-width:600px){
    .joinusimg{
      text-align: center;
      background-attachment: fixed;
      background-image: url(../images/veritas.jpeg);
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
        /*-webkit-filter: brightness(15%);*/
    }
    


    .join-head{
      color:white;
    }


    .join-sub-head{
      margin-bottom: 30px;
      margin-top: 10px;
      text-transform: none;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 20px;
      font-weight: 200;
      color:white;

    }
  }


td { 
    padding: 10px;
}


@media(max-width:800px){
  .tag{
      font-size: 18px;
    }

    header .intro-heading {
        
        margin-top: 150px;
        /*text-transform: uppercase;*/
        font-family: times;
        font-size: 25px;
        color: Gainsboro;
        font-weight: 700;
        line-height: 50px;
    }

    .intro-heading h1 {
        
        font-size: 28px;
    }

}


/*Accordion stuff*/
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
}
#cssmenu a {
  line-height: 1.3;
}

#cssmenu {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
#cssmenu > ul > li {
  margin: 0 0 2px 0;
}
#cssmenu > ul > li:last-child {
  margin: 0;
}
#cssmenu > ul > li > a {
  background: #666666;
  background: linear-gradient(#cccccc 0%, #cccccc 100%);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #343434;
  display: block;
  font-size: 15px;
  padding: 10px 14px;
  font-weight: bold;
}

#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  background: #A41034;
  background: -webkit-linear-gradient(#A41034 0%, #A41034 100%);
  color: #fff;
  /*border: 1px solid #A41034;*/
}

/* Sub menu */
#cssmenu ul ul {
  padding: 5px 12px;
  display: none;
  overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
max-height: 60vh;
}
#cssmenu ul ul li {
  padding: 3px 0;
}
#cssmenu ul ul a {
  color: #595959;
  font-size: 15px;
  font-weight: bold;
  color: #A41034;
}
#cssmenu ul ul a:hover {
  color: #540707;
}

/*
 * NEW ACCORION STYLE
 */
.accordion {
	 list-style: none;
	 background: #fff;
	 border-radius: 4px;
	 box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	 padding: 1px;
}

.accordion li {
	margin: 2px;
}

.accordion-toggle {
	background: #ccc;
	color: #343434;
	display: block;
	padding: 10px 14px;
	border-radius: 4px;
	font-weight: bold;
	position: relative;
	font-size: 15px;
}

.accordion-toggle:hover {
	background: #ddd;
	color: #666;
}

.active .accordion-toggle {
	background: #A41034;
	color: #fff;
}

.active .accordion-toggle:hover {
	background: #bf1943;
	color: #fff;
}

.accordion-content {
	display: none;
	padding: 24px;
  max-height: 60vh;
  overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

.accordion-content a{
  color:#bf1943;
  font-weight: bold;
}
.accordion-content a:hover{
  text-decoration: none;
  color:maroon;

}

.accordion-toggle:hover{
	text-decoration: none;
}

.accordion-toggle .toggle-icon {
	position: absolute;
	top: 5px;
	right: 13px;
	font-size: 1.5em;
}

/*
 * Project-Details Accordion
 */
 
.project-details h1 {
	font-size: 30px;
} 

.project-details h2{
	color: #A41034;
	font-size: 20px;
	text-transform: capitalize;
}

.project-details .due {
	color: #A41034;
}

.project-details .tip {
	margin: 20px 30px;
	padding: 5px 10px;
	border-left: 5px solid #A41034;
}

.project-details .tip-title {
	color: #A41034;
	font-weight: bold;
}

/**
 * Simple SQL and shell highlighting
 */
 .code.block{
	 display:block;
	 padding:8px 15px;
 }
 
 .shell .prompt {
	 color: forestgreen;
	 font-weight: 600;
 }
 
 .shell .ellip {
	 color:gray;
	 font-family:'Helvetica Neue', Helvetica, Arial;
	 margin-left:50px;
 }
 
.code {
	margin: 0;
	line-height: 125%;
	font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.sql .keyword{
	color: #008800;
	font-weight: bold
}

.sql .const {
	color: #0000DD;
	font-weight: bold
}

#classNum{
  color:#5E0318;
}

.img-header{
     z-index: -1;
}
.inner-text{
  text-align:justify; 
  display:block; 
  font-size:15px; 
  color:#404040;
  font-family: Times;
}

.top-text{
  display: block;
}

table { 
color: #333;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:16px;
border-collapse: 
collapse; border-spacing: 0; 
}

table a{
  color: #F42F2F;
  outline-style: none;
}
table a:hover,
table a:focus,
table a:active,
table a.active {
  color: #990000;
  text-decoration:none;
  target:"_blank";
}

td, th { 
border: 1px solid transparent; /* No more visible border */
height: 30px; 
transition: all 0.3s;  /* Simple transition for hover effect */
}

th {
background: #DFDFDF;  /* Darken header a bit */
/*font-weight: bold;*/
}

td {
background: #FAFAFA;
text-align: left;
}

/* Cells in even rows (2,4,6...) are one color */ 
tr:nth-child(even) td { background: #E0E0E0; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
tr:nth-child(odd) td { background: #FEFEFE; }  

tr:hover { background: #EEE;  } /* Hover cell effect! */

#intro{
  font-size: 40px;
}

.item{
    background: #E0E0E0;    
    text-align: center;
    height: 400px;
}

.carousel{
    margin-top: 20px;
}

.bs-example{
  margin: 20px;
}

.carousel-indicators li {
  background-color: #666666 !important;
}

.carousel-indicators .active {
  background-color: #666666 !important;
}

.text_large{
  font-size: 15pt;
  font-family: "Times New Roman", Times, serif;
  text-align: justify;
}

.crimson{
  color:#A41034;
}

.acc_img{
  width: 80px;
  float: left;
  padding-right: 10px;

}

.acc_img_large{
  width: 150px;
  float: left;
  padding-right: 10px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

ol.plist {
  counter-reset: list;
  padding-left: 15px;
}
ol.plist > li {
  list-style: none;
  display: table-row;
}
ol.plist > li:before {
  content: counter(list) ") ";
  counter-increment: list;
  padding-right:0.5em;
   display: table-cell;
  text-align:right;
}