body.dtf-blog-listing-polish-v51 { --dtf-blog-polish-blue: #0078ff; --dtf-blog-polish-blue2: #009fe3; --dtf-blog-polish-dark: #07111f; --dtf-blog-polish-muted: #64748b; --dtf-blog-polish-border: rgba(15,23,42,.10); --dtf-blog-polish-shadow: 0 14px 34px rgba(15,23,42,.075); overflow-x: hidden !important; } body.dtf-blog-listing-polish-v51 .page-top, body.dtf-blog-listing-polish-v51 .porto-page-title, body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 10px 0 8px !important; border: 0 !important; background: radial-gradient(circle at 18% 4%, rgba(0,159,227,.10), transparent 30%), linear-gradient(180deg, #f3fbff 0%, #ffffff 100%) !important; overflow: visible !important; } body.dtf-blog-listing-polish-v51 .page-title-wrap, body.dtf-blog-listing-polish-v51 .page-title, body.dtf-blog-listing-polish-v51 .page-top h1, body.dtf-blog-listing-polish-v51 .page-top h2, body.dtf-blog-listing-polish-v51 .porto-page-title h1, body.dtf-blog-listing-polish-v51 .porto-page-title h2 { display: none !important; } body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap { width: min(1320px, calc(100vw - 28px)) !important; max-width: 1320px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } body.dtf-blog-listing-polish-v51 .breadcrumbs, body.dtf-blog-listing-polish-v51 .breadcrumb, body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap ul, body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap ol { display: inline-flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; max-width: 100% !important; margin: 0 !important; padding: 9px 14px !important; border-radius: 999px !important; background: #ffffff !important; border: 1px solid rgba(0,120,255,.12) !important; color: #64748b !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 750 !important; list-style: none !important; box-shadow: 0 8px 22px rgba(15,23,42,.055) !important; } body.dtf-blog-listing-polish-v51 .breadcrumbs a, body.dtf-blog-listing-polish-v51 .breadcrumb a, body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap a { color: #0f172a !important; text-decoration: none !important; font-weight: 850 !important; } body.dtf-blog-listing-polish-v51 .breadcrumbs a:hover, body.dtf-blog-listing-polish-v51 .breadcrumb a:hover, body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap a:hover { color: var(--dtf-blog-polish-blue) !important; } body.dtf-blog-listing-polish-v51 .dtf-blog-topics-v5 { padding: 4px 2px 20px !important; gap: 10px !important; } body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5 { position: relative !important; border-radius: 13px !important; background: rgba(255,255,255,.95) !important; border: 1px solid rgba(15,23,42,.10) !important; color: #0f172a !important; box-shadow: 0 8px 20px rgba(15,23,42,.045) !important; } body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5:hover, body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5.is-active, body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5.dtf-chip-current { color: #ffffff !important; border-color: rgba(0,120,255,.45) !important; background: linear-gradient(135deg, #0078ff, #009fe3) !important; box-shadow: 0 12px 28px rgba(0,120,255,.22) !important; transform: translateY(-1px) !important; } body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5.is-active svg, body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5.dtf-chip-current svg, body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5:hover svg { color: #ffffff !important; stroke: #ffffff !important; } body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5.is-active::after, body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5.dtf-chip-current::after { content: ""; position: absolute; left: 50%; bottom: -9px; width: 22px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #0078ff, #009fe3); transform: translateX(-50%); } @media (min-width: 992px) { body.dtf-blog-listing-polish-v51 .main-content-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px !important; gap: 28px !important; align-items: start !important; } body.dtf-blog-listing-polish-v51 .main-content-wrap > .main-content, body.dtf-blog-listing-polish-v51 #main .main-content { width: 100% !important; max-width: none !important; flex: none !important; min-width: 0 !important; } body.dtf-blog-listing-polish-v51 .porto-blog-sidebar, body.dtf-blog-listing-polish-v51 #main .sidebar, body.dtf-blog-listing-polish-v51 #main aside.sidebar { width: 300px !important; max-width: 300px !important; flex: none !important; margin: 0 !important; padding: 0 !important; align-self: start !important; position: sticky !important; top: 94px !important; max-height: calc(100vh - 110px) !important; overflow-y: auto !important; scrollbar-width: thin !important; } } body.dtf-blog-listing-polish-v51 .porto-blog-sidebar .sidebar-content, body.dtf-blog-listing-polish-v51 .sidebar .sidebar-content { display: flex !important; flex-direction: column !important; gap: 16px !important; } body.dtf-blog-listing-polish-v51 .porto-blog-sidebar .widget, body.dtf-blog-listing-polish-v51 .sidebar .widget { margin: 0 !important; padding: 16px !important; border-radius: 17px !important; background: #ffffff !important; border: 1px solid rgba(15,23,42,.10) !important; box-shadow: 0 14px 32px rgba(15,23,42,.065) !important; overflow: hidden !important; } body.dtf-blog-listing-polish-v51 .porto-blog-sidebar .widget-title, body.dtf-blog-listing-polish-v51 .sidebar .widget-title { margin: 0 0 13px !important; padding: 0 0 10px !important; color: var(--dtf-blog-polish-dark) !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: -.015em !important; text-transform: none !important; border-bottom: 1px solid rgba(15,23,42,.08) !important; } body.dtf-blog-listing-polish-v51 .wp-block-search__inside-wrapper { display: flex !important; gap: 8px !important; } body.dtf-blog-listing-polish-v51 .wp-block-search__input { min-width: 0 !important; height: 40px !important; border-radius: 10px !important; border: 1px solid rgba(15,23,42,.10) !important; padding: 0 12px !important; font-size: 12px !important; box-shadow: none !important; } body.dtf-blog-listing-polish-v51 .wp-block-search__button { height: 40px !important; min-width: 70px !important; padding: 0 12px !important; border-radius: 10px !important; border: 0 !important; background: #07111f !important; color: #ffffff !important; font-size: 12px !important; font-weight: 850 !important; } body.dtf-blog-listing-polish-v51 .widget_categories ul, body.dtf-blog-listing-polish-v51 .widget_archive ul, body.dtf-blog-listing-polish-v51 .widget_recent_entries ul { display: grid !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.dtf-blog-listing-polish-v51 .widget_categories li, body.dtf-blog-listing-polish-v51 .widget_archive li, body.dtf-blog-listing-polish-v51 .widget_recent_entries li { margin: 0 !important; padding: 0 !important; border: 0 !important; } body.dtf-blog-listing-polish-v51 .widget_categories li a, body.dtf-blog-listing-polish-v51 .widget_archive li a, body.dtf-blog-listing-polish-v51 .widget_recent_entries li a { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 9px 0 !important; color: #334155 !important; font-size: 12.5px !important; line-height: 1.35 !important; font-weight: 700 !important; text-decoration: none !important; border-bottom: 1px solid rgba(15,23,42,.06) !important; } body.dtf-blog-listing-polish-v51 .widget_categories li a:hover, body.dtf-blog-listing-polish-v51 .widget_archive li a:hover, body.dtf-blog-listing-polish-v51 .widget_recent_entries li a:hover { color: var(--dtf-blog-polish-blue) !important; } body.dtf-blog-listing-polish-v51 .widget-recent-posts .post-item-small { margin-bottom: 12px !important; gap: 10px !important; align-items: center !important; } body.dtf-blog-listing-polish-v51 .widget-recent-posts .post-image, body.dtf-blog-listing-polish-v51 .widget-recent-posts .post-image img { width: 58px !important; height: 58px !important; min-width: 58px !important; border-radius: 10px !important; object-fit: cover !important; } body.dtf-blog-listing-polish-v51 .widget-recent-posts h5 { margin: 0 0 4px !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 800 !important; } @media (max-width: 991px) { body.dtf-blog-listing-polish-v51 .page-top, body.dtf-blog-listing-polish-v51 .porto-page-title, body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap { padding-top: 8px !important; padding-bottom: 8px !important; } body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap { width: calc(100% - 24px) !important; } body.dtf-blog-listing-polish-v51 .breadcrumbs, body.dtf-blog-listing-polish-v51 .breadcrumb, body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap ul, body.dtf-blog-listing-polish-v51 .breadcrumbs-wrap ol { border-radius: 14px !important; padding: 9px 11px !important; font-size: 11px !important; } body.dtf-blog-listing-polish-v51 .dtf-blog-topics-v5 { margin-left: -4px !important; margin-right: -4px !important; padding-left: 4px !important; padding-right: 4px !important; overflow-x: auto !important; scroll-snap-type: x proximity !important; } body.dtf-blog-listing-polish-v51 .dtf-blog-topic-chip-v5 { scroll-snap-align: start !important; min-height: 42px !important; padding: 10px 13px !important; font-size: 12px !important; } body.dtf-blog-listing-polish-v51 .main-content-wrap { display: block !important; } body.dtf-blog-listing-polish-v51 .porto-blog-sidebar, body.dtf-blog-listing-polish-v51 #main .sidebar, body.dtf-blog-listing-polish-v51 #main aside.sidebar { width: calc(100% - 18px) !important; max-width: 680px !important; margin: 22px auto 0 !important; padding: 0 !important; position: static !important; max-height: none !important; overflow: visible !important; } }