/*
Theme Name: Horizon SMA
Theme URI: https://www.ambiente.sp.gov.br
Description:Tema SMA 4.0 - Horizon SMA
Author: Global Web - SMA
Template:     horizon
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  horizon-sma
*/

/*GERAL*/

.h1,
h1 {
    font-size: 3em;
}

h2.title-section {
    font-size: 26px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.padding-top {
    padding-top: 25px;
}

.texto-verde p {
    color: #034ea2;
}

.texto-branco p,
.texto-branco,
.texto-branco a {
    color: #ffffff;
}

.img-thumbnail {
    border: 0px;
}

#bs-example-navbar-collapse-1>#menu-site-principal>li>a {
    background-color: transparent;
    /* margin-right: 10px; */
}

/*Header*/

.header3 .primary-title h1 span.guia-espaco {
    line-height: 1em;
}

.logo-img img {
    max-width: 320px;
    height: auto;
    position: relative;
    /* width: 100%; */
}

.header3 .logo-img img {
    max-width: 160px;
}

.primary-title h1 span.areasp-espaco,
.primary-title h1 span.guia-espaco {
    font-weight: bold;
}

.primary-title h1 span.guia-espaco {
    margin-left: 0px;
}

.btn-primary {
    color: #fff;
    background-color: #034ea2;
    border-color: #034ea2;
}

.btn.btn-outline-primary {
    background: #ffffff;
    background-image: none;
    border: 1px solid #034ea2;
    color: #231f20;
}

.boletim-sima-btn{
	background: #fff;
	border: 2px solid #034ea2;
	color: #231f20 !important;
}
.boletim-sima-btn:hover{
    background: #034ea2;
    color:white !important;
}

.min-w100 {
    min-width: 100px;
}

a.btn-outline-primary:hover,
a.btn-outline-primary:active,
a.btn-outline-primary:focus {
    color: #ffffff;
    background-color: #464547;
    border-color: #034ea2;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #464547;
    border-color: #034ea2;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #034ea2;
}

.parallax-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*Single posts e pages*/
.imgDestaque figure {
    height: 650px;
}

/*Post de eventos*/
.single-tribe_events .imgDestaque figure {
    background-size: 100%;
}

.single-tribe_events iframe {
    width: 100%;
    min-height: 380px;
}

table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dcdcdc;
}

.item-post .wrap-item-post-info .btn {
    left: 0 !important;
}

.item-post .item-post-info {
    min-height: 0px !important;
}

h3.sma_subtitulo {
    padding-bottom: 26px;
}

.sem-img-destaque p.imgDestaqueDate {
    font-size: 14px;
    color: #034ea2;
    display: block;
}

.sem-img-destaque .imgDestaqueDate {
    text-align: left;
}

.imgDestaqueInfo h2 {
    max-width: 600px;
}

/* Mais notícias*/

.bg-ffffff {
    background: #ffffff;
}

.CarouselCardsPostsFeatured .prev_slide,
.CarouselCardsPostsFeatured .next_slide {
    background: #ffffff;
    color: #ccc !important;
}

.CarouselCardsPostsFeatured .prev_slide:hover,
.CarouselCardsPostsFeatured .next_slide:hover {
    background: #ffffff;
    color: #464547 !important;
}

.owl-mais-noticias .card {
    border: none;
    padding: 0px;
    margin: 0;
}

.owl-mais-noticias .card-body {
    padding: 0px;
}

.owl-mais-noticias img.card-img-top.img-fluid {
    height: 192px;
}

.owl-mais-noticias .card-img-top {
    border-radius: 15px;
}


a:hover {
    color: #464547;
    text-decoration: none;
}

/* Programas*/

.section-programas {
    min-height: 500px;
}

.section-programas .owl-item .item {
    padding-right: 5px;
    padding-left: 5px;
}

.CustomPostsImageOverlay-inner .card-title {
    font-size: 1.6em;
    padding-top: 35px;
    padding-bottom: 20px;
}

.CustomPostsImageOverlay-inner .card-title,
.CustomPostsImageOverlay-inner .card-text {
    text-align: center;
}

.CustomPostsImageOverlay-inner .card,
.CustomPostsImageOverlay-inner .card img {
    min-height: 350px;
}


.greeness-bg {
    background-color: rgba(98, 178, 0, 0.8);
    z-index: 1;
}

/*Eventos */

.section-eventos {
    list-style: none;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #ffffff;
}

.section-eventos .EventosGrid-inner.row {
    margin-top: 60px;
}

.section-eventos .card-evento {
    padding-top: 10px;
}

.section-eventos .img-evento {
    margin-top: -75px;
    position: relative;
}

.section-eventos .img-evento img {
    max-width: 230px;
}

.EventosGrid li {
    list-style: none;
}

/*faq SMA*/

.vc_toggle_default .vc_toggle_icon::after,
.vc_toggle_default .vc_toggle_icon::before {
    background: #034ea2 !important;
}

.vc_toggle_default .vc_toggle_icon {
    background: #034ea2 !important;
    border: 1px solid #034ea2 !important;
}

.vc_toggle_default .vc_toggle_icon::before {
    border: 1px solid #034ea2 !important;
}

/*Widgets avisos*/

.widget-lateral-home {
    text-align: center;
    list-style-type: none;
    padding: 0px;
    display: block;
    background: #034ea2;
}

.widget-lateral-home .widgettitle {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #034ea2;
    display: block;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 48px;
    margin-bottom: 10%;
}

.widget-lateral-home li.widget.widget_media_image {
    padding-bottom: 10%;
}

/*Na imprensa*/

.PostsThumbs-inner .card-title a {
    color: #231f20;
}

.link-externo .fa {
    background: #034ea2;
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    padding: 10px;

}

.link-externo {
    position: absolute;
    top: 50%;
    z-index: 9;
    right: 2%;
}

/*Seção nossas instituicoes*/

.section-intituicoes li {
    list-style: none;
}

.section-intituicoes h3 {
    font-size: 26px;
}

.section-intituicoes .wc-gallery .gallery.gallery-masonry {
    height: auto;
}

.section-intituicoes .gallery-item img {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.section-intituicoes h3.widgettitle {
    font-size: 2.5em;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.section-intituicoes img {
    border: none !important;
}



/*Seção serviços e sistemas*/

section.section-catalago-servicos {
    min-height: 500px;
    position: relative;

}

.section-catalago-servicos .container {
    color: #fff;
}

.darkness-bg {
    background-color: rgba(14, 39, 68, 0.8);
    z-index: 1;
}

.whiteness-bg {
    background-color: rgba(248, 249, 250, 0.9);
    z-index: 1;
}


.section-catalago-servicos::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: rgba(33, 37, 41, 0.56);
}

span.spa-solid svg {
    color: #034ea2;
    width: 1.5em;
}

.section-catalago-servicos .area-servicos {
    padding-top: 2em;
    padding-bottom: 4em;
    padding-left: 1em;
}

ul.lista-servicos,
ul.lista-servicos>li>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lista-servicos li ul {
    padding: 0px;
    margin: 0px;
}

.lista-servicos li span {
    margin-right: 10px;
}

.lista-servicos a:hover {
    color: #034ea2;
}

.lista-servicos a {
    color: #fff;
    font-size: 14px;
}

ul.lista-servicos h4 {
    text-transform: uppercase;
    color: #fff;
    padding-left: 1.5em;
}

ul.lista-servicos ul li {
    line-height: 1.5em;
    margin-top: 5px;
    display: flex;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*Seção acontece*/

.bg-img-opacity {
    opacity: 0.5;

}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-15 {
    border-radius: 15px;
}

.border-radius-30 {
    border-radius: 30px;
    border: none;
}

.PostsImageOverlay-inner .card,
.CustomPostsImageOverlay-inner .card {
    border: none;
}

.PostsImageOverlay-inner .card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: rgba(33, 37, 41, 0.56);
    border-radius: 15px;
}

/*Seção avisos*/

.avisos>li {
    padding: 0px;
    margin: auto;
    list-style: none;
}

.section-avisos {
    text-align: center;
}

/*Seção Parque urbanos*/

.ParquesUrbanos ul li {
    list-style: none;
}

.destaque-link {
    font-weight: bold;
    font-size: .9rem;
}

.lista-parques li span {
    margin-right: 10px;
}

.lista-parques a {
    color: #212529;
}

/*Seção boletim SMA*/

.widget-boletim-sma li {
    list-style: none;
}

.lista-parques span.spa-solid svg {
    color: #034ea2;
}

.widget-boletim-sma {
    padding: 2em;
    background-color: #eee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.widget-boletim-sma h3 {
    text-transform: uppercase;
    font-size: 4.5em;
    color: #464547;
    font-weight: 100;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

div.wpcf7-mail-sent-ok {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}


.widget-boletim-sma h3 span {
    color: #034ea2;
    font-size: 165%;
    line-height: 10px;
    font-weight: bold;
}

input#cancelar-inscricao,
.wpcf7-submit {
    padding: 14px !important;
    text-align: center;
    background: #fff !important;
    color: #464547 !important;
    border: 2px solid #034ea2 !important;
    margin: 0px !important;
}

input#cancelar-inscricao:hover,
.wpcf7-submit:hover {
    background: #034ea2 !important;
}

.widget-boletim-sma .form {
    padding-top: 20px;
}


.widget-boletim-sma .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #034ea2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #8BC34A;
}

.widget-boletim-sma .contato-form input,
.widget-boletim-sma .wpcf7-form input {
    font-size: 1rem;
    padding: 15px 20px;
    margin-bottom: 10px;
    border: none;
    outline: none;
    border-radius: 5px;
    background: #034ea2;
    border: 0px;
    width: 100%;
    color: #464547;
    font-weight: 600;
}

/*Footer */

footer.main-footer {
    background-color: #231f20;
}

.main-footer .telefone p,
.main-footer .endereco p {
    color: #fff;
}

.main-footer .footer-content-row i {
    margin-top: 5px;
    color: #034ea2;
}

.main-footer .widgettitle.metade-espaco {
    color: #034ea2;
    font-size: 1.5em;
    text-transform: uppercase;
}

.footer-instituicoes li {
    display: inline-flex;
}


.footer-instituicoes img {
    height: 50px !important;
    width: auto;
    margin-right: 5px;
}

.footer-instituicoes li:last-child img {
    height: 120px !important;
}

.main-footer ul {
    padding: 0;
    margin: 0;
}

footer.main-footer li {
    list-style: none;
    margin-bottom: 5px;
    letter-spacing: -0.4px;
}

.bar-white {
    border-bottom: 5px solid #ffffff;
    padding-bottom: 33px;
    margin-bottom: 24px;
}



footer.main-footer li a {
    color: #ffffff;
}

.h-50px {
    height: 50px;
}

.h-120px {
    height: 120px;
}

footer {
    border-top: none;
}

.container.footer-content-row {
    max-width: 85em;
}

input[type=file]::file-selector-button {
    margin-right: 10px;
      padding: 10px;
      border:none;
      border-right: 1px solid;
      background: #034EA2;
      color:white
  }
input[type=file]:hover::file-selector-button {
    background: #464547;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type=file]{
    padding:0;
    
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 359.98px) {}

@media (max-width: 767.98px){
    .section-acontece, .section-na-imprensa {
        height: 100% !important;
    }
}

@media (max-width: 767.98px) {

    .header3 .primary-title {
        text-align: center;
    }

    .header3 span.guia-espaco {
        display: block;
        margin-top: 5px;
        font-size: 45px !important;
    }

    .header3 span.areasp-espaco {
        font-size: 20px !important;
    }

     /*Single posts e pages*/
    .imgDestaque figure {
        height: 300px;
    }

    .owl-nav{
        display:none !important;
    }

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 360px) and (max-width: 767.98px) {

    h1 {
        font-size: 2em;
    }

    .home-header-content h1 {
        text-align: center;
    }

    span.guia-espaco {
        font-size: 1em;
    }

    span.areasp-espaco {
        font-size: 1.1em !important;
    }

    .link-externo {
        top: 20%;
    }

    /*Seção acontece*/

    .section-acontece,
    .section-na-imprensa {
        height: 390px;
    }

}


@media (min-width: 768px) {


    .header-content-padding {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .home-header-content .primary-title {
        height: 150px;
    }

}

/* 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) {}


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1024px) {

    .section-acontece img.img-thumbnail,
    .section-na-imprensa img.img-thumbnail {
        width: 245px;
        height: 245px;
        margin: 0 auto;
    }

    /*hook para exibir as setas de navegação*/
    .owl-carousel .owl-nav.disabled {
        display: block !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}