@font-face {
  font-family: "Inter";
  font-style: normal;
  font-feature-settings: "cv08";
  font-weight: 400;
  src: url(../fonts/Inter-Regular.woff2?a7e06560e456e6b1d13f3a7139b2e179) format("woff2"), url(../fonts/Inter-Regular.woff?5cc642fb7ce554291deff001e82320de) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-feature-settings: "cv08";
  font-weight: 400;
  src: url(../fonts/Inter-Italic.woff2?8d9b178e422f56de5fcf9850bcd1bbdd) format("woff2"), url(../fonts/Inter-Italic.woff?270ff1e5e8104238b4af304b0ce063bf) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-feature-settings: "cv08";
  font-weight: 500;
  src: url(../fonts/Inter-Medium.woff2?ea85aaff72f3ada9c6ed4d143d003cc1) format("woff2"), url(../fonts/Inter-Medium.woff?9323ebc91e5e5a381fa3d6fdc9d1ea0f) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-feature-settings: "cv08";
  font-weight: 500;
  src: url(../fonts/Inter-MediumItalic.woff2?a2c2d63bf6a12fca42735c9d51ca9766) format("woff2"), url(../fonts/Inter-MediumItalic.woff?441489593ce728cdbeef9201d6b33bc3) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-feature-settings: "cv08";
  font-weight: 600;
  src: url(../fonts/Inter-SemiBold.woff2?782d714c74747c3648d7525c6c272d20) format("woff2"), url(../fonts/Inter-SemiBold.woff?c1764dd9c41d13975ab6d212e1f11ce8) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-feature-settings: "cv08";
  font-weight: 600;
  src: url(../fonts/Inter-SemiBoldItalic.woff2?a5fe27179edb6bd6430602123fb2355f) format("woff2"), url(../fonts/Inter-SemiBoldItalic.woff?4421a27c2335c6145189a9d3b2da512f) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-feature-settings: "cv08";
  font-weight: 700;
  src: url(../fonts/Inter-Bold.woff2?c01915d71f09e73b59a4e0b3ba434718) format("woff2"), url(../fonts/Inter-Bold.woff?81c56203e15c9f2026589923abe3349f) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-feature-settings: "cv08";
  font-weight: 700;
  src: url(../fonts/Inter-BoldItalic.woff2?e1fbb9bb48d43f0b5dd4fe53a0b2b7f4) format("woff2"), url(../fonts/Inter-BoldItalic.woff?987999564a57673fa4431f4bbbe41b40) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-feature-settings: "cv08";
  font-weight: 800;
  src: url(../fonts/Inter-ExtraBold.woff2?bc8edf98c1e570fc655b6dceaf3c9cf3) format("woff2"), url(../fonts/Inter-ExtraBold.woff?cea5f61b0a480043a80b3ab458407e78) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-feature-settings: "cv08";
  font-weight: 800;
  src: url(../fonts/Inter-ExtraBoldItalic.woff2?2515868874dac60f6187abda72fd848d) format("woff2"), url(../fonts/Inter-ExtraBoldItalic.woff?f9018c939810cb2a6022a7f252989f38) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-feature-settings: "cv08";
  font-weight: 900;
  src: url(../fonts/Inter-Black.woff2?809003b9cc36f8449cbb6e46d4be7644) format("woff2"), url(../fonts/Inter-Black.woff?0c06c37d48bf73e403a27a05e9ab8764) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-feature-settings: "cv08";
  font-weight: 900;
  src: url(../fonts/Inter-BlackItalic.woff2?6d2e712b02d07c8ee52c5478355eccbb) format("woff2"), url(../fonts/Inter-BlackItalic.woff?104b1daa5711ffe9355edb2df9351c61) format("woff");
}
#surfer_keyword_surfer.postbox .surfer-hide-in-postbox {
  display: none;
}

#surfer_keyword_surfer.postbox .surfer-hide-in-sidebar {
  display: flex;
}

.edit-post-sidebar .components-panel .keyword-surfer-grid .surfer-hide-in-sidebar {
  display: none;
}

#side-sortables #surfer_keyword_surfer.postbox .surfer-hide-in-sidebar,
div.is-side #surfer_keyword_surfer.postbox .surfer-hide-in-sidebar {
  display: none;
}

#side-sortables #surfer_keyword_surfer.postbox .surfer-hide-in-postbox,
div.is-side #surfer_keyword_surfer.postbox .surfer-hide-in-postbox {
  display: flex;
}

.surfer-posts-table {
  width: 100%;
  border: 1px solid #c3c4c7;
}
.surfer-posts-table thead th {
  border-bottom: 1px solid #c3c4c7;
}
.surfer-posts-table tfoot th {
  border-top: 1px solid #c3c4c7;
}
.surfer-posts-table__header {
  background-color: #fff;
}
.surfer-posts-table__header th {
  text-align: right;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #222a3a;
}
.surfer-posts-table__header th:first-child {
  text-align: left;
}
.surfer-posts-table__row {
  background-color: #fff;
}
.surfer-posts-table__row:nth-child(even) {
  background-color: #f6f7f7;
}
.surfer-posts-table__row:last-child td {
  border-bottom: 0px;
}
.surfer-posts-table__row td:last-child {
  text-align: right;
}
.surfer-posts-table__row td {
  padding: 10px;
  border-bottom: 1px solid #c3c4c7;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  color: #222a3a;
}
.surfer-posts-table__row td span.number {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #1d2327;
}
.surfer-posts-table__row td span.number--red {
  color: #e53e3e;
}
.surfer-posts-table__row td a.post-title {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #2271b1;
}
.surfer-posts-table__row td a.post-title:hover {
  color: #1e5f8b;
}
.surfer-posts-table__row td svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: top;
}
.surfer-posts-table__row td:first-child {
  text-align: left;
}
.surfer-posts-table__row:hover .post-title-box__hidden-links {
  visibility: visible;
}
.surfer-posts-table__row .post-title-box__hidden-links {
  margin-top: 2px;
  visibility: hidden;
}
.surfer-posts-table__row .post-title-box__hidden-links a {
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
  padding: 0px 8px;
}
.surfer-posts-table__row .post-title-box__hidden-links a:first-child {
  padding-left: 0px;
}
.surfer-posts-table__row .post-title-box__hidden-links a + a {
  border-left: 1px solid #787b80;
}

.surfer-table-filter {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}

:root {
  --tooltip-margin: 0px;
  --tooltip-arrow-size: 6px;
}

/* Wrapping */
.surfer-tooltip {
  display: inline-block;
  position: relative;
}
.surfer-tooltip__content {
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px;
  color: #fff;
  background: #222a3a;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  z-index: 100;
  white-space: nowrap;
  box-shadow: 0px 4px 12px 0px rgba(24, 26, 34, 0.08), 0px 2px 4px 0px rgba(24, 26, 34, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
}
.surfer-tooltip__content:before {
  content: " ";
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: var(--tooltip-arrow-size);
  margin-left: calc(var(--tooltip-arrow-size) * -1);
}
.surfer-tooltip__content--top {
  top: calc(var(--tooltip-margin) * -1);
}
.surfer-tooltip__content--top:before {
  top: 100%;
  border-top-color: #222a3a;
}
.surfer-tooltip__content--right {
  left: calc(100% + var(--tooltip-margin));
  top: 50%;
  transform: translateX(0) translateY(-50%);
}
.surfer-tooltip__content--right:before {
  left: calc(var(--tooltip-arrow-size) * -1);
  top: 50%;
  transform: translateX(0) translateY(-50%);
  border-right-color: #222a3a;
}
.surfer-tooltip__content--bottom {
  bottom: calc(var(--tooltip-margin) * -1);
}
.surfer-tooltip__content--bottom:before {
  bottom: 100%;
  border-bottom-color: #222a3a;
}
.surfer-tooltip__content--left {
  left: auto;
  right: calc(100% + var(--tooltip-margin));
  top: 50%;
  transform: translateX(0) translateY(-50%);
}
.surfer-tooltip__content--left:before {
  left: auto;
  right: calc(var(--tooltip-arrow-size) * -2);
  top: 50%;
  transform: translateX(0) translateY(-50%);
  border-left-color: #222a3a;
}

.performance-report h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #222a3a;
  margin-bottom: 20px;
}
.performance-report__date {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4a5568;
  margin-bottom: 30px;
}
.performance-report__header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.surfer-domain-report {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0px;
  border: 1px solid #787b80;
  background-color: #fff;
}
.surfer-domain-report__loader {
  width: 100%;
  text-align: center;
  padding: 8px;
}
.surfer-domain-report__single-data {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #222a3a;
}
.surfer-domain-report__single-data div {
  justify-content: center;
}
.surfer-domain-report__single-data--up svg {
  color: #338f61;
}
.surfer-domain-report__single-data--up span {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  vertical-align: top;
  margin-left: 8px;
  color: #338f61;
}
.surfer-domain-report__single-data--down svg {
  color: #e53e3e;
}
.surfer-domain-report__single-data--down span {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  vertical-align: top;
  margin-left: 8px;
  color: #e53e3e;
}
.surfer-domain-report__single-data svg {
  display: inline-block;
  width: 24px;
  height: 32px;
  vertical-align: top;
  margin-left: 8px;
}
.surfer-domain-report__single-data h3 {
  margin: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #2271b1;
}
.surfer-domain-report__single-data h3 svg {
  height: 24px;
  margin-right: 8px;
}

.surfer-dialog__title h2 {
  font-size: 24px;
  font-weight: 600;
  color: #222a3a;
  line-height: 32px;
}
.surfer-dialog__actions {
  padding: 24px;
  border-top: 1px solid #e2e8f0;
}

.surfer-reconnect-posts-with-drafts-box__result,
.surfer-test-gsc-connection-box__result,
.surfer-remove-surfer-backups-box__result {
  background-color: #fff;
  border: #d9d9d9;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 12px;
  font-family: monospace;
  white-space: pre;
  box-sizing: border-box;
}

.elementor-control-surfer_content_export_section,
.elementor-control-surfer_keyword_research_section {
  background-color: #fff;
  color: #222a3a;
  margin-top: 0px !important;
}
.elementor-control-surfer_content_export_section .elementor-panel-heading,
.elementor-control-surfer_keyword_research_section .elementor-panel-heading {
  color: #222a3a;
}
.elementor-control-surfer_content_export_section + div,
.elementor-control-surfer_keyword_research_section + div {
  background-color: #fff;
}

#surfer-content-export-box,
#surfer-keyword-research-box {
  background-color: #fff;
}
