/* chad archive site css */
/* custom for mobile set to 1200px    SEE BELOW CSS */

body {
margin: 0px;
}

html {
background: #293235;   /* page bg color */
color: #000000;
}


.removeLinks div a {
  pointer-events: none;
  color: gray; /* Optional: Change the color to indicate the link is disabled */
  text-decoration: none; /* Optional: Remove underline for a disabled look */
}

.lightGrayDiv   /*  Mobile version is different-see below */
{
  background: #f1f1f1;
  width: 50%;
  padding-top: 10px;
}





.nav a {
  color: #ffffff;
  text-decoration: none;
}

.nav:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #2497e7;
  padding: 0px 0px 0px 0px;
  z-index: 100;
}




.barBelowNav {
  margin: 0; padding: 0; width: 100%; height: 3px; background-color: #000000;
}

.mainHeaderChad {
  font-family: Arial, sans-serif;
  color: #ffffff;
  /* background-color: #ffffff; */
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

.logoContainer {
  margin: 5px 0 10px 0; padding: 10px 0 0 0; width: 100%;
}

.logo {
  width: 190px;
  height: auto;
}

.backgroundDiv {
  width: 100%;
  height: auto;
  background-color: #000000;
  background-image: url('../../../images/yootheme/wpra/iStock-1502411356-bg.jpg');
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
 }







.mainContainer {
  font-family: Arial, sans-serif; 
  font-size: 18px; 
  margin: 0 0 0 0; 
  padding: 5px 0 20px 0; 
  width: 100%;
}

.mainContent {
  font-family: Arial, sans-serif; 
  font-size: 12px;
  margin: 0 0 30px 0;
  padding: 15px 0 30px 0;
  width: auto;
}





.tableLink {
  /* placeholder for landing page table rows */
  /* see Mobile code below - in use to adjust padding on mobile */
}

.tablePlaceholder {
  /* placeholder for complete content such as all results, etc */
}

table.tableChad {
  width: auto;
  min-width: 350px;
  font-family: Arial, sans-serif; 
  font-size: 14px;
  margin-top: 10px;
  margin-top: 27px;
  background-color: #ffffff;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

table.tableChad td {
  padding: 10px; 
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #d6d8d9;
}

table.tableChad a {
  color: #2497e7;
  underline: none;
  text-decoration: none;
}

table.tableChad a:hover {
  color: #4d8bde;
  underline: none;
  text-decoration: none;
}  

.chadTableHeaderLeft {
color: #ffffff;
background-color: #1157ad;
font-size: 16px;
padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 6px;
border-top-right-radius: 0px;
}

.chadTableHeaderMid {
color: #ffffff;
background-color: #1157ad;
font-size: 16px;
padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.chadTableHeaderRight {
color: #ffffff;
background-color: #1157ad;
font-size: 16px;
padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 0px;
border-top-right-radius: 6px;
}

.chadTableHeaderBoth {
color: #ffffff;
background-color: #1157ad;
font-size: 16px;
padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.roundCornersAll {
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
border-radius: 12px;
}







/* Basic Button Styling */
button a {
  color: #1157ad;
  underline: none;
  text-decoration: none;
}

button {
  background-color: #d2e2e2; /* Green */
  color: white;
  padding: 10px 10px;
  margin: 30px 0 15px 0;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover Effect */
button:hover {
  background-color: #e7f5f5; /* Slightly darker green */
  transform: scale(1.05); /* Slight zoom effect */
}

/* Active State */
button:active {
  background-color: #d2e2e2; /* Even darker green */
  transform: scale(0.95); /* Slight shrink effect */
}

















/* MOBILE */

/* Styles for mobile devices (max-width: 600px) */
@media screen and (max-width: 1200px) {

.lightGrayDiv
{
  background: #f1f1f1;
  width: 95%;
  padding-top: 5px;
}

.logo {
  width: 50%;
  height: auto;
}

.nav a {
  font-family: Arial, sans-serif;
  font-size: 48px;
  margin: 30px 20px 30px 20px;
  color: #ffffff;
  text-decoration: none;
}

.mainHeaderChad {
  font-family: Arial, sans-serif; 
  font-size: 42px;
  font-weight: bold;
  margin: 30px 0 30px 0;
}

.tableLink {
  padding: 15px;
}

table.tableChad {
  font-family: Arial, sans-serif; 
  font-size: 32px;
  margin: 10px;
  width: 95%;
}

table.tableChad th {
  font-family: Arial, sans-serif; 
  font-size: 36px;
}

table.tableChad td {
  padding: 15px 5px 15px 5px; 
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #d6d8d9;
}

table.tableChad a {
  color: #1157ad;
  underline: none;
  text-decoration: none;
}

table.tableChad a:hover {
   color: #4d8bde;
   underline: none;
   text-decoration: none;
}

button {
  font-size: 42px;
}


}