h2 {
    color: green;
}

h3 {
    color: green;
    margin-bottom: 9px; /* Add margin to the bottom of h3 elements */
}


/* Custom styles for the jumbotron */
.jumbotron {
    padding: 20px; /* Decreased padding to reduce spacing */
    margin-bottom: 20px; /* Decreased margin to reduce spacing */
    font-size: 19px; /* Set font size to match body text size */
    line-height: 1.36; /* Set line height to match body text line spacing */
    color: inherit;
    background-color: #f0f8f0; /* Use your custom background color */
    border: 1px solid #e0e0e0; /* Add a 1px gray border for separation */
    margin-top: 20px; /* Adjust the margin-top value as needed */
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 40px 50px; /* Adjusted padding for larger screens */
        border-radius: 6px;
    }
}




/* Custom styles for author */

.text-author {
    color: inherit; /* Takes the color from its parent, likely the normal text color */
}

.text-author a {
    color: green; /* Keeps the link color green */
    text-decoration: none; /* Removes the underline */
}

.text-author a:hover {
    color: inherit; /* Makes the hover color match the surrounding text color */
}

/* Custom styles for keypoints jumbo */

.custom-card {
    border: 1px solid #004400;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 0;
}

.custom-card-header {
    background-color: #e0f0e0;
    border-bottom: 1px solid #004400;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding: 13.5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.custom-list-group {
    background-color: #f0f8f0;
    margin-bottom: -1px;
}

.custom-list-item {
    background-color: #f0f8f0;
    padding: 10px 20px;
    border-top: none;
    border-bottom: none; /* Remove the default border */
}

.custom-list-item + .custom-list-item-last {
    border-top: none; /* Remove the top border when it is directly after custom-list-item */
}

.custom-list-item-last {
    background-color: #f0f8f0;
    padding-bottom: 17.5px;
    border-bottom: 1px solid #004400; /* Retain the border for the last list item */
}




/* Custom styles for advertising jumbotron */
.advertising-card {
    border: 1px solid #5577AA; /* Dark blue border for contrast */
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.advertising-card-header {
    background-color: #6699CC; /* Darker blue for header */
    color: #FFFFFF; /* White text for better contrast */
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.advertising-list-group {
    background-color: #F0F8FF; /* Extremely pale blue background */
}

.advertising-list-item, .advertising-list-item-last {
    background-color: #F0F8FF; /* Consistent extremely pale blue background */
    padding: 10px 20px;
    border: none; /* Remove default list group item borders */
}

.advertising-list-item-last {
    padding-bottom: 10px;
    border-bottom: 1px solid #5577AA; /* Dark blue border for the last item */
}

.advertising-card-footer {
    background-color: #6699CC; /* Darker blue for footer */
    color: #FFFFFF; /* White text for readability */
    font-size: 0.9em; /* Smaller font size for disclaimer */
    padding: 10px;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.advertising-list-item a, .advertising-list-item-last a {
    color: #FF0000; /* Red for links to ensure they stand out */
    text-decoration: underline; /* Underline for traditional link appearance */
}

.advertising-list-item a:hover, .advertising-list-item-last a:hover {
    color: #CC0000; /* Darker red on hover for a subtle effect */
    text-decoration: none; /* Removing underline on hover for a modern look */
}