a.sso-account .fa-user {
    background: #000000;
    padding: 10px 12px;
    border-radius: 50%;
    border: 2px solid #000000;
    margin: 0 8px 0 0px;
}


/* Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: inherit;
    font-size: var(--wp--preset--font-size--extra-small) !important;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    border-color: var(--wp--preset--color--transparent);
    border-width: 4px;
    border-style: solid;
    font-family: inherit;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 700;
    line-height: inherit;
    padding: .1rem .5rem;
    text-decoration: none;
}

.dropbtn .fa-user {
    background: #205eb8;
    padding: 8px 10px;
    border-radius: 50%;
    border: 0px solid;
    border-color: #5a8eef;
    font-size: 14px;
    color: #fff;
    pointer-events: none;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.sso-dropdown-content {
    display: none;
    position: relative;
    background-color: #fff;
    min-width: 100%;
    box-shadow: none;
    z-index: 1;
    border: 1px solid #00000026;
}

.sso-account-dropdown>.wp-block-navigation__container>li {
    width: 100%;
}

/* Links inside the dropdown */
.sso-dropdown-content a {
  color: #000 !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-decoration: underline;
}

/* Change color of dropdown links on hover */
.sso-dropdown-content a:hover {text-decoration: none;}

/* Show the dropdown menu (use JS to add this class to the .sso-dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* ~~~~~~~~~~~~~~~~ Landscape Tablets and Larger ~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 800px){
    /* Dropdown Content (Hidden by Default) */
    .sso-dropdown-content {
        position: absolute;
        min-width: 130px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }
    /* Change color of dropdown links on hover */
    .sso-dropdown-content a:hover {background-color: #f2f4f8;}

}