/*!
Theme Name: KodlContemporary
Theme URI: https://marianrehak.com
Author: Marián Rehák
Author URI: https://marianrehak.com
Description: Description
Version: 1.2.97
Tested up to: 6.5.3
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kodl
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@font-face {
	font-family: 'KartonKODL';
	src: url('./fonts/KartonKODL-Regular.woff2') format('woff2'),
		url('./fonts/KartonKODL-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('./fonts/Inter18pt-Medium.woff2') format('woff2'),
		url('./fonts/Inter18pt-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
	--black: #000;
	--gray: #cccccc;
	--white: #fff;
	--green: #00FF00;
	overscroll-behavior: none;
	font-size: 18px;
}

::selection {
	background: var(--green);
}

/* Basic formatting */
html {
	margin-top: 0px !important;
}

body {
	color: var(--black);
	width: 100vw;
	font-weight: 500;
	line-height: 1.25;
	font-family: 'Inter', sans-serif;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-smooth: always;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}


img {
	width: 100%;
	height: auto;
}

table {
	margin: 0;
}

iframe,
video {
	width: 100%;
	display: block;
}

.skip-link {
	display: block;
	font-size: 0;
	height: 0;
	width: 0;
}

/* Fonts */
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h5,
p,
a,
ul,
li,
.panel-title,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
label,
input,
select,
textarea,
.regular,
tr,
html .fancybox__infobar,
html .fancybox__infobar * {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.25;
	color: var(--black);
}

h1,
h2,
h3,
h4,
h5,
legend {
	margin-top: 0;
	line-height: 1.1;
	margin-bottom: 24px;
	font-weight: 400;
	word-break: keep-all;
}

h1,
h1 * {
	font-size: 36px;
}

h4 {
	margin-bottom: 18px;
}

.hero,
.hero * {
	font-size: clamp(100px, 11vw, 200px);
	line-height: 0.9;
	font-family: "KartonKODL", sans-serif;
}

.huge,
.huge span,
.karton h2 {
	font-size: clamp(40px, 3.6vw, 70px);
	line-height: 1.1;
	font-family: "KartonKODL", sans-serif;
}

.extra-large,
.extra-large *,
#content-builder h2 {
	font-size: clamp(40px, 3.2vw, 60px);
	line-height: 1.09;
}

#content-builder h2 {
	margin-bottom: 1.2rem;
}

.single-vystava #content-builder h2 {
	font-family: "KartonKODL", sans-serif;
	text-transform: uppercase;
}

.inter {
	font-family: "Inter", sans-serif;
}

p {
	margin-top: 0;
	margin-bottom: 1.2rem;
}

a {
	transition: all 0ms ease-in-out;
	-webkit-transition: all 0ms ease-in-out;
}

a:hover,
a:hover *,
.white a:hover,
.active-link,
#masthead .menu>.current-menu-item:not(.menu-item-has-children)>a,
#masthead .menu>.current-menu-item.current-menu-ancestor>a,
.current-menu-item,
footer .current-menu-item a {
	color: var(--green);
	text-decoration: none;
}


.active-menu-item a {
	color: var(--green);
}

a.tile:hover * {
	color: var(--black);
}

a.tile.art:hover .gray,
a.tile.search:hover .gray,
a.tile.post:hover .gray {
	color: var(--gray);
}

p a {
	text-decoration: underline;
}

p a:hover {
	text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: none;
	background-color: transparent;
	outline: none !important;
	padding: 0;
	margin: 0;
	border-radius: 0;
	border: 1px solid var(--black);
	outline: none !important;
}

input:-webkit-autofill {
	color: transparent !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

input:is([type="button"], [type="submit"], [type="reset"]),
input[type="file"]::file-selector-button {
	background-color: transparent;
}

input::placeholder {
	color: var(--black);
}

input[type="checkbox"],
input[type="radio"] {
	height: 16px;
	width: 16px;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	vertical-align: top;
	position: relative;
	margin-right: 10px;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked,
input[type="checkbox"]:checked,
input[type="radio"]:focus {
	background: var(--black);
	outline: none;
}

input:focus,
textarea:focus {
	color: var(--black);
	border-color: var(--black);
	box-shadow: none;
}

select {
	-webkit-appearance: none;
	appearance: none;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none !important;
}

.active-link {
	pointer-events: none;
}

.white,
.white * {
	color: var(--white);
}

.gray,
.gray * {
	color: var(--gray);
}

.green,
.green * {
	color: var(--green)
}

.image-placeholder {
	display: block;
	height: 100%;
	width: 100%;
	background-color: var(--gray);
	position: absolute;
	top: 0;
	left: 0;
}

#content-builder ul,
.wysiwyg ul {
	list-style: none;
	margin: 0 0 1.2rem 0;
	padding: 0;
}

#content-builder li,
.wysiwyg li {
	text-indent: -24px;
	margin-left: 23px;
}

#content-builder li::before,
.wysiwyg li::before {
	content: "■";
	margin-right: 8px;
}

/* Buttons */
.button,
button,
html .alm-btn-wrap .alm-load-more-btn,
#poptat-form input.wpcf7-submit {
	line-height: 1;
	font-size: 18px;
	padding: 8px;
	display: inline-block;
	max-width: 100%;
	width: auto;
	text-align: center;
	text-decoration: none;
	background-color: var(--white);
	color: var(--black);
	border: 1px solid var(--black);
	border-radius: 0;
	position: relative;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	outline: none;
	box-sizing: none;

}

.button:hover,
button:hover,
#poptat-form input.wpcf7-submit:hover,
html .alm-btn-wrap .alm-load-more-btn:hover {
	background-color: var(--green);
	color: var(--black);
	border-color: var(--green);
}

.vice {
	min-width: 100px;
}

.vice::before {
	content: "";
	position: relative;
	display: inline-block;
	height: 13px;
	width: 13px;
	background-color: var(--black);
	margin-right: 10px;
}

.vice:hover {
	color: var(--green) !important;
	cursor: pointer;
}

.white .vice::before {
	background-color: var(--white);
}

.vice:hover:before {
	background-color: var(--green);
}

.full {
	width: 100%;
}

/* Bootstrap & general formatting */
.container {
	width: 100%;
	max-width: 2500px;
	padding-left: clamp(20px, 3.1vw, 60px);
	padding-right: clamp(20px, 3.1vw, 60px);
}

#artworksSwiper .homepage-art:first-child {
	margin-left: clamp(20px, 3.1vw, 60px);
}

.row.tight {
	margin-left: -5px;
	margin-right: -5px;
}

.row.tight>.col,
.row.tight>.col-12,
.row.tight>.col-8,
.row.tight>.col-4 {
	padding-left: 5px;
	padding-right: 5px;
}

.screen-reader-text {
	font-size: 0;
	height: 0;
	margin: 0;
}

ul {
	padding-left: 0;
	margin-left: 20px;
}

.card-body ul {
	padding-left: 17px;
}

:focus-visible {
	outline: none;
}

/* Custom classes */
.mt-4px {
	margin-top: 4px;
}

.mt-8 {
	margin-top: 8px;
}

.mt-12 {
	margin-top: 12px;
}

.mt-16 {
	margin-top: 16px;
}

.mt-22 {
	margin-top: 22px;
}

.mt-24 {
	margin-top: 24px;
}

.mt-32 {
	margin-top: 32px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-48 {
	margin-top: 48px;
}

.mt-54-var {
	margin-top: clamp(32px, 2.8vw, 54px);
}

.mt-64 {
	margin-top: 64px;
}

.mt-64-var {
	margin-top: clamp(32px, 3vw, 64px);
}

.mt-80 {
	margin-top: 80px;
}

.mt-108 {
	margin-top: 108px;
}

.mt-108-var {
	margin-top: clamp(32px, 4vw, 108px);
}

.mt-120 {
	margin-top: 120px;
}

.mt-160 {
	margin-top: 160px;
}

.mt-180 {
	margin-top: 180px;
}

.mt-220 {
	margin-top: clamp(60px, 11.5vw, 80px);
}

.mt-240 {
	margin-top: 240px;
}

.mt-260 {
	margin-top: clamp(120px, 13.5vw, 260px);
}

.mb-8 {
	margin-bottom: 8px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-64 {
	margin-bottom: 64px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-128 {
	margin-bottom: 128px;
}

.mb-140 {
	margin-bottom: clamp(60px, 11.5vw, 140px);
}

.mb-160 {
	margin-bottom: 160px;
}

.mb-220 {
	margin-bottom: clamp(60px, 11.5vw, 80px);
}

.mb-260 {
	margin-bottom: clamp(60px, 13.5vw, 80px);
}

.pl-36 {
	padding-left: 36px;
}

.pb-30 {
	margin-bottom: 30px;
}

.align-center {
	align-items: center;
}

.align-end {
	align-items: flex-end;
}

.justify-end {
	justify-content: flex-end;
}

.space-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.flex-direction-column {
	display: flex;
	flex-direction: column;
}

.height-100 {
	height: 100%;
}

.marginless,
.marginless *:last-child {
	margin-bottom: 0 !important;
}

.paddingless {
	padding-left: 0;
	padding-right: 0;
}

.borderless {
	border: none !important;
}

.border-top {
	border-top: 1px solid var(--black);
}

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

.image-box,
.video-box {
	outline: none !important;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.image-box::after,
.video-box::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.image-box.wide::after {
	padding-bottom: 66.66%;
}

.single-exhibition .image-box.wide::after {
	padding-bottom: 60vh;
}

#post-intro-image {
	height: 60vh;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.video-box::after {
	padding-bottom: 56.25%;
}

.image-box img,
.image-box video,
.video-box iframe,
.video-box video,
.video-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.video-box {
	max-height: calc(100vh - 160px);
}

.uppercase,
.uppercase * {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

html .grecaptcha-badge {
	display: none !important;
}

.profilePhoto:hover+h3 * {
	color: var(--green);
}

/* Header */
#masthead {
	display: block;
	position: -webkit-sticky;
	position: sticky;
	width: 100vw;
	max-width: 100vw;
	top: 0;
	left: 0;
	z-index: 999;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: var(--white);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.nav-hidden #masthead:not(.unscrolled) {
	transform: translateY(-300%);
}

.home #masthead {
	position: fixed;
}

#masthead.white,
#masthead.white .menu .sub-menu,
#masthead.white .menu .sub-menu::after {
	background: transparent;
}

#masthead .menu .sub-menu {
	min-width: calc(100% + 100px);
}

#masthead #subMenuBg {
	display: none;
	background-color: var(--white);
	left: 0;
	position: fixed;
	width: 100vw;
	z-index: 0;
}

#masthead.white #subMenuBg {
	display: none !important;
}

#masthead.white #mobile-logo-text {
	fill: #fff;
}

@media(min-width: 768px) {
	.logged-in #masthead {
		top: 32px;
	}

	body.logged-in.admin-bar {
		margin-top: 32px;
	}
}

#desktop-header * {
	line-height: 1;
}

#logo-white img,
#logo-white svg {
	max-height: 22px;
}

#logo-white {
	height: 29px;
}

#logo-black,
#logo-black img {
	max-height: 29px;
	position: relative;
	top: -2px;
}

#logo img,
#logo svg {
	max-width: 100%;
	width: auto;
	outline: none !important;
}

#logo-white {
	display: none;
}

.white #logo-white {
	display: block;
}

.white #logo-black {
	display: none;
}

/* Menus */
ul.menu,
ul.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu ul,
.menu ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu .menu-item-has-children {
	position: relative;
}

.menu .sub-menu {
	padding-top: 13px;
	padding-left: 13px;
	padding-bottom: 13px;
	margin-left: -13px;
	margin-top: 2px;
	background-color: var(--white);
}

@media(min-width: 992px) {
	.menu .sub-menu {
		display: none;
		position: absolute;
	}
}

.menu .menu-item-has-children:hover .sub-menu {
	display: block;
}

.menu .sub-menu li:not(:last-child) {
	margin-bottom: 10px;
}

#site-navigation .menu {
	display: flex;
}

#site-navigation .menu li {
	padding-right: 24px;
}

#site-navigation .sub-menu li {
	padding-right: 0 !important;
}

@media(min-width: 1700px) {
	#site-navigation .menu li {
		padding-right: 2.3vw;
	}
}

/* Language swticher */
.language-switcher ul {
	list-style: none;
	margin: 0;
}

/* Search */
#search {
	display: block;
	height: 16px;
	width: 16px;
	font-size: 0;
	padding: 0;
	background-image: url("./img/search.png");
	background-size: contain;
	background-position: left center;
	background-color: transparent;
	border: none;
	outline: none;
	margin-left: 16px;
	filter: brightness(0);
	cursor: pointer;
}

.white #search {
	filter: none;
}

.search-form {
	position: relative;
	width: 100%;
	z-index: 9;
}

#searchPopup {
	display: none;
	position: absolute;
	width: calc(100% - 15px);
}

.search-container .search-submit {
	position: absolute;
	left: 11px;
	top: 50%;
	transform: translateY(-50%);
	height: 16px;
	width: 16px;
	display: inline-block;
	background-image: url("./img/search-black.png");
	background-size: contain;
	background-position: left center;
	background-color: none;
	border: none;
	font-size: 0;
	filter: brightness(0);
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.white .search-container .search-submit {
	filter: none;
}

.search-container .search-field {
	padding-left: 32px;
	font-size: 15px;
	min-height: 24px;
}

.search-container .search-field::placeholder {
	opacity: 0;
}

.search-container label {
	margin-bottom: 0;
	display: flex;
	width: 100%;
	border-radius: 14px;
	background-color: var(--white);
	border: 1px solid var(--black) !important;
}

.search-container label,
.search-container .search-field {
	width: 100%;
	border: none;
	border-radius: 14px;
}

#closeSearch {
	display: block;
	height: 14px;
	width: 14px;
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
	z-index: 1;
	background-image: url("./img/close.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	font-size: 0;
	z-index: 10;
	padding: 0;
	cursor: pointer;
}

/* Mobile menu */
#mobile-menu {
	position: fixed;
	visibility: hidden;
	width: 100vw;
	padding: 0;
	left: 0;
	top: 0;
	transform: translateX(100%);
	padding-bottom: 40px;
	background-color: #F6F6F6;
	height: 100%;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#mobile-menu.active {
	transform: translateX(calc(0% + 164px));
	visibility: visible;
}

#masthead #mobile-menu .menu {
	display: block;
}

#mobile-menu a {
	font-size: 24px;
	margin-bottom: 0;
	color: var(--black);
}

#mobile-menu a:hover {
	color: var(--green);
}

#masthead #mobile-menu .menu li {
	margin: 0 0 12px 0;
	display: block;
}

#mobileMenuContainer {
	position: relative;
	padding: 50px 20px;
	max-width: calc(100% - 160px);
}

#closeMobileMenu {
	display: block;
	height: 20px;
	width: 20px;
	position: fixed;
	left: calc(100% - 200px);
	top: 24px;
	z-index: 1;
	font-size: 0;
	background-image: url("./img/close.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
}

.navbar-toggle {
	position: relative;
	top: -1px;
	width: 39px;
	min-width: 39px;
	height: 26px;
	border: 0;
	padding: 0;
	margin-left: 10px;
	background: transparent !important;
	vertical-align: top;
	transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
}

.navbar-toggle .toggle-icon {
	position: relative;
	width: 100%;
	height: 1px;
	display: inline-block;
	background: var(--black);
	transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	vertical-align: top;
}

.navbar-toggle .toggle-icon:before,
.navbar-toggle .toggle-icon::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	bottom: -8px;
	background: var(--black);
	content: " ";
	transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transform-origin: 6.5px -3px;
}

.white .navbar-toggle .toggle-icon,
.white .navbar-toggle .toggle-icon:before,
.white .navbar-toggle .toggle-icon::after {
	background-color: var(--white);
}

.navbar-toggle .toggle-icon::after {
	bottom: -16px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

/* homepage */
#slider img,
#slider video {
	height: 100%;
	width: 100vw;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

.slide-visuals::after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--black);
	opacity: 0.15;
}

.slide-info {
	height: 100vh;
	z-index: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.subinfo {
	padding-right: 64px;
}

.slide-info .vice {
	margin-left: clamp(30px, 13vw, 15vw);
}

@media(max-width: 767px) {
	.slide-info {
		height: calc(100vh - 88px);
	}
}

@media(min-width: 768px) {

	.admin-bar .slide-info,
	.admin-bar .slide-info {
		height: calc(100vh - 32px);
	}
}

html #slider-pagination {
	position: absolute;
	left: auto;
	top: auto;
	bottom: 26px;
	right: 60px;
	z-index: 1;
	width: auto;
}

html .swiper-pagination-bullet {
	height: 12px;
	width: 12px;
	background-color: var(--white);
	border-radius: 0;
	opacity: 1 !important;
	margin: 0 4px !important;
}

html .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--green);
}

/* Tiles */
.tile {
	width: 100%;
}

.item-thumbnail {
	position: relative;
}

a.tile .item-thumbnail::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--green);
	opacity: 0;
	z-index: 1;
}

a.tile:hover .item-thumbnail::before {
	opacity: .9;
}

.tile:hover .green {
	color: var(--green) !important;
}

.detail-text {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

a.tile:hover .detail-text {
	display: block;
}

.post-info {
	display: flex;
	flex-direction: column;
}

.project-info {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
}

.more-info {
	display: none;
}

/* single artwork */
#artwork-info {
	display: flex;
	flex-direction: column;
}

@media(min-width: 992px) {
	#artwork-gallery img {
		max-height: calc(100vh - 100px);
		object-fit: contain;
		object-position: bottom left;
	}
}

/* Content builder */
#content-builder section {
	margin-bottom: 64px;
}

#content-builder section.b-gallery img {
	margin-bottom: 40px;
}

#customPage .container {
	padding: 0;
}

/* fancybox */
.fancybox__toolbar,
.fancybox__toolbar * {
	font-family: "DP Booton", serif;
}

.fancybox__toolbar {
	text-shadow: none !important;
	padding: 20px !important;
}

.fancybox__toolbar__column.is-middle,
.fancybox__toolbar__column [data-panzoom-action],
.fancybox__toolbar__column [data-fancybox-toggle-slideshow],
.fancybox__toolbar__column [data-fancybox-toggle-fullscreen],
.f-button[data-fancybox-close] svg {
	display: none !important;
}

.f-button {
	background-color: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.f-button[data-fancybox-close] {
	height: 18px;
	width: 18px;
	display: block;
	background-image: url("./img/close.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.f-button[data-fancybox-close]:hover {
	transform: rotate(90deg);
}

.fancybox__nav .f-button {
	height: 24px;
	width: 24px;
	background-image: url("./img/arrow.svg");
	background-size: auto 18px;
	background-repeat: no-repeat;
	background-position: center right;
	transition: all 100ms ease-in-out;
	-webkit-transition: all 100ms ease-in-out;
	margin-left: 0;
}

@media(max-width: 767px) {
	html .is-horizontal .fancybox__nav .f-button.is-next {
		right: 15px;
	}

	html .is-horizontal .fancybox__nav .f-button.is-prev {
		left: 15px;
	}
}

.fancybox__nav .f-button svg {
	display: none !important;
}

.fancybox__nav .f-button.is-prev {
	transform: translateY(-50%) rotate(180deg) !important;
	background-position: center left;
}

.fancybox__nav .f-button:hover {
	transform: translateY(-50%) translateX(8px) !important;
}

.fancybox__nav .f-button.is-prev:hover {
	transform: translateY(-50%) rotate(180deg) translateX(8px) !important;
}

.fancybox__nav .f-button[disabled] {
	opacity: 0;
}

html .fancybox__backdrop {
	background-color: rgba(255, 255, 255, 0.97);
}

html .fancybox__infobar {
	padding: 0;
	margin-left: -5px;
}

html .fancybox__infobar,
html .fancybox__infobar * {
	color: var(--dark) !important;
	line-height: 1;
	font-size: 15px;
}

.is-compact .fancybox__footer {
	background-color: transparent !important;
	text-align: center;
}

.fancybox__caption {
	color: var(--dark) !important;
	font-size: 15px !important;
	padding: 13px !important;
	line-height: 1 !important;
}

html .fancybox-image {
	max-height: calc(100% - 64px);
	width: auto;
	max-width: calc(100vw - 40px)
}

.is-idle .fancybox__nav,
.is-idle .fancybox__toolbar {
	animation: none !important;
}

.fancybox-button--zoom,
.fancybox-button--play,
.fancybox-button--thumbs {
	display: none !important;
}

html .fancybox__caption {
	display: none !important;
}

.fancybox-is-open .fancybox-bg {
	background-color: var(--light) !important;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: var(--dark) !important;
}

.fancybox-button {
	background-color: transparent !important;
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
	opacity: 1 !important;
	visibility: visible !important;
}

/* Cookies */
html .cmplz-cookiebanner {
	min-width: 200px;
	max-width: 400px;
	width: 100%;
	padding: 16px 16px 12px 16px;
	display: block;
	border: none !important;
	bottom: 0;
	right: 0;
	border-radius: 0 !important;
}

html .cmplz-cookiebanner.cmplz-show {
	box-shadow: none !important;
	background-color: var(--white);
}

html .cmplz-cookiebanner .cmplz-header {
	display: block;
	margin-bottom: 0;
}

html .cmplz-cookiebanner .cmplz-close {
	position: absolute;
	top: 8px;
	right: 8px;
	height: 20px;
	width: 20px;
	outline: none;
	background-image: url("./img/close.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

html .cmplz-cookiebanner .cmplz-close:hover {
	transform: rotate(45deg);
}

html .cmplz-cookiebanner .cmplz-close svg {
	display: none !important;
}

.cmplz-link.cookie-statement,
.cmplz-link.privacy-statement {
	display: none !important;
}

html .cmplz-cookiebanner .cmplz-title {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 6px;
	width: 100%;
}

html .cmplz-cookiebanner .cmplz-categories .cmplz-category {
	background: transparent;
}

html .cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) {
	margin-bottom: 5px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon {
	filter: brightness(0) invert(1);
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
	position: relative;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category[open] .cmplz-icon.cmplz-open {
	top: 5px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
	line-height: 1.2;
}

html .cmplz-cookiebanner .cmplz-message,
html .cmplz-cookiebanner .cmplz-message * {
	font-size: 14px;
	line-height: 1.25;
	margin-bottom: 16px;
	width: 100%;
	color: var(--black) !important;
}

html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title,
html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
	font-size: 12px;
	color: var(--black);
}

#cmplz-document i {
	font-style: normal;
}

#cmplz-document p,
#cmplz-document a,
.editor-styles-wrapper .cmplz-unlinked-mode p,
#cmplz-document li,
.editor-styles-wrapper .cmplz-unlinked-mode li,
#cmplz-document td,
.editor-styles-wrapper .cmplz-unlinked-mode td,
#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
	font-size: 16px;
}

#cmplz-document li {
	margin-left: 21px;
	text-indent: -21px;
}

#cmplz-document ul,
.editor-styles-wrapper .cmplz-unlinked-mode ul {
	margin-left: 0;
	padding-left: 0;
}

html #cmplz-document p a:hover {
	text-decoration: none;
	animation: colorFull .45s infinite;
}

html .cmplz-cookiebanner .cmplz-message a {
	text-decoration: underline;
}

html .cmplz-cookiebanner .cmplz-message a:hover {
	text-decoration: none;
}

html .cmplz-cookiebanner .cmplz-buttons {
	gap: unset;
}

html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	font-size: 14px;
	line-height: 1.25;
	padding: 0;
	border: none !important;
	background-color: transparent !important;
	height: unset;
	color: var(--black) !important;
	width: auto !important;
	margin-right: 16px;
}

html .cmplz-cookiebanner .cmplz-buttons {
	display: flex;
}

html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
	text-decoration: underline;
}

html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
	padding: 0 0 5px 0;
}

html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
	padding: 0 0 10px 0;
}

.cmplz-icon svg {
	height: 12px;
	position: absolute;
}

html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
	height: 12px;
	width: 12px;
	transition-duration: 0s !important;
}

html .cmplz-cookiebanner .cmplz-categories.cmplz-fade-in {
	margin-bottom: 15px;
	max-width: 100%;
	width: 100%;
}

#cmplz-document ul,
.editor-styles-wrapper .cmplz-unlinked-mode ul {
	list-style: none;
}

#cmplz-manage-consent .cmplz-manage-consent {
	display: none !important;
}

html .cmplz-blocked-content-container,
html .cmplz-placeholder-1.cmplz-blocked-content-container iframe {
	height: 450px;
	max-height: 60vh;
}

html .cmplz-blocked-content-container .cmplz-blocked-content-notice {
	background: #fff;
	color: var(--green);
	font-size: 16px;
	line-height: 22px;
	border: none;
}

html .cmplz-blocked-content-container .cmplz-blocked-content-notice:hover {
	background: var(--green);
	color: #fff;
}

html .cmplz-blocked-content-container {
	border-radius: 0 !important;
	box-shadow: none;
}

.cmplz_consent_per_service_label {
	display: none;
}

#cmplz-document .cmplz-subtitle,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
	font-weight: 600;
}

@media (max-width: 767px) {
	html .cmplz-cookiebanner {
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		max-width: calc(100vw - 20px);
	}

	html .cmplz-cookiebanner .cmplz-buttons {
		flex-direction: row;
	}

	html .cmplz-cookiebanner .cmplz-body {
		min-width: unset;
	}

	html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		margin-right: 8px;
	}
}

/* Footer */
footer {
	margin-top: clamp(80px, 40vh, 120px);
	padding-top: clamp(20px, 3.1vw, 60px);
	padding-bottom: clamp(20px, 3.1vw, 60px);
}

.grayBorder {
	height: 1px;
	background-color: var(--gray);
}

footer td {
	vertical-align: top;
	margin: 0;
	padding: 0;
	min-width: 36px;
}

#footer-logo {
	margin-top: 60px;
}

#footer-logo svg {
	width: 100%;
	height: auto;
}

.socials {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.socials a {
	width: 50%;
	flex: 0 0 50%;
}

#footer-nav,
#footer-nav div,
#footer-nav ul {
	height: 100%;
}

#footer-nav ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Swiper */
#gallery-nav,
#artists-nav,
#project-gallery-nav,
#artworks-nav,
.custom-nav,
.slick-nav-builder {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

#gallery-nav {
	align-items: flex-start;
}

.slick-nav-builder.alt {
	justify-content: flex-start;
	align-items: flex-start;
}

.slick-nav-builder.alt .swiper-nav {
	padding-top: 0;
}

.slick-nav-builder.alt .swiper-nav:first-child {
	padding-left: 0;
}

.swiper {
	width: 100%;
}

.swiper-nav {
	position: relative;
	left: 0;
	transform: none;
	opacity: 1;
	display: inline-block;
	background-color: transparent !important;
	color: var(--black);
	font-size: 30px;
	padding: 5px 5px 0 5px;
	-webkit-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	border: none;
}

.swiper-nav.swiper-button-disabled {
	opacity: 0;
}

.swiper-nav:hover {
	left: 5px;
}

.swiper-nav.prev:hover {
	left: -5px;
}

.swiper-nav.next {
	padding-right: 0 !important;
}

#artworksSwiper .search-filter-results {
	display: flex;
	transition-timing-function: linear !important;
}

#artworksSwiper .homepage-art {
	position: relative;
	margin-right: 30px;
	max-width: 23vw;
	width: auto;
	height: auto;
}

#artworksSwiper .homepage-art.horizontal {
	max-width: 46vw;
}

#artworksSwiper .homepage-art img {
	width: 100%;
	height: auto;
}

/* Search & filter */
.searchandfilter {
	margin-top: 22px;
	margin-bottom: 24px;
}

@media(min-width:768px) {
	.searchandfilter {
		padding-right: 180px;
	}
}

.searchandfilter ul,
.customFilters {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	list-style: none;
}

.searchandfilter ul li {
	padding: 0;
}

.searchandfilter input {
	display: none;
}

.searchandfilter ul li li,
html .searchandfilter li.sf-field-reset,
.customFilters li {
	padding: 0;
	margin-right: clamp(16px, 2.4vw, 50px);
	margin-bottom: 12px;
	list-style: none;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label,
.searchandfilter li[data-sf-field-input-type=radio] label,
.searchandfilter li[data-sf-field-input-type=range-checkbox] label,
.searchandfilter li[data-sf-field-input-type=range-radio] label {
	padding-left: 0;
}

.sf-option-active *,
.searchandfilter li label:hover,
.search-filter-reset:hover {
	color: var(--green);
	cursor: pointer;
}

#showFiltersContainer {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

@media(min-width: 768px) {
	#record-sales {
		position: absolute;
		right: 0;
		top: 0;
	}
}

#showFilters {
	background-color: transparent;
	padding: 0;
	margin: 0 0 5px 0;
	color: var(--black);
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
	border: none;
}

#showFilters::before {
	content: "+";
	margin-right: 4px;
}

#showFilters.active::before {
	content: "–";
}

/* contact form */
#poptat-dilo-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	z-index: 9999;
	background-color: rgba(0, 255, 0, 0.95);
	border: none;
	box-shadow: none;
	outline: none;
}

.modal-content {
	position: absolute;
	width: calc(100vw - 40px);
	overflow-x: hidden;
	overflow-y: scroll;
	max-width: 1000px;
	max-height: calc(100vh - 64px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 48px;
	background-color: var(--white);
	border: none;
	border-radius: 0;
}

#poptat-dilo-image img {
	max-height: calc(100vh - 196px);
	object-fit: contain;
	object-position: top left
}

#poptat-form {
	display: flex;
	flex-direction: column;
}

#form-container {
	flex: 2;
}

#form-container .wpcf7 {
	height: 100%;
}

#poptat-form form {
	height: 100%;
}

#poptat-form input,
#poptat-form textarea {
	width: 100%;
	margin-bottom: 10px;
	padding: 8px 10px;
	line-height: 1;
}

#poptat-form input::placeholder,
#poptat-form textarea::placeholder {
	color: var(--black);
}

#poptat-form input.wpcf7-submit {
	width: 100%;
	margin-bottom: 0 !important;
	margin-top: 16px;
}

#poptat-form textarea {
	height: 80px;
	-webkit-transition: height 0s all;
	transition: height 0s all;
}

#poptat-form p {
	margin-bottom: 0;
}

.wpcf7-form {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.wpcf7-form br {
	display: none;
}

.wpcf7-list-item {
	margin: 0;
}

.wpcf7-form-control-wrap {
	display: block;
}

.wpcf7-acceptance {
	margin-top: 8px;
	display: block;
}

.wpcf7-acceptance label {
	display: flex;
}

.wpcf7-acceptance label,
.wpcf7-acceptance label * {
	font-size: 13px;
	line-height: 1.2;
}

.wpcf7-acceptance input {
	border: 1px solid var(--black);
	border-radius: 50%;
	width: 16px !important;
	min-width: 16px;
	height: 16px !important;
	padding: 0 !important;
}

.wpcf7-spinner {
	display: none !important;
}

.wpcf7-not-valid-tip {
	font-size: 13px;
	padding-left: 11px;
	line-height: 1;
	color: var(--black);
}

html .wpcf7-response-output {
	margin: 0 !important;
	border: none !important;
	padding: 0 !important;
}

#closeModal {
	display: block;
	position: absolute;
	top: 16px;
	right: 16px;
	height: 32px;
	width: 32px;
	background-image: url("./img/close.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	z-index: 2;
}

#closeModal:hover {
	transform: rotate(45deg);
	cursor: pointer;
}

/* Newsletter */
#newsletter label {
	display: none !important;
}

#newsletter input,
#newsletter .ec-v-form-input {
	padding: 6px 8px;
	line-height: 1.45;
	border-radius: 0;
	border-color: var(--black);
	box-shadow: none !important;
}

#newsletter input::placeholder,
#newsletter .ec-v-form-input::placeholder {
	color: var(--gray);
}

#newsletter input:focus::placeholder,
#newsletter .ec-v-form-input:focus::placeholder {
	color: var(--black);
}

#newsletter input,
#newsletter .ec-v-form-input,
#newsletter button,
#newsletter .ec-v-form-btntype-submit {
	width: 100%;
	color: var(--gray) !important;
	border-color: var(--gray) !important;
	border-radius: 0 !important;
	font-weight: 300 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
}

#newsletter .ec-v-form-text * {
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
}

#newsletter .ec-v-form-input {
	width: 66.6666% !important;
}

#newsletter .ec-v-form-btntype-submit {
	width: 33.3333% !important;
	padding: 0 !important;
	text-align: left !important;
	line-height: 1 !important;
}

#newsletter .ec-v-form-submit button,
#newsletter input {
	height: 40px !important;
}

#newsletter .ec-v-form-submit button {
	color: var(--gray) !important;
	border-color: var(--gray) !important;
	border-radius: 0 !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 18px !important;
	border: 1px solid var(--gray) !important;
}

#newsletter input,
#newsletter .ec-v-form-input,
#newsletter button:hover,
#newsletter .ec-v-form-btntype-submit:hover {
	color: var(--black) !important;
}

#newsletter button:hover,
#newsletter input:focus,
#newsletter .ec-v-form-input:focus {
	background-color: var(--green) !important;
	border-color: var(--green) !important;
}

#newsletter a {
	text-decoration: underline;
}

#newsletter a:hover {
	text-decoration: none;
}

#newsletter .ec-v-form-holder {
	margin: 0 !important;
	width: 100% !important;
}

#newsletter .ec-v-form-holder form,
#newsletter .ec-v-form-step.ec-v-form-step-visible {
	min-height: unset !important;
	height: auto !important;
	display: block !important;
}

#newsletter .ec-v-form-column {
	display: flex !important;
	flex-wrap: wrap;
	margin-left: -8px !important;
	margin-right: -8px !important;
}

#newsletter .ec-v-form-column>div {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

#newsletter .ec-v-form-input {
	padding: 0 !important;
}

#newsletter .ec-v-form-step-send .ec-v-form-spacer,
#newsletter .ec-v-form-close.ec-v-form-btntype-close {
	display: none !important;
}

#newsletter .ec-v-form-holder .ec-v-form-step-send h2 {
	margin: 0 !important;
	line-height: 1;
}

@media(max-width: 1520px) {

	#newsletter input,
	#newsletter .ec-v-form-input,
	#newsletter button,
	#newsletter .ec-v-form-btntype-submit,
	#newsletter .ec-v-form-submit button,
	#newsletter .ec-v-form-text * {
		font-size: 16px !important;
	}
}

@media(max-width: 767px) {
	#newsletter .ec-v-form-input {
		width: 100% !important;
	}

	#newsletter .ec-v-form-btntype-submit {
		width: 100% !important;
		margin-top: 8px !important;
	}

	#newsletter input,
	#newsletter .ec-v-form-input,
	#newsletter button,
	#newsletter .ec-v-form-btntype-submit,
	#newsletter .ec-v-form-submit button,
	#newsletter .ec-v-form-text * {
		font-size: 12px !important;
	}

	#newsletter .ec-v-form-submit button,
	#newsletter input {
		height: 36px !important;
	}

	#newsletter .ec-v-form-column {
		display: block;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#newsletter .ec-v-form-column>div {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* Select2 */
.select2-dropdown {
	z-index: 9999 !important;
}

#filtersContainer .select2-container {
	width: auto !important;
	padding-right: 6px;
}

html .select2-container--default .select2-selection--single {
	border: none;
	border-radius: 0;
	outline: none;
	background-color: transparent !important;
}

html .select2-dropdown {
	border-radius: 0;
}

html .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

html .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--black);
}

html .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
	color: var(--green);
}

html .select2-results__option {
	color: var(--white);
}

html .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: transparent;
	color: var(--black);
}

html .select2-dropdown,
html .select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: var(--black);
}

html .select2-container--open .select2-dropdown {
	min-width: 200px;
	border: none !important;
	background-color: var(--green);
	padding: 10px;
}

html .select2-search--dropdown {
	padding: 0;
	display: none !important;
}

html .select2-container--default .select2-search--dropdown .select2-search__field {
	border-right: none;
	border-left: none;
	border-top: none;
}

html .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: inherit;
}

html .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 20px;
}

html .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--dark) transparent transparent;
}

html .select2-container--default .select2-selection--single:hover .select2-selection__arrow b {
	border-color: var(--green) transparent transparent;
}

/* Ajax load more */
html .alm-btn-wrap {
	margin: 0;
	padding: 0;
}

html .alm-listing {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

html .alm-btn-wrap .alm-load-more-btn {
	box-shadow: none !important;
	width: 100%;
}

.alm-load-more-btn.done {
	display: none !important;
}

.alm-load-more-btn.loading:before {
	display: none !important;
}

.alm-btn-wrap .alm-load-more-btn.loading {
	opacity: 0.3;
}

.alm-btn-wrap .alm-load-more-btn.loading,
html .alm-btn-wrap .alm-load-more-btn.done,
.alm-btn-wrap .alm-load-more-btn:disabled {
	background-color: transparent !important;
	color: var(--black) !important;
	padding-left: 8px !important;
}

/* Responsive */
@media(min-width: 1700px) {

	h2,
	h2 *,
	h3,
	h3 *,
	.larger,
	.larger * {
		font-size: 24px;
		line-height: 1.25;
	}
}

@media(max-width: 1520px) {

	/* Bootstrap */
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}


	#artworksSwiper .homepage-art:first-child {
		margin-left: 20px;
	}

	/* Fonts */
	:root,
	h1,
	h1 *,
	h2,
	h2 *,
	h3,
	h3 *,
	h4,
	h5,
	p,
	a,
	ul,
	li,
	.panel-title,
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	input[type="range"],
	input[type="date"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="color"],
	textarea,
	label,
	input,
	select,
	textarea,
	.regular,
	tr,
	.button,
	button,
	#poptat-form input.wpcf7-submit,
	html .alm-btn-wrap .alm-load-more-btn {
		font-size: 16px;
	}

	/* swiper */
	html #slider-pagination {
		right: 20px;
	}

	/* Content builder */
	#content-builder section.b-gallery img {
		margin-bottom: 30px;
	}
}

@media(max-width: 1400px) {

	/* Header */
	#logo-white img,
	#logo-white svg {
		max-height: 14px;
	}

	#logo-black,
	#logo-black img {
		top: 0;
	}

	#site-navigation .menu li {
		padding-right: 12px;
	}

	#search {
		margin-left: 12px;
	}
}

@media(min-width:1100px) and (max-width:1300px) {
	#desktop-header a {
		font-size: 14px;
	}
}

@media(min-width:992px) and (max-width:1099px) {
	#desktop-header a {
		font-size: 14px;
	}
}

@media(min-width: 992px) {
	.flex-direction-lg-column {
		display: flex;
		flex-direction: column;
	}

	.pr-lg-40 {
		padding-right: 40px;
	}

	.pr-lg-96 {
		padding-right: 96px !important;
	}

	.mt-lg-38 {
		margin-top: 38px;
	}
}

@media(max-width: 991px) {

	/* modal */
	.modal-content {
		padding: 20px;
	}

	#closeModal {
		top: 20px;
		right: 20px;
		height: 24px;
		width: 24px
	}

	/* Fonts */
	.hero,
	.hero * {
		font-size: 40px;
		line-height: 0.85;
		font-family: "KartonKODL", sans-serif;
	}

	#slider .hero,
	#slider .hero * {
		font-size: clamp(60px, 11vw, 90px);
		line-height: 0.95;
	}

	h1,
	h1 *,
	.b-text-image h2,
	.extra-large,
	.extra-large *,
	#content-builder h2 {
		font-size: 36px;
		line-height: 1.1;
	}

	.huge,
	.huge span,
	.karton h2 {
		font-size: 40px;
	}

	/* Header */
	#masthead {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.menu .sub-menu {
		margin-left: 20px;
		padding-left: 0;
		padding-bottom: 0;
		background-color: transparent;
	}

	#logo img,
	#logo svg {
		max-height: 30px;
		max-width: 100%;
	}

	#searchPopup {
		display: none;
		position: absolute;
		width: calc(100% - 10px);
		right: 10px;
	}

	#search {
		height: 18px;
		width: 18px;
		margin-right: 8px;
	}

	#masthead #subMenuBg {
		display: none !important;
	}

	/* Homepage */
	.slide-info .vice {
		margin-left: 0;
		margin-top: 20px;
		display: block;
	}

	.subinfo {
		padding-right: 0;
		padding-bottom: 48px;
	}

	#artworksSwiper .homepage-art {
		max-width: 30vw;
		margin-right: 20px;
	}

	#artworksSwiper .homepage-art.horizontal {
		max-width: 50vw;
	}

	/* Search * filter */
	.searchandfilter {
		margin-top: 12px;
		margin-bottom: 0;
	}

	.searchandfilter ul li li,
	html .searchandfilter li.sf-field-reset,
	.customFilters li {
		margin-right: 16px;
		margin-bottom: 6px;
	}

	/* Custom */
	.mt-md-8 {
		margin-top: 8px;
	}

	.mt-md-16 {
		margin-top: 16px;
	}

	.mt-md-20 {
		margin-top: 20px;
	}

	.mt-md-48 {
		margin-top: 48px;
	}

	.mt-md-64 {
		margin-top: 64px;
	}

	.mt-160 {
		margin-top: 100px;
	}

	.mb-md-10 {
		margin-bottom: 10px;
	}

	.mb-md-20 {
		margin-bottom: 20px;
	}

	.mb-160 {
		margin-bottom: 100px;
	}

	.align-md-end {
		align-items: flex-end;
	}

	.justify-md-end {
		justify-content: flex-end;
	}

	/* Footer */
	footer td:first-child {
		display: none;
	}

	footer td {
		min-width: unset;
	}

	/* Swiper */
	html #slider-pagination {
		position: relative;
		bottom: 40px;
		left: 20px;
		right: auto;
		text-align: left;
	}

	html .swiper-pagination-bullet {
		margin: 0 8px 0 0 !important;
	}

	#exhibition-gallery .swiper-wrapper {
		display: block;
	}
}

@media(min-width:768px) {
	.flex-direction-md-column {
		display: flex;
		flex-direction: column;
	}

	.pr-md-48 {
		padding-right: 48px;
	}
}

@media(max-width: 767px) {
	.mt-xs-4 {
		margin-top: 4px;
	}

	.mt-xs-8 {
		margin-top: 8px;
	}

	.mt-xs-12 {
		margin-top: 12px;
	}

	.mt-xs-16 {
		margin-top: 16px;
	}

	.mt-xs-24 {
		margin-top: 24px;
	}

	.mt-xs-32 {
		margin-top: 32px;
	}

	.mt-xs-48 {
		margin-top: 48px;
	}

	.mt-xs-64 {
		margin-top: 64px;
	}

	.mt-xs-96 {
		margin-top: 96px;
	}

	.mt-xs-196 {
		margin-top: 196px;
	}

	.mb-xs-10 {
		margin-bottom: 10px;
	}

	.mt-180,
	.mt-240 {
		margin-top: 128px;
	}

	/* Mobile slider */
	.mobile-slider {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		overflow-y: hidden !important;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-left: -10px !important;
		margin-right: -10px !important;
		padding-left: 5px;
		padding-right: 5px;
	}

	.mobile-slider-swiper .swiper-wrapper {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		overflow-y: hidden !important;
		-ms-overflow-style: none;
		scrollbar-width: none;
		padding-left: 10px;
	}

	.mobile-slider-swiper .swiper-wrapper .col-12:last-child {
		margin-right: 10px;
	}

	.mobile-slider-swiper .swiper {
		overflow: visible;
		width: 100vw;
		left: -10px;
	}

	.mobile-slider::-webkit-scrollbar,
	.mobile-slider-swiper .swiper::-webkit-scrollbar {
		display: none;
	}

	.mobile-slider>.col-12:not(.single-exhibition),
	.mobile-slider-swiper .swiper-slide {
		flex: 0 0 80;
		max-width: 80%;
	}

	/* booststrap */
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}

	#artworksSwiper .homepage-art:first-child {
		margin-left: 10px;
	}

	.row,
	html .alm-listing {
		margin-left: -5px;
		margin-right: -5px;
	}

	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-left: 5px;
		padding-right: 5px;
	}

	#artworksSwiper .homepage-art {
		margin-right: 10px;
	}

	/* modal */
	#closeModal {
		width: 20px;
		height: 20px;
	}

	/* Fonts */
	h1,
	h1 *,
	.b-text-image h2,
	.extra-large,
	.extra-large *,
	#content-builder h2 {
		font-size: 30px;
	}

	#slider .hero,
	#slider .hero * {
		font-size: 48px;
		line-height: 0.95;
	}

	/* Search form */
	.search-container .search-submit {
		filter: brightness(0) !important;

	}

	.search-container .search-field {
		font-size: 16px;
		min-height: 28px;
	}

	.search-container .search-field,
	.search-container .search-field::placeholder,
	.search-container .search-field:focus {
		border-color: var(--black) !important;
		color: var(--black) !important;
	}

	/* Footer */
	footer {
		margin-top: 200px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	footer,
	footer *,
	#newsletter input {
		font-size: 12px;
		line-height: 1.4;
	}

	#newsletter input {
		padding: 8px;
	}

	footer h4,
	footer p {
		margin-bottom: 14px;
	}

	#footer-logo {
		margin-top: 20px;
	}

	/* content builder */
	#content-builder section.b-gallery img {
		margin-bottom: 10px;
	}

	/* Filters */
	#filtersContainer {
		display: none;
	}

	html .searchandfilter li.sf-field-reset {
		position: absolute;
		left: 0;
	}

	/*
	html .sf-field-taxonomy-aktuality-category li:first-child {
		margin-left: 44px;
	}
    */

	#record-sales {
		text-align: right;
	}

	#record-sales * {
		font-size: 12px;
	}

	/* Swiper */
	html #slider-pagination {
		left: 10px;
	}

	#artworksSwiper .homepage-art {
		max-width: calc(60vw - 20px);
		margin-right: 10px;
	}

	#artworksSwiper .homepage-art.horizontal {
		max-width: calc(90vw - 20px);
	}
}

@media(max-width:400px) {

	/* header */
	#logo img,
	#logo svg {
		max-height: 24px;
	}

	#mobile-menu.active {
		transform: translateX(calc(0% + 132px))
	}

	#mobileMenuContainer {
		max-width: calc(100vw - 132px);
	}

	#closeMobileMenu {
		left: calc(100% - 168px);
		top: 16px;
	}

	#mobile-menu a {
		font-size: 18px;
	}

	/* Fonts */
	h1,
	h1 *,
	.b-text-image h2,
	.extra-large,
	#content-builder h2 {
		font-size: 26px;
	}

	.huge,
	.huge span,
	.karton h2 {
		font-size: 34px;
	}
}