/** ADDED BY GTI/Graeme - hiding temporary login button on home page **/
section.cover .cover-card-landing .btn-list-item[title="System Testing"] {
  display:none
}

/* !Importants at top. Could replace these with multiple @media queries */
.login-logo-container .site-logo {
    display:none !important;
}

header .login-content-container {
    display:none !important;
}

.side-section-body-container h2 {
    padding-top: 2vh !important;
}

.groupgtilink {
    display:none !important;
}

@media(max-width: 992px){
    .uoy-logo-container img {
        height:auto;
        max-width:400px;
        display:block;
        margin:auto;
    }
    
    .side-section-body-container p {
        color: #333;
    }
    .login {
        background:none;
    }
    .login .body .side-section .side-section-body .side-section-body-container h2 {
        color: #333;
    }
}

@media(max-width: 450px){
    .uoy-logo-container img {
        height:auto;
        max-width:315px;
        display:block;
        margin:auto;
    }
    .side-section-body-container p {
        color: #333;
    }
    .login {
        color: #333;
        background:none;
    }
    .login .body .side-section .side-section-body .side-section-body-container h2 {
        color: #333;
    }
}
@media(max-width: 320px){
    .uoy-logo-container img {
        height:auto;
        max-width:260px;
        display:block;
        margin:auto;
    }
    .side-section-body-container p {
        color: #333;
    }
    .login {
        color: #333;
        background:none;
    }
    .login .body .side-section .side-section-body .side-section-body-container h2 {
        color: #333;
    }
}
ul.pills li:nth-last-child(2) span {
    display: none;
}

ul.pills li:nth-last-child(2):after {
    content: "Careers and Placements Staff login";
}

.uoy-logo-container {
    /*padding-top:5vh;*/
}

.uoy-logo-container img {
    width:100%;
    height:auto;
    display:block;
    margin:auto;
}

@media (max-width: 992px) {
    #page .login-header {
  display:none;
}
}

#page .side-section-body .site-logo {
  margin-top: 3rem;
}

.version {
    color:#FFF;   
}

.terms {
 color:#FFF;   
}

#activity-modal .modal-dialog {
        width: 65%;
}

/***** CUSTOM PANE CSS, added by GTI / Angela *****/@media (min-width: 992px) {
	.flex-dash-row .dash-card-custom .card-body {
		/** changing the height of the custom pane body **/
		max-height:530px;
	}
}
/***** CUSTOM PANE CSS END *****/