@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wdth,wght@50..200,200..900&display=swap');
@font-face {
    font-family: "Brandon Text";
    font-style: normal;
    font-weight: 100;
    font-display: auto;
    src:url(../fonts/BrandonText/100.ttf);
    /*src:url(../fonts/FontAwesome/300/fa-light-300.eot?#iefix) format("embedded-opentype"),
        url(../fonts/FontAwesome/300/fa-light-300.woff2) format("woff2"),
        url(../fonts/FontAwesome/300/fa-light-300.woff) format("woff"),
        url(../fonts/FontAwesome/300/fa-light-300.ttf) format("truetype"),
        url(../fonts/FontAwesome/300/fa-light-300.svg#fontawesome) format("svg");*/
}
@font-face {
    font-family: "Brandon Text";
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src:url(../fonts/BrandonText/300.ttf);
    /*src:url(../fonts/FontAwesome/300/fa-light-300.eot?#iefix) format("embedded-opentype"),
        url(../fonts/FontAwesome/300/fa-light-300.woff2) format("woff2"),
        url(../fonts/FontAwesome/300/fa-light-300.woff) format("woff"),
        url(../fonts/FontAwesome/300/fa-light-300.ttf) format("truetype"),
        url(../fonts/FontAwesome/300/fa-light-300.svg#fontawesome) format("svg");*/
}
@font-face {
    font-family: "Brandon Text";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src:url(../fonts/BrandonText/400.ttf);
    /*src:url(../fonts/FontAwesome/300/fa-light-300.eot?#iefix) format("embedded-opentype"),
        url(../fonts/FontAwesome/300/fa-light-300.woff2) format("woff2"),
        url(../fonts/FontAwesome/300/fa-light-300.woff) format("woff"),
        url(../fonts/FontAwesome/300/fa-light-300.ttf) format("truetype"),
        url(../fonts/FontAwesome/300/fa-light-300.svg#fontawesome) format("svg");*/
}
@font-face {
    font-family: "Brandon Text";
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src:url(../fonts/BrandonText/500.ttf);
    /*src:url(../fonts/FontAwesome/300/fa-light-300.eot?#iefix) format("embedded-opentype"),
        url(../fonts/FontAwesome/300/fa-light-300.woff2) format("woff2"),
        url(../fonts/FontAwesome/300/fa-light-300.woff) format("woff"),
        url(../fonts/FontAwesome/300/fa-light-300.ttf) format("truetype"),
        url(../fonts/FontAwesome/300/fa-light-300.svg#fontawesome) format("svg");*/
}
@font-face {
    font-family: "Brandon Text";
    font-style: normal;
    font-weight: 700;
    font-display: auto;
    src:url(../fonts/BrandonText/700.ttf);
    /*src:url(../fonts/FontAwesome/300/fa-light-300.eot?#iefix) format("embedded-opentype"),
        url(../fonts/FontAwesome/300/fa-light-300.woff2) format("woff2"),
        url(../fonts/FontAwesome/300/fa-light-300.woff) format("woff"),
        url(../fonts/FontAwesome/300/fa-light-300.ttf) format("truetype"),
        url(../fonts/FontAwesome/300/fa-light-300.svg#fontawesome) format("svg");*/
}
@font-face {
    font-family: "Brandon Text";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src:url(../fonts/BrandonText/900.ttf);
    /*src:url(../fonts/FontAwesome/300/fa-light-300.eot?#iefix) format("embedded-opentype"),
        url(../fonts/FontAwesome/300/fa-light-300.woff2) format("woff2"),
        url(../fonts/FontAwesome/300/fa-light-300.woff) format("woff"),
        url(../fonts/FontAwesome/300/fa-light-300.ttf) format("truetype"),
        url(../fonts/FontAwesome/300/fa-light-300.svg#fontawesome) format("svg");*/
}

:root{
    --dark-color:#0a2634;
    --dark-color-rgb:10,38,52;
    --primary-color:#334351;
    --secondary-color:#b79c77;
    --alt-color:#e4dac1;
    --light-color:#fcfcfc;
    --zeta-font:"Inconsolata";
    --zeta-theme-color-title:var(--dark-color);
    --zeta-theme-color-text:#888;
    
}

::selection{
    background-color:var(--secondary-color);
    color:#fff;
}

nav{
    background-color:transparent;
    box-shadow:none;
    transition:all .3s ease-in-out;

    & .nav-wrapper{
        & .badge{
            & img {
                height:80%;
            }
        }

        & .modules{
            & ul{
                & li{
                    & a{
                        font-family:"Brandon Text";
                        font-size:.9rem;
                        font-weight:500;
                        color:rgba(255,255,255,.6);
                        text-transform:uppercase;
                        letter-spacing:.2rem;

                        & i{
                            margin-right:.5rem;
                            font-size:.9rem;
                        }

                        &:hover,
                        &:focus,
                        &:active{
                            background-color:transparent;
                            color:#fff;

                            & i { color:var(--alt-color); }
                        }
                    }

                    &.current{
                        & a{
                            color:#fff;
                            & i { color:var(--alt-color); }
                        }
                    }
                }
            }
        }

        & .buttons{
            margin:0 0 0 .5rem;
            padding:0;
            height:inherit;
            list-style-type:none;
            display:flex;

            & li{
                height:inherit;

                & a{
                    padding:0 .75rem;
                    width:fit-content;
                    height:inherit;
                    display:flex;
                    align-items:center;
                    font-size:1.75rem;
                    text-decoration:none;
                    color:#fff;
                    transition:all .3s ease-in;

                    &:hover,
                    &:focus,
                    &:active{
                        color:#fff;
                    }
                }
            }
        }

        & .bridge{
            & a.launch-navi{
                padding:0 .75rem;
                width:fit-content;
                color:#fff;
                font-size:2.25rem;
            }
        }
    }

    &.active{
        background-color:var(--dark-color);
    }
}

h1,h2,h3,h4,h5,h6{
    font-family:"Brandon Text";
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5rem;
}

h1{
    font-size:clamp(2rem,4vw,4rem);
}

h2{
    margin-top:1rem;
    margin-bottom:2rem;
    font-size:clamp(1.5rem,4vw,3.5rem);
    font-weight:700;
    line-height:1;
}

h6{
    margin-top:1rem;
    font-size:clamp(1.15rem,1.25vw,1.4rem);
    font-weight:700;
    letter-spacing:clamp(.5rem,.75vw,1rem);
    color:var(--secondary-color);
}

p{
    font-size:clamp(1.1rem,1.5vw,1.3rem);
    line-height:1.4;
    font-weight:500;

    & > b,
    & > a{
        padding:0 .5rem;
        display:inline-block;
        background-color:var(--primary-color);
        color:#fff;
        font-weight:700;
        text-decoration:none;
    }

    &:last-child{
        margin-bottom:0;
    }
}

q{
    margin:1.5rem 0;
    padding:1.5rem;
    background-color:var(--light-color);
    border-left:3px solid var(--alt-color);
    display:block;
    font-size:clamp(1.25rem,1.5vw,1.5rem);
    line-height:1.4;
    font-weight:600;
    color:var(--dark-color);
}

figure{
    margin:0;
}

form{
    & fieldset{
        margin:0;
        padding:0;

        & label{
            font-family:"Brandon Text";
            font-size:.9rem;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:3px;
            color:var(--dark-color);

            & > i {
                color:var(--secondary-color);
            }
        }

        & input{
            padding:0 1rem;
            border-width:2px;
            border-radius:0;
            height:80px;
            font-size:1.25rem;
            color:var(--zeta-theme-color-text);
        }

        & textarea{
            padding:1rem;
            height:180px;
            font-size:1.25rem;
            border-width:2px;
            border-radius:0;
            resize:none;
        }

        & input,
        & textarea{
            transition:border-color .3s ease-in-out;

            &:focus{
                border-color:var(--alt-color);
            }
        }
    }
}

footer{
    background-color:var(--dark-color);
    position:relative;

    & > .map-wrapper{
        width:100%;
        height:100%;
        background-image:url(../img/map-dots.svg);
        background-attachment:fixed;
        background-position-x:center;
        background-position-y:center;
        background-size:cover;
        opacity:.15;
        position:absolute;
        top:0;
        left:0;
        z-index:0;
    }

    & > .space{
        position:relative;
        z-index:1;

        & .axis-2{
            border-top:1px solid rgba(255,255,255,.1);

            & .align.right{
                & a {
                    margin:.25rem;
                }
            }
        }

        & figure{
            margin-bottom:3rem;

            & img{
                width:100%;
                max-width:350px;
            }
        }

        & p{
            color:rgba(255,255,255,.75);

            & b{ color:#fff; }
        }
    }
}

.row:not(.fluid),
.nav-wrapper{
    margin-left:auto;
    margin-right:auto;
    max-width:1400px;
}

.fab{
    font:var(--fa-font-brands);
}

.typing{
    padding-right:.25rem;
    display:inline-flex;
    vertical-align:bottom;
    overflow:hidden;
    white-space:nowrap;
    position:relative;
    max-width:0%;
    transition:max-width 2s cubic-bezier(0.4, 0, 0.2, 1);

    &::after{
        content:"";
        width:.5rem;
        height:80%;
        background-color:var(--alt-color);
        position:absolute;
        top:10%;
        right:0;
        animation:blink 0.75s infinite;
    }

    &.visible { max-width: 100%; }
}

.button{
    padding:0 1.5rem;
    width:fit-content;
    height:75px;
    display:inline-flex;
    align-items:center;
    border:3px solid transparent;
    font-family:"Brandon Text";
    font-size:1.1rem;
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.4rem;
    border-radius:0;
    background-color:transparent;

    & > i{
        margin-right:.75rem;
        font-size:.9rem;
    }

    &.light{
        border-color:var(--alt-color);
        color:#fff;
    }

    &.dark{
        border-color:var(--alt-color);
        color:var(--dark-color);
    }

    &.icon{
        padding:0;
        width:60px;
        height:60px;
        letter-spacing:0;
        justify-content:center;

        & > i{
            margin-right:0;
            font-size:1.25rem;
        }
    }
}

.background{
    &.color{
        &.light{
            background-color:var(--light-color);
        }
    }

    &.image{
        width:100%;
        height:100%;

        & > img{
            width:inherit;
            height:inherit;
            object-fit:cover;
            object-position:center;
        }
    }
}

.box{
    min-width:0;
    height:100%;
    padding:2rem;
    background-color:#fff;
    border:3px solid var(--alt-color);
    overflow-wrap:break-word;
    word-break:break-word;

    & h5{
        margin:1.5rem 0;
    }

    & > figure{
        margin-bottom:2rem;
        width:100%;
        height:250px;
    }
}

.align{
    &.right{
        text-align:right;
    }

    &.center{
        text-align:center;
    }
}

.social{
    margin-top:3rem;

    & a{
        margin:0 .2rem;
    }
}

@keyframes blink{
    0%, 100% { opacity:1; }
    50% { opacity:0; }
}

@media(max-width:1199px){
    nav{
        & .nav-wrapper{
            & .buttons{
                margin-left:auto;
            }
        }
    }
}

@media(max-width:991px){
    footer{
        & > .space{
            & p,
            & .align.right{
                text-align:center;
            }
        }
    }
}

@media(max-width:767px){
    footer{
        & > .map-wrapper{
            background-attachment:scroll;
        }
    }
}