p,
li {
    font-size: 1.2em;
    color: rgb(108, 108, 108);
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.4em;
}

.article-img-container {
    width: 100%;
    min-height: auto;
    max-height: 60vh;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-img {
    width: 100%;
    height: auto;
    position: relative;
    object-fit: contain;
    object-position: center;
    background-color: #f0f0f0;
    transition: opacity 0.3s ease;
}

li {
    margin-top: 5px;
    ;
}

ul.breadcrumb {
    list-style: none;
}

ul.breadcrumb li {
    display: inline;
    font-size: 0.8em;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: #e3e3e3;
    content: "/\00a0";
}

ul.breadcrumb li a {
    color: #e0cca5;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #FFE1A8;
    text-decoration: u
}

::selection {
    background-color: rgb(233, 233, 128);
    color: black;
    /* Change text color as needed */
}


/* Custom CSS for table headers */
.table thead th {
    background-color: #f8f9fa;
    /* Light grey background */
}

/* Custom CSS for table borders */
.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
    /* Light grey border */
}

/* Styles for internal links */
.internal-link {
    color: #28a745;
    padding-right: 22px;
    background: url('/assets/logos/Logo-circular.svg') no-repeat right center;
    background-size: 18px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.internal-link:hover {
    color: #28a745;
    background-color: rgba(40, 167, 69, 0.1);
    padding: 2px 22px 2px 4px;
    border-radius: 4px;
}