@import "page-closed.css";
@import "page-open.css";
@import "dialogs.css";
@import "countdown.css";


@media (orientation: portrait) {

    .hide-on-mobile {
        display: none;
    }

    .hide-mobi {
        display: none !important;
    }

    html {
        --unit: calc(3vw);
    }

    body {
        height: 100%;
    }
    body:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        background: #071335;
        top: 0;
        height: 1.3%;
    }

    button,
    .button {
        font-size: .6rem;
        padding: .4rem 2rem;
    }

    @media (max-aspect-ratio: 1080/1920) {
        body > video {
            width: auto;
            height: 100%;
        }
    }

    body.nav-open #portal-video-on {
        opacity: 0 !important;
    }

    .what-is {
        top: .8rem;
        font-size: .4rem;
    }
    .g-logo {
        right: 3.5%;
        top: 5.5%;
        width: 24%;
    }

    .portal-open .g-logo {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        top: 5.5%;
    }

    .social {
        left: 0;
        bottom: 0;
        gap: 0.9rem;
        width: 100%;
        height: 5.75%;
        background: #071335;
        justify-content: center;
    }
    .social aside {
        font-size: .5rem;
        line-height: 1;
    }
    .social .icons {
        gap: .4rem;
    }
    .social img {
        width: .9rem;
    }

	.social .privacy a {
	    font-size: .4rem;
	    line-height: 1.4;
	}

    .jack-jill {
        width: 4rem;
    }

    .audio-on-off {
        bottom: 1.3%;
        width: auto;
        left: auto;
        right: 0.2rem;
        height: 3.15%;
    }

    .hoohno {
        background-image: url("../../img/404v.png");
    }
    .snooze {
        background-image: url("../../img/snoozev.png");
    }

}