/*!
 * Post Quick-Edit.
 *
 * Part of the plugin's quick-edits concept used on the All Posts screen.
 *
 * @since 1.0.0
 */
/**
 * Gofer SEO - SASS/SCSS Abstract - Variables
 *
 * Contains commonly used values, like color, size, dimensions, etc..
 *
 * @since 1.0.3
 */
/* stylelint-disable selector-class-pattern -- WP uses the slug format. */
.gofer-seo-quick-edit-wrap {
  display: block;
  float: left;
  opacity: 1;
  max-height: 75px;
  overflow: hidden;
  width: 100%;
}

.gofer-seo-quick-edit-wrap.gofer_seo_editing {
  max-height: initial;
  overflow: visible;
}

@media screen and (max-width: 782px) {
  body.wp-admin th.column-gofer_seo_title {
    display: none;
  }
}

@media screen and (max-width: 782px) {
  th.column-gofer_seo_description, th.column-gofer_seo_keywords {
    display: none;
  }
}

td.gofer_seo_title.column-gofer_seo_title, td.gofer_seo_description.column-gofer_seo_description, td.gofer_seo_keywords.column-gofer_seo_keywords {
  overflow: visible;
}

@media screen and (max-width: 782px) {
  td.gofer_seo_title.column-seotitle, td.gofer_seo_description.column-seodesc, td.gofer_seo_keywords.column-seokeywords {
    display: none;
  }
}

.gofer-seo-quick-edit-pencil {
  margin-right: 5px;
  color: #3d3833;
}

.gofer-seo-quick-edit-pencil:hover {
  color: #0096dd;
  outline: 0;
}

.gofer-seo-quick-edit-pencil:focus {
  box-shadow: none;
}

.gofer-seo-quick-edit-input {
  float: left;
  position: relative;
  margin-bottom: 10px;
  font-size: 13px;
  width: 100%;
  z-index: 1;
}

.gofer-seo-quick-edit-input-save {
  margin-right: 5px;
  color: #16cc16;
}

.gofer-seo-quick-edit-input-save:active {
  color: #16cc16;
}

.gofer-seo-quick-edit-input-save:hover {
  color: #36e936;
}

.gofer-seo-quick-edit-input-save:focus {
  box-shadow: none;
}

.gofer-seo-quick-edit-input-cancel {
  color: red;
}

.gofer-seo-quick-edit-input-cancel:active {
  color: red;
}

.gofer-seo-quick-edit-input-cancel:hover {
  color: #ff3d3d;
}

.gofer-seo-quick-edit-input-cancel:focus {
  box-shadow: none;
}

.gofer-seo-quickedit-spinner {
  float: left;
  width: 16px;
  margin: 0 6px 3px 0;
}

/* stylelint-enable */