/*********************************************
**          																**
**			NAVEGAR PARA CONTEUDO PRINCIPAL 		**
**																					**
*********************************************/

a.visually-hidden-focusable:focus-within {
    background: var(--bs-primary);
    color: var(--bs-white);
    font-size: var(--bs-btn3-font-size);
    padding: 0.55rem 0.75rem;
    border-radius: 1.5rem;
    font-weight: 700;
    transition: all 0.3s;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

nav#navbar-main {
  background: var(--bs-white);
  flex-wrap: wrap;
  padding-bottom: 0;
}

/*****************************************************
**                 MENU SECUNDÁRIO                  **
*****************************************************/
.menu-secundario {
  background: var(--bs-white);
  width: 100%;
  display: flex;
}

.menu-secundario .tbm-link-container {
	height: 60px;
  padding: 0 1rem;
}

.menu-secundario .tbm {
	background-color: var(--bs-white);
}
.menu-secundario .tbm-link-container:hover,
.menu-secundario .tbm-link-container:focus-within {
	background-color: rgb(var(--bs-black-rgb), 0.1);
}
.tbm-link.level-1,
.menu-secundario .tbm-link:hover,
.menu-secundario .tbm-link:focus,
.menu-secundario .tbm-subnav .tbm-link-container .tbm-link:focus,
.menu-secundario .tbm-subnav .tbm-link-container .tbm-link:hover {
	color: inherit;	
}

.menu-secundario .tbm-link, 
.menu-secundario .tbm-subnav .tbm-link-container .tbm-link {
	padding: 0;
	background-color: unset;
	display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  font-size: var(--bs-t3-font-size);
  font-weight: 500;
}

.menu-secundario .tbm-link:hover,
.menu-secundario .tbm-submenu-toggle:hover,
.menu-secundario .tbm-link:focus-within,
.menu-secundario .tbm-submenu-toggle:focus-within {
	background-color: unset;
}

#page-wrapper #page .tbm-submenu-toggle:before {
	position:static; 
	top: unset;
	transform:unset; 
  content: '\f0d7';
  display: block;
  border: none;
  transition: transform 400ms ease-out;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  height: 100%;
	display: flex;
	align-items: center;
}

#page-wrapper #page .open>.tbm-link-container>.tbm-submenu-toggle:before {
    transform: rotate(180deg);
}

.menu-secundario .tbm-submenu-toggle {
	width: fit-content;
	padding-left: 1rem;
	background-color: unset;
}

.menu-secundario .tbm-submenu {
	width: max-content;
	min-width: 100%;
	padding: 0;
	left: 0;
  transform: translate(0);
}

.menu-secundario .tbm-subnav {
	width: 100%;
}

.menu-secundario .tbm,
.menu-secundario .content-container {
	width: 100%;
}


.menu-secundario .level-1.tbm-item {
	position: relative;
  border-right: none;
}

.menu-secundario .tbm .level-0 {
	display: flex;
	justify-content: space-between;
}

/******************************************************
**									CABEÇALHO                        **
******************************************************/
.views-field.views-field-field-logo-ifch {
	flex: 0 0 16px;
}

.views-field.views-field-field-logo-unicamp {
    flex: 0 0 76px;
    height: auto;
}
.views-field.views-field-field-logo-ifch img {
    width: 126px;
    height: auto;
}

.views-field.views-field-field-logo-unicamp img {
    width: 76px;
    height: auto;
}

.view-cabecalho .views-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.views-field.views-field-field-titulo-do-site {
    color: var(--bs-black);
    font-size: var(--bs-h2-font-size);
}

.block-views-blockcabecalho-block-1 .d-flex > div {
	width: 100%;
}


/*******************************************************************
**																																**
**												BREADCRUMBS															**
**																																**
*******************************************************************/
.breadcrumb-wrapper {
  background: var(--bs-primary);
  width: 100%;
}

.breadcrumb {
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
}

ol.breadcrumb li a {
	color: var(--bs-white);
  font-size: var(--bs-t3-font-size);
  text-decoration: none;
}

ol.breadcrumb li:first-child a::before {
	background-image: none;
	content: '\f015';
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: var(--bs-white);
	font-size: var(--bs-t3-font-size);
}

li.breadcrumb-item+.breadcrumb-item::before {
	color: var(--bs-white);
}

/*******************************************************************
**																																**
**							  NAVBAR-IFCH HEADER															**
**																																**
*******************************************************************/


#navbar-top {
    background-color: var(--bs-black);
    padding: 0;
}


.ifch_header .tbm {
    background-color: black;
    color: white;
}



.ifch_header .tbm-submenu-toggle {
    background-color: black;
    color: white;
} 

.ifch_header .tbm-submenu {
	color: white;
	background-color:black;
	text-decoration: none;
}




.ifch_header .tbm-link-container:hover,
.ifch_header .tbm-link-container:focus-within {
	background-color: rgb(var(--bs-white-rgb), 0.1);
}

.tbm-link.level-1,
.ifch_header .tbm-link:hover,
.ifch_header .tbm-link:focus,
.ifch_header .tbm-subnav .tbm-link-container .tbm-link:focus,
.ifch_header .tbm-subnav .tbm-link-container .tbm-link:hover {
	color: inherit;	
}

.ifch_header .tbm-link, 
.ifch_header .tbm-subnav .tbm-link-container .tbm-link {
	color: var(--bs-white);
	background-color: unset;
	display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  font-size: var(--bs-t3-font-size);
  font-weight: 500;
}

.ifch_header .tbm-link:hover,
.ifch_header .tbm-submenu-toggle:hover,
.ifch_header .tbm-link:focus-within,
.ifch_header .tbm-submenu-toggle:focus-within {
	background-color: unset;
}

.ifch_header .tbm-submenu-toggle {
	background-color: unset;
}

.ifch_header .tbm-submenu {
	width: max-content;
	min-width: 100%;
	/*padding: 0;*/
}

.ifch_header .tbm-subnav {
	width: 100%;
}

.ifch_header .tbm,
.ifch_header .content-container {
	width: 100%;
}


.ifch_header .level-1.tbm-item {
	position: relative;
  padding: 0;
  border-right: none;
}

.ifch_header .tbm .level-0 {
	display: flex;
	justify-content: center;
}

.ifch_header .tbm-item--has-flyout .tbm-submenu-toggle:hover:before,
.ifch_header .tbm-item--has-flyout .tbm-submenu-toggle:focus:before {
    border-left-color: var(--bs-white);
}

.ifch_header .level-2 .tbm-submenu.tbm-item-child .tbm-row, 
.ifch_header .level-2 .tbm-submenu.tbm-item-child {
    max-width: max-content;
    min-width: max-content;
}

/******************************
 *			Diferentes telas			*
 ******************************/

@media (max-width: 768px){

/******************************************************
**									CABEÇALHO                        **
******************************************************/

.views-field.views-field-field-logo-ifch img {
    width: 80px;
    height: auto;
}

.views-field.views-field-field-logo-unicamp img {
    width: 42px;
    height: auto;
}
.views-field.views-field-field-titulo-do-site {
    font-size: 20px;
}
}


.menu--main .nav-link, .menu--main button, .menu--main .nav-item a {
    color: var(--bs-black);
    border: none;
    background: none;
    text-decoration: none;
}
.menu--main li.active a.active {
    color: var(--bs-primary);
}

.dropdown-item.active, .dropdown-item:active {
    background: none;
}
@media (min-width: 1281px) {
	.nav_mobile, .navbar-toggler {
		display: none;		
	}
	
	nav#navbar-main {
	  background: var(--bs-white);
	  flex-wrap: wrap;
	  padding-bottom: 0;
	  flex-direction: column;
	}
	
}