/*!
 * Admin Inputs - Tooltips.
 *
 * Style for modifications to jQuery UI Tooltips.
 *
 * @since 1.0.0
 */
/**
 * Gofer SEO - SASS/SCSS Abstract - Variables
 *
 * Contains commonly used values, like color, size, dimensions, etc..
 *
 * @since 1.0.3
 */
.gofer-seo-tooltip {
  text-align: left;
  float: left;
  max-width: 23px;
  min-width: 20px;
  outline: none;
  color: #ffd6b0;
  font-family: sans-serif;
  line-height: 17px;
}

.gofer-seo-tooltip::before {
  content: "\f223";
  font-size: 22px;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- Dashicons is required. */
  font-family: dashicons;
  vertical-align: middle;
  margin-right: 4px;
}

.gofer-seo-tooltip:active {
  color: #ffd6b0;
}

.gofer-seo-tooltip:hover, .gofer-seo-tooltip:focus {
  color: #ff9639;
  box-shadow: unset;
}

.gofer-seo-tooltip span {
  font-size: 14px;
}

.ui-tooltip.gofer-seo-ui-tooltip {
  font-family: "Open Sans", sans-serif;
  -webkit-box-shadow: 0 0 5px #27221c;
  box-shadow: 0 0 5px #27221c;
  border: 0;
  border-radius: 9px;
  background: #f4f5f0;
  max-width: 300px;
  padding: 8px;
  position: absolute;
  z-index: 9999;
}

.ui-tooltip.gofer-seo-ui-tooltip div.ui-tooltip-content a {
  color: #0073aa;
  text-decoration: none;
}

.ui-tooltip.gofer-seo-ui-tooltip div.ui-tooltip-content dt {
  font-weight: 700;
}