/* Redes Sociais para Capa */
.c-redes-sociais{background:#f79730; padding:17px; float:left; width:100%; color:#fff; position:relative; display:none}
.c-redes-sociais div{width:93%; margin:auto; display:table; font:18px/120% "Roboto Slab", sans-serif; border-left:solid 1px #fff; padding-left:10px}
.c-redes-sociais div strong{display:block; font-weight:bold; width:150px;}
.c-redes-sociais div span{display:block; width:68%;float:left}
.c-redes-sociais div ul{float:right; width:29%}
.c-redes-sociais div li{float:left; width:21px;height:28px; margin:5px 10px}
.c-redes-sociais div a.c-logotipo-gazeta {display: none; width: auto;}
.c-redes-sociais div a svg *{fill:#fff}
.c-redes-sociais div a:hover{border-bottom: solid 2px #fff; cursor:pointer}
.editoria .c-redes-sociais{display:none}
.capa .c-redes-sociais {display:block; position:absolute; top:-110px; height:110px}

/* Responsivo */
@media screen and (max-width:768px) {
	.editoria .c-redes-sociais{display:block}
	.capa .c-redes-sociais {position:inherit;top:0}
	.col-4.gp-redes-sociais{width:100%}
	.c-redes-sociais{background:none;margin:auto; text-align:center; padding-right: 0; position:inherit !important; height:auto !important; margin-top:0 !important; display:block}
	.c-redes-sociais div{width:100%; padding:0}
	.c-redes-sociais div span{display:none}
	.c-redes-sociais div a.c-logotipo-gazeta{float:none; display:inline-block;padding-right: 10px;}
	.c-redes-sociais div a.c-logotipo-gazeta svg path{fill:#000}
	.c-redes-sociais div ul{width:auto; float:none; display:inline-block;margin-right: 48px;}
	.c-redes-sociais div ul svg path, .c-redes-sociais div ul svg polygon{fill:#969696}
	.c-redes-sociais div li{height:24px;margin: 5px 10px 0; width:28px; float:none; display:inline-block;width:20px}	
	.c-redes-sociais div li:last-child{width:33px}
}
@media screen and (max-width:580px) {
	.c-redes-sociais div ul{margin-right: 0px;}
}
@media screen and (max-width:490px) {
	.c-redes-sociais div a.c-logotipo-gazeta svg{width:118px}
	.c-redes-sociais div ul{position: relative; top: 0;}
}
@media screen and (max-width:380px) {
	.c-redes-sociais{padding-left:0;}
	.c-redes-sociais div a.c-logotipo-gazeta{padding-left:10px}
	.c-redes-sociais div ul{width:54%}
	.c-redes-sociais div li{ margin: 5px 7px 0;}
}
@media screen and (max-width:320px) {
	.c-redes-sociais{padding: 0 0 17px;}
	.c-redes-sociais div ul{width:56%}
}