/*Important to leave it 240 so that the carousel pictures align perfectly*/
.list-view-pagination-container {
  padding: 10px 0;
  text-align: left;
  font-size: 0;
}

.list-view-pagination-container > a.page-link {
  display: inline-block;
  min-width: 30px;
  width: auto;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border: solid 1px var(--tm-border, #e5e5e5);
  font-size: 14px;
  color: var(--tm-text-muted, #aaa);
  text-decoration: none;
  background: none;
  padding: 0 calc(10px / 2);
  margin: 0 calc(10px / 6);
  border-radius: 15px;
  transition-duration: 0.2s;
}

.list-view-pagination-container > a.page-link.last-page,
.list-view-pagination-container > a.page-link.first-page {
  width: auto;
  padding: 0 10px;
  margin: 0 calc(10px / 6);
  border-radius: 15px;
  border: solid 1px var(--tm-border, #e5e5e5);
}

.list-view-pagination-container > a.page-link.first-page {
  margin-left: 0;
}

.list-view-pagination-container > a.page-link.last-page {
  margin-right: 0;
}

.list-view-pagination-container > a.page-link:hover {
  color: white;
  background: var(--tm-primary, #0088d4);
  border: solid 1px var(--tm-primary, #0088d4);
}

.list-view-pagination-container > a.page-link:focus,
.list-view-pagination-container > a.page-link:active {
  outline: none;
  border: solid 1px var(--tm-primary, #0088d4);
}

.list-view-pagination-container > a.page-link.selected {
  color: white;
  background: var(--tm-primary, #0088d4);
  border: solid 1px var(--tm-primary, #0088d4);
}

.list-view-pagination-container .total-items-count {
  height: 30px;
  line-height: 30px;
  font-style: italic;
  float: right;
  font-size: 14px;
  color: var(--tm-text-muted, #bababa);
}

/*#ebeff7*/
/*#f1f4fb*/
/*Important to leave it 240 so that the carousel pictures align perfectly*/
/*without sidebar*/
.landing-page-articles-section {
  margin: calc(3 * 10px) 0; }

/*artoicle details*/
.article-details-container .embed-instagram {
  padding-bottom: 100%; }
  .article-details-container .embed-instagram iframe {
    height: none !important; }

.articles-list-container {
  margin: 0 0 0 0; }
  .articles-list-container .article-card {
    /*height: $article-card-height;*/
    position: relative;
    border-radius: 2px;
    background: var(--tm-surface, white);
    box-shadow: 0 1px 10px -3px rgba(0, 0, 0, 0.05);
    transition-duration: 0.2s;
    cursor: default;
    margin: 0 0 calc(3 * 10px) 0; }
    .articles-list-container .article-card:hover {
      box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); }
    .articles-list-container .article-card .breaking-news-container {
      pointer-events: none;
      position: absolute;
      background: linear-gradient(90deg, #57fffad8 0%, #ffff00d8 70%);
      color: var(--tm-text, black);
      text-transform: uppercase;
      font-size: 24px;
      font-weight: 700;
      top: 0;
      left: 0;
      right: 0;
      padding: calc(1 * 10px) 10px;
      z-index: 0;
      text-align: right;
      border-radius: 2px 2px 0 0; }
    .articles-list-container .article-card .breaking-news-container {
      pointer-events: none;
      position: absolute;
      background: linear-gradient(90deg, #57fffad8 0%, #ffff00d8 70%);
      color: var(--tm-text, black);
      text-transform: uppercase;
      font-size: 24px;
      font-weight: 700;
      top: 0;
      left: 0;
      right: 0;
      padding: calc(1 * 10px) 10px;
      z-index: 0;
      text-align: right;
      border-radius: 2px 2px 0 0; }
    .articles-list-container .article-card .article-is-draft-hint-container {
      pointer-events: none;
      position: absolute;
      background: linear-gradient(90deg, var(--tm-danger, #ff6500) 0%, #d15300 100%);
      color: var(--tm-text, black);
      text-transform: uppercase;
      font-size: 24px;
      font-weight: 700;
      bottom: 0;
      left: 0;
      right: 0;
      padding: calc(1 * 10px) 10px;
      z-index: 0;
      text-align: right;
      border-radius: 2px 2px 0 0;
      z-index: 9999; }
    .articles-list-container .article-card .job-article-hint-container {
      z-index: 1;
      position: absolute;
      right: 0;
      top: 0;
      width: 100px;
      height: 100px;
      pointer-events: none;
      overflow: hidden; }
      .articles-list-container .article-card .job-article-hint-container .job-article-hint {
        background: #ffef97;
        color: #555;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
        text-align: center;
        font-weight: 500;
        padding: calc(0.5 * 10px) calc(1.5 * 10px);
        transform: rotate(45deg) translateX(23px) translateY(-15px);
        transform-origin: 50% 50%;
        box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); }
    .articles-list-container .article-card .ad-article-hint-container {
      z-index: 1;
      position: absolute;
      right: 0;
      top: 0;
      width: 100px;
      height: 100px;
      pointer-events: none;
      overflow: hidden; }
      .articles-list-container .article-card .ad-article-hint-container .ad-article-hint {
        background: var(--tm-accent, #ff6500);
        color: white;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
        text-align: center;
        font-weight: 500;
        padding: calc(0.5 * 10px) calc(1.5 * 10px);
        transform: rotate(45deg) translateX(23px) translateY(-15px);
        transform-origin: 50% 50%;
        box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); }
    .articles-list-container .article-card .article-is-not-approved-hint-container {
      z-index: 1;
      position: absolute;
      right: 0;
      top: 0;
      width: 309px;
      height: 212px;
      pointer-events: none;
      overflow: hidden; }
      .articles-list-container .article-card .article-is-not-approved-hint-container .article-is-not-approved-hint {
        background: var(--tm-accent, #ff6500);
        color: white;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
        text-align: center;
        font-weight: 500;
        padding: calc(0.5 * 10px) calc(1.5 * 10px);
        transform: rotate(45deg) translateX(95px) translateY(-2px);
        transform-origin: 50% 50%;
        box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); }
    .articles-list-container .article-card .article-media-container {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-height: 250px;
      background: black;
      z-index: 0;
      overflow: hidden;
      border-radius: 3px 3px 0 0;
      background-size: cover; }
      .articles-list-container .article-card .article-media-container:has(img) {
        display: flex;
        justify-content: center; }
      .articles-list-container .article-card .article-media-container .article-embedded-media-container {
        position: relative; }
      .articles-list-container .article-card .article-media-container .embed-article-overlay {
        display: none; }
      .articles-list-container .article-card .article-media-container .embed-article-play-button {
        display: none; }
      .articles-list-container .article-card .article-media-container .embed-article-play-button-tiktok {
        display: none; }
      .articles-list-container .article-card .article-media-container .embed-tiktok .embed-article-play-button-tiktok {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-10%, -20%);
        color: white;
        font-size: 90px;
        z-index: 3;
        transition-duration: 0.2s;
        cursor: pointer; }
      .articles-list-container .article-card .article-media-container .embed-tiktok:hover .embed-article-play-button-tiktok {
        transform: scale(1.5) translate(5%, -5%); }
      .articles-list-container .article-card .article-media-container .embed-instagram .embed-article-play-button, .articles-list-container .article-card .article-media-container .embed-linkedin .embed-article-play-button {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-10%, -20%);
        color: white;
        font-size: 90px;
        z-index: 3;
        transition-duration: 0.2s;
        cursor: pointer; }
      .articles-list-container .article-card .article-media-container .embed-instagram:hover .embed-article-play-button, .articles-list-container .article-card .article-media-container .embed-linkedin:hover .embed-article-play-button {
        transform: scale(1.5) translate(5%, -5%); }
      .articles-list-container .article-card .article-media-container .embed-tiktok .embed-article-overlay,
      .articles-list-container .article-card .article-media-container .embed-instagram .embed-article-overlay,
      .articles-list-container .article-card .article-media-container .embed-linkedin .embed-article-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.75);
        z-index: 2;
        transition-duration: 0.2s;
        backdrop-filter: blur(5px); }
      .articles-list-container .article-card .article-media-container .embed-tiktok:hover .embed-article-overlay,
      .articles-list-container .article-card .article-media-container .embed-instagram:hover .embed-article-overlay,
      .articles-list-container .article-card .article-media-container .embed-linkedin:hover .embed-article-overlay {
        background: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(3px); }
      .articles-list-container .article-card .article-media-container .image-replacer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
        .articles-list-container .article-card .article-media-container .image-replacer .tm-icon {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          color: rgba(255, 255, 255, 0.5);
          width: 90%;
          height: 90%;
          transition-duration: 7s; }
          .articles-list-container .article-card .article-media-container .image-replacer .tm-icon:hover {
            transform: translateX(-50%) translateY(-50%) scale(1.1); }
      .articles-list-container .article-card .article-media-container .article-media-overlay {
        filter: blur(4px) brightness(0.8);
        z-index: 0;
        transform: scaleX(-1);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .articles-list-container .article-card .article-media-container .article-embedded-media-container {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        display: flex;
        justify-content: center; }
      .articles-list-container .article-card .article-media-container img {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition-timing-function: ease-out;
        transform-origin: center center;
        transition-duration: 7s;
        z-index: 1; }
      .articles-list-container .article-card .article-media-container:hover img {
        transform: scale(1.1); }
    .articles-list-container .article-card .article-title-container {
      position: relative;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 10px calc(2 * 10px);
      z-index: 1;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      justify-content: center; }
      .articles-list-container .article-card .article-title-container h3.article-title {
        font-size: 16px;
        font-weight: 500;
        color: var(--tm-text-muted, #777);
        display: block;
        max-height: 67px;
        overflow: hidden; }
    .articles-list-container .article-card .article-date {
      font-size: 12px;
      color: var(--tm-text-muted, #777); }
    .articles-list-container .article-card .more-options-wrapper {
      z-index: 10;
      position: absolute;
      bottom: 5px;
      right: 5px;
      display: flex; }
      .articles-list-container .article-card .more-options-wrapper a {
        text-decoration: none;
        color: #63bef1;
        padding: 10px; }
        .articles-list-container .article-card .more-options-wrapper a .edit-text {
          margin-left: 1px; }
      .articles-list-container .article-card .more-options-wrapper .remove-article-command {
        color: #ff9e9e;
        padding: 10px;
        cursor: pointer;
        border: none;
        background: none; }
      .articles-list-container .article-card .more-options-wrapper .view-mkp-clients-interested-in-the-job {
        color: #ff6500;
        border: none;
        background: none; }
    .articles-list-container .article-card .apply-job-command-container {
      position: absolute;
      bottom: 15px;
      right: 15px; }
    .articles-list-container .article-card .article-category-container {
      position: absolute;
      z-index: 2;
      background: linear-gradient(90deg, #87489b 0%, #b269ca 100%);
      color: white;
      top: 15px;
      left: -10px;
      border-radius: 3px 3px 3px 0;
      padding: calc(0.25 * 10px) calc(1.5 * 10px);
      box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); }
      .articles-list-container .article-card .article-category-container::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border: solid 5px transparent;
        border-top-color: #87489b;
        border-right-color: #87489b;
        top: 100%;
        left: 0; }
      .articles-list-container .article-card .article-category-container a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 12px;
        font-weight: 500; }
        .articles-list-container .article-card .article-category-container a:hover {
          text-decoration: none; }
  .articles-list-container .article-card::before {
    content: '';
    transition-duration: 0.2s;
    position: absolute;
    left: 0;
    height: 2px;
    width: 0;
    bottom: 0;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(90deg, var(--tm-primary, #0088d4) 0%, var(--tm-secondary, #00c893) 100%);
    border-radius: 0 0 3px 3px; }
  .articles-list-container .article-card .tiktok-embed {
    margin: 0; }
    .articles-list-container .article-card .tiktok-embed section {
      display: none; }
    .articles-list-container .article-card .tiktok-embed > section:before {
      height: 100%; }
  .articles-list-container .article-card:hover::before {
    width: 100%; }
  .articles-list-container .article-card-on-sidebar a {
    position: relative;
    display: block; }
  .articles-list-container .article-card-on-sidebar .article-media-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    min-height: 120px;
    border-radius: 2px; }
    .articles-list-container .article-card-on-sidebar .article-media-container img,
    .articles-list-container .article-card-on-sidebar .article-media-container .article-media-overlay {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%; }
    .articles-list-container .article-card-on-sidebar .article-media-container img {
      object-fit: cover; }
    .articles-list-container .article-card-on-sidebar .article-media-container .image-replacer {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
  .articles-list-container .article-card-on-sidebar .job-article-hint-container,
  .articles-list-container .article-card-on-sidebar .ad-article-hint-container {
    position: absolute;
    top: 0;
    right: 0;
    width: clamp(90px, 18vw, 115px);
    height: clamp(90px, 18vw, 115px);
    pointer-events: none;
    overflow: hidden;
    z-index: 10; }
  .articles-list-container .article-card-on-sidebar .job-article-hint,
  .articles-list-container .article-card-on-sidebar .ad-article-hint {
    position: absolute;
    top: 18px;
    right: -52px;
    width: 200px;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    font-size: clamp(10px, 1.55vw, 12.8px);
    line-height: 1;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
    padding: calc(0.28 * 10px) calc(1.05 * 10px);
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); }
  .articles-list-container .article-card-on-sidebar .job-article-hint {
    background: #ffef97;
    color: #555; }
  .articles-list-container .article-card-on-sidebar .ad-article-hint {
    background: var(--tm-accent, #ff6500);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  .articles-list-container .article-card-on-sidebar .article-is-not-approved-hint-container {
    position: absolute;
    top: 0;
    right: 0;
    width: clamp(150px, 28vw, 200px);
    height: clamp(150px, 28vw, 200px);
    pointer-events: none;
    overflow: hidden;
    z-index: 10; }
  .articles-list-container .article-card-on-sidebar .article-is-not-approved-hint {
    position: absolute;
    top: 44px;
    right: -132px;
    width: 380px;
    background: var(--tm-accent, #ff6500);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: clamp(9.2px, 1.35vw, 11.6px);
    line-height: 1.1;
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
    padding: calc(0.34 * 10px) calc(1.55 * 10px);
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); }
  .articles-list-container .article-card-on-sidebar .article-is-draft-hint-container {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, var(--tm-danger, #ff6500) 0%, #d15300 100%);
    color: var(--tm-text, black);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: calc(1 * 10px) 10px;
    text-align: right;
    border-radius: 2px 2px 0 0;
    z-index: 11; }

.date-wrapper-edit-article {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px; }
  .date-wrapper-edit-article .day-value input,
  .date-wrapper-edit-article .hour-value input,
  .date-wrapper-edit-article .minute-value input {
    width: 70px; }
  .date-wrapper-edit-article .year-value input {
    width: 85px; }
  .date-wrapper-edit-article .date-wrapper {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px; }
    .date-wrapper-edit-article .date-wrapper .month-value {
      margin-left: 10px; }
    .date-wrapper-edit-article .date-wrapper .year-value {
      margin-left: 10px; }

.time-wrapper-edit-article {
  display: flex;
  align-items: center; }
  .time-wrapper-edit-article .hour-value {
    margin-right: 10px; }
  .time-wrapper-edit-article .minute-value {
    margin-left: 10px; }

.side-bar-container .ads-in-sidebar-wrapper .articles-list-container {
  margin: 0; }

.side-bar-container .article-card-on-sidebar {
  position: relative; }

.side-bar-container .job-article-hint-container {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 100px;
  pointer-events: none;
  overflow: hidden; }
  .side-bar-container .job-article-hint-container .job-article-hint {
    background: #ffef97;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    padding: calc(0.5 * 10px) calc(1.5 * 10px);
    transform: rotate(45deg) translateX(23px) translateY(-15px);
    transform-origin: 50% 50%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); }

/*articles embedded video popup*/
.embedded-video-form-checkboxes-label {
  margin-top: calc(10px * 5); }

/*article pictures*/
#nav-article-media-tab-pane {
  position: relative; }

div h4.article-details-h4 {
  margin-left: 0; }

.article-picture-container {
  width: 250px;
  height: 250px;
  display: inline-block;
  position: relative;
  border: solid 1px var(--tm-border, #bababa);
  border-radius: 5px;
  margin: 5px;
  padding: 5px;
  transition-duration: 0.2s;
  overflow: hidden; }

.article-picture-container:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.article-picture-container.default {
  border: solid 3px #63bef1; }

.article-picture-container .article-picture {
  max-width: 95%;
  max-height: 95%;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

.article-picture-container .set-default-photo {
  position: absolute;
  width: auto;
  white-space: nowrap;
  height: 20px;
  top: 5px;
  left: 5px;
  line-height: 20px;
  font-size: 16px;
  opacity: 0.05;
  transition-duration: 0.2s; }

.article-picture-container .set-default-photo > span.main-photo-hint {
  font-size: 11px;
  display: inline-block;
  vertical-align: middle; }

.article-picture-container:hover .set-default-photo {
  opacity: 1; }

.article-picture-container .delete-photo {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  right: 5px;
  line-height: 20px;
  font-size: 16px;
  opacity: 0.05;
  transition-duration: 0.2s;
  color: #ff6500; }

.article-picture-container:hover .delete-photo {
  opacity: 1; }

.article-picture-container .move-article-photo {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  transition-duration: 0.2s;
  opacity: 0.05; }

.article-picture-container:hover .move-article-photo {
  opacity: 1; }

.article-picture-container .move-article-photo.left {
  bottom: 5px;
  left: 5px; }

.article-picture-container:first-child .move-article-photo.left {
  display: none; }

.article-picture-container .move-article-photo.right {
  bottom: 5px;
  right: 5px; }

.article-picture-container:last-child .move-article-photo.right {
  display: none; }

.photos-container {
  min-height: 70px;
  text-align: center; }

.article-photo-container-row {
  position: relative; }
  .article-photo-container-row .photo-hint-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 90%;
    font-size: 12px;
    font-style: italic;
    color: var(--tm-text-muted, #aaa); }

.is-main-hint {
  font-size: 14px;
  font-style: italic; }

#photos-upload-container {
  padding: calc(2 * 10px); }

.main-embedded-video {
  border: 1px solid #0088d4;
  background: #bfe8ff; }

.not-main-embedded-video {
  border: 1px solid #aaa;
  background: rgba(152, 166, 173, 0.2); }

.embedded-video-list-wrapper {
  padding: 10px; }

.embedded-video-list-wrapper {
  display: flex;
  justify-content: space-between; }
  .embedded-video-list-wrapper .row-text-embedded-video-list {
    display: flex;
    flex-direction: column; }

.clients-interested-in-the-job-wrapper .tm-user-icon {
  padding-right: 10px; }

.show-interst-command-wrapper .apply-job-command-container {
  z-index: 10;
  display: flex;
  justify-content: center; }
  .show-interst-command-wrapper .apply-job-command-container .show-interest-in-the-job {
    background: var(--tm-accent, #ff6500);
    border-radius: 5px;
    padding: 10px calc(2 * 10px);
    font-size: 18px;
    border: rgba(255, 101, 0, 0.5);
    color: white;
    transition-duration: 0.2s;
    position: relative;
    border: none;
    outline: none;
    font-weight: 500;
    border-radius: 50px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    text-align: center; }
    .show-interst-command-wrapper .apply-job-command-container .show-interest-in-the-job:hover {
      transform: scale(1.1);
      background: #85c177; }
  .show-interst-command-wrapper .apply-job-command-container .interested-in-job-text-article-card {
    background: rgba(37, 120, 182, 0.2);
    padding: 10px;
    border-radius: 5px; }
  .show-interst-command-wrapper .apply-job-command-container .interested-in-job-text-container {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 235px;
    height: 158px;
    pointer-events: none;
    overflow: hidden; }
  .show-interst-command-wrapper .apply-job-command-container .interested-in-job-text-card {
    background: #a0d497;
    color: var(--tm-text, #555);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    padding: 5px 15px;
    transform: rotate(45deg) translateX(68px) translateY(-9px);
    display: block;
    transform-origin: 50% 50%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); }
  .show-interst-command-wrapper .apply-job-command-container .interested-in-job-text-article-details {
    border: solid 1px #85c177;
    border-radius: 5px;
    text-align: center;
    padding: calc(2*10px) 10px;
    color: #85c177;
    cursor: default;
    font-weight: 500;
    letter-spacing: 1px; }
  .show-interst-command-wrapper .apply-job-command-container.apply-job-command-container-article-card {
    top: 0px;
    right: 0px; }
  .show-interst-command-wrapper .apply-job-command-container .remove-interest-for-the-job-article-card {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer; }

.button-in-article-card .remove-interest-for-the-job-article-card {
  margin-top: 310px; }

.ads-list-container .button-in-article-card .remove-interest-for-the-job-article-card {
  margin-top: 0; }

.article-details-container .button-in-article-card .remove-interest-for-the-job-article-card {
  margin-top: 0; }

/*endregion*/
.article-details-container {
  cursor: default; }
  .article-details-container .tm-carousel-section {
    margin-bottom: calc(3 * 10px); }
  .article-details-container .tm-carousel-item-container {
    position: relative;
    display: flex; }
  .article-details-container .tm-carousel-item-container .current-item {
    margin-left: 10px; }
  .article-details-container .tm-carousel-item-text-media {
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 50px;
    z-index: 999;
    bottom: 0;
    left: 0;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    color: white; }
  .article-details-container .breaking-news-container {
    background: linear-gradient(90deg, #57fffad8 0%, #ffff00d8 70%);
    color: var(--tm-text, black);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    padding: calc(1 * 10px) 10px;
    border-radius: 5px;
    margin: 0 0 calc(2 * 10px) 0;
    position: relative;
    overflow: hidden; }
  .article-details-container .breaking-news-container::after {
    content: 'Breaking news';
    position: absolute;
    top: 50%;
    transform: translateY(-60%) scale(4);
    transform-origin: 100% 50%;
    right: 0;
    opacity: .05; }
  .article-details-container .article-extra-info-container {
    margin: 0 0 calc(2 * 10px) 0; }
    .article-details-container .article-extra-info-container .article-tags-container {
      margin-top: 5px; }
    .article-details-container .article-extra-info-container .article-tag {
      display: inline-block;
      margin: 10px 2px;
      padding: calc(0.5 * 10px) calc(1.75 * 10px);
      font-size: 0.8rem;
      border-radius: 100px;
      border: none; }
  .article-details-container .article-job-indicator {
    background: #ffef97;
    color: #555;
    text-align: center;
    font-weight: 500;
    border-radius: 5px;
    padding: calc(0.5 * 10px) calc(1.5 * 10px);
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500; }
  .article-details-container .article-ad-indicator {
    background: var(--tm-accent, #ff6500);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
    font-weight: 500;
    border-radius: 5px;
    padding: calc(0.5 * 10px) calc(1.5 * 10px);
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500; }
  .article-details-container .article-header-image-wrapper {
    margin: 0 0 calc(4 * 10px) 0;
    width: 100%;
    aspect-ratio: 3.5;
    border-radius: 5px;
    overflow: hidden;
    position: relative; }
    .article-details-container .article-header-image-wrapper .article-title-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 50%, transparent 100%);
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: center;
      z-index: 1;
      padding: calc(2 * 10px);
      transition-duration: 0.2s;
      backdrop-filter: saturate(0.75); }
      .article-details-container .article-header-image-wrapper .article-title-overlay .bottom-delimiter {
        position: absolute;
        z-index: 0;
        pointer-events: none;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100px;
        transition-duration: 7s;
        transform-origin: 50% 0%; }
        .article-details-container .article-header-image-wrapper .article-title-overlay .bottom-delimiter svg {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
        .article-details-container .article-header-image-wrapper .article-title-overlay .bottom-delimiter img {
          position: absolute;
          left: 0;
          bottom: -15px;
          width: 100%;
          height: 100%; }
      .article-details-container .article-header-image-wrapper .article-title-overlay .article-title {
        color: white;
        font-size: 24px;
        font-family: Roboto, Arial, sans-serif;
        font-weight: 400;
        text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.6);
        text-align: center;
        transition-duration: 0.2s; }
      .article-details-container .article-header-image-wrapper .article-title-overlay:hover {
        backdrop-filter: saturate(1); }
        .article-details-container .article-header-image-wrapper .article-title-overlay:hover .bottom-delimiter {
          transform: scale(1.1); }
  .article-details-container .article-category-container {
    display: inline-block;
    vertical-align: middle;
    background: linear-gradient(90deg, #87489b 0%, #b269ca 100%);
    color: white;
    top: 15px;
    left: -10px;
    border-radius: 5px;
    padding: calc(0.25 * 10px) calc(1.5 * 10px);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    margin: 0 10px 0 0; }
    .article-details-container .article-category-container a {
      color: white;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 500; }
      .article-details-container .article-category-container a:hover {
        text-decoration: none; }
  .article-details-container .article-media-list-container {
    min-height: 150px;
    margin: calc(1 * 10px) 0 calc(3 * 10px) 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border-radius: 5px;
    overflow: hidden; }
    .article-details-container .article-media-list-container .article-embedded-media-container {
      flex: 50%; }
      .article-details-container .article-media-list-container .article-embedded-media-container.main {
        flex: 100%; }
      .article-details-container .article-media-list-container .article-embedded-media-container.embed-facebook-portrait {
        padding-bottom: 126%;
        flex: 100%; }
        .article-details-container .article-media-list-container .article-embedded-media-container.embed-facebook-portrait iframe {
          margin-top: 10px; }
    .article-details-container .article-media-list-container a.media-link {
      flex: 50%; }
      .article-details-container .article-media-list-container a.media-link .article-media-container .article-media-image {
        max-width: 100%; }
    .article-details-container .article-media-list-container a.media-link.main {
      flex: 100%; }
  .article-details-container .article-summary {
    margin: calc(4 * 10px) 0 calc(6 * 10px) 0;
    font-weight: 500;
    font-style: italic;
    color: var(--tm-text-muted, #777);
    font-size: 18px;
    position: relative; }
  .article-details-container .article-summary.first {
    margin: calc(4 * 10px) 0 calc(4 * 10px) 0; }
  .article-details-container .article-summary.below-gallery::after {
    content: '';
    position: absolute;
    bottom: calc(-4 * 10px);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: double 3px var(--tm-primary, #0088d4);
    pointer-events: none; }
  .article-details-container .article-description-wrapper {
    margin: 0 0 calc(4 * 10px) 0;
    word-break: break-word;
    overflow: hidden; }
    .article-details-container .article-description-wrapper p:has(iframe) {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding-top: 56.25%;
      /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ }
    .article-details-container .article-description-wrapper p iframe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
    .article-details-container .article-description-wrapper img {
      max-width: 100%; }
    .article-details-container .article-description-wrapper .article-preview-from-tiny img {
      max-width: unset; }
  .article-details-container .article-authors-container {
    text-transform: uppercase;
    color: var(--tm-text-muted, #777);
    margin: 0 10px 0 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 500; }
    .article-details-container .article-authors-container .tm-icon {
      color: var(--tm-primary, #0088d4); }
    /* Comma separators between authors, emitted from CSS so no whitespace artifacts:
       the comma glues to the previous name and the natural inter-element whitespace
       becomes the space after it ("Name1, Name2"). */
    .article-details-container .article-authors-container .article-author:not(:last-child)::after {
      content: ","; }
    /* Author name linking to the public profile page - blends with the plain-text look,
       the dotted underline + hover color reveal it as a link. */
    .article-details-container .article-authors-container .article-author-link {
      color: inherit;
      text-decoration: underline dotted;
      text-underline-offset: 3px;
      transition: color .15s ease; }
      .article-details-container .article-authors-container .article-author-link:hover {
        color: var(--tm-primary, #0088d4);
        text-decoration: underline; }
  .article-details-container .article-date-container {
    color: var(--tm-text, #555);
    font-size: 14px;
    display: inline-block; }
    .article-details-container .article-date-container .tm-icon {
      color: var(--tm-secondary, #00c893); }

.articles-list-filter-container {
  padding: 10px;
  border: solid 1px #63bef1;
  background: rgba(135, 212, 255, 0.5);
  margin: 10px 0 10px 0;
  border-radius: 5px; }

.search-sort-order-wrapper {
  position: relative;
  display: inline-block;
  margin-left: auto; }

.sort-icon-trigger {
  cursor: pointer;
  font-size: 18px;
  color: #0077cc; }

.sort-dropdown {
  position: absolute;
  top: 30px;
  right: 0;
  background: var(--tm-surface, #fff);
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  padding: 8px 0;
  min-width: 180px;
  display: none;
  z-index: 1000; }

.sort-option {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px; }

.sort-option .sort-option-check {
  color: var(--tm-secondary, #00c893);
  font-size: 12px; }

.sort-option.selected {
  background-color: rgba(0, 136, 212, 0.08); }

.sort-option:hover {
  background-color: #f3f3f3; }

.filter-controls-container {
  display: grid;
  gap: 1rem;
  /* Default: coloane flexibile de minim 200px */
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  /* Când nu există selectorul de grupuri, căutarea stretch pe tot rândul */
  /* Când nu există checkbox-ul „only my articles” (fără clasei has-published),
	   la desktop mare (>1400px) stretch dincolo de prima coloană până la butoane */
  /* WRAPPERS */
  /* INPUT-URI */
  /* BUTOANE */
  /* BREAKPOINTS */
  /* dacă nu sunt articole publicate, ascunde checkbox */ }
  .filter-controls-container:not(.can-search-by-client-groups) .search-wrapper {
    grid-column: 1 / -1; }
  @media (min-width: 1400px) {
    .filter-controls-container.filter-controls-container:not(.has-published) .search-wrapper {
      /* 4 coloane: 1,2,3 sunt înainte de butoane */
      grid-column: 1 / -2; } }
  .filter-controls-container .search-wrapper,
  .filter-controls-container .search-sort-order-wrapper,
  .filter-controls-container .client-groups-for-article-audience,
  .filter-controls-container .only-my-articles,
  .filter-controls-container .apply-wrapper {
    display: flex;
    align-items: center; }
  .filter-controls-container .search-wrapper input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0; }
  .filter-controls-container .client-groups-for-article-audience input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 240px !important; }
  .filter-controls-container .only-my-articles .form-check {
    display: flex;
    align-items: center;
    padding-left: 0; }
  .filter-controls-container .search-sort-order-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center; }
    .filter-controls-container .search-sort-order-wrapper .search-sort-order-label {
      margin: 0;
      font-size: 0.9rem;
      font-weight: 600;
      color: #3d5a70;
      white-space: nowrap; }
    .filter-controls-container .search-sort-order-wrapper #searchSortOrder {
      min-width: 180px; }
  .filter-controls-container .apply-wrapper {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap; }
    .filter-controls-container .apply-wrapper .apply-filter-command,
    .filter-controls-container .apply-wrapper .clear-filter-command {
      white-space: nowrap; }
    @media (max-width: 767px) {
      .filter-controls-container .apply-wrapper {
        /* pe mobil stivuim butoanele, dar nu full-width */
        flex-direction: column;
        align-items: center;
        gap: 0.75rem; }
        .filter-controls-container .apply-wrapper .apply-filter-command {
          width: 60%;
          max-width: 260px; }
        .filter-controls-container .apply-wrapper .clear-filter-command {
          width: auto; } }
  @media (max-width: 767px) {
    .filter-controls-container {
      /* o singură coloană full-width în card */
      /*grid-template-columns: 1fr;*/ }
      .filter-controls-container > * {
        width: 100%; } }
  @media (min-width: 768px) and (max-width: 1399px) {
    .filter-controls-container {
      /* două coloane */
      grid-template-columns: repeat(2, 1fr); }
      .filter-controls-container .apply-wrapper {
        grid-column: 1 / -1;
        /* întinde butoanele pe tot rândul */
        justify-content: center;
        /* centrează butoanele în rând */ } }
  @media (min-width: 1400px) {
    .filter-controls-container {
      /* patru coloane și butoanele pe ultima coloană */
      grid-template-columns: repeat(4, 1fr); }
      .filter-controls-container > * {
        white-space: nowrap; }
      .filter-controls-container .apply-wrapper {
        grid-column: -1; } }
  .filter-controls-container:not(.has-published) .only-my-articles {
    display: none; }

.articles-pagination-container.top {
  margin: calc(2 * 10px) 0 0 0;
  display: none; }

.articles-pagination-container.bottom {
  margin: calc(-1 * 10px) 0 calc(2 * 10px) 0; }

#articles-list-container-main .articles-list-container {
  margin: 10px 0 0 0; }

#articles-list-container-main .articles-list-container .article-card .article-media-container {
  aspect-ratio: 16 / 9;
  /* 16:9 pe mobil */ }

#other-articles-same-categ-container {
  margin: calc(6 * 10px) 0 0 0; }
  #other-articles-same-categ-container .similar-articles-title {
    font-size: 22px;
    text-transform: uppercase; }
    #other-articles-same-categ-container .similar-articles-title .tm-icon {
      color: var(--tm-secondary, #00c893); }

.title-categ-name {
  font-weight: normal;
  color: var(--tm-text-muted, #aaa); }
  .title-categ-name span,
  .title-categ-name b,
  .title-categ-name .tm-icon {
    vertical-align: middle;
    display: inline-block; }

.page-main-title.article-title {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.2;
  word-break: break-word;
  font-size: 24px;
  /* baza pe mobil */ }

.section-wrapper {
  padding: 10px 0;
  background: rgba(135, 212, 255, 0.25);
  margin: 10px 0;
  border-radius: 5px; }
  .section-wrapper .article-template-column {
    margin: 0 auto; }
  .section-wrapper .article-title-layout-option {
    margin: 0 auto; }
  .section-wrapper--announcement-quick-add-from-fo {
    background: unset; }
  .section-wrapper .tox-editor-container {
    resize: none; }

.article-image-responsive {
  width: 100%;
  height: auto; }

.twitter-tweet {
  margin: 0 auto; }

.media-position-and-title-container {
  position: absolute;
  width: auto;
  white-space: nowrap;
  cursor: pointer;
  height: 20px;
  bottom: 20px;
  left: 5px;
  line-height: 20px;
  font-size: 16px;
  transition-duration: 0.2s;
  display: flex; }

.edit-article-media-position-and-title {
  color: #2578b6; }

.edit-media-position-and-title-hint {
  margin-left: 10px; }

.edit-article-media-position-and-title:hover {
  color: #ff6500; }

.media-position-and-title-inputs {
  display: flex;
  align-items: center; }

.save-media-position-and-title {
  background: none;
  border: none;
  color: #2578b6; }

.close-edition-media-position-and-title {
  background: none;
  border: none;
  color: red; }

.media-position-input {
  max-width: 50px; }

.article-picture-container:hover .set-default-photo {
  opacity: 1; }

.article-title-and-position-on-carousel-container {
  margin-left: 10px; }

.general-article-data-container .background-color-container {
  margin-top: 10px;
  display: flex; }
  .general-article-data-container .background-color-container .color-container {
    margin-left: 10px; }

.btn.btn-link.clear-filter-command {
  text-decoration: none;
  color: #ff6500; }

#main-page-contents:has(.articles-list-filter-container) .page-main-title {
  display: flex;
  gap: 20px; }

#main-page-contents:has(.articles-list-filter-container) .page-main-title-text {
  display: inline-block; }

.news-title-with-filters {
  display: flex;
  gap: 10px; }
  .news-title-with-filters .badge {
    font-size: 0.85rem;
    padding: 0.4em 0.75em;
    border-radius: 0.35rem;
    line-height: 1.4; }

/* Bootstrap-style colors, adaptate */
.badge-primary {
  background-color: #007bff;
  color: #fff; }

.badge-info {
  background-color: #17a2b8;
  color: #fff; }

.badge-success {
  background-color: #28a745;
  color: #fff; }

.article-tag {
  background: linear-gradient(90deg, var(--tm-primary, #0088d4) 0%, var(--tm-secondary, #00c893) 100%);
  color: white;
  border: none; }

.os-message {
  border-radius: 12px;
  padding: 12px 14px;
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.35;
  border: 1px solid transparent; }

.os-message {
  border-radius: 12px;
  padding: 12px 14px;
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.35;
  border: 1px solid transparent; }

.os-message--info {
  background: #eef6ff;
  border-color: #cfe4ff;
  color: #0b3b74; }

.os-message--success {
  background: #ecfdf3;
  border-color: #c6f6d5;
  color: #0f5132; }

.os-message--warning {
  background: #fff7e6;
  border-color: #ffe0a3;
  color: #7a4b00; }

.os-message strong {
  font-weight: 800; }

/* MEDIA QUERIES --------------------------------------------------------------------------*/
/*Extra small devices*/
@media (min-width: 380px) {
  .articles-list-container .article-card {
    /*height: $article-card-height-xs;*/ } }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .page-main-title.article-title {
    font-size: 28px; }
  .articles-list-container .article-card {
    height: 404px; }
    .articles-list-container .article-card .article-media-container {
      height: 294px;
      max-height: unset;
      position: absolute; }
      .articles-list-container .article-card .article-media-container .article-media-overlay {
        pointer-events: none;
        position: absolute;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
        filter: blur(4px) brightness(0.8);
        z-index: 0;
        transform: scaleX(-1); }
    .articles-list-container .article-card .article-title-container {
      position: absolute; }
      .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px;
        font-size: 18px; }
    .articles-list-container .article-card .article-embedded-media-container {
      position: absolute;
      width: 100%;
      height: 100%; }
      .articles-list-container .article-card .article-embedded-media-container > iframe {
        width: 100%;
        height: 100%; }
  .article-details-container .article-header-image-wrapper .article-title-overlay .article-title {
    font-size: 28px; }
  .articles-list-container .article-card .article-media-container {
    aspect-ratio: unset; } }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .page-main-title.article-title {
    font-size: 34px; }
  .articles-pagination-container.top {
    display: block; }
  .articles-list-container .article-card {
    height: 504px; }
    .articles-list-container .article-card .article-media-container {
      height: 394px; }
    .articles-list-container .article-card .article-title-container {
      height: calc(504px - 394px); }
      .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px; }
  .article-details-container .article-header-image-wrapper .article-title-overlay .article-title {
    font-size: 32px; }
  .article-details-container .article-media-list-container .article-embedded-media-container.embed-facebook-portrait {
    padding-bottom: 61%;
    max-width: 50%; }
  .section-wrapper {
    padding: 10px; }
  #main-contents:has(.body-with-sidebar) .articles-list-container .article-card {
    height: 399px; }
    #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-media-container {
      height: 289px; }
    #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-title-container {
      height: calc(399px - 289px); }
      #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px; } }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .page-main-title.article-title {
    font-size: 40px; }
  .articles-list-container .article-card {
    height: 370px; }
    .articles-list-container .article-card .article-media-container {
      height: 260px; }
    .articles-list-container .article-card .article-title-container {
      height: calc(370px - 260px); }
      .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px; }
  .articles-list-container .is-last-of-odds-article-card .article-card {
    height: calc(299px * 2.2); }
    .articles-list-container .is-last-of-odds-article-card .article-card .article-media-container {
      height: calc(189px * 2.78); }
    .articles-list-container .is-last-of-odds-article-card .article-card .article-title-container {
      height: calc(299px * 2.2 - 189px * 2.78); }
    .articles-list-container .is-last-of-odds-article-card .article-card img {
      height: 100%; }
  #main-contents:has(.body-with-sidebar) .articles-list-container .article-card {
    height: 299px; }
    #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-media-container {
      height: 189px; }
    #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-title-container {
      height: calc(299px - 189px); }
      #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px; }
  #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card {
    height: calc(299px * 1.6); }
    #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card .article-media-container {
      height: calc(189px * 2.08); }
    #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card .article-title-container {
      height: calc(299px * 1.6 - 189px * 2); }
    #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card img {
      height: 100%; }
  .article-details-container .article-header-image-wrapper .article-title-overlay .article-title {
    font-size: 40px;
    font-weight: 300; }
  .article-card:hover .more-options-wrapper {
    opacity: 100%; }
  .article-card .more-options-wrapper {
    z-index: 10;
    display: flex;
    transition-duration: 0.2s;
    opacity: 0; }
    .article-card .more-options-wrapper a {
      text-decoration: none;
      color: #63bef1;
      padding: 10px; }
      .article-card .more-options-wrapper a .edit-text {
        margin-left: 1px; }
    .article-card .more-options-wrapper .remove-article-command {
      color: #ff9e9e;
      padding: 10px;
      cursor: pointer; } }

/* Very large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .page-main-title.article-title {
    font-size: 44px; }
  .articles-list-container .article-card {
    height: 420px; }
    .articles-list-container .article-card .article-media-container {
      height: 310px; }
    .articles-list-container .article-card .article-title-container {
      height: calc(420px - 310px); }
      .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px; }
  .articles-list-container .is-last-of-odds-article-card .article-card {
    height: calc(310px * 2.35); }
    .articles-list-container .is-last-of-odds-article-card .article-card .article-media-container {
      height: calc(310px * 2.02); }
    .articles-list-container .is-last-of-odds-article-card .article-card .article-title-container {
      height: calc(310px * 2.35 - 310px * 2.02); }
  #main-contents:has(.body-with-sidebar) .articles-list-container .article-card {
    height: 336px; }
    #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-media-container {
      height: 226px; }
    #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-title-container {
      height: calc(336px - 226px); }
      #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px; }
  #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card {
    height: calc(336px * 1.8); }
    #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card .article-media-container {
      height: calc(336px * 1.39); }
    #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card .article-title-container {
      height: calc(336px * 1.8 - 336px * 1.4); }
  .article-details-container .article-header-image-wrapper .article-title-overlay .article-title {
    font-size: 52px; } }

/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
  .page-main-title.article-title {
    font-size: 50px; }
  .articles-list-container .article-card {
    height: 470px; }
    .articles-list-container .article-card .article-media-container {
      height: 360px; }
    .articles-list-container .article-card .article-title-container {
      height: calc(470px - 360px); }
      .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px; }
  .articles-list-container .is-last-of-odds-article-card .article-card {
    height: calc(470px * 1.8); }
    .articles-list-container .is-last-of-odds-article-card .article-card .article-media-container {
      height: calc(360px * 2.025); }
    .articles-list-container .is-last-of-odds-article-card .article-card .article-title-container {
      height: calc(470px * 1.8 - 360px * 2.025); }
  .body-without-sidebar .tm-carousel-item-text-media {
    bottom: 97px; }
  #main-contents:has(.body-with-sidebar) .articles-list-container .article-card {
    height: 375px; }
    #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-media-container {
      height: 265px; }
    #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-title-container {
      height: calc(375px - 265px); }
      #main-contents:has(.body-with-sidebar) .articles-list-container .article-card .article-title-container h3.article-title {
        max-height: 67px; }
  #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card {
    height: calc(375px * 1.8); }
    #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card .article-media-container {
      height: calc(265px * 2.05); }
    #main-contents:has(.body-with-sidebar) .articles-list-container .is-last-of-odds-article-card .article-card .article-title-container {
      height: calc(375px * 1.8 - 265px * 2.1); }
  .article-details-container .article-header-image-wrapper .article-title-overlay .article-title {
    font-size: 52px; }
  .client-groups-for-article-audience .select2-selection--multiple, .article-categories-selector .select2-selection--multiple, .article-categories-selector .select2-selection--multiple {
    padding: 2px 0px; }
  .only-my-articles .form-check-label::after {
    top: 1px; } }

@media (max-width: 767px) {
  .filter-controls-container .search-sort-order-wrapper {
    justify-content: flex-end; }
  .filter-controls-container .search-sort-order-wrapper .sort-dropdown {
    right: 0;
    left: auto;
    min-width: 210px;
    max-width: calc(100vw - 40px); } }

.article-details-container .slick-track {
  max-width: none !important; }

/* Table of contents (cuprins) for blog articles - GEO/E-E-A-T.
   Theme-neutral: links inherit the body color, accents use currentColor, so it blends
   with any shop theme. Numbered via a CSS counter; two columns on wider screens. */
.article-toc {
  margin: 0 0 2rem 0;
  padding: 1.15rem 1.4rem 1.25rem;
  border: 1px solid var(--tm-border, rgba(0, 0, 0, 0.07));
  border-left: 3px solid var(--tm-primary, rgba(0, 0, 0, 0.18));
  border-radius: 10px;
  background: var(--tm-surface, linear-gradient(180deg, rgba(0, 0, 0, 0.012), rgba(0, 0, 0, 0.03)));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  counter-reset: article-toc-counter; }

.article-toc .article-toc-title {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 .85rem 0;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--tm-text-muted, rgba(0, 0, 0, 0.55)); }

.article-toc .article-toc-title .tm-icon {
  font-size: .9rem;
  opacity: .75; }

.article-toc .article-toc-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.article-toc .article-toc-item {
  break-inside: avoid;
  margin: 0;
  counter-increment: article-toc-counter; }

.article-toc .article-toc-link {
  display: flex;
  align-items: baseline;
  gap: .6rem;
  padding: .4rem .5rem;
  border-radius: 7px;
  text-decoration: none;
  color: var(--tm-text, inherit);
  line-height: 1.45;
  transition: background-color .15s ease, color .15s ease, transform .15s ease; }

.article-toc .article-toc-link::before {
  content: counter(article-toc-counter);
  flex: 0 0 auto;
  min-width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .72rem;
  font-weight: 700;
  border-radius: 50%;
  background: var(--tm-surface-alt, rgba(0, 0, 0, 0.06));
  color: var(--tm-text-muted, rgba(0, 0, 0, 0.55));
  transition: background-color .15s ease, color .15s ease; }

.article-toc .article-toc-link:hover,
.article-toc .article-toc-link:focus-visible {
  background: var(--tm-surface-alt, rgba(0, 0, 0, 0.035));
  text-decoration: none;
  transform: translateX(2px); }

.article-toc .article-toc-link:hover::before,
.article-toc .article-toc-link:focus-visible::before {
  background: var(--tm-primary, rgba(0, 0, 0, 0.55));
  color: #fff; }

@media (min-width: 768px) {
  .article-toc .article-toc-list {
    columns: 2;
    column-gap: 2.25rem; } }

.article-description-wrapper h2[id] {
  scroll-margin-top: 90px; }

html {
  scroll-behavior: smooth; }

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
  color: var(--tm-text, #555);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 14px;
  color: var(--tm-text-muted, #aaa);
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: solid 1px var(--tm-primary-light, #63bef1);
  border-radius: calc(2 * 10px);
  transition-duration: 0.2s;
  padding-left: calc(10px / 2);
  padding-right: calc(10px / 2);
}

.select2-container--default:hover .select2-selection--single,
.select2-container--default:hover .select2-selection--multiple {
  border-color: var(--tm-primary-dark, #006197);
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  outline: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid 1px var(--tm-primary, #0088d4);
}

.select2-container {
  font-size: 14px;
}

.select2-container .select2-selection--single {
  height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 0 10px 0 0;
  background-color: rgba(135, 212, 255, 0.5);
  border: 1px solid var(--tm-primary-light, #63bef1);
  color: var(--tm-primary, #0088d4);
  border-radius: calc(2 * 10px);
  white-space: normal;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--tm-primary, #0088d4);
  padding: 0 calc(10px / 2);
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(135, 212, 255, 0.5);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--tm-primary, #0088d4);
}

.select2-selection__clear {
  opacity: 0;
}

.select2-container:hover .select2-selection__clear {
  opacity: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container .select2-search--inline {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: normal;
}
