/* Basic Styling of the header and footer to be used on all pages */

/* purple color #8064a2 */

body{font-family: 'Montserrat', sans-serif !important;}

body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}



    

#header{
	
	 background:linear-gradient(to bottom,#594671 0, #665081 20%, #8064a2 60%, #8064a2 95%, #8064a2  100%);
	 color:#e5e0ec;
	 
-webkit-box-shadow: -2px 5px 17px -3px rgba(0,0,0,0.32);
-moz-box-shadow: -2px 5px 17px -3px rgba(0,0,0,0.32);
box-shadow: -2px 5px 17px -3px rgba(0,0,0,0.32);

}

#footer{
		 background:linear-gradient(to top,#47404f 0, #4f4956 100%);
	 color:#e5e0ec;
	 
	       -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 5px rgba(0,0,0,.8);

          z-index: 100;
	
}

.linkColor{color:#8064a2; cursor:pointer;}

.linkColor:hover{color:#8064a2; cursor:pointer;}

.linkColor:active{color:#8064a2; cursor:pointer;}

.linkColor:visited{color:#8064a2; cursor:pointer;}

.linkFooter{color:#fff; cursor:pointer;}

.linkFooter:hover{color:#fff; cursor:pointer;}

.linkFooter:active{color:#fff; cursor:pointer;}

.linkFooter:visited{color:#fff; cursor:pointer;}

.nav-link{
	color:#8064a2 !important;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	font-size:1.2rem;
	

	
	}

.nav-link:hover{
	color:#fff !important;
	background-color:#8064a2;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	font-size:1.2rem;
	border-radius:20px;
	
	}
	
.currentPage{	color:#fff !important;
	background-color:#8064a2;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	font-size:1.2rem;
		border-radius:20px;
	}	

.lightLine{background-color:#8064a2; border-color:background-color:#8064a2; border-width:2px;}

.heavyLine{color:#e6e6e6;  border-width:2px; border-style:dotted;}

/* responsive typography */

.pubsLists li:not(:last-child) {
    margin-bottom: 10px;
}

.publink{color:#8064a2; font-weight:bold;}

.publink:hover{color:#665081; font-weight:bold; text-decoration:none;}

#lab_title{color:#f2eff5;}

@media screen and (max-width: 775px) {
 
	.headerTitles{font-size:2.1rem; font-family: 'Roboto', sans-serif;
	
	text-shadow: 3px 3px 1px #594671;
	
	}
 
}

@media screen and (min-width: 776px) {
 
 
	.headerTitles{font-size:2.4rem; font-family: 'Roboto', sans-serif;
	   text-shadow: 3px 3px 1px #594671;
	
	}
 
 
 
}

@media screen and (max-width: 500px) {
 
	.headerTitles{font-size:1.4rem; font-family: 'Roboto', sans-serif;}
 
}

/* for the carosel */

  .carousel-inner img {
    width: 100%;
    height: 100%;
  }
  
  .personTitle{color:#594671; }

  .modal-header{}

  .equipment{background-color: #f8f8f8;}


  .equipment:hover{
	  cursor:pointer;
	  color:#000;
	  background-color:#c6bad4; 
	  transform: scale(1.05);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	}

	.card-img-top:hover{}