/*
   Customization for RMarkdown
   Copyright: Lemuel Kumarga
*/


/*
=========================================
    Container
=========================================
*/

.main-container.container-fluid {
        padding: 0px 20px;
	width: 95%;
	max-width: 750px;
}

/*
=========================================
    Headers & Paragraphs
=========================================
*/

h1,h2,h3,h4,h5,h6
.h1,.h2,.h3,.h4,.h5,.h6 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* =======================================
           Title, Author and Dates
======================================== */

h1.title {
  font-size: 4em;
}

h4 .meta {
  color: var(--font-color-50);
  font-style:normal;

}

h4.author {
  font-size: 1.5em;
  margin-bottom: 0.5rem;
}

h4.date {
  font-size: 1.1em;
  margin-top: 0.5rem;
}

/*
=========================================
    Table of Contents
=========================================
*/
.tocify {
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
}
/* Floating TOC Row: Inactive */
.tocify ul,
.tocify li  {
    background-color: transparent;
}
.tocify li {
    color: var(--sec-50);
    border-left: 5px solid var(--sec-50);
}
/* Floating TOC Row: Hover */
.list-group-item:focus,
.list-group-item:hover {
    color: var(--sec-75);
    font-weight: bold;
    background-color: transparent;
    border-left: 5px solid var(--sec-75);
}
/* Floating TOC Row: Active */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    color: var(--sec);
    opacity: 1.0;
    background-color: transparent;
    border-left: 5px solid var(--sec);
}
/* Non-Floating TOC */ 
#TOC {
	color: var(--font-color);
}
#TOC a {
	opacity: 1.0;
}
#TOC a:hover {
	opacity: 0.75;
}
/*
=========================================
    Code Blocks
=========================================
*/
/* Code Blocks: Code */
.r {
  color: var(--font-color);
  background-color: transparent;
  border-color: transparent;
  border-color: transparent transparent transparent var(--font-color-50);
  border-width: 0px 0px 0px 5px;
  font-size: 90%;
}
/* Code Blocks: Syntax */
/* comment */
.hljs-comment { color: var(--font-color); opacity: 0.5; }
/* literal - boolean or NA*/
.hljs-literal { color: var(--color-1); }
/* string */
.hljs-string { color: var(--color-2); }
/* functions */
.hljs-keyword { color: var(--color-3); }
/* number */
.hljs-number{ color: var(--color-4); }
/* Code Blocks: Results */
pre:not([class]) {
    color: var(--font-color);
    background-color: transparent;
    border-color: transparent transparent transparent var(--font-color-75);
    border-width: 0px 0px 0px 5px;
}

/*
=========================================
    Code Buttons
=========================================
*/
/* Code Buttons: Folded */
.btn-default[aria-expanded="false"] {
  color: var(--font-color-75);
  background-color: transparent;
  border-color: transparent;
}
/* Code Buttons: unfolded */
.btn-default[aria-expanded="true"] {
  color: var(--pri);
  background-color: var(--font-color-75); 
  border-color: transparent;
}

.btn-default:hover {
  color: var(--pri);
  background-color: var(--font-color-50); 
  border-color: transparent;
}

/* Dropdown Menu Border */
.dropdown-menu {
  background-color: var(--heading-color-75);
  color: var(--pri);
  border: transparent; 
}
/* Dropdown Menu: Inactive */
.dropdown-menu>li>a {
  background-color: transparent;
  color: var(--pri);
}
/* Dropdown Menu: Active */
.dropdown-menu > li > a:hover {
  color: var(--heading-color);
  background-color: var(--pri);
}

/*
=========================================
    Tables
=========================================
*/
/* Table's Responsive Container */
@media screen and (max-width: 767px) {
	.table-responsive {
	  border-color: inherit;
	}	

	/* Allow new lines within the responsive container*/
	.table-responsive>.table>thead>tr>th, 
	.table-responsive>.table>tbody>tr>th, 
	.table-responsive>.table>tfoot>tr>th, 
	.table-responsive>.table>thead>tr>td, 
	.table-responsive>.table>tbody>tr>td, 
	.table-responsive>.table>tfoot>tr>td {
	    white-space: inherit;
	}
}

.table-responsive {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid transparent;
}

/* Tables */
table {
  width: auto !important;
  min-width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Cell Adjustments */
th, td,
.table-condensed>thead>tr>th, 
.table-condensed>tbody>tr>th, 
.table-condensed>tfoot>tr>th, 
.table-condensed>thead>tr>td, 
.table-condensed>tbody>tr>td, 
.table-condensed>tfoot>tr>td {
	padding:  1rem 2rem;
}

/* Normal Cells */
table,
.table,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  font-family: var(--font-family);
  border-color: transparent;
}

td {
  color: var(--font-color);
}

/* Header Cells */
th {
  font-weight: normal;
  color: var(--heading-color)
}
thead tr
{
  border-bottom: 1px solid var(--heading-color);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.table > thead > tr > th,
thead tr th
{
  border-bottom: 1px solid var(--heading-color);
}

/* Caption */
table caption {
  color: var(--font-color-50);
}

/*
=========================================
    Popovers
=========================================
*/
.popover {
	font-size: inherit;
}

/*
=========================================
    HTML Widgets
=========================================
*/
.html-widget-container {
	overflow-x: auto;
}

.html-widget {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

.html-widget .info,
.html-widget svg text {
	font-family: var(--font-family);
	font-size: 1.0em;
}


/*
=========================================
    Highlights & Statements
=========================================
*/
.hl {
  font-weight: bold;
  color: var(--heading-color);
}
.st {
  display: block;
  padding: 0.5rem 0px 0.5rem 1rem;
  margin: 2rem 0px 2rem 0px;
  color: var(--font-color);
  font-weight: 500;
  border-left: 5px solid var(--font-color);
}