/*
    Block Sidebar Style
*/
:root {
    --vermelho: #CC0000;
    --preto: #282828;
}

.sidebar__subhomes {
    padding-left: 19px;
    border-left: 1px #D0D0D0 solid;
    height: 100%;
    padding-top: 49px;
}

.title__sidebar {
    font-size:18px;
    line-height: 24px;
    font-weight: bold;
    color:var(--preto);
    border-bottom: 1px var(--vermelho) solid;
    position: relative;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 33px;
}

.title__sidebar:after {
    content:'';
    width:100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom:-5px;
    left:0;
    background: var(--vermelho);
}

/* Ao vivo */
.tabs__sidebar {
    margin-bottom: 34px;
}

.tabs__sidebar .tabs__list {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    border-bottom: 1px var(--vermelho) solid;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 33px;
}

.tabs__sidebar .tabs__list.tabs__list--two {
    justify-content: start;
}

.tabs__sidebar .tabs__list.tabs__list--two li:not(:first-child) {
    margin-left: 20px;
}

.tabs__sidebar .tabs__list::after {
    content:'';
    width:100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom:-5px;
    left:0;
    background: var(--vermelho);
}

.tabs__sidebar .tabs__list button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: 0;
    font-size:18px;
    line-height: 24px;
    font-weight: bold;
    color: var(--preto);
    padding: 0 10px;
}

.tabs__sidebar .tabs__list button:hover, .tabs__sidebar button.tab__item--active {
    color:var(--vermelho);
}

.tabs__sidebar .section__tab:not(.section__tab--active) {
    display: none;
}

.tabs__sidebar .section__tab_iframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    margin-bottom: 25px;
    border-radius: 4px !important;
    overflow: hidden;
    height: 181px !important;
}

.tabs__sidebar .section__tab_iframe.podcast {
    padding: 0;
    height:auto;
}

.tabs__sidebar .section__tab_iframe.podcast iframe {
    position: initial;
    height:180px;
}

.tabs__sidebar .section__tab iframe {   
    display: block;
    background: url(../img/loading.gif) center center no-repeat #fff;
    background-size: 70%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tabs__sidebar .section__tab a.link__tab {
    text-decoration: underline;
    color: var(--preto);
    font-size: 16px;
    font-weight: 500;
}

.tabs__sidebar .section__tab p.desc_tab {
    margin-top: -16px;
    line-height: 22px;
}

/* Ao vivo Mobile */
.headline__block .tabs__sidebar {
    border-top: 1px #D0D0D0 solid;
    border-bottom: 1px #D0D0D0 solid;
    margin: 40px 0;
    padding: 40px 0;
    display: none;
}

.headline__block .tabs__sidebar .section__tab  {
    text-align: center;
}

.tabs__sidebar .section__tab a.link__tab {
    display: block;
}


/* Social */
.sociallist__sidebar {
    margin-bottom: 34px;
}

.sociallist__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sociallist__item a {
    position: relative;
    display: block;
}

.sociallist__item img.hover {
    position: absolute;
    top:0;
    left:0;
}

.sociallist__item:hover img.hover {
    display: block !important;
}

.sociallist__item:hover img.init {
    opacity: 0;
}

/* Artigos */
.articles__sidebar {
    margin-bottom: 56px;
}

.articles__sidebar .articles__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.articles__sidebar .articles__item a {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 44px;
    align-items: center;
}

.articles__sidebar .articles__item picture {
    min-width:86px;
    height: 79px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-right: 8px;
}

.articles__sidebar .articles__item picture img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}

.articles__sidebar .articles__item .articles__author {
    font-size: 14px;
    color: var(--vermelho);
    font-weight: 500;
    line-height: 20px;
    display: block;
    margin-bottom: 4px;
}

.articles__sidebar .articles__item .articles__title {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--preto);
    font-weight: 700;
}

.articles__sidebar .articles__item a:hover .articles__title {
    color: var(--vermelho);
}

/* Ads */
.ads__sidebar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

/* Mais lidas */
.mostread__sidebar {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mostread__sidebar .mostread__item {
    counter-increment: li;
    padding-left: 38px;
    position: relative;
    margin-bottom: 40px;
    display: table;
    width: 100%;
    min-height: 33px;
}

.mostread__sidebar .mostread__item:before {
    color: var(--vermelho);
    line-height: 33px;
    font-size: 28px;
    font-weight: 400;
    content: counter(li) " ";
    grid-column: 1 / 2;
    text-align: center;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:0;
    width:28px;
    height:33px
}

.mostread__sidebar .mostread__title {
    margin: 0;
}

.mostread__sidebar .mostread__title a {
    font-size: 16px;
    line-height: 24px;
    color: var(--preto);
    font-weight: 700;
    margin: 0;
    display: block;
}

.mostread__sidebar .mostread__title a:hover {
    color: #cc0000;
}

/* Newsletter */
.newsletter_block::before,
.newsletter_description img,
.newsletter_block:after {
	display: none !important;
}

.newsletter_block {
    margin-bottom: 48px;
}

.newsletter_block #btn-news-animated {
    display: none;
}

.newsletter_block .section_title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: var(--preto);
    border-bottom: 1px var(--vermelho) solid;
    position: relative;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 16px;
}

.newsletter_block .section_title:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    background: var(--vermelho);
}

.newsletter_block .newsletter_description, .newsletter_block label {
    font-size: 16px;
    line-height: 22px;
    color: #464646;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 24px;
}

.newsletter_block label {
    margin: 0;
    line-height: 18px;
}

.newsletter_block form {
    padding: 0 !important;
}

.newsletter_block ul li {
    margin-bottom: 23px;
    display: flex;
    gap:8px
}

.newsletter_block .button {
    width: 73px !important;
    height: 32px !important;
    background-color: #464646 !important;
    border-radius: 4px !important;
    padding: 0 !important;
    text-align: center !important;
	margin: 4px 4px 0 0 !important;
    position: absolute;
    right:0;
    bottom:8px;
}

.newsletter_block input[type="email"] {
	border: 0 !important;
    width:100%;
    border-bottom: 1px #D0D0D0 solid !important;
    background: transparent;
    font-size: 16px;
    line-height: 22px;
    color: #464646;
    font-weight: 500;
    height:48px;
    outline: none !important;
}

.newsletter_block input[type="email"].mce_inline_error {
    border:1px red solid !important
}

.newsletter_block input[type="email"]::placeholder {
    color:#D0D0D0;
}

.newsletter_block .email_container {
    position: relative;
}

.newsletter_block .section_title::before {
	content: '';
	display: block;
	position: relative;
}

.newsletter_block ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.newsletter_block input[type="checkbox"] {
    appearance: none;
    width:16px !important;
    height:16px !important;
    min-height: 16px;
    min-width: 16px;
    appearance: none !important;
    background: #fff;
    border:1px #D0D0D0 solid;
    border-radius: 2px;
    padding: 0 !important;
}

.newsletter_block input[type="checkbox"]:checked {
    background: var(--vermelho);
    outline: 3px #fff solid;
    outline-offset: -4px;
}


/* Termos */
.newsletter_block fieldset {
    border: 0;
    padding: 0;
    margin:0;
    margin-top: 24px;
    width:100%;
}

.newsletter_block fieldset a {
    text-decoration: underline;
}

.newsletter_block .content__gdpr label {
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
}

.newsletter_block div.mce_inline_error {
    display: none !important;
}

.newsletter_block #mc_embed_signup div#mce-responses {
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}

#mc_embed_signup #mce-success-response {
    margin: 0 !important;
}

.newsletter_block .cnn-response {
    clear: both;
}

.newsletter_block .cnn-response div {
    display: block;
    border: 1px #ffd535 solid;
    padding: 10px;
    font-family: 'CNN Sans Display';
    text-align: center;
    background: #feffea;
    border-radius: 4px;
    font-size: 14px;
}


/* Soft Sidebar */
.soft__sidebar {
    margin-bottom: 34px;
}

.soft__sidebar .title__sidebar {
    padding-bottom: 8px;
    border-color: #8397A1;
}

.soft__sidebar .title__sidebar span {
    display:block;
    width: 46px;
    height:21px;
    background: url(../img/soft-black.svg) center center no-repeat;
    background-size: contain;
    text-indent: -9999px;
}

.soft__sidebar  .title__sidebar:after {
    background: #8397A1;
}

.soft__sidebar_picture {
    position: relative;
    padding-bottom: 56.25%;
    min-width: 100%;
    display: block;
    border-radius: 4px;
    overflow: hidden;
}

.soft__sidebar_picture .video_container {
    position: absolute;
    padding: 16px;
    bottom: 0;
    left:0;
    width:100%;
    height:50%;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(0deg, #171821 -5%, rgba(23, 24, 33, 0) 76.51%);
}

.soft__sidebar_picture span.video {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding-left: 33px;
    background: url(../img/bg-tag-video.svg) left center no-repeat;
    background-size: 24px;
    z-index: 3;
}

.soft__sidebar_picture img {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    object-fit: cover;
}

.soft__sidebar_logo img {
    max-width: 100px;
    max-height: 44px;
    object-fit: contain;
    margin:8px 0 0 0;
}

.soft__sidebar_title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color:#282828;
    margin:8px 0 0 0;
}


.sidebar__subhomes .soft__sidebar .splide__arrows {
    top: -50px;
    right: 0;
}

.soft__sidebar .splide__pagination {
    display: none;
}

@media (max-width:1367px) {
    .sidebar__subhomes {
        overflow: hidden;
    }

    .tabs__sidebar .tabs__list button {
        font-size:16px;
        padding: 0;
    }

    .sidebar__subhomes .ads__sidebar {
        display: none;
    }
}

@media (max-width:1025px) {
    .sidebar__subhomes {
        padding-left: 8px;
        border-left:0;
    }
}

@media (max-width:1024px) {
    .sidebar__subhomes {
        width: 100%;
        padding: 0 16px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
}

@media (max-width:998px) {
    .sidebar__subhomes #ad-rectangle1 {
        display: none;
    }
    
    .sidebar__subhomes {
        border-left: 0;
        padding-top: 0;
    }

    .tabs__sidebar {
        padding: 40px 0;
        margin: 40px 0;
        border-top: 1px #D0D0D0 solid;
        border-bottom: 1px #D0D0D0 solid;
        text-align: center;
    }

    .tabs__sidebar .tabs__list button {
        padding: 0 10px;
    }

    .sidebar__subhomes #ad-rectangle1 {
        display: none;
    }
}

@media (max-width:768px) {
    .sidebar__subhomes .sociallist__sidebar {
        border-top: 1px solid #e6e6e6;
        padding-top: 40px;
    }

    .sidebar__subhomes .tabs__sidebar {
        display: none;
    }

    .headline__block .tabs__sidebar {
        display: block;
    }
}