/**
 * CSR Toc of Tocs, and sub-tocs use these "cards" to link to articles or tocs.
 */

#csr-content {
  background: white;
}
.back-btn {
  width: 100%;
  margin-top: 20px;
}
@media(min-width: 526px) {
  .back-btn {
    width: auto;
  }
}
.back-btn .fluke-icon {
  /* Keeps the back arrow centered */
  vertical-align: inherit;
  padding-right: 5px;
}
.back-btn:hover{
  color: #fff;
  background: #264d73;
}
#article-body {
  margin-top: -5px;
  padding: 30px;
}
/* Most of the breadcrumb styles are pulled from the global theme. */
#csr-article #breadcrumbs {
  font-size: 1.6rem;
  margin-bottom: 15px;
}
#csr-article figure {
  /* Overrides default figure styling */
  margin: 0;
}
#csr-article figcaption {
  /* Overrides default figure styling */
  padding-left: 30px;
  padding-right: 30px;
  font-style: italic;
}
/* figcaptions can appear in the conten */
#csr-article figure.pull-left figcaption,
#csr-article figure.pull-right figcaption {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 15px;
}

/**
 * These utility classes are used in other article body content to style images.
 * Providing these utility classes is preferable to building out an additional
 * template in the ECM. The blog, homepage, and vanilla articles have similar
 * utility classes.
 */
.half-right,
.pull-right,
.half-left,
.pull-left {
  width: 100%;
}
@media(min-width: 1033px) {
  .half-right,
  .pull-right {
    float: right;
    padding: 1rem;
    width: 50%;
  }
}
@media(min-width: 1033px) {
  .half-left,
  .pull-left {
    float: left;
    padding: 1rem;
    width: 50%;
  }
}