/*
Theme Name: BIFF
Author: IZILAB
Author URI: http://izilab.pro
Version: 1.0
*/

 body {
            font-family: 'Montserrat', sans-serif;
        }
        /* Деловой фон: современная архитектура */


        .geometric-shape {
            position: absolute;
            z-index: 1;
            opacity: 0.3;
            pointer-events: none;
        }

        .shape-1 {
            top: 0; left: 0;
            width: 45%; height: 100%;
            background: linear-gradient(135deg, #1e40af 0%, #0369a1 50%, #334155 100%);
            clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
            mix-blend-mode: overlay;
        }

        .nav-link:hover {
            color: #38bdf8;
        }
        
        .timer-unit {
            text-align: center;
            min-width: 85px;
            background: rgba(255, 255, 255, 0.05);
            padding: 15px 10px;
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(4px);
        }

        .registration-cta {
            background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)), 
                        url('https://images.unsplash.com/photo-1551836022-d5d88e9218df?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .info-block-icon {
            color: #2563eb;
            transition: transform 0.3s ease;
        }
        
        .info-block:hover .info-block-icon {
            transform: scale(1.1);
        }

        .news-btn {
            background-color: #3b5998; /* Цвет кнопок со скриншота */
            transition: all 0.3s ease;
        }
        
        .news-btn:hover {
            background-color: #2d4373;
            transform: translateY(-1px);
        }
/* Базовый стиль (для мобильных устройств) */
.logo img {
    width: 100%;       /* Занимает всю ширину контейнера, если он меньше 280px */
    max-width: 280px;  /* Ограничение для смартфонов */
    height: auto;      /* Сохраняем пропорции */
    display: block;
}

/* Планшеты (от 768px) */
@media (min-width: 768px) {
    .logo img {
        max-width: 340px;
    }
}

/* Десктопы (от 1024px) */
@media (min-width: 1024px) {
    .logo img {
        max-width: 400px;
    }
}

        .inner{
          background:rgb(15 23 42);
        }

        .gallery img{
          width: 250px;
          height: auto;
        }
        .gallery{
          display: inline;
        }

        .wp-caption {
          width: 250px !important;
          margin: 20px;
            display: inline-block;
            text-align: center;
        }

        .wp-caption-text{
          width: 250px !important;
          margin: 20px;
            display: block;
            text-align: center;
        }
h5 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 16px !important;

  display: block;  /* Убеждаемся, что это блок */
  line-height: 1.4; /* Добавьте межстрочный интервал для красоты */
  white-space: normal !important;
}

        hr {
  width: 100%;
  border: none; /* Убираем стандартную рамку */
  border-top: 1px solid rgb(2 132 199); /* Рисуем свою линию */
  margin: 10px 0;
}

.aligncenter{
    text-align: center;
}

img.aligncenter{
    margin: auto;
}

/* Делаем иконки адаптивными и выравниваем по центру */
.dashicons {
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}

/* Чтобы иконка наследовала цвет от родителя (Tailwind text-blue-600) */
.group:hover .dashicons {
    color: white;
}

/* Эффект всплытия для карточек тем форума */
.group.flex.items-center {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Плавная кривая анимации */
}

.group.flex.items-center:hover {
    transform: translateY(-4px); /* Поднимаем карточку */
    border-color: #38bdf8; /* Опционально: делаем рамку чуть ярче (sky-400) */
}