/*

██╗    ██╗██╗      ██████╗  ██████╗  ██████╗ ██╗   ██╗████████╗
██║    ██║██║     ██╔═══██╗██╔════╝ ██╔═══██╗██║   ██║╚══██╔══╝
██║ █╗ ██║██║     ██║   ██║██║  ███╗██║   ██║██║   ██║   ██║   
██║███╗██║██║     ██║   ██║██║   ██║██║   ██║██║   ██║   ██║   
╚███╔███╔╝███████╗╚██████╔╝╚██████╔╝╚██████╔╝╚██████╔╝   ██║   
 ╚══╝╚══╝ ╚══════╝ ╚═════╝  ╚═════╝  ╚═════╝  ╚═════╝    ╚═╝   

WLogout Config File by Arfan Zubi

*/

window {
    color: #EFF8FE;
    background-color: rgba(45, 53, 59, 0.7);
    font-family: Iosevka Nerd Font, sans-serif;
    font-weight: bold;
    font-size: 20px;
}

button {
    margin: 5px;
    color: #AF5F5F;
    background-color: #EFF8FE;
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center;
    border: 4px solid #AF5F5F;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    opacity: 0.9;
    transition: background-color 0.2s ease-in-out;
}

button:focus, button:active, button:hover {
    color: #EFF8FE;
    background-color: #AF5F5F;
    text-shadow: none;
}

#lock {
    /* background-image: image(url("./icons/lock.png")); */
    background-image: image(url("./icons/lock-hover.png"));
}
#lock:hover, #lock:focus {
    background-image: image(url("./icons/lock-hover.png"));
}

#logout {
    /* background-image: image(url("./icons/logout.png")); */
    background-image: image(url("./icons/logout-hover.png"));
}
#logout:hover, #logout:focus {
    background-image: image(url("./icons/logout-hover.png"));
}

#suspend {
    /* background-image: image(url("./icons/suspend.png")); */
    background-image: image(url("./icons/suspend-hover.png"));
}
#suspend:hover, #suspend:focus {
    background-image: image(url("./icons/suspend-hover.png"));
}

#hibernate {
    /* background-image: image(url("./icons/hibernate.png")); */
    background-image: image(url("./icons/hibernate-hover.png"));
}
#hibernate:hover, #hibernate:focus {
    background-image: image(url("./icons/hibernate-hover.png"));
}

#shutdown {
    /* background-image: image(url("./icons/shutdown.png")); */
    background-image: image(url("./icons/shutdown-hover.png"));
}
#shutdown:hover, #shutdown:focus {
    background-image: image(url("./icons/shutdown-hover.png"));
}

#reboot {
    /* background-image: image(url("./icons/reboot.png")); */
    background-image: image(url("./icons/reboot-hover.png"));
}
#reboot:hover, #reboot:focus {
    background-image: image(url("./icons/reboot-hover.png"));
}
