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

	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";


@media (max-width: 1199.98px) {

	/* ######
	   CABEÇALHO
	############ */

}


@media (max-width: 991.98px) {

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

	/* post-info */

	.box-post .post-info {
		padding: 25px;
	}
	.box-post .post-info h1 {
		font-size: 30px;
		margin: 0;
	}
	.box-post .post-info p.date {
		margin: 15px 0 10px;
	}

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

	/* box-contain */

	#sidebar .box-contain {
		padding: 25px 20px;
	}

	/* popular-item */

	#sidebar .popular-item li:first-child {
		width: 40px;
	}
	#sidebar .popular-item span {
		width: 30px;
		height: 30px;
		background-size: 10px auto;
	}

	/* social-case */

	#sidebar .social-case a {
		font-size: 20px;
	}

	/* tags-item */

	#sidebar .tags-item a {
		padding: 4px 10px;
	}

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

	/* box-item */

	.home #featured .box-item p {
		display: none;
	}
	.home #featured .box-item.featured p {
		display: none;
	}

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

	/* item-title */

	.single-post #content .item-title {
		margin: 0 0 30px;
	}
	.single-post #content .item-title h1 {
		font-size: 30px;
		line-height: 40px;
	}

	/* item-date */

	.single-post #content .item-date {
		margin: 0 0 30px;
	}

	/* item-video */

	.single-post #content .item-video iframe {
		height: 220px;
	}

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

	/* box-form */

	.page-contato #content .box-form {
		margin: 0 0 50px;
		padding: 25px;
	}
	.page-contato #content .box-form h1 {
		margin: 0 0 30px;
	}

}


@media (max-width: 767.98px) {

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

	#sidebar {
		padding: 50px 0 0;
	}

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

	#footer {
		padding: 50px 0 40px;
	}

	/* social-case */

	#footer .social-case a {
		font-size: 0;
		margin: 0 5px;
	}
	#footer .social-case span {
		font-size: 16px;
		line-height: 26px;
		width: 28px;
		height: 28px;
		margin: 0;
	}

	/* box-link */

	#footer .box-link a {
		margin: 0 10px;
	}

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

	/* box-text */

	#copyright .box-text p {
		font-size: 10px;
	}

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

	.home #instagram {
		padding: 0 0 50px;
	}

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

	/* box-form */

	.page-contato #content .box-form {
		margin: 0;
	}

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

	/* item-info */

	.single-post #content .box-sub-post .item-info p {
		font-size: 12px;
	}

}


@media (max-width: 575.98px) {

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

	/* post-info */

	.box-post .post-info {
		padding: 20px 20px 25px;
	}
	.box-post .post-info h1 {
		font-size: 22px;
		line-height: 28px;
	}
	.box-post .post-info p {
		font-size: 14px;
		line-height: 22px;
	}
	.box-post .post-info p.date {
		font-size: 16px;
		margin: 20px 0;
	}

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

	/* box-link */

	#header .box-link a {
		line-height: 32px;
		margin: 0 8px 0 0;
	}

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

	/* box-post */

	.single-post #content .box-content {
		padding: 20px;
	}

	/* item-title */

	.single-post #content .item-title {
		margin: 0 0 25px;
	}
	.single-post #content .item-title h1 {
		font-size: 24px;
		line-height: 30px;
	}

	/* item-date */

	.single-post #content .item-date {
		margin: 0 0 25px;
	}
	.single-post #content .item-date p {
		font-size: 16px;
	}

	/* item-text */

	.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: 20px;
		line-height: 25px;
	}

	/* item-video */

	.single-post #content .item-video iframe {
		height: 180px;
	}

	/* box-related */

	.single-post #content .box-related {
		margin: 0 0 20px;
	}

	/* box-sub-post */

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

	/* item-info */

	.single-post #content .box-sub-post .item-info {
		padding: 15px 20px 20px;
	}
	.single-post #content .box-sub-post .item-info p {
		font-size: 14px;
		line-height: 20px;
	}

}