/* CSS dinâmico para #cases-ws-quadra-de-cases */

	#cases-ws-quadra-de-cases .case-logo { width: 148px; filter: brightness(60%); }
	#cases-ws-quadra-de-cases .item-cpt {
		background: #999; text-align: center;
		background-position: center; background-size: cover;
		border: 2px solid #000000;
	}
	#cases-ws-quadra-de-cases .overlay { display: flex; align-items: center; justify-content: center; flex-direction: column; }
	#cases-ws-quadra-de-cases .overlay:hover .case-logo { opacity: 0; filter: alpha(opacity=0); }
	#cases-ws-quadra-de-cases .item-cpt:hover .overlay { background: rgba(0,0,0,0); }
	
	#cases-ws-quadra-de-cases .item-cpt:hover .botao { background: #ffc600 !important; color: #000 !important; }
	
	
	#cases-ws-quadra-de-cases .item-cpt:hover .botao-case { /*opacity: 1; filter: alpha(opacity=100);*/ }
	#cases-ws-quadra-de-cases .item-cpt .meio { position: relative; z-index: 3; }
	#cases-ws-quadra-de-cases .botao-case { position: absolute; z-index: 4; display: inline-block; bottom: 30px; left: 0; right: 0; /*opacity: 0; filter: alpha(opacity=0);*/ }
	#cases-ws-quadra-de-cases .botao {font-size: 0.8em; padding: 20px 50px; text-transform: uppercase}
	#cases-ws-quadra-de-cases .overlay:hover { background: rgba(0,0,0,0); }


/* -------------------------------------------------------------- */			
/* HD 720p (1280x720) */			
@media only screen and (min-width: 1280px) /*and (max-width: 1439px)*/ {
	
	#cases-ws-quadra-de-cases .item-cpt { height: 500px; }
	
}



/* -------------------------------------------------------------- */			
/* Tablet na horizontal & telas antigas 1024x768 */			
@media only screen and (min-width: 981px) and (max-width: 1279px) {

	#cases-ws-quadra-de-cases .item-cpt { height: 400px; }

}




/* -------------------------------------------------------------- */			
/* Comum a mobile vertical, horizontal e tablets */
@media only screen and (max-width: 980px) {

	#cases-ws-quadra-de-cases .item-cpt { height: 300px; }

}
	

	
/* -------------------------------------------------------------- */			
/* Comum a mobile vertical e horizontal */
@media only screen and (max-width: 767px) {

	#cases-ws-quadra-de-cases .item-cpt { height: auto; padding: 120px 0 !important; }

}



/* -------------------------------------------------------------- */			
/* Mobile horizontal */			
@media only screen and (min-width: 480px) and (max-width: 767px) {



}




/* -------------------------------------------------------------- */			
/* Mobile na vertical */	
@media only screen and (max-width: 479px) {



}