@font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; } @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-UkraineHead-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } html { scroll-behavior: smooth; } * { box-sizing: border-box; } body { font-family: 'e-Ukraine', sans-serif; background-color: #F9F9FA; color: #111111; margin: 0; padding: 0; line-height: 1.6; -webkit-font-smoothing: antialiased; } a { color: #000000; text-decoration: none; transition: all 0.2s ease; } .diia-container { max-width: 1240px; margin: 0 auto; padding: 0 9px; }.diia-header { background-color: #122945; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 16px 0; position: relative; top: 0; z-index: 10000; }#diiaMenu { position: fixed !important; top: 80px !important; left: 0 !important; width: 100% !important; height: calc(100vh - 80px) !important; background-color: rgba(249, 249, 250, 0.87) !important; backdrop-filter: blur(15px) !important; z-index: 9999 !important;display: none; overflow-y: auto; }.header-wrapper { display: flex; justify-content: space-between; align-items: center; } .header-logo { display: flex; align-items: center; gap: 16px; } .header-logo svg { height: 54px; width: auto; display: block; flex-shrink: 0; } .logo-text .gov-badge { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #A0AEC0; font-weight: 700; display: block; margin-bottom: 2px; } .logo-text .council-name { font-family: 'e-Ukraine Head', sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; line-height: 1.2; } .header-nav-right { display: flex; align-items: center; gap: 16px; } .top-nav-links { display: flex; align-items: center; gap: 24px; list-style: none; margin: 0; padding: 0; } .top-nav-links > li { position: relative; padding: 10px 0; } .top-nav-links > li > a { font-size: 14px; font-weight: 500; color: #E2E8F0; display: flex; align-items: center; gap: 4px; } .top-nav-links > li > a:hover { color: #FFD500; } .dropdown-menu { position: absolute; top: 100%; left: 0; background-color: #ffffff; border: 1px solid #E2E8F0; border-radius: 12px; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05); padding: 16px 0; width: 320px; list-style: none; margin: 0; display: none; z-index: 1010; } .dropdown-menu li a { display: block; padding: 10px 20px; font-size: 13.5px; color: #4A5568; font-weight: 400; line-height: 1.4; } .dropdown-menu li a:hover { background-color: #F1F5F9; color: #122945; font-weight: 500; } .top-nav-links > li:hover .dropdown-menu { display: block; } .diia-mail-btn { background-color: rgba(255, 255, 255, 0.1); color: #ffffff !important; padding: 10px 16px; border-radius: 8px; font-weight: 500; font-size: 14px; display: flex; align-items: center; gap: 8px; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.2); white-space: nowrap; } .diia-mail-btn:hover { background-color: rgba(255, 255, 255, 0.2); color: #ffffff !important; border-color: rgba(255, 255, 255, 0.4); } .diia-menu-btn { background-color: #ffffff; color: #122945 !important; padding: 10px 20px; border-radius: 8px; font-weight: 700; font-size: 14px; display: flex; align-items: center; gap: 8px; cursor: pointer; border: none; white-space: nowrap; } .diia-menu-btn:hover { background-color: #E2E8F0; } .diia-fullscreen-menu { position: fixed; top: 87px; left: 0; width: 100%; height: calc(100vh - 87px); background-color: #ffffff; z-index: 999; display: none; overflow-y: auto; border-top: 1px solid #E2E8F0; padding: 40px 0; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.1); } .menu-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; align-items: start; } .menu-column { display: flex; flex-direction: column; gap: 24px; } .menu-section h4 { font-family: 'e-Ukraine Head', sans-serif; font-size: 15px; margin: 0 0 12px 0; color: #122945; border-bottom: 2px solid #122945; padding-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; } .menu-section ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .menu-section ul li a { font-size: 13.5px; color: #4A5568; font-weight: 400; display: block; } .menu-section ul li a:hover { color: #122945; padding-left: 4px; font-weight: 500; } .menu-column.mva-block { background: #F1F5F9; padding: 24px; border-radius: 16px; gap: 20px; } .diia-hero { background-color: #ffffff; padding: 50px 0 60px 0; border-bottom: 1px solid #E2E8F0; } .hero-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 38px; font-weight: 700; margin: 0 0 24px 0; color: #122945; } .diia-search-form { position: relative; } .diia-search-form input[type="text"] { width: 100%; padding: 18px 24px; font-family: 'e-Ukraine', sans-serif; font-size: 16px; border: 2px solid #122945; border-radius: 12px; outline: none; } .diia-search-form .searchButton { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: #122945; color: #ffffff; border: none; padding: 10px 22px; border-radius: 8px; font-family: 'e-Ukraine', sans-serif; font-weight: 700; cursor: pointer; } .diia-search-form .searchButton:hover { background: #1a3a61; } .diia-body-layout { display: flex; gap: 40px; margin-top: 20px; margin-bottom: 60px; } .diia-main-content { flex: 1; min-width: 0; } .diia-sidebar-content { width: 340px; flex-shrink: 0; } .m20 { margin-bottom: 20px; display: flex; justify-content: flex-end; } .btn-warning { background: #122945; color: #fff; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; } .btn-warning:hover { background: #1a3a61; } .sort { background: #fff; border: 1px solid #E2E8F0; padding: 12px; border-radius: 8px; margin-top: 5px; position: absolute; z-index: 10; } .thumbnails { list-style: none; margin: 0; padding: 0; } .soften { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)); margin: 15px 0; } .diia-main-content h3.short { font-family: 'e-Ukraine Head', sans-serif; font-size: 20px; margin: 0; color: #122945; } .diia-main-content h2 { font-size: 16px; font-weight: 500; margin: 8px 0; } .diia-main-content h2 a { color: #4A5568; } .diia-main-content h2 a:hover { color: #122945; text-decoration: underline; } .diia-main-content h1 span a { font-family: 'e-Ukraine Head', sans-serif; font-size: 24px; color: #122945; text-transform: uppercase; letter-spacing: 0.5px; } .diia-main-content h6 span a, .diia-main-content h6 span { font-family: 'e-Ukraine Head', sans-serif; font-size: 20px; color: #122945; text-transform: uppercase; display: block; margin: 30px 0 15px 0; border-bottom: 2px solid #122945; padding-bottom: 6px; } .row-fluid { display: flex; gap: 20px; margin-bottom: 20px; } .span6 { flex: 1; } .sidebar-wrapper { display: flex; flex-direction: column; gap: 20px; } .sidebar-wrapper img { border-radius: 12px; display: block; transition: transform 0.2s; } .sidebar-wrapper img:hover { transform: scale(1.01); } .sidebar-wrapper h6 span { font-family: 'e-Ukraine Head', sans-serif; font-size: 16px; color: #122945; text-transform: uppercase; display: block; margin: 20px 0 10px 0; } .SinoptikInformer { background: #fff !important; border: 1px solid #E2E8F0 !important; border-radius: 16px !important; padding: 15px !important; font-family: 'e-Ukraine', sans-serif !important; } .diia-sidebar-services { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 16px; padding: 24px; margin-bottom: 20px; font-family: 'e-Ukraine', sans-serif; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .diia-sidebar-services .services-main-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 18px; font-weight: 700; color: #122945; margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 3px solid #FFD500; letter-spacing: -0.2px; } .diia-sidebar-services .services-container { display: flex; flex-direction: column; gap: 12px; } .diia-service-button { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background-color: #F5F7FA; border-radius: 8px; color: #122945; transition: background-color 0.15s ease-in-out, transform 0.1s ease; border: none; text-decoration: none; } .diia-service-icon-wrapper { width: 36px; height: 36px; border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; color: #122945; flex-shrink: 0; transition: background-color 0.2s ease, color 0.2s ease; } .diia-service-button:hover { background-color: #ECEFF4; text-decoration: none; } .diia-service-button:hover .diia-service-icon-wrapper { background-color: #FFD500; color: #122945; } .diia-service-button:active { transform: scale(0.99); } .diia-service-content { display: flex; align-items: center; gap: 14px; flex: 1; } .diia-service-text { display: flex; flex-direction: column; } .diia-service-label { font-size: 14px; font-weight: 500; line-height: 1.3; color: #111111; transition: color 0.15s ease; } .diia-service-button:hover .diia-service-label { color: #122945; } .diia-service-sublabel { font-size: 11px; color: #4A5568; margin-top: 1px; } .diia-service-arrow { color: #94A3B8; display: flex; align-items: center; transition: transform 0.15s ease, color 0.15s ease; } .diia-service-button:hover .diia-service-arrow { color: #122945; transform: translateX(2px); } .footer { background-color: #122945; border-top: 1px solid rgba(255, 255, 255, 0.15); padding: 56px 0 40px 0; font-size: 14px; color: #A0AEC0; } .footer-links-grid { display: flex; gap: 32px; flex-wrap: wrap; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 24px; } .out-link-text { font-size: 14px; color: #ffffff; font-weight: 500; transition: color 0.2s ease; } .out-link-text:hover { color: #FFD500; text-decoration: none; } .footer-content-wrapper { display: flex; gap: 32px; align-items: flex-start; } .footer-text-block { flex: 1; font-size: 13px; line-height: 1.7; color: #94A3B8; } .footer-text-block b { color: #E2E8F0; font-weight: 500; } .footer-text-block a { color: #ffffff; border-bottom: 1px dotted rgba(255,255,255,0.4); } .footer-text-block a:hover { color: #FFD500; border-bottom-color: #FFD500; } @media (max-width: 768px) { .footer { padding: 40px 0 32px 0; } .footer-links-grid { gap: 16px; flex-direction: column; } .footer-content-wrapper { flex-direction: column; gap: 24px; } } .sidebar-hotline-card { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 12px; padding: 24px; margin-bottom: 20px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.06); font-family: 'e-Ukraine', sans-serif; position: relative; } .sidebar-hotline-card .mva-crest { position: absolute; top: 10px; right: 24px; width: 50px; height: auto; opacity: 0.8; } .sidebar-hotline-card .hotline-tag { display: inline-block; background-color: #E2E8F0; color: #122945; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 4px 8px; border-radius: 4px; margin-bottom: 20px; } .sidebar-hotline-card .mva-leader-block { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid #FFD500; } .sidebar-hotline-card .leader-photo { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 2px solid #ffffff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .sidebar-hotline-card .leader-info { flex: 1; } .sidebar-hotline-card .leader-post { font-size: 12px; color: #64748B; margin-bottom: 2px; } .sidebar-hotline-card .leader-name { font-family: 'e-Ukraine Head', sans-serif; font-size: 16px; font-weight: 700; color: #122945; line-height: 1.3; } .sidebar-hotline-card .card-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 16px; font-weight: 700; color: #122945; margin: 0 0 16px 0; } .sidebar-hotline-card .contact-row { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .sidebar-hotline-card .contact-icon { width: 36px; height: 36px; border-radius: 50%; background-color: #F1F5F9; display: flex; align-items: center; justify-content: center; color: #007680; flex-shrink: 0; } .sidebar-hotline-card .contact-link { font-size: 16px; font-weight: 700; color: #111111; transition: color 0.2s ease; } .sidebar-hotline-card .contact-link:hover { color: #007680; text-decoration: none; } .sidebar-hotline-card .schedule-block { background: #F8FAFC; border-radius: 8px; padding: 14px; margin-top: 20px; font-size: 13px; color: #334155; line-height: 1.5; } .sidebar-hotline-card .schedule-title { font-weight: 700; color: #122945; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; } .sidebar-hotline-card .schedule-days { display: flex; justify-content: space-between; margin-bottom: 4px; } .sidebar-hotline-card .schedule-notes { font-size: 12px; color: #64748B; margin-top: 8px; border-top: 2px solid #FFD500; padding-top: 6px; } @media (max-width: 480px) { .sidebar-hotline-card { padding: 16px; } .sidebar-hotline-card .mva-crest { top: 16px; right: 16px; width: 40px; } .sidebar-hotline-card .mva-leader-block { flex-direction: column; text-align: center; gap: 12px; } } .diia-accessibility-btn { display: inline-flex; align-items: center; gap: 14px; background-color: #122945; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 10px 18px; cursor: pointer; font-family: 'e-Ukraine', sans-serif; text-align: left; transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease; user-select: none; outline: none; margin: 10px 0; } .diia-btn-icon-wrapper { color: #FFD500; display: flex; align-items: center; justify-content: center; width: 24px; height: 38px; flex-shrink: 0; animation: diiaFadeIn 0.5s ease-out; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .diia-coat-svg { width: 100%; height: 100%; } .diia-btn-text-block { display: flex; flex-direction: column; gap: 2px; } .diia-btn-label { font-size: 14px; font-weight: 700; color: #ffffff; line-height: 1.2; letter-spacing: 0.1px; } .diia-btn-sublabel { font-size: 11px; font-weight: 400; color: #94A3B8; line-height: 1.1; } .diia-accessibility-btn:hover { background-color: #0b1a2d; border-color: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 20px rgba(255, 213, 0, 0.12); } .diia-accessibility-btn:hover .diia-btn-icon-wrapper { transform: translateY(-2px) scale(1.05); } .diia-accessibility-btn:active { transform: scale(0.98); box-shadow: none; } body.cecutient .diia-accessibility-btn { background-color: #ffffff !important; border-color: #000000 !important; } body.cecutient .diia-accessibility-btn .diia-btn-label { color: #000000 !important; } body.cecutient .diia-accessibility-btn .diia-btn-sublabel { color: #475569 !important; } body.cecutient .diia-accessibility-btn .diia-btn-icon-wrapper { color: #000000 !important; } @keyframes diiaFadeIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } @media (max-width: 768px) { .diia-accessibility-btn { padding: 8px 14px; gap: 10px; } .diia-btn-icon-wrapper { width: 18px; height: 30px; } .diia-btn-label { font-size: 13px; } .diia-btn-sublabel { display: none; } } .mobile-only-mva { display: none !important; } @media (max-width: 1120px) { .diia-body-layout { flex-direction: column; } .diia-sidebar-content { width: 100%; } .menu-grid { display: block !important; column-count: 2 !important; column-gap: 40px !important; } .menu-grid .menu-column { display: inline-block !important; vertical-align: top !important; width: 100% !important; break-inside: avoid-column !important; page-break-inside: avoid !important; margin-bottom: 32px !important; padding-top: 0 !important; margin-top: 0 !important; } .menu-grid .menu-section h4 { margin-top: 12px !important; } .top-nav-links { display: none; } .mobile-only-mva { display: inline-block !important; } .menu-grid .menu-column.mva-block { column-span: all !important; display: block !important; width: 100% !important; margin-top: 24px !important; } } @media (max-width: 640px) { .menu-grid { display: block !important; column-count: 1 !important; column-gap: 0 !important; } .menu-grid .menu-column { display: block !important; width: 100% !important; margin-bottom: 24px !important; } .row-fluid { flex-direction: column; } .diia-mail-btn { display: none; } .header-logo svg { height: 44px; } .mobile-only-mva { display: block !important; } .menu-grid .menu-column.mva-block { column-span: none !important; margin-top: 16px !important; } }.diia-hero-card { display: flex; flex-direction: column; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 20px; overflow: hidden; margin-bottom: 32px; transition: box-shadow 0.2s ease, border-color 0.2s ease; } .diia-hero-card:hover { border-color: #CBD5E1; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .diia-hero-image-box { position: relative; width: 100%; height: 400px; background-color: #F1F5F9; overflow: hidden; } .diia-hero-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .diia-hero-card:hover .diia-hero-img { transform: scale(1.015); } .diia-hero-badge { position: absolute; top: 20px; left: 20px; background: #000000; color: #ffffff !important; padding: 8px 16px; border-radius: 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; } .diia-hero-badge a { color: #ffffff !important; text-decoration: none; } .diia-hero-content { padding: 32px; } .diia-hero-date { font-size: 14px; color: #5F7089; font-weight: 500; display: block; margin-bottom: 12px; } .diia-hero-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 28px; line-height: 1.3; font-weight: 800; margin: 0 0 16px 0; } .diia-hero-title a { color: #000000; text-decoration: none; } .diia-hero-title a:hover { color: #2D3748; } .diia-hero-text { font-size: 16px; color: #4A5568; line-height: 1.6; margin: 0 0 24px 0; } .diia-hero-footer { display: flex; align-items: center; } .diia-hero-btn { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: #000000 !important; border-bottom: 2px solid transparent; padding-bottom: 2px; text-decoration: none; } .diia-hero-btn:hover { border-bottom-color: #000000; } .diia-hero-btn svg { transition: transform 0.2s ease; } .diia-hero-btn:hover svg { transform: translateX(4px); } @media (max-width: 992px) { .diia-hero-image-box { height: 300px; } .diia-hero-title { font-size: 24px; } } @media (max-width: 640px) { .diia-hero-image-box { height: 200px; } .diia-hero-content { padding: 20px; } .diia-hero-title { font-size: 20px; } .diia-hero-text { font-size: 14.5px; } }.diia-list-item { display: flex; flex-direction: column; gap: 4px; padding: 12px 0; border-bottom: 1px solid #E2E8F0; transition: all 0.2s ease; } .diia-list-item:last-child { border-bottom: none; } .diia-list-date { font-size: 12px; color: #5F7089; font-weight: 500; letter-spacing: 0.2px; } .diia-list-link { font-size: 14.5px; color: #111111; line-height: 1.4; font-weight: 400; display: inline-block; } .diia-list-link:hover { color: #4A5568; text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 640px) { .diia-list-item { padding: 10px 0; } .diia-list-link { font-size: 14px; } }.diia-blur-card { display: flex; gap: 32px; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 16px; padding: 24px; margin-bottom: 24px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .diia-blur-card:hover { border-color: #CBD5E1; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.05); } .diia-blur-image-wrapper { flex: 0 0 40%; position: relative; border-radius: 12px; overflow: hidden; height: 220px; background-color: #000; } .diia-blur-image-wrapper::before { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background-image: var(--bg-image); background-size: cover; background-position: center; filter: blur(12px); opacity: 0.45; z-index: 1; } .diia-blur-img-main { position: relative; width: 100%; height: 100%; object-fit: contain; z-index: 2; display: block; } .diia-card-badge { position: absolute; top: 12px; left: 12px; background: #000000; padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; z-index: 3; } .diia-card-badge a { color: #ffffff !important; text-decoration: none; } .diia-blur-content { flex: 1; display: flex; flex-direction: column; justify-content: center; } .diia-blur-date { font-size: 13px; color: #5F7089; margin-bottom: 8px; display: block; } .diia-blur-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 20px; line-height: 1.4; margin: 0 0 12px 0; font-weight: 700; } .diia-blur-title a { color: #000000; text-decoration: none; } .diia-blur-text { font-size: 14.5px; color: #4A5568; line-height: 1.6; margin: 0 0 20px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .diia-blur-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: #000000 !important; text-decoration: none; } @media (max-width: 768px) { .diia-blur-card { flex-direction: column; gap: 16px; padding: 16px; } .diia-blur-image-wrapper { width: 100%; height: 180px; } }.diia-video-card { display: flex; gap: 24px; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 16px; padding: 20px; margin-bottom: 20px; transition: transform 0.2s ease, box-shadow 0.2s ease; } .diia-video-card:hover { border-color: #CBD5E1; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.05); } .diia-video-preview { flex: 0 0 35%; position: relative; border-radius: 12px; overflow: hidden; height: 150px; background-color: #000000; } .diia-video-img { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; transition: transform 0.3s ease, opacity 0.3s ease; } .diia-play-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.1); transition: background 0.3s ease; } .diia-play-button { width: 52px; height: 52px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.2s ease, background-color 0.2s ease; } .diia-play-button svg { margin-left: 3px; } .diia-video-card:hover .diia-video-img { transform: scale(1.03); opacity: 0.8; } .diia-video-card:hover .diia-play-button { transform: scale(1.1); background-color: #F1F5F9; } .diia-video-card:hover .diia-play-overlay { background: rgba(0, 0, 0, 0.2); } .diia-video-info { flex: 1; display: flex; flex-direction: column; justify-content: center; } .diia-video-date { font-size: 13px; color: #5F7089; font-weight: 500; margin-bottom: 6px; } .diia-video-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 17px; line-height: 1.4; margin: 0 0 12px 0; font-weight: 700; } .diia-video-title a { color: #000000; } .diia-video-title a:hover { color: #4A5568; } .diia-video-footer { margin-top: auto; } .diia-video-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: #000000 !important; border-bottom: 2px solid transparent; padding-bottom: 2px; } .diia-video-btn:hover { border-bottom-color: #000000; } .diia-video-btn svg { transition: transform 0.2s ease; } .diia-video-btn:hover svg { transform: translateX(3px); } @media (max-width: 768px) { .diia-video-card { flex-direction: column; gap: 14px; padding: 14px; } .diia-video-preview { flex: none; width: 100%; height: 180px; } .diia-video-title { font-size: 16px; } }.diia-photo-card { display: block; margin-bottom: 24px; background: #ffffff; transition: transform 0.2s ease; } .diia-photo-link { text-decoration: none !important; display: flex; flex-direction: column; gap: 12px; } .diia-photo-wrapper { position: relative; width: 100%; height: 200px; border-radius: 12px; overflow: hidden; background-color: #F1F5F9; border: 1px solid #E2E8F0; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .diia-photo-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .diia-photo-meta { padding: 0 4px; } .diia-photo-date { font-size: 12px; color: #5F7089; font-weight: 500; display: block; margin-bottom: 4px; } .diia-photo-title { font-size: 15px; line-height: 1.4; color: #000000; font-weight: 700; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .diia-photo-card:hover .diia-photo-wrapper { border-color: #CBD5E1; box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.08); } .diia-photo-card:hover .diia-photo-img { transform: scale(1.03); } .diia-photo-card:hover .diia-photo-title { color: #4A5568; } @media (max-width: 640px) { .diia-photo-wrapper { height: 180px; } .diia-photo-title { font-size: 14px; } }.diia-feedback-container { max-width: 850px; margin: 0 auto; padding: 16px; } .diia-feedback-heading { font-family: 'e-Ukraine Head', sans-serif; font-size: 24px; font-weight: 800; color: #000000; margin-bottom: 24px; } .diia-feedback-form-body { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 16px; padding: 32px; } .diia-form-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; } .diia-form-label { font-size: 14.5px; font-weight: 700; color: #0F172A; } .diia-impot { color: #E11D48; margin-left: 2px; } .diia-form-input, .diia-form-textarea { width: 100%; padding: 12px 16px; font-size: 15px; color: #0F172A; background-color: #ffffff; border: 1px solid #CBD5E1; border-radius: 8px; box-sizing: border-box; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .diia-form-input:focus, .diia-form-textarea:focus { outline: none; border-color: #000000; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05); } .diia-form-input::placeholder, .diia-form-textarea::placeholder { color: #94A3B8; } .diia-form-textarea { height: 150px; resize: vertical; font-family: inherit; } .diia-radio-group { display: flex; gap: 24px; margin-top: 4px; } .diia-radio-label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; } .diia-radio-input { width: 18px; height: 18px; accent-color: #000000; cursor: pointer; } .diia-radio-text { font-size: 15px; font-weight: 500; color: #0F172A; } .diia-form-footer { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #E2E8F0; } .diia-recaptcha-container { width: 100%; display: flex; justify-content: center; } .diia-submit-btn { width: 100%; background-color: #000000; color: #ffffff; font-size: 16px; font-weight: 700; padding: 14px 28px; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; } .diia-submit-btn:hover { background-color: #1E293B; } .diia-submit-btn:active { transform: scale(0.99); } @media (max-width: 640px) { .diia-feedback-form-body { padding: 20px 16px; } .diia-feedback-heading { font-size: 20px; } .diia-submit-btn { font-size: 15px; padding: 12px 24px; } }.diia-fullstory { max-width: 800px; margin: 0 auto; padding: 32px 24px; background: #ffffff; box-sizing: border-box; } .diia-article-title { font-family: 'e-Ukraine Head', 'Helvetica Neue', Arial, sans-serif; font-size: 36px; line-height: 1.25; font-weight: 800; color: #000000; margin: 0 0 20px 0; overflow-wrap: break-word; word-break: break-word; letter-spacing: -0.5px; } .diia-article-meta { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E2E8F0; padding-bottom: 20px; margin-bottom: 36px; font-family: 'e-Ukraine', sans-serif; font-size: 14px; color: #64748B; } .diia-meta-left, .diia-meta-right { display: flex; align-items: center; gap: 10px; } .diia-meta-divider { color: #CBD5E1; font-weight: 400; } .diia-meta-cat a { color: #000000; font-weight: 700; text-decoration: none; } .diia-meta-cat a:hover { text-decoration: underline; } .diia-views { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; } .diia-document-badge { display: inline-flex; align-items: center; gap: 6px; background-color: #000000; color: #ffffff !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 5px 12px; border-radius: 6px; line-height: 1; } .diia-document-badge svg { color: #ffffff; } .diia-article-content { font-family: 'e-Ukraine', 'Helvetica Neue', Arial, sans-serif; font-size: 17.5px; line-height: 1.75; color: #1E293B; font-weight: 400; margin-bottom: 48px; overflow-wrap: break-word; word-break: break-word; } .diia-article-content p { margin: 0 0 20px 0; } .diia-article-content a { color: #000000; text-decoration: underline; font-weight: 500; overflow-wrap: break-word; } .diia-article-content a:hover { color: #475569; } .diia-article-content img, .diia-article-content video { max-width: 100% !important; height: auto !important; object-fit: contain; border-radius: 12px; margin: 28px 0; display: block; background-color: #F8FAFC; } .diia-article-content iframe { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; border-radius: 12px; margin: 28px 0; display: block; border: none; } .diia-article-content .attachment { display: block; margin: 16px 0; padding: 14px 18px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; transition: background-color 0.2s ease, border-color 0.2s ease; } .diia-article-content .attachment:hover { background-color: #F1F5F9; border-color: #CBD5E1; } .diia-article-content .attachment a { color: #000000 !important; font-weight: 700; text-decoration: none !important; font-size: 15px; display: inline-flex; align-items: center; gap: 8px; } .diia-article-content .attachment a::before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; flex-shrink: 0; } .diia-article-footer { display: flex; flex-direction: column; gap: 14px; padding: 28px 0; border-top: 1px solid #E2E8F0; margin-bottom: 48px; } .diia-share-label { font-family: 'e-Ukraine', sans-serif; font-size: 15px; font-weight: 700; color: #0F172A; } .diia-share-buttons { display: flex; flex-wrap: wrap; gap: 10px; } .diia-share-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font-family: 'e-Ukraine', sans-serif; font-size: 14px; font-weight: 700; color: #ffffff !important; text-decoration: none !important; border-radius: 8px; transition: transform 0.2s ease, filter 0.2s ease; } .diia-share-btn:hover { filter: brightness(0.92); transform: translateY(-1px); } .btn-telegram { background-color: #229ED9; } .btn-viber { background-color: #7360F2; } .btn-facebook { background-color: #1877F2; } .btn-whatsapp { background-color: #25D366; } .diia-related-section { background: #F8FAFC; border-radius: 16px; padding: 32px; margin-bottom: 40px; border: 1px solid #E2E8F0; } .diia-related-heading { font-family: 'e-Ukraine Head', sans-serif; font-size: 22px; font-weight: 700; margin: 0 0 20px 0; color: #000000; } .diia-comments-section { margin-top: 40px; padding-top: 28px; border-top: 1px solid #E2E8F0; } .diia-comments-heading { font-family: 'e-Ukraine Head', sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 24px; } .diia-poll-wrapper { margin-bottom: 28px; } @media (max-width: 768px) { .diia-fullstory { padding: 20px 16px; } .diia-article-title { font-size: 26px; line-height: 1.3; } .diia-article-meta { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: 16px; margin-bottom: 24px; } .diia-meta-left { flex-wrap: wrap; gap: 8px; } .diia-article-content { font-size: 16px; line-height: 1.65; margin-bottom: 32px; } .diia-article-content img, .diia-article-content video, .diia-article-content iframe { margin: 18px 0; border-radius: 8px; } .diia-article-content .attachment { padding: 12px 14px; } .diia-article-content .attachment a { font-size: 14px; } .diia-related-section { padding: 20px 16px; } .diia-share-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; } .diia-share-btn { justify-content: center; padding: 12px 10px; font-size: 13px; } } @media (max-width: 480px) { .diia-article-title { font-size: 22px; } .diia-share-buttons { grid-template-columns: 1fr; } }.diia-info-box { display: flex; align-items: flex-start; gap: 16px; max-width: 800px; margin: 24px auto; padding: 20px 24px; background-color: #FAFAFA; border: 1px solid #E2E8F0; border-left: 4px solid #000000; border-radius: 4px 12px 12px 4px; box-sizing: border-box; font-family: 'e-Ukraine', sans-serif; } .diia-info-icon { display: flex; align-items: center; justify-content: center; color: #000000; flex-shrink: 0; margin-top: 2px; } .diia-info-body { display: flex; flex-direction: column; gap: 6px; width: 100%; } .diia-info-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 18px; font-weight: 800; color: #000000; margin: 0; line-height: 1.3; } .diia-info-message { font-size: 15px; line-height: 1.5; color: #4A5568; margin: 0; } .diia-info-message a { color: #000000; font-weight: 700; text-decoration: underline; } .diia-info-message a:hover { text-decoration: none; } @media (max-width: 640px) { .diia-info-box { padding: 16px; gap: 12px; margin: 16px 12px; } .diia-info-title { font-size: 16px; } .diia-info-message { font-size: 14px; } }.diia-pagination-container { display: flex; justify-content: center; align-items: center; margin: 40px 0; width: 100%; clear: both; } .diia-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; font-family: 'e-Ukraine', 'Inter', sans-serif; font-size: 16px; font-weight: 500; max-width: 100%; } .diia-page-arrow { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; color: #122945 !important; text-decoration: none; border-radius: 8px; transition: background-color 0.2s ease, color 0.2s ease; cursor: pointer; font-weight: 700; } .diia-page-arrow:hover { background-color: #F1F5F9; color: #122945 !important; } /* Блок з цифрами */ .diia-page-numbers { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; } .diia-page-numbers a, .diia-page-numbers span { display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 6px; text-decoration: none !important; color: #475569 !important; border-radius: 8px; transition: all 0.2s ease; } .diia-page-numbers a:hover { background-color: #F1F5F9; color: #122945 !important; } .diia-page-numbers span { background-color: #122945 !important; color: #ffffff !important; font-weight: 700; } .diia-page-numbers .nav_ext { color: #94A3B8 !important; background: transparent !important; cursor: default; } @media (max-width: 640px) { .diia-pagination { gap: 6px; font-size: 14px; width: 100%; } .diia-page-arrow { padding: 10px; font-size: 0 !important; } .diia-page-arrow svg { margin: 0; width: 20px; height: 20px; } .diia-page-numbers { gap: 2px; } .diia-page-numbers a, .diia-page-numbers span { min-width: 36px; height: 36px; font-size: 14px; } } @media (max-width: 380px) { .diia-page-numbers a, .diia-page-numbers span { min-width: 32px; height: 32px; border-radius: 6px; } }.diia-search-post-card { display: flex; gap: 24px; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 16px; padding: 20px; margin-bottom: 20px; transition: box-shadow 0.2s ease, border-color 0.2s ease; } .diia-search-post-card:hover { border-color: #CBD5E1; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.04); } .diia-search-post-img { width: 200px; height: 130px; border-radius: 12px; overflow: hidden; flex-shrink: 0; background-color: #F8FAFC; } .diia-search-post-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .diia-search-post-card:hover .diia-search-post-img img { transform: scale(1.03); } .diia-no-image-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #F1F5F9; transition: background-color 0.3s ease; } .diia-search-post-card:hover .diia-no-image-placeholder { background: #E2E8F0; } .diia-trizub-svg-wrapper { width: 32px; height: auto; opacity: 0.85; transition: transform 0.3s ease, opacity 0.3s ease; } .diia-search-post-card:hover .diia-trizub-svg-wrapper { transform: scale(1.08); opacity: 1; } .diia-search-post-info { display: flex; flex-direction: column; justify-content: center; gap: 8px; } .diia-search-post-meta, .diia-search-short-meta { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #64748B; font-weight: 500; } .diia-search-meta-divider { color: #CBD5E1; } .diia-search-cat a { color: #000000; text-decoration: none; font-weight: 700; } .diia-search-cat a:hover { text-decoration: underline; } .diia-search-post-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 20px; font-weight: 800; line-height: 1.4; margin: 0; } .diia-search-post-title a { color: #000000; text-decoration: none; } .diia-search-post-title a:hover { color: #1E293B; } .diia-search-post-short, .diia-search-comment-short { padding: 16px 0; border-bottom: 1px solid #E2E8F0; } .diia-search-short-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 16.5px; font-weight: 700; margin: 0 0 6px 0; } .diia-search-short-title a { color: #000000; text-decoration: none; } .diia-search-short-title a:hover { text-decoration: underline; } .diia-search-comment-card { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 16px; padding: 24px; margin-bottom: 24px; } .diia-comment-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .diia-comment-user { display: flex; align-items: center; gap: 12px; } .diia-comment-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: #CBD5E1; } .diia-comment-avatar img { width: 100%; height: 100%; object-fit: cover; } .diia-comment-user-meta { display: flex; flex-direction: column; gap: 2px; } .diia-comment-author { font-size: 15px; font-weight: 700; color: #000000; } .diia-comment-date { font-size: 12.5px; color: #64748B; } .diia-comment-quote-btn { font-size: 13px; font-weight: 700; color: #000000; cursor: pointer; background: #ffffff; border: 1px solid #E2E8F0; padding: 6px 14px; border-radius: 6px; } .diia-comment-quote-btn:hover { background: #F1F5F9; } .diia-comment-content { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px 20px; } .diia-comment-source-title { font-size: 14px; font-weight: 700; color: #64748B; margin: 0 0 10px 0; } .diia-comment-text { font-size: 15px; line-height: 1.5; color: #0F172A; } .diia-comment-signature { margin-top: 12px; padding-top: 8px; border-top: 1px dashed #E2E8F0; font-size: 13px; color: #64748B; font-style: italic; } .diia-comment-moderation { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-top: 12px; border-top: 1px dashed #CBD5E1; font-size: 13px; } .diia-comment-mod-links { display: flex; gap: 14px; } .diia-comment-mod-links a { color: #475569; font-weight: 600; text-decoration: none; } .diia-comment-mod-links a:hover { color: #000000; text-decoration: underline; } .diia-comment-mod-links .diia-mod-delete a { color: #DF1C1C; } @media (max-width: 640px) { .diia-search-post-card { flex-direction: column; gap: 16px; padding: 16px; } .diia-search-post-img { width: 100%; height: 160px; } .diia-search-post-title { font-size: 17px; } .diia-comment-header { flex-direction: column; align-items: flex-start; gap: 12px; } .diia-comment-actions-top { width: 100%; } .diia-comment-quote-btn { display: block; text-align: center; width: 100%; box-sizing: border-box; } .diia-comment-moderation { flex-direction: column; align-items: flex-start; gap: 12px; } }.diia-search-results-container { max-width: 800px; margin: 0 auto; padding: 24px 16px; font-family: 'e-Ukraine', sans-serif; } .diia-search-heading { font-family: 'e-Ukraine Head', sans-serif; font-size: 24px; font-weight: 800; color: #000000; margin-bottom: 24px; letter-spacing: -0.5px; } .diia-search-alert { display: flex; align-items: center; gap: 16px; background-color: #F8FAFC; border: 1px solid #E2E8F0; border-left: 4px solid #000000; border-radius: 4px 12px 12px 4px; padding: 18px 24px; box-sizing: border-box; } .diia-search-alert-icon { display: flex; align-items: center; justify-content: center; color: #64748B; flex-shrink: 0; } .diia-search-alert-text { font-size: 15.5px; font-weight: 500; color: #0F172A; line-height: 1.5; } @media (max-width: 640px) { .diia-search-results-container { padding: 16px 12px; } .diia-search-heading { font-size: 20px; margin-bottom: 16px; } .diia-search-alert { padding: 14px 16px; gap: 12px; } .diia-search-alert-text { font-size: 14px; } }.diia-news-line { display: flex; align-items: baseline; gap: 16px; padding: 10px 12px; border-bottom: 1px solid #E2E8F0; border-radius: 6px; transition: background-color 0.2s ease, padding-left 0.2s ease; } .diia-news-line:last-child { border-bottom: none; } .diia-news-line-date { font-size: 13px; color: #5F7089; font-weight: 500; white-space: nowrap; flex-shrink: 0; } .diia-news-line-link { font-size: 14.5px; color: #111111; line-height: 1.4; font-weight: 400; text-decoration: none; } .diia-news-line:hover { background-color: #F1F5F9; padding-left: 16px; } .diia-news-line:hover .diia-news-line-link { color: #000000; text-decoration: underline; text-underline-offset: 3px; } @media (max-width: 640px) { .diia-news-line { flex-direction: column; gap: 4px; padding: 8px 6px; } .diia-news-line:hover { padding-left: 6px; } .diia-news-line-link { font-size: 14px; } }.diia-doc-line { display: flex; align-items: flex-start; gap: 16px; padding: 16px 20px; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 12px; margin-bottom: 12px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .diia-doc-line:hover { border-color: #CBD5E1; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); } .diia-doc-icon { color: #5F7089; flex-shrink: 0; padding-top: 12px; } .diia-category-33 .diia-doc-icon { color: #DD6B20; } .diia-doc-body { display: flex; flex-direction: column; gap: 4px; } .diia-doc-title { font-size: 16px; line-height: 1.4; font-weight: 700; margin: 0; } .diia-doc-title a { color: #000000; text-decoration: none; } .diia-doc-title a:hover { color: #4A5568; text-decoration: underline; } .diia-doc-date { font-size: 13px; color: #5F7089; font-weight: 500; } .diia-general-card { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 16px; padding: 24px; margin-bottom: 32px; } .diia-general-meta { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #5F7089; margin-bottom: 12px; } .diia-general-divider { color: #E2E8F0; } .diia-general-cat a { color: #000000; font-weight: 600; text-decoration: none; } .diia-general-views { display: inline-flex; align-items: center; gap: 4px; } .diia-general-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 24px; line-height: 1.3; font-weight: 800; margin: 0 0 16px 0; } .diia-general-title a { color: #000000; text-decoration: none; } .diia-general-title a:hover { color: #4A5568; } .diia-general-image { width: 100%; max-height: 450px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; background-color: #F1F5F9; } .diia-general-image img { width: 100%; height: 100%; object-fit: cover; } .diia-general-footer { display: flex; margin-top: 16px; } .diia-general-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 700; color: #000000 !important; border-bottom: 2px solid transparent; padding-bottom: 2px; text-decoration: none; } .diia-general-btn:hover { border-bottom-color: #000000; } .diia-general-btn svg { transition: transform 0.2s ease; } .diia-general-btn:hover svg { transform: translateX(3px); } @media (max-width: 768px) { .diia-general-card { padding: 16px; } .diia-general-title { font-size: 19px; } .diia-doc-line { padding: 12px 14px; } .diia-doc-title { font-size: 14.5px; } } .diia-static-container { max-width: 900px; margin: 0 auto; padding: 24px 16px; background: #ffffff; } .diia-static-title { font-family: 'e-Ukraine Head', sans-serif; font-size: 28px; line-height: 1.3; font-weight: 800; color: #000000; margin-bottom: 12px; } .diia-static-meta { display: flex; align-items: center; gap: 10px; font-family: 'e-Ukraine', sans-serif; font-size: 14px; color: #64748B; padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid #E2E8F0; } .diia-meta-divider { color: #CBD5E1; } .diia-document-badge { display: inline-flex; align-items: center; gap: 6px; background-color: #000000; color: #ffffff !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 5px 12px; border-radius: 6px; line-height: 1; } .diia-document-badge svg { color: #ffffff; } .diia-static-subtitle { font-family: 'e-Ukraine Head', sans-serif; font-size: 18px; font-weight: 700; color: #000000; margin: 0 0 16px 0; } .diia-static-menu-block { margin-bottom: 32px; } .diia-main-static-text { font-family: 'e-Ukraine', 'Helvetica Neue', Arial, sans-serif; font-size: 16.5px; line-height: 1.65; color: #1A202C; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } .diia-main-static-text p { margin: 0 0 20px 0; } .diia-main-static-text a { color: #000000; text-decoration: underline; font-weight: 500; } .diia-main-static-text a:hover { color: #475569; } .diia-main-static-text .attachment { display: block; margin: 16px 0; padding: 14px 18px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; transition: background-color 0.2s ease, border-color 0.2s ease; } .diia-main-static-text .attachment:hover { background-color: #F1F5F9; border-color: #CBD5E1; } .diia-main-static-text .attachment a { color: #000000 !important; font-weight: 700; text-decoration: none !important; font-size: 15px; display: inline-flex; align-items: center; gap: 8px; } .diia-main-static-text .attachment a::before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; flex-shrink: 0; } .diia-main-static-text table { width: 100% !important; max-width: 100%; margin-bottom: 20px; border-collapse: collapse; } .diia-static-action-link { display: flex; justify-content: space-between; align-items: center; background: #F8FAFC; border: 1px solid #E2E8F0; padding: 18px 24px; border-radius: 12px; font-weight: 700; color: #000000; text-decoration: none; transition: all 0.2s ease; } .diia-static-action-link:hover { background: #F1F5F9; border-color: #CBD5E1; } .diia-static-grid-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .diia-static-card-link { display: flex; align-items: center; background: #ffffff; border: 1px solid #E2E8F0; padding: 16px 20px; border-radius: 12px; font-size: 15px; font-weight: 700; color: #000000; text-decoration: none; transition: all 0.2s ease; } .diia-static-card-link:hover { border-color: #94A3B8; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); } .diia-accent-link { background: #000000; color: #ffffff; border-color: #000000; } .diia-accent-link:hover { background: #1E293B; color: #ffffff; } .diia-static-list-links { display: flex; flex-direction: column; border: 1px solid #E2E8F0; border-radius: 12px; overflow: hidden; } .diia-static-list-item { font-size: 15px; font-weight: 500; color: #000000; padding: 14px 20px; text-decoration: none; background: #ffffff; border-bottom: 1px solid #E2E8F0; transition: background-color 0.2s ease; } .diia-static-list-item:last-child { border-bottom: none; } .diia-static-list-item:hover { background-color: #F8FAFC; color: #4A5568; text-decoration: underline; } .diia-widget-wrapper { background: #ffffff; overflow: hidden; } @media (max-width: 768px) { .diia-static-title { font-size: 22px; } .diia-static-meta { flex-wrap: wrap; gap: 8px; font-size: 13px; } .diia-static-grid-links { grid-template-columns: 1fr; gap: 12px; } .diia-static-list-item { padding: 12px 16px; font-size: 14px; } .diia-main-static-text table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } }.diia-topnews-item { display: flex; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid #E2E8F0; transition: background-color 0.2s ease; } .diia-topnews-item:last-child { border-bottom: none; } .diia-topnews-thumb { flex: 0 0 70px; width: 70px; height: 70px; border-radius: 8px; overflow: hidden; background-color: #F1F5F9; } .diia-topnews-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .diia-topnews-content { flex: 1; display: flex; flex-direction: column; gap: 4px; } .diia-topnews-date { font-size: 12px; color: #5F7089; font-weight: 500; } .diia-topnews-title { font-size: 14px; line-height: 1.4; font-weight: 700; margin: 0; } .diia-topnews-title a { color: #000000; text-decoration: none; } .diia-topnews-item:hover .diia-topnews-img { transform: scale(1.05); } .diia-topnews-item:hover .diia-topnews-title a { color: #4A5568; text-decoration: underline; text-underline-offset: 3px; } @media (max-width: 480px) { .diia-topnews-item { gap: 12px; padding: 10px 0; } .diia-topnews-thumb { flex: 0 0 60px; width: 60px; height: 60px; } .diia-topnews-title { font-size: 13.5px; } }body.cecutient-open #diiaMenu {top: auto !important;padding-top: 20px !important;}.diia-scroll-top { position: fixed; bottom: 30px; right: 30px; width: 48px; height: 48px; background-color: #122945; color: #ffffff; border: none; border-radius: 12px; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity 0.3s ease, transform 0.2s ease; z-index: 9997; display: flex; align-items: center; justify-content: center; } .diia-scroll-top:hover { transform: translateY(-5px); background-color: #1b3a60; }