/* Custom changes for nova-ai-website */

body {
    padding-top: 3em;
}

body {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 736px) {
    body,
    input,
    select,
    textarea {
        font-size: 1em;
    }
}

header.major {
    margin: 0 0 0 0;
}

@media screen and (max-width: 736px) {
    header.major {
        margin: 0 0 0 0;
    }
}

ul li {
    padding-bottom: 10px;
}

@media screen and (max-width: 980px) {
    .features li {
        padding: 3em 2em 3em 2em;
    }
}

.spotlight .content {
    padding: 3em 4em 3em 4em;
}

@media screen and (max-width: 980px) {
    .spotlight .content {
        padding: 4em 3em 5em 3em;
    }
}

@media screen and (max-width: 736px) {
    .spotlight .content {
        padding: 3em 2em 4em 2em;
    }
}

/* Wrapper */

.wrapper {
    padding: 6em 0 6em 0;
}

@media screen and (max-width: 980px) {
    .wrapper {
        padding: 4em 3em 5em 3em;
    }

    .wrapper#cta {
        padding: 7em 3em 7em 3em;
    }
}

@media screen and (max-width: 736px) {
    .wrapper {
        padding: 3em 2em 3em 2em;
    }

    .wrapper#cta {
        padding: 10em 2em 10em 2em;
    }
}

/* Page Wrapper + Menu */

#page-wrapper {
    flex: 1 0 auto;
    padding-top: 0;
}

#header h1 a {
    display: flex;
    align-items: center;
}

#header a img {
    height: 60%;
    margin-right: 5px;
}

#header nav {
    display: flex;
}

#header nav > ul {
    display: flex;
}

#header nav > ul > li > a.menuToggle {
    display: flex;
}

#banner p {
    text-transform: none;
}

@media screen and (max-width: 736px) {
    #banner {
        padding: 7em 3em 7em 3em;
    }
}

@media screen and (max-width: 980px) {
    #cta .inner header {
        margin-bottom: 1em;
    }
}

/* Main */

#main > header {
    background-image: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: -webkit-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: -ms-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");

    background-position: left center;
}

#main > header p {
    text-transform: none;
}

#footer .mail {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8em;
}

#footer .copyright {
    text-transform: uppercase;
}

@media screen and (max-width: 736px) {
    #footer {
        padding: 3em 2em 3em 2em;
    }
}

/* Landing */

body.landing #page-wrapper {
    background-image: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: -webkit-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: -ms-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");

    background-position: left center;
}

body.is-mobile.landing #banner,
body.is-mobile.landing .wrapper.style4 {
    background-image: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: -webkit-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: -ms-linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-image: linear-gradient(
            top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
        ),
        url("/images/ai-generated-8350891_1920.jpg");
    background-position: left center;
}