@media (min-width: 992px) {
.login-content-container {
      display:block !important; /* ANG this was display:none, unhiding as part of TC-18282 */
      margin-top: calc(25vh + (100px + 20px));
  }
}
/*BEFORE LOGIN - MAIN LOGIN PAGE*/

.romeo p, .romeo div, .romeo h1, .romeo h2, .romeo h3, .romeo h4, .romeo h5, .romeo h6{
     font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

/*Main login page login box background colour*/
.romeo  section.cover-unauth .cover-card {
    border-radius: 10px; /* overrides previous rules */
    background-color: #242753; /*rgba(255, 205, 0, 1);*/
    font-weight:normal !important;
           
}

.romeo section.cover-unauth .cover-card .card-body{
    border-radius: 10px !important;
     box-shadow:  0 6px 20px 0 rgba(0, 0, 0, 0.7);
  }

.romeo section.cover-unauth .cover-card h1{
    font-size: 30px !important;
     font-weight:normal !important;
}

.romeo section.cover-unauth .cover-card p{
     font-weight:normal !important;
}

/*This also generates a werid blue line on the home page
.romeo section.cover-unauth .card .card-body {
    background-color: #242753 !important;
}*/

/*Individual login pages text*/
.romeo section.cover-unauth .card-title, .romeo section.cover-unauth .card-body, .romeo section.cover-unauth .romeo .card-title, .romeo section.cover-unauth a,
.romeo section.cover-unauth .text-secondary, .romeo section.cover-unauth .optional {
    color: white !important;
}
/*Login page buttons set colour*/
.romeo section.cover-unauth {
  --primary: white;
  --secondary: white;
  --primary-contrast: #242753;
}

/*Login pages floating label background colour*/
.romeo section.cover-unauth .mdc-floating-label
{
    background-color: white !important;
    padding: 5px !important;
    border-radius: 7px; 
}

/*Login page buttons hover colour*/
.romeo section.cover-unauth .btn-list-item:hover {
    border: 2px solid #ffcc00 !important;
    color: #242753 !important;
        filter: brightness(100%) !important;
}

/*Login page button colour*/
.romeo section.cover-unauth .btn-list-item {
    border: 2px solid white !important;
    color: #242753 !important;
}
/*Login page buttons colour*/
.romeo  section.cover-unauth .btn-list-text, .romeo  section.cover-unauth .btn-list-icon   {
    color: #242753  !important;
}

/*Login page text fields colours*/
.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper, .mdc-text-field--outlined .mdc-notched-outline {
    background-color: white;
    border-radius: 5px !important;
    color: #242753 !important;
    
}

/*Login text field values*/
.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input{
    color: #242753 !important;
    position: absolute;
  z-index: 10;
}


/*Graduate registration page instructions text colour*/
.romeo section.cover-unauth .text-muted{
    color:white !important;
}



/*LOGIN PAGE CONTENT PANE*/
/*Move login content box up
.romeo section.cover-unauth .cover-client-content .cover-client-content-logo {
 margin-bottom: 0 !important;   
}

.logincontentshadow{
  box-shadow:  0 6px 20px 0 rgba(0, 0, 0, 0.7);
  border-radius: 10px; 
}*/


/*Turret overlay

.yellow_turret img{
    border-radius: 10px 10px 0 0 !important; 
}
  
.yellow_turret{
display: block !important;
  margin: 0 !important;
    position: relative ;
}

.yellow_turret::after {
   content: "";
  position: absolute ;
    left: 30px;
  bottom: 0px;
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid white;
}*/

/*Content box with Fair info
.fairbox {
  background-color: #fff;
  padding: 20px;
  margin: 0 !important;           
  border-radius: 0 0 10px 10px;   
  top: auto;                      
}*/



/*Navy and white tiles upon student logging in*/
.sw-feature-box li a:hover {
        color: #fff;
}

.sw-feature-box .greybox a:hover {
        color: #242753;
}

/*This generates a random navy line on the home page, but I don't think it has any other effect
.romeo section.cover-unauth .card .card-body {
    background-color: #242753 !important;
}*/

.sw-feature-box li a:hover span.box-hover { /*white animated border*/
    margin: 6px;
    border: 1px solid ;
}

.sw-feature-box h2 {
  font-size: 22px;
  line-height: 1.25;
  font-weight: 500;
  margin: 0 0 24px;
  color: #fff;
}

.sw-feature-box {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.sw-feature-box ul p {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 300;
  font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
 
}

.box-hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all .2s ease-out;
}

.sw-feature-box li {
    background-color:#242753;
    position: relative;
    padding: 15px;
  flex: 1 1 calc(33.333% - 14px);
 
    margin: 0;
    min-height: 200px;
}

.sw-feature-box .greybox {
    background-color: #fff;
    border: 1px solid #242753;
 }

.sw-feature-box li a {
    width: 100%;
    height: 100%;
    color: #575756;
    padding: 0px;
    display: flex;
        flex-direction: column;

    justify-content: space-between;
    text-decoration: none;
     color: #fff;
}

.sw-feature-box .greybox h2, .sw-feature-box .greybox a{
       color:#242753;
}

.sw-feature-box li span.butt
 {
    /*margin: 5px 0 0 60px;*/
    align-self: flex-end;
    font-size: 15px;
  line-height: 1.2105263158;
  font-weight: 700;
}

.sw-feature-box .butt::before  {
    background-color: #fff;
}

.sw-feature-box .greybox .butt::before{
    background-color:#242753;
}
.sw-feature-box li:hover span.butt::before  {
    background-color: #ffcc00;
}

.butt:before{
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color,.1s;
    transition: background-color, .1s;
    content: "";
    display: block;
    height: 4px;
    width: 42px;
    margin-bottom: 5px;
}


/*Systems Setting red menu item*/
#menu-operator-maintenance-service-settings{
    background-color: #e09f9b !important;
}

#menu-operator-maintenance-service-settings a:hover{
    background-color: #d67f22 !important;
}

/*Maintenance menu last item padding*/
#menu-operator-maintenance-global-email-integration{
    padding-bottom: 30px;
}

/*LIVE SITE warning label*/
#menu-home::after{
 background: red;
    border-radius: 3px;
    color: #fff;
    content: "LIVE SITE";
    font-size: 11px;
    padding: 5px;
    position: absolute;
    text-align: center;
    margin-top: -35px;
    margin-left: 10em;
      pointer-events: none;
}

/* Student dashboard custom pane - added by Ang/GTI - April 2024 */
/*@media (min-width: 992px) {*/
/*.flex-dash-row .dash-card-custom .card-body {*/
/*    max-height: 480px;*/
/*    overflow-x: auto;*/
/*    }*/
/*}*/