/* css for fullscreen page. The fullscreen page has no sidebar, and takes up the
 full screen, and is used for login pages, etc */

/* Fonts */
/* Regular Inter Font */
body, html {
    background-color: #0c1444;
}
.site-container{
    display: flex;            /* Enable flexbox */
    flex-direction: column;   /* Stack elements vertically */
    height: 100%;            
    width: 100%;
    padding-top:68px;
    padding-left:12px;
    padding-right:12px;
}
.fullscreen-hero{
    flex: 0 1 auto;           /* Allow the hero section to take its natural height */
    display: flex;
    justify-content: center;  /* Center the image horizontally */
    align-items: center;      /* Center the image vertically */
    width:252px;
    margin-left:auto;
    margin-right: auto;
    margin-bottom:56px;
}

.fullscreen-logo{
    max-width: 100%;
    height: auto;
}

.main-content{
    width:100%;
    max-width:700px;
    height:auto;
    margin-left:auto;
    margin-right: auto;
    padding-bottom:30px;
}

label,
input, 
button{
    margin-bottom:11px;
}
input{
    height:48px;
}
.text-danger{
    margin-bottom:10px;
}

footer {
    background-color: transparent;
    padding:0;
    height:28px;
    color:white;
    margin-left:auto;
    margin-right:auto;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
    text-align: center;
    width:100%;
    left:0;
    top:12px;
    border:none;
}