/* Custom styles for homepage layout */

/* Hide the default page title on homepage */
.md-content article > h1:first-child {
    display: none;
}

/* Hide the "On this page" sidebar */
.md-sidebar--secondary {
    display: none !important;
}

/* Hide the primary (left) navigation sidebar since we only have top-level pages */
.md-sidebar--primary {
    display: none !important;
}

/* Expand content to use full width when sidebar is hidden */
/* 76.25em (1220px) is the MkDocs Material breakpoint where sidebar margins are applied */
@media screen and (min-width: 76.25em) {
    .md-sidebar--primary ~ .md-content {
        margin-left: 0;
    }
}

.homepage-container {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.homepage-image {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    text-align: left;
}

.homepage-image img {
    width: 280px;
    height: 400px;
    display: block;
}

.homepage-content {
    padding-top: 20px;
}

.homepage-content h2 {
    margin-top: 0;
}

.homepage-buttons {
    margin-top: 1.5rem;
    clear: both;
}

.homepage-buttons .md-button {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Clear float after content */
.homepage-container::after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 768px) {
    .homepage-image {
        float: none;
        margin: 0 auto 20px;
        text-align: center;
    }
    
    .homepage-image img {
        max-width: 100%;
        height: auto;
    }
}