/* SINGLE POST (Briefing) */

/* In a briefing, a paragraph has a bullet unless given the unBullet class. This is to allow for floating images, which you cannot to with lists */

/* move to another CSS: Briefings Intelligent Nesting */
.xvbContentGroup p:not(.vbNoBullet) {
    display: list-item;
    list-style-type: square;
    margin-left: 16px;
}

/* but we don't want these */
.xvbH2Section > p:first-of-type {
    display: block;
}

.vbBriefingSection {
padding-bottom:12px;
}
.vbPreface {
padding-bottom: 2px;
}

@media (max-width: 600px) { 
.noLeftRightPaddingOnMobile {
padding-left: 6px !important;
padding-right: 6px !important;
}
}

/* Make the section header white on blue */
.section-header,
.vbH2Section {
color: var(--wp--preset--color--base);
background-color: var(--wp--preset--color--accent-3);
border: 1px solid #384173;
border-radius: 3px 3px 0 0;
padding: 0;
}
.vbH2Section h2 {
padding: 1px 5px 1px 12px;
}
.vbH2Section p {
  color: black;
  margin: 0;
  font-size: 15px;
  padding: 1px 5px 1px 12px;
  background-color: #fff7e8 !important;
}

.vbCounterclaims h3, .vbKeySomethings h3 {
 border: 1px solid black;
 padding:10px;
}

/* h2 with circled numbers needto be pushed down */
.key-section-header,
.counterclaims-section-header {
margin-bottom:25px;
}

/* Make the points and counter points boxed */
.section-point-header {
padding: 10px;
border: 1px solid gray;
border-radius: 4px;
}

/* 
Style the footnote citations. Also, prevent larger line heights on lines that have footnote citations by decreasing the font size. It really looks bad when lines with and without citations have different spacing.
*/
sup {
  vertical-align: top;
  font-size: 0.6em;
  margin-left: 2px;
  margin-right: 2px;
}
sup a {
  border-radius: 5px;
  color: black;
  background: #dedede;
  padding: 1px 4px;
}