/*=============================================================*/
/*		  Base Typography & Global Resets settings
/*=============================================================*/

:root {
	--text-font-family: Poppins, sans-serif;
	--content-font-family: 'Roboto-Regular', serif;
	--line-height-default: 1.75;

	--rem-2xs : 0.512rem;
	--rem-xs  : 0.640rem;
	--rem-s   : 0.800rem;
	--rem-base: 1.000rem;
	--rem-l   : 1.250rem;
	--rem-xl  : 1.563rem;
	--rem-2xl : 1.953rem;
	--rem-3xl : 2.441rem;
	--rem-4xl : 3.052rem;
	--rem-5xl : 3.815rem;
	--rem-6xl : 4.768rem;
}

html {
	font-family: var(--content-font-family);
	font-size: 16px;
	line-height: var(--line-height-default);
	color: var(--ml-text-color);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-moz-osx-font-smoothing: grayscale;
	-ms-text-size-adjust: 100%;
}

/* Paragraph elements  */
/*=============================================================*/

p {
	font-size: var(--rem-base);
	display: block;
	text-align: left;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

.font-content {
	font-size: var(--rem-base);
	font-family: var(--content-font-family);
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

.katex {
	font-size: var(--rem-base);
}

/* Override to fix centering of swedish accents in letters åäö */
.lang-sv .katex .accent .accent-body:not(.accent-full) {
	width: unset;
	left: 0 !important;
}

/* Dropdown */
/*=============================================================*/
select { font-size: inherit;}
option { font-size: inherit;}

/* Dropdown */
/*=============================================================*/
select { font-size: inherit;}
option { font-size: inherit;}

/* Dropdown */
/*=============================================================*/
select { font-size: inherit;}
option { font-size: inherit;}

/* Anchor elements */
/*=============================================================*/

a,
.fake-link {
	color: var(--ml-link-color);
	text-decoration: none;
	cursor: pointer;
}

a:hover,
.fake-link:hover {
	color: var(--ml-link-highlight-color);
	text-decoration: none;
}

/* Reset REM Base to smaller screens */
/*=============================================================*/
@media all and (max-width: 904px) {
	html { font-size: 14px;}
}

/* List elements */
/*=============================================================*/
ol,
ul,
li {
	font-size: var(--rem-base);
}

li {
	margin: var(--rem-base);
	margin-right: 0;
	display: list-item;
	text-align: -webkit-match-parent;
}

.mw-parser-output li, 
.font-content li {
    margin-left: 1.5rem;
}

ol,
ul {
	display: block;
	margin: 8px 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}

ol { list-style-type: decimal; }
ul { list-style-type: disc; }

bblock-section ul,
bblock-section ul menu,
bblock-section ul dir {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-after: 0;
	-webkit-padding-start: 8px;
}

.ml .font-content ul {
	margin: 0.3em 0 0 1.6em;
	padding: 0;

}

.ml .font-content ul li {
	margin: 0px;
}

.ml .prereq ul {
	columns: 2;
}


/* Misc elements */
/*=============================================================*/

/* RESET: No outlines (this must be set specifically on the element, if needed) */
a,
p,
button,
input,
div,
span,
table td,
th,
li {
	outline: 0;
}

pre {
	font-size: var(--rem-s);
}

code {
	padding: 0;
	color: #c7254e;
	background-color: #f9f2f4;
}

small {
	font-size: 0.13px;
}

mark {
	padding: 0px 4px;
	background-color: var(--ml-border-color);
	color: #000;
}

mark.mark { background-color: var(--ml-canvas); }
mark.markII { background-color: var(--ml-mangolia); }
mark.markIII { background-color: var(--ml-mint); }
mark.markIV { background-color: var(--ml-blob); }
mark.markV { background-color: var(--ml-peachy); }
mark.markVI { background-color: var(--ml-rasberry); }
mark.markVII { background-color: var(--ml-blondie); }
mark.markVIII { background-color: var(--ml-bluesky); }
mark.markIX { background-color: var(--ml-windy); }
mark.markX { background-color: var(--ml-bubble); }

em {
	font-style: italic;
	font-weight: bold;
}

input, textarea {
	font-family: var(--content-font-family);
}

/* Global hidden element conditions */
a:empty,
b:empty,
p:empty,
li:empty,
ul:empty,
ol:empty {
	display: none;
}

a.swipebox-close:empty {
	display: block;
}


/*=============================================================*/
/*      classes that where earlier in mldesktop/typography
/*=============================================================*/

.skin-mldesktop ul {
	margin: initial;
	outline: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}

.skin-mldesktop li.slot {
	background-color: #f7f7f7;
	padding: 45px;
	min-height: 240px;
}

/* Table */
.skin-mldesktop table td,
.skin-mldesktop th {
	padding: 8px;
	outline: 0;
}