.elementor-362 .elementor-element.elementor-element-0e3350a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-362 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-362{justify-content:flex-end;align-items:center;}#elementor-popup-modal-362 .dialog-close-button{display:flex;}#elementor-popup-modal-362 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-362 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-362 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-362 .elementor-element.elementor-element-0e3350a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-362{align-items:center;}#elementor-popup-modal-362 .dialog-close-button{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-23f10ef *//* ==========================================
   SOUTH GATE | MOBILE OFFCANVAS MENU
   Complete CSS - Compact Circular Logo
========================================== */
/* MAIN CONTAINER */
.sg-offcanvas-menu {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 30px 28px 26px;
    background: linear-gradient(180deg, #073568 0%, #052D59 100%);
    font-family: "Poppins", sans-serif;
    color: #FFFFFF;
}
/* TOP / LOGO */
.sg-offcanvas-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.sg-offcanvas-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    max-width: 110px;
    height: auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    text-decoration: none !important;
}
.sg-offcanvas-logo img {
    display: block;
    width: 100%;
    max-width: 110px;
    height: auto;
    max-height: 110px;
    object-fit: contain;
    margin: 0;
    padding: 0;
}
/* NAVIGATION */
.sg-offcanvas-nav {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* NORMAL LINKS */
.sg-offcanvas-link,
.sg-offcanvas-link:link,
.sg-offcanvas-link:visited {
    width: 100%;
    min-height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 2px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255,255,255,.11);
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none !important;
    transition: padding-left .22s ease, color .22s ease;
}
.sg-offcanvas-link:hover {
    padding-left: 6px;
    color: #FFFFFF !important;
}
.sg-offcanvas-link b {
    flex: 0 0 auto;
    color: rgba(255,255,255,.55);
    font-size: 17px;
    font-weight: 400;
    transition: color .22s ease, transform .22s ease;
}
.sg-offcanvas-link:hover b {
    color: #ED666A;
    transform: translateX(3px);
}
/* SUBMENU ITEM */
.sg-offcanvas-item {
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.11);
}
/* PARENT ROW */
.sg-offcanvas-parent-row {
    width: 100%;
    min-height: 51px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 42px;
    align-items: center;
    gap: 8px;
}
/* PARENT LINK */
.sg-offcanvas-parent-link,
.sg-offcanvas-parent-link:link,
.sg-offcanvas-parent-link:visited {
    min-width: 0;
    min-height: 51px;
    display: flex;
    align-items: center;
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none !important;
    transition: padding-left .22s ease;
}
.sg-offcanvas-parent-link:hover {
    padding-left: 5px;
}
/* SUBMENU TOGGLE */
.sg-offcanvas-toggle,
.sg-offcanvas-toggle:hover,
.sg-offcanvas-toggle:focus,
.sg-offcanvas-toggle:active {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
}
.sg-offcanvas-toggle:hover {
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.22) !important;
}
/* PLUS / MINUS */
.sg-offcanvas-toggle span {
    position: relative;
    display: block;
    width: 13px;
    height: 13px;
}
.sg-offcanvas-toggle span::before,
.sg-offcanvas-toggle span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 1.5px;
    border-radius: 20px;
    background: #FFFFFF;
    transform: translate(-50%,-50%);
    transition: transform .25s ease, background .2s ease;
}
.sg-offcanvas-toggle span::after {
    transform: translate(-50%,-50%) rotate(90deg);
}
/* OPEN TOGGLE */
.sg-offcanvas-item.is-open .sg-offcanvas-toggle {
    background: rgba(228,77,82,.15) !important;
    border-color: rgba(228,77,82,.30) !important;
}
.sg-offcanvas-item.is-open .sg-offcanvas-toggle span::before {
    background: #ED666A;
}
.sg-offcanvas-item.is-open .sg-offcanvas-toggle span::after {
    background: #ED666A;
    transform: translate(-50%,-50%) rotate(0deg);
}
/* SUBMENU */
.sg-offcanvas-submenu {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    padding-left: 12px;
    transition: max-height .35s ease, opacity .25s ease, padding-bottom .25s ease;
}
.sg-offcanvas-item.is-open .sg-offcanvas-submenu {
    opacity: 1;
    visibility: visible;
    padding-bottom: 12px;
}
/* SUBMENU LINKS */
.sg-offcanvas-submenu a,
.sg-offcanvas-submenu a:link,
.sg-offcanvas-submenu a:visited {
    position: relative;
    width: 100%;
    min-height: 37px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 8px 6px 18px;
    color: rgba(255,255,255,.68) !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none !important;
    border-left: 1px solid rgba(255,255,255,.13);
    transition: color .2s ease, border-color .2s ease, padding-left .2s ease;
}
.sg-offcanvas-submenu a::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 50%;
    width: 5px;
    height: 5px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(255,255,255,.25);
    transition: background .2s ease;
}
.sg-offcanvas-submenu a:hover {
    padding-left: 22px;
    color: #FFFFFF !important;
    border-left-color: rgba(228,77,82,.70);
}
.sg-offcanvas-submenu a:hover::before {
    background: #ED666A;
}
/* MEMBERSHIP CTA */
.sg-offcanvas-cta {
    margin-top: 26px;
    padding: 17px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    background: rgba(255,255,255,.055);
}
.sg-offcanvas-cta > span {
    display: block;
    margin-bottom: 11px;
    color: rgba(255,255,255,.66);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;
}
.sg-offcanvas-cta a,
.sg-offcanvas-cta a:link,
.sg-offcanvas-cta a:visited {
    width: 100%;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-sizing: border-box;
    padding: 0 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #E44D52 0%, #C9363C 100%);
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(92,17,24,.28);
    transition: transform .22s ease, box-shadow .22s ease;
}
.sg-offcanvas-cta a:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(92,17,24,.34);
}
.sg-offcanvas-cta strong {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 400;
    transition: transform .22s ease;
}
.sg-offcanvas-cta a:hover strong {
    transform: translateX(3px);
}
/* CONTACT BOTTOM */
.sg-offcanvas-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
    padding-top: 17px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255,255,255,.09);
    color: rgba(255,255,255,.35);
}
.sg-offcanvas-bottom a,
.sg-offcanvas-bottom a:link,
.sg-offcanvas-bottom a:visited {
    color: rgba(255,255,255,.67) !important;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .2s ease;
}
.sg-offcanvas-bottom a:hover {
    color: #FFFFFF !important;
}
/* TABLET / MOBILE */
@media (max-width: 767px) {
    .sg-offcanvas-menu {
        padding: 25px 22px 22px;
    }
    .sg-offcanvas-top {
        margin-bottom: 20px;
    }
    .sg-offcanvas-logo {
        width: 95px;
        max-width: 95px;
    }
    .sg-offcanvas-logo img {
        max-width: 95px;
        max-height: 95px;
    }
    .sg-offcanvas-link,
    .sg-offcanvas-parent-link,
    .sg-offcanvas-parent-row {
        min-height: 48px;
    }
    .sg-offcanvas-link,
    .sg-offcanvas-parent-link {
        font-size: 13px;
    }
    .sg-offcanvas-toggle,
    .sg-offcanvas-toggle:hover,
    .sg-offcanvas-toggle:focus,
    .sg-offcanvas-toggle:active {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }
    .sg-offcanvas-submenu a {
        min-height: 35px;
        font-size: 11px;
    }
    .sg-offcanvas-cta {
        margin-top: 22px;
        padding: 15px;
    }
}
/* REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
    .sg-offcanvas-link,
    .sg-offcanvas-link b,
    .sg-offcanvas-parent-link,
    .sg-offcanvas-toggle,
    .sg-offcanvas-toggle span::before,
    .sg-offcanvas-toggle span::after,
    .sg-offcanvas-submenu,
    .sg-offcanvas-submenu a,
    .sg-offcanvas-submenu a::before,
    .sg-offcanvas-cta a,
    .sg-offcanvas-cta strong,
    .sg-offcanvas-bottom a {
        transition: none !important;
    }
}/* End custom CSS */