/*
Template: ultranews
Theme Name: nile4
Version: 190
*/

body:not(.post-header-design-overlay) .primary-header,.entry-outer .primary-content,.sidebar:not(:last-of-type),#sidebar-post_below,.comments {
    border-bottom: 0 solid var(--body-bg-color)
}

.post-header-design-overlay .primary-header {
    margin-bottom: calc(var(--glob-gap) * 1)
}

.post-header-design-overlay .primary-header-inner {
    min-height: 70vh
}

body.post-header-design-overlay .primary-header-inner-2 {
    margin-bottom: calc(var(--glob-gap) * -1)!important;
    padding: 1.5rem;
    background-color: #fff!important;
    backdrop-filter: blur(5px);
    color: initial;
    text-shadow: none;
    border-radius: var(--glob-border-radius);
    --meta-color: var(--body-color);
    --meta-color-hover: var(--body-color);
    box-shadow: 0 0 5px var(--glob-shadow-color)
}

.post-meta {
    gap: 0
}

.post-meta .post-meta-item.post-meta-terms .post-meta-item-label {
    display: none
}

.post-meta .post-meta-item:not(:last-of-type)::after {
    margin-left: 10px;
    content: "|";
    font-size: .8em;
    opacity: .7
}

body.home .sidebarX,.entry-outer .sidebarX {
    background-color: #fff
}

body.home .sidebar .widget-header {
    margin-top: 2em;
    margin-bottom: 2em
}

.widget-header h3 {
    font-weight: 700;
    padding-right: 1rem;
    border-right: 3px solid var(--site-color)
}

.widget-header>*::after,.comments-title::after,.comment-reply-title::after {
    display: none
}

.post .post-content {
    box-shadow: none
}

.post .post-content .post-title h3 {
    font-weight: 700
}

.post .post-content .post-excerpt {
    margin-top: 1em;
    color: var(--meta-color);
    display: none
}

.post .post-content .post-date {
    margin-top: 1em
}

.post .post-content .post-meta-item {
    display: inline-flex;
    color: var(--meta-color);
    font-size: .9em
}

.widget.cstyle1 .posts-loop .post-thumb {
    flex-basis: 35%;
    align-items: flex-start
}

.widget.cstyle2 .posts-loop-outer {
    --post-gap: 0px;
    overflow: hidden;
    z-index: 20;
    border-radius: var(--glob-border-radius);
    backdrop-filter: blur(5px);
    padding: 1em;
    background: #fff
}

.widget.cstyle2 .posts-loop {
    max-height: 350px;
    height: 100%;
    overflow-y: scroll;
    column-width: unset
}

.widget.cstyle2 .posts-loop .post {
    --glob-border-radius: 0px
}

.widget.cstyle2 .posts-loop::-webkit-scrollbar {
    width: 10px
}

.widget.cstyle2 .posts-loop::-webkit-scrollbar-thumb {
    background: var(--site-color);
    border-radius: var(--glob-border-radius)
}

.widget.cstyle2 .posts-loop .post-content {
    background: 0 0;
    box-shadow: 0 1px 1px #ddd;
    border-radius: 0
}

.widget.cstyle2 .posts-loop .post-thumb {
    display: none
}

@media(max-width: 991px) {
    .widget.cstyle5 .posts-loop.style-sm-row .post .post-content {
        border:1px solid #eee
    }

    .widget.cstyle5 .posts-loop.style-sm-row .post .post-content:hover {
        border-color: transparent;
        box-shadow: 0 0 10px var(--glob-shadow-color)
    }

    .posts-loop:not(.theme-dark-sm).posts-loop.style-sm-column .post .post-content {
        border: 1px solid #eee
    }

    .posts-loop:not(.theme-dark-sm).posts-loop.style-sm-column .post .post-content:hover {
        border-color: transparent;
        box-shadow: 0 0 10px var(--glob-shadow-color)
    }

    .posts-loop.style-sm-row .post .post-link {
        padding: 1em;
        gap: 1em
    }

    .posts-loop.style-sm-row .post .post-title {
        padding: 0
    }
}

@media(min-width: 992px) {
    .widget.cstyle5 .posts-loop.style-lg-row .post .post-content {
        border:1px solid #eee
    }

    .widget.cstyle5 .posts-loop.style-lg-row .post .post-content:hover {
        box-shadow: 0 0 10px var(--glob-shadow-color)
    }

    .posts-loop:not(.theme-dark-lg).style-lg-column .post .post-content {
        border: 1px solid #eee
    }

    .posts-loop:not(.theme-dark-lg).style-lg-column .post .post-content:hover {
        border-color: transparent;
        box-shadow: 0 0 10px var(--glob-shadow-color)
    }

    .posts-loop.style-lg-row .post .post-link {
        padding: 1em;
        gap: 1em
    }

    .posts-loop.style-lg-row .post .post-title {
        padding: 0
    }
}

.post {
    --dark-column-thumb-min-height: 250px
}

@media(min-width: 992px) {
    .posts-loop-container.headings-side .posts-loop.style-lg-row {
        --post-width: var(--post-row-width)
    }

    .widget.cstyle1 .post .post-content .post-excerpt {
        display: block
    }

    .widget.cstyle2 .posts-loop-outer {
        position: absolute;
        top: 1em;
        bottom: 1em;
        left: 1em;
        width: 350px;
        background: rgba(255,255,255,.8)
    }

    .widget.cstyle2 .posts-loop {
        max-height: unset
    }

    .widget.cstyle2 .posts-loop .post-content {
        box-shadow: 0 1px 1px rgba(255,255,255,.5)
    }

    .widget.cstyle2 .posts-headings .post-title {
        padding: 3em
    }

    .widget.cstyle2 .posts-headings .post-title h3 {
        font-size: 2em
    }

    .widget.cstyle2 .posts-headings .post-title h3,.widget.cstyle2 .posts-headings .post-excerpt {
        margin-left: 350px
    }

    .widget.cstyle2 .posts-headings .post-excerpt {
        display: block
    }

    .widget.cstyle3 .posts-headings .post-excerpt {
        display: block
    }

    .widget.cstyle4 .posts-loop .post:nth-child(1),.widget.cstyle4 .posts-loop .post:nth-child(6) {
        grid-column: span 2
    }

    .widget.cstyle4 .posts-loop .post:nth-child(1) .post-title h3,.widget.cstyle4 .posts-loop .post:nth-child(6) .post-title h3 {
        font-size: 1.4em
    }

    .widget.cstyle4 .posts-loop .post:nth-child(1) .post-excerpt,.widget.cstyle4 .posts-loop .post:nth-child(6) .post-excerpt {
        display: block
    }
}

.widget.cstyle3 .posts-headings .post-content {
    border: 1px solid #eee
}

.widget.cstyle3 .posts-headings .post-content:hover {
    border-color: transparent;
    box-shadow: 0 0 10px var(--glob-shadow-color)
}

.widget.cstyle3 .posts-headings .post-content img {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

@media(max-width: 991px) {
    .posts-loop-container .style-sm-row .post .post-linkX {
        padding:1em;
        gap: 1em
    }

    .posts-loop-container .style-sm-row .post .post-titleX {
        padding: 0
    }

    .posts-loop-container .style-sm-row .post .post-thumb img {
        border-radius: var(--glob-border-radius)
    }

    .widget:not(.cstyle1) .posts-loop-container .style-sm-row .post .post-thumb {
        order: 0
    }
}

@media(min-width: 992px) {
    .posts-loop-container .style-lg-row .post .post-linkX {
        padding:1em;
        gap: 1em
    }

    .posts-loop-container .style-lg-row .post .post-titleX {
        padding: 0
    }

    .posts-loop-container .style-lg-row .post .post-thumb img {
        border-radius: var(--glob-border-radius)
    }

    .widget:not(.cstyle1) .posts-loop-container .style-lg-row .post .post-thumb {
        order: 0
    }
}

.posts-loop-container .posts-headings .post .post-content .post-title h3 {
    font-size: unset!important
}

#site-footer .content-layout-row {
    border-top: none
}

.search-field,.search-field:focus {
    box-shadow: none;
    border: none;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #ccc
}

.search-field:focus {
    box-shadow: none;
    border: none;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #555
}

.share-links-inner a {
    flex-direction: row;
    background-color: var(--color)!important;
    color: #fff!important
}

.share-links .label {
    display: none
}

.share-links-inner a.sl-more {
    display: none
}

.entry-tags-inner a {
    background: 0 0;
    border-width: 2px;
    border-radius: 0
}

.entry-content h1:not(.unstyled),.entry-content h2:not(.unstyled),.entry-content h3:not(.unstyled) {
    border: none;
    background: radial-gradient(farthest-side at 100% 0,var(--body-bg-color),transparent);
    border-radius: unset
}

.entry-content h1:not(.unstyled)::before,.entry-content h2:not(.unstyled)::before,.entry-content h3:not(.unstyled)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(to left,var(--site-color),transparent 50%,transparent)
}

.entry-content h1:not(.unstyled)::after,.entry-content h2:not(.unstyled)::after,.entry-content h3:not(.unstyled)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom,var(--site-color),transparent 80%,transparent)
}

#site-header .social-links,#site-footer .social-links {
    gap: 2em
}