.trending-no { display: none !important; }
.read-categories.categories-inside-image { display: none !important; }
.widget-title .heading-line::before { background-color: #0014FF !important; }
form.beast-search-pill input[name="s"]::placeholder { color: transparent !important; } .read-title a:hover, .read-title h3 a:hover { color: inherit !important; }
.grid-design-texts-over-image .read-title a:hover,
.grid-design-texts-over-image .read-title h3 a:hover { color: #fff !important; } .aft-below-site-header-section { overflow: hidden !important; }
.aft-below-site-header-section .af-title-subtitle-wrap,
.aft-below-site-header-section .read-img,
.aft-below-site-header-section .read-categories { display: none !important; }
.aft-below-site-header-section .slick-wrapper {
display: inline-flex !important; flex-wrap: nowrap !important; width: max-content !important;
align-items: center !important; animation: beastTicker 60s linear infinite;
}
.aft-below-site-header-section .slick-item {
display: block !important; width: auto !important; flex: 0 0 auto !important;
float: none !important; height: 40px !important; margin: 0 55px 0 0 !important; padding: 0 !important;
}
.aft-below-site-header-section .read-single {
display: block !important; position: static !important; height: 40px !important;
padding: 0 !important; background: transparent !important; border: 0 !important;
}
.aft-below-site-header-section .read-details {
position: static !important; width: auto !important; padding: 0 !important;
transform: none !important; left: auto !important; bottom: auto !important;
}
.aft-below-site-header-section .read-title,
.aft-below-site-header-section .read-title a {
white-space: nowrap !important; color: #fff !important; font-size: 14px !important;
line-height: 40px !important; font-weight: 400 !important; margin: 0 !important;
}
@keyframes beastTicker { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100%); } } .beast-front .bx-wrap { padding: 26px 0; }
.beast-front .bx-title {
font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 16px;
color: #000; border-bottom: 3px solid #0014FF; display: inline-block;
padding-bottom: 6px; margin: 0 0 20px;
}
.beast-front .bx-bento {
display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 200px 200px;
gap: 14px; align-items: stretch;
}
.beast-front .bx-tile {
position: relative; border-radius: 10px; overflow: hidden; display: block;
text-decoration: none; background-size: cover; background-position: center; background-color: #ddd;
}
.beast-front .bx-tile:before {
content: ''; position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.15) 65%);
}
.beast-front .bx-tile.lead { grid-column: span 2; grid-row: span 2; height: 100%; }
.beast-front .bx-pill {
position: absolute; top: 12px; left: 12px; background: #0014FF; color: #fff;
font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 600;
padding: 4px 10px; border-radius: 4px; text-transform: uppercase; letter-spacing: .5px; z-index: 2;
}
.beast-front .bx-tile h3 {
position: absolute; left: 14px; right: 14px; bottom: 14px; color: #fff;
font-family: 'Oswald', sans-serif; font-weight: 600; line-height: 1.15; font-size: 17px; margin: 0; z-index: 2;
}
.beast-front .bx-tile.lead h3 { font-size: 29px; }
.beast-front .bx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.beast-front .bx-card { display: block; text-decoration: none; color: #000; }
.beast-front .bx-cimg {
width: 100%; aspect-ratio: 16/10; border-radius: 8px;
background-size: cover; background-position: center; background-color: #eee;
}
.beast-front .bx-card h4 {
font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 18px;
line-height: 1.4; color: #000; margin: 11px 0 0;
}
@media (max-width: 782px) {
.beast-front .bx-bento { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
.beast-front .bx-tile { min-height: 180px; }
.beast-front .bx-tile.lead { grid-column: span 2; grid-row: auto; min-height: 240px; }
.beast-front .bx-grid { grid-template-columns: 1fr; }
} .aft-main-banner-section,
.aft-frontpage-feature-section-wrapper { display: none !important; } .beast-front .bx-pill { display: none !important; }
.beast-front .bx-title { text-transform: uppercase !important; }
.above-footer-widget-section .af-container-row { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; }
.above-footer-widget-section .af-container-row .col-4 { float: none !important; width: auto !important; margin: 0 !important; }