/*### Revision History ####################################################
Date - 10/12/2023 Made by : Aloha Dev - Deepak
Changes Made - Custom SCSS file for article post type
#########################################################################*/
@media (min-width: 960px) {
  .single-articles .site-inner,
  .tax-articles_cat .site-inner,
  .tax-issue_groups .site-inner,
  .post-type-archive-archived_issues .site-inner,
  .post-type-archive-thrive_videos .site-inner,
  .single-thrive_videos .site-inner,
  .single-thrive_infographics .site-inner,
  .archived-issue-wrapper-group .site-inner {
    max-width: 100%; } }

.paginationInput::-webkit-inner-spin-button,
.paginationInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.hDetails ul li {
  list-style-type: disc;
  padding-bottom: 10px; }

/* Custom CSS for infographic */
.DateCredits .text-to-speech {
  float: none !important; }

.legal-text-section {
  border-top: 1px solid var(--thrive-primary); }

.hero-image-section img {
  width: 100%; }

.infographic-body-content {
  gap: 20px; }
  .infographic-body-content a {
    color: var(--thrive-primary);
    text-decoration: underline; }
  .infographic-body-content ul {
    padding-left: 30px;
    margin-top: 5px; }
    .infographic-body-content ul li {
      list-style-type: disc; }
      .infographic-body-content ul li::marker {
        color: var(--thrive-leaf-green); }
  .infographic-body-content ol {
    padding-left: 30px;
    margin-top: 5px; }
    .infographic-body-content ol li {
      list-style-type: decimal; }
      .infographic-body-content ol li::marker {
        color: var(--thrive-leaf-green); }

.infographic-text-overlay .infographic-text h1, .infographic-text-overlay .infographic-text h2, .infographic-text-overlay .infographic-text h3,
.infographic-text-overlay .infographic-text h4, .infographic-text-overlay .infographic-text h5, .infographic-text-overlay .infographic-text h6 {
  color: black !important; }

.infographic-text-overlay.text-container {
  padding-left: 48px;
  padding-right: 48px; }

.infographic-text-overlay.dark .infographic-text {
  color: black !important; }
  .infographic-text-overlay.dark .infographic-text h1, .infographic-text-overlay.dark .infographic-text h2, .infographic-text-overlay.dark .infographic-text h3,
  .infographic-text-overlay.dark .infographic-text h4, .infographic-text-overlay.dark .infographic-text h5, .infographic-text-overlay.dark .infographic-text h6 {
    color: black !important; }

.infographic-text-overlay.light .infographic-text {
  color: white !important; }
  .infographic-text-overlay.light .infographic-text h1, .infographic-text-overlay.light .infographic-text h2, .infographic-text-overlay.light .infographic-text h3,
  .infographic-text-overlay.light .infographic-text h4, .infographic-text-overlay.light .infographic-text h5, .infographic-text-overlay.light .infographic-text h6 {
    color: white !important; }

.infographic-text {
  font-size: 16px;
  line-height: 24px;
  color: #333333; }
  .infographic-text h1, .infographic-text h2, .infographic-text h3,
  .infographic-text h4, .infographic-text h5, .infographic-text h6 {
    color: #576d12;
    line-height: 26px;
    font-weight: 600;
    font-size: 18px; }

.infographic-full-width {
  width: 100%; }

@media (max-width: 767px) {
  .infographic-text-overlay {
    position: static !important;
    transform: none !important;
    background: transparent;
    padding: 0 !important; }
    .infographic-text-overlay .infographic-text h1, .infographic-text-overlay .infographic-text h2, .infographic-text-overlay .infographic-text h3,
    .infographic-text-overlay .infographic-text h4, .infographic-text-overlay .infographic-text h5, .infographic-text-overlay .infographic-text h6 {
      color: #576d12 !important; }
  .infographic-text-overlay.dark .infographic-text, .infographic-text-overlay.light .infographic-text {
    color: #333333 !important; }
    .infographic-text-overlay.dark .infographic-text h1, .infographic-text-overlay.dark .infographic-text h2, .infographic-text-overlay.dark .infographic-text h3,
    .infographic-text-overlay.dark .infographic-text h4, .infographic-text-overlay.dark .infographic-text h5, .infographic-text-overlay.dark .infographic-text h6, .infographic-text-overlay.light .infographic-text h1, .infographic-text-overlay.light .infographic-text h2, .infographic-text-overlay.light .infographic-text h3,
    .infographic-text-overlay.light .infographic-text h4, .infographic-text-overlay.light .infographic-text h5, .infographic-text-overlay.light .infographic-text h6 {
      color: #576d12 !important; }
  .infographic-image {
    width: 100%;
    overflow: hidden;
    border-radius: 8px; }
  .infographic-full-width .infographic-image img {
    object-fit: cover;
    aspect-ratio: 12 / 9; }
    .infographic-full-width .infographic-image img.left {
      object-position: left; }
    .infographic-full-width .infographic-image img.right {
      object-position: right; }
  .hero-image-section img {
    object-fit: cover;
    aspect-ratio: 12 / 9; } }