/* Begin: Notes on modifications to foundation.css itself */
/* There probably should not be any.
/* End:   Notes on modifications to foundation.css itself */
/*========================================================*/
/* Begin: Modifications to foundation.css put in here     */
body {
  /*background: transparent url(../images/whiteclouds.jpg) top left repeat;*/
  background: #B0C4DE; /* could be same color as icon bar */
}
.row {
  max-width: 95%; /* make all rows width of screen they are on, overlays max-width: 71.25em; */
}
.panel.radius {
  border-radius: 15px; /* makes panel have more rounded edges */
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
  margin: 0; }
h1 {
  font-size: 1.875rem; }

h2 {
  font-size: 1.50rem; }

h3 {
  font-size: 1.25rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: 1rem; }

h6 {
  font-size: 1rem; }
/* reduce size of text in information area in each page */
ul.reducetextsize > li {
  font-size: 85%;
}
/* change text on submit buttons on pages  */
.button.round.btntext, .button.round.btntext {
  font-weight: bold;
  color: navy;
}
.icon-bar {
  background: transparent url(../images/blueclouds.jpg); /* background color of icon bar area, could be same as body color */
}
.icon-bar > *:hover {
  background: white; /* background color of icon bar area hovered over */
}
.icon-bar > .item { /* changes link color in icon-bar because I removed <label> in HTML code */
  color: navy;
  font-weight: bold;
}
.icon-bar > * { /* this makes icon bar a little more compact */
  padding: 0.4rem; /* vice 1.25rem */
}
i.size {
  font-size: 1.1rem; /* change size of icon on icon-bar, this makes it small */
  color: blue;
  margin-left: 10%;
}
/* End:   Modifications to foundation.css put in here     */
/*========================================================*/
/* Begin: MAT additions                                   */
h1.head1, h2.head1 {
  text-align: center;
  color: white;
  font-weight: bold;
  margin-bottom: 1rem;
}
h1.head1 a {
  color: white !important;
  text-decoration: none;
}
h1.head2, h2.head2 {
  text-align: left;
  color: navy;
  font-weight: bold;
}
p.infobody {
  color: navy;
}
.highlitetext {
  color: green;
  font-weight: bold;
}
.selresult {
  background: #6495ED;
  color: white;
  font-weight: bold;
  padding: 5px;
}
#footer {
  background: url(../images/blueclouds.jpg); /*use #141736 for default color if want to match across*/
  background-repeat: repeat; /*use repeat so sticky footer looks good on small devices*/
  background-position: 50% 0%; /*use these values so sticky footer looks good on small devices*/
  padding: 0px 0; /*add padding to top and bottom of footer area - was 30px 0 but removed for sticky*/
  height: 100px; /* the actual height of the footer background image*/
}
#footer p { color: #222222; margin-top: 1.25rem; font-size: 90%; } /*margin-top now equals margin-bottom in foundation.css*/
#footer a { color: #666666; }
#footer a:hover { color: #6495ED; }
/***** TABLE re-definitions - begin (some are from foundation.css and some from resptables.css *****/
table tr td {
  font-size: 95%;
}
/* even row colors */
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #eeeeee;
}
/* odd row colors */
table tr.even, table tr.alt, table tr:nth-of-type(odd) {
  background: #ffffff;
}
/* header color */
table th {
  background: #ccc; /* gray */
}
/* row and column outline and text allignment */
table th, table td {
  border: 1px solid black !important; /* rows and columns have a thin black outline */
  text-align: center !important; /* rows and column text is centered */
}
table th.lft, table td.lft {
  text-align: left !important; /* rows and column text is centered */
}
/* these are for the total rows -  begin */
table tr.rowbkgr1 td {
  background: #6495ED;
}
table tr.rowbkgr2 td {
  background: #ADD8E6;
  color: #222222;;
  font-weight: bold;
}
/* these are for the total rows -  end */
th.highlitebkgr, td.highlitebkgr {
  background: #EBEBFF;
  font-weight: bold;
}
table tfoot tr th,
table tfoot tr td {
  font-size: 1rem; /* 0.875rem in foundation.css*/
}
th.currency,
td.currency {
	text-align: right !important;
  font-weight: bold; /* added for FoilChange and removed them from low, med, high (redundant) */
}
/* these are for the low, med and high backgraound colors on the columns (<td>  */
th.low, td.low {
  background: #FFE8E5;
}
th.med, td.med {
  background: #D8ECF3;
}
th.high, td.high {
  background: #DBFFDB;
}
/***** TABLE re-definitions - end *****/
/* End:   MAT additions                                   */