/*
Theme Name: Marathon
Theme URI: https://infraestruturameioambiente.sp.gov.br
Author: CastGroup - SIMA
Author URI:  https://infraestruturameioambiente.sp.gov.br
Description: Tema pai e tema principal do intranet
Version: 2.0.5
License: GNU General Public License v3.0
License URI: license.txt
Tags:
Text Domain: ambiente
*/


/* Colors */
/*  #D0D0D1 */
/*  #231f20 */
/*  #034EA2 */
/*  #ffffff */
/*  #464547 */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400i,700|Roboto:400,400i,700,700i&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    span {
        font-family: Verdana, Geneva, sans-serif;
        color: #231f20;
    }

    h1 {font-size: 40px;}
    h2 {font-size: 30px;}
    h3 {font-size: 26px;}
    h4 {font-size: 22px;}
    h5 {font-size: 20px;}
    h6 {font-size: 18px;}
    p,body {font-size: 14px;}
    a {font-size: 14px;font-weight: bold;}

/* Auxiliares de Texto */
/* Auxiliares de Texto */
/* Auxiliares de Texto */
/* Auxiliares de Texto */

    .ft-10 {font-size: 10px;}
    .ft-12 {font-size: 12px;}
    .ft-13 {font-size: 13px;}
    .ft-14 {font-size: 14px;}
    .ft-15 {font-size: 15px;}
    .ft-16 {font-size: 16px;}
    .ft-18 {font-size: 18px;}
    .ft-20 {font-size: 20px;}
    .ft-22 {font-size: 22px;}
    .ft-24 {font-size: 24px;}
    .ft-26 {font-size: 26px;}
    .ft-28 {font-size: 28px;}
    .ft-40 {font-size: 40px;}
    .ft-170 {font-size: 170px;}
    .lnh-16px{line-height: 16px;}
    .lnh-18px{line-height: 18px;}
    .p-all-0{padding: 0px;}
    @media (min-width: 992px) { 
        .pr-0-desktop{
            padding-right: 0px;
        }
    }
    .ft-blue{color:#034EA2;}
    .ft-white{color: #ffffff;}
    .bg-blue{background: #034EA2;}
    .bg-blue-hover:hover{background: #464547;}
    .bg-gray{background: #464547;}
    .bg-gray-hover:hover{background: #034EA2;}
    .bg-black{background: #231f20;}
    .bg-black-hover{background: #464547;}
    .bg-light-gray{background-color: #f7f7f7;}
    .bg-F8F9F2{background-color: #F8F9F2;}

/* Fim Auxiliares de Texto */
/* Fim Auxiliares de Texto */
/* Fim Auxiliares de Texto */
/* Fim Auxiliares de Texto */



/* Auxiliares de Form */
/* Auxiliares de Form */
/* Auxiliares de Form */
/* Auxiliares de Form */

    input{
        font-size: 14px;
        padding:8px 20px;
        margin-bottom:10px;
        border:none;
        outline: none;
        border-radius: 5px;
        background: white;
        border: 1px solid #034EA2;
    }

    .btn{
        font-size: 12px;
        color: #ffffff;
        padding:9px;
        margin-bottom:10px;
        border:none;
        outline: none;
        border-radius: 5px;
        background: #034EA2;
        border: 1px solid #034EA2;
    }

    .btn:hover{
        color: white;
        background: #464547;
    }

/* Fim dos Auxiliares de Form */
/* Fim dosAuxiliares de Form */
/* Fim dosAuxiliares de Form */
/* Fim dosAuxiliares de Form */


/* Auxiliares de espaço */
/* Auxiliares de espaço */
/* Auxiliares de espaço */
/* Auxiliares de espaço */

    .esp-top-1 {margin-top: 10px !important;}
    .esp-top-2 {margin-top: 20px !important;}
    .esp-top-3 {margin-top: 30px !important;}
    .esp-top-4 {margin-top: 40px !important;}
    .esp-top-6 {margin-top: 60px !important;}
    .esp-neg-top-8 {margin-top: -80px !important;}
    .esp-bot-1 {margin-bottom: 10px !important;}
    .esp-bot-2 {margin-bottom: 20px !important;}
    .esp-bot-3 {margin-bottom: 30px !important;}
    .esp-bot-4 {margin-bottom: 40px !important;}
    .pad-top-1 {padding-top: 10px !important;}

/* Fim Auxiliares de espaço */
/* Fim Auxiliares de espaço */
/* Fim Auxiliares de espaço */
/* Fim Auxiliares de espaço */

/* Auxiliar de estilo */
/* Auxiliar de estilo */
/* Auxiliar de estilo */
/* Auxiliar de estilo */

    .half-bar {
        position: relative;
        margin-bottom: 20px;
    }

    .half-bar:after{
        content:"";
        width:82px;
        height:8px;
        left:0;
        bottom:-10px;
        position:absolute;
        z-index:9;
        background: #034EA2;
    }

    .half-bar-100px {
        position: relative;
        margin-bottom: 20px;
    }

    .half-bar-100px:after{
        content:"";
        min-width:200px;
        height:5px;
        left:0;
        bottom:-10px;
        position:absolute;
        z-index:9;
        background: #034EA2;
    }

/* Fim Auxiliar de estilo */
/* Fim Auxiliar de estilo */
/* Fim Auxiliar de estilo */
/* Fim Auxiliar de estilo */

/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */

    #navbar{
        border-bottom: 1px solid #D0D0D1;
        z-index: 999;
        background-color: #ffffff;
    }

    .menu-minimalista a.nav-link {
        font-size: 12px;
        font-weight: normal;
    }

    .menu-minimalista .main-menu-container .dropdown-menu a:hover,
    .menu-minimalista .dropdown-menu a.nav-link:hover,
    .menu-minimalista .main-menu-container .dropdown-menu a,
    .menu-minimalista .main-menu-container .dropdown-menu a span {
        color: #ffffff !important;
        /*Necessário*/
    }

    .menu-minimalista .titulo {
        color: #231f20 !important;
        max-width: 180px;
        line-height: 1;
        font-size: 17px;
        margin-top: 4px;
    }

    .menu-minimalista .current_page_item .main-menu-container a,
    .menu-minimalista .current_page_item a.nav-link,
    .menu-minimalista .main-menu-container .dropdown-menu a,
    .menu-minimalista .nav-link:hover,
    .menu-minimalista a span:hover {
        color: #034EA2 !important;
    }

    .menu-minimalista .dropdown-menu {
        border-radius: 0;
        background: #464547;
        padding: 0px;
    }

    .menu-minimalista .dropdown-item {
        padding: 10px;
    }

    .menu-minimalista.dropdown-item a:hover {
        background-color: #034EA2;
    }

    .menu-minimalista .dropdown-menu a:hover,
    .menu-minimalista .dropdown-item:focus,
    .menu-minimalista .dropdown-menu:focus {
        background-color: #034EA2;
        color: #ffffff;
    }

    .menu-minimalista .dropdown-menu a {
        color: #ffffff;
    }

    .menu-minimalista #bs-example-navbar-collapse-1>#menu-site-principal>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 10px;
        font-size: 14px;
    }

    .menu-minimalista .search-div {
        display: none;
        position: absolute;
        max-width: 200px;
        right: 0;
        top: 50px;
        z-index: 999;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 5px;
    }

    .menu-minimalista .search-div {
        min-width: 200px;
    }

    /* Search Button on Menu */

    .menu-minimalista .search-div {
        background: #464547;
        padding: 10px;
        min-width: 250px;
    }

    .menu-minimalista .search-div input{
        display: inline;
    }

    .menu-minimalista .navbar-brand {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px !important;
    }

    .menu-minimalista .fixed-menu {
        position: fixed;
        width: 100% !important;
        z-index: 9999;
        top: 0;
        left: 0;
    }

    .menu-minimalista.fixed-menu-admin {
        background-color: white;
        position: fixed;
        width: 100% !important;
        z-index: 9999;
        top: 32px;
        left: 0;
    }

    .menu-minimalista.sticky-menu {
        background-color: white;
        z-index: 999;
        position: fixed;
        top: 0;
        width: 100%;
    }
    
    .menu-minimalista.sticky-menu-wadmin{
        background-color: white;
        z-index: 999;
        padding-top: 40px;
        position: fixed;
        top: 0px;
        width: 100%;
    }

    @media (max-width: 782px) and (min-width: 600px) {
        .menu-minimalista.sticky-menu-wadmin{
          
            padding-top:54px;
            position: fixed;
            top: 0px;
            width: 100%;
        }
    }

    @media (max-width: 600px){
        .menu-minimalista.sticky-menu-wadmin{
       
            padding-top:0px;
            position: fixed;
            top: 0px;
            width: 100%;
        }

        #nav-bar-cursos h2{
            margin-left: auto;
            margin-right: auto;
            font-size: 18px;
        }
    }


    /* MENU DROPDOWN */
    /* Menu Dropdown */

    .menu-minimalista-cursos  #menu-menu-cursos   a.nav-link {
    font-weight: bold;

}   

.menu-minimalista-cursos .dropdown-menu {
    top: 98%;
}

.menu-minimalista-cursos .dropdown-menu li.dropdown>a:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.menu-minimalista-cursos #navbar_cursos .dropdown-menu ul {
    top: 30% !important;
    left: 100% !important;
	background: #3d4a56 !important;
}

.menu-minimalista-cursos .dropdown:hover>.dropdown-menu {
    margin-top: -5px;
    display: block;
}

.menu-minimalista-cursos .dropdown-submenu {
    position: relative;
}

.menu-minimalista-cursos .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.menu-minimalista-cursos .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.menu-minimalista-cursos .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.menu-minimalista-cursos .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.menu-minimalista-cursos .dropdown-submenu.pull-left {
    float: none;
}

.menu-minimalista-cursos .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* FIM DO MENU DROPDOWN */

    /* BREADCRUMBS */

    /* #crumbs a{
        font-weight: normal;
    } */

    #crumbs .fa.fa-home{
        color: #034EA2;
    }
    #crumbs .fa.fa-home:hover{
        color: #464547;
    }

/*  FIM DO HEADER */
/*  FIM DO HEADER */
/*  FIM DO HEADER */
/*  FIM DO HEADER */


/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */

    footer .bar-white {
        border-bottom: 5px solid #ffffff;
    }

    footer{
        background: #231f20;
    }

    footer p, footer a, footer h3 {
        color: white;
    }

    footer a:hover {
        color: #034ea2;
    }

    footer ul, footer li {
        list-style: none;
    }

    /* Social */

    footer .main-footer-copyright {
        background-color: #034ea2;
        padding-top: 32px;
        padding-bottom: 32px;
        color: white;
    }

    footer .main-footer-copyright row i {
        padding-left: 2px;
        padding-right: 2px;
    }

    footer .copyright {
        font-size: 14px;
    }

    footer .social-icon i {
        color: white;
        padding-right: 5px;
        text-transform: none;
    }

    footer .social-icon i:hover {
        color: #464547;
    }

    .footer-content-row i {
        margin-top: 14px;
        margin-left: 14px;
        color: #034EA2;
    }

/* FIM DO FOOTER */
/* FIM DO FOOTER */
/* FIM DO FOOTER */
/* FIM DO FOOTER */

/* SIDEBAR */
/* SIDEBAR */
/* SIDEBAR */
/* SIDEBAR */

aside a {
    font-size: 14px;
}

aside ul,
aside ul li,
aside li {
    text-decoration: none;
    list-style: none;
}

/* FIM DA SIDEBAR */
/* FIM DA SIDEBAR */
/* FIM DA SIDEBAR */
/* FIM DA SIDEBAR */

/* COMPONENTES */

/* Redes Sociais */

.col-12.redes-sociais {
    background: #f7f7f7;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
}

.redes-sociais i {
    font-size: 26px;
    padding: 5px;
    vertical-align: sub;
    margin: 5px 3px 0px 4px;
    color: #464547;
}

.redes-sociais i:hover {
    color: #034EA2;
}

.titulo-tag{
    display:inline;
    color:#464547;
}

.p-tag {
    display:inline;
    line-height: 3;
}

.span-tag a{
    background: #034EA2;
    color: white;
    padding: 6px;
    border-radius: 4px;
    margin-right: 10px;
}

.span-tag a:hover{
    background: #464547;
}

/* Style Noticias Relacionadas */

.styled-list-one{
    padding-left: 0;
}

.styled-list-one li{
    list-style: none;
    margin-top: no;
    margin-right: 10px;
}

.styled-list-one li a {
    color: #034EA2;
}

.styled-list-one li a:hover {
    color: #464547;
}

.styled-list-one li:before{
    font-size: 25px;
    content: "\f101";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-bottom: auto;
    margin-top: auto;
    color: #034EA2;
    font-weight: bold;
}

/* Paginação */

.custompost-pagination {
    text-align: center;
}

.post-pagination {
    display: block;
    background: #f7f7f7;
    padding: 20px;
    /* margin-right: -100%;
        margin-left: -100%; */
}

.post-pagination .nav-links {
    margin: 0 auto;
}

.post-pagination * {
    text-align: center;
    border: none;
}

.page-numbers,
.next,
.prev {
    padding: 10px 15px;
    margin-left: -1px;
    line-height: 1.25;
}

.prev {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    font-size: 16px;
}

.next {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    font-size: 16px;
}

.prev,
.next,
.page-numbers.current {
    background: #034EA2;
    color: white;
}

.page-numbers.dots {
    color: black;
}

.pagination li a {
    color: #034EA2;
}

.pagination a:hover {
    background: #464547;
    color: white;
}

/* Serviços Ordenados */

.square{
    min-height: 174px;
}
.icon-servicos{
    max-width: 50px;
    max-height: 37px;
}

/* Noticia Tripla */

.bloco-noticia{
    margin-top:-21px;
}

/* CARD */

.border-none{
    border: none;
}

.card.curso h3,.card.curso p, .card.curso span, .card.curso a, .card.curso label{
    
}

.card h3{
    border-left: 5px solid #034EA2 !important;
}

#menu-cursos-escolas-do-governo > li > a{
		font-weight: bold !important;
}