@import url('/css/styles.css');

/* page specific solo-section styling */
#dev-page-content {
    background: url('/images/skyscraper-abbie_bernet-1920.jpg') no-repeat center/cover;
    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: var(--tint-black-faint);
    }
}

/* in-dev page navbar overrides */
.navbar {
    --navbar-height: auto;
}

/* in-dev page footer overrides */
footer {
    --bg-color: transparent;
    --font-size: 1.6rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3vh 3vw;
    border-top: none;
    .footer-content {
        flex-direction: row;
        justify-content: end;
        .footer-links {
            display: none;
        }
    }
}

/* in-dev page media queries */
@media screen and (max-width: 992px) {
    footer {
        --font-size: 1.4rem;
        .footer-content {
            p {
                border-bottom: none;
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .navbar {
        .navbar-content-flex {
            .navbar-menu {
                .navbar-menu-items {
                    background: var(--tint-ext-pal-2-faint);
                }
            }
        }
    }
}