@media(max-width: 767px){
  .content-container {grid-template-columns: auto;}
  .v_separator {height: 1px;}
  /*#grid-container > div {
    background-color: #eeeeee;
    text-align: center;
    font-size: 30px;
  }
  #grid-container > div:nth-child(12n+2), #grid-container > div:nth-child(12n+7) {
    grid-row-end: span 2;
    grid-column-end: span 2;
    background-color: #a3a3a3; /* quadrato grande *//*
  }*/
  .open #categories {/* button */
	height: 54px;
  }
  .open h6 {
	height: 36px!important;
	font-size: 21px!important;
  }
  .proj section .post-nav button + button, .proj section .post-nav button + p {margin-left: 7px;}
}
@media(max-width: 100vh){/* FINESTRA VERTICALE */
  section .slide-container {
	width: 100vw;
	height: 100vw;
	background-color: #000;
  }
  section .slides, section .slide {
	width: 100vw;
	height: 100vw;
  }
  #next_slide, #prev_slide {display: none;}
  .points {display: flex;}
}
@media(min-width: 767px){
  .content-container {grid-template-columns: 2fr 1px 1fr;}
  .v_separator {width: 1px;}
  /*#grid-container > div:nth-child(18n+3), #grid-container > div:nth-child(18n+10) {
    grid-row-end: span 2;
    grid-column-end: span 2;
    background-color: #a3a3a3; /* quadrato grande *//*
  }*/
  .open #categories {/* button */
	height: 57px!important;
  }
  .open h6 {
	height: 100%!important;
  }
  .proj section .post-nav button + button {margin-left: 18px;}
}
@media(min-width: 100vh){/* FINESTRA ORIZZONTALE */
  section .slide-container {
	width: 100vw;
	background-color: #000;
  }
  section .slides {
	width: 100vh;
	height: 100vh;
  }
  section .slide {
	height: 100vh;
  }
  #next_slide, #prev_slide {display: block;}
  .points {display: none;}
}
/* GRIGLIA ------------------------------------------------------ */
#grid-container {grid-template-columns: repeat(6, 1fr)!important; grid-gap: 12px!important;}
.slide-m:nth-child(10n+2), #grid-container > a:nth-child(10n+2),
.slide-m:nth-child(10n+3), #grid-container > a:nth-child(10n+3),
.slide-m:nth-child(10n+6), #grid-container > a:nth-child(10n+6),
.slide-m:nth-child(10n+8), #grid-container > a:nth-child(10n+8) {
    grid-column-end: span 2;
}
.slide-m:nth-child(10n+1), #grid-container > a:nth-child(10n+1),
.slide-m:nth-child(10n+7), #grid-container > a:nth-child(10n+7) {
    grid-column-end: span 4;
    grid-row-end: span 2;
}
.slide-m:nth-child(10n+4), #grid-container > a:nth-child(10n+4),
.slide-m:nth-child(10n+5), #grid-container > a:nth-child(10n+5),
.slide-m:nth-child(10n+9), #grid-container > a:nth-child(10n+9),
.slide-m:nth-child(10n+10), #grid-container > a:nth-child(10n+10) {
    grid-column-end: span 3;
    grid-row-end: span 2;
}
/* ------------------------------------------------------------- */
.cat_filter h6 {
	cursor: pointer;
}
.proj {
	aspect-ratio: 1/1;
	background-position: center;
	background-size: cover;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.proj > .first-slide {
	background-position: center;
	background-size: cover;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px 0 0 -1px;
}
body:not(.elementor-editor-active) .proj section {
	display: none;
	opacity: 0;
}
.proj section {
	transition: opacity 1.5s;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	background-color: #FFF;
	overflow: auto;
	cursor: default;
}
.proj section .info-container {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
.proj section .info-container h2, .proj section .info-container > div:not(.post-nav) {
	text-align: left;
}
.proj section .info-container .specs {
	display: flex;
	flex-direction: column;
}
.proj section .post-nav {
	background-color: #D7D7D7;
	padding: 60px 0;
}
.proj section .post-nav p {
	font-size: 18px;
}
.proj section .post-nav a {margin-left: auto; width: 18px;}
.proj section #close {
	top: 24px;
	right: 24px;
	z-index: 9;
	position: fixed;
}
.proj:first-of-type #prev {
	display: none;
}
.proj section #prev, .proj section #next, .proj section #close {
	cursor: pointer;
}
.proj:before {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: -1px;
	left: -1px;
	opacity: 0;
	transition: opacity 0.9s;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000;stroke-width:1;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='20.6,33.2 29.8,24 20.6,14.8 '/%3E%3Ccircle class='st0' cx='24' cy='24' r='23'/%3E%3C/svg%3E");
}
.slides {
	display: block;
	position: relative;
	transition: transform 0.5s ease-in-out;
	margin: 0 auto;
	overflow: hidden;
}
.slide {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: opacity 0.9s;
}
.slide-m {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	aspect-ratio: 1/1;
}
.post-content {
	width: 100%;
	margin: auto;
}
#correlati > button {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 100%!important;
	aspect-ratio: 1/1;
	border-radius: 0px;
}
#next_slide, #prev_slide {
	top: calc(50vh - 24px);
	position: absolute;
}
#prev_slide {
	left: 24px;
}
#next_slide {
	right: 24px;
}
.points {
	width: 100%;
	justify-content: center;
	gap: 5px;
	padding-top: 15px;
}
.point {
	width: 5px!important;
	height: 5px!important;
	background-color: rgba(0,0,0,0.45);
}
.point:hover, .current {
	background-color: rgba(0,0,0,0.9)!important;
}