/*************************************************************
   The Basic Text Formats
 **************************************************************/
body {
  background-color: #330000;
  font-family: "Roboto", sans-serif;
  font-size: 100%;
  color: #ffffff;
}

p {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  margin-right: 0.8rem;
  line-height: 1.25;
}
h1 {   
  font-family: 'Vollkorn', serif;
  font-size: 2.5rem;
  color: #ffffff;
	padding-top: 0.5rem;
        padding-bottom: 1rem;
	margin-right: 0.8rem;
  font-weight: 600;
}
h2 {
  font-family: 'Vollkorn', serif;
  font-size: 1.8rem;
  color: #ffdead;
	padding-top: 0.6rem;
	margin-right: 0.8rem;
  font-weight: 600;
}
h3 {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  color: #ffff00;
	padding-top: 0.6rem;
	margin-right: 0.8rem;
}
h4 {
  font-family: "Roboto", sans-serif;
  font-size: 1.3rem;
  color: #ffe4b5;
	margin-right: 0.8rem;
}
a {
  color: #0000ff;
}
a:hover {
  color: #9ff3ff;
}
ol, ul {
  color: #ffffc0;
}
ol span {
  color: #eeeeee;
}
li {
  margin-bottom: 6px;
}

/*************************************************************
   My Database Results
 **************************************************************/
.resultyellow {
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  color: #ffff00;
  padding-top: 0.6rem;
  margin-right: 0.8rem;
}
.table-results tbody {
  max-width: 720px;
  color: #ffffff;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: #666633;
  font-size: 0.9rem;
  font-weight: 400;
}
.table-results thead th {
  vertical-align: top;
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
}
.table-results th {
  background-color: #36413a;
  color: #ffdead;
  text-align: left;
  font-size: 0.8rem;
}
.table-results td {
  vertical-align: top;
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
  color: #ffffff;
  text-align: left;
  font-size: 0.8rem;
}
.table-results a {
  color: #9FF3FF;
  text-align: left;
  font-size: 0.8rem;
}
.table-results a:hover {
  color: #ffffff;
  text-align: left;
  font-size: 0.8rem;
}

@media screen and (max-width: 800px){
  .priority-4{
    display:none;
}}

@media screen and (max-width: 768px){
  .priority-4{
    display:none;
}
  .priority-3{
    display:none;
}}
	
@media screen and (max-width: 565px){
  .priority-4{
    display:none;
}
  .priority-3{
    display:none;
}
  .priority-2{
    display:none;
}}

/* Unused classes
.resultblack {font-size: 0.9rem; font-weight: 400; color: #000000}
.resultwhite {font-size: 0.8rem; font-weight: 400; color: #ffffff} */
/*************************************************************
   My Paragraphs
 **************************************************************/
.quote {
  color: #ffdead;
	position: relative;
  margin-right: 3rem;
  margin-left: 1.2rem;
}

.yellow {
  color: #ffff00;
}

.photocaption {
	color: #ffff00;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
	margin-top: 0.25rem;
	margin-left: 0.7rem;
	margin-bottom:0.7rem;
}

figure {
float: right;
max-width: 360px;
height: auto;
padding-left: 1.25rem;
}

figcaption {
	color: #ffff00;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
	margin-top: 0.25rem;
	margin-left: 1rem;
	margin-bottom:0.7rem;
}

.introduction {
        background-color: #556B2F;
	margin-top: 10px;
	Padding-top: 10px;
}
/**************************************************************
   My Blockquote and included icons
 **************************************************************/
.info {
  color: #ffffff;
  max-width: 680px;
  border-top: 2px solid #bdb76b;
  border-right: 2px solid #85855c;
  border-bottom: 2px solid #85855c;
  border-left: 6px solid #bdb76b;
  margin: 0 0 1rem;
  padding: 0.25rem 0.25rem 0.25rem 1rem; /*top right bottom left */
  background-color: #005229;
}
/* .info::before {
  content: "i";
  font-family: 'Vollkorn', serif;
  text-align: center;
  color: #ffff00;
  font-size: 1rem;
  font-weight: 600;
  padding-left: 1.25rem;
  padding-bottom: 0.10rem;
  display: inline-block;
  border: 1px solid #ffff00;
  background-color: #0000ff;
  position: relative;
  left: -0.5rem;
} */

/*************************************************************
   The Header Photo Bar
 **************************************************************/
.photohead {
  background-color: #006633;
}
.weblogo{
  padding-bottom: 0.5rem
/*  max-width: 100%;
  height: auto; */
}
@media all and (max-width: 768px) {
.weblogo {
  max-width: 360px;
}
}
@media all and (max-width: 600px) {
.weblogo {
  max-width: 240px;
}
}

/* If the screen size is 768px wide or less, hide the photo */

@media screen and (max-width: 768px) {
.orchard {
    display: none;
  }
}

/*************************************************************
   The Top Navigation Bar
 **************************************************************/
.navbar {
  background-color: #36413a;
}
.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #9FF3FF;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}
.navbar-dark .navbar-toggler {
  color: #ffffff;
  border-color: #9FF3FF80;
}
/*.navbartop {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
} */
.navbartop ul {
  margin: 0;
  padding: 0;
}
.navbartop li {
  margin: 0;
  padding-left: 2rem;
}
.nav-link {
color: #ffffff;
}
.nav-link:hover {
  color: #9FF3FF;
}
.navbar-toggler {
 color: #ffffff;
 background-color: #4d5d53;
}
/* .navbar-toggler:hover {
  color: #9FF3FF;
}
.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
} */
/*************************************************************
   Photo Layout
 **************************************************************/
.w720left {
max-width: 100%; height: auto; padding-bottom: 0.4rem;
}  
.w480left {
max-width: 100%; height: auto; padding-bottom: 0.3rem;
}
.w360left {
max-width: 100%; height: auto; padding-bottom: 0.3rem;
}
.w360right {
float: right; max-width: 100%; height: auto; padding-bottom: 0.5rem;
padding-left: 1.25rem;
}

@media all and (max-width: 800px) {
figure {
  float: right;
  max-width: 280px;
  height: auto;
  padding-left: 1rem;
}
}
@media all and (max-width: 360px) {
figure {
  float: left;
  max-width: 100%;
  height: auto;
  padding-left: 0;
}
}
@media all and (max-width: 800px) {
.w360right {
  max-width: 280px;
  height: auto;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
}
}
@media all and (max-width: 360px) {
.w360right {
  float: left;
  max-width: 100%;
  height: auto;
  padding-left: 0;
  padding-bottom: 0.5rem;
}
}

.w360grave {
float: right; max-width: 100%; height: auto; padding-bottom: 1rem; margin-left: 1rem;
}
@media all and (max-width: 980px) {
.w360grave {
float: right; max-width: 300px; height: auto; padding-bottom: 1rem; margin-left: 1rem;
}
}
@media all and (max-width: 800px) {
.w360grave {
float: none; max-width: 100%; height: auto; padding-bottom: 1rem; margin-left: 0; padding-right: 0.5rem;
}
}


.grave {
max-width: 100%; height: auto; padding-bottom: 1rem; padding-left: 1rem; padding-right: 0.25rem;
}
@media all and (max-width: 800px) {
.grave {
max-width: 100%; height: auto; padding-bottom: 1rem; padding-left: 0; padding-right: 0.5rem;
}
}

.sideside {
padding-bottom: 0.4rem; height: auto;
}
/*************************************************************
   Rules and Spacers
 **************************************************************/
.rule {
  border: 2px solid #666633;
  border-radius: 5px;	
  margin-bottom: 1rem;
}
.rulepara {
  border: 8px solid #36413a;
  border-radius: 5px;	
  clear: both;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.spacer {
  background-color: #36413a;
	height: 1rem;
	width: 100%;
	clear: both;
	margin-top: 0.7rem;
	margin-bottom: 0.7rem;
}
/*************************************************************
    The Right Side Bar France
 **************************************************************/
.rightbar {
  text-shadow: 2px 2px 4px #000000;
  background-color: #005229;
}
.rightbar h2 {
  color: #ffdead;
  text-shadow: 2px 2px 4px #000000;
}
.franceMenu ul {
  list-style-type:none;
}
.franceMenu li a {
  color: #ffffff;  
}
.franceMenu li a:hover {
  color: #9ff3ff;
}
.btn-success {
  color: #ffffff;
  background-color: #33855c;
  border-color: #198754;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #006633;
  border-color: #146c43;
}
/*************************************************************
   My Link Boxes
 **************************************************************/
.linktext {
  height: 1rem;
  line-height: 1;
  margin-bottom: 1.5rem;
}
.linktext a {
  text-decoration: none;
  color: #ffffff;
  padding: 0.3rem 0.5rem 0.25rem 0.5rem; /*top right bottom left */
  background-color: #36413a;
  border-radius: 0.5rem;
  }
@media all and (max-width: 600px) {
.linktext {
  height: 1rem;
  line-height: 1;
  margin-bottom: 1rem;
  font-size: 0.8rem;
}
}
.linktext a:visited {
  color: #ffffff;
}
.linktext a:hover {
  color: #9ff3ff;
  border-bottom: 1px solid;
  background-color: #4d5d53;
}
.linktext a:active {
  background-color: blue;
}

.linkgb {
  height: 2.5rem;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  line-height: 1;
}
.linkgb a {
  margin-left: 0;
  text-decoration: none;
  color: #ffffff;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  background-color: #757547;
  border-radius: 0.75rem;
}
.linkgb a:hover {
  border-bottom: 1px solid;
  color: #000000;
  background-color: #85855c;
}

.linkfr {
  height: 2.5rem;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  line-height: 1;
}
.linkfr a {
  margin-left: 0;
  text-decoration: none;
  color: #ffffff;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  background-color: #4f9bc6;
  border-radius: 0.75rem;
}
.linkfr a:hover {
  border-bottom: 1px solid;
  color: #000000;
  background-color: #83b9d7;
}

.linkde {
  height: 2.5rem;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  line-height: 1;
}
.linkde a {
  margin-left: 0;
  text-decoration: none;
  color: #ffffff;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  background-color: #5f6d64;
  border-radius: 0.75rem;
}
.linkde a:hover {
  border-bottom: 1px solid;
  color: #000000;
  background-color: #717d75;
}
.linkmap {
  height: 2.0rem;
  line-height: 1;
}
.linkmap a {
  text-decoration: none;
  color: #ffffff;
  padding: 0.3rem 0.5rem 0.2rem 0.5rem; /*top right bottom left */
  background-color: #36413a;
  border-radius: 0.5rem;
}
.linkmap a:visited {
  color: #ffffff;
}
.linkmap a:hover {
  color: #9FF3FF;
  border-bottom: 1px solid;
  background-color: #4d5d53;
}

.bootnavigate {
/*  background-color: #4d5d53; */
  padding: 2px;
}
.bootnavbtn {
  color: #ffffff;
  background-color: #36413a;
  border-radius: 10px;
  border: 2px solid #36413a;
  min-width: 6rem;
  text-align: center;
  padding: 2px;
  transition-duration: 0.4s;
}
.bootnavbtn:a {
  border-color: #9ff3ff;
}
.bootnavbtn:hover {
  background-color: #4d5d53;
  border: 2px solid #9ff3ff;
}

.bootnavbi {
  color: #9ff3ff;
  font-size: 1.25rem;
}
.bootnavbi:hover {
  color: #ffffff;
  font-size: 1.25rem;
}

/*************************************************************
   My Tables
 **************************************************************/
.openH {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    min-width: 480px;
    max-width: 720px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: #666633;
}
@media all and (max-width: 600px) {
.openH {
    min-width: 280px;
    max-width: 480px;
    font-size: 0.8rem;
  }
}

.openH th {
    background-color: #36413a;
    color: #ffdead;
    text-align: left;
    padding: 0.3rem;
}
.openH td {
    padding: 0.3rem;
    color: #ffffff;
    vertical-align: top;
}
td.yellow {
    padding: 0.3rem;
    color: #ffff00;
    vertical-align: top;
}
td.dark {
    background-color: #4d5d53;
    color: #ffdead;
    text-align: left;
    padding: 0.3rem;
}
tr.dark {
    background-color: #4d5d53;
}

tr.danger {
    background-color: #ff0000;
}

.mapBox {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    max-width: 360px;
    min-width: 300px;
    margin-bottom: 1rem;
    background-color: #666633;
}
.mapBox th {
    background-color: #36413a;
    color: #ffdead;
    text-align: left;
    padding: 0.25rem;
}
.mapBox td {
    padding: 0.25rem;
    color: #ffffff;
    vertical-align: top;
}
.mapBox a {
  color: #0000ff;  
}
.mapBox a:hover {
  color: #9ff3ff;
}

.table-lost {
  max-width: 720px;
}
.table-lost tr:nth-child(even) {
  background-color: #666633;
  color: #ffffff;
}
.table-lost tr:nth-child(odd) {
  background-color: #717d75;
}
.table-lost th {
  background-color: #36413a;
  color: #ffffff;
  padding: 0.3rem;
}
.table-lost td {
  padding: 0.3rem;
}
@media all and (max-width: 800px) {
.table-lost {
    min-width: 280px;
    max-width: 480px;
    font-size: 0.8rem;
  }
}
.boot-search p{
color: #ffffff;
}
.boot-search p:hover{
  color: #9ff3ff;
/*  border: 1px solid; */
}

.table-unit {
  max-width: 720px;
  color: #ffffff;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: #666633;
}
.table-unit th {
    background-color: #36413a;
    color: #ffdead;
    text-align: left;
}
.table-vc-corner {
  max-width: 720px;
  color: #ffffff;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: #666633;
}
@media all and (max-width: 800px) {
.table-vc-corner {
    min-width: 280px;
    max-width: 480px;
    font-size: 0.8rem;
  }
}
/**************************************************************
   Form Elements
 **************************************************************/


/*************************************************************
   My Dropdown Menus
 **************************************************************/
.btn:hover {
  border: 1px solid;
}
.dropdown-menu {
background: #ffdead;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #66663380;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #666633;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-toggle{
  background-color: #bdb76b;
  margin-bottom: 0.5rem;
  transition: background-color 0.5s;
}
.dropdown-toggle:hover {
  border: 1px solid;
  background-color: #ffdead;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #ffffff;
  background-color: #666633;
}
.dropcem {
background: #36413a;
color: #ffffff;
border-radius: 0.5rem;
}
.dropcem:hover {
  color: #9ff3ff;
  border-bottom: 1px solid;
  background: #4d5d53;
}
/*************************************************************
   My War Diary Pages
 **************************************************************/
.wardiary {
        padding-top: 5px;
        padding-bottom: 10px;
        max-width: 100%;
        background-color: #ffebcd;
}

.wardiary p {
font-family: 'Vollkorn', serif;
margin-left: 20px;
color: #000000;
}

.wardiary td {
color: #000000;
}

.wardiary th {
color: #000000;
}

.wardiary h3 {
font-family: 'Vollkorn', serif;
margin-left: 20px;
color: #000000; font-weight: 600;
}