/* If you only have one file: /fonts/fixture.ttf */
@font-face {
  font-family: "Fixture";
  src:
    local("Fixture"),
    url("/fonts/Fixture/Fixture-Regular.ttf") format("truetype");
  font-weight: 100 900; /* browser will fake bold if needed */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fixture";
  src:
    local("Fixture"),
    url("/fonts/Fixture/Fixture-Regular.ttf") format("truetype");
  font-weight: 100 900; /* browser will fake italic if needed */
  font-style: italic;
  font-display: swap;
}

:root {
  --fixture: "Fixture", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --fixture-expanded: "Fixture Expanded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fixture-expanded) !important;
}

p,
li,
strong {
  font-family: var(--fixture) !important;
  /* color: #000; text-black */
}

/* Optional heading weights (tweak as you like) */
h1,
h2 {
  font-weight: 700;
}

h3 {
  font-weight: 600;
}

h4,
h5,
h6,
p {
  font-weight: 500;
  /*color: #000; text-black ;*/
}

p,
li {
  font-weight: 400;
  /*color: #000;  text-black ;*/
}

/*strong {
    font-weight: bold;*/ /* Default behavior */
/* font-size: 0.9em;  Optional: Increase font size */
/*color: #2f2e2e;*/ /* Optional: Change text color */
/*font-family: var(--fixture) !important;
}*/

table .webinars {
  width: 100%;
  border-collapse: collapse;
}

table.webinars th,
table.webinars td {
  padding: 6px 8px; /* smaller cell padding */
  line-height: 1.2; /* tighter line spacing */
  vertical-align: top;
}

table.webinars th {
  text-align: left;
}
/* Make title/dates stack cleanly without extra <br> */
.topic strong,
.dates em,
.dates a {
  display: block;
  margin: 0 0 4px 0;
}

.dates em,
.dates a {
  font-style: italic;
  text-decoration: none;
}
/* optional zebra */
.zebra {
  background: #ced4d9;
}
.btn-register {
  background-color: black !important;
  color: red !important;
  border: none !important;
}
.btn-register:hover {
  background-color: #222 !important;
  color: #ff3333 !important;
}