/*NC Live Center Extension CSS*/
/*Begin extension CSS 17829, Avatar */

/*End extension CSS 17829, Avatar */

/*Begin extension CSS 17831, Key Events*/
.no-op {}
/*End extension CSS 17831, Key Events*/

/*Begin extension CSS 17832, Post sorting*/

/*End extension CSS 17832, Post sorting*/

/*Begin extension CSS 17836, User Contribution enable*/

/*End extension CSS 17836, User Contribution enable*/

/*Begin extension CSS 17837, Tags filtering*/
.noop {
  display: none;
}
/*End extension CSS 17837, Tags filtering*/

/*Begin extension CSS 17839, Typing animation*/

/*End extension CSS 17839, Typing animation*/

/*Begin extension CSS 17841, Billede (TV2REG) - Renderer*/
/**
 * Billede (TV2) - Renderer Styles
 * Styles for TV2REG billede renderer with CSS-only responsive handling
 * No layout shift, works for any image aspect ratio
 * OVERRIDE v.5
 */

/* MOVED all styling to the theme extensions */
/*End extension CSS 17841, Billede (TV2REG) - Renderer*/

/*Begin extension CSS 17844, Video (TV2REG) - Renderer*/
/**
 * Video (TV2) - Renderer Styles
 * Styles for TV2REG video renderer with responsive handling
 */

.ncpost-content .fm-figure {
  margin: 0px;
  display: block;
}

.fm-outer-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.fm-video {
  border-top-left-radius: var(--tv2reg-size-radius-corner-topleft, 0px);
  border-top-right-radius: var(--tv2reg-size-radius-corner-topright, 0px);
  border-bottom-left-radius: var(--tv2reg-size-radius-corner-bottomleft, 0px);
  border-bottom-right-radius: var(--tv2reg-size-radius-corner-bottomright, 0px);
  overflow:hidden;
  position: relative;
  --min-aspect-ratio: 9/16;
  --max-height-percent: 0.9;
  aspect-ratio: 16/9;
  width: 100%;
  z-index: 2;
}

/* Custom poster */

.tv2reg-video-extension-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

.tv2reg-video-extension-poster-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.5);
}

.tv2reg-video-extension-poster .tv2reg-video-extension-poster-play-button {
  position: absolute;
  inset: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: white;
  width: 20%;
  aspect-ratio: 1/1;
  max-width: 6rem;
  cursor: pointer;
}

.tv2reg-video-extension-poster video,
.tv2reg-video-extension-poster img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tv2reg-video-extension-poster-spinner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.tv2reg-video-extension-poster-spinner svg {
  position: absolute;
  left: calc(50% - 1.25rem);
  top: calc(50% - 1.25rem);
  width: 2.5rem;
  height: 2.5rem;
  pointer-events: none;
  display: block;
  animation: spin 1s linear infinite;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}

/* Service messages */

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinanti {
  to {
    transform: rotate(-360deg);
  }
}

.tv2reg-video-extension-service-message {
  background-color: white;
  border: 2px solid #666;
  border-radius: 0.25rem;
  color: black;
  font-size: 1rem;
  line-height: 1;
  aspect-ratio: 16/9;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=icon] {
  font-size: 2rem;
}
.tv2reg-video-extension-service-message *[data-fwidget-type=icon] svg {
  width: 3rem;
  height: 3rem;
}
  
.tv2reg-video-extension-service-message *[data-fwidget-type=button] {
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  background-color: var(--color-button-primary-default, #000);
  color: white;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button]:hover {
  background-color: var(--color-button-primary-hover, #333);
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button].loading {
  background-color: #666;
  cursor: default;
  pointer-events: none;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button].loading svg {
  animation: spinanti 2s linear infinite;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button].notyet {
  cursor: default;
  pointer-events: none;
}

.tv2reg-video-extension-service-message *[data-fwidget-type=button] svg {
  fill: white;
  width: 1.5rem;
  height: 1.5rem;
}

/* JWPlayer overrides */

.tv2reg-video-extension-container .jwplayer.jw-flag-aspect-mode {
  height: 100% !important;
}

.tv2reg-video-extension-container .jwplayer .jw-controls {
  z-index: 3 !important;
}

.tv2reg-video-extension-container .jw-wrapper {
  background-color: transparent !important;
}

.tv2reg-video-extension-container .jwplayer .jw-tooltip:after,
.tv2reg-video-extension-container .jwplayer .jw-time-tip:after {
  display: none;
}
/*End extension CSS 17844, Video (TV2REG) - Renderer*/

/*Begin extension CSS 17846, Artikel (TV2REG) - Renderer*/
/**
 * Article (TV2) - Renderer Styles
 * Styles for TV2REG article renderer
 */

/* MOVED all styling to the theme extensions */
/*End extension CSS 17846, Artikel (TV2REG) - Renderer*/

/*Begin extension CSS 17847, Link card*/

/*End extension CSS 17847, Link card*/

/*Begin extension CSS 17848, Translations*/

/*End extension CSS 17848, Translations*/

/*Begin extension CSS 17851, Theme (TV2REG)*/
/**

v1.2.0

This file consists of several sections that each control different aspects of
the styling of the Norkon Live Center:

1.  The main Norkon theme - controls styling of posts and comments
2.  The image extension – controls the styling of images
3.  The video extension – controls the styling of embedded jwplayer videos
4.  The article extenstion – controls the styling of article link boxes
5.  The link card – controls the styling of the link cards (not articles)
6.  The typing animation – controls the styling of the animated typing indicator
7.  The avatar – controls the styling of the Norkon avatars
8.  Tag filters – controls the styling of the tag filter buttons
9.  Post sorting – controls the styling of the post sorting buttons
10. User contributons – controls the styling of comments etc.
11. Key events – styling for posts marked with a star, collated at the top.

*/







/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  1. NORKON LIVE CENTER THEME                                                    ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styles for the look and feel of the Norkon Live Center core features           ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

/*Radio Canada Big*/
@font-face {
  font-family: 'RadioCanadaBig';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanadaBig/RadioCanadaBig-Regular.ttf") format('opentype');
  font-weight: 400;
}
@font-face {
  font-family: 'RadioCanadaBig';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanadaBig/RadioCanadaBig-Italic.ttf") format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'RadioCanadaBig';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanadaBig/RadioCanadaBig-Medium.ttf") format('opentype');
  font-weight: 500;
}
@font-face {
  font-family: 'RadioCanadaBig';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanadaBig/RadioCanadaBig-MediumItalic.ttf") format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'RadioCanadaBig';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanadaBig/RadioCanadaBig-SemiBold.ttf") format('opentype');
  font-weight: 600;
}
@font-face {
  font-family: 'RadioCanadaBig';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanadaBig/RadioCanadaBig-SemiBoldItalic.ttf") format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'RadioCanadaBig';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanadaBig/RadioCanadaBig-Bold.ttf") format('opentype');
  font-weight: 700;
}
@font-face {
  font-family: 'RadioCanadaBig';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanadaBig/RadioCanadaBig-BoldItalic.ttf") format('opentype');
  font-weight: 700;
  font-style: italic;
}

/*Radio Canada*/
@font-face {
  font-family: 'RadioCanada';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanada/RadioCanada-Regular.ttf") format('opentype');
  font-weight: 400;
}
@font-face {
  font-family: 'RadioCanada';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanada/RadioCanada-Italic.ttf") format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'RadioCanada';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanada/RadioCanada-Medium.ttf") format('opentype');
  font-weight: 500;
}
@font-face {
  font-family: 'RadioCanada';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanada/RadioCanada-MediumItalic.ttf") format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'RadioCanada';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanada/RadioCanada-SemiBold.ttf") format('opentype');
  font-weight: 600;
}
@font-face {
  font-family: 'RadioCanada';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanada/RadioCanada-SemiBoldItalic.ttf") format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'RadioCanada';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanada/RadioCanada-Bold.ttf") format('opentype');
  font-weight: 700;
}
@font-face {
  font-family: 'RadioCanada';
  src: url("https://syd-chvr.dev.tv2reg.digital/fonts/radioCanada/RadioCanada-BoldItalic.ttf") format('opentype');
  font-weight: 700;
  font-style: italic;
}

.lc-feed-container {
  font-family: "RadioCanada", sans-serif;
  color: #000000;
  
}
.lc-load-more {
  background-color: #2130A8;
  color: #ffffff;
  padding: 8px 16px;
}
.lc-feed-container .ncpost-question-container .ncpost-new-comment-panel {
  padding: 8px;
  background-color: #EDE7DB;
}

.lc-feed-container .ncpost-container.ncpost-importance-2 .ncpost-new-comment-panel {
  background-color: rgba(0,0,0,0.2) !important;
  padding: 8px;
}

.lc-feed-container .ncpost-new-comment-panel {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-upload-button {
  position: initial;
  justify-content: end;
}
.lc-feed-container .ncpost-new-comment-panel .inline-button {
  position: initial;
  align-items: start;
}
.lc-feed-container .ncpost-new-comment-panel > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  line-height: 19.2px;
  color: #000000;
}
.lc-feed-container .ncpost-new-comment-panel > div input {
  box-shadow: none;
  border: 1px solid transparent;
  padding: 10px;
  margin: 0;
}
.lc-feed-container .ncpost-new-comment-panel > div input::placeholder {
  color: #a7adb8;
}
.lc-feed-container .ncpost-new-comment-panel > div textarea {
  box-shadow: none;
  border: 1px solid transparent;
  padding: 10px;
  margin: 0;
}
.lc-feed-container .ncpost-new-comment-panel > div textarea::placeholder {
  color: #a7adb8;
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit {
  padding: 8px 16px;
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  background-color: #2130A8;
  align-self: self-end;
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit b {
  font-weight: normal;
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit i {
  font-style: normal;
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container {
  display: flex;
  flex-direction: column;
}
.lc-feed-container .ncpost-channelcontent-container .feed-football:empty {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .typing-enabled:has(> .typing-container:empty) {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 0;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container h5 {
  font-size: 19px;
  line-height: 22.5px;
  font-weight: 700;
  color: #000000;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-top-text-container p {
  margin: 0;
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 400;
  color: #000000;
}

.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container {
  margin: 20px 0;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container .ncpost-new-comment-toggle {
  width: 100%;
  text-align: center;
  background: #2130A8;
  padding: 8px 16px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container .ncpost-new-comment-toggle:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_2014_3791" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21"><rect x="0.5" y="0.5" width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2014_3791)"><path d="M10.5003 18.8334L8.27116 15.5001H3.83366C3.37533 15.5001 2.98296 15.3369 2.65658 15.0105C2.33019 14.6841 2.16699 14.2917 2.16699 13.8334V3.83341C2.16699 3.37508 2.33019 2.98272 2.65658 2.65633C2.98296 2.32994 3.37533 2.16675 3.83366 2.16675H17.167C17.6253 2.16675 18.0177 2.32994 18.3441 2.65633C18.6705 2.98272 18.8337 3.37508 18.8337 3.83341V13.8334C18.8337 14.2917 18.6705 14.6841 18.3441 15.0105C18.0177 15.3369 17.6253 15.5001 17.167 15.5001H12.7295L10.5003 18.8334ZM10.5003 15.8334L11.8337 13.8334H17.167V3.83341H3.83366V13.8334H9.16699L10.5003 15.8334Z" fill="white"/></g></svg>');
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter {
  margin: 0;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter > div:first-child {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group {
  display: flex;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label {
  padding: 10px 15px 10px 15px;
  background: #ffffff;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  width: fit-content !important;
  line-height: 16.94px;
}

.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label.active {
  background-color: #2130A8;
  color: #fff;
  cursor: pointer;
}
.lc-feed-container .ncpost-channelcontent-container div:has(> .tags-group:empty) {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .tags-group {
  margin: 0;
}
.lc-feed-container .ncpost-channelcontent-container .tags-group:empty {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container .tags-group .filtered-tag {
  background-color: #ffffff;
  padding: 8px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.lc-feed-container .ncpost-channelcontent-container .tags-group .filtered-tag .filter-text {
  display: flex;
  gap: 5px;
  align-items: center;
}

.lc-feed-container .ncpost-list-post .ncpost-icon-container {
  top: 25px;
}
.lc-feed-container .ncpost-container {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  background-color: #EDE7DB;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  box-shadow: none;
  padding: 50px 16px 16px;
  font-weight: 300;
}

.lc-feed-container .ncpost-container .ncpost-title {
  margin: 0;
  font-weight: 600;
  color: currentColor;
  font-size: 18px;
  line-height: 28px;
  font-family: "RadioCanadaBig", sans-serif;
}

@media (min-width: 768px) {
    .lc-feed-container .ncpost-container {
        font-size: 18px;
        line-height: 28px;
    }

    .lc-feed-container .ncpost-container .ncpost-title {
        font-size: 20px;
        line-height: 28px;
    }
}

.lc-feed-container .ncpost-container.ncpost-importance-2 {
  border-bottom: none;
  background-color: #faff48;
  color: #000000;
  display: flex !important;
  border: 1px solid #000000;
}
.lc-feed-container .ncpost-container.ncpost-importance-2 .ncpost-new-comment-toggle {
  background-color: #000000 !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-2 .ncpost-new-comment-panel .ncpost-submit {
  background-color: #faff48 !important;
  color:#000000 !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-3 {
  border-bottom: none;
  background-color: #5975E0;
  color: #fff;
  display: flex !important;
}
.lc-feed-container .ncpost-container .ncpost-avatar-container {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.lc-feed-container .ncpost-container .ncpost-header {
  margin: 0;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info .ncpost-byline {
  margin: 0;
  color: currentColor;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info .ncpost-timestamp {
  color: currentColor;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  width: fit-content;
  background-color: transparent;
  position: absolute;
  top: 16px;
  left: 16px;
}
.lc-feed-container .ncpost-container .ncpost-header {
  padding-left: 40px !important;
}
.lc-feed-container .ncpost-container .share-icons-container {
  margin: 0;
}
.lc-feed-container .ncpost-container .share-icons-container .share-icons .share-icon svg {
  fill: #05a95a;
}
.lc-feed-container .ncpost-container .ncpost-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lc-feed-container .ncpost-container .ncpost-content ul {
    list-style: outside;
    list-style-type: disc;
    margin: 5px 15px;
}
.lc-feed-container .ncpost-container .ncpost-content ul li::marker {
  color: #5975E0;
}
.lc-feed-container .ncpost-container.ncpost-importance-2 .ncpost-content ul li::marker {
  color: #000000 !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-3 .ncpost-content ul li::marker {
  color: #2130A8 !important;
}
.lc-feed-container .ncpost-container .ncpost-content ol {
    list-style: inside;
    list-style-type: decimal;
}
.lc-feed-container .ncpost-container .ncpost-content a {
  color: currentColor;
}
.lc-feed-container .ncpost-container .ncpost-content p,
.lc-feed-container .ncpost-container .ncpost-content h3,
.lc-feed-container .ncpost-container .ncpost-content h4,
.lc-feed-container .ncpost-container .ncpost-content h5,
.lc-feed-container .ncpost-container .ncpost-content h6 {
  margin: 0;
}

.lc-feed-container .ncpost-container .ncpost-content h3,
.lc-feed-container .ncpost-container .ncpost-content h4,
.lc-feed-container .ncpost-container .ncpost-content h5,
.lc-feed-container .ncpost-container .ncpost-content h6 {
  font-weight: 700;
  color: currentColor;
}

.lc-feed-container .ncpost-container .ncpost-content blockquote:not(.tiktok-embed) {
  border-left: 5px solid #2130A8;
  background: transparent;
  padding: 10px;
  color: #000000;
  font-style: italic;
  font-size: 16px;
  margin: 0;
  font-weight: 400;
}
.lc-feed-container .ncpost-container .ncpost-content blockquote:not(.tiktok-embed) p {
  margin: 0;
}
.lc-feed-container .ncpost-container .ncpost-link-card {
  gap: 0;
  border: none;
  background: #ffffff;
  padding: 0;
  margin: 8px 0;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-image {
  margin: 0;
  border-radius: 5px 0 0 5px;
}
@media (max-width: 500px) {
  .lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-image {
    border-radius: 5px 5px 0 0;
  }
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 20px;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-title {
  margin: 0;
  text-decoration: none;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-site {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-description {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 500px) {
  .lc-feed-container .ncpost-container .ncpost-link-card {
    flex-direction: column;
  }
  .lc-feed-container .ncpost-container .ncpost-link-card img {
    width: 100%;
    max-height: 200px;
  }
}
.lc-feed-container .ncpost-container .ncpost-tags {
  gap: 8px;
  margin-top: 0;
  flex-wrap: wrap;
}
.lc-feed-container .ncpost-container .ncpost-tags .ncpost-tag {
  background-color: #E1DAC8;
  padding: 8px 16px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.lc-feed-container .ncpost-container.ncpost-importance-2 .ncpost-tags .ncpost-tag {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.lc-feed-container .ncpost-container.ncpost-importance-3 .ncpost-tags .ncpost-tag {
  background-color: #2130A8 !important;
  color: #ffffff !important;
}

.lc-feed-container .ncpost-container .ncpost-image-byline {
  text-align: left;
}
.lc-feed-container .ncpost-container .ncpost-image-byline .ncpost-image-byline-description {
  color: #6b7280;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.lc-feed-container .ncpost-container .ncpost-comments-container > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lc-feed-container .ncpost-container .ncpost-comments-container .ncpost-new-comment-toggle {
  background-color: #2130A8;
  padding: 8px 16px;
  color: #fff;
  cursor:pointer;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  gap: 5px;
  width: max-content;
  align-self: flex-end;
  align-items: center;
}

.lc-feed-container .ncpost-container .ncpost-comments-container .ncpost-new-comment-toggle::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="white" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_2030_745" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2030_745)"><path d="M9.99935 18.3327L7.77018 14.9993H3.33268C2.87435 14.9993 2.48199 14.8362 2.1556 14.5098C1.82921 14.1834 1.66602 13.791 1.66602 13.3327V3.33268C1.66602 2.87435 1.82921 2.48199 2.1556 2.1556C2.48199 1.82921 2.87435 1.66602 3.33268 1.66602H16.666C17.1243 1.66602 17.5167 1.82921 17.8431 2.1556C18.1695 2.48199 18.3327 2.87435 18.3327 3.33268V13.3327C18.3327 13.791 18.1695 14.1834 17.8431 14.5098C17.5167 14.8362 17.1243 14.9993 16.666 14.9993H12.2285L9.99935 18.3327ZM9.99935 15.3327L11.3327 13.3327H16.666V3.33268H3.33268V13.3327H8.66602L9.99935 15.3327Z"/></g></svg>');
}
.lc-feed-container .ncpost-container .ncpost-user-contribution {
  padding: 0;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment {
  background-color:rgba(0,0,0,0.1);
  color: #000000;
  padding: 15px;
  border-radius: 8px 8px 8px 0px;
  font-size: 15px;
  line-height: 18px;
  box-shadow: none;
}

.lc-feed-container .ncpost-container.ncpost-importance-2 .ncpost-user-contribution .ncpost-user-comment {
  background-color:rgba(0,0,0,0.2) !important;
  color: #000000 !important;
}

.lc-feed-container .ncpost-container.ncpost-importance-3 .ncpost-user-contribution .ncpost-user-comment  {
  background-color:rgba(0,0,0,0.2) !important;
  color: #ffffff !important;
}

.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment .ncpost-comment-info {
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment .ncpost-comment-info .ncpost-comment-name {
  font-size: 14px;
  font-weight: 700;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment .ncpost-comment-info .ncpost-comment-created {
  font-size: 12px;
  line-height: 14.4px;
  color: currentColor;
}
@media (max-width: 500px) {
  .lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies {
    padding-left: 0;
  }
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply {
  background-color:rgba(0,0,0,0.1);
  color: #000000;
  padding: 15px;
  border-radius: 8px 8px 0px 8px;
  font-size: 15px;
  line-height: 18px;
}
.lc-feed-container .ncpost-container.ncpost-importance-2 .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply {
  background-color:rgba(0,0,0,0.2) !important;
  color: #000000 !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-3 .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply {
  background-color:rgba(0,0,0,0.2) !important;
  color: #ffffff !important;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-info {
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-info .ncpost-comment-name {
  font-weight: 700;
}
.lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-info .ncpost-comment-created {
  font-size: 12px;
  line-height: 14.4px;
  color: currentColor !important;
}
.lc-feed-container .ncpost-user-contribution {
    
}
@media (max-width: 500px) {
  .lc-feed-container .ncpost-user-contribution {
    padding: 0;
  }
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment {
  background-color: #EDE7DB;
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  box-shadow: none;
  border-radius: 8px 8px 8px 0px;
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment .ncpost-comment-info {
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment .ncpost-comment-info .ncpost-comment-name {
  font-size: 15px;
  font-weight: 700;
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment .ncpost-comment-info .ncpost-comment-created {
  font-size: 12px;
  line-height: 14.4px;
  color: #6b7280;
}
@media (min-width: 768px) {
  .lc-feed-container .ncpost-user-contribution .ncpost-user-comment {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 500px) {
  .lc-feed-container .ncpost-user-contribution .ncpost-user-replies {
    padding-left: 0;
  }
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply {
  background-color: #2130A8;
  color: #ffffff;
  padding: 16px;
  border-radius: 8px 8px 0px 8px;
  font-size: 16px;
  line-height: 24px;
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-info {
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-info .ncpost-comment-name {
  font-size: 15px;
  font-weight: 700;
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply .ncpost-comment-info .ncpost-comment-created {
  font-size: 12px;
  line-height: 14.4px;
  color: #ffffff !important;
}
@media (min-width: 768px) {
    .lc-feed-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply {
        font-size: 18px;
        line-height: 28px;
    }
}
.lc-feed-container .ncpost-container .ncpost-embed-element > iframe {
    width: 100%
}
.lc-feed-container .ncpost-linked .ncpost-icon-container {
  top: 25px;
}

.lc-feed-container .ncpost-pinned-post .ncpost-container::before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.24512" y="4.03125" width="7.05801" height="11.1429" transform="rotate(-0.919048 8.24512 4.03125)" fill="%232130A8"/><mask id="mask0_2030_748" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%232130A8"/></mask><g mask="url(%23mask0_2030_748)"><path d="M15.998 12L17.998 14V16H12.998V22L11.998 23L10.998 22V16H5.99805V14L7.99805 12V5H6.99805V3L16.998 3V5H15.998V12ZM8.84805 14H15.148L13.998 12.85V5H9.99805V12.85L8.84805 14Z" fill="%232130A8"/></g></svg>');
  position: absolute;
  right: 5px;
  top: 8px;
}
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-2::before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.24512" y="4.03125" width="7.05801" height="11.1429" transform="rotate(-0.919048 8.24512 4.03125)" fill="black"/><mask id="mask0_2030_748" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="black"/></mask><g mask="url(%23mask0_2030_748)"><path d="M15.998 12L17.998 14V16H12.998V22L11.998 23L10.998 22V16H5.99805V14L7.99805 12V5H6.99805V3L16.998 3V5H15.998V12ZM8.84805 14H15.148L13.998 12.85V5H9.99805V12.85L8.84805 14Z" fill="black"/></g></svg>') !important;
}
.lc-feed-container .ncpost-pinned-post .ncpost-container.ncpost-importance-3::before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.24512" y="4.03125" width="7.05801" height="11.1429" transform="rotate(-0.919048 8.24512 4.03125)" fill="white"/><mask id="mask0_2030_748" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="white"/></mask><g mask="url(%23mask0_2030_748)"><path d="M15.998 12L17.998 14V16H12.998V22L11.998 23L10.998 22V16H5.99805V14L7.99805 12V5H6.99805V3L16.998 3V5H15.998V12ZM8.84805 14H15.148L13.998 12.85V5H9.99805V12.85L8.84805 14Z" fill="white"/></g></svg>') !important;
}
.lc-feed-container .ncpost-pinned-post .ncpost-icon-container {
  top: 25px;
}
.lc-feed-container .ncpost-importance-0:not(:has(.ncpost-content)) {
  display: none !important;
}
.editor-preview-and-feed .posts-view .ncpost-container .ncpost-avatar-container {
  top: 16px;
}


.ncpost-linked {
  scroll-margin-top: 4rem;
}







/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  2. IMAGE EXTENSION                                                             ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Billede (TV2) - Renderer Styles                                                ┃
┃  Styles for TV2REG billede renderer with CSS-only responsive handling           ┃
┃  No layout shift, works for any image aspect ratio                              ┃
┃  OVERRIDE v.5                                                                   ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

/* FILE_MANAGER_IFRAME image layout */
.fm-figure {
  margin: 8px 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Image container with consistent constraints for all aspect ratios */
.fm-image-container {
  width: 100%;
  max-width: 100%;
  max-height: 70vh; /* Single constraint that works for all image types */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* Universal image styles - work for any aspect ratio without layout shift */
.fm-image {
  display: block;
  max-width: 100%;
  max-height: 70vh; /* Same as container - prevents tall images from dominating */
  width: auto;
  height: auto;
  object-fit: contain; /* Maintains aspect ratio, fits within constraints */
}

/* For very wide images on larger screens, add width constraint */
@media (min-width: 1200px) {
  .fm-image-container {
    max-width: 80vw; /* Prevents ultra-wide images from being too small */
  }
  
  .fm-image {
    max-width: 80vw;
  }
}

/* Caption styles */

.fm-caption {
    margin-top: 4px;
    padding: 4px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.fm-caption-text,
.fm-credit-text {
    font-size: 14px;
    line-height: 1.5;
    color: #374151;
}

.fm-caption-separator {
  display: none;
}

.fm-credit-text {
    font-weight: bold;
}

.fm-figure {
  text-align: center;
}

.fm-video {
  display: inline-block;
}

.fm-image-container + .fm-caption > .fm-credit-text::before {
  content:"Foto: "
}
.fm-video + .fm-caption > .fm-credit-text::before {
  content:"Video: "
}

/* Hover effect for linked images */
a:hover .fm-image {
  opacity: 0.9;
  transition: opacity 0.2s ease;
}

/* Ensure links don't interfere with sizing */
.fm-image-container a {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  .fm-figure {
    margin: 8px 0;
  }
  
  /* Slightly smaller on mobile to ensure good fit */
  .fm-image-container {
    max-height: 60vh;
  }
  
  .fm-image {
    max-height: 60vh;
  }
  
}


/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  4. ARTICLE EXTENSION                                                           ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Article (TV2) - Renderer Styles                                                ┃
┃  Styles for TV2REG article renderer                                             ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

/* ARTICLE_MANAGER article layout */
.fm-article {
  margin: 20px 0;
  max-width: 100%;
}

.fm-article-link {
  display: block;
  text-decoration: none;
  color: #000 !important;
  overflow: hidden;
  background: #ffffff;
}

.fm-article-content {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 8px;
}

.fm-article-thumbnail {
  flex-shrink: 0;
  width: 160px;
  height: 90px;
  overflow: hidden;
  background: #f3f4f6;
}

.fm-article-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fm-article-text {
  flex: 1;
  min-width: 0;
}

.fm-article-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #000;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.fm-article-error {
  padding: 20px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  color: #dc2626;
  text-align: center;
  font-size: 14px;
}

/* No thumbnail layout - text only */
.fm-article-content:not(:has(.fm-article-thumbnail)) {
  justify-content: center;
}

.fm-article-content:not(:has(.fm-article-thumbnail)) .fm-article-title {
  font-size: 20px;
  text-align: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .fm-article {
    margin: 8px 0;
  }
  
  .fm-article-content {
    flex-direction: column;
    padding: 12px;
    gap: 12px;
  }
  
  .fm-article-thumbnail {
    width: 160px;
    height: 90px;
  }
  
  .fm-article-title {
    font-size: 16px;
    -webkit-line-clamp: 3;
  }
  
  .fm-article-content:not(:has(.fm-article-thumbnail)) .fm-article-title {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .fm-article-content {
    padding: 10px;
  }
  
  .fm-article-thumbnail {
    height: 160px;
  }
  
  .fm-article-title {
    font-size: 15px;
  }
}







/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  5. LINK CARD RENDERER                                                          ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styles for the Norkon link card renderer                                       ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-link-card {
    margin: 15px 0;
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    text-decoration: unset;
    padding: 20px;
}

@media (max-width: 500px) {
    .ncpost-link-card {
        flex-direction: column;
        align-items: center;
    }
}

.ncpost-link-card-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 20px;
}

.ncpost-link-card img {
    width: 180px;
    object-fit: cover;
}

@media (max-width: 500px) {
    .ncpost-link-card img {
        width: 100%;
    }
}

.ncpost-link-card-info-title {
    font-weight: 700;
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 3px;
    color: #222;
}

.ncpost-link-card-info-site {
    color: #1E1E1E;
    font-size: 14px;
    margin-bottom: 10px;
}

.ncpost-link-card-info-description {
    color: #7C7C7C;
    font-weight: 400;
    font-size: 13px;
    text-decoration: unset;
}











/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  6. TYPING ANIMATION                                                            ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styles for the Norkon typing animation                                         ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.typing-container{
  padding: 15px 0
}

.typing-container .dot-container{
  margin: 0;
  padding: 8px 20px;
  animation: fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) both;
  display: inline-block;
}

.typing-container .dot{
  width: 8px;
  height: 8px;
  background: #222;
  border-radius: 50%;
  margin-right: 3px;
  animation: wave-typing-animation 1.3s linear infinite;
  display: inline-block;
}

.typing-container .dot:nth-child(2) {
  animation-delay: -1.1s;
}
.typing-container .dot:nth-child(3) {
  animation-delay:-.9s;
}

@media (max-width: 500px) {
  .typing-container {
    top: 15px
  }
}

@keyframes wave-typing-animation {
  0%, 60%, to {
    transform: initial;
    opacity: .3;
  }
  30% {
    opacity: 1;
    transform: translateY(-15px);
  }
}

@keyframes fade-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}












/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  7. AVATAR RENDERING                                                            ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for the Norkon avatars                                                 ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-avatar-container {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 15px;
  overflow: hidden
}

.ncpost-avatar-container .ncpost-avatar-image {
  width: 100%;
  height:100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ncpost-avatar-container .ncpost-avatar-image svg {
  width: 100%;
}

.lc-feed-container .ncpost-container {
  position: relative;
}

.lc-feed-container .ncpost-container .ncpost-header {
  flex-direction: column-reverse;
  margin-bottom: 8px;
  display: flex;
}

.lc-feed-container .ncpost-container .ncpost-header .ncpost-byline {
  text-align: left;
  margin-bottom: 4px;
}

.lc-feed-container .ncpost-container .ncpost-header .ncpost-timestamp {
  font-size: 13px;
}

.lc-feed-container .ncpost-container .ncpost-header svg {
  display: none !important;
}

.posts-view .ncpost-container {
  position:relative;
}

.posts-view .ncpost-container .ncpost-header {
  flex-direction: column-reverse;
  margin-bottom: 20px;
  display: flex;
  padding-left: 50px !important;
}

.posts-view .ncpost-container .ncpost-header .ncpost-byline {
  text-align:left;
  margin-bottom: 4px;
}

.posts-view .ncpost-container .ncpost-header .ncpost-timestamp {
  font-size: 13px;
}

.posts-view .ncpost-container .ncpost-header svg{
  display: none !important
}










/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  8. TAG FILTER BUTTONS                                                          ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for the tag filtering controls                                         ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-tags {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 15px;
}

.ncpost-tags .ncpost-tag {
  display: inline-flex;
  font-size: 14px;
  padding: 10px 13px;
  background-color: #f2f2f2;
  cursor: pointer;
  transition: all ease-in-out .3s;
}

.ncpost-tags .ncpost-tag:hover{
  opacity: .8;
}

.tags-group {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  margin: 15px 0;
}

.tags-group .filtered-tag {
  padding: 10px 13px;
  background-color: #f2f2f2;
}

.tags-group .filter-close-selection {
  cursor: pointer;
}







/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  9. POST SORTING                                                                ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for the post sorting controls                                          ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/


.ncposts-sorter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 20px 0;
}

.ncposts-sorter .ncpost-toggle-group {
  display: flex;
  position: relative;
  transition: transform 5s ease;
}

.ncposts-sorter .ncpost-toggle-group .toggle-label{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 35px;
  transition: transform 5s ease;
  cursor: pointer;
}

.ncposts-sorter .ncpost-toggle-group .toggle-label.active {
  background-color: #2130A8;
  color: #fff;
  cursor: pointer;
}










/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  10. USER CONTRIBUTIONS                                                         ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for user contributions                                                 ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-user-contribution {
  margin: 16px 0;
}
/*
.ncpost-user-contribution .ncpost-user-comment {
  padding: 15px;
  background-color: #f7f7f7;
  border-radius: 5px;
  border-radius: 10px 10px 10px 0;
}*/

.ncpost-user-contribution .ncpost-user-reply {
  padding: 15px;
  border-radius: 10px 10px 0 10px;
  position: relative;
  background-color: #d5f3ff;
  margin-bottom: 10px:
}

.ncpost-user-contribution .ncpost-user-reply .ncpost-comment-created {
  color: #236c8a !important;
}

.ncpost-user-contribution .ncpost-user-reply:last-child{
  margin-bottom: 0;
}

.ncpost-user-contribution .ncpost-user-replies {
  padding-left: 50px;
  margin-top: 10px;
  position:relative;
}

.ncpost-user-contribution .ncpost-comment-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.ncpost-user-contribution .ncpost-comment-name {
  font-weight: 700;
}

.ncpost-user-contribution .ncpost-comment-created {
  color: #a7a7a7;
  font-size: 13px;
}

.ncpost-user-contribution .ncpost-comment-image {
  margin-top: 10px;
  max-width: 230px;
  border-radius: 8px;
  overflow: hidden;
}

.ncpost-user-contribution .ncpost-comment-image img {
  width:100%;
}

.ncpost-questions-container {
  margin-bottom: 16px;
}
/*
.ncpost-questions-container .ncpost-user-comment {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px 10px 10px 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.1);
}*/

.ncpost-questions-container .ncpost-user-reply {
  background-color: #008cba;
  color: #fff;
  border-radius: 10px 10px 0 10px;
  margin-bottom: 10px;
}

.ncpost-questions-container .ncpost-user-reply .ncpost-comment-created {
  color: #93e4ff !important;
}

.ncpost-questions-container .ncpost-user-reply:last-child {
  margin: 0;
}

.ncpost-question-container {
  margin: 20px 0;
}

.ncpost-question-container .ncpost-new-comment-toggle {
  border: 1px solid #008cba;
  padding: 8px 16px;
  color: #008cba;
  font-size: 13px;
}

.ncpost-container .ncpost-new-comment-toggle {
  color: #008cba;
  font-size: 13px;
}

.ncpost-new-comment-panel {
  position: relative;
}

.ncpost-new-comment-panel input {
  font-family: inherit;
  font-size: inherit;
}

.ncpost-new-comment-panel textarea {
  font-family: inherit;
  font-size: inherit;
  resize: none;
  height:100px;
}

.ncpost-new-comment-panel .ncpost-submit {
  line-height: 1.5;
  padding: 10px 15px;
  font-family: inherit;
  font-size: 13px;
}

.ncpost-new-comment-panel .ncpost-upload-button {
  cursor: pointer;
  position: absolute;
  top: 170px;
  right: 10px;
  border: 0;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.ncpost-new-comment-panel .ncpost-upload-button svg {
  fill: #909090;
}

.ncpost-new-comment-panel .ncpost-upload-image {
  margin: 15px 0;
}

.ncpost-new-comment-panel .ncpost-upload-image div {
  width: 200px;
  display:flex;
}

.ncpost-new-comment-panel .ncpost-upload-image div img {
  width: 100%;
  margin-right: 5px;
}

.ncpost-new-comment-panel .ncpost-upload-image div svg {
  fill: #909090;
  cursor: pointer
}










/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  11. KEY EVENTS                                                                 ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for the collected “star marked” posts at the top.                      ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-channelcontent-container {
  margin: 15px 0;
}

.key-events-container {
  margin-bottom: 30px;
}

.key-events-container .key-event-group {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #EDE7DB;
    padding: 8px 10px;
    margin-bottom: 5px;
}

.key-events-container .key-event-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.key-events-container .key-event-group .key-event-left-col .key-event-time {
    font-size: 14px;
    line-height: 16.94px;
    margin: 0;
    text-align: left;
    font-weight: 300;
    white-space: nowrap;
    color: #000000;
}

.key-events-container .key-event-group .key-event-left-col .key-event-title {
    color: #000000;
    font-size: 16px;
    line-height: 19.2px;
}

.key-events-container .key-event-group .key-event-time::before,
.key-events-container .key-event-group .key-event-time::after {
    content: none;
    display: none;
}

.key-events-container .key-event-group .key-event {
    cursor: pointer;
    color: white;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    font-weight: 400;
    background-color: #2130A8;
    white-space: nowrap;
    padding: 11px 7px;
}

.key-events-container .key-event-group .key-event:hover {
    opacity: 0.9;
    text-decoration: none;
}

/* .key-events-container .key-event-title {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    padding-left: 15px;
    font-size: 16px;
    line-height: 22.4px;
}

.key-events-container .key-event-title a {
    margin-left: 4px;
} */

.key-events-container #delete-event {
    display: none !important;
}

@media (max-width: 500px) {
    .key-events-container .key-event-left-col {
        min-width: 70%;
    }
    .key-events-container .key-event {
        min-width: 30%;
    }
}

/* Editor / posts-view variant: expand title, disable link nav, show delete button */

/* .posts-view .ncpost-channelcontent-container .key-events-container .key-event-title,
.posts-view .ncpost-channelcontent-container .key-events-container .key-event-title div:first-child {
    width: 100%;
} */

/* .posts-view .ncpost-channelcontent-container .key-events-container .key-event-title a {
    pointer-events: none;
} */

.posts-view .ncpost-channelcontent-container .key-events-container #delete-event,
.posts-view .ncpost-channelcontent-container .key-events-container .key-event #delete-event {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: #C3C3C3;
    position: absolute;
    right: -2.5rem;
    border-radius: 50%;
    cursor: pointer;
}
.posts-view .ncpost-channelcontent-container .key-events-container #delete-event svg,
.posts-view .ncpost-channelcontent-container .key-events-container .key-event #delete-event svg {
    fill: #fff !important;
}

/* ADDITION FOR SHAREABLE LINKS */


.ncpost-share-wrapper { 
    margin-top: 0.75rem;
    display: flex; 
    align-items: center; 
    gap: .5rem; 
}
.ncpost-share { 
    cursor: pointer; 
    display: inline-flex; 
    align-items: center;
    gap: .35rem; 
    background-color: #2130A8;
    color:#fff;
    padding: .35rem .6rem;
    font: inherit; 
}
.ncpost-share-icon {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  fill: #fff;
}
.lc-feed-container .ncpost-container.ncpost-importance-2 .ncpost-share {
    background-color: #000 !important;
}
.ncpost-share-feedback {
  opacity: 0; 
  transition: opacity .25s; 
  font-size: .8em; 
}
.ncpost-share-feedback.visible { opacity: 1; }
.ncpost-share-text {
    font-size: 16px;
}


:root:is(.dark) {

  .lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label,
  .lc-feed-container .ncpost-container,
  .lc-feed-container .ncpost-channelcontent-container .key-events-container .key-event-group,
  .lc-feed-container .ncpost-question-container .ncpost-new-comment-panel,
  .lc-feed-container .ncpost-user-contribution .ncpost-user-comment {
    background-color: #03061C; /*dark-600*/
    color: #ffffff;
  }
  
  .lc-feed-container .ncpost-channelcontent-container .key-events-container .key-event-group .key-event,
  .lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label.active {
    background-color: #2130A8; /*brand-900*/
    color: #ffffff;
  }
  
  .lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-title,
  .lc-feed-container .ncpost-container .ncpost-link-card .ncpost-link-card-info .ncpost-link-card-info-description,
  .fm-caption-text, .fm-credit-text {
    color: #ffffff;
  }

  .lc-feed-container .ncpost-channelcontent-container .key-events-container .key-event-group .key-event-left-col .key-event-title,
  .lc-feed-container .ncpost-channelcontent-container .key-events-container .key-event-group .key-event-left-col .key-event-time,
  .fm-article-link {
    color: #ffffff !important;
  }
   
  .lc-feed-container .ncpost-container .ncpost-tags .ncpost-tag,
  .fm-article-link,
  .lc-feed-container .ncpost-container .ncpost-link-card,
  .lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-comment,
  .lc-feed-container .ncpost-container .ncpost-user-contribution .ncpost-user-replies .ncpost-user-reply {
    background-color: #16182A; /*dark-500*/
    color: #ffffff;
  }

  .lc-feed-container .ncpost-new-comment-panel > div textarea,
  .lc-feed-container .ncpost-new-comment-panel > div input {
    background-color: #16182A; /*dark-500*/
    color: #ffffff;
  }

  .lc-feed-container .ncpost-new-comment-panel > div textarea::placeholder,
  .lc-feed-container .ncpost-new-comment-panel > div input::placeholder {
    color: #ffffff;
  }
  
}
/*End extension CSS 17851, Theme (TV2REG)*/


.nc-lc-extensions-css{ display: block }