.elementor-3137 .elementor-element.elementor-element-a4bd5eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3137 .elementor-element.elementor-element-9e16d93 .gallery-item .gallery-caption{display:none;}.elementor-3137 .elementor-element.elementor-element-9e16d93 .gallery-item{padding:0 30px 30px 0;}.elementor-3137 .elementor-element.elementor-element-9e16d93 .gallery{margin:0 -30px -30px 0;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3137 .elementor-element.elementor-element-756d033 .elementor-icon-list-icon{width:14px;}.elementor-3137 .elementor-element.elementor-element-756d033 .elementor-icon-list-icon i{font-size:14px;}.elementor-3137 .elementor-element.elementor-element-756d033 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}/* Start custom CSS for html, class: .elementor-element-50e0d37 */.art-courses-wrapper {
    font-family: inherit; /* Наследует шрифт сайта */
    line-height: 1.6;
    color: #333;
}

.courses-separator {
    border: 0;
    border-top: 1px solid #eee; /* Тонкая линия вместо старого HR */
    margin: 20px 0;
}

/* Сетка: 2 колонки на ПК, 1 на мобильном */
.courses-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Две равные колонки */
    gap: 30px; /* Расстояние между колонками */
    margin-top: 20px;
}

.courses-column h3 {
    margin-top: 0;
    font-size: 18px;
    color: #222;
    border-bottom: 2px solid #d35400; /* Акцентная линия под заголовком */
    padding-bottom: 8px;
    display: inline-block;
}

.courses-list {
    list-style-position: inside; /* Маркер внутри текста, чтобы не торчал */
    padding-left: 20px;
    margin: 0;
}

.courses-list li {
    margin-bottom: 10px;
    text-align: left; /* Убрали justify, он делает некрасивые дыры в тексте */
}

/* АДАПТИВ: На экранах меньше 768px (планшеты и телефоны) колонки становятся друг под другом */
@media (max-width: 768px) {
    .courses-grid {
        grid-template-columns: 1fr; /* Одна колонка */
        gap: 20px;
    }
    
    .courses-column h3 {
        border-bottom: 1px solid #ccc;
    }
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-9e16d93 */#gallery-1.gallery.galleryid-3137 .gallery-item img {
  border-top-width: 0px;
  border-width: 9px;
  border-color: #707070;
  margin: 0px;
  background-image: url("/wp-content/uploads/2026/04/picture_frame_school.jpg");
  background-color: #ffffff;
  padding: 0px;
  border-style: double;
  /* Начальная контрастность 80 %, насыщенность 70 % */
  filter: contrast(80%) saturate(70%);
  /* Плавная анимация для всех изменяемых свойств */
  transition: all 0.3s ease;
  /* Сохраняем исходное состояние без вращения */
  transform: rotate(0deg);
  /* Точка вращения — центр верхней границы элемента (эффект подвешенности) */
  transform-origin: center top;
}

/* Эффект ховера: лёгкое покачивание, повышение контрастности и насыщенности */
#gallery-1.gallery.galleryid-3137 .gallery-item img:hover {
  border-color: #778794;
  transform: scale(1.05) rotate(0deg); /* увеличение на 5 % без начального вращения */
  /* Контрастность 110 %, насыщенность 105 % */
  filter: contrast(110%) saturate(105%);
  animation: gentle-swing 1.2s ease-in-out infinite; /* запускаем плавную анимацию покачивания */
}

/* Анимация лёгкого покачивания (амплитуда ±1°) */
@keyframes gentle-swing {
  0% {
    transform: scale(1.05) rotate(-1deg);
  }
  50% {
    transform: scale(1.05) rotate(1deg);
  }
  100% {
    transform: scale(1.05) rotate(-1deg);
  }
}

/* Выравнивание по центру для мобильной версии */
@media (max-width: 768px) {
  /* Применяем стили только на экранах шириной до 768 px */

  #gallery-1.gallery.galleryid-3137 .gallery-item {
    /* Превращаем контейнер в flex‑блок для удобного выравнивания */
    display: flex;
    /* Выравниваем содержимое по горизонтали (по центру) */
    justify-content: center;
    /* Выравниваем по вертикали (по центру) */
    align-items: center;
  }

  #gallery-1.gallery.galleryid-3137 .gallery-item img {
    /* Центрируем изображение по горизонтали через margin */
    margin: 0 auto;
    /* Гарантируем, что изображение ведёт себя как блочный элемент */
    display: block;
  }
}/* End custom CSS */