/* HEADER */
#error-page header {
    display: none !important;
}

body.not-home #header {position: relative;}


#header #main-menu{
    z-index: 10;
}

/*#header a {
    color: #fff;
}*/

header .menu-bg, header .menu-bg .children {
    background: var(--color-primary-transparent)
}

.not-home #header #menus { background: var(--color-primary);}

header.header-pos-graduacao .menu-bg,
header.header-pos-graduacao .menu-bg .children {
    background: var(--color-posgraduacao-transparent);
}

/** GRADUACAO **/
header.header-graduacao .menu-bg,
header.header-graduacao .menu-bg .children {
    background: var(--color-graduacao-transparent);
}

header.header-extensao .menu-bg,
header.header-extensao .menu-bg .children{
    background: var(--color-pesquisa-extensao-transparent);
}

header.header-pesquisa .menu-bg,
header.header-pesquisa .menu-bg .children {
    background: var(--color-pesquisa-extensao-transparent);
}

header.header-pesquisa .menu-bg,
header.header-pesquisa .menu-bg .children {
    background: var(--color-pesquisa-extensao-transparent);
}

header.header-biblioteca .menu-bg,
header.header-biblioteca .menu-bg .children {
    background: var(--color-biblioteca-transparent);
}

header.header-gaia .menu-bg,
header.header-gaia .menu-bg .children {
    background: var(--color-galeria-transparent);
}

header.header-extensao .menu-bg,
header.header-extensao .menu-bg .children,
header.header-extensaoia .menu-bg,
header.header-extensaoia .menu-bg .children
{
    background: var(--color-extensao-transparent);
}

/* START IA 50 ANOS */
#header.header-ia50anos #menus{
    box-shadow: 0 0 10px rgb(0 0 0 / 15%), 0 3px 3px rgb(0 0 0 / 15%);
    transition: box-shadow .5s ease .5s;
    background: var(--color-ia50anos);
}


#header nav #menu-ia50anos li a:hover {
    transition: color .3s ease-in,background-color .3s ease-in;
    border-bottom: 3px solid var(--color-ia50anos-darker);
}

#header nav #menu-ia50anos li a {
    transition: color .3s ease-in,background-color .3s ease-in;
    border-bottom: 3px solid var(--color-ia50anos);
}

/* END IA 50 ANOS */

#logos {
    background: rgba(255, 255, 255, .9);
}

#logos a {
    margin: 10px;
}

@media only screen and (max-width: 1024px) {
    #header #main-menu a {
        padding: 5px;
    }

    header #imagem-topo {
        height: auto;
    }
}

#nav-first .menu-item{
    padding: 15px 8px;
}


#header img.logo-ia {
    max-height: 60px;
}

#header img.logo-unicamp {
    max-height: 50px;
}

/** PRINCIPAL **/
.menu-principal > li{
    font-weight: 600;
}

#nav-principal {
    padding: 0;
}

.template-pos-graduacao #nav-principal ul > li {
    font-size: 1rem;
}

#main-menu ul > li:hover a {
    background: var(--bg-mainmenu);
    color: var(--color-mainmenu);
}




/** Pos-graduacao **/
header #nav-168 ul.children > li:hover a{background: var(--color-posgraduacao);}

/** GRADUACAO **/
header #nav-987 ul.children > li:hover a{background: var(--color-graduacao);}

/** Extenso **/
header #nav-18670 ul.children > li:hover a{background: var(--color-extensao-darker);}

/** Pesquisa **/
header #nav-18619 ul.children > li:hover a{background: var(--color-pesquisa-hover);}

/** BIBLIOTECA **/
header #nav-21543 ul.children > li:hover a{background: var(--color-biblioteca);}

/** GALERIA **/
header #nav-22295 ul.children > li:hover a{background: var(--color-galeria);}

/** MAIN MENU **/
#main-menu {
    z-index: 9;
}

/** START LANG **/
#blockLangLinks a{
    padding: 3px;
}

ul#lang-selector {
    margin-left: 0;
    margin-bottom: 0;
}

.lang-item:nth-of-type(6),
li.lang-item:nth-of-type(4),
li.lang-item:nth-of-type(5)
{
    display: none;
}

.shortcuts a{
    color: inherit;
}

/** SEARCH **/
#search {
    max-width: 120px;
}
#search input {
    border: none;
    border-radius: 0;
    padding: 0;
    font-style: inherit;
    border-bottom: 1px solid #495057;
}

#search .input-group-btn {
}

#search button {
    background: none;
    border: none;
    color: #495057;
    height: 100%;
    border-bottom: 1px solid #495057;
}

#search .input-group:hover {
    max-width: 200px;
}

/** MENU RESPONSIVE **/
#menu-responsive li.menu-item {
    padding: 5px 5px 5px 10px;
}


#menu-responsive .navbar-collapse {
    position: absolute;
    z-index: 99;
    background: white;
    left: 0;
    width: 100%;
}

.shortcuts {
    font-weight: lighter;
    font-size: 0.9rem;
}

.navbar-toggler {
    padding-top: 12px !important;
}

@media only screen and (max-width: 1024px) {
    header #main-menu ul ul li a{
        font-size: 1.1rem;
        padding: 0 15px;
    }
}


/*CELULAR*/
@media only screen and (max-width: 769px) {
    .navbar-collapse a {
        color: inherit;
    }

    #search {
        width: 100%;
    }

    #nav-principal .sub-menu {
        display: none;
    }

    .secondary-menu a {
        color: #fff;
    }


}

@media only screen and (min-width: 769px) {
    .home #header {
        width: 100%;
        z-index: 9;
    }

    #main-menu .main-menu > ul {
        display: flex;
        flex-direction: row;
    }

    .navbar-main {
        margin-top: 20px;
    }

    #main-menu a {
        color: var(--color-font);

    }

    header nav ul.secondary-menu li a {
        color: var(--color-mainmenu);
        max-width: 240px;
    }

    header nav ul li a {

        display: block;
        padding: 10px;
        transition: all 0.2s ease;
    }

    header nav ul li ul li a {
        max-width: 300px;
        padding: 10px;
        border:none;
    }

    header nav ul li ul {

        position:absolute;
        transition: all 0.2s ease;
    }

    header nav ul li ul li ul {
        padding-top:0;

    }

    #menu-responsive li.menu-item a {
        color: #fff;
    }

    header .secondary-menu > li.page_item_has_children > a {
        min-width: 100px;
        font-weight: bold;
    }

    header .secondary-menu > li.current_page_parent a {

        max-width: 240px;
    }

    header .secondary-menu > li.page_item_has_children {
        display: flex;
        width: 100%;
    }

    header .secondary-menu > li.page_item_has_children > a,
    header .secondary-menu > li.page_item_has_children > ul {

        position: inherit;
    }


}

header nav ul li ul li:hover a{
    background: var(--bg-mainmenu);
}

header nav ul li ul li a:hover{
    color: white;
}

html header nav ul li ul {
    opacity:0;
    visibility:hidden;
    display:block;
}


html header nav ul.secondary-menu li ul,
html header nav ul li:hover ul {
    opacity:1;
    visibility:visible;
}

html header nav ul li ul li ul {
    opacity:0 !important;
    visibility:hidden !important;
}
html header nav ul li ul li:hover ul
{
    opacity:1 !important;
    visibility:visible !important;
}

header nav#nav-main {
    float:left;
    margin:47px 0 0 0;
    z-index:3;
}
header nav ul {
    list-style:none;
    margin:0;
    padding:0;
}

header nav ul.show {
    display:block !important;
}

footer {
    background: var(--color-dark);
    padding: 20px;
}

footer, footer a {
    color: #fff;
}

.alert.topbar {
    background-color: #F2BB05;
    margin-bottom: 0;

}

.topbar .close, .alert.topbar {
    padding: 0.5rem;
}

.topbar a {
    color: inherit;
}

.topbar a:hover {
    color: inherit;
}


/** IMAGEM TOPO **/
#imagem-topo {
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

#imagem-topo img {
    max-height: 200px;
}

#second-menu-responsive #imagem-topo {
    min-height: auto;
}

#imagem-topo .text {
    color: #fff;
    font-style: italic;
    font-size: 1.2rem;
    text-align: center;
    padding-right: 5rem !important;
    padding-left: 5rem !important;
    bottom: 0;
}

#menu-servicos a {
    color: var(--color-secondary);
    font-size: 0.9rem;
}

/** MENU SECONDARY **/
header .secondary-menu .page-menu {
    display: block;
}

header .secondary-menu {
    flex: 0 0 100%
}

header .secondary-menu > li > a {
    display: inline-block;
}

header .secondary-menu ul.children {

}

header .secondary-menu .children,
header .secondary-menu .children > li {
    vertical-align: top;
    display: inline-block;
    z-index: 9;
}

/** SUBMENU **/
header .secondary-menu .children .children li{
    display: block;
}

header .secondary-menu .page_menu > li > ul.children {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block;
}

/* ocultar 3rd nivel */
header .secondary-menu .page_item .page_item .page_item .page_item a,
header .sub-menu .sub-menu {
 display: none;
}

.imagem_topo_credito {
    color: white;
    bottom: 0;
    font-size: 0.75rem;
    position: absolute;
    margin-bottom: 16px;
}

.imagem_topo_credito div {
    background: var(--color-primary-transparent);
    float: right;
    padding: 2px 8px;
}