@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:600,700&display=swap");

body {
    font-family: "Open Sans", sans-serif;
    background: #000000 url("../img/bg1.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    /*
	background-position: center center;*/
}

.ouvir-sidebtn {
    position: fixed;
    left: 0px;
    top: 220px;
    z-index: 9999;
}
.social-links a {
    float: left;
    padding: 0px 2px;
}
.social-links a:hover {
    text-decoration: none;
}
.social-links a img {
    max-width: 100%;
}

@media (max-width: 750px) {
    body {
        background-size: cover;
        background-position: center center;
    }
    .sidebar {
        display: block;
        position: absolute;
        height: 100%;
        background: #fff;
        z-index: 9999;
        top: 0;
        color: #000;
        width: 70%;
        transition: all 0.5s ease-out;
        left: -600px;
    }
    .sidebar.active {
        right: 0 !important;
        left: 0 !important;
    }
    .opened-sidebar {
        overflow: hidden;
        filter: blur(3px);
        opacity: 0.5;
    }
    .no-scroll {
        overflow: hidden;
    }
    .sidebarCollapse {
        color: #8a8081;
        border-color: #8a8081;
        font-size: 14px;
    }
    .navbar-dark .navbar-nav .nav-link {
        color: #000;
        font-size: 20px;
    }
    .navbar-dark .navbar-nav .active > .nav-link {
        color: #000;
        font-weight: bold;
    }
    .navbar-dark .navbar-nav .nav-link:focus {
        color: #ccc;
    }
    .navbar .close {
        font-size: 36px;
    }
    .header-navitem {
        color: #b20000;
        font-weight: bold;
        padding: 10px 0 15px 0;
        font-size: 24px;
        border-bottom: solid 1px #ccc;
        margin-bottom: 15px;
    }
    .mobile-search-form {
        margin-top: 10px;
        padding-top: 20px;
    }
}

.container-fluid-intern {
    /*max-width: 1412px;*/
}

/*************
	HOME
*************/
.top-bg {
    /*background: url('../img/bg1.jpg');
	background-repeat: no-repeat;
	background-size: cover;*/
}
.navmenu .nav-link {
    padding: 0.5rem 0.95rem;
}
.navmenu a {
    color: #fff;
}
.navmenu a:hover {
    color: #e40303;
}
.navmenu a.active {
    font-weight: 700;
}
.wrapper-img1 {
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
}
.wrapper-img-small {
    /*margin: 5px 0px;*/
    background-size: cover;
}
.title-manchete {
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.85) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.85) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.85) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    padding: 30vh 20px 20px 20px;
    font-weight: 600;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1),
        1px 1px 1px rgba(0, 0, 0, 0.5);
}

.title-manchete-small {
    font-size: 18px;
    line-height: 22px;
    padding: 15px 10px 10px 10px;
    font-weight: 600;
    position: absolute;
    bottom: 0px;
}
.play-wrapper {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s linear;
}
.play-big {
    max-width: 15%;
}
.play-hover:hover .play-wrapper,
.play-hover:focus .play-wrapper,
.play-hover:active .play-wrapper {
    visibility: visible;
    opacity: 1;
}
.play-wrapper-active {
    visibility: visible;
    opacity: 1;
}

.wrapper-live {
    height: 600px;
}

.section-most-popular {
    background: #f2f3f5;
}

.section-last-editions,
.section-redacao {
    background: #131722;
}
.section-redacao {
    color: #fff;
    font-weight: 700;
}

.row-items .col-6,
.slider-item {
    /*background: #000;*/
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    padding-top: 10px;
}

.row-items .col-6 .item-popular,
.slider-item .item-popular {
    margin: 10px 0px 25px 0px;
}
.item-popular-date {
    color: #666666;
    font-weight: normal;
    margin: 5px 0px;
}
.item-popular-date-dark {
    color: #aaa;
    font-weight: normal;
    margin: 5px 0px;
}
.patrocinadores-banners img {
    max-width: 100%;
}

@media (min-width: 575px) {
    .title-section {
        border-top: solid 2px #ccc;
        border-bottom: solid 2px #ccc;
    }
}

.title-section h2 {
    color: #b20000;
    /*font-weight: 600;*/
}
.title-section p {
    color: #545454;
}
.row-items .col-6:hover .play-wrapper,
.section-interviews .interviews-hover:hover .play-wrapper,
.section-interviews .position-relative:hover .play-wrapper,
.slider-item:hover .play-wrapper {
    visibility: visible;
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}

.row-items .col-6:hover,
.slider-item:hover {
    background: #e9e9e9;
    cursor: pointer;
}
.interviews-hover {
    width: 100%;
}
.interviews-hover {
    padding: 10px 0px;
}
.interviews-hover:hover {
    background: #e9e9e9;
    cursor: pointer;
}
.col-featured-interview:hover {
    background: #e9e9e9;
    cursor: pointer;
}
.col-featured-interview .interviews-hover {
    padding: 10px 15px 10px 0px;
}

.row-last .item-popular {
    color: #fff;
}
.row-last .slider-item:hover {
    background: #1f2536;
    cursor: pointer;
}
.row-last-all .slider-item:hover {
    background: #e9e9e9;
    cursor: pointer;
}
.section-last-editions h2,
.section-redacao h2 {
    color: #fff;
    font-weight: bold;
}

.section-presenters {
    background: url("../img/bg2.jpg");
    background-size: cover;
    background-position: center center;
}
.presenters-icon-list .media-body {
    font-size: 14px;
}
.img-logo-square {
    position: absolute;
    left: 0px;
}
.presenter-name {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.bg-presenter {
    width: 100%;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    transition: background 0.3s, opacity 0.3s linear;
}
.bg-presenter img {
    width: 80%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: filter 0.4s;
}
.bg-presenter:hover img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}
.bg-presenter1 {
    background-image: url("../img/apresentador-1.png");
}
.bg-presenter1:hover {
    background-image: url("../img/apresentador-1-hover.png");
}
.bg-presenter2 {
    background-image: url("../img/apresentador-2.png");
}
.bg-presenter2:hover {
    background-image: url("../img/apresentador-2-hover.png");
}
.bg-presenter3 {
    background-image: url("../img/apresentador-3.png");
}
.bg-presenter3:hover {
    background-image: url("../img/apresentador-3-hover.png");
}

.bg-colunista {
    width: 100%;
    height: 272px;
    /*	background-image: url("../img/colunista.png");
	background-repeat: no-repeat;
	background-size: contain;*/
}
.bg-colunista img {
    width: 65%;
    margin-top: 30px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: filter 0.3s;
}

.bg-colunista img:hover {
    -webkit-filter: none;
    filter: none;
    transition: filter 0.3s;
}

.colunista h4 {
    color: #b20000;
}

.section-interviews {
    background: #f2f3f5;
}
.section-interviews h2 {
    color: #b20000;
    /*font-weight: 600;*/
}
.section-interviews hr {
    background: #ccc;
    margin-top: 1.3rem;
    margin-left: 10px;
}
.section-interviews .interviews-date {
    color: #666666;
    font-size: 13px;
    margin-top: 3px;
}
.section-interviews .interviews-title:first-child {
    font-size: 20px;
    font-weight: 700;
}
.section-interviews .interviews-title-small {
    font-size: 15px;
    font-weight: 700;
}

.presenters-bar {
    position: absolute;
    width: 130%;
    height: 50px;
    background: #b20000;
    margin-left: -80px;
}

.section-redacao img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: filter 0.3s;
}
.section-redacao img:hover {
    -webkit-filter: none;
    filter: none;
}

@media (max-width: 575px) {
    .section-presenters {
        background: url("../img/bg2-mobile.jpg");
        background-size: cover;
        background-position: center center;
    }
    .img-logo-square {
        position: relative;
    }
    .presenter-name {
        margin-top: 5px;
        font-size: 24px;
        margin-bottom: 40px;
    }
    .title-manchete {
        font-size: 20px;
        line-height: 22px;
    }

    .interviews-description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .bg-colunista img {
        margin-top: 0px;
    }
}

/* AJUSTANDO OS APRESENTADORES */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .section-presenters {
        background-position: center -22vh;
    }
    .presenter-name {
        font-size: 16px;
        width: 85% !important;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

.banner-patrocinador {
    height: 268px;
    transition: background 0.5s, opacity 0.3s linear;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.banner-patrocinador:hover {
    text-decoration: none;
}
.banner-unimed {
    background-image: url("../img/patrocinadores/unimed.jpg");
}
.banner-zilor {
    background-image: url("../img/patrocinadores/zilor.jpg");
}
.banner-aiqfome {
    background-image: url("../img/patrocinadores/aiqfome.jpg");
}
.banner-fib {
    background-image: url("../img/patrocinadores/fib.jpg");
}
.banner-safrasul {
    background-image: url("../img/patrocinadores/safrasul.png");
}
.banner-sicoob {
    background-image: url("../img/patrocinadores/sicoob.jpg");
}
.banner-lencois-clube {
    background-image: url("../img/patrocinadores/lencois-clube.jpg");
}
.banner-jau {
    background-image: url("../img/patrocinadores/jauserve.jpeg");
}
.banner-frigol {
    background-image: url("../img/patrocinadores/frigol.png");
}
.banner-lpnet {
    background-image: url("../img/patrocinadores/lpnet.png");
}
.banner-totvs {
    background-image: url("../img/patrocinadores/totvs-color.png");
}
.banner-desktop {
    background-image: url("../img/patrocinadores/desktop-banner.png");
}
.fib-logo {
    max-width: 10% !important;
}
.fib-logo-footer {
    max-width: 8% !important;
}

.logo-jau {
    max-width: 18% !important;
}

.logo-totvs {
    max-height: 75px;
}
@media (min-width: 768px) and (max-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 984px) and (max-width: 1098px) {
}

/****************
 ** DETAILS
 ***************/
.iframe-video-fb {
    height: 410px;
    border: none;
}
.iframe-video-fb video {
    height: 100%;
    width: 100%;
}

.wrapper-next {
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.wrapper-next-title {
    position: absolute;
    bottom: 0px;
    font-size: 14px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.85) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.85) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.85) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 20px 5px 10px;
    font-weight: 600;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1),
        1px 1px 1px rgba(0, 0, 0, 0.5);
}
.next-other-list {
    background: #131722;
    color: #fff;
    padding: 10px;
}
.next-other-list .edicao {
    font-size: 12px;
    color: #aaaaaa;
}
.next-other-list .title {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}
.next-other-list .stretched-link:hover {
    text-decoration: none;
}
.next-other-list:hover {
    background: #1f2536;
}

.next-scroll {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 920px;
    background: #131722;
}

.next-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a5d65;
}

.next-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #5a5d65;
}

.next-scroll::-webkit-scrollbar-thumb {
    background-color: #bababa;
}
.next-scroll-interview {
    max-height: 600px;
}
.patrocinadores-detail-footer img {
    max-width: 11%;
}
.patrocinadores-detail img {
    max-width: 13%;
}
.patrocinadores-view-detail img {
    max-width: 13%;
}
@media (max-width: 575px) {
    .wrapper-live {
        height: 200px;
        margin-bottom: 10px;
    }
    .wrapper-img-small .title-manchete-small {
        font-size: 14px;
        line-height: 18px;
        padding: 100px 10px 10px 10px;
    }
    .wrapper-img1 {
        height: 400px;
        margin-bottom: 10px;
    }
    .row-smallHeadings {
        height: 250px;
    }
    .iframe-video-fb {
        height: 220px;
        border: none;
    }
    .icons-share {
        text-align: center;
    }

    .icons-share img {
        width: 30%;
    }
    .next-scroll {
        overflow: visible;
        overflow-y: visible;
        max-height: 100%;
    }

    .patrocinadores-detail a,
    .patrocinadores-detail-footer a {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

    .patrocinadores-detail img {
        max-width: 55%;
        margin-top: 5px;
    }
    .patrocinadores-detail-footer img {
        max-width: 45%;
    }
    .fib-logo {
        max-width: 37% !important;
    }
    .fib-logo-footer {
        max-width: 36% !important;
    }

    .logo-jau {
        max-width: 60% !important;
    }

    .banner-patrocinador {
        height: 240px;
        margin-bottom: 20px;
    }

    .patrocinadores-view-detail a {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .patrocinadores-view-detail a:last-child img {
        max-width: 50%;
    }
    .patrocinadores-view-detail img {
        max-width: 55%;
        margin-top: 5px;
    }
    .patrocinadores-banners .col {
        flex: auto;
    }
    .logo-totvs {
        max-height: 100%;
    }
}
.row-navcontrol {
    font-weight: 600;
    font-size: 14px;
}
.text-release {
    color: #e7e7ed;
}
.text-release:hover {
    text-decoration: none;
    color: #e7e7ed;
}
/*************
  TODAS AS EDICOES
*************/
.year-select {
    padding: 10px 15px;
    color: #fff;
    background: #b20101;
    border: none;
    border-radius: 5px;
}
.list-group-months {
    font-size: 12px;
    font-weight: bold;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.list-group-months a:hover {
    background: #b20101;
    text-decoration: none;
}
.list-group-months .list-group-item {
    padding: 1.75rem 1.15rem;
    background: #131722;
    color: #fff;
    text-align: center;
}
.list-editions {
    background: #fff;
}
.glider-next,
.glider-prev {
    display: none;
}
@media (min-width: 575px) {
    .list-editions {
        padding: 30px 60px;
    }
    .list-editions button.glider-next {
        right: 35px;
        top: 45%;
    }
    .list-editions button.glider-prev {
        left: 35px;
        top: 45%;
    }
}

.list-editions .item-popular {
    color: #000;
}
.list-editions .slider-item:hover .item-popular {
    /*color: #FFF; */
}
.list-group-item.active {
    background: #b20101;
    border: none;
}

.list-editions .item-description {
    color: #535353;
    font-weight: normal;
}

/*************
    SEARCH
*************/
.search-list {
    background: #eee;
    color: #fff;
    padding: 10px;
    margin-bottom: 5px;
}
.search-list .edicao {
    font-size: 18px;
    color: #000;
}
.search-list .date {
    font-size: 14px;
    color: #666;
    font-weight: 600;
}
.search-list .stretched-link:hover {
    text-decoration: none;
}
.search-list:hover {
    background: #1f2536;
    color: #fff;
}
.search-list:hover .date,
.search-list:hover .edicao {
    color: #fff;
}
.title-search-section {
    font-weight: bold;
    margin: 20px 0px;
    margin-left: 15px;
}
.wrappersearch .title-search-section:first-child {
    margin: 0px 0px 20px 0px;
}
@media (max-width: 575px) {
    .search-list .edicao {
        font-size: 16px;
        color: #000;
    }
    .search-list .date {
        font-size: 12px;
        color: #666;
        font-weight: 600;
    }
}
.wrappersearch hr {
    margin-left: 15px;
    margin-right: 15px;
}
.wrappersearch hr:first-child {
    display: none;
}
/*************
    COMMON
*************/
.title-header {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
footer {
    background: #f2f3f5;
}
footer .nav-item a {
    color: #000;
}
footer .nav li a:hover {
    color: #e40303;
}

@media (max-width: 575px) {
    footer .nav-item {
        width: auto;
    }
}
.btn-primary {
    background: #b20101;
    font-size: 14px;
    border: none;
    font-weight: 600;
}
.btn-primary:hover {
    background: #000;
    color: #fff;
}
.img-thumbnail {
    border: none;
    padding: 0px;
    background: transparent;
}

.text-red {
    color: #b20000;
}
.montserrat {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
.pagination .page-link {
    color: #b20000;
}
.pagination .page-item.active .page-link {
    background-color: #b20000;
    border-color: #b20000;
}