/* Manage layout and footer positioning */
body{
    height:100vh;
    margin:0;
    display:flex; 
    flex-direction:column;
    font-family: -apple-system-body, Arial, Helvetica, sans-serif;
}


footer{
    margin-top:auto; 
}
	
.header-corporate {
    padding: 0 10px 0 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 107px;
    transition: height 0s linear;
    align-items: center
}

.hdr-img-md {
    height: 100px;
    width:auto;
}

.navbar-header {
    width: 100%;
    background-color: #015d91;
    line-height: 50px;
	background-image: url(../images/bg-title-right-abstract.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 50px;
	box-shadow: 0 .4rem .4rem rgba(0,0,0,.08);
}

h1, h2, h3 {
    font-weight: 300;
}

@media(min-width: 768px) {
    .header-corporate_ {
        height: 60px;
    }
    .hdr-img-md_ {
        height: 60px;
    }
    #Logo {
        text-align: right;
    }    
}

/* Brand and sub-brand colours */
.bg-qedbluedark, .bg-qteachers, .bg-qparents, .bg-qsuite, .bg-qlearn{
    background-color: #0B2E4C;
}
.bg-qedbluemid{
    background-color: #005D91;
}


.bg-office365 {
    background-color: #D53B00;
}
.bg-thelearningplace {
    background-color: #415D00;
}

.bg-qteachers {
    /* optional lead/trail block colour style
    border-bottom: 4px solid #F7941D;
    background: linear-gradient(to right, #0B2E4C 300px, #F7941D 300px, #F7941D);
    */
}

div.bg-qteachers .navbar-brand::first-letter  {
    color: #F7941D;
}
div.bg-qlearn .navbar-brand::first-letter  {
    color: #BB68FF;
}
div.bg-qparents .navbar-brand::first-letter  {
    color: #7DCBE0;
}



/* vertical-line */
.vertical-line {
    width: 1px;
    background-color: gray;
    height: 100%;
    float: right;    
}



/* Form override */
.form-floating > label {
    opacity: 1!important;
}



/* button style */
.btn-qed {
    color: #282828;
    background-color: #EDEFF1;
    border-color: #888888;
}
.btn-qed:hover, .btn-qed:active  {
    color: white;
    background-color: #0B2E4C;
    border-color: #0B2E4C;
}

/* some spacing tweaks */

.nav-item-minwidth {
    min-width: 80px;
}
.nav-link-margin {
    margin-top:25px;
}

header .brand-main {
    height:108px;
}
header .brand-sub {
    height:50px;
}

/*
Ensure main content fits in cft
is adjusted for small devices
and footer is hidden for non-web devices
*/
.webbrowser-invalid {
    display:none;
}
/* .main-margins {
    margin-top:10px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
    .main-margins {
        margin-top:80px;
        margin-bottom: 180px;
    }
} */


/* Style and collapse the CUE footer into columns on small devices */
.hidden {
	visibility: hidden;
}
.cuelinks{
        text-align:center;
        padding:10px;
    }
    .cuelinks ul li{
        display:inline;
        padding-left:10px;
        padding-right:10px;
    }

    .cuelinks ul li a, .cuelinks ul li a:visited{
        color: white;
    }
    .cuelinks ul li a:hover, .cuelinks ul li a:active{
        text-decoration: underline;
    }

    .cuelinks ul li:not(:last-child){
        border-top: none;
        border-right: 1px solid rgba(255, 255, 255, .5);
        border-bottom: none;
        border-left: none;
}

@media only screen and (max-width: 600px) {
    .cuelinks ul li{
        display:block;
        padding-top:20px;
        padding-bottom:20px;
    }

    .cuelinks ul li:not(:last-child){
        border: none;
        background-image: linear-gradient(to right, rgba(255,255,255,.25) 50%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 8px 1px;
        background-repeat: repeat-x;
    }
}