/* ========================================================================== 
* Product Name: Platform CSS Stub
* Description: Original CSS that we moved from platform to the Default template 
========================================================================== */
@import url('/shared/fonts/lato/include.css');
@import url('/shared/fonts/oswald/include.css');

body, select {
    font-family: 'Lato', sans-serif;
    font-size: 12pt;
}

.emphasize {
    font-weight: bold;
}

.deemphasize {
    color: #aaa;
}

.smaller {
    font-size: 10pt;
}

.small {
    font-size: 8pt;
}

.bigger {
    font-size: 14pt;
}

.big {
    font-size: 16pt;
}

#page-header {
    background-color: transparent;
    position: fixed;
    top: 0;
    height: 100px;
    width: 100%;
    z-index: 7000;
}

#page-nav {
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 7000;
    box-shadow: 0 5px 10px #999;
}

/* Adding this from JS/Widgets/Menu.scss, because the value from the previous rule was overriding it and hiding the menu --SK 2/7/18 */
@media (max-width: 700px) {
    #page-nav {
        z-index: 8000;
    }
}


.k-mobile #page-header,
.k-mobile #page-nav {
    position: absolute;
}

#page-header .w-login {
    margin-top: 35px;
}

@media (max-width: 480px) {
    #page-header .w-logo {
        text-align: left;
    }

    /* This is being inherited by various themes and causing the logo to stretch. Removing handling at the theme level --SK 8/18/18 */
        #page-header .w-logo img {
           /* width: 100px; */  
            margin: 0.5em;
        }
}