/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

/* TO DO */
/*  
   Make sidenav trigger always available to close
   Make padding better at medium size so sidenav isn't on top'*/
html {
    color: #37474f;
} 
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 62.5%;
    color: #37474f;
}
header, main, footer {
    padding-left: 275px;
  }
  @media only screen and (max-width : 992px) {
    header, main, footer {
      padding-left: 0;
    }
  }

.card {
    color: #37474f;
}



/* Side Navigator */
/* Blank Space above menu */
.topOfNavBar {
height: 65px;
background-color: transparent;
}
/* Page Links  */
.sidenav-fixed li>a {
  padding: 0px 0px 0px 20px; 
    text-align: left;
}


.sidenav-trigger {
    color: #e0e0e0;
    font-size: 40pt;
}  
.sidenavBarBackground {
background: url("../images/background1v2.jpg") no-repeat center center;
background-size: cover;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
width: 275px;
min-height: 100%;}


/* Splash color */
.waves-effect.waves-black .waves-ripple {
   /* The alpha value allows the text and background color
   of the button to still show through. */
background-color: rgba(33, 33, 33,.5);
  }
.waves-effect.waves-aqua .waves-ripple {
   /* The alpha value allows the text and background color
   of the button to still show through. */
background-color: rgb(55,71,79,0.5);
  }   
.waves-effect.waves-green .waves-ripple {
   /* The alpha value allows the text and background color
   of the button to still show through. */
background-color: rgb(0,77,64,.5);
  }

.waves-effect.waves-brown .waves-ripple {
   /* The alpha value allows the text and background color
   of the button to still show through. */
background-color: rgb(78,52,46,.5);
  }




/*Body of Website */
/*First page */

.title-text {
    font-family: 'roboto'; 
    letter-spacing: 6px;
    margin: auto;
    padding: 10px;
    font-weight: bolder;
    color: #e0e0e0;
    font-size: 400%;
}
.animate {
    font-family: 'Waiting for the Sunrise', cursive;  
    letter-spacing: 6px; 
    font-size: 300%;
    font-weight: light;
    color: #eeeeee ;

}


/*second page */
.subtitle-text {
    letter-spacing: 8px;
    font-weight: bolder;
    color: #e0e0e0;
    font-size: 200%;
    font-family: roboto;
}
.subsubtitle-text {
    letter-spacing: 8px;
    font-weight: normal;
    color: #e0e0e0;
    font-size: 200%;
    font-family: roboto;
    text-align: inherit;
}
.portionOfInterest {
    padding-bottom: 10%;
    padding-top:1%
}

.Home {
    height:120vh;
    background-color: #212121; 
    text-align: center;
}
.Projects {
    background-color: #37474f;
}
.learning {
    background-color: #004d40;
}
.Technology {
    background-color: rgb(78,52,46);
}
.CV {
  background-color: #006064;  
}

.PastProjects{
  background-color: #1a237e;  
}
.publications{
  background-color: #1a237e;  
    color: white;
}
.publication-text{
    font-size: 180%;
}
.publication-text span{
    color: red;
    font-weight: 1000;
}

.secondBullet span{
    color: red;
    font-weight: 1000;
}



.icon-block .material-icons {
  font-size: inherit;
}


/* cards */
.card-reveal p {
    font-size: 150%;
    text-align: left;
    line-height: normal;
}


.cardb {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px;
    background-color: white;
    border-radius: 10px 10px 10px 10px;
    margin: 1rem 1rem 0px 0px;  
}
.cardb:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

img {
    border-radius: 0px 0px 0px 0px;
    background-color: white;
}

.cardContainer {
    padding: 0px 5px 5px 5px;
    text-align: center;
    background-color: white;
    border-radius: 0px 0px 0px 0px;
}
.cardContainer a{
    color: black;
}


.firstBullet{
    margin-left: 2%;
    font-size: 100%;
    font-weight: bolder;
}
.secondBullet{
    margin-left: 2%;
    font-size: 95%;
}
.thirdBullet{
    margin-left: 6%;
    font-size: 85%;
    font-weight: normal;
}

.secondBullet a {
    color: #212121;
    font-weight: bold;
}
.collapsible-header {
    padding: 5px 0px 5px 40px;
    font-size: 130%;
}
.collapsible {
    color: #424242;
    background-color: #eeeeee;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 180%; }

.collapsible-body {
    padding: 3% 0px 3% 1%;
}
 
  body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }