/** BOOTSWATCH theme SANDSTONE loaded via https://www.bootstrapcdn.com/bootswatch/
 	Selected because of light background, matching primary, secondary colors.
	DO NOT USE success info warning danger colors. 
	OVERRIDE h1 h2 h3 with Arial Black

**/

html {
	font-size: .95rem;
	}
	
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-family: "Arial Black", Gadget, sans-serif; 
	}
h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 1.75rem;
}

h3, .h3 {
  font-size: 1.3rem;
}

h4, .h4 {
  font-size: 1.2rem;
}

h5, .h5 {
  font-size: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
}
	
a { color:#A31F34; } /** is this the best way to change link-color **/

a:active, a:hover, a:visited {color:#475877; text-decoration:none; }

.sandstone, .navbar .nav-link, .btn, .nav-tabs .nav-link, .nav-pills .nav-link, .breadcrumb, .pagination, .dropdown-menu .dropdown-item, .tooltip {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-transform: inherit; }	
	
blockquote {
	margin-bottom: 1rem!important;
	font-size: 1rem!important; }

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 52px;
    right: 24px;
	display: none;
	z-index: 1030;
	background-color: white; }

#banner {
	background: url(../img/banner.jpg) no-repeat left top;
	height:200px;
	background-size: cover; }

#site-title { 
  position: absolute;
  bottom: 260px;
  right: .5rem;	}
	
#mit-dept {
	background-color: none!important;
	position: relative;
	top: -54px;
    right: 0; }

#mit-dept h3 {
	margin-right:1rem;
	font-size: 1.1rem!important; }

#site-nav { 
	position:relative;
	top:-36px;
}

#navbarToggler1 {
	background-color: white!important;
	position: relative;
	top: .5rem;
	right: .75rem; }
	

/* No icon set is being loaded for this site. 
/* Solution adapted from work of Jon Neal
/* https://codepen.io/jonneal/pen/kptBs */
.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.75em;
	left: 0.15em;
	position: relative;
	top: 0.5em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.75em;
}

#footer .jumbotron {
	padding: 1rem 3rem;
    margin: 1rem -2rem 0;
    border-radius: 0; }
	
h4, .h4 { 
  padding: .5em 0;
  background: #fff url(../img/divider.jpg) no-repeat 120px top;  }

thead { border-bottom: 1px solid #475877;}

tr { border-top: 1px solid #ccc; }
	
th, td { padding: .5rem; }
	
thead th { vertical-align: bottom!important; }
	
td { vertical-align: top!important; }

tr:first-child { border-top: none; }

tr.nested {border-top: 1px dotted #ccc; }
	
.num { 
	white-space:nowrap;
	text-align: right; }

.divider_a {
	border-top: 1px solid #ccc;
	background-image: url(../img/divider.jpg);
	background-size: cover; } 
	
@media (min-width: 576px) {
  html {
    font-size: .965rem; }
  #banner {
    height: 240px; }
  #site-title { 
	bottom: 50px; }
  #mit-dept {
	top:-25px; }
  #site-nav { 
	top:-9px; }
}

@media (min-width: 768px) {
  html {
    font-size: .95rem; }
  #banner {
	height:280px; }
  #site-title { 
	bottom: 120px; }	
  #mit-dept {
	top:-80px; }
  #site-nav { 
	top:-48px; }
}

@media (min-width: 992px) {
  html {
    font-size: 1rem; }
  #banner {
	height:350px; }
  #site-title { 
	bottom: 165px; }	
  #mit-dept {
	top:-90px; }
}

@media (min-width: 1200px) {
  html {
    font-size: 1.15rem; }
  #mit-dept {
	top:-110px;}
}

@media (max-width: 575.98px) {
  #banner h1 {
    font-size: 1.75rem; }
  #banner h2 {
    font-size: 1.5rem; }	
  #site-title { 
	bottom: 70px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.42) }
  th,td { display:block; }
  .num { text-align:left; }
  tr.nested td { padding-left: 2em; }
  tr.nested td.num { display:none; }
}

@media (max-width: 575.98px) and (max-height: 375.98px)  {
  #banner {
	height:180px; }
  #site-title { 
	bottom: 50px; }	
  #mit-dept {
	top:-30px;}
  #navbarToggler1 {
	top:2px;}
}