/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
    font-family: exo2;
    src: url('../../fonts/Exo2-Regular.otf');
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'exo2', 'Montserrat', sans-serif;
}

@font-face {
    font-family: roboto;
    src: url('../../fonts/Roboto-Regular.ttf');
    font-display: swap;
}

body {
    font-family: 'roboto', 'Lato', arial, sans-serif;
}

.modal {
    font-family: 'roboto', 'Lato', arial, sans-serif;
}

.menu-title {
    color: #EEE;
    font-family: 'exo2','Montserrat',sans-serif;
    font-weight: bold;
    margin: 0 0 30px 0;
}

.page-title {
    color: #F7F7F7;
    font-size: 40px;
    font-family: 'exo2','Montserrat',sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.footer-title {
    color: #EEE;
    font-family: 'exo2','Montserrat',sans-serif;
    font-weight: 600;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

.sidebar-title {
    color: #444;
    font-family: 'exo2','Montserrat',sans-serif;
    font-weight: 600;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

.content-post ul,
.content-post ol,
.content-post p,
.content-post strong,
.content-post h1,
.content-post h2,
.content-post h3,
.content-post h4,
.content-post h5,
.content-post h6 {
    list-style: revert;
    list-style-position: revert;
    list-style-image: revert;
    list-style-type: revert;
    margin: revert;
    padding: revert;
    font-weight: normal !important;
    line-height: revert !important;
    font-size: revert !important;
}

.content-post strong {
    font-weight: bold !important;
}

.widget-toc{
	display: table;
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	padding-right: 1rem;
	font-size: 95%;
}

.widget-toc p{
    line-height: revert;
    margin-bottom: revert;
    margin-top: revert;
}

.widget-toc  ol {
	padding-right: 0px;
	counter-reset: item;
    margin: revert;
    padding:  revert;
    margin-bottom: revert;
}
.widget-toc ol li {
	display: block;
	position: relative;
}
.widget-toc  ol li:before {
	content: counters(item, ".");
	counter-increment: item;
	position: absolute;
	margin-right: 100%;
	right: 0.5rem;
}


.toc-title{

	text-align: center;
	font-weight: 700;
	margin: 0;
	padding: 0;

}