/*
Theme Name: Spacious WDE Child
Description: Loja e blog para Laura Nehr
Version: 0.1
Author: WDE
Author URI: http://www.wde.com.br/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Loja virtual, produção autoral, esculturas, quadros, objetos exclusivos, decorar, casa, presentear
Text Domain: spacious
Template: spacious
*/

/* Oculta o reCAPTCHA */
.grecaptcha-badge {visibility: hidden;}

/* Oculta descrição do site */
#site-description {display: none;}

/* Estilo do título e logo */
#site-title,#site-title div {
	background: transparent url("logo-lna-transp.png") 0 2px no-repeat;
	background-size: 32px;
	text-indent: 32px;
}

#site-title a,#site-title div a {
	display: block;
	height: 48px;
	letter-spacing: -1px;
}

/* Página inicial */
#main {padding: 20px 0 10px 0;}
.home #main {padding: 0 0 10px 0;}

.home .n2_clear {margin-bottom: 2em;}

.home .entry-content ul {padding: 0;list-style: none;}

.home .entry-content .wp-block-post-title, .home .entry-content .wp-block-post-excerpt {margin: 0;}
.home .entry-content a.wp-block-read-more {display: block;width: 100%;}

/* Ação no cabeçalho */
.header-action {right: 0.8em;}

/* breadcrumb */
#catch-breadcrumb .woocommerce-breadcrumb,#catch-breadcrumb .entry-breadcrumbs {text-align: left; padding: 0 0 20px 0;}
#catch-breadcrumb .breadcrumb {float: none;}


/* imagens */
img {margin-bottom: 8px;}


/* Bloco de busca */
.wp-block-search__inside-wrapper {display: inherit;}

:root :where(.wp-element-button, .wp-block-button__link) {padding: 8px;}

/* Metadados do post */
.post .entry-meta .by-author,
.post .entry-meta .date,
.post .entry-meta .comments {display: none;}

/* ===============================
   Responsividade
   =============================== */

/* Até 420px */
@media only screen and (max-width: 420px) {
	.better-responsive-menu #header-text {
		text-align: initial;
	}
}

/* Até 600px */
@media screen and (max-width: 600px) {
	.better-responsive-menu #header-text {
		text-align: left;
	}

	.better-responsive-menu #header-left-section {
		float: left;
	}
}


/* Até 768px */
@media screen and (max-width: 768px) {
	#header-meta {
		text-align: initial;
	}

	.better-responsive-menu #header-right-section {
		margin-top: -15px;
		float: right;
		display: inline-grid;
	}

	.better-responsive-menu .site-header .menu-toggle {
		position: absolute;
		right: 1em;
	}

	.better-responsive-menu #site-title a {
		font-size: 0.9em;
	}

	#catch-breadcrumb .breadcrumb {font-size: 0.6rem;}
	#catch-breadcrumb .woocommerce-breadcrumb,#catch-breadcrumb .entry-breadcrumbs {font-size: 0.7rem;}
	

}
