/* Begin: Notes on modifications to foundation.css itself */
/*========================================================*/
/* Begin: Modifications to foundation.css put in here     */
/*========================================================*/
/* notice body is defined as a class so it works because of way .htaccess is set up */
.body0 {
  background: transparent url(../images/wallpaper01.jpg) center center;
  background-attachment: fixed;
  -ms-filter: "alpha(opacity=90)";
  filter: alpha(opacity=90);
  opacity: .90;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.body1 {
  /*background: transparent url(../images/darkblue.png) top left;*/
  background-attachment: fixed;
  background-color: #708090;
  -ms-filter: "alpha(opacity=95)";
  filter: alpha(opacity=95);
  opacity: .95;
}
.body2 {
  /*background: transparent url(../images/mtgbkgr22.png) top left / 5rem 5rem;*/
  /*background: transparent url(../images/darkblue.png) center center;*/
  background-attachment: fixed;
  background-color: #708090;
  -ms-filter: "alpha(opacity=95)";
  filter: alpha(opacity=95);
  opacity: .95;
}
.body3 {
  /*background: transparent url(../images/darkblue.png) top left;*/
  background-attachment: fixed;
  background-color: #708090;
  -ms-filter: "alpha(opacity=95)";
  filter: alpha(opacity=95);
  opacity: .95;
}
.body4 {
  /*background: transparent url(../images/darkblue.png) top left;*/
  background-attachment: fixed;
  background-color: #708090;
  -ms-filter: "alpha(opacity=95)";
  filter: alpha(opacity=95);
  opacity: .95;
}
.body5 {
  /*background: transparent url(../images/darkblue.png) top left;*/
  background-attachment: fixed;
  background-color: #708090;
  -ms-filter: "alpha(opacity=95)";
  filter: alpha(opacity=95);
  opacity: .95;
}
.bodyX {
  background: #D2B48C;
}
/* * * MAT changes * * */
a.mylink {
  color: white;
  font-weight: bold;
}
.undrln {
  text-decoration: underline;
}
.slct {
  font-family: Georgia, Arial, serif;
  font-size: 1rem;
  color: black;
}
.lbl {
  color: navy;
  font-weight: bold;
}
label p.display {
  font-weight: bold;
}
p.boldit {
  font-weight: bold;
}
.grid-container {
  max-width: 1441px !important; /* 1441 = XLARGE screen ; value was 1366px which = 85.375 em*/
  margin: 0 auto;
}
/* reduce text size of table cells - begin */
table th {
  font-size: 90%;
}
table td {
  font-size: 95%;
}
/* reduce text size of table cells - end */
/* dataTables: for sorted/stationary headers */
table.dataTable th {
  border-top: 2px solid black; border-left: 2px solid black; border-right: 2px solid black;
  background: navy;
  color: white;
}
table.dataTable td {
  border: 1px solid #222 !important;
}
/* to turn display area darker - begin */
table tr td {
  background: #eee;
}
.callout {
  border-radius: 15px !important; /* was 3px, makes the curve around callout */
  border: 3px solid gray !important;
  background: #eee;
}
/* to turn display area darker - end */
.optgrp {
  color: red;
}
#toppage { /* top of page button */
  display: none;
  position: fixed;
  bottom: 20px;
  right: 70px;
  z-index: 99;
  font-size: 24px;
  border: none;
  outline: none;
  background-color: green;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}
#toppage:hover {
  background-color: white;
  color: green;
}
#btmpage { /* bottom of page button */
  display: display;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 24px;
  border: none;
  outline: none;
  background-color: blue;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}
#btmpage:hover {
  background-color: white;
  color: blue;
}
/***** mainly for Off Canvas *****/
/* close button on dropdown and canvas */
.close-button {
  color: gray;
}
.close-button:hover, .close-button:focus {
  color: gray;
}
/* button redefined by MAT */
.button.MAT01 {
  background-color: #666;
  color: #eee; }
  .button.secondary:hover, .button.secondary:focus {
    background-color: #bababa;
    color: #0a0a0a;
}
/* Canvas Menu button redefined by MAT */
.button.MATcanvas {
  background-color: white;
  color: navy;
  font-size: 1.2rem;
}
.button.MATcanvas.hollow:hover {
  background-color: navy;
  color: white;
  font-size: 1.2rem;
}
/* Canvas appearance */
.off-canvas-wrapper {
  font-size: 110%; /* use 85% for offcanvasVertical.css */
  background: white;
}
.off-canvas-wrapper ul {
  border-top: green solid 3px; border-bottom: green solid 3px;
}
.off-canvas-wrapper ul > li {
  color: red;
}
.off-canvas-wrapper ul > li > a {
  color: black;
  padding: 10px;
}
.off-canvas-wrapper ul > li > a:hover {
  color: white;
  background: blue;
}
.off-canvas-wrapper p {
  font-size: 90%;
  border: 1px red solid;
}
/* Accordion appearance for Off-Canvas */
.accordion-title {
  font-size: 1rem;
  color: red !important;
  background-color: #eee !important;
}
.accordion-title:hover, .accordion-title:focus {
  color: green !important;
  background-color: #ccc !important;
}
/* thumbnail redefined by MAT */
.thumbnail.MAT01 {
  margin-bottom: 0rem;
  border: none;
  border-radius: 0px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
/* End:   MAT additions                                   */