@charset "UTF-8";

@viewport {
	width: device-width;
}

:root,
[data-bs-theme=light] {
	--black: hsl(0, 0%, 0%);
	--white: hsl(0, 0%, 100%);
	--bg-white: #ffffff;
	--gray-100: hsl(210, 17%, 98%);
	--gray-200: hsl(210, 16%, 93%);
	--gray-300: hsl(210, 14%, 89%);
	--gray-400: hsl(210, 14%, 83%);
	--gray-500: hsl(210, 11%, 71%);
	--gray-600: hsl(210, 7%, 46%);
	--gray-700: hsl(210, 9%, 31%);
	--gray-800: hsl(210, 10%, 23%);
	--gray-900: hsl(210, 11%, 15%);
	--theme-color0: #244b7b;
	--theme-color1: #cad2d5;
	--theme-color2: #657c96;
	--theme-color3: #3f608a;
	--theme-color4: #c3c3c3;
	--theme-color5: #697b8e;
	--red-mark: #f40c00;


	--bar-border: 1px solid var(--theme-color1);
	--underline-offset-factor: 0.3;
	--underline-offset: calc( var(--body-font-size) * var(--underline-offset-factor) );
	--underline-thickness-factor: 0.3;
	--underline-thickness: calc( var(--body-font-size) * var(--underline-thickness-factor) );
	--underline-color1: #099ce3;
	--main-margin: calc( var(--body-font-size) * var(--body-line-height) );
	--main-margin-half: calc( var(--main-margin) / 2 );
	--main-margin-quarter: calc( var(--main-margin) / 4 );
	/* one and half */
	--main-margin-o-and-h: calc( var(--main-margin) * 1.5 );
	--main-margin-double: calc( var(--main-margin) * 2 );
	--main-margin-triple: calc( var(--main-margin) * 3 );
	--h1-font-size: calc(var(--body-font-size) + 2.3vmax);
	--h2-font-size: calc(var(--body-font-size) + 1.7vmax);
	--h3-font-size: calc(var(--body-font-size) + 1.2vmax);
	--h4-font-size: calc(var(--body-font-size) + 0.8vmax);
	--h5-font-size: calc(var(--body-font-size) + 0.5vmax);
	--h6-font-size: calc(var(--body-font-size) + 0.3vmax);
	--home-border-color: var(--theme-color1);
	--home-border-color-hover: var(--theme-color0);

	--body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
	--body-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Noto Sans", "Liberation Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
	--body-font-family-bold: var(--body-font-family);
	--body-font-size: calc(15px + 1 * ((100vw - 320px) / 980));
	--body-font-size-hd: calc(15px + 5 * ((100vw - 320px) / 980));
	/* --body-font-size-hd: calc(18px + 18 * ((100vw - 1920px) / 1980)); */
	--body-font-weight: 400;
	--body-line-height: 1.5;
	--header-line-height: 1.2;
	--body-color: #22262a;
	--body-color-rgb: 34, 38, 42;
	--body-bg: hsl(0, 0%, 100%);
	--body-bg-rgb: 255, 255, 255;
	--emphasis-color: hsl(0, 0%, 0%);
	--emphasis-color-rgb: 0, 0, 0;
	--secondary-color: rgba(34, 38, 42, 0.75);
	--secondary-color-rgb: 34, 38, 42;
	--secondary-bg: hsl(210, 16%, 93%);
	--secondary-bg-rgb: 234, 237, 240;
	--tertiary-color: rgba(34, 38, 42, 0.5);
	--tertiary-color-rgb: 34, 38, 42;
	--tertiary-bg: hsl(210, 17%, 98%);
	--tertiary-bg-rgb: 249, 250, 251;
	--heading-color: inherit;
	--link-color: var(--theme-color0);
	--link-decoration: underline;
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	:root {
		scroll-behavior: auto;
	}
}

@media (min-width: 1920px) {

	:root {
		--body-font-size: var(--body-font-size-hd);
	}

}

html {
	scrollbar-color: #133457 #ccc;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}

body {
	margin: 0;
	font: menu;
	font-family: var(--body-font-family);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height);
	color: var(--body-color);
	text-align: var(--body-text-align);
	background-color: var(--body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	scroll-behavior: smooth;
	image-rendering: high-quality;
	background-color: var(--bg-white);
	accent-color: var(--theme-color0);
}

@media (max-width: 767.8px) {

	body.no-bar {
		overflow: hidden;
	}

}

a {
	color: var(--link-color);
	text-decoration-line: underline;
	text-decoration-color: var(--link-color);
	text-underline-offset: var(--underline-offset);
	text-decoration-thickness: calc(1px + 0.05vmax);
	text-decoration-skip-ink: none;
	transition: all .25s;
}

a:hover {
	text-decoration-thickness: var(--underline-thickness);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-underline-offset: calc(var(--underline-offset) * 2);
}

/*
a:focus-visible {
	outline: calc(var(--body-font-size) / 4) dashed var(--link-color);
	text-underline-offset: calc(var(--body-font-size) / 10);
}
h1:focus-visible,
h2:focus-visible,
h3:focus-visible,
h4:focus-visible,
h5:focus-visible,
h6:focus-visible {
	text-decoration: underline solid var(--underline-thickness) var(--link-color);
	text-underline-offset: var(--underline-offset);
	text-decoration-skip-ink: none;
}
 */


hr {
	margin: var(--main-margin-half) 0;
	color: inherit;
	border: 0;
	border-top: var(--border-width) solid;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	margin-top: 0;
	margin-bottom: var(--main-margin-quarter);
	font-weight: 900;
	color: var(--heading-color);
	line-height: var(--header-line-height);
}

p {
	margin: 0;
}

figure {
	margin: 0;
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
					text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
					text-decoration-skip-ink: none;
}

pre {
	word-wrap: break-word;
}

label {
	display: inline-block;
}

button {
	border-radius: 0;
}

button:focus:not(:focus-visible) {
	outline: 0;
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
select {
	text-transform: none;
}

[role=button] {
	cursor: pointer;
}

select {
	word-wrap: normal;
}
select:disabled {
	opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
	display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer;
}

::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

textarea {
	resize: vertical;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 0.5rem;
	font-size: calc(1.275rem + 0.3vw);
	line-height: inherit;
}
@media (min-width: 1200px) {
	legend {
		font-size: 1.5rem;
	}
}
legend + * {
	clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
	padding: 0;
}

::-webkit-inner-spin-button {
	height: auto;
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
	direction: ltr;
}
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
	padding: 0;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

::file-selector-button {
	font: inherit;
	-webkit-appearance: button;
}

output {
	display: inline-block;
}

iframe {
	border: 0;
	vertical-align: bottom;
}

summary {
	display: list-item;
	cursor: pointer;
}

progress {
	vertical-align: baseline;
}

[hidden] {
	display: none !important;
}

.blockquote {
	margin-bottom: 1rem;
	font-size: 1.25rem;
}
.blockquote > :last-child {
	margin-bottom: 0;
}

.blockquote-footer {
	margin-top: -1rem;
	margin-bottom: 1rem;
	font-size: 0.875em;
	color: hsl(210, 7%, 46%);
}
.blockquote-footer::before {
	content: "— ";
}

.figure {
	display: inline-block;
}

.figure-caption {
	font-size: calc(var(--body-font-size) * 0.8);
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}


.btn {
	cursor: pointer;
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
}
@media (prefers-reduced-motion: reduce) {
	.btn {
		-webkit-transition: none;
		transition: none;
	}
}



.bar__container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {

	.bar__container {
		max-width: 95%;
	}

}

@media (min-width: 1200px) {

	.bar__container {
		max-width: 1140px;
	}

}

@media (min-width: 1400px) {

	.bar__container {
		max-width: 1320px;
	}

}

@media (min-width: 1920px) {

	.bar__container {
		max-width: 80%;
	}

}


.headerbar {
	z-index: 100;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	backdrop-filter: blur(10px);
	background-color:rgba(255,255,255,.8)!important;

	border-bottom: var(--bar-border);
}

.header {
	text-align: center;
	padding: var(--main-margin-quarter) 0 var(--main-margin-half) 0;
}

.header__primary,
.header__secondary {
	margin: 0;
}

.header__primary {
	font-variant: small-caps;
	letter-spacing: 1px;
	color: var(--theme-color0);
}

.header__secondary {
	color: var(--theme-color3);
}



.photobar {
	/*
	background: linear-gradient(90deg, #133457 50%, #171e3a 50%);
	*/
	background-color: #000b1f;
}

.main-photo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.bar {
	background-color: var(--bg-white);
}


.bar__cell {
	margin-top: var(--main-margin);
	margin-bottom: var(--main-margin);
}

.grid-a .bar__cell {
	margin-top: 0;
}

/*
.bar__cell:last-child {
	margin-bottom: var(--main-margin-double);
}
*/

.bar__cell__header {
	margin-bottom: var(--main-margin);
	color: var(--theme-color0);
/*
	--bg-size: calc( var(--body-font-size) * var(--body-line-height) );
	padding-left: calc( var(--body-font-size) * 2 );
	background: linear-gradient(to right, var(--theme-color4) var(--bg-size), var(--bg-white) var(--bg-size) );
 */
}



.header-red-mark {
	color: var(--red-mark);
}

.header-red-mark::before {
	content: '\000A0';
}


.video {
	margin-left: auto;
	margin-right: auto;
}

.video__item {
	aspect-ratio: 16 / 9;
	width: 100%;
}

@media (min-width: 768px) {

	.video--big {
		max-width: 85%;
	}

}

@media (min-width: 992px) {

	.video--big {
		max-width: 70%;
	}

}

@media (max-width: 991.8px) and (orientation: landscape)  {

	.video__item {
		max-height: 70vh;
	}

}

@supports not (aspect-ratio: 1) {

	.video {
		position: relative;
		padding-bottom: 56.25%;
	}

	.video__item {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}

.whatbar {
	padding: var(--main-margin-double) 0;
}

.what__header {
	text-align: center;
}

.what__header__primary {
	margin-bottom: var(--main-margin);
	font-variant: small-caps;
	text-transform: capitalize;
}

.what__list {
	list-style: none;
	padding-inline-start: 0;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: var(--main-margin);
}

@media (min-width: 768px) {

	.what__list {
		grid-template-columns: repeat(3, 1fr);
	}

}

.what__video__caption {
	text-align: center;
}


.moneybar {
	background-image: url('../images/money_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: var(--main-margin-triple) 0;
}

.money__header {
	text-align: center;
	margin-bottom: var(--main-margin-triple);
}

.money__header__primary {
	display: inline-block;
	padding: var(--main-margin-half) var(--main-margin);
	background-color: var(--black);
	color: var(--white);
	box-shadow: 0 0 var(--main-margin-o-and-h) var(--main-margin-half) var(--black);
	font-variant: small-caps;
	text-transform: capitalize;
}

.money__header__primary::after {
	content: ' !';
	color: var(--red-mark);
}

.money__video {
	box-shadow: 0 0 var(--main-margin-o-and-h) var(--main-margin) var(--white);
}

.money__video__caption {
	background-color: Var(--black);
	padding: 0.5rem;
	text-align: center;
	color: var(--white);
}

.directivesbar {
	background-image: url('../images/directives_bg-s.jpg');
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: var(--main-margin-triple) 0;
}

@media (min-width: 768px) {

	.directivesbar {
		background-image: url('../images/directives_bg-m.jpg');
	}

}

@media (min-width: 1200px) {

	.directivesbar {
		background-image: url('../images/directives_bg-n.jpg');
	}

}

@media (min-width: 1400px) {

	.directivesbar {
		background-image: url('../images/directives_bg-l.jpg');
	}

}

@media (min-width: 1920px) {

	.directivesbar {
		background-image: url('../images/directives_bg-4k.jpg');
	}

}


.directive__header {
	text-align: center;
	margin-bottom: var(--main-margin-triple);
}

.directive__header__primary {
	display: inline-block;
	padding: var(--main-margin-half) var(--main-margin);
	background-color: var(--black);
	color: var(--white);
	box-shadow: 0 0 var(--main-margin-o-and-h) var(--main-margin-half) var(--black);
	font-variant: small-caps;
	text-transform: capitalize;
}

.directive__video {
	box-shadow: 0 0 var(--main-margin-o-and-h) var(--main-margin) var(--white);
}

.directive__video__caption {
	background-color: Var(--black);
	padding: 0.5rem;
	text-align: center;
	color: var(--white);
}




.aboutmebar {
	padding-top: var(--main-margin-double);
}

.aboutme__header {
	text-align: center;
}

.aboutme__header__primary {
	margin-bottom: var(--main-margin);
}

.aboutme-grid__cell--right {
	padding-bottom: var(--main-margin-double)
}

@media (min-width: 720px) {

	.aboutme-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: var(--main-margin-half);
	}

	.aboutme-grid__cell p {
		margin: var(--main-margin) 0;
	}

	.aboutme-grid__cell--left {
		order: 1;
		display: grid;
		justify-self: center;
		align-self: end;
	}

	.aboutme-grid__cell--right {
		order: 2;
	}

}

.books {
	list-style-type: none;
	padding-inline-start: 0;
}

.books__item {
	margin: var(--main-margin-half) 0;
}

.books__item__link::before {
	content: '„';
}

.books__item__link::after {
	content: '” (.pdf)';
}

.mygolas__header {
	margin-top: var(--main-margin-o-and-h);
	margin-bottom: var(--main-margin);
}

.mygolas__list {
	padding-inline-start: var(--main-margin);
}

.mygolas__list__item {
	margin: var(--main-margin-half) 0;
}

.mygolas__list__item::marker {
	font-weight: 600;
}

.healp__header {
	margin-top: var(--main-margin-o-and-h);
	margin-bottom: var(--main-margin);
}



.mediabar {
	padding: var(--main-margin-double) 0;
	background-color: #133457;
	color: var(--white);
}

.media__header {
	text-align: center;
	padding-bottom: var(--main-margin-half);
}

.media__header__primary {
	margin-bottom: var(--main-margin);
	font-variant: small-caps;
	text-transform: capitalize;
}

.media__list {
	list-style: none;
	padding-inline-start: 0;
	text-align: center;
}

@media (max-width: 575.8px) {

	.media__list {
		columns: 1;
	}

}
@media (min-width: 576px) {

	.media__list {
		columns: 2;
	}

}

@media (min-width: 768px) {

	.media__list {
		columns: 3;
	}

}

@media (min-width: 1200px) {

	.media__list {
		columns: 6;
	}

}

.media__item {
	padding: var(--main-margin-half);
}

.media__item::before {
	content: attr(data-text);
	display: block;
}

.media__item__link {
	color: var(--white);
	text-decoration-color: var(--white);
}

.media__item__link::before {
	content: attr(data-char);
	color: var(--gray-500);
}


.media__hashtag {
	text-align: center;
	font-size: calc( var(--body-font-size) * 1.2 );
	font-weight: 600;
	word-spacing: var(--main-margin-half);
	letter-spacing: 1px;
}

.media__hashtag__mark {
	font-weight: 700;
}



.footerbar {
	border-top: var(--bar-border);
	background-color: var(--bg-white);
}

.footerbar__cell {
	margin: var(--main-margin) 0;
}

.footerbar__cell__header {
	margin-bottom: var(--main-margin);
	color: var(--theme-color0);
	text-align: center;
	font-size: 100%;
}

.footerbar__cell__content {
	font-size: 80%;
}

.download {
	padding: var(--main-margin-double) 0;
}

.download__header {
	font-variant: small-caps;
	text-transform: capitalize;
	text-align: center;
}

.download__header__primary {
	margin-bottom: var(--main-margin);
}
/*
.download__header__primary::after {
	content: ' \2764';
	color: var(--red-mark);
}
*/

.download__list {
	list-style: none;
	padding-inline-start: 0;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: var(--main-margin);
	place-items: center;
}

@media (min-width: 768px) {

	.download__list {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (min-width: 992px) {

	.download__list {
		grid-template-columns: repeat(4, 1fr);
	}

}

.download__item {
	text-align: center;
}

.download__item__box {
	display: block;
	margin-bottom: var(--main-margin-half);
}

.download__all {
	text-align: center;
	padding-top: var(--main-margin);
}

.download__all__link::after {
	content: ' (Paczka zip)';
}




.footer-info {
	padding-bottom: var(--main-margin-half);
	padding-top: var(--main-margin-half);
	text-align: center;
	font-size: 80%;
}







.display-1 {
	font-size: clamp(2.7rem, 8vw, 5.5rem);
}

.display-2 {
	font-size: clamp(2.3rem, 7vw, 4.5rem);
}

.display-3 {
	font-size: clamp(1.9rem, 6vw, 3.5rem);
}

.display-4 {
	font-size: clamp(1.5rem, 5vw, 2.5rem);
}

/* a:not(.btn):hover, a:not(.btn):focus {
	color: var(--link-hover-color-rgb);
} */


meter {
	width: 100%;
}

.pagination {
	margin: 1rem;
}

.table th {
	font-weight: 500;
}
.table thead th {
	white-space: nowrap;
	border-bottom-width: 1px;
}
.table th,
.table td {
	vertical-align: middle;
}
.table th label,
.table td label {
	margin-bottom: 0;
}

.justify-content {
	text-align: justify;
}

.article-content h1, .h1 {
	font-size: var(--h1-font-size);
}

.article-content h2, .h2 {
	font-size: var(--h2-font-size);
}

.article-content h3, .h3 {
	font-size: var(--h3-font-size);
}

.article-content h4, .h4 {
	font-size: var(--h4-font-size);
}

.article-content h5, .h5 {
	font-size: var(--h5-font-size);
}

.article-content h6, .h6 {
	font-size: var(--h6-font-size);
}

.article-content p {
	margin-bottom: var(--main-margin);
}

.article-content p:last-child,
.article-content p:empty,
p:empty {
	margin-bottom: 0;
}

.article-content p:not([class]) {
	text-align: justify;
}

.article-content figure {
	margin: 0 0 var(--main-margin) 0;
}

.article-content img,
pre img,
.img {
	max-width: 100%;
	height: auto;
}

.article-content img,
.article-content svg {
	vertical-align: middle;
}

/*
.article-content ol,
.article-content ul {
	padding-left: var(--main-margin);
}
*/

.article-content ol,
.article-content ul,
.article-content dl {
	margin-top: 0;
	margin-bottom: var(--main-margin);
}

.article-content dl {
	padding-inline-start: 0;
}

.article-content dt {
	font-weight: 700;
}

.article-content dd {
	margin-bottom: var(--main-margin-half);
	margin-left: 0;
}

.article-content ol ol,
.article-content ul ul,
.article-content ol ul,
.article-content ul ol {
	margin-bottom: 0;
}

.article-content blockquote {
	margin: 0 0 var(--main-margin) 0;
}

.article-content b,
.article-content strong,
.article-content [style*="bold"] {
	font-weight: bolder;
}

.article-content small, .article-content .small {
	font-size: calc(var(--body-font-size) * 0.8);
}

.article-content mark, .article-content .mark {
	padding: 0.1875em 0;
	color: var(--highlight-color);
	background-color: var(--highlight-bg);
}

.article-content sub,
.article-content sup {
	position: relative;
	font-size: calc(var(--body-font-size) * 0.7);
	line-height: 0;
	vertical-align: baseline;
}

.article-content sub {
	top: var(--main-margin-half);
}

.article-content sup {
	bottom: var(--main-margin-quarter);
}

.article-content pre,
.article-content code,
.article-content kbd,
.article-content samp {
	font-size: calc(var(--body-font-size) * 0.8);
}

.article-content hr {
	margin: var(--main-margin-half) 0;
	color: inherit;
	border: 0;
	border-top: 1px solid;
}

.article-content table {
	margin-bottom: var(--main-margin);
	border-collapse: collapse;
	caption-side: bottom;
}

.article-content caption {
	padding-top: var(--main-margin-half);
	padding-bottom: var(--main-margin-half);
	text-align: left;
}

.article-content thead,
.article-content tbody,
.article-content tfoot,
.article-content th,
.article-content td {
	border: 1px solid var(--theme-color4);
}

.article-content th,
.article-content td {
	padding: var(--main-margin-quarter);
}

.article-content iframe {
	border: 0;
}

.article-content [style*="float: right"],
.article-content [style*="float: left"] {
	margin-bottom: var(--main-margin);
	margin-top: var(--main-margin);
}

/* @media (max-width: 991.8px) { */
@media (max-width: 767.8px) {

	.article-content [style*="float: right"],
	.article-content [style*="float: left"] {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		float: none !important;
		display: block;
	}

}
/* @media (min-width: 992px) { */
@media (min-width: 768px) {

	.article-content [style*="float: right"],
	.article-content [style*="float: left"] {
		max-width: 50%;
	}

	.article-content [style*="float: right"] {
		margin-left: var(--main-margin);
	}

	.article-content [style*="float: left"] {
		margin-right: var(--main-margin);
	}

}


.article-content p > [style*="float: right"]:first-child,
.article-content p > [style*="float: left"]:first-child,
.article-content p:first-child [style*="float: right"],
.article-content p:first-child [style*="float: left"] {
	margin-top: 0;
}



.article-content .float-start {
	float: left;
}

.article-content .float-end {
	float: right;
}

.article-content .float-none {
	float: none;
}

.article-content .mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.article-content .d-block {
	display: block !important;
}







/*

		for printing

*/

@media print {
	html, body, *, html > body, body * {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
}

.bar__container:empty {
	min-height: 300px;
}