@import url("theme.css");

/* Change the sidebar width from 300px to 320px so it can fit 'GeoEco - Marine Geospatial Ecology Tools' without wrapping */

:root {
  --new-sidebar-width: 320px;
  --new-sidebar-width-plus-20px: 340px;
  --new-sidebar-width-negative: -320px;
}

.wy-tray-container {
    width: var(--new-sidebar-width);
}
.wy-menu-vertical {
    width: var(--new-sidebar-width);
}
.wy-side-nav-search {
    width: var(--new-sidebar-width);
}
.wy-nav-side {
    width: var(--new-sidebar-width);
}
.wy-side-scroll {
    width: var(--new-sidebar-width-plus-20px);
}
.wy-nav-content-wrap {
    margin-left: var(--new-sidebar-width);
}

@media screen and (max-width:768px) {
    .wy-nav-side {
        left: var(--new-sidebar-width-negative)
    }
}

/* Change the width of the main content area to take up most of a large monitor */

.wy-nav-content {
    max-width: 1200px;
}

/* Fix for horizontal stacking weirdness in the RTD theme with Python properties: https://github.com/readthedocs/sphinx_rtd_theme/issues/1301 */

.py.property {
  display: block !important;
}

/* A class that adds space to the bottom of an image, that the RTD theme does not seem to add itself */

.spaced-image {
    margin-bottom: 1.5rem;
}

/* A class has monospaced text in a box, similar to a code-block or <pre> but that wraps */

.wrapped-code {
    background: #f8f8f8;
    border: 1px solid #e1e4e5;
    padding: 12px;
    margin: 1em 0;
}

.wrapped-code p {
    margin: 0;
    font-family: SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}