/* Basic style for Eyerounds  */


/* Styles for the Headers and Footers */

/*general Link color*/

 a{color:#007bff  !important;}
 

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

body{
  font-family: 'Roboto', sans-serif;

  }

/* overrule the fonts from bootstrap */
.navbar, .card, h1,h2,h3,h4,h5,h6,p {
font-family: 'Roboto', sans-serif;
}

/* {font-family: 'Roboto', sans-serif;} */

/*Announcment of tracking*/

#advanced_search_header a{

  color:#FFF !important;
  display: block;
}

#advanced_search_header:hover a{

  color:#ffcd00 !important;
  text-decoration: block;

}


.card-deck {
    width: 100% !important;
}

.card-img-top{height:100%;}

/*change font color of div holding the nav bar */

/* .navbar {box-shadow:  0 4px 2px -2px rgba(0,0,0,.2);  width:100%;  margin-bottom:1rem;} */


#announcment_bar{
background-color:#444;
color:#e4e4e4;
text-align:center;
}
#announcment_bar a{Color:#FCDF97;}

/* top portion black bar */

#dropdownSections{color:#fff !important;}


#topBranding{
	
	background-color:#000;
	color:rgba(255,205,0,1.0);
	
}

.tutorialTextHeaders{
	font-size:2rem;
	
}

.inlineBlue{
	color:rgba(72, 135, 187,1)
	
}

/*responsive video container to wrap any video in */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video-responsive video{
	    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	
}

#brandingBanner{
		background-color:#fff;
	
	
}

hr{  border: 0;
    height: 1px;
background: #007bff;}
   


.cc_img{max-height:35px;}

/* search area */
.searchBtnText{
	
	color:rgba(255,205,0,1.0);
	
}




/* Univ Logo, branded in yellow, responsive */
#topLogo{
	
  
	max-height:80px;
	
	
}

#ui-search {max-width:320px;
float:right;
}

/*EyeRounds Branding */

.deptText{font-size:1.0rem;}

#eyeroundsLogo{max-height: 50px;}

/*navigation controls */

.nav-link{
		font-size:1.1rem;
		color:#000 !important;
}

.nav-link:hover{
		font-size:1.1rem;
		color:#FFF !important;
		background-color:#444;
		/* border-radius:10px; */
}


/*carosuel*/

  .carousel-inner img {
	  
    width: 100%;
    height: 100%;
	
  }

/*Icons*/

.customIcon{
	
	color:#000;
	padding:25px;
	background-color:#D3D3D3;
	border-radius:50%;
	
}

.customIconV2{
	
	color:#FFF;
	padding:25px;
	background-color:#292929;
	border-radius:50%;
	
}

.customIconV2:hover{
	
	color:rgba(255,205,0,1.0);
	padding:25px;
	background-color:#292929;
	border-radius:50%;
	
}

.bottomLinks{
	border-bottom-style:solid;
	border-bottom-color: #225c69;
	/* border-bottom-size:2vh; */
	
}



.bottomLinkList{

  list-style-type: none;
  margin: 0;
	padding:0;

}

/* social media */


.sm_images:hover{cursor:zoom-in;}

.adobeBtn{
		text-align: center;
  text-decoration: none;
  padding:5px;
	  background: #cb2027;
  color: white !important;
}

.adobeBtn:hover{background-color:#000;}

.facebook {
	text-align: center;
  text-decoration: none;
  padding:5px;
  background: #3B5998;
  color: white !important;
  display: none;
}

.facebook:hover{background-color:#000;}

.twitter {
  /* display: none; */
	text-align: center;
  text-decoration: none;
  padding:5px;
  background: #55ACEE;
  color: white !important;
  display: none;
}

.twitter:hover{background-color:#000;}

.printSocialBtn{
			text-align: center;
  text-decoration: none;
  padding:5px;
    background: #dd4b39;
  color: white !important;
}

.printSocialBtn:hover{background-color:#000;}

.mail{  background: #00b489;
  color: white !important;
  			text-align: center;
  text-decoration: none;
  padding:5px;}

.mail:hover{background-color:#000;}

/*footer*/

#footer{background-color:#000;
	color:#fff;
}

#footer .fa-facebook {
  background: #000;
  color: #fff;
}

#footer .fa-twitter-square {
  background: #000;
  color:  #FFF;
}

#footer .fa-instagram {
  background: #000;
  color: #fff;
}

#footer .fab {

  text-align: center;
  text-decoration: none;
  padding:5px;
  border-radius:25%;

}

#footer .fab:hover {
    /* opacity: 0.7; */
	color:rgba(255,205,0,1.0);;
}

.footerText{font-size:.8rem;}

.footerLink{color:#fff !important;}

.iconWords{text-decoration:none;}


.icon-bar {

 padding:10px;
 background-color:#FFF;


  
}

.icon-bar a {
 
  text-align: center;

  transition: all 0.3s ease;
  color: white;
  font-size: 1.4rem;

}

.icon-bar a:hover {
  background-color: #000;
  color:#fff;
}



.toggleBtn{
	  background: #000;
  color: white;
}

.printSocialBtn{
	
	  background: #196F3D     ;
  color: white;

	
}

html {
    visibility: visible;
    opacity: 1;
}

/* for the cases pages */

#esst{border: 2px solid #336699; margin-top:5%; width:90%; margin-bottom: 2%;}

#esst tr{vertical-align: top;}

#esst td{width:50%;}

#esst td, th {border: 1.5px solid #336699;padding: 0.5rem;}