/* Style for the custom user profile form */
.custom-user-profile-form {
    max-width: 500px;
    margin: 1em auto;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.custom-user-profile-form label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.custom-user-profile-form input {
    box-sizing: border-box;
}

.custom-user-profile-form input[type="text"],
.custom-user-profile-form input[type="email"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

.custom-user-profile-form input[type="text"][readonly],
.custom-user-profile-form input[type="email"][readonly] {
    border: none;
}

.lsj-profile-cancel {
    display: inline-block;
}

/* styles for liked articles on the profile page */

.wp-container-core-group-is-layout-7 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media only screen and (max-width: 600px) {
    .wp-container-core-group-is-layout-7 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }    
}

.lsjm-liked-posts .lsj-post-thumb-image img {
    width: 100px;
    height: 150px;
    aspect-ratio: 2/3;
    object-fit: cover;
}

.lsjm-liked-posts .lsj-post-thumb-title a {
    text-decoration: none;
}

.lsjm-liked-posts .lsj-post-thumb-title a:hover {
    text-decoration: underline;
}