/* Styling for individual news blocks */
.newsblocks {
    font-family: 'Playfair Display', Georgia, serif !important; /* Font style for news item */
    margin-bottom: 20px !important; /* Space between news items */
    color: black !important; /* Set default text color to black */
    line-height: 1.5 !important; /* Set line height to 1.5 for better readability */
}

/* Styling for all heading levels within the news block */
.newsblocks h1,
.newsblocks h2,
.newsblocks h3,
.newsblocks h4,
.newsblocks h5,
.newsblocks h6 {
    color: #194467 !important; /* Heading text color set to #194467 */
    font-family: 'Playfair Display', Georgia, serif !important; /* Font style for headings */
    font-weight: bold !important; /* Make headings bold */
    margin: 0 !important; /* Remove default margins */
    line-height: 1.5 !important; /* Line height for headings */
}

/* Specific font sizes for each heading level */
.newsblocks h1 { font-size: 2em !important; }   /* Largest heading */
.newsblocks h2 { font-size: 1.75em !important; } /* Second largest */
.newsblocks h3 { font-size: 1.5em !important; }  /* Heading level 3 */
.newsblocks h4 { font-size: 1.25em !important; } /* Heading level 4 */
.newsblocks h5 { font-size: 1.125em !important; } /* Heading level 5 */
.newsblocks h6 { font-size: 1em !important; }    /* Smallest heading */

/* Styling for paragraphs within the news block */
.newsblocks p {
    font-family: 'Playfair Display', Georgia, serif !important; /* Font style for headings */
    font-size: 1em !important; /* Standard font size for text */
    margin: 0 !important; /* Remove default margins */
    line-height: 1.5 !important; /* Adjust line height for paragraphs */
    color: black !important; /* Ensure paragraph text color is black */
}

/* Styling for links within the news block (including those inside headings) */
.newsblocks a {
    text-decoration: none !important; /* Force no underline for links */
    color: #194467 !important;       /* Link text color */
    font-weight: bold !important;    /* Bold text for links */
    transition: none !important;     /* Turn off animations */
}

/* Specific link styling for hover, focus, and active states */
.newsblocks a:hover,
.newsblocks a:focus,
.newsblocks a:active {
    color: #286ca4 !important; /* Change color for hover, focus, and active states */
    text-decoration: none !important; /* Ensure no underline on these states */
}

/* Ensure no underline on all links inside the .newsblocks container */
.newsblocks a:link,
.newsblocks a:visited {
    text-decoration: none !important; /* Regular links and visited links */
    color: #194467 !important; /* Regular link color */
    font-weight: bold !important; /* Bold text for links */
}

/* Additional resetting styles if necessary to ensure clarity */
.newsblocks * {
    box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
}

/* Styling for images within the news block */
.newsblocks img {
    width: 200px !important;       /* Fixed width of 200px */
    height: 200px !important;      /* Fixed height of 200px */
    object-fit: cover !important;  /* Ensures the image covers the space without skewing */
    object-position: center !important; /* Centers the image to show the middle part */
    display: block !important;     /* Ensures the image is displayed as a block element */
    margin: 0 auto !important;     /* Centers the image horizontally */
}

/* Media query for small screens (max-width 768px) */
@media screen and (max-width: 768px) {
    .newsblocks img {
        width: 100% !important;    /* Set the image width to 100% on small screens */
        height: auto !important;   /* Adjust height automatically to maintain aspect ratio */
    }
}