@import url("../fonts/icomoon-2025-09-17/style.css");

:root {
  --background-color: light-dark(#ffffff, #1f2023);
  --borders-color: light-dark(#000000, #c0b7b0);
	--content-color: llight-dark(#000000, #ffffff);
	--button-size: 35px;
}

header > div > div > nav.wp-block-navigation { /* .wp-block-navigation */
	position: relative;

	> button.wp-block-navigation__responsive-container-open {
		svg {
			height: var(--button-size);
			width: var(--button-size);
		}
	}

	> div.wp-block-navigation__responsive-container {
		background: none !important;
		bottom: auto;
		left: auto;
		padding: 0;
		position: absolute;
		width: 180px;

		> div.wp-block-navigation__responsive-close {
			> div.wp-block-navigation__responsive-dialog {
				margin-top: 0;

				> button.wp-block-navigation__responsive-container-close {
					background-color: var(--background-color);
					position: absolute;
					right: 0;
					top: 0;

					svg {
						height: var(--button-size);
						width: var(--button-size);
					}
				}

				> div.wp-block-navigation__responsive-container-content {
					display: block;

					> ul.wp-block-navigation__container {

						border-bottom: 1px solid var(--borders-color);
						margin-bottom: 22px;
						padding-bottom: 11px;
						padding-top: 11px;
					}
				}
			}
		}
	}
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	background-color: var(--background-color) !important;
}

.page-intro {
	margin-bottom: 100px;
}


/*********************
 * UI (homepage toggle)
 *********************/

.toggle__check {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
.toggle__check + .toggle__label > span:before {
    content: attr(data-off);
}
.toggle__check:checked + .toggle__label > span:before {
    content: attr(data-on);
}
.toggle__check:checked + .toggle__label {
    background-color: var(--btn-bg-color);
    color: var(--btn-active-color);
}


/*********************
 * UI (Hamburger icon)
 *********************/

.wp-block-navigation__responsive-container-open {
	&:before {
		background-color: #000000;
    display: block;
		width: 28px;
		height: 28px;
		content: '';
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Crect y='10' width='100' height='8'%3E%3C/rect%3E%3Crect y='40' width='100' height='8'%3E%3C/rect%3E%3Crect y='70' width='100' height='8'%3E%3C/rect%3E%3C/svg%3E") no-repeat 50% 50%;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Crect y='10' width='100' height='8'%3E%3C/rect%3E%3Crect y='40' width='100' height='8'%3E%3C/rect%3E%3Crect y='70' width='100' height='8'%3E%3C/rect%3E%3C/svg%3E") no-repeat 50% 50%;
		-webkit-mask-size: cover;
		mask-size: cover;

		@media only screen and (min-width: 768px) {
			width: 32px;
			height: 32px;
		}
	}
	@media (prefers-color-scheme: dark) {
		&:before {
			background-color: #ffffff;
		}
	}

	> svg {
		display: none;
	}
}


/*********************
 * forms
 *********************/

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
	background-color: #eee;
	display: block;
	height: 44px;
	line-height: 44px;
	padding: 0 12px;
	margin-bottom: 0;
	font-size: 1em;
	color: #000;
	border-radius: 3px;
	vertical-align: middle;
	box-shadow: none;
	border: 0;
	width: 100%;
}
input[type="text"],
input[type="email"],
textarea {
	-webkit-transition: background-color 0.24s ease-in-out;
	transition: background-color 0.24s ease-in-out;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
textarea:focus,
textarea:active {
	background-color: #f6f6f6;
}
.field.error,
.field.is-invalid {
	color: #fbe3e4;
	border-color: #fbe3e4;
	background-color: #fff;
	background-position: 99% center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
	outline-color: #fbe3e4;
}
.field.success,
.field.is-valid {
	color: #e6efc2;
	border-color: #e6efc2;
	background-color: #fff;
	background-position: 99% center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
	outline-color: #e6efc2;
}
.field[disabled],
.field.is-disabled {
	cursor: not-allowed;
	border-color: #cfcfcf;
	opacity: 0.6;
}
input[type="password"] {
	letter-spacing: 0.3em;
}
textarea {
	max-width: 100%;
	min-height: 110px;
	line-height: 1.5em;
}
select {
    -webkit-appearance: none; /* 1 */
    /* Base64 encoded little arrow */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 97.5% center;
}
input[type='submit'] {
	background-color: #ddd;
	border: none;
	border-radius: 0;
	color: #000;
	cursor: pointer;
	font-size: 1rem;
	height: 44px;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-appearance: none;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
input[type='submit']:hover {
	background-color: #999;
	color: #fff;
}
@media (prefers-color-scheme: dark) {
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	select,
	textarea,
	.field {
		background-color: #27292d;
		color: #fff;
	}
	input[type="text"]:focus,
	input[type="text"]:active,
	input[type="email"]:focus,
	input[type="email"]:active,
	textarea:focus,
	textarea:active {
		background-color: #27292d;
	}
	.field.error,
	.field.is-invalid {
		color: #491012;
		border-color: #491012;
		background-color: #27292d;
		outline-color: #491012;
	}
	.field[disabled],
	.field.is-disabled {
		border-color: #c0b7b0;
	}
	input[type='submit'] {
		background-color: #383b40;
		color: #fff;
	}
	input[type='submit']:hover {
		background-color: #383b40;
		color: #fff;
	}
}

/*********************
 * pagination
 *********************/

.wrap > .pagination {
    padding-left: 11px;
    padding-right: 11px;
}
.pagination {
    margin: 0;
}
.pagination ul {
    padding-left: 0;
}
.wp-block-query-pagination {
	padding-bottom: 33px;
}
.wp-block-query-pagination .page-numbers,
.pagination li,
.pagination__item {
    background-color: #ddd;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 52px;
    line-height: 52px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    width: 52px;
}
.pagination li {
    position: relative;
}
.pagination li span,
.pagination li a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.pagination li a {
    background-color: #ddd;
    color: #000;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.pagination li a:hover,
.pagination li a:focus,
.pagination li span,
.pagination__item:hover,
.pagination__item:focus,
.pagination__item.active {
    background-color: #999;
    color: #fff;
    text-decoration: none;
}
@media only screen and (min-width: 1030px) {
    .pagination {
        text-align: right;
    }
    .pagination li,
    .pagination__item {
        margin-left: 10px;
        margin-right: 0;
    }
}
@media (prefers-color-scheme: dark) {
	.wp-block-query-pagination .page-numbers.current,
	.pagination li,
	.pagination__item {
		background-color: #2d2f34;
		color: #fff;
	}
	.wp-block-query-pagination .page-numbers,
	.pagination li a {
		background-color: #383b40;
		color: #fff;
	}
}

/*********************
 * icons
 *********************/

.share a {
	/* background-color: $grey;
	color: $white; */
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
.share a:hover {
	/* color: $white; */
}
.icon-linkedin:focus,
.icon-linkedin:hover {
	background-color: #3371b7;
}
.icon-pinterest:focus,
.icon-pinterest:hover {
	background-color: #c92619;
}
.icon-behance:focus,
.icon-behance:hover {
	background-color: #053eff;
}
.icon-instagram:focus,
.icon-instagram:hover {
	background-color: #9c7c6e;
}
.icon-facebook:focus,
.icon-facebook:hover {
	background-color: #3e5b98;
}
.icon-twitter:focus,
.icon-twitter:hover {
	background-color: #4da7de;
}
.icon-tumblr:focus,
.icon-tumblr:hover {
	background-color: #32506d;
}
.icon-soundcloud:focus,
.icon-soundcloud:hover {
	background-color: #ff7700;
}
.icon-github:focus,
.icon-github:hover {
	background-color: #171515;
}
.icon-gitlab:focus,
.icon-gitlab:hover {
	background-color: #e24329;
}
.icon-youtube-logo:focus,
.icon-youtube-logo:hover {
	background-color: #ff0000;
}
.icon-bandcamp:focus,
.icon-bandcamp:hover {
	background-color: #629aa9;
}
.icon-mastodon:focus,
.icon-mastodon:hover {
	background-color: #6364ff;
}

/*********************
 * contact page
 *********************/

.wpcf7-form {
	padding-bottom: 22px;
}
.wpcf7-form > p {
	margin-top: 0;
	padding-bottom: 22px;
}
.wpcf7-form input[type='text'].wpcf7-not-valid,
.wpcf7-form input[type='email'].wpcf7-not-valid {
	border: 1px solid #f00;
}
.wpcf7-form span.wpcf7-not-valid-tip {
	margin-bottom: -5px;
	padding-top: 5px;
}
.wpcf7-form div.wpcf7-response-output {
	margin: 0;
	line-height: 2em;
}
.wpcf7-form-control-wrap {
	display: flex;
}

.contact-social-icons {
	margin-top: 0;
	overflow: auto;
	padding-bottom: 22px;
}
a.social-icon {
	background-color: #ddd;
	color: #fff;
	display: block;
	float: left;
	font-size: 24px;
	height: 55px;
	line-height: 55px;
	margin-bottom: 11px;
	margin-right: 11px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	width: 55px;
}
a.social-icon:focus,
a.social-icon:hover {
	color: #fff;
}
.aiowps-captcha {
	line-height: 0;
	margin-top: 18px;
	padding-bottom: 5px;
}
.aiowps-captcha-equation strong {
	font-weight: normal;
}
@media (prefers-color-scheme: dark) {
	a.social-icon {
		background-color: #2d2f34;
		color: #fff;
	}
}

/*********************
 * video page
 *********************/

.video-item {
	margin-bottom: 200px;
}
.video-container {
    float: none;
    width: 100%;
}
.video-container video {
    max-width: 100%;
    width: 100%;
}
.video-description > p {
    line-height: 22px;
    margin: 10px 0 0 0;
    padding: 0;
}
.video-description > p > span {
    display: block;
    margin-bottom: -5px;
    padding-top: 5px;
}

/*********************
 * paintings page
 *********************/

.painting-item {
	/* align-items: flex-start; */
	display: flex;
	flex-direction: column;
	margin-bottom: 200px;
}
.painting-image {
	display: flex;
	align-items: flex-start;
	width: 100%;

	img {
		display: block;
		max-height: 600px;
		max-width: 100%;
	}
}

.painting-info {
	/* width: 33%; */

	> p {
		line-height: 22px;
    margin: 10px 0 0 0;
    /* padding: 0 0 0 22px; */

		> span {
			display: block;
			margin-bottom: -5px;
			padding-top: 5px;
		}
	}
}
.paintings-pagination {
	width: 66%;
}

@media only screen and (min-width: 1030px) {
	.painting-item {
		align-items: flex-end;
		flex-direction: row;

		.painting-image {
			justify-content: flex-end;
			width: 66%;

			img {

			}
		}
	}
	.painting-info {
		width: 33%;

		> p {
			padding-left: 22px;
		}
	}
}

/*********************
 * drawings map page
 *********************/

.page-drawings-map section.wrap {
    margin-bottom: 0;
}
.page-drawings-map footer {
    display: none;
}

@media (min-width: 768px) {
	/* transparent on map only on larger screen */
	.page-drawings-map {
		header {
		margin-bottom: 0;

			> div {
				> div {
					background-color: rgba(0, 0, 0, 0.1);
					border-bottom-width: 2px !important;
					border-top-width: 2px !important;
					border-color: #000 !important;
					margin-bottom: 0;
					margin-top: 0;

					.wp-block-site-title > a {
						color: #000 !important;
					}
				}
			}
		}
		.wp-block-post-title {
			display: none;
		}
	}
	/* .page-drawings-map .header__top {
			border-bottom-width: 2px;
			border-color: #000;
	}
	.page-drawings-map .header__bottom {
			border-color: #000;
			border-top-width: 2px;
			margin-bottom: 0;
	} */
	.page-drawings-map .header__body .h1 {
			color: #000;
	}
	.page-drawings-map .header__nav svg > rect {
			fill: #000;
	}
	.page-drawings-map .header__nav ul {
			border-color: #fff;
	}
	.page-drawings-map .header__nav li a,
	.page-drawings-map .header__nav li a:visited {
			color: #fff;
	}
	.page-drawings-map .menu-header-navigation-container {
			background-color: rgba(0,0,0,0.5);
	}
}