html {
  margin: 0px;
  padding: 0px;
}

.remark-slide-content {
  padding: 0px;
  color: #062c45;
}


.remark-slide-content p {
  font-size: 1.5rem;
  padding: .4rem 1rem .4rem 1.2rem;
  margin: .1rem;
}

.maintitle {
  font-family: 'Roboto Slab';
  font-weight: normal;
}

.remark-code-line {
  font-size: 1.1rem;
  line-height: 1.4;
}

.hljs {
  padding: .8rem !important;
  background-color: #f3f3f3 !important;
}

.remark-code .remark-code-line {
  padding-left: .6rem !important;
}

.remark-inline-code {
  background-color: #f3f3f3;
  border-radius: 5px;
  border: 1px solid #999;
  padding: 1px !important;
  font-size: 80%;
}

h1 .remark-inline-code {
  background-color: #999;
  border: 1px solid #f3f3f3;
}

.remark-code-line-highlighted {
  background-color: #fcd3f2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

pre {
  margin: .4rem 0rem;
}

hr {
  color:  #fcd3f2;
  width: 80%
}

.remark-slide-content h1 {
  font-weight: 500;
  padding: .4em .4rem .8rem 1.2rem;
  margin: 0rem;
  margin-bottom: .8rem;
  font-size: 2.4rem;
  background-color: #062c45;
  color: #f3f3f3;
}
.remark-slide-content h2 {
  font-weight: 500;
  padding: .6em .4rem .8rem 1.2rem;
  margin: 0rem;
  margin-bottom: .8rem;
  font-size: 2.4rem;
}
.remark-slide-content h3 {
  font-weight: 500;
  padding: .6rem .4rem .6rem 1.4rem;
  margin: .2rem;
  font-size: 2.2rem;
}
.remark-slide-content h4 {
  font-weight: 400;
  padding: .6rem .4rem .6rem 1.4rem;
  margin: .2rem;
  font-size: 2rem;
}
.remark-slide-content h5 {
  font-weight: 400;
  padding: .5rem .4rem .5rem 1.6rem;
  margin: .2rem;
  font-size: 1.8rem;
}
.remark-slide-content h6 {
  font-weight: 400;
  padding: .4rem .4rem .4rem 1.6rem;
  margin: .2rem;
  font-size: 1.7rem;
}



.remark-slide-number {
  font-size: 12pt;
  margin-bottom: -11.6px;
  margin-right: 8px;
  color: #062c45;
  opacity: 0.6; /* default: 0.5 */
  font-weight: 400;
}


.remark-slide-content li {
  margin: .4rem  2rem;
  padding-left: .2rem;
  font-size: 1.5rem;
}

.remark-slide-content ul, .remark-slide-content ol {
  margin: .4rem .1rem;
  padding-left: .4rem;
  font-size: 1.5rem;
}


/* links */
a {
  color: #309493;
  font-weight: 400;
}
a > code {
  color: #309493;
}
a:hover {
  font-weight: 700;
  text-decoration-style: underline;
}


/* MathJax */
.mjx-chtml{ font-size: 100% !important; }


/* special text */
.alert {
  color: #c11534;
  font-weight: bold;
}

.comment {
  color: #666;
  font-style: italic;
}


.huge {
  font-size: 1.6em;
  font-weight: 500;
}

.xlarge {
  font-size: 1.25em;
  font-weight: 400;
}

.large {
  font-size: 1.1em;
}

.small {
  font-size: .9em;
}

.xsmall {
  font-size: .75em;
}

.tiny {
  font-size: .6em;
  font-weight: 200;
}

.footnote {
  position: absolute;
  bottom: 3em;
  padding-right: 4em;
  font-size: 60%;
}

/* help style */

.remark-help-content h1 {
    color: #fff;
}

.remark-help {
    color: #fff;
}

.remark-help tr:nth-child(even) {
  background-color: #999;
}


/* Column */

.pull-left {
  float: left;
  width: 47%;
}
.pull-right {
  float: right;
  width: 47%;
}

.pull-left2 {
  float: left;
  width: 67%;
}
.pull-right2 {
  float: right;
  width: 27%;
}

.pull-right2, .pull-right2 p {
  padding-left: 0rem ;
}

.pull-left3 {
  float: left;
  width: 57%;
}
.pull-right3 {
  float: right;
  width: 38%;
}

.pull-right3, .pull-right3 p {
  padding-left: 0rem ;
}

.left-code {
  color: #777;
  width: 57%;
  height: 92%;
  float: left;
}
.right-plot {
  width: 38%;
  float: right;
  padding-left: 1%;
}

/* Blockquote */
.remark-slide-content blockquote {
  font-size: 1em;
  padding-left: 1em;
}


/* Inverted slide */

.inverse {
  border-left: 5px solid #f3f3f3;
  border-right: 5px solid #f3f3f3;
  background-color: #062c45;
  color: #f3f3f3;
}

.inverse h1, .inverse h2, .inverse h3 {
  color: #f3f3f3;
  background-color: transparent;
}

.inverse h1 {
  font-size: 2.8rem;
}
.inverse h2 {
  font-size: 2.4rem;
}
.inverse h3 {
  font-size: 2rem;
}

/* Table */

table {
  margin: auto;
  font-size: 90%;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

table, td, th {
  border-collapse: collapse;
  width: auto;
  padding: 5px 20px;
}


.shrink {
  margin: auto;
  width: 90%;
}

.enlarge {
  margin: auto;
  width: 110%;
}



/* for title page with logo and QCBS background  */
.maintitle {
  font-size: 3em;
  color: #062c45;
  text-align: center;
}

.title-slide {
  background-image: url(https://qcbs.ca/wp-content/uploads/2010/05/QCBS_widescreen_background_white-01.png);
  background-size: cover;
}

.title-slide:before{
  position: absolute;
  top: -35%;
  left: 0%;
  content: url(https://qcbs.ca/wp-content/uploads/2010/05/logo_small_grey-01.png);
  transform: scale(.25);
}