/*
Theme Name: News Magazine X
Theme URI: https://wp-royal-themes.com/themes/item-news-magazine-x-free/#!/demo-preview
Author: WP Royal Themes
Author URI: https://wp-royal-themes.com/#ultimate-heading-229367ca4dce90c11
Description: Easy to use Personal and Multi-Author Free WordPress Blog Magazine Theme - Suitable for WordPress Beginners and for Professionals as Well. Perfect for bloggers, journalists, and online magazines, news, blogs, and magazine websites. The theme has built in Magazine Grid Widget, Classic Post Grid Widget, Featured Tabs widget, Featured Post Widget, Subscription (newsletter) Widget, Category List widget and many other widgets. You can place your ads anywhere on the website, including the header, footer, various homepage sections, and other pages as well. The theme also offers a Header Footer builder with a Menu Widget, Logo Widget, News Ticker Widget, Social Icons Widget, Search Widget, Dark Mode Switcher Widget, Weather Widget (PRO), Random Post Widget, Offcanvas Widget (side menu) Widget, Header Image and another widget to build eye catching headers and footers. Clean and Modern Responsive design will perfectly showcase your content on any device, even on tablet, mobile & retina displays. Very fast, Search engine optimized fast loading speed, and SEO optimization, compatibility with many popular plugins & of course translation ready, coded with best SEO practices. Complies with the General Data Protection Regulation (GDPR) guidelines by refraining from collecting any personal data restricted under GDPR. Works perfectly with all major drag-and-drop page builders like Elementor, Gutenberg, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi. You just need to write and be awesome! TEMPLATE DEMO: https://news-magazine-x-free.wp-royal-themes.com/demo/
Version: 1.2.59
Update URI: false
Requires at least: 4.7
Requires PHP: 7.4
Tested up to: 7.1.2
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: news-magazine-x
Tags: news, blog, entertainment, one-column, two-columns, grid-layout, list-layout, block-styles, right-sidebar, custom-header, flexible-header, custom-background, custom-colors, custom-menu, featured-images, post-formats, sticky-post, rtl-language-support, footer-widgets, theme-options, threaded-comments, translation-ready, e-commerce
*/

/* FRONTE OPINIÃO */
.fronte-opinion-section {
    margin: 42px 0 50px;
    background: #fff;
}

.fronte-opinion-banner {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    background:
        linear-gradient(118deg, rgba(210, 18, 27, .98) 0 7px, transparent 7px),
        radial-gradient(circle at 82% 20%, rgba(210,18,27,.20), transparent 34%),
        linear-gradient(135deg, #070708 0%, #111216 65%, #09090b 100%);
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 4px solid #d2121b;
}

.fronte-opinion-banner::after {
    content: "";
    position: absolute;
    right: -100px;
    top: -180px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(255,255,255,.08);
    transform: rotate(28deg);
    pointer-events: none;
}

.fronte-opinion-banner-inner {
    position: relative;
    z-index: 1;
    min-height: 290px;
    display: flex;
    align-items: flex-end;
    gap: 42px;
}

.fronte-opinion-photo {
    width: 245px;
    height: 275px;
    flex: 0 0 245px;
    overflow: hidden;
    align-self: flex-end;
    border-left: 5px solid #d2121b;
    border-right: 1px solid rgba(255,255,255,.12);
    background: #202126;
}

.fronte-opinion-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 18%;
}

.fronte-opinion-brand {
    max-width: 760px;
    padding: 42px 0 38px;
}

.fronte-opinion-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d2121b;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .20em;
    text-transform: uppercase;
}

.fronte-opinion-brand h2 {
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(40px, 5.2vw, 68px);
    font-weight: 900;
    line-height: .92;
    letter-spacing: -.055em;
    text-transform: uppercase;
}

.fronte-opinion-brand h2 strong {
    color: #d2121b;
    font-weight: 900;
}

.fronte-opinion-author-name {
    margin-top: 13px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.02em;
}

.fronte-opinion-brand p {
    max-width: 620px;
    margin: 8px 0 18px;
    color: rgba(255,255,255,.70);
    font-size: 14px;
    line-height: 1.55;
}

.fronte-opinion-all {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .10em;
    text-decoration: none;
    text-transform: uppercase;
}

.fronte-opinion-all span,
.fronte-opinion-card-read span {
    color: #d2121b;
    transition: transform .2s ease;
}

.fronte-opinion-all:hover span,
.fronte-opinion-card-link:hover .fronte-opinion-card-read span {
    transform: translateX(4px);
}

.fronte-opinion-editorial {
    padding-top: 28px;
}

.fronte-opinion-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    color: #121212;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.fronte-opinion-rule {
    height: 2px;
    flex: 1;
    background: linear-gradient(90deg, #d2121b 0 82px, #e6e6e6 82px 100%);
}

.fronte-opinion-top {
    height: 510px;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(285px, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.fronte-opinion-bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.fronte-opinion-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #17181c;
}

.fronte-opinion-card.is-featured {
    grid-row: 1 / 3;
}

.fronte-opinion-card.is-bottom {
    min-height: 245px;
}

.fronte-opinion-card-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    color: #fff;
    text-decoration: none;
}

.fronte-opinion-card-image,
.fronte-opinion-card-shade {
    position: absolute;
    inset: 0;
    display: block;
}

.fronte-opinion-card-image {
    background-size: cover;
    background-position: center;
    transition: transform .35s ease;
}

.fronte-opinion-card-link:hover .fronte-opinion-card-image {
    transform: scale(1.035);
}

.fronte-opinion-card-shade {
    background: linear-gradient(180deg, rgba(3,3,4,.04) 15%, rgba(3,3,4,.28) 48%, rgba(3,3,4,.94) 100%);
}

.fronte-opinion-card.is-side .fronte-opinion-card-shade,
.fronte-opinion-card.is-bottom .fronte-opinion-card-shade {
    background: linear-gradient(180deg, rgba(3,3,4,.06) 8%, rgba(3,3,4,.35) 44%, rgba(3,3,4,.96) 100%);
}

.fronte-opinion-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5px;
    height: 54px;
    background: #d2121b;
    z-index: 3;
    pointer-events: none;
}

.fronte-opinion-card-body {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    padding: 20px 22px 21px;
}

.fronte-opinion-card-meta {
    display: block;
    margin-bottom: 8px;
    color: #f13a42;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.fronte-opinion-card-title {
    display: -webkit-box;
    overflow: hidden;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -.025em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.fronte-opinion-card.is-featured .fronte-opinion-card-title {
    max-width: 690px;
    font-size: clamp(29px, 3vw, 42px);
    line-height: 1.02;
    -webkit-line-clamp: 3;
}

.fronte-opinion-card.is-side .fronte-opinion-card-title {
    font-size: 19px;
    -webkit-line-clamp: 2;
}

.fronte-opinion-card-read {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 11px;
    color: rgba(255,255,255,.73);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fronte-opinion-card-image-fallback {
    display: grid;
    place-items: center;
    background:
        linear-gradient(135deg, rgba(210,18,27,.30), transparent 52%),
        #222328;
}

.fronte-opinion-card-image-fallback > span {
    color: rgba(255,255,255,.17);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .16em;
}

.fronte-opinion-empty {
    min-height: 260px;
    display: grid;
    place-content: center;
    gap: 8px;
    padding: 34px;
    text-align: center;
    border: 1px dashed #d9d9d9;
    background: #f7f7f7;
}

.fronte-opinion-empty strong {
    color: #161616;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    font-weight: 900;
}

.fronte-opinion-empty span {
    color: #666;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .fronte-opinion-banner-inner {
        min-height: 250px;
        gap: 28px;
    }
    .fronte-opinion-photo {
        width: 205px;
        height: 235px;
        flex-basis: 205px;
    }
    .fronte-opinion-brand {
        padding: 30px 0 28px;
    }
    .fronte-opinion-top {
        height: 450px;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 1fr);
    }
    .fronte-opinion-card.is-featured .fronte-opinion-card-title {
        font-size: 31px;
    }
}

@media (max-width: 767px) {
    .fronte-opinion-section {
        margin: 28px 0 34px;
    }
    .fronte-opinion-banner-inner {
        min-height: 205px;
        align-items: flex-end;
        gap: 16px;
    }
    .fronte-opinion-photo {
        width: 118px;
        height: 174px;
        flex-basis: 118px;
        border-left-width: 4px;
    }
    .fronte-opinion-brand {
        min-width: 0;
        padding: 23px 0 22px;
    }
    .fronte-opinion-kicker {
        margin-bottom: 7px;
        font-size: 9px;
        letter-spacing: .13em;
    }
    .fronte-opinion-brand h2 {
        font-size: 31px;
        line-height: .95;
    }
    .fronte-opinion-author-name {
        margin-top: 8px;
        font-size: 18px;
    }
    .fronte-opinion-brand p {
        margin: 5px 0 10px;
        font-size: 11px;
        line-height: 1.35;
    }
    .fronte-opinion-all {
        font-size: 9px;
    }
    .fronte-opinion-editorial {
        padding-top: 20px;
    }
    .fronte-opinion-top,
    .fronte-opinion-bottom {
        display: grid;
        height: auto;
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 12px;
    }
    .fronte-opinion-bottom {
        margin-top: 12px;
    }
    .fronte-opinion-card.is-featured,
    .fronte-opinion-card.is-side,
    .fronte-opinion-card.is-bottom {
        grid-row: auto;
        min-height: 190px;
    }
    .fronte-opinion-card.is-featured {
        min-height: 285px;
    }
    .fronte-opinion-card-body {
        padding: 16px 17px 17px;
    }
    .fronte-opinion-card.is-featured .fronte-opinion-card-title {
        font-size: 27px;
    }
    .fronte-opinion-card.is-side .fronte-opinion-card-title,
    .fronte-opinion-card.is-bottom .fronte-opinion-card-title {
        font-size: 19px;
    }
}

@media (max-width: 430px) {
    .fronte-opinion-photo {
        width: 100px;
        height: 155px;
        flex-basis: 100px;
    }
    .fronte-opinion-brand h2 {
        font-size: 27px;
    }
    .fronte-opinion-brand p {
        max-width: 210px;
    }
}

/* FRONTE — abertura da home */
.fronte-home-lead {
    margin: 28px 0 18px;
}

.fronte-home-lead .newsx-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.fronte-home-lead-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.fronte-home-lead-card {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: #111;
}

.fronte-home-lead-card.is-wide {
    min-height: 430px;
}

.fronte-home-lead-card.is-half {
    min-height: 260px;
}

.fronte-home-lead-link,
.fronte-home-lead-image,
.fronte-home-lead-shade {
    position: absolute;
    inset: 0;
}

.fronte-home-lead-link {
    display: block;
    color: #fff;
}

.fronte-home-lead-image {
    background-size: cover;
    background-position: center;
    transition: transform .45s ease;
}

.fronte-home-lead-fallback {
    background: linear-gradient(135deg, #161616 0%, #2d2d2d 100%);
}

.fronte-home-lead-shade {
    background: linear-gradient(180deg, rgba(0,0,0,.05) 20%, rgba(0,0,0,.82) 100%);
}

.fronte-home-lead-content {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 26px 30px 28px;
}

.fronte-home-lead-category {
    display: inline-block;
    margin-bottom: 9px;
    padding: 5px 8px;
    border-radius: 2px;
    background: #d71920;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.fronte-home-lead-title {
    display: block;
    max-width: 980px;
    color: #fff;
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.04;
    text-shadow: 0 2px 12px rgba(0,0,0,.38);
}

.fronte-home-lead-card.is-half .fronte-home-lead-title {
    font-size: 27px;
}

.fronte-home-lead-meta {
    display: block;
    margin-top: 10px;
    color: rgba(255,255,255,.82);
    font-size: 12px;
}

.fronte-home-lead-card:hover .fronte-home-lead-image {
    transform: scale(1.025);
}

@media (max-width: 767px) {
    .fronte-home-lead {
        margin-top: 18px;
    }
    .fronte-home-lead-card.is-wide {
        min-height: 260px;
    }
    .fronte-home-lead-card.is-half {
        min-height: 190px;
    }
    .fronte-home-lead-pair {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .fronte-home-lead-content {
        padding: 20px;
    }
    .fronte-home-lead-card.is-half .fronte-home-lead-content {
        padding: 12px;
    }
    .fronte-home-lead-title {
        font-size: 27px;
    }
    .fronte-home-lead-card.is-half .fronte-home-lead-title {
        font-size: 18px;
        line-height: 1.08;
    }
    .fronte-home-lead-card.is-half .fronte-home-lead-category {
        margin-bottom: 6px;
        padding: 4px 6px;
        font-size: 9px;
    }
    .fronte-home-lead-card.is-half .fronte-home-lead-meta {
        margin-top: 6px;
        font-size: 10px;
    }
}

/* FRONTE — menu lateral */
.newsx-offcanvas-widgets-area {
    width: min(420px, 92vw) !important;
    padding: 26px 24px 32px !important;
}

.fronte-side-nav {
    margin-top: 34px;
    color: #171717;
}

.fronte-side-brand {
    padding: 0 0 18px;
    border-bottom: 4px solid #d71920;
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.02em;
}

.fronte-side-brand strong {
    color: #d71920;
    font-weight: 900;
}

.fronte-side-brand span {
    display: block;
    margin-top: 7px;
    color: #777;
    font-family: Oxygen, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.fronte-side-home,
.fronte-side-states > summary,
.fronte-side-topics > a {
    display: flex;
    align-items: center;
    min-height: 46px;
    border-bottom: 1px solid #e7e7e7;
    color: #171717;
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 18px;
    font-weight: 750;
    text-decoration: none;
}

.fronte-side-home:hover,
.fronte-side-topics > a:hover {
    color: #d71920;
}

.fronte-side-states {
    border-bottom: 1px solid #e7e7e7;
}

.fronte-side-states > summary {
    position: relative;
    cursor: pointer;
    list-style: none;
    border-bottom: 0;
    padding-right: 28px;
}

.fronte-side-states > summary::-webkit-details-marker {
    display: none;
}

.fronte-side-states > summary::after {
    content: "+";
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    color: #d71920;
    font-size: 24px;
    font-weight: 400;
}

.fronte-side-states[open] > summary::after {
    content: "−";
}

.fronte-side-state-grid {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
    padding: 6px 0 16px;
}

.fronte-side-states[open] > .fronte-side-state-grid,
.fronte-side-states:hover > .fronte-side-state-grid,
.fronte-side-states:focus-within > .fronte-side-state-grid {
    display: grid;
}

.fronte-side-state-grid a {
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid #f1f1f1;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
}

.fronte-side-state-grid a:hover {
    color: #d71920;
}

.fronte-side-section-title {
    margin-top: 24px;
    padding-bottom: 7px;
    border-bottom: 2px solid #171717;
    color: #777;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.fronte-side-topics {
    display: block;
}

.fronte-side-ceara {
    border-bottom: 1px solid #e7e7e7;
}

.fronte-side-ceara > summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 46px;
    padding-right: 28px;
    border-bottom: 0;
    color: #171717;
    cursor: pointer;
    list-style: none;
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 18px;
    font-weight: 750;
}

.fronte-side-ceara > summary::-webkit-details-marker {
    display: none;
}

.fronte-side-ceara > summary::after {
    content: "+";
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    color: #d71920;
    font-size: 24px;
    font-weight: 400;
}

.fronte-side-ceara[open] > summary::after {
    content: "−";
}

.fronte-side-ceara-links {
    display: none;
    padding: 4px 0 14px 14px;
    border-left: 3px solid #d71920;
}

.fronte-side-ceara[open] > .fronte-side-ceara-links,
.fronte-side-ceara:hover > .fronte-side-ceara-links,
.fronte-side-ceara:focus-within > .fronte-side-ceara-links {
    display: block;
}

.fronte-side-ceara-links a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #f1f1f1;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
}

.fronte-side-ceara-links a:hover,
.fronte-side-ceara-links .fronte-side-ceara-all {
    color: #d71920;
}

.fronte-side-ceara-links .fronte-side-ceara-all {
    font-weight: 800;
}

@media (max-width: 480px) {
    .newsx-offcanvas-widgets-area {
        width: 94vw !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .fronte-side-brand {
        font-size: 27px;
    }
    .fronte-side-home,
    .fronte-side-states > summary,
    .fronte-side-topics > a {
        min-height: 44px;
        font-size: 17px;
    }
    .fronte-side-state-grid {
        gap: 0 10px;
    }
    .fronte-side-state-grid a {
        font-size: 12px;
    }
}