/* Background */
.exhibitions {
  background-color: var(--grey);

  background-image: url(../../images/backgrounds/grey-blue-wall.jpg);

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Title */
.title {
  color: aliceblue;

  /* background: linear-gradient( to bottom, rgb(220, 223, 228) 50%, #061237);
	background-clip: text;
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}

/* Main Photo */
.main-photo {
  border: 1px solid grey;
  background-image: url("../../images/exhibitions/antiretro/2_antiretro-artwork-bottles-of-blue-hiv-treatment-pills.webp");
}

.extras {
  margin-top: 6em;
  margin-bottom: -4em;
}

.vtour:hover, .catalogue:hover {
  opacity: 0.4;
}

/* BLE TETRAGWNO ARTHRA */
.vtour, .catalogue {
  /* border: 1px solid grey; */
  background-color: rgb(87, 145, 179);
  color: white;
  border-radius: 0;
  width: 285px;
  height: 75px;
  margin-left:0.6vw;
  margin-top: -1vw;
}

.vtour a, .catalogue a {
  color: white;
  text-align: center;
  font-size: 1rem;
  text-decoration: none;
  display: block;
  margin: auto;
  margin-top: 10%;
}
/* ΤΟΠΟΘΕΣΙΑ ΚΑΙ date*/
.location,
.location>*
 {
  margin-top: 7.4em;
  font-size: 1.04rem;
  color: grey;
  opacity: 1;
}

/* Xtra divider sto keimeno */
.text-divider {
  display: block;
  width: 100%;
  border-top: 1px solid grey;
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  opacity: 0.6;
}

/* Description */
.color-text-box {
  background: rgb(255, 192, 0);
  background: linear-gradient(-120deg, rgba(255, 192, 0, 1) 40%, rgba(205, 153, 0, 0.879) 100%);
  margin-top: 5em;
}

.color-text-box p {
  color: rgb(74, 50, 50);
}

/* Video */
.overlayVideo {
  background-image: url("../../images/exhibitions/antiretro/videoOverlay.png");
}

.video .caption {
  color: white;
}

/* Press */

.press h2 {
  text-align: left;
  text-align: center;
  font-size: large;
  text-decoration: none;
  font-family: -windows, windowsSystemFont, Segoe UI, 'Roboto', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color:rgb(49, 51, 223);
}

.artist-names {
  margin-left: 0;
}

.press img {
  display: block;
  margin: auto;
}

/* Photos Grid layout */
.custom-grid {
  display: grid;

  justify-content: start;
  align-items: stretch;
  column-gap: 15px;
  row-gap: 15px;

  /* grid-template-columns: (35% - 15px) 30% (35% - 15px);
  grid-template-rows: auto;
  grid-template-areas: 
    "p1 p1 p2"
    "p3 p4 p5"
    "p6 p4 p7"
    "p8 p8 p8"
    "p9 p10 p10"
    "p9 p11 p12"; */
  grid-template-columns: (20% - 15px) 20% (20% - 15px) 20% (20% - 15px);
  grid-template-rows: repeat(4, 300px);
  grid-template-areas:
    "p7 p7 p2 p2"
    "p6 p1 p1 p4"
    "p6 p1 p1 p4"
    "p3 p3 p5 p5";
}



/* Media Queries */
@media only screen and (max-width: 992px) {

  .left .custom-grid,
  .right .custom-grid {
    display: grid;
    justify-content: center;
    grid-template-columns: 100%;
    grid-template-rows: repeat(7, 300px);
    column-gap: 15px;
    row-gap: 15px;
    grid-template-areas:
      "p1"
      "p2"
      "p3"
      "p4"
      "p5"
      "p6"
      "p7";
  }

  .extras {
    justify-content: center;
  }
}

@media only screen and (max-width: 770px) {
  .press h2 {
    text-align: center;
  }
}