/* content.css */
/*
body {
    padding-top: var(--menu-height) !important;
}
*/
.content {
    padding-top: var(--menu-height); /* Adjust this value to match your header's height */ 
    margin: 0 auto; /* Centers the content block */
    max-width: 1200px; /* Adjust this to desired max width of the content area */ 
    padding: 0 15px; /* Padding on sides to maintain some space on small screens */
    line-height: 1.6; /* Spacing between lines of text */
}

.content h1, .content h2, .content h3 {
    margin: 15px 0; /* Adding some vertical spacing around headers */
}

.content p {
    margin: 15px 0; /* Adding some vertical spacing around paragraphs */
}

.content img {
    max-width: 100%; /* Makes images responsive */
    height: auto;
    border-radius: 15px; /* Adds rounded corners */
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1); /* Adds subtle shadow */
}

.content .image-caption {
    font-size: 0.8em; /* Adjust to desired caption size */
    color: #666; /* Adjust to desired caption color */
    text-align: center; /* Centers the caption text */
    margin-top: 10px; /* Adjust to desired space between image and caption */
}


.content a {
    color: #0066cc; /* Adjust to match your site's color scheme */
    text-decoration: none;
}

.content a:hover {
    text-decoration: underline;
}
/*
.content > :first-child {
    margin-top: 0;
}
*/


/* You can add more styles based on your design requirements */