.elementor-2039 .elementor-element.elementor-element-7c3acad{--display:flex;--min-height:35vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2039 .elementor-element.elementor-element-7c3acad:not(.elementor-motion-effects-element-type-background), .elementor-2039 .elementor-element.elementor-element-7c3acad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2039 .elementor-element.elementor-element-5250046 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2039 .elementor-element.elementor-element-1594339{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-9f1908f );}.elementor-2039 .elementor-element.elementor-element-9d254ab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2039 .elementor-element.elementor-element-6a9a4e7{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2039 .elementor-element.elementor-element-835ba3a{text-align:center;}.elementor-2039 .elementor-element.elementor-element-e01c44e{text-align:center;}.elementor-2039 .elementor-element.elementor-element-a700473{text-align:center;}@media(max-width:1024px){.elementor-2039 .elementor-element.elementor-element-7c3acad{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2039 .elementor-element.elementor-element-1594339{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-2039 .elementor-element.elementor-element-1594339{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-43beb7f *//* =========================================
   SABA INSTAGRAM GALLERY BUTTONS
========================================= */

/* Place both buttons neatly next to each other */
.saba-instagram-gallery #sb_instagram #sbi_load {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    padding-top: 22px !important;
    text-align: center !important;
}

/* Remove Smash Balloon's default spacing */
.saba-instagram-gallery #sb_instagram .sbi_load_btn,
.saba-instagram-gallery #sb_instagram .sbi_follow_btn {
    margin: 0 !important;
}

/* Keep the follow-button wrapper aligned */
.saba-instagram-gallery #sb_instagram .sbi_follow_btn {
    display: inline-flex !important;
    align-items: center !important;
}

/* Shared button styling */
.saba-instagram-gallery #sb_instagram .sbi_load_btn,
.saba-instagram-gallery #sb_instagram .sbi_follow_btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

/* Load More button */
.saba-instagram-gallery #sb_instagram .sbi_load_btn {
    min-width: 145px !important;
    background: transparent !important;
    color: #111111 !important;
    border: 1px solid #111111 !important;
}

/* Follow on Instagram button */
.saba-instagram-gallery #sb_instagram .sbi_follow_btn a {
    min-width: 215px !important;
    background: #b9912f !important;
    color: #ffffff !important;
    border: 1px solid #b9912f !important;
}

/* Keep the Instagram icon properly aligned */
.saba-instagram-gallery #sb_instagram .sbi_follow_btn svg,
.saba-instagram-gallery #sb_instagram .sbi_follow_btn i {
    margin-right: 8px !important;
}

/* Load More hover */
.saba-instagram-gallery #sb_instagram .sbi_load_btn:hover {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

/* Follow button hover */
.saba-instagram-gallery #sb_instagram .sbi_follow_btn a:hover {
    background: transparent !important;
    color: #b9912f !important;
    border-color: #b9912f !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .saba-instagram-gallery #sb_instagram #sbi_load {
        gap: 8px !important;
        padding-top: 18px !important;
    }

    .saba-instagram-gallery #sb_instagram .sbi_load_btn,
    .saba-instagram-gallery #sb_instagram .sbi_follow_btn a {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 15px !important;
        font-size: 11px !important;
    }

    .saba-instagram-gallery #sb_instagram .sbi_load_btn {
        min-width: 125px !important;
    }

    .saba-instagram-gallery #sb_instagram .sbi_follow_btn a {
        min-width: 185px !important;
    }
}

/* Stack buttons only on very small phones */
@media (max-width: 390px) {
    .saba-instagram-gallery #sb_instagram #sbi_load {
        flex-direction: column !important;
    }

    .saba-instagram-gallery #sb_instagram .sbi_load_btn,
    .saba-instagram-gallery #sb_instagram .sbi_follow_btn,
    .saba-instagram-gallery #sb_instagram .sbi_follow_btn a {
        width: 100% !important;
        max-width: 250px !important;
    }
}

/* =========================================
   SABA LOAD MORE – SMOOTH CUSTOM SPINNER
========================================= */

/* Prepare the Load More button */
.saba-instagram-gallery #sb_instagram .sbi_load_btn {
    position: relative !important;
    overflow: hidden !important;
}

/* Hide Smash Balloon's original loader */
.saba-instagram-gallery
#sb_instagram
.sbi_load_btn
.sbi_loader {
    display: none !important;
}

/* Loading button appearance */
.saba-instagram-gallery
#sb_instagram
.sbi_load_btn:has(.sbi_loader:not(.sbi_hidden)) {
    background: #111111 !important;
    color: transparent !important;
    border-color: #111111 !important;
    cursor: wait !important;
    pointer-events: none !important;
}

/* Hide the Load More wording while loading */
.saba-instagram-gallery
#sb_instagram
.sbi_load_btn:has(.sbi_loader:not(.sbi_hidden))
.sbi_btn_text {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Create our own smooth spinner */
.saba-instagram-gallery
#sb_instagram
.sbi_load_btn:has(.sbi_loader:not(.sbi_hidden))::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;

    margin-top: -10px !important;
    margin-left: -10px !important;

    border: 3px solid rgba(185, 145, 47, 0.28) !important;
    border-top-color: #d5aa3d !important;
    border-right-color: transparent !important;
    border-radius: 50% !important;

    box-sizing: border-box !important;
    transform-origin: center center !important;
    will-change: transform !important;

    animation: saba-smooth-spinner 0.65s linear infinite !important;
}

/* Prevent hover from changing the loading state */
.saba-instagram-gallery
#sb_instagram
.sbi_load_btn:has(.sbi_loader:not(.sbi_hidden)):hover {
    background: #111111 !important;
    color: transparent !important;
    border-color: #111111 !important;
}

/* Smooth continuous rotation */
@keyframes saba-smooth-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Mobile spinner */
@media (max-width: 767px) {
    .saba-instagram-gallery
    #sb_instagram
    .sbi_load_btn:has(.sbi_loader:not(.sbi_hidden))::before {
        width: 18px !important;
        height: 18px !important;
        margin-top: -9px !important;
        margin-left: -9px !important;
        border-width: 2px !important;
    }
}

/* Reduce movement for visitors who disable animations */
@media (prefers-reduced-motion: reduce) {
    .saba-instagram-gallery
    #sb_instagram
    .sbi_load_btn:has(.sbi_loader:not(.sbi_hidden))::before {
        animation-duration: 1.2s !important;
    }
}/* End custom CSS */