/*
Theme Name: Blocksy Child
Theme URI: https://proins.co/
Description: Child theme for the Blocksy WordPress theme
Author: Bongumenzi Khumalo
Author URI: https://proins.co/
Template: blocksy
Version: 1.0.0
*/
/* Container */
.header-user-menu {
    position: relative;
    display: inline-block;
}

/* Greeting */
.user-greeting {
    cursor: pointer;
    color: #fff;
}

/* Dropdown */
.user-dropdown {
    position: absolute;
    top: 100%;
    right: 0;

    background: #000; /* black background */
    min-width: 160px;
    margin: 0;
    padding: 0;
    list-style: none;

    overflow: hidden;
    max-height: 0;   /* THIS hides it by default */
    transition: max-height 0.3s ease;

    border: 1px solid #222;
    z-index: 9999;
}

/* When open */
.user-dropdown.show-dropdown {
    max-height: 600px; /* smooth slide */
}

/* Items */
.user-dropdown li {
    padding: 12px 18px;
}

/* Links */
.user-dropdown li a {
    color: #fff;
    display: block;
    text-decoration: none;
}

/* Hover color = Blocksy primary theme color */
.user-dropdown li a:hover {
    background: var(--ct-primary-color);
    color: #fff;
}