/**
 * 
 * Theme Name: Jamie Dornan Brasil 1.0
 * Theme URI: https://jamiedornan.com.br/
 * Description: Layout do JDBr
 * Version: 1.0
 * Author: Cami Tirapani (contato@galgadotbrasil.com.br)
 * Author URI: http://twitter.com/iamloisjlane
 **/

 /**
 * ARQUIVOS
 * 404.php.....................Página de erro
 * archive.php.................Arquivo do site
 * bfi_thumb.php...............Miniaturas e imagens das publicações (não editar).
 * fave-filmography.php........Filmografia/Carreira/Trabalhos.
 * fave-pedia.php..............Página sobre a atriz.
 * footer.php..................Footer do site
 * functions.php...............Funções do tema.
 * header.php..................Header do site.
 * index.php...................Página inicial do site.
 * menu.php ...................Menu do site e mobile.
 * news.php....................Página com notícias em modo completo.
 * page.php....................Página
 * search.php..................Resultados das buscas.
 * searchform.php..............Formulário de buscas.
 * sidebar.php.................Sidebar do site.
 * sidebar-projetos.php........Informações de projetos - elas devem ser editadas no link 'Últimos Projetos' no menu administrativo.
 * single.php..................Publicações.
 * yarpp-template-slider.php...Template para as publicações relacionadas - precisa do Plugin YARPP.
 * 
 * style.css...................Estilo de todo o site.
 * index.css...................Estilo da página index
 * 
 * POSTS CUSTOMIZADOS
 * Últimos Projetos............Mostra os últimos projetos na sidebar e no início.
 *  - Título - Título do Projeto.
 *  - Campo de publicação:  Sinopse do Projeto.
 *  - Usar o campos customizados: 'Tipo' - Tipo do projeto:  Filme, Série de TV, etc.
 *                                'Personagem' - Nome do personagem
 *                                'Status' - Status do projeto.
 * 															  'Proj_Noticias' - Link da categoria do projeto com as notícias dele. Se deixado em branco, não aparece.
 * 																'Proj_IMDB' - Link do projeto no IMDB. Se deixado em branco, não aparece.
 * 																'Proj_Fotos' - Link da Galeria. Se deixado em branco, não aparece.
 * 																'Proj_Oficial' - Link oficial do Projeto. Se deixado em branco, não aparece.
 * 																Imagens devem ser de no mínimo 600px x 300px.
 * 
 * Parceiros...................Mostra os parceiros na barra lateral.
 *  - Título - Nome do site.
 *  - Usar o campo customizado 'Parceiro_URL' para o link do site, com https://.;
 *  - Imagem enviada deve ser de, pelo menos, 290px x 170px.
 *
 */

@import 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap';
@import 'https://fonts.googleapis.com/css?family=Poppins:400,500,700,900';

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
form, label, fieldset, input, p, blockquote, th, td, figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
q:before, q:after {content:'';}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	background: #492e1a;
	color: #151515;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 150%;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #95857e;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	font-weight: bold;
}
a:hover,
a:active,
a:focus {
	color: #b96f40;
	text-decoration: none;
}
strong, b {
	font-weight: bold;
	color: #7b573c;
}
i, em {font-style:italic;}
h1, h2, h3, h4, h5, h6 {
	font-size: 19px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}
h2 {font-size: 17px;}
h3 {font-size: 15px;}
h4, h5 {font-size: 13px;}
h6 {font-size: 12px;}

.clear {clear: both;}
.clear:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}
.aligncenter {
	margin-left: auto !important; 
	margin-right: auto !important;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.alignleft {margin: 0 10px 10px 0;}
.alignright {margin: 0 0 10px 10px;}
.left, .alignleft {float: left;}
.right, .alignright {float: right;}
.vertical {
	display: table-cell;
	vertical-align: middle;
}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.twitter-tweet {margin: 0 auto;}
section {width: 100%;}
.container {
	width: 1040px;
	margin: 0 auto;
}
.mobile {display: none;}
.over-preto {
  width: 100%;
  height: 75%;
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,0.49) 49%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(29%, rgba(0,0,0,0.29)), color-stop(49%, rgba(0,0,0,0.49)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,0.49) 49%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,0.49) 49%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,0.49) 49%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,0.49) 49%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.over-branco {
  width: 100%;
  height: 75%;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.29) 29%, rgba(255,255,255,0.49) 49%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(255,255,255,0.29)), color-stop(49%, rgba(255,255,255,0.49)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.29) 29%, rgba(255,255,255,0.49) 49%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.29) 29%, rgba(255,255,255,0.49) 49%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.29) 29%, rgba(255,255,255,0.49) 49%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.29) 29%, rgba(255,255,255,0.49) 49%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
  position: absolute;
  bottom: 0;
  left: 0;
}
fieldset {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
legend h3 {
	color: #d0b799;
	font-size: 13px;
	padding-right: 10px;
}
.social {font-size: 16px;}
.social li {
	display: inline-block;
	text-align: center;
	padding: 0 5px;
}
.social li a {
	width: 38px;
	line-height: 38px;
	background: rgba(0,0,0,.1);
	border-radius: 100%;
  display: inline-block;
  font-weight: normal;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.slideshow li {
	white-space: normal;
	vertical-align: top;
}
/**
 * Header
 **/
.toTop {
	width: 55px;
	line-height: 35px;
	background: rgba(0,0,0,.05);
	color: #9e6c46;
	position: fixed;
	bottom: 30px;
	right: 30px;
	border-radius: 100%;
	border: 10px solid #a3743f;
	cursor: pointer;
	z-index: 9999;
}
.toTop:hover {
	background: rgba(255,255,255,.15);
	border: 10px solid #694226;
}
.topo {
	position: relative;
	z-index: 9999;
}
.header .logo h1,
.header .logo {
	font-size: 13px;
	text-indent: -99999px;
	line-height: 0;
}
.header {
	background: url(images/layout/header.png) center top no-repeat rgba(210,164,109,1);
	min-height: 100%;
	width: 100%;
	height: 750px;
	margin-bottom: 10px;
}
/**
 ** Menu 
 **/
nav {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
.menu {
	background: #fff;
	font-family: 'Poppins', sans-serif;
	padding: 0;
	font-weight: 600;
	font-size: 13px;
	text-align: center;
}
.menu li {
	text-transform: uppercase;
	padding: 20px;
	display: inline-block;
} 
.menu li a {
	color: #8b8b8b;
	padding: 5px 7px;
	position: relative;
}
.menu li a:hover {color: #6f4626;}
.menu .fave-menu a {color: #b96f40;}
.welcome-index {
  background: #5b3b24;
  color: #b5a17d;
  font-family: Verdana;
	margin-bottom: 10px;
	padding: 15px 20px;
}
.welcome-index b {color: #9e6c46}
.welcome-index i {
	color: #6f4627;
	font-family: 'FontAwesome';
	margin-right: 10px;
	font-size: 27px;
	font-style: normal;
}
/**
 ** Busca
 */
.busca {
	margin-bottom: 10px;
	background: #6f4627;
}
.busca input,
.busca button {
	background: transparent;
	color: #9e6c46;
	text-align: center;
	padding: 20px 10px;
	border: 0;
}
.busca input {width: calc(100% - 54px);}
.busca button {
	background: #7d593d;
	color: #fff;
	width: 39px;
	line-height: 39px;
	border-radius: 100%;
	padding: 0;
}
/**
 * 
 ** Footer
 **/
footer {
	background: #ebe6dc;
	color: #a79f91;
	padding: 30px 0;
}
.disclaimer {
	font-size: 13px;
	margin-bottom: 10px;
}
.footer {text-transform: uppercase;}
.footer h1 {
	font-size: 14px;
	font-family: Open Sans, sans-serif;
	margin-bottom: 10px;
}
.footer a {color: #492e1a;}
/**
 ** Pagination
 **/
.pagination,
.pagination-wrap {
	background: #fff;
	margin-bottom: 10px;
}
.pagination a {
	padding: 10px 15px;
	display: inline-block;
}
.pagination .current {
	background: rgba(232,216,197,.15);
	color: rgba(0,0,0,.4);
	font-weight: bold;
}
.pagination-wrap {padding: 20px;}
.pagination-wrap span {height: 40px;}
.pagination-wrap .artigo-prev,
.pagination-wrap .artigo-next {
	width: 50%;
	margin: 10px 0;
	padding: 0 10px;
	box-sizing: border-box;
}
.pagination-wrap .artigo-prev {border-right: 1px solid rgba(51,51,51,.1);}
/**
 ** Outros
 **/
.leia-mais a {
  background: #a77741;
  color: #7a5327;
  text-transform: uppercase;
  padding: 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.divider {
	border-top: 1px solid rgba(51,51,51,.05);
	content: '';
	height: 0;
	width: 100%;
	margin: 5px 0;
}