Bullock_xaringan.css

/* For all content on normal slides */
.remark-slide-content {
  font-family: Cambria, Georgia, serif;
  font-size: 22pt;
  padding: 1em 8em 1em 3em;
  line-height: 1.4;
}

.remark-slide-content h1, .remark-slide-content h2 {
	margin-left: -0.1em;
}

a {
  text-decoration: none;
}

h1, h2, h3 {
  font-family: "Calibri Light", "Calibri", "Open Sans", "Arial", sans-serif;
  font-weight: normal;
}



/* CODE */
/* Code blocks are wrapped in pre > code.remark-code > div.remark-code-line */
pre { 
  font-size: 18pt !important;
  margin-top: 0;
  margin-bottom: 0;
  width: 120%;
}
.codeBg125 pre {  /* Expand width of grey background for code. */
  width: 125%;
}

.remark-code-line {
  padding-left: 1em;
  font-size: 18pt;
}

.remark-code-line:not(.remark-code-line-highlighted) {
  background: #F8F8F8;  /* Chunk output will have same shading as R code. Do I really want this?  */
}

/* Give inline code the same background as normal code blocks, and shrink
   it to match normal text size. */
.remark-inline-code {
  background: #f8f8f8;
  font-size: 90%;
}

.codeBlockSmaller .remark-code-line { 
  font-size: 15pt;
  line-height: 1.6;
}

.codeBlockSmallest .remark-code-line { 
  font-size: 13pt;
  line-height: 1.3;
}



/* ************************************************************************/
/* LISTS */
/* ************************************************************************/

/* Changed from margin-bottom: 4ex because it wasn't working in the simple 
   case in which <p> was followed by <ul> with multiple items. 4ex was just
   too much. At present, "inherit" sets to 1ex, which seems OK. See 
   matching.Rmd > "Don't drop variables on the basis of balance checks" for 
   an example. */
li:not(:last-child) {
  margin-bottom: inherit;  
}


/* NESTED LISTS */
li > :is(ol, ul) {
  margin-top: 2ex;
}
li > :is(ol, ul) > li:not(:last-child) {
  margin-bottom: 2ex !important;
}
ol > li > ol {  /* nested list */
  list-style-type: lower-alpha;  /* item numbers 1a, 1b, etc. */
}





/* MODIFICATIONS FOR "TIGHT" LISTS */
/* Recall that the "tightList" class will be applied to the slide, not to 
   the list itself. */
.tightList li:not(:last-child) {
  margin-bottom: 0;
}


.tightList li > :is(ol, ul) {     /* nested list */
  margin-top: 0;
}
.tightList li > :is(ol, ul) li {  /* items in nested list */
  margin-top: 0.25ex !important;
}
.tightList li > :is(ol, ul) > li:not(:last-child) {  /* items in nested list other than last child */
  margin-bottom: 0 !important;
}
.tightList li > :is(ol, ul) li:last-child {          /* last child in nested list */
  margin-bottom: 1ex;
}
  
/* Changed from .tightList li:first-child because it caused the first item 
   in a nested list to be too high. See matching.Rmd for an example.
   [2021 05 23]  */
.tightList > :is(ol, ul) > li:first-child {
	margin-top: -1ex !important;
}


/* Commented out: it seems best to set only margin-top *except* for the 
   last item in a list, which may also require an extra margin-bottom.
   [2021 05 23]

  .tightList li:not(:last-child) {
    margin-bottom: 1.33ex !important;
  }
*/


/* MODIFICATIONS FOR "HALF-TIGHT" LISTS */
/* For "outline" slide in mediationAnalysis.Rmd. */
.tightListHalf li > :is(ol, ul) {
  margin-top: 1.5ex;
}

/* Changed from .tightListHalf li:first-child because it caused the first item 
   in a nested list to be too high. See matching.Rmd for an example.
   [2021 05 23]  */
.tightListHalf > :is(ol, ul) > li:first-child {
	margin-top: -.5ex !important;
}

/* Changed from .tightListHalf li:not(:last-child) because I didn't want it 
   to govern the items in a nested list. See the outline slide in 
   matching.Rmd for an example.  [2021 05 23]  */
.tightListHalf > :is(ol, ul) > li:not(:last-child) {
  margin-bottom: 2.5ex !important;
}

.tightListHalf > :is(ol, ul) :is(ol, ul) > li:not(:last-child) {
  margin-bottom: 1ex !important;
}



/* MULTIPLE COLUMNS */
.twoColumn.remark-slide-content {
  padding-right: 1em;
}
.pullLeft35 {  /* Left column will take 35% of available space. */
  float: left;
  width: 35%;
}
.pullLeft50 {  /* Left column will take 50% of available space. */
  float: left;
  width: 50%;
}

.pullLeft50 pre { width: 100%; }

.pullRight { float: right; }


/* See matching.Rmd > "Matching exercises, continued" for a two-column 
   layout that includes code.  [2021 05 27]  */
.twoColumn .remark-code      { padding: 0.5em 0 !important; }
.twoColumn .remark-code-line { padding-left: 0; }
.pullRight pre { max-width: 100%;}  



/* Add to ensure margin-top alignment if using only one of .pullLeftXX or 
   .pullRight. See causalInference/lectures/mediation/mediationAnalysis.Rmd 
   for an example.  */
:is(.pullLeft35, .pullLeft50, .pullRight) > p { margin-top: 0; }
  /* 
    .pullLeft35 > p { margin-top: 0; }
    .pullLeft50 > p { margin-top: 0; }
    .pullRight  > p { margin-top: 0; }
  */



/* PRESENTER NOTES */
/* Eliminate the notes for the next slide, thereby making more space for 
   notes on the current slide. */
.remark-notes {
	font-size: 135%;  
}
.remark-notes li:first-child {
	margin-top: -1ex;
}
.remark-notes li:not(:last-child) {
  margin-bottom: 1.33ex;
}

.remark-notes-current-area {
  height: 100% !important;	
}
.remark-notes-preview-area {
  display: none;
}
.remark-toolbar-timer {
  display: none !important;
}

/* Formatting for collapsible sections. They're useful if I don't want to 
   say something by default but do want to have something scripted in case 
   questions come up. */
summary { background: white }
details { background: #80808042 }




/* TABLES */
tr > td { text-align: right ! important; }  /* right-align first column */
th:first-child, td:first-child             { padding-right: 0.25em; }
th:not(:first-child), td:not(:first-child) { padding-right: 1.25em; }



/* TITLE SLIDE */
.title-slide {
	margin-top: 0;
	padding-left: 11%;
	padding-top: 25%;
	line-height: 1;
	background-size: auto;
}

/* Set the margin-block properties in an absolute unit like px, not a 
   relative unit like em. The relative units will be transformed into one 
   value for h1 elements, another value for h2 and h3 elements. I don't 
   want that. */
.title-slide h1, .title-slide h2, .title-slide h3 {
	text-align: left;
	margin-block-start: 43px;
	margin-block-end: 43px;
}

.title-slide .remark-slide-number {
  display: none;
}





/* SPECIAL SLIDES */
:is(.upHalfLine, .upOneLine) {
	padding-top: 0;
	margin-top: 0;
}
.upHalfLine h2 {
	padding-top: 1.75ex;
	margin-top: 0;
}
.upOneLine h2 {
	padding-top: 1ex;
	margin-top: 0;
}
.noSlideNumber .remark-slide-number {
  display: none;
}
.blueText {
  color: rgb(0, 0, 238);  /* link color */
}
.whiteText {
  color: white;
}






/* MISCELLANY */
.blue  { color: blue; }
.green { color: green; }
.red   { color: red; }
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.displayEquationLeft .MathJax_Display {
  text-align: left !important;
}
.displayEquationLeft .MathJax.MathJax_FullWidth {
  text-align: left !important;
}
.left1em { margin-left: -1em; }
.left2em { margin-left: -2em; }
.up1em { margin-top: -1em; }  /*  Use as <div class="up1em"></div>  */



.inline .MathJax_Display {  /* Use this to set display equations inline. */
  display: inline !important;
}

.longerTitle h1, .longerTitle h2 {
	margin-right: -40em;
}
.noIndentList li {
	margin-left: -0.3em;
	padding-left: 0;
}
.noMargin {
	width: 10000px;
}


/* We cannot use negative quantities with "padding-right". In turn, we can't 
   use the ":not" language of the "PlusOneEm" and "PlusTwoEm" styles when 
   defining the "MinusOneEm" and "MinusTwoEm" styles: doing so screws up the
   display.  [2020 10 13] 
   
   But couldn't we just change padding-right for .remark-slide-content?  
   [2021 04 28]
*/

.rightPaddingMinusOneEm li, .rightPaddingMinusOneEm p {
  margin-right: -1em;
}
.rightPaddingMinusTwoEm li, .rightPaddingMinusTwoEm p {
  margin-right: -2em;
}
.rightPaddingMinusThreeEm li, .rightPaddingMinusThreeEm p {
  margin-right: -3em;
}
.rightPaddingMinusFourEm li, .rightPaddingMinusFourEm p {
  margin-right: -4em;
}
.rightPaddingMinusFiveEm li, .rightPaddingMinusFiveEm p {
  margin-right: -5em;
}



.rightPaddingPlusOneEm :not(h2):not(.remark-slide-number):not(em):not(.MathJax):not(.MathJax_Preview):not(a) {
	padding-right: 1em;
}
.rightPaddingPlusTwoEm :not(h2):not(.remark-slide-number):not(em):not(.MathJax):not(.MathJax_Preview):not(a) {
	padding-right: 2em;
}
.remark-slide-number {
  font-size: 75%;
}



/* FOR PDF PRINTING */
/* From https://stackoverflow.com/a/59526463/697473 */
@page { margin: 0; }
@media print {
  .remark-slide-scaler {
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
  }
}