@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;
}

.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: 10vw;
  text-shadow: 5px 4px rgba(0, 0, 0, 0.2);
  color: #900eb1;
}

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

/*
    seder yom
*/
.seder-wrapper {
  margin-top: 27vh;
}

.seder-wrapper .headline {
  text-align: center;
}

.seder-wrapper .headline p {
  text-decoration: underline;
  font-family: 'comicsno';
  font-size: 4.5rem;
  color: #900eb1;
}

.seder-wrapper .seder-content {
  margin-top: 12vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.seder-wrapper .seder-content .seder-item p {
  font-size: 1.6rem;
  font-family: 'comicsno';
  color: #900eb1;
  margin-top: 1em;
}

.seder-wrapper .seder-content .seder-item-1 {
  padding-left: 2em;
  border-left: 4px dotted black;
}

.seder-mobile {
  display: none;
}

@media screen and (max-width: 1200px) {
  .seder-wrapper {
    display: none;
  }
  .seder-mobile {
    display: block;
    margin-top: 25vh;
    text-align: center;
  }
  .seder-mobile .headline {
    font-family: 'comicsno';
    font-size: 3.4rem;
    text-decoration: underline;
    color: #900eb1;
  }
  .seder-mobile .seder-content-mobile {
    margin-top: 6vh;
  }
  .seder-mobile .seder-content-mobile p {
    font-size: 1.6rem;
    font-family: 'comicsno';
    color: #900eb1;
    margin-top: 1em;
  }
}

.stories {
  margin-top: 25vh;
  margin-bottom: 10vh;
  text-align: center;
}

.stories .stories-header {
  text-decoration: underline;
  font-family: 'comicsno';
  font-size: 4.5rem;
  color: #900eb1;
}

.stories .stories-list {
  margin-top: 5vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.stories .stories-list .story {
  cursor: pointer;
  font-family: 'comicsno';
  font-size: 1.7rem;
  color: #900eb1;
  margin: 0 auto 1em auto;
}

.stories .stories-list .story:hover {
  color: #ca5d1d;
  text-decoration: underline;
}

.songs-wrapper {
  margin-top: 23vh;
}

.songs-wrapper .songs-header {
  text-align: center;
}

.songs-wrapper .songs-header p {
  text-decoration: underline;
  font-family: 'comicsno';
  font-size: 4.5rem;
  letter-spacing: 1px;
  color: #c5320d;
}

.songs-wrapper .songs-content {
  margin-top: 8vh;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
  grid-gap: 1em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.songs-wrapper .songs-content .song-wrapper {
  text-align: center;
  grid-column: span 2;
}

.songs-wrapper .songs-content .song-wrapper iframe {
  width: 380px;
  max-width: 90%;
  height: 315px;
}

.songs-wrapper .songs-content .haviva-song-wrapper {
  margin-top: 1em;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3 / span 2;
}

.songs-wrapper .songs-content .haviva-song-wrapper p {
  font-size: 1.2rem;
  color: #900eb1;
  text-decoration: underline;
  font-family: 'comicsno';
}

.songs-wrapper .songs-content .haviva-song-wrapper iframe {
  margin-top: 1em;
}

.songs-wrapper .songs-links {
  margin-top: 10vh;
  text-align: center;
}

.songs-wrapper .songs-links .song-link-header {
  font-family: 'comicsno';
  font-size: 2.3rem;
  color: #900eb1;
  margin-top: 1.6em;
}

.songs-wrapper .songs-links .website-songs-link {
  font-size: 1.4rem;
  margin: auto;
  word-break: break-all;
}

@media screen and (max-width: 1400px) {
  .songs-wrapper .songs-content {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 3em;
  }
  .songs-wrapper .songs-content .haviva-song-wrapper {
    grid-column: auto;
  }
}

@media screen and (min-width: 600px) and (max-width: 900px) {
  .songs-wrapper iframe {
    width: 280px;
  }
}

@media screen and (max-width: 600px) {
  .songs-wrapper iframe {
    width: 220px;
  }
}

.hug-muzika-wrapper {
  margin-top: 15vh;
  text-align: center;
}

.hug-muzika-wrapper .hug-muzika-link {
  font-family: 'comicsno';
  color: #900eb1;
  font-size: 1.7rem;
}

.maagalim-wrapper {
  margin: 20vh auto 0 auto;
}

.maagalim-wrapper .maagalim-header {
  text-align: center;
  font-family: 'comicsno';
  font-size: 3.6rem;
  color: #900eb1;
  text-decoration: underline;
}

.maagalim-wrapper .maagalim-content {
  margin-top: 12vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  text-align: center;
}

.maagalim-wrapper .maagalim-content .maagal {
  font-size: 2rem;
  font-family: 'comicsno';
  color: #900eb1;
  margin: 1em auto 0 auto;
}

.maagalim-wrapper .maagalim-content .maagal:hover {
  color: #ca5d1d;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
/*# sourceMappingURL=style.css.map */