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

/*End extension CSS 18117, Avatar */

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

/*Begin extension CSS 18120, Post sorting*/

/*End extension CSS 18120, Post sorting*/

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

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

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

/*Begin extension CSS 18127, Typing animation*/

/*End extension CSS 18127, Typing animation*/

/*Begin extension CSS 18129, 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 18129, Billede (TV2REG) - Renderer*/

/*Begin extension CSS 18132, 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 18132, Video (TV2REG) - Renderer*/

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

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

/*Begin extension CSS 18135, Link card*/

/*End extension CSS 18135, Link card*/

/*Begin extension CSS 18136, Translations*/

/*End extension CSS 18136, Translations*/

/*Begin extension CSS 18139, Theme (TV2REG)*/
/**
ØJ v1.0.9
-----------------------------------------------------------------------------------

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. Embed element - iframe wrapper
12. Shareble links
*/


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

@font-face {
  font-family: Sundry-Medium;
  src: url("https://www.tv2ostjylland.dk/fonts/sundry/Sundry-Medium.woff2") format("woff2"), url("https://www.tv2ostjylland.dk/fonts/sundry/Sundry-Medium.woff") format("woff");
}

@font-face {
  font-family: Sundry-Regular;
  src: url("https://www.tv2ostjylland.dk/fonts/sundry/Sundry-Regular.woff2") format("woff2");
}

@font-face {
  font-family: Proxima-Nova;
  src: url("https://www.tv2ostjylland.dk/fonts/proximanova/ProximaNova400.woff2") format("woff2"), url("https://www.tv2ostjylland.dk/fonts/proximanova/ProximaNova400.woff") format("woff");
}

:root {
    /* Font Family */
  --font-family-header: "Sundry-Medium", Helvetica, Verdana, sans-serif;
  --font-family-sundry-regular: "Sundry-Regular", Helvetica, Verdana, sans-serif;
  --font-family-text: "Proxima-Nova", Helvetica, Verdana, sans-serif;
  
   /* Brand Colors */
  --color-brand-primary: #00aa5a;
  --color-stone-100: #edede5;
  --color-stone-200: #dbdacc;
  --color-stone-300: #afaca5;
  --color-stone-400: #8e8881;
  --color-stone-500: #746f69;
  --color-semiblack: #242424;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-breaking: #ffed00;

  /* Theme Colors */
  --color-text-main: var(--color-semiblack);
  --color-border: var(--color-stone-200);

  /* Panel Colors */
  --panel-color-bg-common: white;
  --panel-color-border-common: var(--color-border);
  --panel-color-common: var(--color-stone-500);
  --panel-color-bg-normal: white;
  --panel-color-border-normal: var(--color-border);
  --panel-color-normal: currentColor;
  --panel-color-bg-important: var(--color-border);
  --panel-color-border-important: var(--color-border);
  --panel-color-important: currentColor;
  --panel-color-bg-very-important: var(--color-breaking);
  --panel-color-border-very-important: var(--color-border);
  --panel-color-very-important: currentColor;
  --panel-color-bg-pinned: white;
  --panel-color-border-pinned: var(--color-brand-primary);
  --panel-color-pinned: currentColor;

  /* Toggle label Colors */
  --toggle-label-color-bg: var(--color-white);
  --toggle-label-color-border: var(--color-stone-200);
  --toggle-label-color: var(--color-semiblack);
  --toggle-label-color-active-bg: var(--color-stone-200);
  --toggle-label-color-active-border: var(--color-stone-200);
  --toggle-label-color-active: var(--color-black);

  /* Colors inputs */
  --input-color-bg: var(--color-white);
  --input-color-border: var(--color-border);
  --input-color: var(--color-semiblack);
  --input-color-placeholder: #746f69;
}

.lc-feed-container {
  color: var(--color-text-main);
  font-family: var(--font-family-text);
  font-size: 16px;
  line-height: 20px;
  margin: 0 auto;
  max-width: 768px;
  padding: 0;
}
.lc-load-more {
  background-color: transparent;
  border: 2px solid var(--color-stone-200);
  border-radius: 20px;
  color: currentColor;
  padding: 12px 16px;
  font-size: 16px;
  font-family: var(--font-family-header);
  line-height: 16px;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.lc-load-more:hover {
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white);
}
.lc-feed-container .ncpost-new-comment-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.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: 10px;
  font-size: 16px;
  line-height: 19.2px;
  color: #000000;
}
.lc-feed-container .ncpost-new-comment-panel > div input,
.lc-feed-container .ncpost-new-comment-panel > div textarea {
  background-color: var(--input-color-bg);
  border: 1px solid var(--input-color-border);
  border-radius: 8px;
  box-shadow: none;
  color: var(--input-color);
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 8px;
}
.lc-feed-container .ncpost-new-comment-panel > div input::placeholder,
.lc-feed-container .ncpost-new-comment-panel > div textarea::placeholder {
  color: var(--input-color-placeholder);
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit {
  border-radius: 20px;
  padding: 12px 16px;
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  font-family: var(--font-family-header);
  line-height: 16px;
  background-color: var(--color-brand-primary);
  align-self: self-end;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit:hover {
  transform: scale(1.05);
}
.lc-feed-container .ncpost-new-comment-panel .ncpost-submit i {
  display: none;
}
.lc-feed-container .ncpost-channelcontent-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 0;
}
.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: 0;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container .ncpost-new-comment-toggle {
  background: transparent;
  border: 2px solid var(--color-brand-primary);
  padding: 8px 16px;
  border-radius: 20px;
  color: var(--color-brand-primary);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-family: var(--font-family-header);
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-align: center;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  position: relative;
  overflow: hidden;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container .ncpost-new-comment-toggle:before {
  content: "Stil et spørgsmål";
  background-color: white;
  position: absolute; 
  left: 0; 
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lc-feed-container .ncpost-channelcontent-container .ncpost-question-container .ncpost-new-comment-toggle:hover:before {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white);
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter {
  margin: 0 0 16px 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 {
  border-radius: 0;
  border-bottom: 2px solid var(--color-stone-300);
  color: var(--color-stone-400);
  font-family: var(--font-family-header);
  font-size: 14px;
  line-height: 14px;
  padding: 0;
  width: fit-content;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label:first-child {
 padding-right: 8px; 
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label:last-child {
  padding-left: 8px;
}
.lc-feed-container .ncpost-channelcontent-container .ncposts-sorter .ncpost-toggle-group .toggle-label.active {
  border-bottom: 2px solid var(--color-black);
  color: var(--color-black);
}
.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: #f7f7f7;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.lc-feed-container .ncpost-list-post {
  
}
.lc-feed-container .ncpost-list-post .ncpost-icon-container {
  top: 24px;
}
.lc-feed-container .ncpost-container {
  background-color: var(--panel-color-bg-normal);
  border: 2px solid var(--panel-color-border-normal);
  color: var(--panel-color-normal);
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 20px;
  gap: 4px;
  padding: 12px;
  margin-bottom: 0px;
}
.lc-feed-container .ncpost-container.ncpost-importance-0 {
  background-color: var(--panel-color-bg-common);
  border-color: var(--panel-color-border-common);
  color: var(--panel-color-common);
}
.lc-feed-container .ncpost-container.ncpost-importance-2 {
  background-color: var(--panel-color-bg-important) !important;
  border-color: var(--panel-color-border-important) !important;
  color: var(--panel-color-important) !important;
}
.lc-feed-container .ncpost-container.ncpost-importance-3 {
  background-color: var(--panel-color-bg-very-important) !important;
  border-color: var(--panel-color-border-very-important) !important;
  color: var(--panel-color-very-important) !important;
}
.lc-feed-container .ncpost-container .ncpost-avatar-container {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 0;
  display: none;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info .ncpost-byline {
  color: currentColor;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  margin: 0;
  display: none;
}
.lc-feed-container .ncpost-container .ncpost-header .ncpost-header-info .ncpost-timestamp {
  color: var(--color-brand-primary);
  font-family: Sundry-Medium, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  width: fit-content;
  background-color: transparent;
  position: relative;
  top: 0;
  left: 0;
}
.lc-feed-container .ncpost-container .share-icons-container {
  margin: 0;
}
.lc-feed-container .ncpost-container .share-icons-container .share-icons .share-icon svg {
  fill: var(--color-brand-primary);
}
.lc-feed-container .ncpost-container .ncpost-content {
  display: flex;
  flex-direction: column;
}
.lc-feed-container .ncpost-container .ncpost-content a:not(.fm-article-link) {
  color: var(--color-brand-primary);
}
.lc-feed-container .ncpost-container .ncpost-content a:hover {
  text-decoration: underline;
}
.lc-feed-container .ncpost-container .ncpost-content h3 {
  font-family: var(--font-family-header);
  margin: 0 0 12px 0;
}

.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-family: var(--font-family-header);
  margin: 0 0 12px 0;
}

.lc-feed-container .ncpost-container .ncpost-content p {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 12px 0;
} 

.lc-feed-container .ncpost-container .ncpost-content blockquote:not(.tiktok-embed) {
  background: url("https://www.tv2ostjylland.dk/img/icon-citat.png") 0 0 no-repeat;
  border: none;
  color: currentColor;
  margin: 12px 0;
  padding-left: 52px;
}
.lc-feed-container .ncpost-container .ncpost-content blockquote:not(.tiktok-embed) p {
  font-size: 28px;
  font-family: var(--font-family-sundry-regular);
  line-height: 32px;
  margin: 0;
  padding: 0;
}
.lc-feed-container .ncpost-container .ncpost-link-card {
  gap: 0;
  border-radius: 5px;
  border: none;
  background: #edede6;
  padding: 0;
  margin: 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-content blockquote:not(.tiktok-embed) p {
    font-size: 28px;
    line-height: 32px;
  }
}
.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: 19px;
  font-weight: 400;
  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-title {
  font-family: var(--font-family-header);
  color: currentColor;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
  margin-bottom: 4px;
}
.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: var(--color-stone-100);
  border: 1px solid var(--color-stone-100);
  border-radius: 16px;
  padding: 4px 8px;
  color: var(--color-black);
  font-size: 14px;
  line-height: 16px;
}
.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: 16px;
  font-weight: 400;
  line-height: 18px;
}
.lc-feed-container .ncpost-container .ncpost-comments-container .ncpost-new-comment-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  color: currentColor;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  justify-content: flex-end;
  cursor: pointer;
  margin-bottom: 4px;
}
.lc-feed-container .ncpost-container .ncpost-comments-container .ncpost-new-comment-toggle:hover {
  color: var(--color-brand-primary);
}
.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="none" 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" fill="%23000000"/></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: var(--color-stone-100);
  padding: 12px;
  gap: 4px;
  border-radius: 8px 8px 8px 0px;
  font-size: 16px;
  line-height: 18px;
  box-shadow: none;
}
.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-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: #6b7280;
}
@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: var(--color-brand-primary);
  color: #ffffff;
  padding: 12px;
  gap: 4px;
  border-radius: 8px 8px 0px 8px;
  font-size: 16px;
  line-height: 18px;
}
.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: #ffffff;
}
.lc-feed-container .ncpost-user-contribution {
  padding: 0 30px;
}
@media (max-width: 500px) {
  .lc-feed-container .ncpost-user-contribution {
    padding: 0;
  }
}
.lc-feed-container .ncpost-user-contribution .ncpost-user-comment {
  background-color: #edede6;
  padding: 15px;
  gap: 5px;
  border-radius: 8px 8px 8px 0px;
  font-size: 15px;
  line-height: 18px;
  box-shadow: none;
}
.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-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 (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: var(--color-brand-primary);
  color: var(--color-white);
  padding: 15px;
  gap: 5px;
  border-radius: 8px 8px 0px 8px;
  font-size: 15px;
  line-height: 18px;
}
.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-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;
}
.lc-feed-container .ncpost-linked {
  scroll-margin-top: 2rem;
}
.lc-feed-container .ncpost-pinned-post {
  
}
.lc-feed-container .ncpost-pinned-post .ncpost-container {
  background-color: var(--panel-color-bg-pinned);
  border-color: var(--panel-color-border-pinned);
  color: var(--panel-color-pinned);
}
.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="%23FAFAFA"/><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="%23D9D9D9"/></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="%2305A95A"/></g></svg>');
  position: absolute;
  right: 4px;
  top: 8px;
}
.lc-feed-container .ncpost-pinned-post .ncpost-icon-container {
  top: 25px;
}
.lc-feed-container .ncpost-importance-0:not(:has(.ncpost-content)) {
  display: none;
}
.editor-preview-and-feed .posts-view .ncpost-container .ncpost-avatar-container {
  top: 15px;
}

/* List styles */
.lc-feed-container .ncpost-container .ncpost-content ul,
.lc-feed-container .ncpost-container .ncpost-content ol {
  padding: 0;
  margin: 12px 0;
  font-size: 18px;
  line-height: 22px;
  list-style: disc;
  list-style-position: inside;
}
.lc-feed-container .ncpost-container .ncpost-content ul > li:not(:last-child),
.lc-feed-container .ncpost-container .ncpost-content ol > li:not(:last-child) {
  margin-bottom: 12px;
}
.lc-feed-container .ncpost-container .ncpost-content ul p,
.lc-feed-container .ncpost-container .ncpost-content ol p{
  display: inline;
}

/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  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: 20px 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%;
  width: auto;
  height: auto;
  object-fit: contain; /* Maintains aspect ratio, fits within constraints */
  border-radius: 4px;
}

@media (min-width: 1250px) {
  .fm-image-container,
  .fm-image {
    /* max-height: 70vh; Single constraint that works for all image types */
  }
}

/* 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;
  }
}



/* 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: 16px 0;
  }
  
}

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

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

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

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

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

.fm-article-link {
  color: inherit;
  display: block;
  overflow: hidden;
  text-decoration: none !important;
  transition: all 0.15s ease;
}

.fm-article-link:hover {
  color: #00aa5a;
  text-decoration: none;
}

.fm-article-content {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.fm-article-thumbnail {
  flex-shrink: 0;
  width: 120px;
  height: 90px;
  overflow: hidden;
  background: var(--color-stone-100);
}

@media screen and (min-width: 768px) {
  .fm-article-thumbnail {
    width: 144px;
    height: 81px;
  }
}

.fm-article-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
}

.fm-article-text {
  flex: 1;
  min-width: 0;
  width: 100%;
  text-decoration: none;
}

.fm-article-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: currentColor;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-decoration: none !important;
}

.fm-article-title:before {
  content: "Læs også:";
  display: block;
  font-size: 18px;
  color: #00aa5a;
}

.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-content:not(:has(.fm-article-thumbnail)) .fm-article-title {
    font-size: 18px;
  }
}

/* Dark mode support 
@media (prefers-color-scheme: dark) {
  .fm-article-link {
    background: #1f2937;
    border-color: #374151;
    color: #f9fafb;
  }
  
  .fm-article-link:hover {
    border-color: #4b5563;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  }
  
  .fm-article-title {
    color: #f9fafb;
  }
  
  .fm-article-thumbnail {
    background: #374151;
  }
}
*/

/* Print styles */
@media print {
  .fm-article-link {
    box-shadow: none;
    transform: none;
    border: 1px solid #000;
  }
}


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

.ncpost-link-card {
    margin: 15px 0;
    border: 1px solid var(--color-border);
    display: flex;
    flex-direction: row;
    gap: 1rem;
    text-decoration: unset;
    padding: 12px;
}

@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-family: var(--font-family-header);
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 3px;
    color: currentColor;
}

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

.ncpost-link-card-info-description {
    color: currentColor;
    font-weight: 400;
    font-size: 14px;
    text-decoration: unset;
}



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

.typing-container {
  padding: 8px 0;
}

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

.typing-container .dot{
  width: 8px;
  height: 8px;
  background: var(--color-stone-200);
  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: 0;
  display: flex;
  padding-left: 0;
}

.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: 14px;
}

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

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

.posts-view .ncpost-container .ncpost-header {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0;
  padding-left: 0;
}

.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 
}




/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  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;
  border-radius: 4px;
  background-color: var(--color-stone-100);
  color: var(--color-semiblack);
  cursor: pointer;
  transition: all ease-in-out .3s;
  margin-right: 5px;
}

.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;
  border-radius: 4px;
}

.tags-group .filter-close-selection {
  margin-left: 8px;
  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 {
  cursor: pointer;
}



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

.ncpost-user-contribution {
  margin: 16px 0;
}

.ncpost-user-contribution .ncpost-user-comment {
  padding: 12px;
  background-color: var(--color-stone-100);
  color: var(--color-semiblack);
  border-radius: 8px 8px 8px 0;
}

.ncpost-user-contribution .ncpost-user-reply {
  padding: 12px;
  border-radius: 8px 8px 0 8px;
  position: relative;
  background-color: var(--color-brand-primary);
  color: var(--color-white);
  margin-bottom: 10px;
}

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

.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: 20px;
}

.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;
}

.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: 10px 15px;
  border-radius: 5px;
  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 {
  border-radius: 5px;
  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. EMBED CONTAINER                                                         ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for embed iframes                                                 ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-embed-element {
  width: 100%;
  overflow: hidden;
}

.ncpost-embed-element iframe {
  max-width: 100%;
  width: 100%; 
  border: none; 
  display: block;
}



/**
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  12. KEY EVENTS                                                                 ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃  Styling for key events                                                         ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

.ncpost-channelcontent-container {
    margin-bottom: 30px;
}

.key-events-container {
    margin: 0;
}

.key-events-container .key-event-group {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #EBEBED;
    padding: 8px 10px;
    border-radius: 7px;
    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: #6b7280;
}

.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: var(--color-brand-primary);
    white-space: nowrap;
    padding: 11px 7px;
    border-radius: 5px;
}

.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 { 
  align-items: center; 
  background: none;
  cursor: pointer; 
  display: inline-flex; 
  font: inherit; 
  gap: .35rem; 
  padding: .35rem 0;
  transition: all;
}
.ncpost-share:hover, 
.ncpost-share:focus { 
  color: #00aa5a; 
}
.ncpost-share-icon {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  fill: #333;
}
.ncpost-share-feedback {
  opacity: 0; 
  transition: opacity .25s; 
  font-size: .8em; 
}
.ncpost-share-feedback.visible { opacity: 1; }
.ncpost-share-text {
}
/*End extension CSS 18139, Theme (TV2REG)*/


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