/* =========================================================
   ACADEMY AVIATION ONLINE
   CANVAS LOGIN CUSTOMIZATION
   FINAL VERSION
   ========================================================= */


/* =========================================================
   1. ACADEMY AVIATION ONLINE LOGIN LOGO
   ========================================================= */

.mobileLogin-Header {
    z-index: 1 !important;

    background-image: url("https://instructure-uploads-apse1.s3.ap-southeast-1.amazonaws.com/account_284400000000000001/attachments/1120/logo-01.png") !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;

    /* Academy Aviation Online logo size */
    background-size: 200px auto !important;

    min-height: 150px !important;
}


/* Hide the original Canvas login logo */

.mobileLogin-Header img {
    visibility: hidden !important;
}


/* =========================================================
   2. HIDE LOGIN FOOTER LINKS
   =========================================================

   This hides ONLY the footer content.

   It does NOT change:
   - Email
   - Password
   - Stay Signed In
   - Forgot Password
   - Log In
   - Global Navigation
   - Dashboard
   - Nav Logo
   ========================================================= */


/* Hide footer text */

#footer {
    color: transparent !important;
}


/* Hide footer links */

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
    color: transparent !important;
    text-decoration: none !important;
    pointer-events: none !important;
}


/* Hide footer text elements */

#footer span,
#footer p,
#footer div,
#footer li,
#footer label {
    color: transparent !important;
}


/* =========================================================
   3. HIDE INSTRUCTURE LOGO
   ========================================================= */


/* Hide images inside login footer */

#footer img {
    opacity: 0 !important;
    visibility: hidden !important;
}


/* Hide SVG Instructure logo */

#footer svg {
    opacity: 0 !important;
    visibility: hidden !important;
}


/* Hide SVG contents */

#footer svg * {
    opacity: 0 !important;
}


/* Hide elements whose class identifies them as a logo */

#footer [class*="logo"],
#footer [class*="Logo"] {
    opacity: 0 !important;
    visibility: hidden !important;
}


/* Hide elements whose ID identifies them as a logo */

#footer [id*="logo"],
#footer [id*="Logo"] {
    opacity: 0 !important;
    visibility: hidden !important;
}


/* =========================================================
   4. HIDE FOOTER BACKGROUND LOGO
   ========================================================= */

#footer .footer-logo,
#footer .footer-logo a,
#footer .footer-logo::before,
#footer .footer-logo::after {
    background-image: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}


/* =========================================================
   5. HIDE FOOTER LINK CONTAINER CONTENT
   ========================================================= */

#footer-links {
    color: transparent !important;
}

#footer-links a,
#footer-links span,
#footer-links div,
#footer-links li {
    color: transparent !important;
    text-decoration: none !important;
    pointer-events: none !important;
}


/* =========================================================
   IMPORTANT
   =========================================================

   DO NOT USE:

   #footer {
       display: none !important;
   }

   DO NOT MODIFY:

   #login_form
   input widths
   button widths
   margins
   floats
   positioning

   This keeps the Canvas login form in its original
   working alignment.
   ========================================================= */