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

	Theme name: Adegas Magno
	Theme URI: Não informado
	Description: Este tema foi desenvolvido exclusivamente para a empresa Adegas Magno.

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

	Version: 04.01.2019

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

@charset "UTF-8";


@media (max-width: 1199.98px) {

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

	/* navbar-nav */

	#header .navbar-nav .nav-link ,
	#header .navbar-nav .nav-item-28 .nav-link {
		padding: 0 10px;
	}

	/* ######
	   Página (filho) serviços | Conteúdo
	############ */

	/* box-content */

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

}


@media (max-width: 991.98px) {

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

	/* navbar */

	#header .navbar {
		text-align: right;
		height: 100%;
		padding: 20px 0 0;
	}

	/* navbar-toggler */

	#header .navbar .navbar-toggler {
		display: inline-block;
		width: 50px;
		height: 40px;
		padding: 0;
		border-radius: 0;
		background: url(../images/icons/menu.svg) no-repeat center center;
		background-size: contain;
	}
	#header .navbar .navbar-toggler[aria-expanded='true'] {
		width: 20vw;
		height: 80px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
		background: #40281B url(../images/icons/close.svg) no-repeat center center;
		background-size: 25px auto;
	}

	/* navbar-collapse */

	#header .navbar-collapse {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 8;
		background: rgba(0,0,0,.75);
	}

	/* navbar-nav */

	#header .navbar-nav {
		width: 80vw;
		height: 100vh;
		padding: 25px;
		position: absolute;
		top: 0;
		right: 0;
		background: #40281B;
	}
	#header .navbar-nav .nav-item {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	#header .navbar-nav .nav-link ,
	#header .navbar-nav .nav-item-28 .nav-link {
		color: #FFF;
		font-size: 16px;
		padding: 0;
	}

}


@media (max-width: 767.98px) {

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

	/* box-info */

	#intro .box-info {
		margin: 0 10px 0 0;
	}
	#intro .box-info p ,
	#intro .box-info a {
		font-size: 12px;
	}

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

	/* box-logo */

	#footer .box-logo {
		text-align: center;
		margin: 0 0 30px;
	}

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

	/* box-info */

	#copyright .box-info {
		text-align: center;
		margin: 0 0 10px;
	}

	/* navbar-nav */

	#copyright .navbar-nav {
		text-align: center;
	}
	#copyright .navbar-nav .nav-link {
		margin: 0 5px;
	}
	#copyright .navbar-nav .nav-item-28 .nav-link {
		margin: 0 7px;
	}

	/* ######
	   Capa
	############ */

	.page-a-empresa #cover {
		background-position: right -250px center;
	}

	/* ######
	   Página empresa | Galeria
	############ */

	/* slick-arrow */

	.page-a-empresa #gallery .sld_company .slick-arrow {
		left: 10px;
	}

	/* ######
	   Página (pai) serviços | Conteúdo
	############ */

	/* box-item */

	.post-type-archive-servico #content .box-item p {
		min-height: auto;
	}

	/* ######
	   Página (filho) serviços | Conteúdo
	############ */

	/* box-content */

	.single-servico #content .box-content {
		padding: 0;
	}

	/* box-image */

	.single-servico #content .box-image {
		margin: 30px 0 0;
	}

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

	/* box-nav */

	.page-galeria #content .box-nav button {
		font-size: 14px;
	}

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

	.page-contato #content {
		padding: 50px 0 350px;
	}
	.page-contato #content .bg {
		width: 100%;
		height: 300px;
		top: auto;
		bottom: 0;
	}

	/* ######
	   Página orçamento | Conteúdo
	############ */

	.page-orcamento #content {
		padding: 50px 0 400px;
	}
	.page-orcamento #content .bg {
		width: 100%;
		height: 350px;
		top: auto;
		bottom: 0;
	}

}


@media (max-width: 575.98px) {

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

	/* box-info */

	#intro .box-info {
		text-align: center;
		display: block;
	}

	/* social-case */

	#intro .social-case {
		text-align: center;
		padding: 5px 0 0;
	}
	#intro .social-case a {
		margin: 0 5px;
	}

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

	/* navbar */

	#header .navbar {
		padding: 15px 0 0;
	}

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

	/* box-info */

	#footer .box-info {
		text-align: center;
		margin: 0 0 30px;
	}

	/* social-case */

	#footer .social-case {
		text-align: center;
	}

	/* ######
	   Capa
	############ */

	#cover h1 {
		font-size: 100px;
	}

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

	/* box-nav */

	.page-galeria #content .box-nav {
		margin: 0 0 30px;
	}
	.page-galeria #content .box-nav button {
		margin: 0 8px 10px;
	}

}