/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/
	Description: Child theme of Hello Elementor. Add your custom code and styles here so they survive parent theme updates.
	Author: Levelaxia
	Template: hello-elementor
	Version: 1.0.0
	Requires at least: 6.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
*/

/* Add your custom styles below this line. */

.elementor-2 .elementor-element.elementor-element-8517382:not(.elementor-motion-effects-element-type-background),
.elementor-2 .elementor-element.elementor-element-8517382 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #b8860b;
}

.elementor-2 .elementor-element.elementor-element-73c86fa4 {
  background-color: #fff;
}

.elementor-2 .elementor-element.elementor-element-4d8a32ee .elementor-heading-title {
  font-family: "Exo", Sans-serif;
}

body.page-id-126 .elementor-267 .elementor-element.elementor-element-5356f21a {
  width: 100% !important;
}

body.page-id-126 .elementor-element-4433fdcd {
  background-color: #b8860b !important;
  border-radius: 20px !important;
  padding: 10px !important;
}
body.page-id-126 .elementor-element-4433fdcd .elementor-heading-title {
  color: #fdfdfd !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  line-height: 38.4px !important;
  text-align: center !important;
}
body.page-id-126 .metform-form-content .mf-input-label {
  color: #fdfdfd !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 27px !important;
}
body.page-id-126 .metform-form-content .mf-input-label-required,
body.page-id-126 .metform-form-content .mf-input-label span {
  color: #b8860b !important;
}
body.page-id-126 .metform-form-content .mf-input,
body.page-id-126 .metform-form-content textarea.mf-input,
body.page-id-126 .metform-form-content select.mf-input,
body.page-id-126 .metform-form-content .mf_select__control {
  background-color: #fafafa !important;
  border: 1px solid #eaeaea !important;
  border-radius: 15px !important;
  color: #7a7a7a !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  padding: 20px 20px 20px 20px !important;
  box-shadow: none !important;
  max-height: 60px;
}

body.page-id-126 .metform-form-content textarea.mf-input {
  max-height: initial;
}

body.page-id-126 .metform-form-content .mf-input-select {
  padding: 0 !important;
}

body.page-id-126 .metform-form-content textarea.mf-input {
  min-height: 180px !important;
  padding: 20px 21px !important;
}
body.page-id-126 .metform-form-content .mf-input::placeholder {
  color: #7a7a7a !important;
  opacity: 1 !important;
}
body.page-id-126 .metform-form-content .metform-btn,
body.page-id-126 .metform-form-content .metform-btn:focus,
body.page-id-126 .metform-form-content .metform-btn:visited {
  background-color: #07090c !important;
  border-radius: 10px !important;
  padding: 18px 35px !important;
  color: #fff !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

body.page-id-126 .metform-form-content .metform-btn:hover {
  opacity: 0.8;
}

/* ===== BEGIN mf select dropdown menu (Tipo Industria / Orçamento) =====
   Styles the react-select open menu to match the goldenrod form theme.
   NOTE: the option text ("Item 1/2/3") is form content set in Metform, not CSS.
   Safe to delete this whole block to revert. */
body.page-id-126 .mf_select__menu {
  background-color: #fafafa !important;
  border: 1px solid #eaeaea !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 30px rgba(7, 9, 12, 0.12) !important;
  overflow: hidden !important;
  margin-top: 6px !important;
  z-index: 30 !important;
}
body.page-id-126 .mf_select__menu-list {
  padding: 0 !important;
}
body.page-id-126 .mf_select__option {
  color: #07090c !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  background-color: transparent !important;
  cursor: pointer !important;
}
body.page-id-126 .mf_select__option--is-focused {
  background-color: #b8860b !important;
  color: #fdfdfd !important;
}
body.page-id-126 .mf_select__option--is-selected {
  background-color: #07090c !important;
  color: #fff !important;
}
body.page-id-126 .mf_select__option:active {
  background-color: #b8860b !important;
  color: #fff !important;
}
/* ===== END mf select dropdown menu ===== */

@media (min-width: 992px) {
  .reverse-row .e-con-inner .elementor-element.elementor-element-887b65e {
    flex-direction: row-reverse !important;
  }
}

/* ===== BEGIN icon-list layout fallback =====
   Elementor 4.1.1 loads widget-icon-list.css only on pages whose content uses
   an icon-list widget. The global footer's link list is an icon-list, so on
   pages without one in the body (Sobre Nós, etc.) the footer links lost their
   flex layout and rendered as default bullets. These are Elementor's own
   structural rules, copied verbatim so the footer renders identically site-wide.
   Safe to delete this block to revert. */
.elementor-widget .elementor-icon-list-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.elementor-widget .elementor-icon-list-items.elementor-inline-items {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -8px;
}
.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
  margin-inline: 8px;
}
.elementor-widget .elementor-icon-list-item {
  margin: 0;
  padding: 0;
  position: relative;
}
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
  align-items: var(--icon-vertical-align, center);
  display: flex;
  font-size: inherit;
}
.elementor-widget .elementor-icon-list-icon {
  display: flex;
  inset-block-start: var(--icon-vertical-offset, initial);
  position: relative;
}
.elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text {
  align-self: center;
  padding-inline-start: 5px;
}
.elementor-widget .elementor-icon-list-icon svg {
  height: var(--e-icon-list-icon-size, 1em);
  width: var(--e-icon-list-icon-size, 1em);
}
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
  margin: var(--e-icon-list-icon-margin, 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0);
}
.elementor-widget.elementor-list-item-link-full_width a {
  width: 100%;
}

.hero-banner-homepage{
	position:relative;
	height:100dvh;
}

.hero-banner-homepage .e-con-inner{
	padding-bottom:50px
}

.hero-banner-homepage-video{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0;
}

.hero-banner-homepage-video video{
	height:100%;
	object-fit:cover
}

.hero-banner-homepage-video:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.3);
	z-index:0;
	user-select:none;
	pointer-events:none
}

/* ===== END icon-list layout fallback ===== */