/*
Theme Name: DEMIDIAS
Theme URI: http://cchla.ufpb.br/demidias
Author: Haroldo Carvalho
Author URI: http://eiharold.com/
Description: Esse tema é o produto de um TCC e foi desenvolvido para o curso de Comunicação em Mídias Digitais da UFPB. Apesar disso, foi feito em código aberto e é permitido o reuso.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: demidias
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Reset de padrão de propriedades */

body, h1, h2, p, ul, li, a {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin-top: 25px;
}

body a{
	color: #1f1f1f;
}

body a:hover{
	font-weight: bold;
}

body {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	color: #1f1f1f;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	display: block;
}

* {
	box-sizing: border-box;
}

/* Fim do reset de padrão de propriedades */

/* Barra topo */

.bg-barra-topo {
	background-color: #1f1f1f;
	position: fixed;
	width: 100%;
	color: #eeeeee;
	z-index: 1;
	top: 0px;
}

.barra-topo {
	max-width: 1040px;
	padding: 12px 10px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.botoes-topo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row-reverse;
}

.botao-submeter-topo {
	background-color:  #0096c7;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 0 10px;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	box-shadow: 1px 2px 0px black;
}

.botao-submeter-topo:hover {
	background-color: green;
	box-shadow: 1px 2px 0px black;
	transition: all 0.2s ease 0s;
}

.wpuf_featured_image_204 {
	z-index: 0 !important;
}

.wpuf-submit-button {
	background-color:  #1f1f1f;
	border-radius: 4px;
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	box-shadow: 1px 2px 0px #0096c7;
	border: none;
}

.wpuf-submit-button:hover {
	background-color: green;
	box-shadow: 1px 2px 0px black;
	transition: all 0.2s ease 0s;
	cursor: pointer;
}

.wpuf-submit-button:active {
	background-color: #1f1f1f;
}

.wpuf-submit input {
	background-color:  #1f1f1f;
	border-radius: 4px;
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	box-shadow: 1px 2px 0px #0096c7;
	border: none;
	cursor: pointer;
}

.wpuf-submit input:hover {
	background-color: green;
	box-shadow: 1px 2px 0px black;
}

#wpuf-avatar-415-pickfiles {
	z-index: 0 !important;
}

.fep-column-avatar img {
	width: 50px;
	height: 50px;
}

.wpuf-image-wrap {
	z-index: 0 !important;
}

.wpuf-pagination {
	margin: 40px 0 !important;
}
.botao-logar-topo {
	background-color:  #0096c7;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 0 10px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	box-shadow: 1px 2px 0px black;
	cursor: pointer;
}

.botao-logar-topo:hover {
	background-color: green;
	box-shadow: 1px 2px 0px black;
	transition: all 0.2s ease 0s;
}

.estilo-botao-padrao {
	background-color:  #1f1f1f;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 0 10px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	box-shadow: 1px 2px 0px #0096c7;
	cursor: pointer;
}

.estilo-botao-padrao:hover {
	background-color: #0096c7;
	box-shadow: 1px 2px 0px black;
	transition: all 0.2s ease 0s;
}


input#s {
	background-color: #343434;
	color: #eeeeee;
	border: none;
	border-radius: 4px;
	padding: 4px 10px 5px 10px;
	font-family: "Montserrat";
	font-size: 16px;
	-webkit-transition: width .35s ease-in-out;
    transition: width .35s ease-in-out;
    width: 160px;
}

input#s:focus {
	width: 300px;
	background-color: #343434;
	outline: 0;
}

.botao-lupa {
	display: none;
}

input#searchsubmit {
	background-image: url('img/lupa-2.png');
	background-repeat: no-repeat;
	border:none;
	margin-left:-28px;
	width: 17px;
	height: 18px;
	position: relative;
	top: 2px;
	background-color: rgba(0,0,0,0);
	margin-right: 30px;
}

.icone-usuario img {
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.bg-cabecalho {
	background-position: -8px -110px;
	background-image: "/img/black.jpg";
}

.titulo-cabecalho {
	margin-top: 50px;
}

.titulo-cabecalho img {
	max-width: auto;
	width: 100%;
	height: auto;
}

.logo-topo {
	font-family: "Montserrat";
	font-size: x-large;
	font-weight: bold;
	cursor: pointer;
}

.logo-topo a {
	color: white;
}

.logo-topo a:hover {
	color: #0096c7;
}

/* Fim da barra topo */

.bg-filtros {
	padding: auto;
	background-color: #FFF;
}

.filtros {
	max-width: 1040px;
	padding: 10px 10px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.procurar-artista {
	/* padding-top: 30px; */
	display: flex;
	align-items: center;
	font-weight: 700;
}

.botao-artista, .botao-artista-mobile {
	background-color:  #0096c7;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 0 10px;
	color: #eeeeee;
	font-size: 14px;
	box-shadow: 1px 2px 0px #1f1f1f;
}


.botao-artista:hover, .botao-artista-mobile:hover {
	background-color: #1f1f1f;
	box-shadow: 1px 2px 0px #0096c7;
	transition: all 0.2s ease 0s;
}

.botao-artista-mobile {
	display: none;
}

.menu-filtros {
	display: flex;
}

.menu-filtros li {

}

.barra-inferior-header {
	background-color: #1f1f1f;
	height: 10px;
}

.barra-preta {
	background-color: #1f1f1f;
	height: 8px;
}

.corpo {
	background-color: #eeeeee;
	padding-bottom: 20px;
}

.trabalhos, .autores, .autores2  {
	max-width: 1040px;
	padding: 20px 10px;
	margin: 0 auto;
	font-size: 14px;
}


.demid {
	text-align: right;
	display: flex;
}

.texto-demid {
	padding: 40px;
}

.quem-texto {
	display: flex;
}

.quem-texto p {
	margin: 10px;
	text-align: justify;
}

.corpo .autores2 img {
	max-width: none;
}

#grid-contributors, .grid-contributors {
	display: flex;
	text-align: center;
	flex-wrap: wrap;
}

#grid-contributors img{
	border-radius: 50%;
	max-width: 300px;
	max-height: 150px;
    box-shadow: 2px 3px 6px rgba(50,50,90,.2);

}
.corpo img {
	max-width: 100%;
}


.trabalho p, h3, h4, .taxonomias {
	padding: 10px;
	margin: 0px;
	color: #1f1f1f;
}

.mais-trabalhos-do-autor {
	font-size: 12px;
}

.field-size-large {
	margin-bottom: 0px !important;
}

.contato-escondido {
	display: block;
	background: #ccc;
	border-radius: 5px;
	margin: 10px;
}

.estatisticas-post {
	background: #ccc;
    border-radius: 5px;
    padding: 5px;
	text-align: center;
}

.info-posts {
	display: flex;
}

.taxonomias {
	font-size: 14px;
}

.taxonomias a {
	color: #1f1f1f;
}

.taxonomias a:hover{
	font-weight: bold;
}


.taxonomias img, .softwares-utilizados img {
	display: inline;
	position: relative;
	top: 2px;
	padding: 0 5px 0 0;
	opacity: .8;
}

.wpulike-robeen svg {
	width: 30px !important;
}

.wpulike  {
	padding: 0 !important;
	margin-top: -6px !important;
	margin-left: 0px !important;
}

.wpulike-robeen .count-box {
	font-weight: 100 !important;
	margin-top: 2px !important;
}

.wpulike-notification .wpulike-message {
	margin: 0 0 12px !important;
	width: 250px !important;
	right: 50px !important;
}

.wpulike-notification .wpulike-message.wpulike-success {
	background: #1f1f1f !important;
}

.wpulike-notification .wpulike-message.wpulike-error {
	background: #1f1f1f !important;
}

.esconder-contadores .wpulike {
	display: none !important;
}

.esconder-contadores .post-views {
	display: none !important;
}

.overlay {
  position: relative;
}

.overlay:after {
  position: absolute;
  content:"";
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
}

.overlay:hover:after  {
  opacity: .15;
 -webkit-transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -ms-transition: opacity .25s ease-in-out;
 -o-transition: opacity .25s ease-in-out;
 transition: opacity .25s ease-in-out;
}

.thumbnail:after {
  background-color: #222;
}

.unidade-trabalho-autor {
	background: #ccc;
	padding: 10px;
	border-radius: 4px;
}

.trabalho h3 {
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 0px;
}

.trabalho h4 {
	font-size: 12px;
	padding: 2px 10px;
}

/* PM */

.botao-pm {
	background: #1f1f1f;
	color: #fff !important;
	padding: 10px;
	border-radius: 5px;
 	box-shadow: 1px 2px 0px #0096c7;
	font-weight: bold;
}

.botao-pm:hover {
	background-color: #0096c7;
  transition: all 0.2s ease 0s;
  box-shadow: 1px 2px 0px black;

}

#fep-wrapper {
	max-width: 1040px;
	margin: 20px auto !important;
}

#fep-notification-bar {
	position: fixed !important;
	left: 10px;
	top: 66px;
	width: 300px !important;
	background: #1f1f1f !important;
	color: #eeeeee !important;
	border: 1px solid #1f1f1f !important;
}

#fep-notification-bar a {
	color: #1f1f1f !important;
}

.fep-notification-bar .fep-notice-dismiss {
	padding: 6px !important;
}

.fep-button {
	border: 1px solid #888888 !important;
	margin: 10px !important;
	padding: 8px !important;
}

.fep-button:hover, .fep-button-active {
	font-size: 13px !important;
	background-color: #bbbbbb !important;
	transition: all 0.2s ease 0s;
	margin: 10px !important;
	border: 1px solid #888888 !important;	
}

#fep-content a {
	text-decoration: none !important;
	color: #333333;
}

#fep-content a:hover {
	color: #1f1f1f;
}

/* Single Post Page */

.janela-de-trabalhos {
	display: flex;
}

.coluna-job {
	width: 100%;
	padding: 10px;
}

iframe {
width: 780px;
height: 433px;
max-width: 100%;
}

.coluna-job img {
	max-width: 100%;
}

.coluna-infos {
	width: 24%;
	background: #dddddd;
	padding: 10px;
	border-radius: 0 0 5px 0;
}

.titulo-single {
	background: #1f1f1f;
    width: 100%;
    border-radius: 4px 5px 0 0;
    padding: 20px;
    color: #eeeeee;
}

.titulo-single a {
	color: #0096C7;
}

.titulo-single h2 {
	color: white;
}

.autoria-trabalho {
	font-size: 12px;
	margin-left: 10px;
}

.autoria {
	margin: 20px 0;
}

.avatar {
	border-radius: 50px;
}

.autoria {
	text-align: center;
}

.ordemza {
		color: #1f1f1f;
}

.ordemza:hover {
	color: #1f1f1f;
	transition: all 0.2s ease 0s;
}

.author-name a {
	text-transform: uppercase;
	color: #1f1f1f;
	font-size: 16px;
}

.author-name a:hover {
	color: #1f1f1f;
	transition: all 0.2s ease 0s;
}

.contadores-single {
	display: flex;
    margin-left: -6px;
    justify-content: center;
}

.contadores-single p {
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	text-align: center;
}

.descricao-do-trab {
	margin: 15px 0;
	background: #eeeeee;
	border-left: 20px solid #dddddd;
	border-radius: 4px;
	padding: 10px;
	font-size: 14px;
}

.descricao-autor {
	font-size: 22px;
}

/* Footer */

.bg-footer {
	background-color: #1f1f1f;
	padding: 4px 0;
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.container-footer {
	max-width: 1040px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 0px 10px;
}

.visite-footer a {
	color: #eee;
	font-size: 12px;
	font-weight: 700;
}

.visite-footer a:hover {
	color: #0096c7;
	transition: all 0.3s ease 0s;
}

.menus-footer {
	color: white;
}

.menus-footer img {
	display: inline;
	margin-bottom: -2px;
	margin-left: 4px;
	opacity: 0.8;
}

.menus-footer img:hover {
	opacity: 1;
	transition: all 0.2s ease 0s;
}

.menus-footer a {
	color: #eeeeee;
	font-size: 12px;
	font-weight: 700;
}

.menus-footer a:hover {
	color: #0096c7;
	transition: all 0.2s ease 0s;
}

/* Botao Subir */

#botaoSubir {
  display: none;
  position: fixed;
  bottom: 85px;
  right: 20px;
  z-index: 1;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #1f1f1f;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 2px 2px 0px #0096c7;
}

#botaoSubir:hover {
  background-color: #0096c7;
  box-shadow: 2px 2px 0px black;
  transition: all 0.3s ease 0s;
}

/* Modal */

.modal {
	max-width: 1040px;
	width: 98%;
	border-radius: 5px;
	box-shadow: 0 2px 6px rgba(50,50,90,.1);
	padding: 0px;
}

.modal-spinner {
	height: 46px;
	border-radius: 50%;
}

/* .softwares-utilizados {
	font-size: 10px;
	margin: 10px;
	display: flex;
} */

/* Iframes */

#iframeLogin, #iframeLogado {
	position: absolute;
	display: none;
	top: 48px;
	height: 258px;
	width: 230px;
	padding: 5px;
	border: 10px solid #1f1f1f;
	background: #1f1f1f;
	border-radius: 4px;
}

#loginform {
	color: #fff;
	font-size: 12px;
	background: #1f1f1f;
}

.login {
	background: #1f1f1f;
}


#wp-submit, .btn-voltar, #botao-codigo, .botao-voltar-home, .botao-painel {
	background-color:  #0096c7;
	border-radius: 4px;
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	box-shadow: 1px 2px 0px black;
	border: none;
	margin: 10px 0;
	cursor: pointer;
}

.quantidade-trabalhos {
	margin-top: -10px;
}

.quantidade-trabalhos a {
	font-size: 12px;
	color: #1f1f1f;
}

.quantidade-trabalhos a:hover {
	color: #1f1f1f;
	transition: all 0.2s ease 0s;
}

.botao-voltar-home {
	max-width: 200px;
	margin-bottom: 20px;
}

#wp-submit:hover, .btn-voltar:hover, #botao-codigo:hover, .botao-voltar-home:hover{
	background-color: green;
	box-shadow: 1px 2px 0px black;
	transition: all 0.2s ease 0s;
	cursor: pointer;
	outline: none;
}
#wpuf-user_login, #wpuf-user_pass {
	background-color: #fff;
	border-radius: 4px;
	border: none;
	padding: 5px;
	width: 100%;
	margin-bottom: 5px;
}

.wpuf-user-loggedin {
	width: 600px;
	padding: 20px 10px;
	margin: 10px auto;
	border-radius: 15px;
	color: #fff;
	background-color: #0096C7;
	font-size: 12px;
    font-weight: bold;
}

.wpuf-user-loggedin a {
	color: #1f1f1f;
}

/* Comentários */

#wc-comment-header, #wc-textarea-0_0 {
	font-family: 'Montserrat', sans-serif !important;

}

#wc-comment-header {
	font-weight: 700 !important;
	font-size: 16px !important;
}

.wpd-cc-value {
	border-radius: 10% !important;
	background-color: #1f1f1f !important;
	padding: 5px 0 !important;
}

#wpcomm .wpd_label__check i.wpdicon-off {
	display: none !important;
}

.wpdiscuz-user-settings:hover {
	color: #1f1f1f !important;
}

.wc-comment-label {
	background-color: #eee !important;
	padding-top: 6px !important;
	border-radius: 4px;
}

.wc-reply-button {
	border-radius: 4px !important;
}

.wpdiscuz-textarea-wrap {
	border-radius: 4px;
}

#wpcomm .avatar {
	border-radius: 50% !important;
}

.wpdiscuz-front-actions, .wpd-cc-arrow, .wpdiscuz-form-bottom-bar, .fa-link:before, .wc-comment-label, .wpdiscuz-form-top-bar {
	display: none !important;
}

#wpcomm {
	border-top: none !important;
}

#codigo {
	border: 1px solid #aaaaaa !important;
	border: none;
	color: #333;
	padding: 10px;
	border-radius: 4px;
}
#wpuf-login-form {
	width: 600px;
	padding: 20px 10px;
	margin: 10px auto;
	border-radius: 15px;
	font-weight: bold;
}

#wpuf-login-form a {
	color: #fff;
	font-size: 11px;
}

#wpuf-login-form label {
	color: #fff;
}

#wpuf-login-form a:hover {
	color: #0096C7;
}

.explicacao {
	margin: 20px;
}

#wpuf-registration-form {
	max-width: 800px;
	margin: 30px auto 50px auto;
	background: #eeeeee;
	border-radius: 4px;
    box-shadow: 0 2px 6px rgba(50,50,90,.2);
    overflow: hidden;
    padding: 20px;
}

.wpuf-posts-options {
	padding: 2px !important;
	border: none !important;
}

.wpuf-theme-style {
	max-width: 1040px;
	margin: 30px auto;
}

#wpuf-user_fname, #wpuf-user_lname, #wpuf-user_email, #wpuf-user_pass1, #wpuf-user_pass2 {

}

.contexto {
	font-size: 11px;
	margin-bottom: 10px;
}

.wpuf-dashboard-container .wpuf-dashboard-navigation, .wpuf-dashboard-container .wpuf-dashboard-content {
	float: none !important;
	width: auto !important;
	padding: 12px;
}

.wpuf-message {
	text-align: center;
}

.wpuf-dashboard-container {
	display: flex;
	max-width: 1040px;
	margin: 0 auto;
	flex-direction: column;
}

.wpuf-dashboard-container .wpuf-dashboard-content {
	margin: 10px 20px;
}

.wpuf-dashboard-content a {
	color: #1f1f1f;
	font-weight: bolder;
}

.wpuf-dashboard-content a:hover {
	color: #0096c7;
}

.wpuf-success a {
	display: none;
}

.wpuf-dashboard-container .wpuf-dashboard-navigation ul {
	display: flex;
	justify-content: center;
}

.botao-painel {
	background-color:  #1f1f1f;
	border-radius: 4px;
	font-weight: 700;
	font-size: 14px;
	display: flex;
	text-align: center;
	margin: 10px;
	box-shadow: 1px 2px 0px #0096c7;
}

a .botao-painel {
	color: #fff;
}

.wpuf-dashboard-container .wpuf-dashboard-navigation ul li {
	padding: 10px !important;
	justify-content: center;
}

.botao-painel:hover {
	background-color: #0096c7;
	box-shadow: 1px 2px 0px black;
	transition: all 0.2s ease 0s;
}

/* Menu Categorias */

.menu-oculto {
	display: none;
}

.menu-de-categorias {
	display: flex;
	max-width: 1020px;
	margin: 0 auto;
	justify-content: center;
	flex-wrap: wrap;
	border-radius: 4px;
	padding: 15px 0;
}

.categorias-cima, .categorias-baixo {
	font-weight: bold;
	text-align: center;
	background: #3c66ff;
	padding: 20px;
	margin: 10px;
	width: 300px;
	height: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
  	border-radius: 12px;
	color: #fff;

}

.categorias-cima i, .categorias-baixo i {
	font-size: 30px;
	margin-bottom: 8px;
}

.categorias-cima:hover, .categorias-baixo:hover {
	background: #1f1f1f;
	transition: all 0.2s ease 0s;
}


.alerta {
 padding: 0px 15px 0px 15px;
 border-radius: 3px;
 font-size: 20px;
}

.mensagem-error-categoria {
 border-color: #e8273b;
 color: #FFF;
 background-color: #ed5565;
}


.setinha {
	color: #1f1f1f;
}

.dropbtn {
    color: white;
    padding: 16px 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #1f1f1f;
    font-weight: 700;
}

.dropbtn:hover {
	color: #0096c7;
}

/* Contadores */

.contadores {
	display: flex;
	padding: 8px 8px 0 8px;	
}

/* .contadores p {
	text-align: center;
	position: absolute;
	font-size: 0;
} */

.likebtn_container {
	margin-bottom: 3px;
}

/* Masonry e Infinite Scroll */


/* reveal grid after images loaded */
.trabalhos.are-images-unloaded {
  opacity: 0;
}

.trabalho,
.grid__col-sizer {
  width: 188px;
  height: auto;
}

.grid__gutter-sizer { width: 20px; }

/* hide by default */
.trabalhos.are-images-unloaded .image-trabalho {
  opacity: 0;
}

.trabalho {
	margin-bottom: 25px;
	float: left;
	background: white;
	border-radius: 10px;
	box-shadow: 0 2px 6px rgba(50,50,90,.1);
	overflow: hidden;
}

.autor, .ajudantes {
	margin: 25px;
	overflow: hidden;
	padding: 10px;
	flex-basis: 250px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.autor:hover{
	background-color: #ccc;
}

.ajudantes {
	flex-basis: 240px;
	align-items: center;
}

.page-load-status {
	display: none; /* hidden by default */
	padding-top: 20px;
	border-top: 1px solid #DDD;
	text-align: center;
	color: #1f1f1f;
}

/* loader ellips in separate pen CSS */


/* Owwlyz */

.loader-ellips {
	font-size: 20px; /* change size here */
	position: relative;
	width: 4em;
	height: 1em;
	margin: 10px auto;
}

.loader-ellips__dot {
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	background: #555; /* change color here */
	position: absolute;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}


/* Media Queries */

/* iPad Pro */

@media (max-width: 1024px) {
		.trabalho,
	.grid__col-sizer {
	  width: 230px;
	}

	#loginform {
		padding: 10px;
	}

	#wpuf-login-form {
		margin-top: 50px;
		zoom: 0.9;
	}

	.modal {
	max-width: 98%;
	}

	.corpo {
		padding-bottom: 50px;
	}
}

/* iPad e iPhone X Horizontal*/

@media (max-width: 823px) {
		.trabalho,
	.grid__col-sizer {
	  width: 234px;
	}

		.bg-cabecalho {
		display: none;
	}

		.botao-lupa {
		display: block;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
		margin-top: 20px;
	}

	#botaoSubir {
		bottom: 90px;
	}

	.input-pesquisar {
		display: none;
	}

	.visite-footer {
		display: none;
	}

	.container-footer {
		justify-content: center;
	}

	.texto-artista {
		display: none;
	}

	.botao-artista {
		display: none;
	}


	.botao-artista-mobile {
		display: block;
	}

	.barra-preta {
		opacity: 0;
	}

	.barra-laranja {
		margin-top: 40px;
		height: 10px;
	}

	input#s {
		position: absolute;
		top: 52px;
		right: 20px;
		width: 260px;
		z-index: 2;
	}

	input#s:focus {
		width: 260px;
	}

	.bg-pesquisar {
		background: #1f1f1f;
		width: 282px;
		height: 43px;
		top: 48px;
		right: 10px;
		position: absolute;
		display: none;
		z-index: 1;
		border-radius: 0 0 4px 4px;
	}

	input#searchsubmit {
		position: absolute;
		top: 57px;
		right: 26px;
		z-index: 3;
	}

	/* .logo-topo img {
		width: 80%;
	} */

	.botoes-topo {
		width: 262px;
	}

	.menu-filtros, .dropbtn, .botao-artista-mobile {
		font-size: 12px;
		margin: 0;
	}

	.filtros-visiveis {
		display: none;
	}

	.filtros-mobile {
		display: block;
	}

	#ordens {
		left: -62px;
		border-radius: 5px;
	}

		.botoes-topo {
		width: 210px;
	}

	.janela-de-trabalhos {
	display: flex;
	flex-direction: column;
	}

	.coluna-job {
		width: 100%;
	}

	.coluna-infos {
		width: 100%;
		border-radius: 0 0 5px 5px;
	}


	.wpuf-dashboard-container .wpuf-dashboard-navigation ul {
		flex-direction: column;
	}

	.wpuf-dashboard-container .wpuf-dashboard-navigation {
		margin: 8px 20px;
	}

	.autores2 {
		flex-direction: column;
	}

	.demid {
		text-align: left;
		padding: 10px;
	}

	.foto-demid {
		display: none;
	}

	.corpo {
		padding-bottom: 50px;
	}

	.corpo .autores2 img {
		max-width: 100%;
	}

	.categorias-cima, .categorias-baixo {
		width: 140px;
		height: 140px;
		font-size: 15px;
	}

	.categorias-cima i, .categorias-baixo i {
		font-size: 38px;
	}

	.quem-texto {
	flex-direction: column;
	}
}

/* iPhones Plus */

@media (max-width: 414px) {
	.trabalho,
	.grid__col-sizer {
	  width: 190px;
	}

	.titulo-single {
		margin-top: 50px;
	}

	#wpuf-login-form {
		margin-top: 100px;
		zoom: 0.6;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	.trabalho {
	  margin-bottom: 15px;
	}

	.wpuf-dashboard-container {
		flex-direction: column;
	}

	iframe {
		height: 194px;
	}

	#wpuf-registration-form {
		margin: 10px 10px 38px 10px;
	}

	#grid-contributors {
	flex-direction: column;

	}

	.autor {
		flex-basis: auto;
	}

	.categorias-cima, .categorias-baixo {
		width: 100%;
		height: 70px;
		font-size: 20px;
	}

	.categorias-cima i, .categorias-baixo i {
		font-size: 24px;
	}

	.corpo {
		padding-bottom: 50px;
	}

}

/* iPhones 6/7/8 */

@media (max-width: 375px) {
		.trabalho,
	.grid__col-sizer {
	  width: 172px;
	}

	.filtros {
		margin-top: 35px;
	}

	.ul.wpuf-form{
		margin-top: 125px;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	iframe {
		height: 173px;
	}

	#botaoSubir {
		bottom: 85px;
	}

	.botoes-topo {
		width: 262px;
	}

	.corpo {
		padding-bottom: 50px;
	}
}

/* Galaxy S5 */

@media (max-width: 360px) {
		.trabalho,
	.grid__col-sizer {
	  width: 165px;
	}

	#wpuf-login-form {
		zoom: 0.55;
	}

	.filtros {
		margin-top: 35px;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	#botaoSubir {
		bottom: 85px;
	}

	.botoes-topo {
		width: 292px;
		font-size: 9px;
	}

	.corpo {
		padding-bottom: 50px;
	}

}

/* iPhones 5S/SE e dispositivos menores */

@media (max-width: 320px) {
		.trabalho,
	.grid__col-sizer {
	  width: 145px;
	}

	#wpuf-login-form {
		margin-top: 150px;
		zoom: 0.50;
	}

	.filtros {
		margin-top: 35px;
	}

	.logo-topo a {
		zoom: 0.7;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	iframe {
		height: 142px;
	}

	#botaoSubir {
		bottom: 85px;
	}

	.botoes-topo {
		width: 418px;
		font-size: 9px;
	}

	.dropbtn {
		padding: 10px 0;
	}

	.menus-footer a {
		font-size: 10px;
	}

	.categorias-cima, .categorias-baixo {
		width: 60px;
		height: 60px;
		font-size: 10px;
		margin: 6px;
	}

	.categorias-cima i, .categorias-baixo i {
		font-size: 20px;
	}

	.corpo {
		padding-bottom: 50px;
	}

}

/* Visões Horizontais */

/* Galaxy S5 Horizontal */

@media (width: 640px) {
		.trabalho,
	.grid__col-sizer {
	  width: 145px;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	#botaoSubir {
		bottom: 85px;
	}

	.botoes-topo {
		width: 208px;
		font-size: 9px;
	}

	.corpo {
		padding-bottom: 50px;
	}

}

/* Pixel 2 Horizontal */

@media (width: 731px) {
		.trabalho,
	.grid__col-sizer {
	  width: 170px;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	#botaoSubir {
		bottom: 85px;
	}

	.botoes-topo {
		width: 208px;
		font-size: 9px;
	}

	.corpo {
		padding-bottom: 50px;
	}

}

/* iPhone 5S/SE Horizontal */

@media (width: 568px) {
		.trabalho,
	.grid__col-sizer {
	  width: 128px;
	}

	#wpuf-login-form {
		zoom: 0.8;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	#botaoSubir {
		bottom: 85px;
	}

	.botoes-topo {
		width: 208px;
		font-size: 9px;
	}

	.corpo {
		padding-bottom: 50px;
	}

}

/* iPhone 6/7/8 Horizontal */

@media (width: 667px) {
		.trabalho,
	.grid__col-sizer {
	  width: 154px;
	}

	#wpuf-login-form {
		zoom: 0.8;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	#botaoSubir {
		bottom: 85px;
	}

	.botoes-topo {
		width: 208px;
		font-size: 9px;
	}

	.corpo {
		padding-bottom: 50px;
	}

}

/* iPhone 6/7/8 Plus Horizontal */

@media (width: 736px) {
		.trabalho,
	.grid__col-sizer {
	  width: 170px;
	}

	.bg-filtros {
		padding: 30px 10px 0 10px;
	}

	.grid__gutter-sizer { width: 10px; }

	#botaoSubir {
		bottom: 85px;
	}

	.botoes-topo {
		width: 208px;
		font-size: 9px;
	}

	.corpo {
		padding-bottom: 50px;
	}
}