/* cards */
.content .cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  text-align: left;
  padding-bottom: 2rem;
}

.content .widecards {
  display: grid;
  gap: 20px;
  text-align: left;
  padding-bottom: 2rem;
}

.cntnt_showfaqs .weblet_content .cards,
.cntnt_showfaqs .weblet_content .faq_list_block {
  /* display: block; */
  margin-bottom: 4rem;
}
.cntnt_showfaqs .weblet_content h2,
.cntnt_faq_list .weblet_content h2 {
  /* display: block; */
  margin-bottom: 1rem;
}
.cntnt_showfaqs .weblet_content img,
.cntnt_faq_list .weblet_content img {
  /* display: block; */
  margin-right: 1rem;
}
.cntnt_showfaqs .weblet_content .cardheader,
.cntnt_faq_list .weblet_content .cardheader {
    display: inline-flex;
}
.cntnt_showfaqs .weblet_content p,
.cntnt_faq_list .weblet_content p {
}

.content .card {
  position: relative;
  /* max-width: 280px;*/
  background: var(--bg-card);
  padding: 1rem;
  /* padding-top: 0px; */
  border-radius: 8px;
  box-shadow: 4px 4px 8px rgba(0,0,0,0.3);
}
    /* Blockquotes */
.content blockquote {
      border-left: 4px solid #ddd;
      padding-left: 1rem;
      margin: 1.5rem 0;
      font-style: italic;
      color: var(--text-secondary);
    }

    /* Tables */
    .content details .table-wrapper,
    .content .content_item_description .table-wrapper {
      overflow-x: auto;
    }
    .content details table,
    .content .content_item_description table {
      width: 100%;
      border-collapse: collapse;
      margin: 2rem 0;
      font-size: 16px;
      /* background: #fff;*/
    }
    .content details table {
      margin: 0;
    }
    .content details th, 
    .content details td,
    .content .content_item_description th, 
    .content .content_item_description td {
      padding: 0.75rem 1rem;
      text-align: left;
      border-bottom: 1px solid #e6e6e6;
    }
    .content details th,
    .content .content_item_description th {
      background: var(--bg-th);
      font-weight: 600;
      /* color: #333;*/
    }
    .content details tr:nth-child(even),
    .content .content_item_description tr:nth-child(even) {
      background: var(--bg-tr);
    }
    .content details tr:hover,
    .content .content_item_description tr:hover {
      background: var(--bg-tr-hover);
    }

.content_list_description img,
.content_item_description img,
.content_list_image img,
.content_item_image img {
      display: block;
      /* margin: 1.5rem auto; */
      border-radius: 6px; /* optional softer look */
      box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
      max-width: 100%;
      height: auto;
      margin-bottom: 1.2em;
}

.img_align_left {
    margin: 0 1em 1em 0;
}
.img_align_right {
    margin: 0 0 1em 1em;
}
/* --------------------------------------------------------------------------------------------------------
 * specifically for forms
 */
/* --------------------------------------------------------------------------------------------------------
 * specifically for news archive in table
 */

.html_news_archive a:link,
.html_news_archive a:visited {
	text-decoration: none;
}
.html_news_archive a:hover,
.html_news_archive a:active {
	text-decoration: underline;
}
.html_news_archive ul {
	list-style: none;
}
.html_news_archive ul ul {
	margin-left: 16px;
}