/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*
 * Este código Faz a classe e id vendas e canais serem exclusivas entre si (só uma aparece ao mesmo tempo na página) 
 * Por padrão, a classe e id vendas aparace assim que o usuario entra na página.
 */


/* Estilo #vendas como target (na url)
 * 
 * Vendas - Visivel
 * Canais - Escondido
 */
body:has(#vendas:target) #canais,
body:has(#vendas:target) .canais 
{ display: none !important; }
body:has(#vendas:target) #vendas,
body:has(#vendas:target) .vendas 
{ display: block !important; }


/* Estilo #canais como target (na url)
 * 
 * - Vendas - Escondido
 * - Canais - Visivel
 */
body:has(#canais:target) #canais,
body:has(#canais:target) .canais 
{ display: block !important; }
body:has(#canais:target) #vendas,
body:has(#canais:target) .vendas 
{ display: none !important; }


/* Estilo Padrão
 * 
 * Vendas - Visivel
 * Canais - Escondido
 * 
 *  */
body #vendas,
body.vendas 
{ display: block;}
body #canais,
body .canais
{ display: none;}


/* Scrool */
html { scroll-behavior: smooth; }
body #vendas, body #canais { scroll-margin-top: 350px; }