﻿.header {
    width: 100%;
}

.header {    
}

.header-top-container {    
}

.header-top {
    max-width: 1000px;
    margin: 0px auto;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.logo-container, .mobile-button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
}

.mobile-button-container {
    display: none;
    padding-left: 1em;
}

.mobile-button-container:hover {
    cursor: pointer;
}

.header-logo {
    background: url('/images/kuboon-words.png') no-repeat top left;
    display: block;
    width: 100px;
    height: 26px;
    background-size: contain;
}

.header-top .button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
}

.header-bottom-container {
    background-color: white;
    margin-top: 60px;
    margin-bottom: -37px;
}

.header-bottom-container-hidden {
    display: none;
}

.header-home-bottom-container {
    background: none;
    margin-top: 60px;
    margin-bottom: -37px;
}

    .header-home-bottom-container a {
        color: #fff;
    }

        .header-home-bottom-container a:hover {
            color: #ddd;
        }

.is-visible {
    display: block;
}

.header-bottom {
    max-width: 1000px;
    margin: 0px auto;
}



.navbar-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.navbar-links > a {
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px;
    margin-left: 10px;    
    font-size: 0.9em;
    font-family: 'Lato', sans-serif
}

@media (max-width: 1040px) {
    .header-top, .header-bottom {
        padding: 0px 20px;
    }
}

/*@media (max-width: 700px) {
    .header-top {
        padding: 0px;
    }

    .header-top .button-container {
        display: none;        
    }

    .header-bottom-container, .header-home-bottom-container {
        display: none !important;
    }

    .mobile-button-container {
        display: inline-flex;
    }

    .mobile-button-container, .mobile-button-right-hack {
        flex: 1;
    }
}*/