/* ============================================
   Toyota Experience Site - Topic Detail Page
   FAQ Content Alignment Fix CMUD-19792
   ============================================ */


.slds-col--padded.contentRegion.comm-layout-column {
  box-sizing: content-box;
}

.selfServiceTopicArticleList .selfServiceArticleListItem.article-item {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
 
}

.forceCommunityHeadline h1.headlineTitle {
    padding-inline: 0 !important;
}
div.forceTopicSubTopicNavigation{
   padding-inline: 0 !important;
}


.comm-headline,
.cCommunityHeadline,
.forceCommunityHeadline,
[class*="headline"] h1,
[class*="headline"] h2,
[class*="headline"] .slds-rich-text-editor__output {
    max-width: 920px;
    margin: 0 auto;
}

@media (min-width: 851px) {
    c-ccm-community-custom-breadcrumb {
        display: none;
    }
}

/*CMUD-22272 changes for tile shadowing to improve readability for images with white or brighter elements against the white font*/
.forceTopicFeaturedTopicItem .topicImage{
    background-color: rgba(0,0,0,0.14);
    background-blend-mode: color;
}

/*CMUD-22268 Sub topics shown by default on Topic Detail page*/
.forceTopicSubTopicNavigation ul.topic-subNavList.topic-nowrap { 
  white-space: wrap;
} 

.forceTopicSubTopicNavigation .topic-subTopicItem.slds-hide { 
  display: inline-flex !important;
} 
 
.forceTopicSubTopicNavigation .comm-topic__show-more li.topic-showMore{ 
display: none;
}