﻿html {
    position: relative;
    min-height: 100%;
}

#page-container {
    position: relative;
    min-height: 100vh;
}

#content-wrap {
    padding-bottom: 11.9rem; /* Footer height */
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 11.9rem; /* Footer height */
}



/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
}

.navbar-brand {
    font-family: Poppins;
    font-size: 2rem;
    font-weight: lighter;
    padding-left: 10px;
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: .85em;
    background-color: #132048;
    margin: 1em 0 0 0;
    padding: 1em;
}

    .footer span.footer-text {
        display: inline-block;
        color: #ffffff;
    }

.body-content a:link, .body-content a:visited {
    color: #75577d;
    text-decoration: underline;
}

.footer a:link, .footer a:visited {
    color: #ffffff;
    text-decoration: none;
}

.footer a:hover, .footer a:active {
    color: #059bff;
    text-decoration: underline;
}


img.mc-seal {
    max-height:120px;
    display: inline-block;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 20px;
}
/* #endregion */

/* #region custom Kendo UI styles */


h1 a {
    font-family: Poppins Extra Bold;
    font-size: 2em;
    color: #132048;
}

h2 {
    font-family: Poppins Bold;
    font-size: 1.7em;
    color: #132048;
}
h3 {
    font-family: Roboto Bold;
    font-size: 1.3em;
    color: #333333;
}

.placeholder img {
    display: inline-block;
}

p .k-button {
    margin: 0 15px 0 0;
}

#configure {
    display: none;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

#responsive-panel {
    padding: 0;
    width: 100%;
}

    #responsive-panel .k-menu {
        padding: .5rem;
    }
/* #endregion */

@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        padding: 0 1rem;
    }

    .k-rpanel-expanded {
        padding: .5rem 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .navbar-brand {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-widget.k-menu-horizontal > .k-item {
        border: none;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }

    .k-rpanel-expanded ul {
        flex-direction: column;
    }

    
}
