Reseller Store Style Login CSS

/* import FontAwesome */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* display icon on login link */
.rstore-login-block a.login-link:before{
  content: '\f007';
  display: inline;
  height: 40px;
  width: 40px;
  font-family: FontAwesome;
  padding-right: 4px;
}

/* style welcome message */
.rstore-welcome-block span.welcome-message {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  width: 130px;
  text-transform: uppercase;
}

/* style first name */
.rstore-welcome-block span.firstname {
  font-size: 14px;
  color: #000;
}

/* hide last name */
.rstore-welcome-block span.lastname {
  display: none;
}

/* add icon to logout link */
.rstore-welcome-block a.logout-link:before{
  content: '\f007';
  display: inline;
  height: 40px;
  width: 40px;
  padding-right: 4px;
  font-family: FontAwesome;
  padding-left: 20px;
}

/* Licensed under MIT https://pastebin.com/pgkjCnCc */
/* For use with WordPress Plugin https://wordpress.org/plugins/reseller-store/ */