/*
Theme Name: Hello Elementor Child (Umbrella Marketing Pros)
Description: A child theme for Hello Elementor tailored for Umbrella Marketing Pros.
Author: Antigravity
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child-umbrellamarketingpros
*/

html,
body {
  overflow-x: clip !important;
}

body:not([class*=elementor-page-]) .site-main,
body:not([class*=elementor-page-]) .entry-content,
body:not([class*=elementor-page-]) .page-content,
#content,
#content.site-content,
.site-main,
.page-content,
.entry-content,
.elementor,
.elementor-inner,
.elementor-section-wrap,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget-container,
.e-con,
.e-con-inner,
.e-container {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-top: 0 !important;
  padding-block-start: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-bottom: 0 !important;
  padding-block-end: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  --container-widget-width: 100% !important;
}

.site-main section,
.elementor section {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#site-header {
  position: relative !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.site-footer,
footer.site-footer,
#site-footer {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

.elementor .elementor-section-wrap,
.elementor .elementor-section:last-child,
.elementor .e-con:last-child,
.elementor > .elementor-section,
.elementor > .e-con,
.elementor > .e-parent,
.elementor > .elementor-element {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-bottom: 0 !important;
  padding-block-end: 0 !important;
}

.elementor .elementor-element:last-child .elementor-widget-wrap,
.elementor .elementor-element:last-child .elementor-widget-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor > .elementor-section,
.elementor > .e-con,
.elementor > .e-parent,
.elementor > .elementor-element {
  margin-top: -10px !important;
  margin-block-start: -10px !important;
}

.page-header {
  display: none !important;
}

a {
  color: inherit !important;
}
a:hover,
a:active {
  color: inherit !important;
}

button,
[type="button"],
[type="submit"] {
  background-color: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
}

button:hover,
button:focus,
button:active,
[type="button"]:hover,
[type="button"]:focus,
[type="button"]:active,
[type="submit"]:hover,
[type="submit"]:focus,
[type="submit"]:active {
  background-color: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
  outline: none !important;
  box-shadow: none !important;
}

a.bg-\[\#581c44\],
.bg-\[\#581c44\] {
  background-color: #581c44 !important;
  color: #ffffff !important;
}
a.bg-\[\#581c44\]:hover,
.bg-\[\#581c44\]:hover {
  background-color: #471436 !important;
  color: #ffffff !important;
}

a.bg-white {
  color: #581c44 !important;
}
a.bg-white:hover {
  color: #471436 !important;
}

.header-nav-menu a {
  transition: all 0.2s ease-in-out !important;
}

.header-nav-menu > li > a:hover,
.header-nav-menu > li > a:focus,
.header-nav-menu > li > a:active,
.header-nav-menu > li.current-menu-item > a,
.header-nav-menu > li.current_page_item > a {
  color: #b27ab0 !important;
  background-color: transparent !important;
}

.header-nav-menu > .menu-item-has-children > a::after {
  content: '\25bc' !important;
  font-size: 0.625rem !important;
  margin-left: 0.375rem !important;
  transition: transform 0.2s ease-in-out !important;
  display: inline-block !important;
  opacity: 0.7 !important;
  vertical-align: middle !important;
}

.header-nav-menu > .menu-item-has-children:hover > a::after {
  transform: rotate(180deg) !important;
}

.header-nav-menu .sub-menu {
  background-color: #581c44 !important;
  border: 1px solid rgba(178, 122, 176, 0.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3) !important;
  padding: 8px 0 !important;
  min-width: 220px !important;
}

.header-nav-menu .sub-menu a {
  color: #ffffff !important;
  padding: 10px 20px !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-bottom: none !important;
  background-color: transparent !important;
}

.header-nav-menu .sub-menu a:hover,
.header-nav-menu .sub-menu a:focus,
.header-nav-menu .sub-menu a:active {
  background-color: rgba(178, 122, 176, 0.15) !important;
  color: #b27ab0 !important;
  padding-left: 24px !important;
}

.mobile-nav-menu a:hover,
.mobile-nav-menu a:focus,
.mobile-nav-menu a:active {
  color: #b27ab0 !important;
  background-color: transparent !important;
}

.mobile-nav-menu .sub-menu a:hover,
.mobile-nav-menu .sub-menu a:focus,
.mobile-nav-menu .sub-menu a:active {
  color: #b27ab0 !important;
  background-color: rgba(178, 122, 176, 0.15) !important;
}