/* Theme Name: Shalva Custom
Theme URI: https://yourwebsite.com/
Author: Your Name
Author URI: https://yourwebsite.com/
Description: A custom WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shalva-custom
*/

body {
  font-family: "Assistant", sans-serif;
  margin: 0;
  padding: 0;
  direction: rtl;
  font-size: 1em;
}
.slider {
  height: 100%;
}
.slide {
  height: 100vh !important; /* Full viewport height */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-size: cover;
  background-position: center right;
  position: relative;
  overflow: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
  background-color: rgb(30, 30, 30);
  /*width: 100% !important;*/
}
.slide:not(#slick-slide00) {
  display: flex;
  justify-content: center;
}
.slide:not(#slick-slide00) > div {
  /*width: 50%;*/
  height: 100%;
  margin-right: auto;
  display: flex;
  position: relative;
  align-items: center;
}
.slide:not(#slick-slide00):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-backdrop-filter: brightness(55%) blur(60px);
  backdrop-filter: brightness(55%) blur(60px);
  -webkit-mask-image: linear-gradient(to right, black 45%, transparent 65%);
  mask-image: linear-gradient(to right, black 45%, transparent 65%);
  mask-repeat: no-repeat;
  pointer-events: none;
}
.slide .inner_cont {
  width: 90%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
  margin-inline: auto;
  padding-left: 5%;
}

.slide .inner_cont > div {
  width: auto;
  font-size: 18px;
  line-height: 1.5;
  flex: 1 0 50%;
}
.slide .inner_cont > ul {
  flex: 1 0 35%;
  margin: 0;
  padding: 0;
  margin-left: 3%;
  min-width: min-content;
}

.swiper-container,
.reverse_direction {
  width: 100%;
  height: min(150px, 15vh);
  overflow: hidden;
}
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: transparent;
  box-sizing: border-box;
  /* width: 260px !important; */
  aspect-ratio: 20 / 9;
  width: auto !important;
}
.swiper-slide div {
  width: 85%;
  min-height: 100%;
  /* background: url(img/t25-book-parts.jpg) center no-repeat; */
  background-size: cover;
  border-radius: 20px;
}
/* Force linear transition */
.swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper-slide {
  -webkit-mask-image: radial-gradient(circle, black 45%, transparent);
  mask-image: radial-gradient(circle, black 45%, transparent);
  mask-repeat: no-repeat;
}

#inf_car_1 {
  position: absolute;
  top: -13.8%;
}
#inf_car_2 {
  position: absolute;
  top: 4.6%;
}
#inf_car_3 {
  position: absolute;
  top: 23%;
}
#inf_car_4 {
  position: absolute;
  top: 60%;
}
#inf_car_5 {
  position: absolute;
  top: 78.4%;
}
#inf_car_6 {
  position: absolute;
  top: 97%;
}
#color_text {
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.colorWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.bigColor {
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 100% 100%, #d0f, #3f7cffed 23%, #fffffff2 46%);
  filter: brightness(100%) saturate(100%);
  background-clip: text;
}
.bigColor h2 {
  margin: 0;
}
.bigColor span {
  font-size: 130px;
  font-weight: 300;
}
.bigColor strong {
  font-size: 130px;
  font-weight: black;
}
.smallColor {
  font-size: 26px;
  width: 220px;
  text-align: start;
  margin-inline-start: 20px;
}
#slick-slide00:before {
  content: "";
  position: absolute;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-mask-image: radial-gradient(circle, transparent, black 45%);
  mask-image: radial-gradient(circle, transparent, black 45%);
  mask-repeat: no-repeat;
  overflow: clip;
  opacity: 0.3;
  pointer-events: none;
}
.li_cat {
  font-size: 18px;
  font-weight: bold;
}
.li_date {
  font-size: 18px;
  font-weight: bold;
}
.li_name {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 900;
}
.li_secondname {
  font-size: 18px;
  font-weight: bold;
}
.slide .inner_cont li {
  list-style: none;
  text-align: left;
  border-bottom: 1px solid #f7f7f74d;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.iframe_wrap {
  padding-bottom: 56.206088992974244%;
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin: 20px 0;
}
.iframe_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#header,
body #page > hr {
  display: none;
}
.content_wrap p:first-child {
  margin-top: 0;
}
.slider .slick-dots {
  position: fixed;
  top: 0;
  display: block;
  width: 30px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
  right: 10px;
  zoom: 0.75;
}
.slider .slick-dots li:hover button {
  transform: scale(2);
  transform-origin: right;
  height: 30px;
  width: 30px;
  transition: transform 300ms ease, width 300ms ease, height 300ms ease;
}
.slider .slick-dots li button {
  font-size: 18px;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  color: white;
  border: 0;
  outline: none;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
}
.slider .slick-dots li.slick-active button {
  width: 30px;
  height: 30px;
  font-size: 18px;
}
.slider .slick-dots li button:before {
  font-family: unset;
}
.slider .slick-dots li {
  width: auto;
  height: auto;
  margin-bottom: 10px;
}
.slider .slick-dots li.slick-active button,
.slider .slick-dots li:hover button {
  background-color: rgba(255, 255, 255, 0.6);
  color: #1e1e1e;
}

@media (min-width: 768px) {
	body {
		height: 100%;
  		overflow: hidden;
	}
}

@media (max-width: 767px) {
  body {
    overflow: auto;
  }
  .slide {
    height: 100vh !important; /* Full viewport height */
  }
  .swiper-slide {
    height: 15vh;
    width: 180px !important;
  }

  .bigColor h1 {
    margin: 10px;
  }

  .bigColor strong {
    font-size: 16vw;
  }
  .bigColor span {
    font-size: 16vw;
  }
  .smallColor {
    width: 85%;
    margin: auto;
    font-size: 7vw;
    color: white;
    text-align: center;
  }
  .movie_section {
    background: #1e1e1e;
    position: relative;
    overflow: hidden;
  }
  #inf_car_1 {
    position: absolute;
    top: -15%;
  }
  #inf_car_2 {
    position: absolute;
    top: 3%;
  }
  #inf_car_3 {
    position: absolute;
    top: 22%;
  }
  #inf_car_4 {
    position: absolute;
    top: 65%;
  }
  #inf_car_5 {
    position: absolute;
    top: 85%;
  }
  #inf_car_6 {
    position: absolute;
    top: 102%;
  }
  .movie_section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    -webkit-mask-image: radial-gradient(circle, black 45%, transparent);
    mask-image: radial-gradient(circle, black 45%, transparent);
    mask-repeat: no-repeat;
    pointer-events: none;
  }
  .mainImg {
    min-height: 412px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .inner_cont {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 15px;
  }
  .inner_cont:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120%;
    z-index: 3;
    -webkit-backdrop-filter: brightness(55%) blur(60px);
    backdrop-filter: brightness(55%) blur(60px);
    -webkit-mask-image: linear-gradient(to top, black 85%, transparent 100%);
    mask-image: linear-gradient(to top, black 85%, transparent 100%);
    mask-repeat: no-repeat;
    top: -20%;
    right: 0;
  }
  .inner_cont .movie_tags,
  .inner_cont .content_wrap {
    position: relative;
    z-index: 5;
    margin: 0;
  }
  .iframe_wrap {
    margin: 20px 0;
  }
  .inner_cont .content_wrap {
    padding-bottom: 50px;
  }
  .movie_tags span {
    font-size: 15px;
    color: white;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 10px;
  }
  .movie_tags span:first-child {
    border-inline-end: 1px solid white;
    padding-inline-start: 0;
  }
  .movie_tags strong {
    display: block;
    font-size: 39px;
    color: white;
  }
  .movie_tags p {
    margin: 0;
    color: white;
  }
  .content_wrap p {
    color: white;
    font-size: 15px;
    line-height: 1.4;
  }
  .content_wrap {
    padding-top: 15px;
  }

}

html[lang="en-US"] .slide .inner_cont > div {
  direction: ltr;
}

html[lang="en-US"] #color_text {
  direction: ltr;
}

html[lang="en-US"] .smallColor {
  width: 240px;
}

@media (max-width: 767px) {
  html[lang="en-US"] .smallColor {
    width: 95%;
  }

  html[lang="en-US"] .inner_cont {
    direction: ltr;
  }
}

ul.polylang_langswitcher {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #151515;
  padding: 0px;
}

li.lang-item a {
  display: flex;
  gap: 4px;
  align-items: center;
  color: white;
  padding: 1rem;
}

/* li.lang-item.current-lang a {
    background-color: white;
    color: black;
} */

@media (max-width: 767px) {
	li.lang-item a {
    padding: 0.5rem;
  }
}