div.docutils.container.index-features {
    width: 450px;
}

div.docutils.container.index-box {
    background-color: var(--pst-color-white-highlight);
    border-radius: 10px;
    color: black;
    padding: 5px;
    margin-left: 15px;
    float: right;
    width: 400px;
}

/* Need to be able to have absolute positioning for the div inside */
.bd-main .bd-content .bd-article-container .bd-article {
    position: relative;
}

@media (min-width: 792px) {
    div.docutils.container.index-features {
        position: absolute;
        top: 10px;
        right: 0px;
    }
}

@media (min-width: 1092px) {
    div.docutils.container.index-box {
        margin-left: 30px;
        margin-right: -15px;
    }
}

@media (max-width: 892px) {
    div.docutils.container.index-box {
        max-width: 500px;
        width: unset;
        float: unset;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Download/laucher links and top hint (sphinx-gallery) */

.sphx-glr-download-link-note,
.binder-badge,
.lite-badge,
.sphx-glr-download-jupyter,
.sphx-glr-download-python,
.sphx-glr-download-zip {
  display: none;
}

/* Make left sidebar thinner to avoid cropping things in main pane */
.bd-sidebar-primary {
    width: 20%;
}

/* sphinx-gallery */

/* add padding to images */
.bd-article img {
    height: unset !important;
    margin-top: 2%;
    margin-bottom: 2%;
}

/** Landing page features *************************************************************/

.logo-container {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}

/* logo at the top left (not just the landing page) */
.logo {
    max-width: 100px;
    height: auto;
}

/* logo for the landing page */
.logo-landing {
    max-width: 200px;
    height: auto;
}

.hero-title {
    color: #F68D2E;
    font-family: var(--pst-font-family-heading);
    font-size: 2.5rem;
    margin-bottom: 2rem;
    margin-top: 0px;
    text-align: center;
}

.hero-description {
    font-family: var(--pst-font-family-base);
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.row-padding-main-container {
    padding-top: 1.5rem !important;
    padding-bottom: 2.5rem !important;
}