/*
Author: Saulo Padilha
Author URI: http://www.spadilha.com
*/


/*--------------------------------------------------------------------------------------------------
										RESPONSIVE
--------------------------------------------------------------------------------------------------*/


/* MENOR QUE WRAPPER PADRÃO */

@media only screen and (max-width: 1265px) {
    #centeredWrapper {
        width: 60%;
        float: left;
        padding: 0 20px;
    }
    .projetoConteudo {
        padding: 0;
    }
    #sidebar {
        width: 40%;
    }
}

@media only screen and (max-height: 780px) {
    /* ====================================================
	    LANDING PAGE (tela desktop com pouca altura)
	==================================================== */
    #landing-form {
        top: 125px;
    }
    .landingForm .wpcf7-text {
        height: 35px;
    }
}

@media only screen and (max-width: 1160px) {
    .wrapper {
        padding: 0 20px;
    }
    .projetoConteudo {
        padding: 0;
    }
    .landing-galeria .wrapper {
        padding: 0 60px;
    }
    .landing-galeria .slick-prev {
        left: -45px;
    }
    .landing-galeria .slick-next {
        right: -45px;
    }
    .page-template-template-landing-page #header2022 {
        margin-bottom: 0;
    }
    /* ====================================================
	    HEADER & MENUS
	==================================================== */
    #header .logo {
        left: 20px;
    }
    #menu {
        right: 275px;
    }
    #searchbox {
        right: 235px;
    }
    #header .socialmedia {
        display: none;
    }
    #header .language {
        right: 140px;
    }
    #header .btnDoe {
        right: 20px;
    }
    #menuConheca:before {
        right: 626px;
    }
    #menuTrabalho:before {
        right: 468px;
    }
    #menuApoiar:before {
        right: 323px;
    }
    #menuConheca:before,
    #innerMenu.miConheca:before {
        right: 626px;
    }
    #menuTrabalho:before,
    #innerMenu.miTrabalho:before {
        right: 468px;
    }
    #menuApoiar:before,
    #innerMenu.miApoiar:before {
        right: 323px;
    }
    /* ====================================================
	    MIDIAS
	==================================================== */
    #noticiasHome .noticia h3 {
        font-size: 13px;
    }
    #boxFotos {
        width: calc(100% - 678px);
    }
    /* ====================================================
	    NOTÍCIAS
	==================================================== */
    .side-news {
        padding: 12px;
    }
    .side-news h2 {
        font-size: 17px;
    }
    /* ====================================================
	    TRANSPARENCIA e EDITAIS
	==================================================== */
    .documento,
    .edital {
        width: 23%;
        margin: 0 1% 60px;
    }
    .documento a.imageLink img {
        max-width: 100%;
        height: auto;
    }
    .edital a img {
        max-width: 100%;
    }
    .logoNavbar {
        right: 10px;
    }
    /* ====================================================
	    PROJETOS
	==================================================== */
    .tematica {
        width: 49%;
    }
    .tematica header img {
        margin-right: 12px;
    }
    .tematica:nth-child(odd) {
        margin-right: 1%;
    }
    .tematica:nth-child(even) {
        margin-left: 1%;
    }
    /* ====================================================
	    FOOTER
	==================================================== */
    #imgRodape p {
        left: 10px;
    }
    /* ====================================================
	    DONATE NOW
	==================================================== */
    .donateIntro,
    .donateSide,
    .ds-fixed {
        width: 50%;
    }
    /* ====================================================
	    LANDING PAGE
	==================================================== */
    .doe-agora {
        right: 20px;
    }
}

@media only screen and (max-width: 1080px) {
    .mapNav {
        min-width: auto;
        padding: 0 13px;
    }
    .newsletter-page .wrapper {
        padding: 0 20px;
    }
    .covid {
        width: 32%;
    }
    .covid-call-interna {
        margin-top: 0;
    }
    .covid_image {
        display: none;
    }
    .covid_text {
        width: 100%;
    }
}


/* TABLET DEITADO */

@media only screen and (max-width: 1030px) {
    /* ====================================================
	    HEADER & MENUS
	==================================================== */
    #header,
    #header2022 {
        margin-bottom: 30px;
    }
    body.home #header,
    body.home #header2022 {
        margin-bottom: 0;
    }
    #menu {
        right: 275px;
    }
    /*#searchbox {right: 365px;}*/
    #headerInternas {
        margin-top: 0;
    }
    #menu {
        display: none;
    }
    .menuIcon {
        position: absolute;
        /* left: 290px;
        top: 24px; */
        height: 35px;
        line-height: 35px;
        background: url('_images/ico_menu.png') left top no-repeat;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
        /* padding-left: 35px; */
        display: block;
        /*FRED: Usando brightness porque o menu é uma imagem e não dava contraste
		bom com fundo escuro. */
        filter: brightness(1.3);
        width: 35px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #menuMobile {
        width: 100%;
        position: absolute;
        top: 77px;
        left: 0;
        z-index: 99999;
    }
    #menuInternas,
    #menuConheca:before,
    #menuTrabalho:before,
    #menuApoiar:before,
    #innerMenu.miConheca:before,
    #innerMenu.miTrabalho:before,
    #innerMenu.miApoiar:before {
        display: none;
    }
    #slideshow #slickDotsWrapper {
        bottom: 10px;
    }
    /* ====================================================
	    NAVBAR
	==================================================== */
    #navbar {
        width: auto;
        height: 42px;
        border: 0;
    }
    .logoNavbar {
        display: none;
    }
    #noticiasHome .noticia {
        width: 48%;
        margin-bottom: 20px;
    }
    #multimidia {
        padding: 20px 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #multimidia .wrapper {
        max-width: 860px;
    }
    #boxFotosDestaques,
    #boxFotos {
        width: 100%;
        height: 571px;
        height: 60vw;
        float: left;
        clear: left;
        margin-bottom: 36px;
    }
    #boxFotosDestaques {
        margin-bottom: 36px;
    }
    #destaquesWrapper,
    #galWrapper {
        height: calc(100% - 28px);
    }
    #boxVideos {
        width: 100%;
        height: auto;
        float: left;
        clear: left;
    }
    #videoList {
        width: 16.45%;
    }
    #videoWrapper {
        width: calc(83.55%);
    }
    .wrapper.ajudeWrapper {
        padding: 0;
    }
    #searchbox {
        right: 12px;
        order: 1;
        margin-left: 22px;
    }
    #searchForm {
        right: 0;
        z-index: 1000;
        position: absolute;
        background: #ffffff;
        border: 1px solid #69879b;
        padding: 5px;
        bottom: -44px;
        display: none;
    }
    .searchIcon {
        width: 19px;
        height: 19px;
        background: url('_images/sprite.png') 0px 0px no-repeat;
        cursor: pointer;
    }
    /* ====================================================
	    INTERNA PADRÃO
	==================================================== */
    .interna {
        padding-bottom: 30px;
    }
    /* ====================================================
	    TIMELINE
	==================================================== */
    #timeline:before,
    #timeline:after {
        display: none;
    }
    .timeline-row {
        width: 100%;
        padding: 0 3%;
        margin: 0;
    }
    .evento {
        width: 100%;
        float: left;
        clear: left;
        margin: 0 0 100px 0;
    }
    .evento:before {
        display: none;
    }
    .date,
    .right .date {
        right: auto;
        left: 50%;
        top: -63px;
        margin: 0;
        margin-left: -38px;
        padding: 0;
    }
    .date p {
        padding-bottom: 6px;
    }
    /* ====================================================
	    EQUIPE
	==================================================== */
    .diretoria {
        height: auto;
    }
    /* ====================================================
	    EQUIPE NOVA
	==================================================== */
    #nova-equipe {
        margin-top: -35px;
    }
    /* ====================================================
	    DONATE EN
	==================================================== */
    .donateIntro h1 {
        font-size: 45px;
    }
    /* ====================================================
    	CADASTRO DE PROJETOS
	==================================================== */
    #cadastro-projetos .cf7multi .tab {
        font-size: 14px;
    }
    #cadastro-projetos .cf7multi .tab a {
        padding: 5px 8px;
    }

	.esun-premio-logos-wrapper .premio-apoios a {
		width: 120px;
		height: 120px;
	}
}

@media only screen and (max-width: 980px) {
    /* ====================================================
	    PROJETOS
	==================================================== */
    /* MAPA */
    .mapa-loading {
        height: 100%;
    }
    #mapArea .filterIcon {
        display: block;
        position: absolute;
        left: 10px;
        top: 15px;
        display: block;
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        text-indent: -9999px;
        z-index: 20;
    }
    #mapFilter {
        display: block;
    }
    #mapFilter {
        width: 140px;
        position: absolute;
        left: -140px;
        top: 60px;
        z-index: 40;
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        -o-transition: left 0.3s;
        transition: left 0.3s;
    }
    #mapFilter.opened {
        left: 0;
    }
    .mapNav {
        width: 100%;
        float: left;
        clear: left;
        border-bottom: 1px solid #8b5533;
        position: static;
    }
    .mapNav:last-child {
        border-bottom: 0;
    }
    .mapNav ul {
        top: -50px;
        left: 150px;
        bottom: auto;
        width: calc(100vw - 170px);
        z-index: 999;
    }
    .mapNav ul li {
        line-height: 33px;
    }
    #zoom {
        bottom: auto;
        top: 12px;
    }
    #mapArea .goUp {
        display: block;
        bottom: 60px;
        right: 20px;
        position: fixed;
        z-index: 10;
    }
    .aviso {
        display: none;
    }
    /* FILTROS GRID */
    #filterWrapper {
        min-height: 30px;
    }
    #filterWrapper .filterIcon {
        display: block;
        position: absolute;
        right: 0px;
        top: -40px;
        display: block;
        padding-left: 45px;
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        text-indent: -9999px;
    }
    #filtro {
        display: none;
    }
    .filterbox {
        width: 48%;
        float: left;
        margin: 0 1% 20px;
    }
    .filterbox.boxMenor {
        width: 24%;
        margin: 0 0.5%;
    }
    .filterSubmit {
        width: 100%;
        float: left;
        clear: left;
        text-align: center;
        margin-top: 25px;
    }
    .advSubmit {
        width: 160px;
        float: none;
        margin: 0;
    }
    /* GRID */
    .projeto header {
        padding: 10px;
    }
    .projeto h2 {
        font-size: 15px;
    }
    .projeto h3 {
        line-height: 1.3;
    }
    #grid .projeto {
        width: 32.333%;
    }
    /* ====================================================
	    BLOCO MAIS
	==================================================== */
    .maisFooter {
        margin: 40px 0;
    }
    #noticiasFooter {
        width: 62.9%;
    }
    #noticiasFooter .noticia {
        width: 49%;
        margin: 0 0 0 2%;
    }
    #noticiasFooter .noticia:first-child {
        margin-left: 0;
    }
    #noticiasFooter .noticia:last-child {
        display: none;
    }
    .maisFooter .noticia h3 {
        font-size: 13px;
    }
    #maisProjetos {
        width: 32%;
    }
    #maisProjetos .noticia {
        width: 100%;
    }
    /* ====================================================
	    APOIO
	==================================================== */
    .editais {
        width: 100%;
    }
    /* ====================================================
	    NOTÍCIAS
	==================================================== */
    .noticiaHeader {
        height: 100px;
    }
    .noticiaHeader h2 {
        font-size: 16px;
    }
    /* ====================================================
	    NOTÍCIAS
	==================================================== */
    .side-news {
        padding: 10px;
    }
    .side-news img {
        width: 110px;
        margin-right: 15px;
    }
    .side-news h2 {
        font-size: 16px;
    }
    .sf_content {
        width: 100%;
        float: left;
        clear: left;
    }
    .social-feed-element h3 {
        margin: 0;
    }
    .pf-inscricao {
        padding: 30px;
    }
    /* Rio Doce - Territórios */
    .territoriosWrapper .territorio {
        width: 48%;
    }
}


/* TABLET EM PÉ */

@media only screen and (max-width: 860px) {
    .showMobile {
        display: block;
    }
    .showDesk {
        display: none;
    }
    .mobile_bg_image {
        width: 100%;
        height: calc(100vh - 220px);
        background-position: center center;
        background-size: cover;
    }
    .col,
    .col:last-child {
        width: 100%;
    }
    #premio-fotografico .col,
    #premio-fotografico .col:last-child {
        width: 48%;
    }
    /* ====================================================
	    HEADER & MENUS
	==================================================== */
    #slideshow #slickDotsWrapper {
        bottom: 5px;
    }
    /* ====================================================
	    PAGE HEADER & NAVBAR
	==================================================== */
    #pageHeader {
        margin-bottom: 0px;
    }
    .subIcon {
        display: block;
        position: absolute;
        left: 10px;
        top: -20px;
        height: 35px;
        line-height: 35px;
        background: url('_images/ico_submenu.png') left top no-repeat;
        cursor: pointer;
        display: block;
        padding-left: 45px;
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        text-indent: -9999px;
    }
    #navbar {
        border: 0;
    }
    #navbar ul {
        width: 250px;
        position: absolute;
        left: -250px;
        top: 20px;
        z-index: 90;
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        -o-transition: left 0.3s;
        transition: left 0.3s;
    }
    #navbar ul.opened {
        left: 10px;
    }
    #navbar ul li {
        width: 100%;
        float: left;
        clear: left;
    }
    #navbar ul li a {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #d6d6d6;
    }
    #navbar ul li:last-child a {
        border: 0;
        border-bottom: 0;
    }
    /* ====================================================
	    HOME
	==================================================== */
    #slideshow {
        display: none;
    }
    #slideshowMobile {
        display: block;
    }
    #slideshowMobile {
        margin-bottom: 0;
    }
    .ajude .wrapper {
        max-width: 100%;
    }
    .ajude p {
        font-size: 16px;
    }
    .ajude .btnDoe {
        width: 140px;
        height: 40px;
        line-height: 40px;
        left: auto;
        right: 10px;
        top: 52px;
        margin: 0;
    }
    .showMobile .ajude {
        margin: 20px 0;
    }
    /* ====================================================
	    MIDIAS
	==================================================== */
    #midias .wrapper {
        max-width: 831px;
    }
    #noticiasHome .noticia h3 {
        font-size: 13px;
    }
    #multimidia .innerbox {
        height: 69vw;
    }
    .consInfo p {
        padding: 30px 30px 30px 120px;
    }
    /* ====================================================
	    TRANSPARENCIA e EDITAIS
	==================================================== */
    .documento,
    .edital {
        width: 31.3%;
    }
    .covid {
        width: 48%;
    }
    /* ====================================================
	    PROJETOS
	==================================================== */
    /* SINGLE PROJETOS */
    #centeredWrapper {
        width: 100%;
        float: left;
        clear: left;
    }
    .projetoHeader h1 {
        font-size: 29px;
        line-height: 1.2;
    }
    #sidebar {
        width: 100%;
        float: left;
        clear: left;
        padding: 0;
    }
    #sidebar .projeto {
        width: 48.5%;
        float: left;
    }
    #sidebar .projeto:last-child {
        display: none;
    }
    .goUp {
        position: relative;
        float: left;
        clear: left;
        margin: 25px 0 -40px;
    }
    /* ====================================================
	    NOTÍCIAS
	==================================================== */
    #grid .noticia {
        width: 32.333%;
    }
    /* ====================================================
	    SEARCH PAGE
	==================================================== */
    #grid .resultado {
        width: 32.333%;
    }
    /* ====================================================
	    DONATE EN
	==================================================== */
    .donateIntro h1 {
        font-size: 40px;
    }
    /* ====================================================
	    LANDING PAGE
	==================================================== */
    main.hasForm .landing-panel .wrapper,
    .quiz-section .wrapper,
    .quiz-section .wrapper {
        padding-right: 360px;
    }
    #landing-form {
        width: 320px;
        top: 135px;
    }
    #landing-form h2 {
        font-size: 16px;
    }
    .landing-panel {
        padding: 30px 0;
    }
    .landing-panel .hasForm .wrapper {
        padding-right: 360px;
    }
    .landingForm .wpcf7-text {
        height: 35px;
    }
    /* ====================================================
	    COM A PALAVRA
	==================================================== */
    .newsletter-text {
        width: 70%;
    }
    .newsletter-image {
        width: 30%;
    }
    /* ====================================================
	    EQUIPE NOVA
	==================================================== */
    .equipe-item {
        width: 33.33333%;
    }
    .equipe-item.isDestaque {
        width: 50%;
    }
    .equipe-item figcaption h2 {
        font-size: 16px;
    }
    .equipe-item figcaption h3 {
        font-size: 14px;
    }
    .equipe-item.isDestaque figcaption h2 {
        font-size: 18px;
    }
    .equipe-item.isDestaque figcaption h3 {
        font-size: 16px;
    }
    .equipe-item figcaption p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 750px) {
    .mobileHidden {
        display: none;
    }
    /* ====================================================
	    HEADER & MENUS
	==================================================== */
    .mapaBlock:nth-child(4) {
        display: none;
    }
    .mapaBlock,
    .mapaTres .mapaBlock,
    .mapaTres .mapaBlock:last-child {
        width: 40%;
    }
    .mapaBlock:first-child,
    .mapaTres .mapaBlock:first-child {
        width: 20%;
    }
    /* ====================================================
	    PROJETOS
	==================================================== */
    .tematica {
        width: 100%;
        margin: 0 0 40px 0 !important;
    }
    .tematica:nth-child(odd) header {
        background-color: #71c1b7;
    }
    .tematica:nth-child(even) header {
        background-color: #71b7c1;
    }
    /* ====================================================
	    NOTÍCIAS
	==================================================== */
    #news-destaque {
        width: 100%;
        margin-bottom: 30px;
    }
    #news-image {
        width: 100%;
        position: static;
        left: auto;
        bottom: auto;
    }
    #news-side {
        width: 100%;
    }
    .side-news {
        padding: 10px;
    }
    .side-news img {
        width: 110px;
        margin-right: 15px;
    }
    .side-news h2 {
        font-size: 16px;
    }
    .feed-wrapper {
        width: 100%;
    }
    .wp-caption {
        width: 100% !important;
    }
    .interna .alignright,
    .interna .alignleft,
    .wp-caption img {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 15px 0 !important;
    }
    .singleHeader .shareBox {
        right: 20px;
    }
    #noticiasFooter .noticia:last-child {
        display: block;
    }
    /* ====================================================
	    FOOTER
	==================================================== */
    #footer .col-3:first-child {
        display: none;
    }
    #footer .col-3 {
        width: 45%;
    }
    #footer .footerRight {
        margin-right: 5%;
    }
    /* ====================================================
	    DONATE EN
	==================================================== */
    .donateIntro,
    .donateSide,
    .ds-fixed {
        width: 100%;
        float: left;
        clear: left;
    }
    .ds-fixed {
        position: static;
    }
    .donateIntro {
        margin-bottom: 30px;
        padding: 15px;
    }
    .donateIntro .donateLogoFundo {
        margin-bottom: 40px;
    }
    .donateIntro h1,
    .donateIntro p {
        max-width: 100%;
        clear: left;
    }
    /* ====================================================
	    EQUIPE NOVA
	==================================================== */
    .equipe-item.isDestaque figcaption {
        padding: 15px;
    }
    .equipe-item figcaption p {
        line-height: 1.3;
    }
    /* ====================================================
	    PRÊMIO FOTOGRÁFICO
	==================================================== */
    #premio-fotografico .fotografia {
        width: 100%;
    }
    .boxAzulFundo h2 {
        line-height: 1.3;
        padding: 10px 25px;
    }
    .carrossel-textimg-wrapper .slide .carrossel-image {
        width: 100%;
        margin-bottom: 40px;
    }
    .carrossel-textimg-wrapper .slide .carrossel-text {
        width: 100%;
    }
    /* ====================================================
	    LANDING PAGE
	==================================================== */
    main.hasForm .landing-panel .wrapper,
    .quiz-section .wrapper {
        padding-right: 20px;
    }
    #landing-nav ul {
        width: 100%;
        position: absolute;
        left: 0;
        top: 40px;
        z-index: 80;
        background-color: #05A787;
        display: none;
        padding-bottom: 10px;
    }
    #landing-nav ul li {
        width: 100%;
        float: left;
        clear: left;
        text-align: left;
        padding-left: 20px;
    }
    .landing-nav-icon {
        display: block;
    }
    #landing-form {
        width: 100%;
        position: static;
        float: left;
        clear: left;
        top: auto;
        right: auto;
    }
    #landing-form h2 {
        font-size: 16px;
    }
    .landing-panel .wrapper {
        padding: 0 20px;
    }
    .showcols-1 .slide {
        width: 100%;
    }
    .showcols-2 .slide {
        width: 100%;
    }
    .showcols-3 .slide {
        width: 48%;
    }
    .showcols-4 .slide {
        width: 48%;
    }
    .showcols-5 .slide {
        width: 48%;
    }
    .showcols-6 .slide {
        width: 48%;
    }
    .landing-galeria .slick-dots,
    .landing-galeria .slick-arrow {
        display: none;
    }
    .quiz-section {
        padding: 10px 0 80px;
    }
    .quiz-section .qs-intro {
        padding: 0 0 20px;
    }
    .quiz-section .qs-intro p {
        font-size: 16px;
        padding: 0 10px;
    }
    .quiz-section .quiz-inner {
        padding: 20px 10px;
    }
    .quiz-section .wq_questionTextCtr h4 {
        font-size: 1.3rem;
        padding-left: 8px;
    }
}


/* ====================================================
    MOBILES
==================================================== */

@media only screen and (max-width: 620px) {
    /* ====================================================
	    HEADER & MENUS
	==================================================== */
    #searchbox {
        right: 100px;
    }
    #header .language {
        right: 20px;
    }
    #header .btnDoe {
        display: none;
    }
    /* ====================================================
	    HOME
	==================================================== */
    .ajude {
        height: auto;
        padding: 20px 0;
    }
    .ajude .wrapper {
        max-width: 100%;
    }
    .ajude .icoAjude {
        display: none;
    }
    .ajude p {
        width: auto;
        margin: 0;
        padding: 0 0 10px 0;
    }
    .ajude .btnDoe {
        position: static;
        display: inline-block;
        width: auto;
        padding: 0 20px;
    }
    #newsletter {
        margin-bottom: 0;
    }
    .wpcf7-text,
    .wpcf7-submit {
        height: 32px;
    }
    .missaoInfo {
        padding: 40px 5% 40px;
        margin-bottom: 0;
    }
    #nossosNumerosHome {
        padding: 0 0 40px;
    }
    #nossosNumerosHome p {
        margin-bottom: 15px;
    }
    #videoList {
        display: none;
    }
    #videoWrapper {
        width: 100%;
    }
    /* ====================================================
	    BLOCO MAIS
	==================================================== */
    #noticiasFooter {
        width: 100%;
    }
    #maisProjetos {
        width: 80%;
        margin-right: 10%;
    }
    /* ====================================================
	    TRANSPARENCIA e EDITAIS
	==================================================== */
    .documento,
    .edital {
        width: 48%;
    }
    /* ====================================================
	    PROJETOS
	==================================================== */
    #grid .projeto {
        width: 48%;
        margin: 0 1% 60px;
    }
    .outros {
        padding: 40px 20px;
    }
    #sidebar .projeto {
        width: 100%;
        float: left;
        clear: left;
    }
    #sidebar .projeto:last-child {
        display: block;
    }
    /* ====================================================
	    NOTÍCIAS
	==================================================== */
    #grid .noticia {
        width: 48%;
        margin: 0 1% 60px;
    }
    /* ====================================================
	    SEARCH PAGE
	==================================================== */
    #grid .resultado {
        width: 48%;
        margin: 0 1% 10px;
    }
    /* ====================================================
	    APOIO
	==================================================== */
    .textboxMenor {
        width: 100%;
        margin-right: 0;
    }
    /* ====================================================
	    SEARCH PAGE
	==================================================== */
    .searchbox {
        width: calc(100% - 110px);
    }
    /* ====================================================
	    DONATE EN
	==================================================== */
    .donateIntro .donateLogoFundo {
        max-width: 100%;
    }
    /* ====================================================
	    NEWSLETTER - COM A PALAVRA
	==================================================== */
    .newsletter-image,
    .newsletter-text {
        width: 100%;
        float: left;
        clear: left;
        margin-bottom: 20px;
    }
    .newsletter-text article {
        margin-bottom: 40px;
    }
    .newsletter-text article img {
        width: 100%;
        float: left;
        clear: left;
        margin-bottom: 10px;
    }
    .newsletter-text article h2 {
        padding: 0;
    }
    /* ====================================================
	    BLOG
	==================================================== */
    .blog-post,
    .blog-list {
        padding: 20px;
    }
    .blog-list img {
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
    }
    /* ====================================================
	    EQUIPE NOVA
	==================================================== */
    #nova-equipe .wrapper {
        padding: 0;
    }
    .equipe-item {
        width: 50%;
    }
    .equipe-item.isDestaque {
        width: 100%;
    }
    .equipe-item figcaption {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .equipe-item figure:after {
        opacity: 0.45;
    }
    .equipe-item:hover figure img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    /* Rio Doce - Territórios */
    .territoriosWrapper .territorio {
        width: 100%;
    }
    .territoriosWrapper .edTipos {
        padding: 20px 20px 0;
    }
    .internaRioDoce .textbox li {
        padding: 0;
    }
    .singleHeader.singleNoIcon .shareBox {
        bottom: -120px;
    }
    /* IMAGES */
    img.alignright,
    img.alignleft,
    img.aligncenter,
    img.alignnone {
        width: 100%;
        height: auto;
        margin: 5px 0 20px 0;
        float: left;
        clear: left;
    }
}

@media only screen and (max-width: 540px) {
    /* ====================================================
	    HEADER & MENUS
	==================================================== */
    /* .menuIcon {
        right: 160px;
        top: 5px;
        left: auto;
    } */
    /* ====================================================
	    MIDIAS
	==================================================== */
    #noticiasHome .noticia {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #noticiasHome .noticia:last-child {
        display: block;
    }
    /* #boxFotos .slick-arrow {
        visibility: hidden;
    } */
    /* ====================================================
	    TIMELINE
	==================================================== */
    .evtInner img {
        width: 100% !important;
        height: auto;
    }
    /* ====================================================
	    BLOCO MAIS
	==================================================== */
    #noticiasFooter .noticia {
        width: 100%;
        margin: 0 0 30px 0;
    }
    #maisProjetos {
        width: 100%;
        margin: 40px 0;
    }
    /* ====================================================
	    EQUIPE
	==================================================== */
    .consHeader {
        height: 85px;
        line-height: 85px;
    }
    .consHeader .wrapper {
        padding: 0;
    }
    .consHeader .avatar {
        width: 85px;
        height: 85px;
    }
    .consHeader h3 {
        font-size: 21px;
    }
    .consInfo p,
    .membInfo p {
        padding: 30px;
    }
    .membHeader {
        height: 85px;
        line-height: 1.3;
    }
    .membHeader .avatar {
        width: 85px;
    }
    .membHeader h3 {
        font-size: 18px;
        padding-top: 32px;
    }
    .membHeader h3 .opener {
        vertical-align: text-top;
    }
    /* ====================================================
	    PROJETOS
	==================================================== */
    /* FILTROS */
    .filterbox {
        width: 100%;
        float: left;
        margin: 0 0 20px;
    }
    .filterbox.boxMenor {
        width: 48%;
        margin: 0 4% 20px 0;
    }
    .filterbox.boxMenor.last {
        margin-right: 0;
    }
    /* ====================================================
	   EDITAIS
	==================================================== */
    .edital,
    .covid {
        width: 100%;
    }
    /* ====================================================
	    FOOTER
	==================================================== */
    #footer .col-3 {
        width: 100%;
        float: left;
        clear: left;
        margin: 0 0 40px;
        text-align: center;
    }
    #footer .footerRight {
        max-width: none;
    }
    .mapaRow {
        padding: 1px 0 0 0;
    }
    .mapaRow h4 {
        margin-bottom: 0;
        cursor: pointer;
    }
    .mapaRow .wrapper {
        display: none;
    }
    .mapaBlock,
    .mapaTres .mapaBlock,
    .mapaBlock:first-child,
    .mapaTres .mapaBlock:first-child,
    .mapaTres .mapaBlock:last-child {
        width: 80%;
        float: left;
        clear: left;
        margin: 0 0 0 10%;
        text-align: center;
        padding: 20px 0 0 0;
    }
    .mapaBlock:nth-child(3) {
        padding-bottom: 10px !important;
    }
    #footer .footerRight img {
        max-width: 60%;
    }
    /* ====================================================
	   PRÊMIO FOTOGRÁFICO
	==================================================== */
    #premio-fotografico .col,
    #premio-fotografico .col:last-child {
        width: 100%;
    }
    /* ====================================================
	    COVID 19
	==================================================== */
    .covid_text h1,
    .covid_text h2 {
        font-size: 13px;
        padding: 0 10px;
    }
    .covid_text h2 a svg {
        vertical-align: sub;
        padding: 13px 0 2px 0;
    }
    .covid_text h2 span {
        float: left;
        clear: left;
    }
    .covid-call a {
        font-size: 14px;
        line-height: 1.3;
    }
    .covid-call a svg {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    /* ====================================================
	    HEADER & MENUS
	==================================================== */
    #header .logo {
        top: 18px;
    }
    #header .logo img {
        height: 41px;
    }
    /* ====================================================
	    INTERNA PADRÃO
	==================================================== */
    .interna {
        padding-bottom: 20px;
    }
    /* ====================================================
	    EQUIPE
	==================================================== */
    .instImage {
        width: 100%;
        float: left;
        clear: left;
        background-size: contain;
        margin-top: 20px;
    }
    .instInfo {
        width: 100%;
        float: left;
        clear: left;
        text-align: left;
    }
    /* ====================================================
	    PROJETOS
	==================================================== */
    #grid .projeto {
        width: 100%;
    }
    /* ====================================================
	    NOTÍCIAS
	==================================================== */
    #grid .noticia {
        width: 100%;
    }
    /* ====================================================
	    SEARCH PAGE
	==================================================== */
    #grid .resultado {
        width: 100%;
        margin: 0 0 10px;
    }
    /* ====================================================
	    LANDING PAGE
	==================================================== */
    .landing-nav-icon {
        left: 20px;
    }
    .landing-panel,
    .landing-panel.landingimage {
        padding: 30px 10px;
    }
}

@media only screen and (max-width: 380px) {
    /* ====================================================
	    HEADER & MENUS
	==================================================== */
    /* .menuIcon {
    right: 55px;
  } */
    #header .language {
        display: none;
    }
    /* #searchbox {
        right: 12px;
        order: 1;
        margin-left: 10px;
    } */
    /* #searchbox {
        right: 12px;
        order: 1;
        margin-left: 10px;
    }
    .searchIcon {
        width: 19px;
        height: 19px;
        background: url('_images/sprite.png') 0px 0px no-repeat;
        cursor: pointer;
    } */
    #menuMobile {
        top: 67px;
    }
    /* ====================================================
	    EQUIPE
	==================================================== */
    .consHeader {
        height: 70px;
        line-height: 70px;
    }
    .consHeader .avatar {
        width: 70px;
        height: 70px;
        margin-right: 12px;
    }
    .consHeader h3 {
        font-size: 17px;
    }
    .consInfo p,
    .membInfo p {
        padding: 20px;
    }
    .membHeader h3 {
        font-size: 17px;
        padding-top: 22px;
    }
    /* ====================================================
	    TRANSPARENCIA e EDITAIS
	==================================================== */
    .documento {
        width: 100%;
    }
    .editalzim {
        width: 100%;
        margin-bottom: 20px;
    }
    .editais article p {
        padding-bottom: 20px;
    }
    /* ====================================================
	    PROJETOS
	==================================================== */
    .mapNav ul {
        top: -60px;
        left: 0px;
        bottom: auto;
        width: calc(100vw - 10px);
        z-index: 999;
    }
    .mapNav ul li {
        width: 100%;
        line-height: 1.3;
        padding: 8px 15px;
    }
    .mapNav.navLarge ul li {
        width: 50%;
        float: left;
        clear: none;
    }
    .tematica header img {
        margin-right: 7px;
    }
    /* ====================================================
	    NOVA EQUIPE
	==================================================== */
    .equipe-item {
        width: 100%;
    }
}


/*-------------------------------------------------
	RETINA BACKGROUND IMAGES
-------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 192dpi) {
    .menuIcon {
        background-image: url('_images/ico_menu@3x.png');
        background-size: 35px 35px;
    }
}

.social2022 {
    display: none;
}