/* CSS to center content using Flexbox */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* CSS to transform text to uppercase */
.uppercase-text {
      text-transform: uppercase;
}
body {
  background-color: #ffffff;
  color: #000000;
 /* font-family: Arial, sans-serif; */
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.5;
  margin: 1em;
}

a:link {
  color: #000066;
}

a:visited {
  color: #661111;
}

a:active {
  color: #777777;
}

.logo-link {
  float: right;
}

.custom-heading {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

.no-indent-list {
  padding-left: 1em;
  margin-left: 0;
  list-style-position: inside;
}

blockquote {
 /* border-left: 4px solid #ccc; */
  padding-left: 1em;
  margin-left: 0;
 /* color: #555; */
 /* font-style: italic; */
}

/* .table-container table {
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #666;
} */

.table-container table {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  border-collapse: collapse;
  border: 1px solid #666;
  margin: 0 auto;
}


.table-container th,
.table-container td {
  border: 1px solid #666;
  padding: 0.5em 1em;
  /* padding: 0.5em 0.75em; */
  word-wrap: break-word; /* allow long words to wrap */
}

.gray-bg {
  background-color: #cccccc;
}

.right-align {
  text-align: right;
}

.center-align {
  text-align: center;
}

.top-align {
  vertical-align: top;
}



/* .table-container {
  overflow-x: auto;
  margin: 2em 0;
}

 table {
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #ccc;
}

th,
td {
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  text-align: left;
  vertical-align: middle;
}

.gray-bg {
  background-color: #cccccc;
}

.right-align {
  text-align: right;
}

.center-align {
  text-align: center;
}

.top-align {
  vertical-align: top;
} */

.search-section {
  text-align: center;
  margin: 2em 0;
}

.search-options label {
  margin: 0 0.5em;
}

.footer-logo {
  text-align: center;
  margin-top: 2em;
}

.footer-logo a img {
  display: block;       /* makes image block-level */
  margin: 0 auto;       /* centers horizontally */
}


hr {
  border: none;
  border-top: 1px solid #000;
  width: 100%;
  margin: 1em 0;
}

.social-share-buttons {
  display: inline-flex; /* shrink-wrap width */
  justify-content: center;
  gap: 0.75em;
  flex-wrap: wrap;
  margin: 1em auto 0 auto; /* margin-top and auto horizontal margin */
}


.share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease, color 0.3s ease;
  color: white;
}

.share-btn svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

/* Facebook */
.share-btn.facebook {
  background-color: #1877f2;
  color: white; /* fallback for text */
}

.share-btn.facebook svg {
  fill: white !important; /* force white icon */
}

.share-btn.facebook:hover,
.share-btn.facebook:focus {
  background-color: #145dbf;
  outline: none;
}

/* X (Twitter) */
.share-btn.x {
  background: none;
  box-shadow: none;
  padding: 0; /* remove default padding for SVG sizing control */
  color: black; /* fallback color */
}

.share-btn.x svg {
  width: 24px;  /* scale your SVG to fit button */
  height: 24px;
  display: block; /* avoid inline spacing issues */
  fill: black; /* ensure fill is black as in SVG */
}

.share-btn.x:hover,
.share-btn.x:focus {
  color: #1da1f2; /* brand blue on hover */
  outline: none;
  fill: #1da1f2 !important;
  cursor: pointer;
}


/* Instagram */
.share-btn.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.share-btn.instagram:hover,
.share-btn.instagram:focus {
  filter: brightness(0.9);
  outline: none;
}

/* TikTok */
.share-btn.tiktok {
  background-color: #000000;
}

.share-btn.tiktok:hover,
.share-btn.tiktok:focus {
  background-color: #222222;
  outline: none;
}

/* Snapchat */
.share-btn.snapchat {
  background-color: #fffc00;
  color: #000000;
}

.share-btn.snapchat:hover,
.share-btn.snapchat:focus {
  filter: brightness(0.9);
  outline: none;
}

/* Gab */
.share-btn.gab {
  background-color: #00b3ff;
}

.share-btn.gab:hover,
.share-btn.gab:focus {
  background-color: #0099cc;
  outline: none;
}

/* Truth Social */
.share-btn.truthsocial {
  background-color: #0078d4;
}

.share-btn.truthsocial:hover,
.share-btn.truthsocial:focus {
  background-color: #005a9e;
  outline: none;
}

/*.share-btn.native-share {
  background-color: #555;
  color: white;
  padding: 0; /* remove default padding to fit SVG nicely */


.share-btn.native-share {
  background-color: #555;
  color: white;
  border: none;          /* Remove default button border */
  box-shadow: none;      /* Remove any default shadows */
  padding: 0;            /* Remove default padding */
  appearance: none;      /* Remove native styling (for Firefox, Safari) */
  -webkit-appearance: none; /* Remove native styling (for WebKit) */
  -moz-appearance: none; /* Remove native styling (for Firefox) */
  cursor: pointer;
}

.share-btn.native-share:hover,
.share-btn.native-share:focus {
  background-color: #333;
  outline: none;
}


/* .share-btn.native-share:hover,
.share-btn.native-share:focus {
  background-color: #333;
  outline: none;
  cursor: pointer;
}*/

.share-btn.linkedin {
  background-color: #0077B5; /* LinkedIn blue */
  color: white;
}

.share-btn.linkedin:hover,
.share-btn.linkedin:focus {
  background-color: #005983;
  outline: none;
}


.share-btn.native-share svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  display: block; /* remove inline spacing */
}