/* ### ESTRUTURA ### */
html {height: 100%;}
body {height: 100%; padding-top: 134px;}

.header {background: #D7D2E6; position: fixed; left: 0; right: 0; top:0; z-index: 10000}
.headerFixor {position: fixed; top:0; left: 0; right: 0; z-index: 10000;}


.header .logo_Tipo img {width: 441px; height: 109px; transition: width .3s ease , height .3s ease;}
.headerFixor .logo_Tipo img {width: 284px; height: 70px; transition: width .3s ease , height .3s ease;}

.navbar {padding: 0;}
.bg-light {background: transparent !important;}


.submenu {background: red; text-align: center;}
.submenu ul {padding:0; margin: 0; list-style: none;}
.submenu ul li {display: inline-block;}

.submenu ul li a {display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fff; position: relative; padding: 5px 10px; /*height: 16px; margin-top: 10px; padding: 0 10px;*/ }

.submenu ul li a:before {content: ""; width: 1px; height: 14px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -7px;}

.submenu ul li:last-child a:before {display: none;}

.submenu ul li a span {float: right; width: 10px; height: 10px; margin:8px 0 0 10px;}
.submenu ul li a span svg {display: block;}
.submenu ul li.icones a .icon {display: inline-block; fill: #fff; margin-top: -4px;}
.submenu ul li.icones a i.whats {float: left; margin-top: -2px; margin-right: 8px;}
.submenu-box {background: #e41414;}

/* BLOCO MENU */
.offcanvas-collapse {position: fixed; top: 0;bottom: 0; right: 100%; width: 100%; overflow-y: auto;  visibility: hidden; z-index: 1000000; transition-timing-function: ease-in-out; transition-duration: .3s; transition-property: right, visibility;}
.offcanvas-collapse.open {right: 0; visibility: visible;}
.topo-menu {background: #D7D2E6;}

.menu-lateral {background: #fff; width: 250px; height: 100%; position: relative; z-index: 10000;}
.menu-lateral .list-group a {font: bold 16px Arial, Helvetica, sans-serif; color: #333;}

.fechar-menu {background:  rgba(0,0,0,.45); position: absolute; width: 100%; height: 100%;  left: 0;  right: 0; bottom: 0;}

.social-topo li {width: 36px; height: 36px; margin: 0 4px;}
.social-topo li a {width: 100%; height: 100%; border: 1px solid #9692A3; display: block; border-radius: 100%; padding: 4px; line-height: 0;}
.social-topo li a svg {fill: #9692A3;}

.social-footer {height: 100%;}

.input-width {width: 270px !important; font: normal 14px Arial, Helvetica, sans-serif;}
.bt-search {border: transparent}


/* new menu */
/*.off-canvas-toggle {float: left;padding: 0 15px;}*/
.off-canvas {width: 300px;position: fixed;left: 0;top: 0;height: 100%;overflow-x: hidden;overflow-y: auto;background-color: #D7D2E6;transform: translateX(-100%);transition: .4s ease-in-out;z-index: 100000;}
.off-canvas-active .off-canvas {transform: translateX(0);}
.navbar-fixed-top {transition: .4s ease-in-out;width: 100%;}
.page-wrapper {padding-top: 50px;transition: .4s ease-in-out;}
.off-canvas-active .page-wrapper,
.off-canvas-active .navbar-fixed-top {transform: translateX(300px);}
.list-group {padding: 10px 4px 0 4px;}
.off-canvas-overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 10000;visibility: hidden;opacity: 0;transition: .4s ease-in-out;}
.off-canvas-active .off-canvas-overlay {opacity: 1;visibility: visible;}

.list-group .list-group-item {background-color: #fff; border: 1px solid #ced4da;}
.list-group .list-group-item a {color: #333; font-weight: 700;}
.list-group .list-group-item a.pl-3 {font-weight: 500 !important;}

.btn-fechar {color: #333; font-weight: bolder;  margin: 10px 4px 0 4px; border: 1px solid #ced4da; border-radius: 4px; padding:10px 15px 4px 0; display: flex; justify-content: space-between; align-items: center;}
.btn-fechar small {border: 3px solid #fff; width: 30px; height: 30px; padding:0; font-size: 45px; text-align: center; border-radius: 100%; background: url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%20%20%20%20%3Ctitle%20fill%3D%22black%22%3Ecross-ios-sm.colors-black%3C%2Ftitle%3E%20%20%20%20%3Cdesc%20fill%3D%22black%22%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%20%20%20%20%3Cdefs%20fill%3D%22black%22%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Icons---20%2F24%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22cross-ios-sm.colors-%22%20fill%3D%22black%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M14.5763828%2C4.57449981%20L9.99974997%2C9.15049981%20L5.42411723%2C4.57449981%20L4.57499981%2C5.42349981%20L9.15163268%2C9.99849981%20L4.57499981%2C14.5744998%20L5.42411723%2C15.4234998%20L9.99974997%2C10.8474998%20L14.5763828%2C15.4234998%20L15.4255003%2C14.5744998%20L10.8488674%2C9.99849981%20L15.4255003%2C5.42349981%20L14.5763828%2C4.57449981%20Z%22%20id%3D%22Page-1%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;}
.btn-fechar img {width: 145px;}
/*.btn-fechar:hover {color: #333; background: #c3bed2; text-decoration: none;}*/
/* fim */



.wrap_img {display: block; margin-bottom: 10px;}

.banner-full {margin: 45px 0; text-align: center;}
.banner-full img {max-width: 100%;}


.bloco-blogs .col-lg-2:last-child .blogs {margin-bottom: 0;}
.bloco-editoria .col-lg-4:last-child .manchete {margin-bottom: 0;}

/* BLOCO MANCHETE */
.bloco-manchete {position: relative;}

.manchete h1, .manchete h2 {margin: 0 0 10px;}
.manchete h1 a, .manchete h2 a {color: #000; display: block; font-weight: bold;}

.manchete h1 a {text-align: center; font-size: 46px; line-height: 1.2;}
.subtitle {text-align: center; font-size: 22px; line-height: 1.3; display: block; color: #555;}

.manchete-list ul {padding: 0; list-style: none; margin: 0;}
.manchete-list ul li {margin-bottom: 27px;}
.manchete-list ul li:last-child {margin-bottom: 0;}
.manchete-list ul li .img-min {float: left; margin-right: 15px;}
.manchete-list ul li time {font-size: 12px; display: block; margin-bottom: 4px;}
.manchete-list ul li h2 {margin: 0;}
.manchete-list ul li h2 a {font-size: 15px; font-weight: bold; color: #000; display: block; line-height: 1.2;}


.manchete-list ol {padding: 0; list-style: none; margin: 0;}
.manchete-list ol li {overflow: hidden; margin-bottom: 42px !important;}
.manchete-list ol li:last-child {margin-bottom: 0;}
.manchete-list ol li .img-min {float: left; margin-right: 15px;}
.manchete-list ol li time {font-size: 12px; display: block; margin-bottom: 4px;}
.manchete-list ol li h2 a {font-size: 15px; font-weight: bold; color: #000; display: block; line-height: 1.2;}


/* *#* CARROUSEL 2 *#* */
.carouselManchets2 .wrap_img {margin-bottom: 5px !important;}
.carouselManchets2 .carousel-indicators {margin-top: 10px; position: relative; bottom: 0;}
.carouselManchets2 .carousel-indicators li {background: #3e497f; width: 20px; height: 20px; margin: 0 10px;}
.carouselManchets2 .carousel-indicators .active {background: #6d7abd;}

.carouselManchets2 .carousel-control-prev,
.carouselManchets2 .carousel-control-next {z-index: 1000;}

.carouselManchets2 .carousel-control-next-icon,
.carouselManchets2 .carousel-control-prev-icon {width: 40px; height: 40px; margin-top: -48px;}



.editorias {border-bottom: 1px solid #C6C6C6; margin-bottom: 32px;}
.editorias h2, .editorias a, .editorias h2 a {margin:0; color: #000; text-transform: uppercase; font-weight: bold; font-size: 25px; padding-bottom: 4px;}

.blogs h2 {margin: 0;}
.blogs h2 a {color: #000; display: block; font-weight: bold; font-size: 17px;}
.blogs .link {color: #000; display: block; font-size: 15px; margin:5px 0 10px 0; /*height: 65px;*/ min-height: 90px; line-height: 1.1;}
.blogs .btn-blogs { font: bold 12px Arial, Helvetica, sans-serif; padding-top:6px;border-radius: 0; color: #fff; background-color: #3E497F; border-color: #3E497F; text-transform: uppercase; display: inline-block;}

.bloco-editoria .manchete {margin-bottom: 32px;}
.bloco-editoria .manchete time {display: block; margin: 5px 0; font-size: 15px;}
.bloco-editoria .manchete h2 a {font-size: 22px; letter-spacing: -.08rem;}

.bloco-editoria .manchete .editoria-mais-lidas {color: #2d3862; font-size: 15px; margin: 5px 0; display: block;/*font-weight: bold;*/}

.bloco-mais-lidas {margin-bottom: 32px;}

/*FOOTER*/
.footer {background: #515F82;}
.footer-nav {background: #D7D2E6; padding-top: 4px;}
.logoFooter img {height: 70px; width: auto;}

.menu-footer {padding:0; margin: 0; list-style: none;}
.menu-footer li strong,
.menu-footer li a {color: #fff; display: block;}
.menu-footer li strong {font-size: 20px;}

.borderOn {border-left: 1px solid #979fb5; border-right: 1px solid #979fb5;}

.topo-menu img {width: 70%;}
.topo-menu button[type="button"] {width: 20%;line-height: 0;}
.topo-menu button[type="button"] span {font-size: 50px; display: block;}
.topo-menu a svg {fill: #000;}
.topo-menu a:hover {text-decoration: none;}


@media (max-width: 768px) {
    body {padding-top: 74px;}

        .header .logo_Tipo img,
        .headerFixor .logo_Tipo img {width: 300px; height: auto;}

        .social-topo {display: block; text-align: center; padding: 10px 0 18px;}
        .social-topo li {display: inline-block;}

        .form-inline {justify-content: center;}

        .submenu {display: none;}

        .topo-menu img {width: 70%;}
        .topo-menu button[type="button"] {width: 20%;line-height: 0;}
        .topo-menu button[type="button"] span {font-size: 50px; margin-top: 15px; display: block;}

        .manchete h1 a {font-size: 24px;}
        .manchete h2 a {font-size: 20px;}
        .manchete span {display: block; font-size: 14px; margin-top: 10px;}
        .manchete-list {margin-top: 20px;}
        .manchete-list ul li .img-min {margin-right: 10px;}

        .blogs {margin-bottom: 20px;}
        .blogs .link {min-height : auto !important;}

        .logoFooter {text-align: center; display: block;}
        .social-footer {padding: 15px 0 20px 0;}

        .banner-mais-lidas {margin-top: 32px;}

        .banner-full {margin: 25px 0;}

        .editorias {margin-bottom: 25px;}
        .latest_news li {margin-bottom: 24px;}

        .rodape-txt {text-align: center;}

        .menu-none {display: none;}

        .logoFooter img {height:40px;}


        .manchete-list ol li:last-child {margin-bottom: 0 !important;}

    /* *#* CARROUSEL 2 *#* */
        .carouselManchets2 .carousel-indicators {bottom: 0; margin-bottom: 0;}
        .carouselManchets2 .carousel-control-next-icon, .carouselManchets2 .carousel-control-prev-icon {margin-top: -88px;}
}

@media (max-width: 480px) {
    body {padding-top: 59px;}

    .borderOn {border: 0;}
    .menu-footer {padding-bottom: 20px;}

    .bloco-mais-lidas .wrap_img img {width: 100%;}

    .blogs .img-fluid,
    .blogs .wrap_img img {max-width: 100% !important;}

    .blogs .link {min-height: auto !important;}

    .icon_menu {
        width: 30px;
    }
    .icon_menu img {
        width: 100%;
    }

    .header .logo_Tipo img,
    .headerFixor .logo_Tipo img {width: 240px; }

    .manchete-list ul li time {margin-bottom: 0;}

}
@media (max-width: 320px) {

    .header .logo_Tipo img,
    .headerFixor .logo_Tipo img {width: 195px; }

    .input-width {width: 215px;}
}