/*top padding of page content*/
.so-header {
    padding-top: 70px !important;
}

/*left right (60%/40%) header container styles*/
.so-header-right, .so-header-left {
    background-image: linear-gradient(#0099ff, #7a95b2);
    height: 50px !important;
    overflow: hidden;
}

/*header width on mobile devices*/
@media only screen and (max-width: 600px) {
    .so-header-right {
        width: 20% !important;
    }

    .so-header-left {
        width: 80% !important;
    }
}

/*menu placeholder styles*/
.so-menu-box {
    float: right !important; /*place to right*/
    padding-right: 10px;
    margin-top: 3px;
}

/*menu items styles */
.so-menu {
    display: inline !important; /*inline or grid for stacked menu*/
}
    /*menu link styles*/
    .so-menu a {
        padding: 10px !important; /*menu links padding*/
    }

    .so-menu > .menu-item {
        border: 0px !important; /*remove link borders*/
    }

        /*menu links styles when not active*/
        .so-menu > .menu-item > a {
            color: white !important;
            background-color: transparent;
        }
            /*menu styles on hover, focus, active*/
            .so-menu > .menu-item > a:hover,
            .so-menu > .menu-item > a:focus,
            .so-menu > .menu-item > a:active,
            .so-menu > .menu-item > form:hover {
                color: white !important;
                background-color: #7a95b2 !important;
                border-radius: 0px !important;
            }

/*mobile button styles*/
.so-mobile-btn {
    background-color: transparent;
}

/*logo image styles*/
.so-logo {
    width: auto;
    height: 50px !important;
}