// ==========================================================================
// Base – Assets
// ==========================================================================

// Custom Buttons
.button {
  cursor: pointer;
  border: 1px solid #d7d7d7;
  background-color: #f3f3f3;
  line-height: normal;
  padding: 10px 20px;
  text-decoration: none;
  color: #363636;
  display: inline-block;
  transition: all 0.3s;
  &:hover, &:active { text-decoration: none; }
  &:hover { background: #f9f9f9; }
}
.button-primary {
  // Add your styles here
}
.button-secondary {
  // Add your styles here
}

// Button Styled as Link
.button-link {
  color: $base-link-color;
  text-decoration: underline;
  border: 0;
  background: transparent;
  padding: 0;
  &:hover { text-decoration: none; }
  &:active { outline: 0; }
}

.logout-button {
  margin-top: 30px;
  a {
    display: block;
    width: 100px;
    float: right;
    background: $orange;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    color: white;
    transition: background 300ms ease;
    &:hover {
      background: darken($orange, 5%);
      transition: background 300ms ease;
    }
  }
}

.logout-button2 {
  display: block;
  margin: auto;
  background: $orange;
  text-decoration: none;
  text-align: center;
  color: white;
  padding: 5px;
  margin: -15px;
  transition: background 300ms ease;
  &:hover {
    background: darken($orange, 5%);
    transition: background 300ms ease;
  }
}

.return-button {
  display: inline-block;
  margin: auto;
  background: $orange;
  text-decoration: none;
  text-align: center;
  color: white;
  margin-top: 30px;
  padding: 5px;
  transition: background 300ms ease;
  &:hover {
    background: darken($orange, 5%);
    transition: background 300ms ease;
  }
}

.logout-button-footer a{
  background: grey;
  padding: 3px 7px;
  color: white;
  margin-top: 20px;
  display: inline-block;
  font-size: 14px;
  transition: background 300ms ease;
  color: white;
  &:hover {
    background: $orange;
    color: #000;
    transition: background 300ms ease;
  }
}


body .wpProQuiz_button,
body .wpProQuiz_button:hover {
  cursor: pointer;
    margin: 0!important;
    padding: 7px !important;
    background: $blue!important;
    border-radius: 0!important;
    color: #fff!important;
    font-weight: normal!important;
    border: 0!important;
    box-shadow: none!important;
    text-shadow: none!important;
    filter: none!important;
    transition: background 300ms ease;
    float: none;
    font-size: 16px;
    &:hover {
      background: lighten($blue, 10%);
      transition: background 300ms ease;
    }
}


.congrats {
  display: block;
  margin: auto;
  background: $orange;
  text-decoration: none;
  text-align: center;
  color: white;
  margin-top: 30px;
  padding: 7px;
  transition: background 300ms ease;
  &:hover {
    background: darken($orange, 5%);
    transition: background 300ms ease;
  }
}

body .wpProQuiz_points,
body .wpProQuiz_time_limit_expired {
    font-weight: 700!important;
    text-align: left!important;
}


.download-button {
  background: $orange;
  text-decoration: none;
  padding: 7px;
  display: block;
  transition: background 300ms ease;
  color: white;
  margin-bottom: 20px;
  i {
    float: right;
  }
  &:hover {
    background: lighten($orange, 10%);
    color: white;
    transition: background 300ms ease;
  }
}
