/* Note: I attach 'glf' to a class or tag to turn off the feature but keep the code for possible later use. */

/* UTILITY CLASSES */

.unbullet {
    margin-left: 0 !important;
    display: block !important;
}

.indent20 {
    margin-left: 20px !important;
}

.indent10 {
    margin-left: 10px!important;
}

.outdent20 {
    margin-left: -20px !important;
}

.outdent10 {
    margin-left: -10px !important;
}

@media (max-width: 768px) {
  .hideOnMobile {
    display: none;
  }
}
@media (min-width: 769px) {
  .hideOnDesktop {
    display: none;
  }
}


/* MOBILE ADJUSTMENTS */

/* Scale mobile typography. Tired of fighting clamp */
@media (max-width: 768px) {
    
    html {
        font-size: 140%;
    }
    
    .vbSpecialCategoriesTree,
    .vbSpecialCategoriesTree a h3 { 
       font-size: 120% !important;
    }
}

/* left and right margins on briefing lists */
.vbBriefingsListBody {
    margin-left: -32px;
    margin-right: -32px;
}    


/* ADMIN */
/* 
Most back-end CSS doesn't work here. See the Enhancements (ASE) Plugin: "Custom Admin CSS" for other admin CSS. 

/* Hide the "Add 'read more' link text" when editing a post. We don't use it */
.wp-block-post-excerpt__more-text {
     display: none !important;
}


/* THEME OVERRIDES AND ENHANCEMENTS */

textarea {
    
    border: 1px solid var(--wp--preset--color--contrast);
    border-radius: 0;
    font-family: var(--wp--preset--font-family--primary);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: var(--wp--custom--font-weight--light);
    line-height: var(--wp--custom--line-height--body);
    padding: 10px 20px;
    width: 100%;
}

/* */
.entry-content.has-global-padding {
padding:0 !important;
}

/* Remove Header Focus with Table of Contents */
h2:focus {
  outline: none;
}

/* Make the focus outline on the details block less conspicuous. */ 
details.wp-block-details > summary:focus {
outline: 1px solid #e0e0e0; /* Light gray */
box-shadow: none;           
}

/* Nested Details blocks should be successively indented */
/* 1. Indent the Block (Creates the "Step" effect for nesting) */
details.wp-block-details {
    margin-inline-start: 20px;
}
/* 2. Indent the CONTENT (Aligns it with the Summary Text) */
details.wp-block-details > summary ~ * {
    margin-inline-start: 20px;
}

/* HEADER TEMPLATE  */

/* Underline home link on hover only */
.header-home-link a {
  text-decoration: none;
}

.header-home-link a:hover {
  text-decoration: underline;
}

/* Make search look better */
.vbTopSearch .wp-block-search__inside-wrapper {
   padding: 0 5px 0 10px;
}
 
.vbTopSearch button {
  padding: 0;
  background: white;
  color: black;
}

.vbTopSearch input {
  padding: 0px;
  background-color: var(--wp--preset--color--base) !important;
}

/* SINGLE POST */

/* Makes editing easier by providing a white space on the left */
.block-editor-iframe__html {
padding-left: 10px;
}

.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;
  background-color: #eee;
  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 push 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 difference spaces between them.
*/
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;
}

/* Make the first level paragraphs display with bullets. We don't want to use list here because with lists we can float images to the left or right. */
.section-point-content > p,
.section-content > p {
  display: list-item;
  list-style-type: disc;      
  list-style-position: outside;
  margin-left: 1.2rem !important;
}

/* PATTERNS */

/* Preface Section */
.vbCompanionVideo {
  xmargin-bottom: 20px;
}
.vbCompanionVideo .description {
  margin-bottom: 6px;
  margin-top: 14px;
}

/* META INSIDE DETAILS BLOCK */
.vbContentContributors {
    /* this has been renamed to "Edit Log" */
    margin-top: 10px !important;
    line-height: 18px !important;
    height: 360px !important;
}