#login h1, #login p, #loginform {
    display: none;
}
body {
    background: url(../img/login/skyscrapers.jpg) no-repeat;
    background-size:101% auto;
    box-sizing: border-box;
    font-family:'itc-avant-garde-gothic-pro', sans-serif;
    height:auto;
}
#login {
    box-sizing: border-box;
    margin-top:30vh;
    width:100%;
    background:#fff;
    padding:50px 20px;
}
@media (min-width: 992px) {
    body {
        background-size:50% 100%;
        display: flex;
        justify-content: flex-end;
    }   
    #login {
        display: flex !important;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
        width:50vw;
        height:100vh;
        margin:0;
        padding:30px;
    }
}
/* new logo */
.login h1 {
    width: 100%;
}
.login h1 a {
    background:url(../img/login/standard-global-cybersecurity.jpg) no-repeat;
    width:290px;
    height:90px;
    background-size:cover;
}
@media (min-width: 768px) {
    .login h1 a {
        width:380px;
        height:120px;
    }
}
#loginform {
    border:0;
    padding-bottom:0 !important;
}
.login-intro {
    width: 100%;
    text-align: center;
    color:#000;
    font-size:1.3rem;
    font-weight: 200;
}
/* hide the redundant form elements */
body.login div#login form#loginform p label, body.login-action-login div#login form#loginform input#user_login, #login form p.submit, #login br, .user-pass-wrap, .login #nav, .forgetmenot {
    display: none !important;
}

.okta {
    width:90px;
}
.azure {
    width:48px;
}
@media (min-width: 768px) {
    .okta {
        width:120px;
    }
    .azure {
        width:70px;
    }
}
#sso_buttonOktaDev, #sso_buttonGraceAzure, #sso_buttonOKTA, #sso_buttonGrace_Azure_Prod,  #sso_buttonsmj719, #sso_buttonbaz039 {
    margin-bottom:30px;
 /*   visibility: hidden;
    opacity:0;
    transition: 0.5s ease; */
}
/*
#sso_buttonsmj719.active, #sso_buttonbaz039.active {
    visibility: visible;
    opacity:1;
}
    */
#sso_buttonOktaDev div, #sso_buttonGraceAzure div, #sso_buttonOKTA div, #sso_buttonGrace_Azure_Prod div,  #sso_buttonsmj719 > div, #sso_buttonbaz039 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 !important;
}
#sso_buttonsmj719 > div:first-child, #sso_buttonbaz039 > div:first-child {
    display: none;
}
#mo_saml_login_sso_button_smj719 {
    margin-bottom:30px !important;
}
#sso_buttonOktaDev input[type="button"], #sso_buttonGraceAzure input[type="button"], #sso_buttonOKTA input[type="button"], #sso_buttonGrace_Azure_Prod input[type="button"],  #sso_buttonsmj719 a div, #sso_buttonbaz039 a div, #mo_saml_login_sso_button_baz039 a div, #mo_saml_login_sso_button_smj719 a div {
    background:#000 !important;
    color:#fff;
    height:auto !important;
    width:auto !important;
    padding:6px 15px;
    margin-left:20px;
    font-weight: 200;
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
    font-size:15px !important;
    border-radius: 4px !important;
}
#sso_buttonOktaDev input[type="button"]:hover, #sso_buttonOktaDev input[type="button"]:focus, #sso_buttonOktaDev input[type="button"]:active, #sso_buttonGraceAzure input[type="button"]:hover, #sso_buttonGraceAzure input[type="button"]:focus, #sso_buttonGraceAzure input[type="button"]:active, #sso_buttonOKTA input[type="button"]:hover, #sso_buttonOKTA input[type="button"]:focus, #sso_buttonOKTA input[type="button"]:active, #sso_buttonGrace_Azure_Prod input[type="button"]:hover, #sso_buttonGrace_Azure_Prod input[type="button"]:focus, #sso_buttonGrace_Azure_Prod input[type="button"]:active, #sso_buttonsmj719 a div:hover, #sso_buttonsmj719 a div:focus, #sso_buttonsmj719 a div:active, #sso_buttonbaz039 a div:hover, #sso_buttonbaz039 a div:focus, #sso_buttonbaz039 a div:active, #mo_saml_login_sso_button_baz039 a div:hover, #mo_saml_login_sso_button_baz039 a div:focus, #mo_saml_login_sso_button_baz039 a div:active, #mo_saml_login_sso_button_smj719 a div:hover, #mo_saml_login_sso_button_smj719 a div:focus, #mo_saml_login_sso_button_smj719 a div:active {
    background:#ED2B37 !important;
}

#backtoblog {
    text-align: center;
    font-style: italic;
    font-weight:200;
    padding:0 !important;

    display:none !important;
}
#backtoblog a {
    text-decoration: underline;
}
#backtoblog br {
    display: block;
}
@media (min-width: 992px) {
    #backtoblog {
        width: 100%;
    }
}


/* Plugin updates August 2026 */
.mo-saml-or-separator, .mo-saml-or-separator b {
    display: none !important;
}
.mo-saml-login-sso-button.mo-saml-login-sso-button_2, .mo-saml-login-sso-button.mo-saml-login-sso-button_3 {
    width: 100% !important;
}