
:root {
    --default-outer-container-padding: clamp(50px, 12vw, 150px);
    --default-inner-container-padding: clamp(40px, 8vw, 70px);
    --docp: var(--default-outer-container-padding);
    --dicp: var(--default-inner-container-padding);

    --default-x-padding: clamp(20px, 5vw, 50px);
    --dxp: var(--default-x-padding);
}

main > .elementor > .elementor-element.e-con-boxed.e-parent {
    --padding-left: var(--dxp);
    --padding-right: var(--dxp);
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    top: -1px !important;
} 

@media (max-width: 575px) {

    .e-con.e-flex>.e-con-inner {
        padding: var(--padding-block-start) 0 var(--padding-block-end) 0 !important;
    }
}


/* reset default markers */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* reserve space for the custom marker */
.elementor-widget-text-editor li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
}

/* UL bullet */
.elementor-widget-text-editor ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 30px;
  text-align: left;
}

/* OL numbering using counters */
.elementor-widget-text-editor ol {
  counter-reset: item;
}

.elementor-widget-text-editor ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 30px;
  text-align: left; /* or right/center */
}


.repeater-links-container {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.repeater-links-container .repeater-acf-btn {
    text-decoration: none;
    border-radius: 4px;
    padding: 10px 18px;
    font-weight: 600;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

/* Button 1 = white */
.repeater-links-container .repeater-acf-btn-1 {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #ffffff !important;
}

.repeater-links-container .repeater-acf-btn-1:hover {
    background: transparent !important;
    color: #ffffff !important;
}

/* Button 2 = orange */
.repeater-links-container .repeater-acf-btn-2 {
    background: #ff7a18 !important;
    color: #ffffff !important;
    border-color: #ff7a18 !important;
}

.repeater-links-container .repeater-acf-btn-2:hover {
    background: transparent !important;
    color: #ff7a18 !important;
}

.repeater-links-container .elementor-button {
    position: relative;          /* lets us absolutely position icon */
    padding-right: 40px;         /* make room so text doesn't overlap icon */
}

.repeater-links-container .elementor-button-icon {
    position: absolute;
    right: 10px;                 /* 10px padding from right */
    top: 50%;
    transform: translateY(-50%); /* vertical center */
    display: inline-flex;
    align-items: center;
}


