.statabtn-dark {
	background-color: #033560; 
	border-color: #033560;
}

.statabtn-dark:hover {
	background-color: #135F90; 
	border-color: #135F90;
}

.statabtn {
	background-color: #135F90; 
	border-color: #135F90;
}

.statabtn:hover {
	background-color: #033560; 
	border-color: #033560;
}

.newContainer{
	background-color: #CDE5FB; 
	border: 5px; 
	border-style: solid; 
	border-color: #CDE5FB; 
	margin-top: 0.5rem; 
	margin-bottom: 0.5rem
}

.newFeature {
	background-color: white; 
	border: 5px; 
	border-style: solid; 
	border-color: #CDE5FB; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	color: #033560
}

.newFeature > a {
	text-align: center; 
	color: #033560; 
	font-family: sans-serif; 
	font-size: 1.5rem; 
	font-weight: lighter; 
	text-decoration: none
}

.newModalText {
	font-family: sans-serif; 
	font-size: 0.9rem; 
	font-weight: lighter;
	color: #022039; 
}

.newFeatureImage {
		display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;
}

.stataCmd{
	font-family: monospace;
	font-size: normal;
	color: #000000;
}

.text-block {
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}


.blurbs {
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: solid;
  border-bottom-color: #145E8F;
  border-bottom-width: 3px;
}

.graph-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background-color: #FFFFFF;
  padding: 10px;
}

.graph-grid-item {
  padding: 0.25rem;
}

.platform-block {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #162338;
  opacity: 0.95;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
}

.platformText {
	padding-top: 1rem;
	font-family: sans-serif;
	font-weight: lighter;
}


.blockImage {
	width: 90%;
}


.stataheader-dark {
		background-color: #222934; 
		padding-top: 1rem; 
		padding-bottom: 2rem;
		color: #FFFFFF;
		font-family: sans-serif;
		font-weight: lighter;
}

.stataheader-dark a {
		color: #FFFFFF;
}

.stataheader-light {
		background-color: #FFFFFF; 
		padding-top: 1rem; 
		padding-bottom: 2rem;
		color: #222934;
		font-family: sans-serif;
		font-weight: lighter;
}

.bannerPhoto {
		display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;
}

.bannerLogo {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		padding-top: 0rem;
		padding-bottom: 0rem;
}

@media only screen and (min-width: 601px){
.user-block {
  position: absolute;
  bottom: 40px;
  left: 0px;
  background-color: #145E8F;
  opacity: 0.9;
  color: white;
  padding: 20px;
}
}
@media only screen and (max-width: 600px){
.user-block {
  position: absolute;
  top: 5px;
  left: 0px;
  background-color: #145E8F;
  opacity: 0.9;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
}
}

#summary .btn-link {
	color: #033560
}

.mp-img {
	width:40%;
	background: #033560;
	padding: 1rem;
	border-radius: 1rem;
}

.mp-table th {
	background-color: #033560; 
	color: #fff;
	border: solid 1px #fff;
}

.mp-table td {
	color: #033560;
	border: solid 1px #fff;
}