/*

Theme Name: Wogo Hello Elementor Child
Template: hello-elementor
*/

body {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
.elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.elementor-button-content-wrapper {
  align-items: center;
}
body {
  font-size: 16px !important;
}

@media (max-width: 990px) {
  body {
    font-size: 13px !important;
  }
}

@media (min-width: 991px) and (max-width: 1279px) {
  body {
    font-size: 12px !important;
  }
}

@media (min-width: 1280px) and (max-width: 1500px) {
  body {
    font-size: 14px !important;
  }
}

@media (min-width: 1501px) and (max-width: 1599px) {
  body {
    font-size: 15px !important;
  }
}

ul {
  padding: 0 !important;
  list-style: inside;
}

.elementor-widget-text-editor ul {
  margin-left: 25px;
}

.header-site {
  background: transparent;
  height: 80px;
  transition: height 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.header-site .logo-site .logo-default {
  opacity: 1;
  visibility: visible;
}

.header-site .logo-site .logo-sticky {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.header-site .e-con-inner {
  padding-top: 20px;
  padding-bottom: 20px;
  transition: padding 0.3s ease;
}

.header-site.elementor-sticky--effects {
  background-color: transparent !important;
}

.header-site.elementor-sticky--effects .e-con-inner {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* .header-site.elementor-sticky--effects .logo-site .logo-default {
  opacity: 0;
  visibility: hidden;
}

.header-site.elementor-sticky--effects .logo-site .logo-sticky {
  opacity: 1;
  visibility: visible;
} */

.header-site.elementor-sticky--effects .mnu-topo .e-n-menu-title-text {
  color: var(--e-global-color-primary) !important;
}

.header-site.elementor-sticky--effects .mnu-topo .e-n-menu-title-text:hover {
  color: var(--n-menu-title-color-hover) !important;
}

.header-site.elementor-sticky--effects .hamb .elementor-icon {
  color: #000 !important;
}
