@charset "utf-8";
/* CSS Document Mensagens para o Mundo - Responsive Media Querie */


/* 271px and 766px */

@media screen and (max-width: 766px) {	

	/* Header */
	.nav-mensagem ul .nav-item {
		/*padding: */
	}

	.item-mensagem-destaque a h4 {
		display: block;
		font-size: 1.1em;
		background-color: #ff8252;
		border-color: red;
		color: #fff;
		padding: 10px;
		margin: 0;
		border-radius: 6px;
	}
	.item-mensagem-destaque a img {
		display: none;
	}
	
	.nav-mensagem ul .nav-item a.especial {
		display: none;
	}


}


/* 767px */
@media screen and (max-width: 767px) {

	/*------------------------------------*\
	Header and Navigation
	\*------------------------------------*/

	.logo-mensagens {
		height: auto;
		width: 200px;
	}

	/* search mensagem */
	.search-mensagem {
		width: 100%;
		display: none;
	}

	/* ul */
	.nav-mensagem ul .nav-item {
		text-align: center;
		padding: 5px;
		margin: 0;
	}
	.nav-mensagem ul .nav-item a {
		font-size: 0.8em;
	}

	/* menu mobile */
	.menu-mobile {
		width: 100%;
		display: grid;
		grid-template-columns: auto auto auto auto;
		font-size: 0.9em;
	}
	.menu-mobile li {
		/*display: table-cell;*/
		text-align: center;
		padding: 0 2px 4px;
	}

	/* collapsed */
	.menu-mobile .colapssar::after {
		content: "\f106";
		font-family: 'Font Awesome\ 5 Free';
		font-weight: 900;
		float: right;
		padding-right: 5px;
	}
	.menu-mobile .colapssar.collapsed::after {
		content: "\f107";
		font-family: 'Font Awesome\ 5 Free';
	}		

	/* menu especial */
	.menu-mobile-especial {
		display: block;
		width: 100%;
		margin-left: 5px;
	}
	.menu-mobile-especial a {
		display: block;
		width: 100%;			
		background-color: #384DFF !important;
		color: #fff;
		text-align: center;
		border-radius: 4px;
		text-transform: uppercase;
		padding: 1px;
	}

	/* sub menu mobile */
	.sub-menu-mobile {
		display: table;
	}
	.sub-menu-mobile .nav-item {
		width: 50%;
		float: left;
	}
	.sub-menu-mobile .ver-todos {
		background-color: rgb(0,0,0,0.09) !important;
		font-weight: bold;
	}

}