.elementor-kit-6{--e-global-color-primary:#3C90AA;--e-global-color-secondary:#B2D6E1;--e-global-color-text:#1F1F1F;--e-global-color-accent:#255A6B;--e-global-color-02a007c:#FFFFFF;--e-global-color-dfe7879:#ECEFF0;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Archivo", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Raleway", Sans-serif;font-size:6rem;font-weight:600;}.elementor-kit-6 h2{font-family:"Raleway", Sans-serif;font-size:2.875rem;}.elementor-kit-6 h3{font-family:"Raleway", Sans-serif;font-size:2.5rem;}.elementor-kit-6 h4{font-family:"Raleway", Sans-serif;font-size:2rem;}.elementor-kit-6 h5{font-family:"Raleway", Sans-serif;font-size:1.5rem;}.elementor-kit-6 h6{font-family:"Raleway", Sans-serif;font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.lenis [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.elementor-kit-6 .navHeader{
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
}

.mega-menu-item{
    cursor: pointer;
}
.mega-menu-item h3{
    transition:0.3s ease-in-out;
}
.mega-menu-item:hover h3{
    color: #00A9C5;
}

/* Pay Now menu item */
.payNow .elementor-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Icon wrapper size */
.payNow .elementor-item span {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 16px;
}

/* Hide the original img */
.payNow .elementor-item span img {
  display: none;
}

/* Rebuild the icon so color can be forced */
.payNow .elementor-item span::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #1d1d1d; /* normal icon color */
  -webkit-mask: url("https://amandafamilydental.com/wp-content/uploads/2026/03/mingcute-card-pay-fill.svg") no-repeat center / contain;
  mask: url("https://amandafamilydental.com/wp-content/uploads/2026/03/mingcute-card-pay-fill.svg") no-repeat center / contain;
  transition: background-color 0.3s ease, transform 0.3s ease;
  transform-origin: center;
}

/* Hover color + wiggle */
.payNow:hover .elementor-item span::before,
.payNow .elementor-item:hover span::before {
  background-color: #255A6B; /* hover icon color */
  animation: payNowWiggle 0.6s ease-in-out;
}

@keyframes payNowWiggle {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(-10deg); }
  40%  { transform: rotate(10deg); }
  60%  { transform: rotate(-8deg); }
  80%  { transform: rotate(8deg); }
  100% { transform: rotate(0deg); }
}
.header-cta{
    background: rgba( 255, 255, 255, 0.35 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    transition:0.3s ease-in-out;
    border: 1.5px solid rgba(255,255,255,0);
}
.header-cta:hover{
    background: rgba(255,255,255,0.5);
    border: 1.5px solid rgba(255,255,255,0.4);
    cursor: pointer;
}
.header-cta .elementor-icon{
    transition: 0.4s ease-in-out;
}
.header-cta:hover .elementor-icon{
    transform: rotate(45deg) scale(1.08);
}
.service-learn-more-btn .elementor-button .elementor-button-icon{
    transform: rotate(90deg);
}
.service-card .service-learn-more-btn {
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.service-card .service-title {
    transform: translateY(24px);
    opacity: 1;
    transition: transform 0.5s ease-in-out;
}

.service-card:hover .service-learn-more-btn {
    transform: translateY(0px);
    opacity: 1;
}

.service-card:hover .service-title {
    transform: translateY(0px);
}

.doctor-wrapper{
    position: relative;
}
.read-bio-wrapper{
    opacity: 0;
    position: absolute;
    top: 0px;
    transition: 0.5s ease-in-out;
}
.doctor-wrapper:hover .read-bio-wrapper{
    opacity: 1;
}
.sidebar-menu li.menu-item a.elementor-item-active {
    background-color: #00A9C5;
    border-radius: 50px;
    color: #fff;
}
.sidebar-menu .menu-item {
    background: #fff;
    border-radius: 50px;
    position: relative;
    transition: 0.3s ease-in-out;
}

.sidebar-menu .menu-item:hover {
    background-color: #00A9C5;
}

.sidebar-menu .menu-item::after {
    position: absolute;
    content: url(https://amandafamilydental.com/wp-content/uploads/2024/11/mynaui-arrow-up-right.svg);
    right: 24px;
    top: 20px;
    filter: brightness(0) saturate(100%) invert(49%) sepia(22%) saturate(7191%) hue-rotate(157deg) brightness(98%) contrast(102%);
    transition: 0.3s ease-in-out;
}
.sidebar-menu .menu-item:hover::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    transform: rotate(45deg);
}
.sidebar-menu .elementor-item .elementor-item-active a{
    color: #fff !important;
}
.sidebar-menu .elementor-item .elementor-item-active a .menu-item::after{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(195deg) brightness(103%) contrast(100%) !important;
}
.stage-container-wrapper{
    position: relative;
    transition: 0.3s ease-in-out;
}
.stage-container-wrapper:hover{
    transform: translateY(-20px);
}/* End custom CSS */