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

/* Add your custom styles here */
:root {
  --section-padding-top-global: 2rem;
  --section-padding-right-global: 1rem;
  --section-padding-bottom-global: 2rem;
  --section-padding-left-global: 1rem;


  --bp-section-padding-top-xl: 2rem;
  --bp-section-padding-bottom-xl: 2rem;

  --content-container-width: 100%;
  --image-container-width: 100%;
  --main-container-gap: 2rem;

  --card-padding-lg-global: 1.5rem;
  --card-padding-xl-global: 1.5rem;

  --section-padding-md: 2rem;

  --bp-section-border-radius: clamp(30px, 10vw, 150px);

  --bg-image-size: 170px;



}

@media(min-width: 1024px) {
  :root {
    --section-padding-top-global: 3.5rem;
    --section-padding-bottom-global: 3.5rem;

    --bp-section-padding-top-xl: 6.8rem;
    --bp-section-padding-bottom-xl: 7.8rem;

    --content-container-width: 60%;
    --image-container-width: calc(100% - var(--content-container-width));
    --main-container-gap: 4rem;

    --card-padding-lg-global: 1.5rem;
    --card-padding-xl-global: 2.5rem;

    --bp-section-border-radius: clamp(30px, 10vw, 150px);

    --bg-image-size: 170px;


  }
}

.container {
  padding-top: var(--section-padding-top-global) !important;
  padding-right: var(--section-padding-right-global) !important;
  padding-bottom: var(--section-padding-bottom-global) !important;
  padding-left: var(--section-padding-left-global) !important;
}

.container-xl {
  padding-top: var(--bp-section-padding-top-xl) !important;
  padding-right: var(--section-padding-right-global) !important;
  padding-bottom: var(--bp-section-padding-bottom-xl) !important;
  padding-left: var(--section-padding-left-global) !important;
}


.elementor-element.bp-container.e-con {
  padding-inline-start: var(--section-padding-left-global);
  padding-inline-end: var(--section-padding-right-global);

  &>.e-con-inner {
    padding-block-start: var(--section-padding-top-global);
    padding-block-end: var(--section-padding-bottom-global);
  }
}

/* Global Spacings End */

/* Fix Overflow Start */
.overflow-x-clip {
  overflow-x: clip !important;
}

.overflow-y-clip {
  overflow-y: clip !important;
}

.elementor-element.e-parent:has(.elementor-widget.elementor-widget-template) {
  overflow-x: clip;
}

/* Fix Overflow End */

/* Text Overrides Start */
.text-accent {
  color: var(--e-global-color-accent);
}

.text-white {
  color: var(--e-global-color-ac985b2);
}

.text-black {
  color: var(--e-global-color-7d06424);
}

.text-balance :is(p, .elementor-heading-title) {
  text-wrap: balance;
}

.elementor-element p {
  & a {
    color: var(--e-global-color-b40957f);
    transition: color 300ms;
  }

  &:last-child {
    margin-bottom: 0;
  }
}

/* Text Overrides End */

.swiper-pagination-bullet {
  border-radius: 1000px !important;
  transition: 300ms !important;

  &.swiper-pagination-bullet-active {
    width: calc(3 * var(--swiper-pagination-size)) !important
  }
}

.uc_material_accordion .uc-heading[role="button"] {
  transition: 300ms !important;
}



/* Footer CopyRight Start */
a.bp-copyright-link {
  position: relative;

  & .bp-copyright-img {
    background-color: #ffffff;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 24px 0px #8b0dbb;
    max-width: 120px;
    /* top: 1rem; */
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    transition: all 200ms ease-in-out;
    opacity: 0;
    visibility: hidden;
  }

  &:hover .bp-copyright-img {
    visibility: visible;
    opacity: 1;
  }
}

/* Footer CopyRight End */


/* Custom Styled List Start */
.styled-list ul {
  --custom-list-icon-size: 0.5rem;
  list-style-type: none;
  padding-inline-start: calc(1.5 * var(--custom-list-icon-size));

  & li {
    position: relative;
    padding-left: calc(var(--custom-list-icon-size) + 0.5rem);

    &::before {
      content: '';
      position: absolute;
      left: 0px;
      top: var(--custom-list-icon-size);
      width: var(--custom-list-icon-size);
      height: var(--custom-list-icon-size);
      background-image: url("https://www.encinodentalesthetics.com/wp-content/uploads/Frame-936.png") !important;
      background-size: contain;
      background-repeat: no-repeat
    }
  }
}