/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 */
/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.dseop-author-bio-main {
  background-color: #fafafa;
  border: 1px solid #ddd;
  margin-bottom: 2rem !important;
}

.dseop-author-bio {
  display: grid;
  /* space between image and details */
  align-items: start;
  /* align top */
  padding: 15px;
  background: #fafafa;
  border: 2px solid gray;
  border-radius: 5px;
}

.ds_author_page_inner_top {
  display: grid;
  grid-template-columns: 120px 1fr;
  /* left column fixed for image, right flexible */
  gap: 20px;
  /* space between image and details */
  align-items: start;
  /* align top */
  padding: 15px;
  background: #fafafa;
}

.ds_author_page_inner_bottom {
  width: 100%;
}

.dseop-author-bio h3 {
  grid-column: 1/-1;
  /* make heading span both columns */
  margin-bottom: 10px;
  font-size: 1.2rem;
  color: #333;
}

.ds_author_img_container img {
  max-width: 100px;
  height: auto;
  border-radius: 0 !important;
  display: block;
}

.ds_author_details {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #444;
}

.ds_author_details strong {
  display: inline-block;
  margin-top: 8px;
  color: #000;
}

@media (max-width: 600px) {
  .dseop-author-bio {
    grid-template-columns: 1fr;
    /* stack image & details */
    text-align: center;
  }
  .ds_author_img_container {
    margin: 0 auto 15px;
  }
}
.ds_bs.dseop_author_meta-parent_container,
.ds_bs.dseop_reviewer_meta-parent_container {
  position: relative;
}

/* Step 1: make author and reviewer blocks inline */
.dseop_author_meta-parent_container,
.dseop_reviewer_meta-parent_container {
  display: inline-block !important;
  vertical-align: middle;
  margin: 0;
}

/* Step 3: make reviewer inline, only if after author */
.dseop_author_meta-parent_container ~ .dseop_reviewer_meta-parent_container {
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 10px;
}

/* Step 4: prevent affecting <p> after reviewer */
.dseop_reviewer_meta-parent_container ~ p {
  display: block !important;
  /* restore normal behavior for <p> after reviewer */
}

.ds_bs.dseop_author_meta-parent_container .ds-help-tooltip-icon,
.ds_bs.dseop_reviewer_meta-parent_container .ds-help-tooltip-icon {
  background-image: none;
}

.ds_bs .ds-help-tooltip {
  height: 16px;
  border: none;
  position: relative;
  display: inline;
}

.ds_bs .ds-help-tooltip-icon {
  white-space: nowrap;
  /* keeps long names inline */
}

.ds_bs .ds-help-tooltip:hover .ds-help-tooltip-icon {
  cursor: pointer;
  background-image: none;
}

.ds_bs .dseop_author_name {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.ds_bs .dseop_author_image {
  max-width: 50px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.ds_bs .ds-help-tooltip .ds-help-tooltip-container {
  min-width: 200px;
  max-width: 300px;
  height: auto;
  transition: opacity 0.3s ease;
  background: var(--global--color-black);
  box-shadow: 0px 3px 6px var(--global--box-shadow-color);
  border-radius: 6px;
  z-index: 1000;
  padding: 12px !important;
  color: aliceblue;
  display: none;
  position: absolute;
  bottom: 120%;
  left: 0;
  /* align with reviewer name start */
  white-space: normal;
  /* allow wrapping inside tooltip */
}

.ds_bs .ds-help-tooltip-content {
  font-size: var(--global--font-size-xxs);
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 0;
  margin-left: -35px;
  bottom: 90px;
  z-index: 10000;
}

.ds_bs .ds-help-tooltip-container .arrow {
  height: 25px;
  position: absolute;
  bottom: -8px;
  left: 20px;
}

.ds_bs .ds-help-tooltip-container .arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: 27px;
  top: 3px;
  width: 20px;
  height: 20px;
  z-index: 9999;
  background-color: var(--global--color-black);
  transform: rotate(45deg);
}

.ds_bs .ds-close-help-tooltip-button {
  border: 0.8px solid var(--global--color-light-gray);
}

p.dseop_more_link a {
  color: var(--global--color-light-yellow);
  text-decoration: underline;
}

.ds_bs .ds-close-help-tooltip-button:hover {
  animation: animates 0.3s ease-out forwards;
}

@keyframes animates {
  0% {
    border-top-color: var(--global--color-light-gray);
    border-right-color: var(--global--color-light-gray);
    border-bottom-color: var(--global--color-light-gray);
    border-left-color: var(--global--color-light-gray);
  }
  25% {
    border-top-color: var(--global--color-light-yellow);
    border-right-color: var(--global--color-light-gray);
    border-bottom-color: var(--global--color-light-gray);
    border-left-color: var(--global--color-light-gray);
  }
  50% {
    border-top-color: var(--global--color-light-yellow);
    border-right-color: var(--global--color-light-yellow);
    border-bottom-color: var(--global--color-light-gray);
    border-left-color: var(--global--color-light-gray);
  }
  75% {
    border-top-color: var(--global--color-light-yellow);
    border-right-color: var(--global--color-light-yellow);
    border-bottom-color: var(--global--color-light-yellow);
    border-left-color: var(--global--color-light-gray);
  }
  100% {
    border-top-color: var(--global--color-light-yellow);
    border-right-color: var(--global--color-light-yellow);
    border-bottom-color: var(--global--color-light-yellow);
    border-left-color: var(--global--color-light-yellow);
  }
}

/*# sourceMappingURL=seo-with-definite-seo-pro-public.css.map */