/* #####################################
########################################

	Theme name: Blog Visuality
	Theme URI: Não informado
	Description: Este tema foi desenvolvido pela Agência Visuality.

	Code: Gabriel Amarante | ACG Web Design
	Author: Visuality
	Author URI: http://visuality.com.br

	Version: 08.2019

########################################
##################################### */

@charset "UTF-8";

/* ######
   Básicos
############ */

* {
	outline: none;
}

html , body {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	background: #E9EAED;
}

a , a:hover , a:focus {
	text-decoration: none;
}

button , button:hover , button:focus {
	outline: none;
	cursor: pointer;
}

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

/* ######
   Gerais
############ */

/* box-slide */

.box-slide {
	position: relative;
}

/* display-table */

.display-table {
	display: table;
	margin: 0;
	padding: 0;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}

/* df-center */

.df-center {
	align-items: center;
	display: flex;
	width: 100%;
	height: 100%;
}

/* read-more */

.read-more {
	color: #333;
	line-height: 22px;
	display: inline-block;
	margin: 20px 0 0;
	padding: 8px 30px;
	transition: .3s;
	border-radius: 20px;
	border: solid 1px #333;
}

/* btn-loadmore */

.btn.loadMoreBtn {
	color: #333;
	line-height: 22px;
	display: block;
	width: 195px;
	margin: 0 auto;
	padding: 8px 30px;
	transition: .3s;
	border-radius: 20px;
	border: solid 1px #333;
}
.btn.loadMoreBtn:focus {
	box-shadow: none;
}

/* box-post */

.box-post {
	margin: 0 0 30px;
}

/* post-image */

.box-post .post-image {
	margin: 0;
}
.box-post .post-image a {
	display: block;
}
.box-post .post-image img {
	width: 100%;
}

/* post-info */

.box-post .post-info {
	text-align: center;
	padding: 30px;
	background: #FFF;
}
.box-post .post-info h1 {
	font-size: 35px;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
}
.box-post .post-info a {
	color: #333;
	transition: .3s;
}
.box-post .post-info p {
	font-size: 16px;
	line-height: 26px;
	margin: 0;
}
.box-post .post-info p.date {
	font-size: 18px;
	font-family: 'Crimson Text', serif;
	line-height: 28px;
	margin: 25px 0 20px;
}

/* ######
   Página de login
############ */

.login {
	background: url(images/admin/bg.png) repeat left top;
}
.login h1 a {
	width: 150px;
	height: 100px;
	background: url(images/admin/login.png) no-repeat center center;
}
.login label {
	font-size: 12px;
}
.login input ,
.login input:hover ,
.login input:focus {
	outline: none;
	transition: .5s;
	box-shadow: none;
}

/* ######
   Introdução
############ */

#intro {
	padding: 15px 0;
}

/* box-link */

#intro .box-link a {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: .3s;
}

/* social-case */

#intro .social-case {
	text-align: right;
}
#intro .social-case a {
	font-size: 16px;
	line-height: 14px;
	transition: .3s;
}

/* ######
   Cabeçalho
############ */

#header {
	position: relative;
	z-index: 9;
}

/* box-contain */

#header .box-contain {
	padding: 30px 20px 10px;
	border-bottom: solid 4px;
	background: #FFF;
}

/* box-logo */

#header .box-logo {
	text-align: center;
	margin: 0 0 50px;
}

/* box-link */

#header .box-link a {
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	transition: .3s;
}

/* box-form */

#header .box-form {
	text-align: right;
	position: relative;
}
#header .box-form .btn-search {
	font-size: 20px;
	padding: 0;
	transition: .3s;
	border: none;
	background: transparent;
}
#header .box-form.disabled form {
	display: none;
}
#header .box-form form {
	display: flex;
	width: 220px;
	padding: 10px;
	position: absolute;
	top: 40px;
	right: -20px;
	z-index: 2;
}
#header .box-form form input {
	font-size: 12px;
	width: calc(100% - 35px);
	height: 35px;
	padding: 0 10px;
	border: none;
}
#header .box-form form button {
	color: #FFF;
	font-size: 20px;
	width: 35px;
	height: 35px;
	padding: 0;
	border: none;
}

/* ######
   Rodapé
############ */

#footer {
	padding: 80px 0 60px;
}

/* social-case */

#footer .social-case {
	text-align: center;
	margin: 0 0 40px;
}
#footer .social-case a {
	color: #FFF;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 10px;
	transition: .3s;
}
#footer .social-case span {
	color: #FFF;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0 4px 0 0;
	transition: .3s;
	border-radius: 4px;
	border: solid 1px #FFF;
}

/* box-link */

#footer .box-link {
	text-align: center;
}
#footer .box-link a {
	color: #FFF;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 5px;
	transition: .3s;
}

/* ######
   Direitos autorais
############ */

#copyright {
	padding: 0 0 20px;
}
#copyright::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin: 0 0 20px;
	opacity: .25;
	background: #FFF;
}

/* box-text */

#copyright .box-text {
	text-align: center;
}
#copyright .box-text p {
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
#copyright .box-text a {
	color: #FFF;
	transition: .5s;
}

/* ######
   Sidebar
############ */

/* H2 */

#sidebar h2 {
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	background: #FFF;
}
#sidebar h2::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	background: #333;
}
#sidebar h2 span {
	padding: 0 10px;
	position: relative;
	z-index: 2;
	background: #FFF;
}

/* box-contain */

#sidebar .box-contain {
	margin: 0 0 50px;
	padding: 50px 30px;
	background: #FFF;
}

/* box-about */

#sidebar .box-about {
	text-align: center;
}
#sidebar .box-about img {
	margin: 30px 0;
}
#sidebar .box-about p {
	margin: 0;
}

/* popular-item */

#sidebar .popular-item {
	margin: 30px 0 0;
}
#sidebar .popular-item ul {
	text-align: left;
	width: 100%;
	padding: 0 0 20px;
	border-bottom: solid 1px #DDD;
}
#sidebar .popular-item li:first-child {
	width: 55px;
}
#sidebar .popular-item span {
	display: block;
	width: 40px;
	height: 40px;
	transition: .3s;
	border-radius: 50%;
	background: url(images/icons/plus.png) no-repeat center center;
	background-size: 15px auto;
}
#sidebar .popular-item a {
	color: #333;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#sidebar .popular-item strong {
	font-size: 14px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	line-height: 16px;
	letter-spacing: 0;
	text-transform: initial;
	margin: 0 0 5px;
	transition: .3s;
}

/* tags-item */

#sidebar .tags-item {
	margin: 30px 0 0;
}
#sidebar .tags-item a {
	color: #FFF;
	line-height: 22px;
	display: inline-block;
	margin: 12px 5px 0 0;
	padding: 6px 15px;
	transition: .3s;
	border-radius: 20px;
	background: #CCC;
}

/* instagram-item */

#sidebar .instagram-item {
	margin: 35px 0 -10px;
}

/* social-case */

#sidebar .social-case {
	text-align: center;
	margin: 35px 0 0;
}
#sidebar .social-case a {
	font-size: 22px;
	transition: .3s;
}

/* ######
   Instagram
############ */

#instagram {
	padding: 50px 0;
}

/* box-title */

#instagram .box-title h2 {
	font-size: 30px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
#instagram .box-title h2::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	background: #333;
}
#instagram .box-title h2 span {
	padding: 0 10px;
	position: relative;
	z-index: 2;
	background: #E9EAED;
}

/* box-content */

#instagram .box-content {
	margin: 40px 0 0;
	padding: 20px 20px 10px;
	background: #FFF;
}

/* ######
   Página inicial | Destaque
############ */

.home #featured {
	padding: 10px 0 0;
}

/* box-contain */

.home #featured .box-contain {
	padding: 0 10px;
}

/* box-item */

.home #featured .box-item {
	margin: 0 -10px 10px;
	position: relative;
	overflow: hidden;
}
.home #featured .box-item a {
	display: block;
	background: #000;
}
.home #featured .box-item img {
	width: 100%;
	opacity: .75;
}
.home #featured .box-item h1 {
	color: #FFF;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	line-height: 25px;
	text-align: center;
	margin: 0;
	width: 90%;
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
}
.home #featured .box-item.featured h1 {
	font-size: 25px;
	line-height: 30px;
	text-align: left;
	width: 80%;
	left: 5%;
	bottom: 30px;
	transform: translate(0,0);
}
.home #featured .box-item p {
	color: #FFF;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	width: 90%;
	margin: 0;
	position: absolute;
	top: -30px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	opacity: 0;
	transition: .3s;
}
.home #featured .box-item.featured p {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	width: 300px;
	left: 5%;
	transform: translate(0,0);
}
.home #featured .box-item:hover p {
	top: 20px;
	opacity: 1;
}
.home #featured .box-item.featured:hover p {
	top: 30px;
}

/* ######
   Página inicial | Conteúdo
############ */

.home #content {
	padding: 40px 0 80px;
}

/* ######
   Página contato | Conteúdo
############ */

.page-contato #content {
	margin: 30px 0 0;
}

/* box-form */

.page-contato #content .box-form {
	padding: 50px 30px;
	background: #FFF;
}
.page-contato #content .box-form h1 {
	font-size: 25px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	margin: 0 0 50px;
}
.page-contato #content .box-form p {
	margin: 0;
}
.page-contato #content .box-form input ,
.page-contato #content .box-form textarea {
	width: 100%;
	height: 55px;
	margin: 0 0 30px;
	padding: 0 15px;
	border: solid 1px #333;
}
.page-contato #content .box-form textarea {
	height: 250px;
	margin: 0 0 25px;
	padding: 10px 15px;
}
.page-contato #content .box-form input[type='submit'] {
	color: #333;
	line-height: 22px;
	display: block;
	width: 125px;
	height: auto;
	margin: 0 auto;
	padding: 8px 0;
	cursor: pointer;
	transition: .3s;
	border-radius: 20px;
	border: solid 1px #333;
	background: transparent;
}

/* message cf7 */

.page-contato #content .box-form span.wpcf7-not-valid-tip {
	font-size: 12px;
	margin: -25px 0 20px;
}
.page-contato #content .box-form div.wpcf7-response-output {
	text-align: center;
	margin: 0;
	padding: 0;
	border: none;
}

/* ######
   Página busca | Conteúdo
############ */

.search #content {
	margin: 30px 0 0;
}

/* box-title */

.search #content .box-title {
	margin: 0 0 50px;
}
.search #content .box-title h2 {
	font-size: 30px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}

/* ######
   Página tag | Conteúdo
############ */

.tag #content {
	margin: 30px 0 0;
}

/* box-title */

.tag #content .box-title {
	margin: 0 0 50px;
}
.tag #content .box-title h2 {
	font-size: 30px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}

/* ######
   Página do post | Conteúdo
############ */

.single-post #content {
	padding: 50px 0 0;
}

/* box-image */

.single-post #content .box-image {
	margin: 0;
}
.single-post #content .box-image img {
	width: 100%;	
}

/* box-content */

.single-post #content .box-content {
	margin: 0 0 50px;
	padding: 30px;
	background: #FFF;
}

/* item-title */

.single-post #content .item-title {
	text-align: center;
	margin: 0 0 30px;
}
.single-post #content .item-title h1 {
	font-size: 35px;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	line-height: 45px;
	margin: 0;
}

/* item-date */

.single-post #content .item-date {
	text-align: center;
	margin: 0 0 50px;
}
.single-post #content .item-date p {
	font-size: 18px;
	font-family: 'Crimson Text', serif;
	line-height: 20px;
	margin: 0;
}

/* item-text */

.single-post #content .item-text {
	margin: 0 0 50px;
}
.single-post #content .item-text h1 ,
.single-post #content .item-text h2 ,
.single-post #content .item-text h3 ,
.single-post #content .item-text h4 ,
.single-post #content .item-text h5 {
	font-size: 25px;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	line-height: 25px;
	margin: 0 0 25px;
}
.single-post #content .item-text p {
	line-height: 26px;
	margin: 0 0 15px;
}

/* item-image */

.single-post #content .item-image {
	margin: 0 0 50px;
}
.single-post #content .item-image img {
	width: 100%;
}

/* item-gallery */

.single-post #content .item-gallery {
	margin: 0 0 50px;
	padding: 0 10px;
}
.single-post #content .gallery {
	margin: 0 -10px 10px;
}
.single-post #content .gallery img {
	width: 100%;
}

/* item-video */

.single-post #content .item-video {
	margin: 0 0 50px;
}
.single-post #content .item-video iframe {
	display: block;
	width: 550px;
	max-width: 100%;
	height: 320px;
	margin: 0 auto;
}

/* item-tag */

.single-post #content .item-tag {
	margin: -30px 0 0;
}
.single-post #content .item-tag a {
	color: #FFF;
	line-height: 22px;
	display: inline-block;
	margin: 12px 10px 0 0;
	padding: 6px 15px;
	transition: .3s;
	border-radius: 20px;
}

/* box-related */

.single-post #content .box-related {
	margin: 0 0 50px;
}
.single-post #content .box-related h4 {
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 30px;
	position: relative;
}
.single-post #content .box-related h4::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	background: #333;
}
.single-post #content .box-related span {
	padding: 0 10px;
	position: relative;
	z-index: 2;
	background: #E9EAED;
}

/* box-sub-post */

.single-post #content .box-sub-post {
	margin: 0;
}

/* item-image */

.single-post #content .box-sub-post .item-image {
	margin: 0;
}
.single-post #content .box-sub-post .item-image img {
	width: 100%;
}

/* item-info */

.single-post #content .box-sub-post .item-info {
	text-align: center;
	padding: 10px;
	background: #FFF;
}
.single-post #content .box-sub-post .item-info p {
	font-size: 14px;
	margin: 0;
}

/* box-comments */

.single-post #content .box-comments {
	margin: 0;
}
.single-post #content .box-comments h4 {
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 30px;
	position: relative;
}
.single-post #content .box-comments h4::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	background: #333;
}
.single-post #content .box-comments span {
	padding: 0 10px;
	position: relative;
	z-index: 2;
	background: #E9EAED;
}

/* box-comments - head */

.single-post #content .box-comments h3 ,
.single-post #content .box-comments p.comment-notes ,
.single-post #content .box-comments p.comment-form-cookies-consent {
	display: none;
}
.single-post #content .box-comments p {
	margin: 0;
}
.single-post #content .box-comments p.logged-in-as {
	margin: 0 0 15px;
}
.single-post #content .box-comments p.logged-in-as a {
	transition: .3s;
}

/* box-comments - form */

.single-post #content .box-comments form {
	max-width: 600px;
	margin: 0 auto;
}
.single-post #content .box-comments label {
	display: block;
	margin: 0 0 5px;
}
.single-post #content .box-comments input ,
.single-post #content .box-comments textarea {
	width: 100%;
	height: 40px;
	margin: 0 0 15px;
	padding: 0 10px;
	border: solid 1px #CCC;
}
.single-post #content .box-comments textarea {
	height: 100px;
	padding: 10px;
}
.single-post #content .box-comments input[type='submit'] {
	color: #333;
	line-height: 22px;
	display: block;
	width: 200px;
	height: auto;
	margin: 20px auto 0;
	padding: 8px 0;
	cursor: pointer;
	transition: .3s;
	border-radius: 20px;
	border: solid 1px #333;
	background: transparent;
}