/* Thumb Grid */ 
.column.column-block{ text-align:center; }

img.photoThumb{ border-radius:4px; transition:0.3s; max-height:180px; }
.photoThumb{ box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.photoThumb[data-color="delta"]:hover{ box-shadow:0 0 8px 6px rgba(239,110,45,0.60), 0 6px 20px 6px rgba(239,110,45,0.60); cursor:pointer; }

/* Background */
.modal{ display:none; position:fixed; z-index:350; padding-top:100px; left:0; top:0; width:100%; height:100vh; overflow:hidden; background-color:rgba(27,149,211,0.80); max-height:100vh; }

/* Modal Content */
.modal-content { position: relative; margin: auto; padding: 0; width: 90%; max-width: 1200px; }

.imgPhoto { text-align: center; height: calc( 100vh - 150px ); }
/*.imgPhoto img{ max-height: calc( 100vh - 150px );  }*/
.imgPhoto img{ max-height: calc( 100vh - 150px ); margin: 0; position: absolute; top: 50%; left:50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



/* The Close Button */
.close { color:white; position:absolute; top:10px; right:25px; font-size:52px; font-weight:bold; transition:all 450ms ease-in-out; }
.close:hover, .close:focus { color:var(--arancio); text-decoration:none; cursor:pointer; }


/* Next & previous buttons */
.prev, .next { cursor:pointer; position:absolute; top:50%; width:auto; padding:16px; margin-top:-50px; color:white; font-weight:bold; font-size:62px; transition:0.6s ease; border-radius:0 3px 3px 0; user-select:none; -webkit-user-select:none; text-decoration:none; }
.next { right:0; border-radius:3px 0 0 3px; }
.prev:hover, .next:hover { color:var(--arancio); }