/* See https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss for a list of all available colours */
:root {
  --md-primary-fg-color: #9c1c27;
  --md-typeset-a-color: #9c1c27;
}

p {
  font-size: 0.75rem; 
}

.md-typeset h1, .md-typeset h2 {
  font-weight: 800;
}

.md-typeset__table table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 2.1em;
    font-family: sans-serif;
    border: 1px solid #000000;    
    display: table;
    width: 100%;
    font-size: 1em;
}

/* Change table padding and text alignment */
.md-typeset__table table:not([class]) td {
    padding: 12px 16px;
    font-size: 1.4em;
}

.md-typeset__table table:not([class]) th {    
    color: white;
    background: black;
    padding: 12px 16px;
    font-size: 1.4em;
}



/* Grid layout  */
.link-grid {
    display: grid;

    /* Responsive columns */
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

    gap: 20px;
    margin: 20px 0;
}

.link-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
}

.link-card a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.link-card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
}

.link-card div {
    padding: 8px;
    font-size: 1rem;
    font-weight: bold;
}

.link-card p {
    padding: 2px;
    font-size: 0.6rem;
    font-weight: normal;
}

.link-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

.link-card a:link,
.link-card a:visited,
.link-card a:active {
    color: inherit
}

/* Anchor the link container seamlessly into the top row layout */
.md-header {
  position: relative;
}

/* Position the wrapper row relative to the primary top header background */
.md-header {
  position: relative;
}