.cBgPattern {
  background-image: url(//wso2.cachefly.net/wso2/sites/all/2022-optimized/library-2022/brown-Intro.png);
  background-position: top center;
  background-color: #000;
  background-repeat: repeat;
  padding: 0;
  padding-bottom: 13rem;
}

.cBlogLandingPage article.node {
  background: #f2f2f2;
}
.cBlogLandingPage .switch {
  margin-top: 0;
}

.cBlogHeading {
  background: #f4f4f4;
  box-shadow: 1px 3px 4px 0 #adadad33;
}

.cBlogHeading a {
  font-size: 1.9rem;
  font-weight: 500;
  color: #000;
  padding: 10px 0;
  display: inline-block;
  text-decoration: none;
}

.cBlogHeading.fixed-top a {
  font-size: 1.6rem;
  font-weight: 500;
}

.cMainWhiteBox {
  padding: 4rem 30px 4rem 0px;
  border-radius: 10px;
  color: #292929;
}

.cPublishedDate {
  margin-right: 4px;
  font-weight: 700;
  color: #000;
  margin-bottom: 1.5rem;
  display: inline-block;
}

.cAuthorCardContainer {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.cAuthorCard {
  width: 100%;
  margin-bottom: 30px;
  display: inline-block;
  margin-left: 0px;
}
.node--type-sourceblog .cAuthorCard {
  width: 100%;
  margin-bottom: 30px;
  display: inline-block;
  margin-left: 0px;
}
.node--type-sourceblog .cAuthorCard .cAuthor{
  font-weight: 600 !important;
}

.cImageBlock {
  width: 85px;
  float: left;
  height: 85px;
  margin-right: 15px;
}

.cImageBlock img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
}

.cInfoBlock {
  width: 190px;
  display: table-cell;
  height: 85px;
  vertical-align: middle;
}

.cAuthorCard .cLibraryContentInfo {
  margin: 0;
  padding: 0;
}

.cInfoBlock li.cAuthor {
  font-size: 16px;
  margin-bottom: 6px;
}

.cInfoBlock li.cAuthor a {
  color: #000;
  text-decoration: none !important;
  font-weight: 600;
}

.cInfoBlock li.cAuthor a:hover {
  text-decoration: none;
  color: #ff7300;
}

.cInfoBlock li.cAuthorDesignation {
  font-size: 12px;
}

.cLibraryContentInfo li span {
  color: #b9b9b9;
}

.cFeaturedImage {
  margin-bottom: 2rem;
}

.cArticleBody p,
.cArticleBody li {
  font-size: 18px;
  line-height: 36px;
  font-family: "Merriweather", serif !important;
  font-weight: 300;
}

.cArticleBody p a {
  text-decoration: underline;
  color: #494848;
}

.cArticleBody p a:hover {
  text-decoration: none;
  color: #ff7300;
}

.cArticleBody ol,
.cArticleBody ul {
  margin-bottom: 2rem;
  padding-left: 0;
}

.cArticleBody ol,
.cArticleBody ul {
  margin: 0 0 1.5rem 2rem;
}

.cArticleBody ol li {
  list-style-type: decimal !important;
  background-image: none;
}

.cArticleBody img:hover {
  transform: scale(1.5);
  transition: transform 0.2s;
}

.cArticleShareButtons {
  text-align: left;
  transition: all 0.5s ease 0s;
  margin-top: 20px;
}

.cArticleShareButtons ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cSMiconContainer {
  border-right: 1px solid #e6e7ec;
}

.cArticleShareButtons img {
  width: 50px;
  transition: all 0.5s ease 0s;
}

.cArticleShareButtons.sticky-sm {
  position: sticky;
  top: 300px;
  transition: all 0.5s ease 0s;
}

.cSectionAboveHighlight {
  padding-top: 20rem;
}

.cArticleContainer {
  margin-top: -20rem;
  margin-bottom: -6rem;
}

/* Accessibility Improvements */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/** breadcrumb **/
.cBreadCrumbContainer .cBreadcrumb {
  padding-top: 0;
}

/** dark color mode - start **/
.Dark .cWhiteBG {
  background: #202124;
}

.Dark .cSMiconContainer {
  border-right: 1px solid #464646;
}

.Dark h2,
.Dark h3,
.Dark h4 {
  color: #bdc1c6;
}

.Dark h1,
.Dark ul.cLibraryContentInfo li,
.Dark .cInfoBlock li.cAuthor,
.Dark .cPublishedDate,
.Dark .cInfoBlock li.cAuthorDesignation span,
.Dark .cInfoBlock li.cAuthor a,
.Dark .cBlogHeading a {
  color: #fff;
}

.Dark .cBio p {
  color: #bdc1c6;
}

.Dark .cArticleBody p,
.Dark .cArticleBody a {
  color: #bdc1c6;
}

.Dark .cArticleBody p,
.Dark .cArticleBody li {
  color: #bdc1c6;
}

.Dark .cBlogLandingPage article.node {
  background: #1c1c1c;
}
.Dark .cBlogHeading .container,
.Dark .cBlogHeading {
  background-color: #202124;
}



.cArticleBody22 a {
  text-decoration: underline !important;
}
.cArticleBody22 strong {
  font-weight: 700 !important;
}

@media screen and (max-width: 990px) {
  .cArticleShareButtons,
  .cArticleShareButtons.sticky-sm {
    position: fixed;
    top: auto;
    transition: all 0.5s ease 0s;
    bottom: 0;
    left: 0;
    background-color: #333333;
  }

  .cMainWhiteBox {
    padding: 0rem 15px 4rem 0px !important;
  }

  .cBreadcrumbContent {
    display: none;
  }
}