/* BV style sheet

Version history
---------------
06-NOV-24: Changed link color from #002e6e to #4C60F6 ("connecting purple") (Jer)
28-OCT-24: Changed body color to #33415C/Grey 2 per Audrey Steuerwald (Shawna)
30-SEP-24: Changed all H1-H6 to BV dark blue (Shawna)
16-SEP-24: Added topic footer styling (Jer)
22-AUG-24: Removed prev/next styling (Jer)
19-AUG-24: Added overflow to enable sticky RHS sidebar (Jer)
30-JUL-24: Added styling (details, summary) for new-look accordions (Jer)
27-JUN-24: Copied code and prettyprint stlying from main_1-08.css (Jer)
25-JUN-24: Copied label stlying from main_1-08.css (Jer)
04-JUN-24: Changed links to only show underlining upon hover (Shawna)
03-JUN-24: Added bvimageinline image stlying (Jer)
03-JUN-24: Added bvbreadcrumb stlying (Caroline, Jer)
31-MAY-24: Fixed Gibson font link (Jer)
31-MAY-24: Added prev/next styling (Caroline, Jer)
28-MAY-24: Added image style (Caleb)
8-APRIL-24: Added Link styles (Caroline)
28-MAR-24: Added font and heading styles (Caroline)
25-MAR-24: Initial port of BV styles for notes, tips etc. (Jer)
*/
/* Gibson file reference*/
@font-face
{
  font-family: Gibson;
  src: url("/resources/Storage/collect-distribute-enterprise/Branding/Gibson/Gibson-Regular.ttf") format("opentype");
}

@font-face
{
  font-family: Gibson;
  font-weight: bold;
  src: url("/resources/Storage/collect-distribute-enterprise/Branding/Gibson/Gibson-SemiBold.ttf") format("opentype");
}

@font-face
{
  font-family: Gibson;
  font-style: italic;
  src: url("/resources/Storage/collect-distribute-enterprise/Branding/Gibson/Gibson-Italic.ttf") format("opentype");
}

@font-face
{
  font-family: Gibson;
  font-weight: bold;
  font-style: italic;
  src: url("/resources/Storage/collect-distribute-enterprise/Branding/Gibson/Gibson-SemiBoldItalic.ttf") format("opentype");
}

.ch-ArticleContent
{
  font-family: 'Gibson', sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #33415C;
  background-color: #ffffff;
}

.ch-ArticleContent h1,
.ch-ArticleContent h2,
.ch-ArticleContent h3,
.ch-ArticleContent h4,
.ch-ArticleContent h5,
.ch-ArticleContent
{
  font-family: Gibson;
  font-weight: 600;
  font-size: 35px;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #002160;
}

.ch-ArticleContent h1,
.ch-ArticleContent
{
  font-size: 40px;
  font-family: Gibson;
}

.ch-ArticleContent h2
{
  font-size: 32px;
  border-bottom: #d5d5d5 1px solid;
}

.ch-ArticleContent h3
{
  font-size: 24px;
}

.ch-ArticleContent h4
{
  font-size: 18px;
}

.ch-ArticleContent h5
{
  font-size: 16px;
}

/* Text links */
.ch-ArticleContent a
{
  color: #4C60F6;
  !important;: text-decorationnone;
}

.ch-ArticleContent a:hover
{
  color: #4C60F6;
  text-decoration: underline;
}

.ch-ArticleContent a:visited
{
  color: #4C60F6;
}

/* Notes/Tips/Cautions/Example - not sure we still need these as new BV ones below */
.ch-ArticleContent div.note1
{
  padding: .8em 1.5em;
  text-align: left;
  background: #e9edff;
  border-left: 4px solid #3d4cbf;
  margin-bottom: 10px;
}

.ch-ArticleContent div.note
{
  padding: .8em 1.5em;
  text-align: left;
  background: #e9edff;
  border-left: 4px solid #3d4cbf;
  margin-bottom: 10px;
}

.ch-ArticleContent div.tip
{
  padding: .8em 1.5em;
  text-align: left;
  background: #c4fcf4;
  border-left: 4px solid #007666;
  margin-bottom: 10px;
}

.ch-ArticleContent div.caution
{
  padding: .8em 1.5em;
  text-align: left;
  background: #fed9d5;
  border-left: 4px solid #99281c;
  margin-bottom: 10px;
}

.ch-ArticleContent div.example
{
  padding: .8em 1.5em;
  text-align: left;
  background: #f3f3f3;
  border-left: 4px solid #6f6f6f;
  margin-bottom: 10px;
}

.ch-ArticleContent div.note p,
.ch-ArticleContent div.tip p,
.ch-ArticleContent div.caution p,
.ch-ArticleContent div.example p
{
  margin-bottom: 0px;
}

.ch-ArticleContent div.note p + p,
.ch-ArticleContent div.tip p + p,
.ch-ArticleContent div.caution p + p,
.ch-ArticleContent div.example p + p
{
  margin-top: 10px;
}

.ch-ArticleContent li div.note,
.ch-ArticleContent li div.tip,
.ch-ArticleContent li div.caution,
.ch-ArticleContent li div.example
{
  margin-top: 5px;
}

/* New BV styles */
.ch-ArticleContent .bvnote
{
  display: grid;
  grid-template-columns: 30px 1fr;
  border: 1px solid #3d4cbf;
  border-left: 5px solid #3d4cbf;
  border-radius: 5px;
  background-color: #e9edff;
  padding: 1em;
}

.ch-ArticleContent .bvcaution
{
  display: grid;
  grid-template-columns: 30px 1fr;
  border: 1px solid #99281c;
  border-left: 5px solid #99281c;
  border-radius: 5px;
  background-color: #fed9d5;
  padding: 1em;
}

.ch-ArticleContent .bvtip
{
  display: grid;
  grid-template-columns: 30px 1fr;
  border: 1px solid #007666;
  border-left: 5px solid #007666;
  border-radius: 5px;
  background-color: #c4fcf4;
  padding: 1em;
}

.ch-ArticleContent img
{
  border-color: #fafafa;
  border-style: solid;
  border-width: 15px;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
}

/* BV breadcrumb style */
.ch-ArticleContent .bvbreadcrumb
{
  font-size: 90%;
  color: #808080;
}

/* BV inline (embedded) image style */
.ch-ArticleContent .bvimageinline
{
  all: unset;
}

/* Labels for required and optional elements and element types */
.ch-ArticleContent .label
{
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.ch-ArticleContent .label.required,
.ch-ArticleContent .label.optional,
.ch-ArticleContent .label.best_practice,
.ch-ArticleContent .label.type
{
  border-width: 1px;
  border-style: solid;
  color: #333;
  padding: 0.1em 0.4em 0.2em;
  letter-spacing: 0.07em;
}

.ch-ArticleContent .required
{
  background-color: rgba(255, 178, 170, 0.5);
  border-color: #ffb2aa;
}

.ch-ArticleContent .best_practice
{
  background-color: rgba(255, 216, 153, 0.5);
  border-color: #ffd899;
}

.ch-ArticleContent .optional
{
  background-color: rgba(237, 237, 237, 0.5);
  border-color: #ededed;
}

.ch-ArticleContent .type
{
  background-color: rgba(133, 191, 91, 0.5);
  border-color: #85bf5b;
}

.ch-ArticleContent .display_version
{
  background-color: #9a9a9a;
  border-color: #9a9a9a;
}

.ch-ArticleContent .limited
{
  background-color: rgba(255, 219, 48, 0.35);
  border-color: #ffdb30;
}

/* code styling */
.ch-ArticleContent code
{
  font-size: 90%;
  padding: 2px 4px;
  color: #3d4cbf;
  border-radius: 4px;
  background-color: #f3f3f3;
}

.ch-ArticleContent .prettyprint
{
  background: #eef !important;
  font-size: 11px !important;
  line-height: 1.42857143 !important;
  display: block !important;
  margin: 0 0 10px !important;
  padding: 9.5px !important;
  word-wrap: break-word !important;
  word-break: break-all !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}

/* BV accordion v2 */
.ch-ArticleContent details
{
  margin-bottom: 5px;
  padding: 0.5em 0.5em 0;
  border-bottom: 1px solid lightgrey;
  transition: 0.2s background linear;
}

.ch-ArticleContent details:hover
{
  background: #f5f5f5;
  color: darkblue;
}

.ch-ArticleContent details[open]:hover
{
  background: #ffffff;
  color: #000000;
}

.ch-ArticleContent details[open]
{
  padding: 0.5em;
}

.ch-ArticleContent summary
{
  list-style: none;
  background: url(/resources/Storage/collect-distribute-enterprise/arrow.svg) no-repeat 14px 50%;
  background-size: 18px;
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 10px 10px 10px 40px;
  cursor: pointer;
}

.ch-ArticleContent details[open] summary
{
  margin-bottom: 0.5em;
  background: url(/resources/Storage/collect-distribute-enterprise/arrow-up.svg) no-repeat 14px 50%;
  background-size: 18px;
}

.ch-ArticleContent .bvaccordion
{
  margin-left: 32px;
  margin-top: -20px;
  display: inline-block;
}

/* topic footer */
.ch-ArticleContent footer
{
  background-color: #F3F8FF;
  color: #002D72;
  padding: 20px;
  text-align: left;
}

.ch-ArticleContent .bvfooter
{
  display: grid;
  grid-template-columns: 250px 250px 250px;
}

.ch-ArticleContent .grid-item
{
  line-height: 10px;
}

/* stiky RHS */
.ch-ArticleContent,
.ch-ArticleContent
{
  overflow: auto !important;
}