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

	Theme name: Eduarda Lasta
	Theme URI: Não informado
	Description: Este tema foi desenvolvido exclusivamente para a Clínica Eduarda Lasta.

	Code: Gabriel Amarante | gabrielfreelancer.com.br
	Author: Visuality
	Author URI: http://visuality.com.br

	Version: 02.2020

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

@charset "UTF-8";


@media (max-width: 1400px) {

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

	.home #banner {
		height: 600px;
	}

}

@media (max-width: 1199.98px) {

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

	/* navbar-nav */

	#header .navbar-nav {
		display: block;
	}
	#header .navbar-nav .nav-link {
		padding: 10px 0 5px;
	}

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

	.home #banner {
		height: 460px;
	}

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

	/* box-contain */

	.home #about .box-contain {
		width: 260px;
	}
	.home #about .box-contain::before ,
	.home #about .box-contain::after {
		width: 60px;
		height: 60px;
	}

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

	/* box-image */

	.page-sobre #content .box-image span.image-3 {
		bottom: -280px;
		right: 16vw;
	}

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

	/* box-slide */

	.page-sobre #gallery .box-slide {
		margin: 0 0 0 40px;
	}

}


@media (max-width: 991.98px) {

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

	#header .box-contain {
		padding: 4px 0 0;
	}

	/* box-menu */

	#header .box-menu {
		margin: 0 0 0 30px;
	}
	#header .box-menu button {
		color: transparent;
		display: block;
		width: 35px;
		height: 30px;
		padding: 0;
		border: none;
		background: #707070 url(../images/icons/menu.png) no-repeat center center;
		background-size: 20px auto;
	}

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

	/* box-title */

	.home #about .box-title {
		margin: 0 0 20px;
	}
	.home #about .box-title h1 {
		font-size: 50px;
		line-height: 60px;
		margin: 0 0 0 50px;
	}
	.home #about .box-title h2 {
		font-size: 40px;
		line-height: 50px;
		margin: 0 0 0 80px;
	}

	/* box-text */

	.home #about .box-text {
		margin: 120px 0 0;
	}

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

	/* box-title */

	.page-sobre #content .box-title {
		margin: 0 0 150px;
	}

	/* box-image */

	.page-sobre #content .box-image span.image-3 {
		bottom: -80px;
		right: 80px;
	}

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

	/* item-info */

	.page-profissionais #content .item-info h2 {
		font-size: 14px;
	}
	.page-profissionais #content .item-info p {
		font-size: 12px;
	}

	/* ##########
	   Página (lista) procedimento | Conteúdo
	##### */

	/* box-filter */

	.page-procedimentos #content .box-filter a {
		font-size: 14px;
		margin: 0 5px;
	}

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

	/* box-filter */

	.single-procedimento #outher .box-filter a {
		font-size: 14px;
		margin: 0 5px;
	}

}


@media (max-width: 767.98px) {

	/* ##########
	   Menu
	##### */

	/* box-content */

	#menu .box-content {
		padding: 0 0 100px;
	}
	#menu .box-content::before {
		display: none;
	}

	/* navbar-nav */

	#menu .navbar-nav {
		text-align: center;
		margin: 0;
		padding: 0;
	}

	/* box-contact */

	#menu .box-contact {
		text-align: center;
		padding: 0;
	}

	/* ##########
	   Contato
	##### */

	/* box-text */

	#contact .box-text span {
		margin: -2px 5px 2px;
	}

	/* social-case */

	#contact .social-case {
		display: block;
		margin: 10px 0 25px;
	}

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

	.home #banner {
		height: auto;
	}

	/* box-slide */

	.home #banner .box-slide {
		position: relative;
		top: auto;
		left: auto;
		z-index: 1;
	}

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

	/* box-text */

	.home #about .box-text {
		margin: 0;
	}

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

	/* box-title */

	.page-sobre #content .box-title h2 {
		font-size: 50px;
		line-height: 60px;
	}
	.page-sobre #content .box-title h1 {
		font-size: 40px;
		line-height: 50px;
	}

	/* box-image */

	.page-sobre #content .box-image {
		margin: 0 0 150px;
	}

	/* box-content */

	.page-sobre #content .box-content {
		max-width: 100%;
	}

	/* ##########
	   Página sobre | Valor
	##### */

	.page-sobre #value {
		padding: 60px 0 0;
	}

	/* box-info */

	.page-sobre #value .box-info {
		margin: 0 0 50px;
	}

	/* ##########
	   Página (lista) procedimentos | Conteúdo
	##### */

	/* box-filter */

	.page-procedimentos #content .box-title h1 {
		font-size: 50px;
		line-height: 60px;
	}

	/* box-filter */

	.page-procedimentos #content .box-filter a {
		margin: 0 5px 10px;
	}

	/* ##########
	   Página procedimentos | Capa
	##### */

	.single-procedimento #cover {
		background-attachment: initial;
	}

	/* box-contain */

	.single-procedimento #cover .box-contain {
		min-height: 300px;
		height: auto;
	}

	/* box-title */

	.single-procedimento #cover .box-title {
		text-align: center;
		width: 100%;
	}
	.single-procedimento #cover .box-title h1 {
		font-size: 40px;
		line-height: 45px;
	}

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

	/* box-content */

	.single-procedimento #content .box-content {
		column-count: 1;
		column-gap: 0;
	}

	/* ##########
	   Página procedimentos | Outros
	##### */

	/* box-title */

	.single-procedimento #outher .box-title h1 {
		font-size: 35px;
		line-height: 45px;
	}

	/* box-filter */

	.single-procedimento #outher .box-filter a {
		margin: 0 5px 10px;
	}

}


@media (max-width: 575.98px) {

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

	.cursor {
		display: none;
	}

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

	#header {
		height: auto;
		padding: 5px 0 0;
		border: none;
	}

	/* box-logo */

	#header .box-logo img {
		max-width: initial;
		height: 35px;
	}

	/* box-menu */

	#header .box-menu {
		margin: 0;
	}
	#header .box-menu button {
		display: block;
		width: 50px;
		height: 45px;
		margin: -10px 0 0;
		transition: .3s;
		background-color: #CB9E33;
		background-size: 25px auto;
	}

	/* ##########
	   Menu
	##### */

	#menu button {
		width: 20px;
		height: 20px;
		top: 15px;
		right: 15px;
	}

	/* box-footer */

	#menu .box-footer {
		bottom: 30px;
	}

	/* navbar-nav */

	#menu .navbar-nav .nav-link {
		font-size: 22px;
	}

	/* ##########
	   Navegação
	##### */

	/* box-logo */

	#navigation .box-logo img {
		max-width: initial;
		height: 35px;
	}

	/* box-menu */

	#navigation .box-menu button {
		width: 50px;
		height: 45px;
	}

	/* ##########
	   Procedimentos
	##### */

	/* box-title */

	#procedure .box-title h1 {
		font-size: 30px;
		line-height: 40px;
	}

	/* box-slide */

	#procedure .box-slide {
		width: 100%;
	}

	/* box-item */

	#procedure .box-item {
		padding: 0;
	}

	/* ##########
	   Complemento
	##### */

	/* box-title */

	#complementary .box-title h2 {
		font-size: 30px;
		line-height: 40px;
	}

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

	/* box-logo */

	#footer .box-logo {
		text-align: center;
	}

	/* box-copyright */

	#footer .box-copyright {
		text-align: center;
	}

	/* ##########
	   Procedimento (simples)
	##### */

	/* box-title */

	#procedure-simple .box-title h1 {
		font-size: 30px;
		line-height: 40px;
	}

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

	/* box-title */

	.home #about .box-title h1 {
		font-size: 25px;
		line-height: 35px;
		margin: 0 0 0 30px;
	}
	.home #about .box-title h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0;
	}

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

	/* box-title */

	.page-sobre #content .box-title h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0 0 0 30px;
	}
	.page-sobre #content .box-title h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 0;
	}

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

	/* box-image */

	.page-sobre #content .box-image span.image-1::before {
		width: 50px;
		height: calc(100% + 100px);
	}

	.page-sobre #about .box-title h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0 0 30px;
	}
	.page-sobre #about .box-title h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 0;
	}

	/* ##########
	   Página sobre | Sobre
	##### */

	/* box-text */

	.page-sobre #about .box-text::before {
		height: 50px;
		top: -65px;
	}

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

	/* box-title */

	.page-profissionais #content .box-title h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0;
	}
	.page-profissionais #content .box-title h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 0 0 0 80px;
	}

	/* box-item */

	.page-profissionais #content .box-item {
		max-width: 300px;
		margin: 0 auto 30px;
	}

	/* item-image */

	.page-profissionais #content .item-image img {
		filter: grayscale(0);
	}

	/* item-info */

	.page-profissionais #content .item-info {
		bottom: 0;
	}
	.page-profissionais #content .item-info h2 {
		opacity: 1;
	}
	.page-profissionais #content .item-info p {
		opacity: 1;
	}

	/* ##########
	   Página (lista) procedimentos | Conteúdo
	##### */

	/* box-title */

	.page-procedimentos #content .box-title h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0;
	}

	.single-procedimento #cover .box-title h1 {
		font-size: 30px;
		line-height: 40px;
	}

	/* ##########
	   Página procedimentos | Outros
	##### */

	/* box-title */

	.single-procedimento #outher .box-title h1 {
		font-size: 30px;
		line-height: 40px;
	}

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

	/* box-title */

	.page-contato #content .box-title h1 {
		font-size: 30px;
		line-height: 40px;
	}

}