/*
=========================================
    RMD to PPT Conversion
=========================================
*/
/* Set Default font size and enable auto adjust on css zoom */
slides > slide, div, article { font-family: var(--font-family); }
body { font-size: 30px !important; -webkit-text-size-adjust: auto;}
h1 { font-size: 3em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
p, ul, ol { line-height: 1.2em; }
.ul { text-decoration: underline; }

/*
=========================================
   Popovers
=========================================
*/

.popover {
	max-width: 500px;
	font-size: 0.8em;
	border-width: 5px;
	border-radius: 10px;
}

.popover-title, 
.popover-header {
	font-size: 1.0em;
}

.popover .arrow {
	visibility: hidden;
}

/*
=========================================
   Links
=========================================
*/

a, a:hover, a:focus {
  color: inherit !important;
  border-bottom: none;
}

a { opacity: 0.5; }
a:hover, a:focus { opacity: 0.75; }

/*
=========================================
   Code
=========================================
*/

pre { font-family: var(--code-family); }

/*
=========================================
   Tables
=========================================
*/

table.rmdtable {
	border-bottom: 0px;
}

table.rmdtable th, table.rmdtable td {
	padding: 0.5rem 0.5rem;
}

th:not(:last-child), td:not(:last-child) { 
	border-right: 1px solid var(--font-color-50); 
}

table.rmdtable th {
	background: var(--pri);
    color: var(--sec);
    font-size: 1.3em;
    font-family: var(--heading-family);
    text-align: center;
    border-bottom: 1px solid var(--font-color-50);
}

table.rmdtable tr:nth-child(odd) {
    background-color: inherit;
}

table.rmdtable tr > td:first-child {
	font-weight: initial;
	color: inherit;
}

table.rmdtable td {
	font-size: 1.0em;
}

/*
=========================================
   Nested Lists
=========================================
*/
li > ul, li > ol {
	margin-top: 0.5em;
}
/*
=========================================
    External
=========================================
*/

body {
    background-color: #525252;
    /* Courtesy of Hybridixstudio @ transparenttextures */
    background-image: url(textures/black-orchid.png);
}

/*
=========================================
    General
=========================================
*/

slides > slide {
	font-size: 100%;
	background: var(--pri);
	color: var(--font-color);
}

slides > slide:not(.nobackground):after {
	font-family: var(--font-family);
}

/* References to be placed at bottom left */
slide .ref {
	position: absolute;
	bottom: 20px;
	right: 15%;
	line-height: 1.9;
	font-size: 12pt;
	opacity: 0.8;
	text-align: right;
}

/*
=========================================
    Title Page
=========================================
*/
.segue {
	padding: 40px 60px;
}

.title-slide hgroup h1 {
	font-size: 3em;
	line-height: 1.2;
	color: var(--heading-color);
}

.title-slide hgroup h2 {
    font-size: 2em;
    color: var(--heading-color);
    opacity: 0.75;
    font-weight: 300;
}

.title-slide hgroup p {
	font-size: 1em;
	color: var(--font-color);
}

/*
=========================================
    Sections
=========================================
*/
.segue h2 {
	font-size: 2.0em;
	line-height: 1.2;
}

.segue h3 {
	line-height: 1.2;
}

/*
=========================================
    Normal Slides
=========================================
*/

hgroup h2, hgroup h3 {
	margin-bottom: 0.2em;
}

hgroup h3 {
	font-size: 1.5em;
	color: var(--heading-color);
	opacity: 0.5;
	padding-left: 10px;
}

/*
=========================================
    Colour Slides
=========================================
*/

slide.col1 hgroup h2, slide.col1 hgroup h3 { color: var(--color-1); }
slide.col1.invert { background: var(--color-1) !important; }
slide.col2 hgroup h2, slide.col2 hgroup h3 { color: var(--color-2); }
slide.col2.invert { background: var(--color-2) !important; }
slide.col3 hgroup h2, slide.col3 hgroup h3 { color: var(--color-3); }
slide.col3.invert { background: var(--color-3) !important; }
slide.col4 hgroup h2, slide.col4 hgroup h3 { color: var(--color-4); }
slide.col4.invert { background: var(--color-4) !important; }
slide.col5 hgroup h2, slide.col5 hgroup h3 { color: var(--color-5); }
slide.col5.invert { background: var(--color-5) !important; }

/*
=========================================
    Inverted Slides
=========================================
*/
slides > slide.invert {
	background: var(--sec) !important;
	color: var(--pri);
}

slide.invert hgroup h2, 
slide.invert hgroup h3, 
slide.invert h1,
slide.invert h2,
slide.invert h3,
slide.invert h4,
slide.invert h5,
slide.invert h6,
slide.invert p,
slide.invert ul,
slide.invert ol {
	color: var(--pri);
}

slides > slide.invert:after {
	color: var(--pri-50);
}

/*
=========================================
    Null Slides
=========================================
*/
slides > slide.null {
	background: #000000 !important;
	color: #ffffff;
}

slide.null hgroup h2, 
slide.null hgroup h3, 
slide.null h1,
slide.null h2,
slide.null h3,
slide.null h4,
slide.null h5,
slide.null h6,
slide.null p,
slide.null ul,
slide.null ol {
	color: #ffffff;
}

slides > slide.null:after {
	color: #000000;
}

/*
=========================================
    Notes
=========================================
*/

.note section {
	background-color: var(--pri);
	color: var(--font-color);
	font-size: 18px;
}

slide.invert .note h1,
slide.invert .note h2,
slide.invert .note h3,
slide.invert .note h4,
slide.invert .note h5,
slide.invert .note h6,
slide.invert .note p,
slide.invert .note ul,
slide.invert .note ol,
slide.null .note h1,
slide.null .note h2,
slide.null .note h3,
slide.null .note h4,
slide.null .note h5,
slide.null .note h6,
slide.null .note p,
slide.null .note ul,
slide.null .note ol {
	color: var(--font-color);
}


/*
=========================================
    Custom Deck - QUOTES
=========================================
*/
.quotes {
	display: flex;
	width: 90%;
	height: 90%;
	padding-top: 25px;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}

.quotes .cite {
	text-align: right;
}

.quotes .cite .sub {
	font-size: 0.8em;
	opacity: 0.5;
}
