/* Origin: themes/fsportal-modern/assets/css/theme.css | file */
:root {
  --fsp-theme-bg: #202220;
  --fsp-theme-text: #c4c5c8;
  --fsp-theme-container: 1380px;
  --fsp-theme-gap: 22px;
}

html {
  background: #191a1d;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--fsp-theme-bg);
  color: var(--fsp-theme-text);
  font-family: Arial,Helvetica,sans-serif;
}

#page {
  min-height: 100vh;
}

.site-content {
  width: 100%;
  padding: 0;
}

.site-content > .fsp-layout-container {
  display: flex;
  align-items: flex-start;
  width: min(var(--fsp-theme-container),calc(100% - 48px));
  max-width: var(--fsp-theme-container);
  margin: 0 auto;
  padding: 0;
  gap: var(--fsp-theme-gap);
}

#primary {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
}

.site-main,.fsp-loop,.fsp-loop-item,.fsp-single-article,.fsp-article-inner,.post-content,.entry-content,.entry-summary {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.fsp-loop > article {
  margin: 0 0 18px;
  padding: 0;
}

.fsp-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 24px 0 36px;
}

.fsp-pagination .page-numbers {
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: #282a2f;
  color: #cbcccd;
  text-decoration: none;
}

.fsp-pagination .page-numbers.current,.fsp-pagination .page-numbers:hover {
  border-color: rgba(var(--fsp-user-main-rgb,215,152,44),.22);
  background: rgba(var(--fsp-user-main-rgb,215,152,44),.09);
  color: var(--fsp-user-bright,#dca94f);
}

.fsp-theme-page-title,.fsp-theme-archive-title {
  width: 100%;
  margin: 0 0 18px;
  color: #eeeeef;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 850;
}

.fsp-theme-empty,.fsp-theme-404 {
  width: min(920px,calc(100% - 32px));
  margin: 40px auto;
  padding: 34px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;
  background: #1f2024;
  text-align: center;
}

.fsp-theme-404 h1 {
  margin: 0 0 8px;
  color: #f0f0f0;
  font-size: 34px;
}

.fsp-theme-404 p,.fsp-theme-empty {
  color: #919499;
}

.fsp-theme-404 a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  padding: 0 16px;
  border-radius: 9px;
  background: var(--fsp-user-main,#d69a31);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

@media (max-width: 1050px) {
  .site-content > .fsp-layout-container {
    display: block;
    width: calc(100% - 18px);
  }

  #primary {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .fsp-theme-page-title,.fsp-theme-archive-title {
    font-size: 24px;
  }
}

body.fsp-theme.home .site-main .fsp-loop > article,body.fsp-theme.blog .site-main .fsp-loop > article,body.fsp-theme.archive .site-main .fsp-loop > article,body.fsp-theme.search .site-main .fsp-loop > article {
  position: relative !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.fsp-theme.home .site-main .fsp-loop > article.fsp-loop-item,body.fsp-theme.blog .site-main .fsp-loop > article.fsp-loop-item,body.fsp-theme.archive .site-main .fsp-loop > article.fsp-loop-item,body.fsp-theme.search .site-main .fsp-loop > article.fsp-loop-item {
  margin-bottom: 18px !important;
}

body.fsp-theme.home .site-main .fsp-loop > article > .fsp-article-inner,body.fsp-theme.blog .site-main .fsp-loop > article > .fsp-article-inner,body.fsp-theme.archive .site-main .fsp-loop > article > .fsp-article-inner,body.fsp-theme.search .site-main .fsp-loop > article > .fsp-article-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.fsp-theme.home .site-main .fsp-loop > article .post-content,body.fsp-theme.home .site-main .fsp-loop > article .entry-content,body.fsp-theme.home .site-main .fsp-loop > article .entry-summary,body.fsp-theme.blog .site-main .fsp-loop > article .post-content,body.fsp-theme.blog .site-main .fsp-loop > article .entry-content,body.fsp-theme.blog .site-main .fsp-loop > article .entry-summary,body.fsp-theme.archive .site-main .fsp-loop > article .post-content,body.fsp-theme.archive .site-main .fsp-loop > article .entry-content,body.fsp-theme.archive .site-main .fsp-loop > article .entry-summary,body.fsp-theme.search .site-main .fsp-loop > article .post-content,body.fsp-theme.search .site-main .fsp-loop > article .entry-content,body.fsp-theme.search .site-main .fsp-loop > article .entry-summary {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.fsp-theme .fsp-home-card {
  position: relative !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.fsp-theme .fsp-home-top {
  position: relative !important;
  clear: both !important;
  margin-bottom: 18px !important;
}

@media (min-width: 1051px) {
  body.fsp-theme .site-content > .fsp-layout-container {
    display: flex !important;
    align-items: flex-start !important;
  }

  body.fsp-theme #primary {
    min-width: 0 !important;
  }

  body.fsp-theme .fsp-home-sidebar {
    position: relative !important;
    align-self: flex-start !important;
    flex: 0 0 330px !important;
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
  }
}

@media (max-width: 1050px) {
  body.fsp-theme .site-content > .fsp-layout-container {
    display: block !important;
  }

  body.fsp-theme #primary,body.fsp-theme .fsp-home-sidebar {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.fsp-scroll-top {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99990;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(var(--fsp-user-main-rgb,215,155,53),.18);
  border-radius: 13px;
  background: linear-gradient(145deg,rgba(46,48,53,.97),rgba(32,34,37,.97));
  color: var(--fsp-user-main,#daa242);
  box-shadow: 0 12px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035),0 0 22px rgba(var(--fsp-user-main-rgb,215,155,53),.055);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  cursor: pointer;
  transition: opacity .18s ease,visibility .18s ease,transform .18s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

.fsp-scroll-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.fsp-scroll-top.is-visible:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--fsp-user-main-rgb,215,155,53),.34);
  background: linear-gradient(145deg,rgba(53,56,61,.98),rgba(37,39,43,.98));
  box-shadow: 0 15px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04),0 0 28px rgba(var(--fsp-user-main-rgb,215,155,53),.10);
}

.fsp-scroll-top:focus-visible {
  outline: 2px solid rgba(var(--fsp-user-main-rgb,215,155,53),.48);
  outline-offset: 3px;
}

.fsp-scroll-top-chevron {
  width: 10px;
  height: 10px;
  display: block;
  margin-top: 5px;
  border-style: solid;
  border-color: var(--fsp-user-main,#daa242);
  border-width: 0 3px 3px 0;
  transform: rotate(-135deg);
  box-sizing: border-box;
}

.fsp-scroll-top:hover .fsp-scroll-top-chevron {
  border-color: var(--fsp-user-bright,#ddab53);
}

@media (max-width:600px) {
  .fsp-scroll-top {
    right: 12px;
    bottom: 12px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .fsp-scroll-top {
    transition: none;
  }
}

@media (min-width:1051px) {
  body.fsp-theme.home:not(.fsp-sidebar-hidden) .site-content > .fsp-layout-container {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) clamp(300px,22vw,330px) !important;
    align-items: start !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
  }

  body.fsp-theme.home:not(.fsp-sidebar-hidden) #primary {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-self: start !important;
  }

  body.fsp-theme.home:not(.fsp-sidebar-hidden) .fsp-home-sidebar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding-top: 0 !important;
  }

  body.fsp-theme.home.fsp-sidebar-hidden .site-content > .fsp-layout-container {
    display: block !important;
  }

  body.fsp-theme.home.fsp-sidebar-hidden .fsp-home-sidebar {
    display: none !important;
  }
}

@media (min-width:1051px) and (max-width:1399px) {
  body.fsp-theme.home:not(.fsp-sidebar-hidden) .site-content > .fsp-layout-container {
    grid-template-columns: minmax(0,1fr) 310px !important;
    column-gap: 20px !important;
  }
}

@media (max-width:1050px) {
  body.fsp-theme.home .fsp-home-sidebar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (min-width:1051px) {
  body.fsp-theme.home:not(.fsp-sidebar-hidden) .fsp-home-sidebar {
    top: 14px !important;
    bottom: auto !important;
    max-height: calc(100vh - 28px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin;
    z-index: 20 !important;
  }

  @supports (scrollbar-gutter:stable) {
    body.fsp-theme.home:not(.fsp-sidebar-hidden) .fsp-home-sidebar {
      scrollbar-gutter: stable;
    }
  }

  body.fsp-theme.home:not(.fsp-sidebar-hidden) .fsp-home-sidebar::-webkit-scrollbar {
    width: 6px;
  }

  body.fsp-theme.home:not(.fsp-sidebar-hidden) .fsp-home-sidebar::-webkit-scrollbar-track {
    background: transparent;
  }

  body.fsp-theme.home:not(.fsp-sidebar-hidden) .fsp-home-sidebar::-webkit-scrollbar-thumb {
    background: rgba(var(--fsp-user-main-rgb,215,152,44),.22);
    border-radius: 999px;
  }

  body.fsp-theme.home:not(.fsp-sidebar-hidden) .fsp-home-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--fsp-user-main-rgb,215,152,44),.34);
  }
}

@media (min-width:1051px) {
  body.fsp-theme.home:not(.fsp-sidebar-hidden) .fsp-home-sidebar {
    position: sticky !important;
    top: var(--fsp-sidebar-sticky-top,14px) !important;
    bottom: 14px !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    scrollbar-gutter: auto !important;
    transform: none !important;
  }
}

body.fsp-theme.home .fsp-home-sidebar::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

@media (max-width:1050px) {
  body.fsp-theme.home .fsp-home-sidebar {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

body.fsp-theme-root .fsp-pagination {
  gap: 7px !important;
}

body.fsp-theme-root .fsp-pagination .page-numbers,body.fsp-theme-root .navigation.pagination .page-numbers,body.fsp-theme-root .nav-links .page-numbers {
  min-width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg,rgba(44,46,51,.96),rgba(35,37,41,.96)) !important;
  color: #adafb3 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025),0 1px 0 rgba(0,0,0,.12) !important;
  transition: background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease !important;
}

body.fsp-theme-root .fsp-pagination a.page-numbers:hover,body.fsp-theme-root .navigation.pagination a.page-numbers:hover,body.fsp-theme-root .nav-links a.page-numbers:hover {
  border-color: rgba(var(--fsp-user-main-rgb,215,152,44),.25) !important;
  background: rgba(var(--fsp-user-main-rgb,215,152,44),.09) !important;
  color: var(--fsp-user-bright,#dca84e) !important;
  transform: translateY(-1px) !important;
}

body.fsp-theme-root .fsp-pagination .page-numbers.current,body.fsp-theme-root .navigation.pagination .page-numbers.current,body.fsp-theme-root .nav-links .page-numbers.current {
  border-color: rgba(var(--fsp-user-main-rgb,218,163,69),.38) !important;
  background: linear-gradient(145deg,var(--fsp-user-main,#d7982c),var(--fsp-user-main,#d19329)) !important;
  color: #1b1d20 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(var(--fsp-user-muted-rgb,202,142,40),.15) !important;
  cursor: default !important;
  transform: none !important;
}

body.fsp-theme-root .fsp-pagination .page-numbers.dots,body.fsp-theme-root .navigation.pagination .page-numbers.dots,body.fsp-theme-root .nav-links .page-numbers.dots {
  min-width: 32px !important;
  border-color: rgba(255,255,255,.045) !important;
  background: rgba(255,255,255,.018) !important;
  color: #6d7076 !important;
  box-shadow: none !important;
}

body.fsp-theme-root .fsp-pagination .next,body.fsp-theme-root .fsp-pagination .prev,body.fsp-theme-root .navigation.pagination .next,body.fsp-theme-root .navigation.pagination .prev,body.fsp-theme-root .nav-links .next,body.fsp-theme-root .nav-links .prev {
  color: #adafb3 !important;
}

body.fsp-theme-root .fsp-pagination .next:hover,body.fsp-theme-root .fsp-pagination .prev:hover,body.fsp-theme-root .navigation.pagination .next:hover,body.fsp-theme-root .navigation.pagination .prev:hover,body.fsp-theme-root .nav-links .next:hover,body.fsp-theme-root .nav-links .prev:hover {
  color: var(--fsp-user-bright,#dca84e) !important;
}

@media (max-width:650px) {
  body.fsp-theme-root .fsp-pagination .page-numbers,body.fsp-theme-root .navigation.pagination .page-numbers,body.fsp-theme-root .nav-links .page-numbers {
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
  }
}

body.fsp-theme.search .site-content > .fsp-layout-container {
  display: block !important;
  grid-template-columns: none !important;
  width: min(var(--fsp-container,1420px),calc(100% - 40px)) !important;
  max-width: 1420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.fsp-theme.search #primary {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
}

body.fsp-theme.search .fsp-home-sidebar,body.fsp-theme.search #secondary,body.fsp-theme.search .widget-area {
  display: none !important;
}

body.fsp-theme.search .site-main,body.fsp-theme.search .fsp-loop,body.fsp-theme.search .fsp-loop-item {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width:760px) {
  body.fsp-theme.search .site-content > .fsp-layout-container {
    width: calc(100% - 20px) !important;
  }
}

body.fsp-theme.home .site-content > .fsp-layout-container {
  display: block !important;
  width: min(1480px,calc(100% - 34px)) !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  grid-template-columns: none !important;
}

body.fsp-theme.home #primary {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  float: none !important;
  flex: 0 0 100% !important;
}

body.fsp-theme.home .fsp-home-sidebar,body.fsp-theme.home #secondary,body.fsp-theme.home .widget-area,body.fsp-theme.home .fsp-sidebar-floating-toggle {
  display: none !important;
}

body.fsp-theme.home:not(.fsp-sidebar-hidden) .site-content > .fsp-layout-container,body.fsp-theme.home.fsp-sidebar-hidden .site-content > .fsp-layout-container {
  display: block !important;
  grid-template-columns: none !important;
  column-gap: 0 !important;
}

body.fsp-theme.home:not(.fsp-sidebar-hidden) #primary,body.fsp-theme.home.fsp-sidebar-hidden #primary {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width:750px) {
  body.fsp-theme.home .site-content > .fsp-layout-container {
    width: calc(100% - 16px) !important;
    max-width: none !important;
  }
}

html body .fspuser-theme-row[data-fsp-theme-toggle],
html body .fspbar-theme-quick[data-fsp-theme-toggle] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
