@charset "UTF-8";
@font-face {
  font-family: 'comicsno';
  src: url("../../../fonts/comixno2/comixno2clm_bold-webfont.ttf"), url("../../../fonts/comixno2/comixno2clm_bold-webfont.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'x-button-font';
  src: url("../../../fonts/corona/aAntiCorona.otf"), url("../../../fonts/corona/aAntiCorona.ttf");
}

* {
  margin: 0;
  padding: 0;
  font-family: 'comicsno';
}

.underlined {
  text-decoration: underline;
}

.hours {
  text-decoration: underline;
}

html {
  background: url("../../../pics/web-pics/cover-img.jpg") no-repeat center center fixed;
  background-size: cover;
}

/*
    header part - גן חיבוקים
*/
header {
  margin-top: 20vh;
}

header p {
  font-family: 'comicsno';
  text-align: center;
  font-size: 9vw;
  text-shadow: 5px 4px rgba(0, 0, 0, 0.2);
  color: #900eb1;
}

@media screen and (max-width: 600px) {
  header p {
    font-size: 16vw;
  }
}

.gallery-wrapper {
  margin: 25vh auto 0 auto;
  width: 90%;
}

.gallery-wrapper .gallery-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.5em;
      grid-template-areas: "i1 i2 i5"
 "i3 i2 i5"
 "i4 i7 i8"
 "i6 i7 i8"
 "i9 i10 i11"
 "i9 i10 i13"
 "i12 i14 i15"
 "i12 i16 i17"
 "i18 i19 i20"
 "i23 i19 i20"
 "i21 i22 i24"
 "i21 i22 i25"
 "i28 i29 i26"
 "i28 i29 i27"
 "i31 i30 i30"
 "i31 i32 i32"
 "i33 i33 i37"
 "i34 i34 i37"
 "i35 i35 i38"
 "i36 i36 i38"
 "i39 i39 ."
 "i41 i41 i40"
 '. . i40';
}

.gallery-wrapper .gallery-inner .img-wrapper img {
  width: 100%;
  display: block;
}

.gallery-wrapper .gallery-inner .grid-item {
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  .gallery-wrapper .gallery-inner {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "";
  }
}

.image-window {
  display: none;
  position: fixed;
  background-color: #cdf0ff;
  z-index: 3;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.image-window .window-content {
  margin: 12vh;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.image-window .window-content .window-image-wrapper {
  height: 80%;
}

.image-window .window-content .window-image-wrapper img {
  display: block;
  height: 100%;
}

.exit-button {
  display: inline-block;
  cursor: pointer;
  margin-right: 1%;
  font-family: 'x-button-font', 'comicsno';
  color: white;
  font-size: 2.2rem;
  letter-spacing: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.exit-button:hover {
  color: #d62121;
}
/*# sourceMappingURL=style.css.map */