/* VB — Events Page: Cards, Filter & Hero v9 — responsive */ body { overflow-x: hidden; } /* ═══════════════════════════════════════ HERO ═══════════════════════════════════════ */ .elementor-element-e9ab468 { width: 100vw !important; margin-left: calc(50% - 50vw) !important; position: relative !important; max-width: 100vw !important; } .elementor-element-e9ab468 > .elementor-container { max-width: 100% !important; position: relative !important; z-index: 2 !important; /* make container fill full hero height so column can stretch */ display: flex !important; align-items: stretch !important; } .elementor-element-e9ab468::after { content: '' !important; position: absolute !important; inset: 0 !important; background: linear-gradient(to right, rgba(0,0,0,0.62) 40%, rgba(0,0,0,0.15) 100%) !important; pointer-events: none !important; z-index: 1 !important; } /* Column must stretch to fill container height */ .elementor-element-fd6323a { display: flex !important; flex-direction: column !important; align-self: stretch !important; width: 100% !important; } /* Widget wrap fills the column, content pushed to bottom */ .elementor-element-fd6323a > .elementor-widget-wrap { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding-bottom: 50px !important; padding-left: 60px !important; } .elementor-element-ff1f861 p { display: inline-block !important; background: #F2781F !important; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; padding: 4px 14px !important; border-radius: 2px !important; margin-bottom: 14px !important; line-height: 1.6 !important; } .elementor-element-3aedfe8 .elementor-heading-title { font-size: 62px !important; font-weight: 700 !important; color: #fff !important; letter-spacing: -1px !important; line-height: 1 !important; margin-bottom: 14px !important; } .elementor-element-7fa18b8 p { color: rgba(255,255,255,0.82) !important; font-size: 15px !important; font-weight: 400 !important; max-width: 420px !important; line-height: 1.6 !important; } /* REMOVE 40px GAP */ .elementor-element-a83ed49 { margin-top: 0 !important; } /* ═══════════════════════════════════════ FILTER BAR — full-width flat sticky bar ═══════════════════════════════════════ */ .ewpe-filter-bar.ewpe-filters-both { width: 100vw !important; margin-left: calc(50% - 50vw) !important; box-sizing: border-box !important; background: #fff !important; border-radius: 0 !important; border: none !important; border-bottom: 1px solid #e8e8e8 !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important; position: sticky !important; top: 0 !important; z-index: 100 !important; padding: 18px 60px !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 12px !important; margin-bottom: 0 !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main { flex: 1 1 0% !important; width: auto !important; max-width: 340px !important; min-width: 160px !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group, .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group.ewpe-open-filter-on, .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group.ewpe-open-filter-off { width: 100% !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters, .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters.active { display: flex !important; flex: 2 1 0% !important; width: auto !important; flex-wrap: nowrap !important; gap: 10px !important; margin-top: 0 !important; align-items: center !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters .ewpe-filter-group { flex: 1 1 0% !important; min-width: 0 !important; overflow: hidden !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters .ewpe-filter-group select, .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters .ewpe-filter-group input { min-width: 0 !important; width: 0 !important; flex: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; } .ewpe-filter-group { border: 1.5px solid #e0e0e0 !important; border-radius: 6px !important; padding: 9px 14px !important; background: #fafafa !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; color: #444 !important; } .ewpe-filter-group:hover { border-color: #F2781F !important; } .ewpe-filter-group i { color: #F2781F !important; } .ewpe-filter-group input[type="text"], .ewpe-filter-group select { font-size: 13px !important; color: #444 !important; background: transparent !important; border: none !important; outline: none !important; } /* ═══════════════════════════════════════ "Upcoming Events" heading ═══════════════════════════════════════ */ .ewpe-main-wrapper.ewpe-grid-wrapper::before { content: 'Предстоящи събития'; display: block !important; font-size: 22px !important; font-weight: 700 !important; color: #2E2E36 !important; border-left: 4px solid #F2781F !important; padding-left: 14px !important; margin-bottom: 28px !important; margin-top: 36px !important; line-height: 32px !important; grid-column: 1 / -1 !important; } /* ═══════════════════════════════════════ CARD GRID — 3 columns (desktop) ═══════════════════════════════════════ */ .ewpe-main-wrapper.ewpe-grid-wrapper { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; } /* Card wrapper */ .ewpe-inner-wrapper { border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important; background: #fff !important; transition: box-shadow 0.2s ease, transform 0.2s ease !important; display: flex !important; flex-direction: column !important; } .ewpe-inner-wrapper:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.14) !important; transform: translateY(-3px) !important; } /* Featured image */ .ewpe-featured-img { width: 100% !important; height: 200px !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* Date badge + content row */ .elementor-element-370b618f > .elementor-container { display: flex !important; flex-direction: row !important; align-items: flex-start !important; padding: 16px 18px 20px !important; gap: 14px !important; } /* Date badge column */ .elementor-element-5d1f7795 { flex: 0 0 auto !important; width: auto !important; } .ewpe-date-badge { background: #2667FF !important; color: #fff !important; border-radius: 8px !important; padding: 10px 14px !important; text-align: center !important; min-width: 52px !important; line-height: 1.2 !important; } .ewpe-date-badge .ewpe-day { font-size: 22px !important; font-weight: 700 !important; display: block !important; } .ewpe-date-badge .ewpe-month { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1px !important; display: block !important; } /* Content column */ .elementor-element-5c094ebf { flex: 1 1 0% !important; min-width: 0 !important; } .ewpe-event-title { font-size: 15px !important; font-weight: 700 !important; color: #2E2E36 !important; line-height: 1.4 !important; margin-bottom: 8px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .ewpe-event-location { font-size: 12px !important; color: #888 !important; margin-bottom: 10px !important; } .ewpe-event-category { display: inline-block !important; background: rgba(242,120,31,0.12) !important; color: #F2781F !important; font-size: 11px !important; font-weight: 600 !important; padding: 3px 10px !important; border-radius: 20px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } /* ═══════════════════════════════════════ RESPONSIVE — TABLET (≤1024px) ═══════════════════════════════════════ */ @media (max-width: 1024px) { .elementor-element-fd6323a > .elementor-widget-wrap { padding-bottom: 40px !important; padding-left: 40px !important; } .elementor-element-3aedfe8 .elementor-heading-title { font-size: 48px !important; } .elementor-element-7fa18b8 p { font-size: 14px !important; max-width: 360px !important; } .ewpe-filter-bar.ewpe-filters-both { padding: 14px 40px !important; gap: 10px !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main { max-width: 240px !important; min-width: 120px !important; } .ewpe-filter-group { padding: 8px 10px !important; font-size: 12px !important; } .ewpe-main-wrapper.ewpe-grid-wrapper { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; } .ewpe-main-wrapper.ewpe-grid-wrapper::before { font-size: 20px !important; margin-top: 28px !important; margin-bottom: 22px !important; } } /* ═══════════════════════════════════════ RESPONSIVE — MOBILE (≤768px) ═══════════════════════════════════════ */ @media (max-width: 768px) { /* Hero — constrain height */ .elementor-element-e9ab468 { min-height: 320px !important; max-height: 360px !important; height: 340px !important; overflow: hidden !important; } /* On mobile: top-left positioning */ .elementor-element-fd6323a > .elementor-widget-wrap { justify-content: flex-start !important; align-items: flex-start !important; padding-top: 32px !important; padding-bottom: 0 !important; padding-left: 16px !important; padding-right: 16px !important; } .elementor-element-3aedfe8 .elementor-heading-title { font-size: 36px !important; letter-spacing: 0 !important; } .elementor-element-7fa18b8 p { font-size: 13px !important; max-width: 100% !important; } .elementor-element-ff1f861 p { font-size: 10px !important; } /* Filter bar — search full-width top, dropdowns 2×2 below */ .ewpe-filter-bar.ewpe-filters-both { padding: 12px 16px !important; flex-direction: column !important; flex-wrap: wrap !important; gap: 8px !important; position: relative !important; top: auto !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main { max-width: 100% !important; min-width: 0 !important; width: 100% !important; flex: 0 0 auto !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group, .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group.ewpe-open-filter-on, .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group.ewpe-open-filter-off { width: 100% !important; box-sizing: border-box !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters, .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters.active { flex: 0 0 auto !important; width: 100% !important; flex-wrap: wrap !important; gap: 8px !important; } .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters .ewpe-filter-group { flex: 1 1 calc(50% - 4px) !important; min-width: calc(50% - 4px) !important; box-sizing: border-box !important; } .ewpe-filter-group { padding: 9px 12px !important; font-size: 12px !important; } .ewpe-filter-group input[type="text"], .ewpe-filter-group select { width: auto !important; flex: 1 !important; } /* Grid — 1 column */ .ewpe-main-wrapper.ewpe-grid-wrapper { grid-template-columns: 1fr !important; gap: 16px !important; } .ewpe-main-wrapper.ewpe-grid-wrapper::before { font-size: 18px !important; margin-top: 24px !important; margin-bottom: 18px !important; line-height: 26px !important; } .ewpe-featured-img { height: 180px !important; } .elementor-element-370b618f > .elementor-container { padding: 14px 14px 16px !important; gap: 12px !important; } } /* ═══════════════════════════════════════ RESPONSIVE — SMALL MOBILE (≤480px) ═══════════════════════════════════════ */ @media (max-width: 480px) { .elementor-element-e9ab468 { height: 300px !important; max-height: 300px !important; } .elementor-element-3aedfe8 .elementor-heading-title { font-size: 30px !important; } .elementor-element-7fa18b8 p { font-size: 12px !important; } .elementor-element-fd6323a > .elementor-widget-wrap { justify-content: flex-start !important; align-items: flex-start !important; padding-top: 24px !important; padding-bottom: 0 !important; padding-left: 16px !important; padding-right: 16px !important; } .ewpe-date-badge { min-width: 44px !important; padding: 8px 10px !important; } .ewpe-date-badge .ewpe-day { font-size: 18px !important; } .ewpe-event-title { font-size: 14px !important; } }
Covid-19
Covid-19
Гореща линия на Комисията за защита на потребителя
0700 111 22
Facebook Youtube Instagram

България – Четирисезонна дестинация

m.hristova

m.hristova

Туристически портал на България
Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.