body{
    background: #F2F0E2;
    font-family: "Lora", serif;
}
.container{
    max-width: 1024px;  
    margin: 0 auto;
    padding: 0 16px;
}
.site-header{
    display: flex;
}
.site-branding{
    max-width: 50px;
}
#masthead{
    padding-bottom: 50px;
}
footer{
    padding-top: 50px;
}
a{
    color: #000;
}


.card-title{
    font-size: 25px;
    margin: 0;
}
.card-title a{
    text-decoration: none;
}
a:visited{
    color: #000;
}


.entry-meta{
    padding-bottom: 20px;
}
.site-footer .container{
    padding: 50px 0;
    border-top: 1px solid #000;
}

/* Site style */
/* Primary Menu Styling */
#primary-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: right; /* Center menu items */
    gap: 2rem; /* Space between items */
}
.page-title{
    font-size: 45px;
}
.entry-title a{
    text-decoration: none;
}
#primary-menu li {
    display: inline-block;
}

#primary-menu li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    font-size: 1rem;
    padding: 8px 0;
    position: relative;
    transition: color 0.2s ease-in-out;
}

/* Hover underline animation */
#primary-menu li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #007bff;
    transition: width 0.3s ease-in-out;
}

#primary-menu li a:hover {
    color: #007bff;
}

#primary-menu li a:hover::after {
    width: 100%;
}

/* Active menu item (if WP adds current-menu-item) */
#primary-menu li.current-menu-item a {
    color: #007bff;
}

#primary-menu li.current-menu-item a::after {
    width: 100%;
}

/* Responsive (Stack on small screens) */
@media (max-width: 768px) {
    #primary-menu {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
}