/** Icon Fonts **/
@font-face {
  font-family: 'Social-Login';
  src:  url('fonts/Social-Login.eot?2ismmd');
  src:  url('fonts/Social-Login.eot?2ismmd#iefix') format('embedded-opentype'),
    url('fonts/Social-Login.ttf?2ismmd') format('truetype'),
    url('fonts/Social-Login.woff?2ismmd') format('woff'),
    url('fonts/Social-Login.svg?2ismmd#Social-Login') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="xoo-sl-icon-"], [class*=" xoo-sl-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Social-Login' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.xoo-sl-icon-error:before {
  content: "\e900";
}
.xoo-sl-icon-check_circle:before {
  content: "\e90a";
}
.xoo-sl-icon-google:before {
  content: "\ea88";
}
.xoo-sl-icon-google-plus:before {
  content: "\ea8b";
}
.xoo-sl-icon-facebook2:before {
  content: "\ea91";
}

/* --- */

.xoo-sl-btns-container {
  padding: 10px 0;
}

.xoo-sl-social-btn{
  display: inline-block;
  padding: 10px 15px;
  z-index: 10;
  cursor: pointer;
  font-size: 15px;
  margin-right: 10px;
}

.xoo-sl-facebook-btn {
  background-color: #4267b2;
  color: #fff;  
}
.xoo-sl-google-btn{
  background-color: #dd4c40;
  color: #fff;
}

.xoo-sl-btn-icon{
  margin-right: 7px;
}

.xoo-sl-notice-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    font-size: 20px;
    z-index: 99999999;
}

.xoo-sl-notice {
    padding: 10px 20px;
}

.xoo-sl-notice.xoo-sl-notice-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

span.xoo-sl-notice-icon {
    margin-right: 5px;
}

.xoo-sl-notice.xoo-sl-notice-error{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.xoo-sl-btns-container .xoo-sl-social-btn:last-of-type{
  margin-right: 0;
}

body.wp-core-ui .xoo-sl-btns-container {
    position: relative;
    margin-bottom: 15px;
}

form#loginform {
    position: relative;
}