.title-section{
		width: fit-content;
}

.title-section-border{
		border-top: 1rem solid #1094ab;
}


p span {
	font-weight: bold;	
}

h1 {
	color: #1094ab;	
}

.menu-item-has-children .menu-item-has-children:hover > .dropdown-menu {
  display: inline-block;
  left: 9em;
  top: -1ex;
}

.dropdown-menu {
		--bs-dropdown-min-width: 20em;
}

#menu-temas li, #menu-temas li ul li {
	margin: 0;
}

#menu-temas li ul li {
	padding-top: 0.2em !important;
	padding-bottom: 0.2em !important;
}

.acessibilidade {
  background-color: #e2f0d9;
	
}

.acessibilidade a:hover {
  background-color: #aca;
	color: black;
}

.administracao {
  background-color: #fbe5d6;
}

.administracao a:hover {
  background-color: #caa;
	color: black;
}

.comunicacao {
  background-color: #fff2cc;
}

.comunicacao a:hover {
  background-color: #cb9;
	color: black;
}

.design {
  background-color: #9dc3e6;
}

.design a:hover {
  background-color: #69b;
	color: black;
}

.produtos {
  background-color: #dbdbdb;
}

.produtos a:hover {
  background-color: #aaa;
	color: black;
}

.tecnologias {
  background-color: #ffd966;
}

.tecnologias a:hover {
  background-color: #ca3;
	color: black;
}


.nav>li{
    width:100%;
}

body {
	height: auto;	
}

a {
	color: #1094ab; /*Azul primario*/
}

a:hover {
	/*color:  #fcb421;*/
	color:  #64c4d2; /*azul secundario*/
}

.fixed-top {
	position:initial !important;	
}

.textwidget {
	color: #fff;
}

.textwidget a {
	color: #fcb421; /*Amarelo*/
}

.dropdown-item.active{
	background: #303030;
}

.area{
	max-width: 800px;
}

.bg-azul-primario {
	background-color: #1094ab;
}

.bg-azul-secundario {
	background-color: #64c4d2;
}

.bg-amarelo {
	background-color: #fcb421;
}

.border-azul-primario {
	border-top-color: #1094ab;
}

.border-azul-secundario {
	border-color: #64c4d2;
}

.border-amarelo {
	border-color: #fcb421;
}

.amarelo{
	color: #e57c3a;
}

.amarelo2{
	color: #c0941b;
}

.fixed-top {
	position: relative;
}

.logo-usp {
	max-width: 270;
	width: 100%;
}

.barra-usp {
	position: relative;
	top: 50%;
	margin: auto;
}

.barra:empty {
	height: 0.6em;
}

.site-title {
	font-size: 6em;
	color:  #1094ab!important;
	-webkit-text-stroke: 2px #fff;
}

.site-name, 
.site-name:hover, 
.site-name:active, 
.site-name:visited {
	color: #fff;
	text-transform: uppercase;
	/*font-size: 3.5em;*/
	font-weight: bolder;
}

.site-name2, 
.site-name2:hover, 
.site-name2:active, 
.site-name2:visited,
.site-name3, 
.site-name3:hover, 
.site-name3:active, 
.site-name3:visited {
	position: absolute;
	color: #fff;
	/*text-transform: uppercase;*/
	/*font-size: 1.5em;*/
	font-weight: bolder;
}

.site-name2, 
.site-name2:hover, 
.site-name2:active, 
.site-name2:visited {
	top: 0;
}

.site-name3, 
.site-name3:hover, 
.site-name3:active, 
.site-name3:visited {
	bottom: 0;	
}

#page {
	display: flex !important;
	position: flex;
}

/*.bg-image {
	background-image: url('img/fundo.jpg');
}*/


.offcanvas-header {
	color: #fff;
}

/*.offcanvas-body .navbar-nav .menu-item a{
	text-transform: uppercase;
	display: block;
}*/

.offcanvas-body .navbar-nav .menu-item a:hover, .offcanvas-body .navbar-nav .menu-item a:active, .textwidget a:hover, .textwidget a:active {
	color: #fcb421;
	/*color: #c0941b;*/
	font-weight: bold;
}

/*.offcanvas-body .navbar-nav .menu-item a:hover::after, .offcanvas-body .navbar-nav .menu-item a:active::after  {
  content: "";
  display: block;
  width: 80%;
  height: 0.2em;
  background: #c0941b;
  margin: .5em auto -.2em auto;
}*/

.offcanvas-body .navbar-nav .menu-item a {
	color: #fff;
	font-weight: bold;
}

/*.offcanvas-body .navbar-nav .menu-item a:hover {
	background-color: #8C0022;
}*/

.video {
	width: 100%;
	height: 75%;
	max-width: 800px;
	min-width:300px;
	max-height: 600px;
	min-height: 300px;
}

.wp-block-heading, .tpg-widget-heading {
	margin-top: 2em !important;
	margin-bottom: 1em !important;
}
.entry-title {
	margin-top: 0em !important;
}

li {
	margin-bottom: 1em;
}

.rt-holder, .tpg-post-holder {
	background: none !important;
}

.tpg-widget-heading span {
	line-height: 1.3em;
}

/*li > a {
	pointer-events: none;
}*/

#nav-main div.container {
	max-width: 1700px !important;
}

.post-thumbnail, p, h2 {
		max-width: 53em;
}