@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');

@keyframes blink {
    from {box-shadow: 0 0 20px #e8c536;}
    to {box-shadow: none;}
}

body.login {
    background-image: url('gbn-background.jpg');
    background-size: cover;
}

body.login #loginform {
    box-shadow: 0 0 20px #e8c536;
    background-color: #e8c536;
    border-color: #000000;
}

body.login #login h1 a {
    background-image: url('gbn-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100px;
    display: block;
    transition: transform 0.4s ease, filter 0.4s ease;
}

/* Cool hover effect */
body.login #login h1 a:hover {
    transform: scale(1.05);
    filter: brightness(1.2) drop-shadow(0 0 10px rgba(255, 255, 255, 0.6));
}

body.login p#backtoblog,
body.login p#nav,
body.login #login-message {
    box-shadow: 0 0 20px #e8c536;
    padding: 1em !important;
    border: 1px solid #000000; 
    background-color: #e8c536;
}

body.login p#backtoblog a,
body.login p#nav a {
    color: #000000;
}

body.login p#backtoblog a:hover,
body.login p#nav a:hover {
    color: ##ffffff;
}

body.login .language-switcher {
    display: none;
}

body.login input#wp-submit {
    background-color: #e8c536;
    color: #000000;
    border-color: #000000;
}

body.login input#wp-submit:hover {
    background-color: #879b3a;
    color: #ffffff;
    border-color: #ffffff;
}

body.login #support-buttons a.gbn-button {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: blink;
    background-color: #e8c536;
    color: #000000;
    border-color: #879b3a;
}

body.login #support-buttons a.gbn-button::before,
body.login #support-buttons a.gbn-button::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e7"; /* Lightning Bolt */
    margin: 0 5px;
}

body.login #support-buttons a.gbn-button:hover {
    background-color: #879b3a;
    color: #ffffff;
    border-color: ##ffffff;
}

body.login #support-buttons {
    width: 320px;
    margin: 0 auto;
    text-align: center;
}