/* 
 This CSS file is used to override the existing styles of the theme.
 You can change the article headings, fonts, colors, etc.
*/

/* General footer styles for both desktop and mobile */

/* Style for the site name */
.footer-site-name {
    font-weight: bold;
    color: white; /* You can adjust the color as needed */
    padding-bottom: 5px; /* Add some spacing */
}

/* Style for the email */
.footer-email a {
    color: #cccccc; /* Adjust the email color to match the design */
}

/* Style for social media icons */
.footer-social a {
    margin-right: 15px; /* Add space between social icons */
}

.footer-social a:last-child {
    margin-right: 0; /* No margin for the last icon */
}

/* Adjust alignment for mobile and wider screens */
@media (min-width: 1024px) {
    .footer-left {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .footer-social {
        justify-content: flex-end;
    }
}