/*
==============================================================================
CONFIDENTIAL - NON-DISCLOSURE NOTICE
------------------------------------------------------------------------------
This file contains proprietary and confidential information belonging to
The University of Sydney. It is provided under the terms of a Non-Disclosure
Agreement (NDA) and/or Licence Agreement. Any unauthorized copying, sharing, 
or distribution of this code or any part thereof is strictly prohibited.

For the full details of your confidentiality obligations, please refer to
the NDA and/or Licence Agreement under which you have received this code.

© 2023-2025 The University of Sydney. All rights reserved.
==============================================================================
*/


/* main area. Define flex-grow via CSS to be able to override without Bootstrap. */
.welcome-wrapper {
    flex-grow: 1;
}

.cogniti-pulse {
    animation: pulse 10s ease-in-out infinite;
}

/* Welcome screen logo sizing.
   Caps both width and height so non-square branded logos (e.g. wide
   wordmarks or tall lockups) render at a sensible size. The image uses
   ``object-fit: contain`` so its native aspect ratio is preserved within
   the box. */
.welcome-logo {
    width: 100%;
    max-width: 360px;
    max-height: 280px;
    height: auto;
    object-fit: contain;
}

@media (max-height: 700px) {
    .welcome-logo {
        max-height: 200px;
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Footer logos: position the wrapper, keep logos in normal flow.
   No gap here — spacing is handled by margin-right on the USyd logo
   and padding-left on the custom logo (which carries the border separator). */
.logo-wrapper {
  position: fixed;
  right: 25px;
  bottom: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 10;
}

.footer-logo {
  display: block;
  width: auto;
  object-fit: contain;
}

.footer-logo-usyd {
  height: 70px;
  padding: 0;
}

.footer-logo-custom {
  border-left: 1px solid #000;
  max-height: 70px;
  margin-left: 20px;
  padding-left: 20px;
}

/* Tall but not wide: move logos to bottom center and reduce size. Matches the sidebar collapse breakpoint. */
@media (max-width: 768px) {
  .logo-wrapper {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    bottom: 20px;
    justify-content: center;
  }
}

/* Shorter screens: move logo to center, returning to normal flow */
@media (max-height: 600px) {
  .welcome-wrapper {
    flex-grow: 0;
    margin-top: 12vh;
  }
  .logo-wrapper {
    position: revert;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    justify-content: center;
    padding: 90px 0 25px;
  }

  .footer-logo-usyd, .footer-logo-custom {
    max-height: 60px;
  }
}