/* SecurityTalent 1.9.43 — native-width sidebars and focused guest experience. */
:root {
  --st-easysocial-sidebar-width: 300px;
}

@media (min-width: 768px) {
  body[class*="com-"] #sp-main-body #sp-left,
  body[class*="com-"] #sp-main-body #sp-right,
  body[class*="com-"] #sp-main-body [id^="sp-sidebar-"],
  .com-easysocial .es-container > .es-sidebar,
  .com-easyblog .eb-container > .eb-sidebar,
  .com-easydiscuss .ed-container > .ed-sidebar,
  .com-payplans .pp-container > .pp-sidebar {
    width: var(--st-easysocial-sidebar-width) !important;
    min-width: var(--st-easysocial-sidebar-width) !important;
    max-width: var(--st-easysocial-sidebar-width) !important;
    flex: 0 0 var(--st-easysocial-sidebar-width) !important;
  }
}

/* Guests receive a clean conversion view. Application navigation and filter
   rails return automatically after authentication. */
body.st-guest #sp-component :is(
  .es-toolbar,
  .eb-toolbar,
  .ed-toolbar,
  .fd-toolbar,
  .es-navbar,
  .eb-navbar,
  .ed-navbar,
  .o-toolbar,
  .o-navbar,
  .mod-si-toolbar,
  [data-fd-toolbar]
) {
  display: none !important;
}

body.st-guest #sp-main-body :is(#sp-left, #sp-right, [id^="sp-sidebar-"]),
body.st-guest #sp-component :is(.es-sidebar, .eb-sidebar, .ed-sidebar, .pp-sidebar) {
  display: none !important;
}

body.st-guest #sp-main-body #sp-component,
body.st-guest #sp-component :is(.es-content, .eb-content, .ed-content, .pp-content) {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

body.st-guest #sp-component .st-guest-access-panel {
  display: block !important;
  width: min(100%, 960px) !important;
  margin-inline: auto !important;
}

@media (min-width: 1200px) {
  :root {
    --st-easysocial-sidebar-width: 320px;
  }
}

@media (max-width: 767.98px) {
  :root {
    --st-easysocial-sidebar-width: 100%;
  }
}