/* 
-----------------------------------------------
Newspaper Reports Template Style
Name:        Newspaper Reports
License:     Premium Version
Version:     3.0
Author:      Newspaper Reports
Author Url:  https://www.newspaperreports.com
Contact:     asupdatemedia518@gmail.com
----------------------------------------------- */

:root {
    /* AS NPR Meta Advertisement */
    --asNpr-primary-gAds-lbl: 'Advertisement - scroll for more content';
    --asNpr-secendary-gAds-lbl: 'Advertisement';
    --asNpr-primary-gAds-clr: #626262;
    --asNpr-secendary-gAds-clr: #626262;
    --asNpr-x-nh: 80px;
    --asNpr-x-nbh: 80px;
    /* AS Primary Font */
    --asNpr-font-heading: 'Roboto Flex', sans-serif;
    --asNpr-i-font-heading: 'Noto Serif', sans-serif;
    --asNpr-font-content: 'Roboto Flex', sans-serif;
    --asNpr-font-tag: 'Roboto Flex', sans-serif;
    /* AS Primary Color */
    --asNpr-heading-m-clr: #303030;
    --asNpr-content-m-clr: #303030;
    --asNpr-bg-m-clr: #303030;
    --asNpr-bd-m-clr: #303030;
    --asNpr-heading-x-clr: #ffffff;
    --asNpr-content-x-clr: #ffffff;
    --asNpr-bg-x-clr: #ffffff;
    --asNpr-bd-x-clr: #ffffff;
    /* AS Primary Color */
    --as-primary-border-tp-clr: rgb(0, 152, 254);
    --as-primary-auth-logo-clr: #000000;
    --as-primary-clr: #000;
    --as-primary-bg-clr: #000;
    --as-primary-fill-clr: #000;
    --as-primary-fill-clr-ss: #fff;
    --as-primary-clr-ss: #fff;
    --as-primary-bg-clr-ss: #fff;
    --as-primary-cg-hover-clr: #00FF7F;
    --as-primary-reg-btn-hover-clr: #04AA6D;
    --as-primary-subBtn-bg-clr: #1665cf;
    --as-primary-src-icon-clr: #ffffff;
    --as-primary-section-clr: #c2c2c2;
    --as-primary-tag-clr: #AA1E23;
    --as-primary-gb-p-screen: 0.8889rem;
    /* Secendary Color */
    --as-secendary-fill-clr: #303030;
    --as-secendary-bg-clr: #303030;
    /* Register Btn Color */
}

/* Start Global Right Layout Media Section Design */
/* ------------------- */

.topHeadLine_ct {
    margin-bottom: 20px;
}

.topHeadLine {
    margin-bottom: 10px;
}

.topHeadLine h1,
.npr_rL_td_headLine h1 {
    font: 700 italic 24px / 18px var(--asNpr-i-font-heading);
    position: relative;
}

.topHeadLine h1::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 10px;
    left: 0;
    bottom: -5px;
    z-index: -1;
    background-color: #00FF7F;
}

.topHeadLine_info {
    display: flex;
    flex-flow: column;
}


.asNpr_m_rr_tp_hl_a {
    display: block;
    text-decoration: none;
    margin: 10px 0 0;
    padding-bottom: 10px;
    font: 700 14px / 18px var(--asNpr-font-content);
    color: var(--asNpr-heading-m-clr);
    word-break: break-word;
    border-bottom: 1px solid var(--as-primary-section-clr);
}

.asNpr_m_rr_tp_hl {
    box-sizing: border-box;
    display: -webkit-box;
    width: 100%;
    max-height: 36px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
}

.asNpr_m_rr_tp_hl_a:hover {
    color: var(--as-primary-clr);
    fill: var(--as-primary-clr);
}
/* End */
/* Strat User Newsletter Mail Section */
.asNpr_rr_unl_m_ct {
    margin: 20px 0 44px;
}

.asNpr_rr_u_nlf {
    contain: content;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    background: var(--asNpr-bg-m-clr);
    color: var(--asNpr-heading-x-clr);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.asNpr_rr_u_nlf::before {
    content: 'The Short List, in your inbox';
    font: 700 18px / 20px var(--asNpr-font-heading);
}

.asNpr_rr_u_nlf::after {
    content: 'What happened today? We make the long story short in this snappy news roundup';
    width: 100%;
    margin: 11px 0 13px;
    font: 14px / 18px var(--asNpr-font-heading);
}

.asNpr_rr_u_nl_ip {
    order: 1;
    width: calc(100% - 36px);
    height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 0;
    color: var(--asNpr-heading-m-clr);
    font: 700 14px / 16px var(--asNpr-font-heading);
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
}

.asNpr_rr_u_nl_ip::placeholder {
    color: var(--asNpr-heading-m-clr);
    opacity: 1;
}

.asNpr_rr_nls_smb {
    order: 2;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    outline-offset: -1px;
    background: #626262;
    font: 700 14px / 16px var(--asNpr-font-heading);
}

#asNpr_rr_svg_rightArrow {
    color: var(--asNpr-heading-x-clr);
    fill: var(--asNpr-heading-x-clr);
}

.asNpr_rr_nls_smb.valid {
    background-color: green;
    cursor: pointer;
}

.asNpr_rr_nls_smb.invalid {
  background-color: gray;
  cursor: not-allowed;
}

@media (max-width: 680px) {
    .asNpr_rr_unl_m_aa {
        width: 300px;
        margin: auto;
    }
}
/* End User Newsletter Mail Section */

/* Start Trending Area */
.npr_rl_td_area {
    margin-bottom: 20px;
    text-align: start;
}

.npr_rL_td_headLine {
    padding-bottom: 20px;
}

.npr_rL_td_headLine .npr_td_title::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 10px;
    left: 0;
    bottom: -5px;
    z-index: -1;
    background-color: #00FF7F;
}

.asNpr_rr_td_it_bx {
    list-style: none;
    margin-bottom: 15px;
}

.asNpr_rr_td_it_a {
    display: block;
    border-bottom: 1px solid var(--as-primary-section-clr);
    padding-bottom: 15px;
}

.asNpr_rr_td_its {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

@media (max-width: 678px) {
    .asNpr_rr_td_its {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0 20px;
    }
}

@media (max-width: 520px) {
    .asNpr_rr_td_its {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0 20px;
    }
}

.asNpr_rr_td_it {
    display: flex;
    justify-content: space-between;
    gap: 0 15px;
}

.asNpr_rr_td_it_t {
    box-sizing: border-box;
    display: -webkit-box;
    width: 100%;
    max-height: 36px;
    font: 700 14px / 18px var(--asNpr-font-heading);
    margin: -2px 0 6px;
    overflow: hidden;
    color: var(--asNpr-heading-m-clr);
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.asNpr_rr_td_it_t:hover {
    color: var(--as-primary-clr);
    fill: var(--as-primary-clr);
}

.asNpr_rr_td_it_img {
    width: 75px;
    height: 65px;
    flex: 0 0 auto;
}

.asNpr_rr_gb_i {
    object-position: center;
}

/* End Global Right Layout Media Section Design */