/**
* ----------------------------------------------------------------
* 
* SBCP-SP
* 
* Copyright 2024 WDE
* http://wde.com.br/
* 
* ----------------------------------------------------------------
*/



@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

/* ----------------------------------------------------- abaixo 1200 */
@media (max-width: 1200px) {
	.wrap { width: 90%; }
	.single #post article a { word-break: break-word;}
}


/* ----------------------------------------------------- abaixo 1024 */
@media (max-width: 1024px) {
	.mob-menu-logo-holder /*evitar logo regional quebrar linha */ { margin: 0; float: none; top: 2px; position: absolute; left: 46px; }
		
}


/* ----------------------------------------------------- abaixo 900 */
@media (max-width: 900px) {
	#banners-apoio .wrap { grid-template-columns: auto auto; }
}

/* ----------------------------------------------------- abaixo 767 */
@media (max-width: 767px) {
	#container { grid-template-columns: auto;}
	#container article { grid-template-columns: 8em auto;}
	#sidebar .bannersapoio { display: grid; grid-template-columns: auto auto; gap: 1em;}
	#sidebar .wp-block-media-text, #banners-apoio .wp-block-media-text { grid-template-columns: 1fr 86px !important; margin: 10px 0; padding: 10px 0 10px; }
}


/* ----------------------------------------------------- abaixo 600 */
@media (max-width: 600px) {
	#chamadas { display: initial; }
	#chamadas article , #avisos article { width: 100%; } #avisos article { margin: 1em 0 2em; }
	#chamadas article div { width: 64%; float: initial; }
	footer .contatos, footer address {
		width: initial;
		min-width: initial;
		float: initial;
		margin: 1em auto;
	}

	#container p , #chamadas p { font-size: 0.9em; }
	#container h3 , #chamadas h3 { font-size: 1.48em; }

	
	.bt_peqs .wp-block-button__link { padding: .5em 1.1em; }
	.bt_peqs a.wp-block-button__link { font: 500 0.64em 'Source Sans 3'; }

	footer .social { position: static; }
}


/* ----------------------------------------------------- abaixo 480 */
@media (max-width: 480px) {
	#container article , #sidebar .bannersapoio , #banners-apoio .wrap { grid-template-columns: auto !important; gap: 0; }
	section#post h1 { margin: 0;}
	section#post .share-search { flex-wrap: wrap; } .search-form { margin: 50px 0; }
}