/*
Theme Name: Detail News
Theme URI: https://ascendoor.com/themes/detail-news/
Template: macro-news
Author: Ascendoor
Author URI: https://ascendoor.com/
Description: Detail News ( child theme of Macro News ) theme is a versatile magazine template ideal for news sites, blogs, publishing platforms, and review websites. It offers numerous layouts and can be customized for different industries such as business, finance, healthcare, sports, fashion, and more. Featuring demo content that can be tailored to specific needs, the theme’s homepage showcases a clean, simple magazine-style design. It includes a post banner slider, the latest posts, and a custom widget layout. With its modern and minimalist aesthetic, the theme is user-friendly and easy to set up, especially with the provided pre-built demo. Additionally, the Detail News theme is responsive, ensuring optimal viewing across different screen resolutions and browsers. It is compatible with multiple browsers and has been optimized for speed, performance, and search engine optimization (SEO). Demo link: Demo link: https://demos.ascendoor.com/detail-news/
Tags: custom-background,custom-logo,custom-colors,custom-menu,featured-images,threaded-comments,translation-ready,theme-options,footer-widgets,full-width-template,left-sidebar,right-sidebar,news,blog
Version: 1.0.0.1760610068
Updated: 2025-10-16 15:51:08

*/

:root {
    --primary-color: #ed0000;
    --footer-bg-color: #000;
}
.banner-section.banner-section-style-1 .banner-section-wrapper {
    display: flex;
    margin-inline: -10px;
    align-items: flex-start;
}
.banner-section.banner-section-style-1 .banner-section-wrapper > * {
    padding-inline: 10px;
}
.banner-section.banner-section-style-1 .banner-section-wrapper > *:not(.slider-part) {
    width: 25%;
    container-type: inline-size;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part {
    width: 50%;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part .mag-post-single .mag-post-img {
    aspect-ratio: 1 / 0.7;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part .mag-post-single .mag-post-detail .mag-post-title {
    font-size: var(--font-size-md);
}
.banner-section.banner-section-style-1 .banner-section-wrapper .editors-pick-part .editors-pick-wrapper .mag-post-single {
    margin-bottom: 20px;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .editors-pick-part .editors-pick-wrapper .mag-post-single .mag-post-detail .mag-post-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: calc(var(--font-size-sm) + 2px);
    margin: 0 0 5px;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single {
    margin-bottom: 20px;
    gap: 15px;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-img {
    width: 35%;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-img .trending-no {
    width: 30px;
    position: absolute;
    display: flex;
    font-size: calc(var(--font-size-sm) + 2px);
    inset-inline-start: 5px;
    z-index: 1;
    background-color: var theme color;
    line-height: 1;
    color: var(--white);
    height: 30px;
    align-items: center;
    justify-content: center;
    bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-img + .mag-post-detail {
    width: calc(65% - 20px);
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-detail {
    padding-inline-end: 5px;
    align-self: center;
    padding: 10px 0;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-detail .mag-post-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: calc(var(--font-size-sm) + 2px);
    margin: 0 0 5px;
}
.magazine-tile-section.style-2 .magazine-tile-section-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child {
    grid-column: span 2;
}
.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child .mag-post-detail .mag-post-title {
    font-size: var(--font-size-md);
}
.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) {
    grid-row: span 2;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single {
    min-height: 60px;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-img {
    background-color: transparent;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    -o-box-shadow: unset;
    box-shadow: unset;
    max-width: 70px;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-img a {
    display: none;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-img .trending-counter {
    top: 50%;
    font-size: var(--font-size-lg);
    inset-inline-start: 50%;
    background-color: transparent;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--clr-foreground);
    opacity: 0.2;
    bottom: unset;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-detail {
    padding-inline-end: 15px;
    padding-block: 15px;
    padding-block: 5px;
    padding: 5px;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-detail .mag-post-title {
    font-size: calc(var(--font-size-base) - 3px);
    font-size: var(--font-size-sm);
    margin: 0 0 5px;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single:focus-within .mag-post-img .trending-counter, .magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single:hover .mag-post-img .trending-counter {
    opacity: 0.7;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single:not(:nth-child(n+10)) .mag-post-img .trending-counter::before {
    content: "0";
}
@media (max-width: 991px) {
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part {
    order: 3;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .editors-pick-part {
    order: 2;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part {
    width: 100%;
    order: 1;
}
.banner-section.banner-section-style-1 .banner-section-wrapper > *:not(.slider-part) {
    width: 50%;
}
.banner-section.banner-section-style-1 .banner-section-wrapper {
    flex-wrap: wrap;
}
}
@media (max-width: 600px) {
.banner-section.banner-section-style-1 .banner-section-wrapper > *:not(.slider-part) {
    width: 100%;
}
.banner-section.banner-section-style-1 .banner-section-wrapper {
    flex-direction: column;
    gap: 20px;
}
}
@media (min-width: 992px) {
.banner-section.banner-section-style-1 .banner-section-wrapper > * {
    position: sticky;
    top: 40px;
}
}
@media (min-width: 1024px) {
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part .mag-post-single .mag-post-detail .mag-post-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
}
.site-footer {
    background: #000;
    padding-top: 15px;
}
.site-footer-bottom{
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-footer .site-footer-bottom::before{
   background: #000 !important;
}
.site-info p{
    color:#fff;
}
.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single {
    flex-shrink: 0;
    padding-inline: 15px;
    width: 24%;
}
.site-footer .widget:not(.ascendoor-widget) ol li a,.site-footer .widget:not(.ascendoor-widget) ul li a,.site-footer .widgettitle,.site-footer .widget-title {
    text-decoration: none;
    color: #fff;
}
.site-info span ,.site-info a{
    color: #b3abab;
}