/*
Theme Name: Landing Page LEOS
Author: Leos
Version: 2024.1
Text Domain: leos.co.il
*/
:root {
  --blue-main: #a975d4;
}
.home-about-block{
	padding: 40px 0;
}
body {
  color: #2a2a2a;
}
.repeated-form-lines {
	gap: 0.5rem;
}
@media screen and (width < 768px){
	.repeated-form-lines {
		flex-direction: column;
	}
}
:target {
	scroll-margin-top: 100px; 
}
.tab-content .tab-pane p
{
	margin-bottom: 0.7em;
}
.section-courses__slider-item {
	object-fit: contain;
}
.slick-dots {
  display: none !important;
}
.site-header__phone:hover {
  background-color:#523a81;
}
div.wpcf7 input[type=submit] {
  background-image: url('/wp-content/themes/landing-leos/assets/icons/large-send.png') !important;
  background-size: 30px !important;
}

.type-gold .repeat-form-block{
  background-color:#dcc19a;
}
.type-gold div.wpcf7 input[type=submit]{
  background:#523a81;
  font-weight: bold;  
}
.type-gold .flex-line {
  color:#523a81;
}

.type-purple .repeat-form-block{
  background-color:#523a81;
}
.type-purple div.wpcf7 input[type=submit]{
  background:#dcc19a;
  color: #523a81 !important;
  font-weight: bold;
}
.type-purple .flex-line {
  color:white;
}

.big-color-title {
  background: none;
  color: #523a81;
  line-height: 1.15;
}
.about-img-wrap img:hover {
    transform: none;
}
.about-img-wrap{
	width: 78%;
      margin: auto;
}
@media screen and (width > 768px){
  .site-header__brand {
      max-width: 250px;
  }
  .about-img-col {
      width: 37.5% !important;
  }
  .review-item-wrap .review-item img {
    aspect-ratio: 9 / 16;
  }
  .modal-body {
    margin-inline: auto;
  }
  .modal-body iframe {
    height: 70vh;
    width: auto;
    aspect-ratio: 9 / 16 !important;
    margin-inline: auto;
  }

}
@media (max-width:800px){
  .order-mobile {
    order:1
}
  .about-home-content-col {
    margin-bottom: 30px;
}
}
.gallery-section {
  background-color: #F9F9F9;
  padding-block: 2rem;
}

.gallery-section__title {
  position: relative;
  right: 50%;
  transform: translateX(50%);
  margin-block: 2rem;
  top: unset;
  bottom: unset;
  left: unset;
  z-index: unset;
  cursor: unset;
  border: none;
}

.gallery-section__slider {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  padding-bottom: unset;
  justify-content: unset;
  align-items: unset;
  gap: unset;
  background: none;
}
.gallery-section__slider .gallery-section__slide {
  display: flex !important;
}

.gallery-section__slide {
  display: grid;
  grid-template-columns: unset;
  grid-template-rows: unset;
  width: 100%;
  gap: 10px;
  aspect-ratio: 4/3;
  align-items: unset;
  justify-content: unset;
}

.gallery-section__item {
  position: relative;
  top: unset;
  left: unset;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.3s ease;
  border-radius: 10px;
}

.gallery-section__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
  top: unset;
  left: unset;
}

.gallery-section__item:hover .gallery-section__item__play-button {
  filter: invert(1);
}

.gallery-section__item:hover img {
  transform: scale(1.1);
}

.gallery-section__item__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  height: 64px;
  width: 64px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.gallery-section__item {
  margin-inline: 10px;
}

.site-header__phone {
  background-color: #769ba3;
}
.type-purple .repeat-form-block, .type-gold .repeat-form-block{
  background-color: #d8afe7;
}
.type-gold .flex-line, .type-purple .flex-line {
    color: black;
}
.type-purple div.wpcf7 input[type=submit], .type-gold div.wpcf7 input[type=submit]{
   background-color: #a569cb;
  color: white !important;
}
.big-color-title {
  color: #769ba3;
  font-weight: 400;
  text-decoration: underline;
}
.home-about-content__title.big-color-title {
  color: #d8afe7;
}
.reviews-section{
  background-color: #3D3D3D;

}
.reviews-section .big-color-title{
    color: white !important;
}
.gallery-section {
  background-color: white;
}

.faq-section {
    background-color: #d3dbdd;
}