/*
 * style-mobile.css
 * Applies to screens up to 600px width
 */

@media only screen and (max-width: 600px) {

    .page-banner {
        min-height: 100px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        text-align: right;
        padding: 1rem 2rem;
        max-height: 150px !important;
        background-color: white;
    }

    .page_container {
        margin: 0px !important;
        padding: 0px !important;
    }

    .ab_header .navbar {
        padding: 0rem 0.5rem !important;
    }

    #main {
        margin-left: 0px !important;
    }

    .access_form_card {
        padding: 30px 20px;
    }

    .login_register {
        font-size: 16px;
        padding: 8px 16px;
    }

    

    /*  Keep the code above this line  */
}

@media (max-width: 576px) {

    .modal-dialog {
        min-height: calc(100% - 2rem);
        margin: 1rem;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
}


/* === Upgraded Mobile View Styles (max-width: 600px) === */
@media only screen and (max-width: 600px) {
  .page-banner {
    min-height: 100px !important;
    max-height: 150px !important;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: right;
    padding: 1rem 2rem;
    background-color: white;
  }

  .page_container {
    margin: 0 !important;
    padding: 0 !important;
  }

  .ab_header .navbar {
    padding: 0rem 0.5rem !important;
  }

  #main {
    margin-left: 0px !important;
  }

  .access_form_card {
    padding: 30px 20px;
  }

  .login_register {
    font-size: 16px;
    padding: 8px 16px;
  }

  .modal-dialog {
    min-height: calc(100% - 2rem);
    margin: 1rem;
  }
}

/* === Small Screen Height Fix (max-height: 450px) === */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
}