/* Float homepage image to the right */
.pkp_page_index .homepage_image {
    float: right;
    width: 300px;            /* adjust as needed */
    max-height: 550px;
    margin-left: 20px;       /* space between image and text */
    margin-bottom: 20px;     /* space below image */
}

/* Scale the image */
.pkp_page_index .homepage_image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Main content flush left */
.pkp_page_index .page_index_journal,
.pkp_page_index .about,
.pkp_page_index .announcement,
.pkp_page_index .page_index_journal > * {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Footer alignment flush left */
.pkp_page_index footer {
    text-align: left;
    padding: 20px 0;
    margin-left: 0 !important;
    clear: both;
}

/* Clear floats below content */
.pkp_page_index:after {
    content: "";
    display: block;
    clear: both;
}

html, body {
    font-size: 16px;
}

/* Submit button for homepage */
.jls-submit-button {
    display: inline-block;
    background-color: #4A7D92;       /* brand-matching color */
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none !important;
    transition: background-color 0.3s ease;
}

.jls-submit-button:hover {
    background-color: #004d73;
}


@media (max-width: 768px) {
    .pkp_page_index .homepage_image {
        float: none;
        width: 100%;
        max-width: 250px;
        margin: 0 auto 20px auto;
        display: block;
    }
}