/* -- Text Formatting -- */

.md details, .Contents p, .Contents li{font-size: var(--Font-P); margin-top: 5px;}
.md h1{font-size: var(--Font-H1); padding-top: 20px;}
.md h2{font-size: var(--Font-H2); margin-top: 20px;}
.md h3{font-size: var(--Font-H3);}
.md h4{font-size: var(--Font-H3);}
.md p{font-size: var(--Font-P); width: 100%; font-family: var(--Font); font-size: var(--Font-P);}
.md {font-family: var(--Font);}

.md h1:first-child {margin-top: 0;padding-top: 0;}

blockquote p{
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
border-left: 2px solid var(--primary);
}

.md strong{
    font-weight: 600;
}
/* -- Images -- */


.SmallIMG img{width: 90%; height: auto;}

.Contents img{max-width:700px;height: auto;border-radius: 5px; margin: 5px;}

.DetailsFit{
    width: fit-content;
}

/* -- Code Blocks -- */
.CodeBlockTemplate,
code{
background-color: var(--border);
padding:10px;
border: 2px transparent;
border-radius: 0.5em;
margin-top: 20px;
margin-bottom: 20px;
line-height: 45px;
}


.language-primary{color: var(--primary);}

.language-Code{
padding:20px;
border: 2px transparent;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
line-height: 20px;
}

.language-CodeFit{
    padding:20px;
    border: 2px transparent;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    line-height: 20px;
    width: fit-content;
    }

/* -- DropDowns / TOC -- */

.md details{border-radius: 0.7em;border: 3px solid var(--border); padding: 15px; background-color: var(--background); max-width: 90%; cursor: pointer;}


.tocContainer a{
  color: var(--text);
  font-weight: normal!important;
  text-decoration: none;
}
.tocContainer a:hover{
text-decoration: underline;
}

.tocContainer ul{
    list-style-type: square}

.tocContainer ul ul{
    list-style-type: "- ";
}

.tocContainer details{
    background-color: transparent;
    border: transparent;
}


/* -- Tables -- */

table {
    color: var(--text);
    font-family: var(--Font);
    border-collapse: collapse;
    font-weight: normal;
}

table th { /* Heading */
    background-color: var(--secondary-dark);
    font-size: var(--Font-P);
    font-weight: 700;
}

table td,
table th { /* Contents */
    padding: 5px;
    border: 1px solid var(--text-lighter);
    font-size: var(--Font-Small);
}

.TableNoBorders,
.TableNoBorders th,
.TableNoBorders td
{border: 0;}
    
/* -- warning -- */

.warning{
border: 1px solid var(--warning);
border-radius: 0.3rem;
color: var(--warning);
width: fit-content !important;
padding: 3px ;
}

/* -- Search -- */

.CustomSearchBar{
width: fit-contents;
margin: 10px auto 20px;
border: 0;
border-bottom: 1px solid var(--text-lighter);
background-color: transparent;
padding: 5px 10px;
color: var(--text);
transition: border-bottom 0.3s ease;
font-family: var(--Font);
font-size: var(--Font-P);
}

.CustomSearchBar:focus{
    outline: 0;
    border-bottom: 1px solid var(--primary-light);

}

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */

/* -- T -- */