html{
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


@media only screen and (min-width: 769px) {

.switch-btn:hover, header a:hover, .filters li:hover{
	border-bottom: 3px solid;
	cursor: pointer;
}

.landing-logo:hover .iddle-logo{
	display: none;
	}
	
.landing-logo:hover .hover-logo{
	display: block;
}

.mobile, .mobile-menu{
	 display: none !important;
 }

.desktop{
	display: block !important;
}


.mobile-nav{
	display: none;
}
a.bordera:hover{
	border:none;
}

.layout-switcher-mobile{
display: none;
}

.filters-toggle, .masonry-grid{
	display: none;
}



}


@media only screen and (max-width: 1200px){

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

}

}

@media only screen and (max-width: 768px),
    only screen and (pointer: coarse) and (orientation: landscape),
       only screen and (max-width: 1024px) and (pointer: coarse) and (orientation: portrait) {


.more-info{
	top: calc((var(--pad) / 1) - 2px);

}

.page-template-home .mobile-nav{
	color: var(--primary);
}

header .filters{
padding: 0;}
.filters li{
	margin-right: 10px;
}
.news-grid{
	padding: 70px calc(var(--pad) * 2);
}
.filters-toggle{
	position: fixed;
	left: var(--pad);
	bottom: var(--pad);
	z-index: 9999;
}

.nexter, .prever{
	display: none;
}

  .filters {
    display: none;
  }

  .filters.visible {
    display: block;
  }

.masonry-grid {
	
  column-count: 2;
  padding: 50px var(--pad) 50px;
  column-gap: 10px;
}
.blocks{
	padding: var(--padb) var(--pad);
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 10px;
  width: 100%;
}

.page-id-6 .section-text:first-child{
	text-align: left;
}
.page-id-29 .blocks p{
	margin-bottom: 0;
}

.layout-switcher{
display: none;
}
.layout-switcher-mobile{
	position: fixed;
	top:var(--pad);
	display: flex;
	gap:var(--pad);
	z-index: 9999;
	right: var(--pad);
}



.current-menu-item a, .filters li.active, .switch-btn.active, a.bordera {
border-bottom: 2px solid;}

.swiper-slide.vertical img {
  height: auto !important;
  width: 100% !important;
  padding: 40px;
}
.swiper-slide.horizontal img {
  width: 100vw !important;
  height: auto !important;
}
 .swiper-slide.horizontal iframe {
  width: 100vw !important;
  height: 100% !important;
}


swiper-slide.horizontal iframe {
  width: 100vw!important;
}

.swiper-slide.vertical iframe {

  width:calc(100vw - 80px) !important;
  }
  body{
	  min-height:  var(--real100);
  }
  
  
  .vimeo-embed {
  position: relative;
  display: inline-block;
}



.gallery-swiper{
	height: var(--real100);
}

.artist-single-title{
	display: none;
}

.sticky-heading {
  position: static;
  }

.artist-title-single {
  margin: 24vh var(--pad)  calc(24vh - (var(--pad) * 2));
}

.webgrid{
	display: flex;
	flex-direction: column;
padding: calc(var(--pad) * 2) calc(var(--pad) * 2) calc(var(--pad) * 5);
}
.term-description.appear {
  padding-top: 54px;
}

.filters{
	position: fixed;
	bottom: var(--pad);
	left: var(--pad);
	padding: 0;
}
.grid-2{
	grid-template-columns: 1fr;
	padding: var(--pad);
	gap:var(--small);
}
.news-grid{
		grid-template-columns: 1fr;
}

.page-template-default #main{
	display: flex;
	flex-direction: column;
	min-height: var(--real100);
	justify-content: center;
	margin-top: 0;
}

#main{
	display: flex;
	flex-direction: column;
}

.tax-artist .webgrid{
	
	grid-template-columns: 1fr;
}

.grid-crop{
	height: auto;
}
.mobile-nav{
	display: block;
	position: fixed;
	top:calc(var(--pad) - 5px);
	padding-top: 5px;
	left: var(--pad);
	}

.mobile-nav [id^="menu-main"] li{
	margin-bottom: 8px;
}

.mobile-nav [id^="menu-main"]{
	flex-direction: column;
	margin-bottom: 8px;
	padding-top: 3px;
	justify-content: flex-start;
	align-items: flex-start;
}
.custom-swiper .swiper-slide, .custom-swiper .swiper-slide img, .custom-swiper .swiper-slide video{
	height: var(--real100);
}

.page-template-home{
	overflow: hidden;
}

.artists{
	margin-top: 70px;
}
.post-content{
	columns: 1 !important;
}


.news-post:has(.horizontal), .project-item:has(.horizontal), .project-item.horizontal{
	grid-column: span 1;
}
.blocks{
	gap:24px;
}
.blocks p{
	margin-bottom: 24px;
}
.blocks *:last-child{
	margin-bottom: 0;
	}

.cmApp_formInput::after {
  bottom: 1px;
  border-bottom: 2px solid !important;
}


.news-grid .cover-image{
	margin-bottom: 10px;
}
:root{
		--pad:20px;
		
		--medium:18px;
  --big: 60px;
  --small: 17px;
}
.custom-swiper{
	margin-top: 0;
}


header{
	position: fixed;
}

.mobile, .columned{
	display: block !important;
}


.desktop{
	display: none !important;
}


.landing-splash{
flex-direction:column;
display: flex;	
	height: var(--real100);
	}
	.landing-item{
		position: relative;
		height: 50vh;
	}
	
		.landing-item.vs .landing-logo img {
		width: 150px;
		height: auto;
		}	
	
		.landing-item.together .landing-logo{
		padding: 10px;
		}

}
