/* Origin: themes/fsportal-modern/assets/css/components/archive-mods-v1.css | file */
body.fsp-theme.archive .site-content {
  width: 100% !important;
  overflow: visible !important;
}

body.fsp-theme.archive .site-content > .fsp-layout-container {
  display: grid !important;
  width: min(1480px,calc(100% - 28px)) !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  grid-template-columns: minmax(0,1fr) 260px !important;
  column-gap: 18px !important;
  align-items: start !important;
}

body.fsp-theme.archive #primary {
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.fsp-theme.archive .fsp-archive-entry-banner {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 15px;
  background: radial-gradient(circle at 0 0,rgba(var(--fsp-user-main-rgb,215,152,44),.07),transparent 42%),linear-gradient(145deg,#25262a,#1f2024);
  box-shadow: 0 12px 30px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.02);
}

body.fsp-theme.archive .fsp-archive-entry-banner::before {
  content: "";
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--fsp-user-main,#d7982c);
}

body.fsp-theme.archive .fsp-theme-archive-title {
  margin: 0 !important;
  color: #f0f0f1 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em;
}

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

body.fsp-theme.archive .fsp-loop {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.fsp-theme.archive .site-main .fsp-loop > article,body.fsp-theme.archive .fsp-loop > article,body.fsp-theme.archive .fsp-loop > article.fsp-loop-item {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
}

body.fsp-theme.archive .fsp-loop > article > .fsp-article-inner,body.fsp-theme.archive .fsp-loop > article .post-content,body.fsp-theme.archive .fsp-loop > article .entry-content,body.fsp-theme.archive .fsp-loop > article .entry-summary {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.fsp-theme.archive .fsp-loop .fsp-premium-mod-card-v2130 {
  --fsp-card-accent: var(--fsp-user-main,#d7982c);
  --fsp-card-accent-rgb: var(--fsp-user-main-rgb,215,152,44);
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid rgba(var(--fsp-user-main-rgb,215,152,44),.12) !important;
  border-radius: 16px !important;
  background: linear-gradient(165deg,#26282c 0%,#202125 100%) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025) !important;
  transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}

body.fsp-theme.archive .fsp-loop .fsp-premium-mod-card-v2130:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(var(--fsp-user-main-rgb,215,152,44),.30) !important;
  box-shadow: 0 20px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body.fsp-theme.archive .fsp-loop .fsp-premium-mod-media-v2130 {
  aspect-ratio: 16 / 9 !important;
}

body.fsp-theme.archive .fsp-premium-mod-stats-v2130 svg,body.fsp-theme.search .fsp-premium-mod-stats-v2130 svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
  display: block !important;
  fill: currentColor !important;
}

body.fsp-theme.archive .fsp-home-sidebar {
  grid-column: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  margin: 0 !important;
  overflow: visible !important;
  align-self: start !important;
  position: relative !important;
  top: auto !important;
}

body.fsp-theme.archive .fsp-home-sidebar > * {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

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

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

body.fsp-theme.search .fsp-loop {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
}

body.fsp-theme.search .site-main .fsp-loop > article,body.fsp-theme.search .fsp-loop > article,body.fsp-theme.search .fsp-loop > article.fsp-loop-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
}

body.fsp-theme.search .fsp-loop .fsp-premium-mod-card-v2130 {
  display: block !important;
  grid-template-columns: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--fsp-user-main-rgb,215,152,44),.12) !important;
  border-radius: 16px !important;
  background: linear-gradient(165deg,#26282c,#202125) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.17) !important;
  width: 100% !important;
  max-width: none !important;
}

body.fsp-theme.search .fsp-loop .fsp-premium-mod-media-v2130 {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 16 / 9 !important;
}

body.fsp-theme.search .fsp-loop .fsp-premium-mod-body-v2130 {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

@media (max-width:1280px) and (min-width:1051px) {
  body.fsp-theme.archive .site-content > .fsp-layout-container {
    width: min(1400px,calc(100% - 24px)) !important;
    grid-template-columns: minmax(0,1fr) 245px !important;
    column-gap: 16px !important;
  }

  body.fsp-theme.archive .fsp-home-sidebar {
    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;
  }

  body.fsp-theme.archive .fsp-loop {
    gap: 12px !important;
  }

  body.fsp-theme.search .fsp-loop {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:1050px) {
  body.fsp-theme.archive .site-content > .fsp-layout-container {
    display: block !important;
    width: min(100%,calc(100% - 20px)) !important;
    max-width: none !important;
  }

  body.fsp-theme.archive .fsp-loop {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
  }

  body.fsp-theme.archive .fsp-home-sidebar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }
}

@media (max-width:700px) {
  body.fsp-theme.archive .fsp-archive-entry-banner {
    padding: 16px 16px !important;
  }

  body.fsp-theme.archive .fsp-theme-archive-title {
    font-size: 20px !important;
  }

  body.fsp-theme.archive .fsp-loop,body.fsp-theme.search .fsp-loop {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}
