/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/


@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--color-primario-roxo: #5c1f85;
	--color-roxo-escuro: #3A064C;
	--color-verde: #6BDD12;
	--color-preto: #2F2F36;
	--color-branco: #fff;
	--color-cinza-1: #FAFAFB;
	--color-cinza-2: #F5F5F7;
	--color-cinza-3: #E5E5E8;
	--color-cinza-3: #C0C0C2;
	--color-gradiente: linear-gradient(135deg, #6A24BE 57%, #3A064C 100%);
}

.elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 20px;
	padding-right: 20px;
}
#elementor-panel-state-loading {
    display: none !important;
}
.elementor-button {
    background-color: transparent;
    background-size: 200% 100%;
    font-size: 13px !important;
    text-transform: uppercase;
    padding: 22px 47px !important;
    font-weight: 700;
    border-radius: 100px !important;
    color: var(--color-primario-roxo);
    border: 2px solid var(--color-primario-roxo);
    background-image: linear-gradient(to right, transparent 50%, var(--color-primario-roxo) 50%);
    transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.elementor-button:hover {
    color: #fff !important;
    background-color: var(--color-primario-roxo);
    background-position: -100% 100%;
    border-color: var(--color-primario-roxo) !important;
    transform: scale(1.05);
    box-shadow: 0 10px 20px 0 rgb(81 36 130 / 25%);
}
.button-secundario .elementor-button {
    color: #fff;
	background-color: var(--color-primario-roxo);
}
.button-secundario .elementor-button:hover {
    background-color: var(--color-roxo-escuro);
}



/************************** Padrão **************************/

*{-webkit-tap-highlight-color: transparent;}

body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  color: var(--color-preto);
  background-color: var(--color-branco);
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	color: var(--color-primario-roxo);
}
h1 {
	font-size: 3.5em;
	font-weight: bold;
}
h2 {
	font-size: 2rem;
	font-weight: bold;
}
h3 {
	font-size: 1.2rem;
	color: var(--color-verde);
}
h4 {
	font-size: 1.2rem;
}
h5 {
	color: var(--color-verde);
}
h6 {
	color: var(--color-roxo-escuro);
}
p {
	margin-top: 0;
	line-height: 1.5em !important;
}

/****************************************************/

a {
  background-color: transparent;
  text-decoration: none;
  color: var(--color-roxo);
}
a:hover, a:active {
  color: var(--color-verde);
}