/* =========================================================
   SGC MEETING PLACE
   AURORA THEME CUSTOM CSS
   SAFE COMPATIBILITY VERSION
   ========================================================= */


/* =========================================================
   1. GLOBAL SITE COLORS
   ========================================================= */

html,
body,
.ow {
    background-color: #061b50 !important;
    font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   2. TOP CONSOLE BAR
   ========================================================= */

.ow_site_panel_wrap {
    background: #021432 !important;
    border-bottom: 1px solid #168fc7 !important;
    box-shadow: 0 3px 14px rgba(0, 55, 110, 0.25) !important;
}

.ow_site_panel {
    width: 100% !important;
    height: 64px !important;

    margin: 0 !important;
    padding: 0 38px !important;

    box-sizing: border-box !important;

    position: relative !important;

    display: block !important;
}

.ow_site_panel > .ow_console,
.ow_site_panel .ow_console {
    position: absolute !important;
    top: 0 !important;
    right: 80px !important;
    left: auto !important;

    margin: 0 !important;
    float: none !important;

    height: 64px !important;
}

.ow_site_panel .ow_console_body {
    text-align: right !important;
}

.ow_console,
.ow_console_item,
.ow_console_item a,
.ow_console_item_link {
    color: #ffffff !important;
    font-size: 18px !important;
}

.ow_console_item:hover,
.ow_console_item:hover a {
    color: #5fd4ff !important;
}

.ow_console_item.ow_console_button {
    border: 1px solid #377fa5 !important;
    border-radius: 8px !important;
}

.ow_console_item.ow_console_button:hover {
    background-color: #2879ad !important;
    border-color: #5fd4ff !important;
}

.ow_console .ow_tooltip .ow_tooltip_body {
    background: #021432 !important;
}

/* =========================================================
   3. TOP CONSOLE LOGO CLEANUP
   Aurora's small wordmark/logo is removed from the fixed
   console. The SGC logo is rendered in the branding area
   below as part of the Aurora header background.
   ========================================================= */

.ow_site_panel .ow_logo_wrap,
.ow_site_panel_wrap .ow_logo_wrap {
    display: none !important;
}

/* =========================================================
   4. HEADER BRANDING AREA
   Hero background + centered SGC branding + right-side logo
   ========================================================= */

/*
   HERO:
   theme_image_10.png = approved SGC hero / city-people image

   BRANDING:
   theme_image_14.png = SGC Meeting Place globe-and-hands logo
   theme_image_15.png = SGC Meeting Place wording
   theme_image_18.png = Real People / Real Connections /
                        AI Companionship tagline
*/

.ow_header {
    position: relative !important;

    min-height: 270px !important;
    padding-top: 0 !important;

    background-color: #061b50 !important;

    background-image:
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_14.png'),
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_10.png') !important;

    background-repeat:
        no-repeat,
        no-repeat !important;

    background-position:
        right 355px top 72px,
        center top !important;

    background-size:
        240px auto,
        100% auto !important;

    overflow: visible !important;
}


/* ---------------------------------------------------------
   4A. LARGE SGC MEETING PLACE WORDING
   Lower, larger and visually centered in the open area
   --------------------------------------------------------- */

.ow_header:before {
    content: "" !important;

    position: absolute !important;

    left: 25% !important;
    top: 28px !important;

    width: 1100px !important;
    height: 260px !important;

    margin-left: -350px !important;

    background-image:
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_15.png') !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;

    z-index: 30 !important;
    pointer-events: none !important;

    animation: sgc_header_move 12s ease-in-out infinite;
}


/* ---------------------------------------------------------
   4B. TAGLINE
   Larger and directly under the main wording
   --------------------------------------------------------- */

.ow_header:after {
    content: "" !important;

    position: absolute !important;

    left: 22% !important;
    top: 138px !important;

    width: 1200px !important;
    height: 210px !important;

    margin-left: -350px !important;

    background-image:
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_18.png') !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;

    z-index: 30 !important;
    pointer-events: none !important;

    animation: sgc_tagline_move 12s ease-in-out infinite;
}


@keyframes sgc_header_move {

    0% {
        transform: translateX(-22px);
        opacity: 0;
    }

    10% {
        transform: translateX(5px);
        opacity: 1;
    }

    18% {
        transform: translateX(0);
        opacity: 1;
    }

    88% {
        transform: translateX(0);
        opacity: 1;
    }

    95% {
        transform: translateX(3px);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


@keyframes sgc_tagline_move {

    0% {
        transform: translateX(22px);
        opacity: 0;
    }

    10% {
        transform: translateX(-5px);
        opacity: 1;
    }

    18% {
        transform: translateX(0);
        opacity: 1;
    }

    88% {
        transform: translateX(0);
        opacity: 1;
    }

    95% {
        transform: translateX(-3px);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* =========================================================
   5. MAIN MENU
   Single-row Aurora navigation with SGC colors and the
   original Aurora-style curved active-page accent.
   ========================================================= */

.ow_menu_wrap {
    position: relative !important;

    width: 98% !important;
    min-height: 64px !important;
    height: auto !important;

    margin: 14px auto 18px auto !important;
    padding: 0 !important;

    background: #021432 !important;

    border: 1px solid #168fc7 !important;
    border-radius: 18px !important;

    box-shadow: 0 4px 18px rgba(0, 90, 180, 0.30) !important;

    overflow: visible !important;
}


.ow_main_menu,
html[xmlns] .ow_main_menu.clearfix,
body .ow_main_menu {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 62px !important;

    padding: 0 !important;
    margin: 0 !important;

    box-sizing: border-box !important;
    white-space: nowrap !important;
}


.ow_main_menu li,
.ow_main_menu > li {
    display: inline-block !important;

    float: none !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    white-space: nowrap !important;
}


.ow_main_menu li a,
.ow_main_menu > li > a {
    display: block !important;

    position: relative !important;

    width: auto !important;

    margin: 0 !important;
    padding: 21px 12px !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;

    text-decoration: none !important;

    border: none !important;
    border-radius: 10px !important;

    white-space: nowrap !important;

    transform: rotateY(0deg);
}


/* Active / hover color */

.ow_main_menu li.active > a,
.ow_main_menu li a:hover {
    color: #5fd4ff !important;
    background-color: #082b51 !important;
}

.ow_main_menu li.active > a {
    border-top: 2px solid #ffffff !important;
}

.ow_main_menu li:not(.active) > a,
.ow_main_menu li a:hover {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}


/* Aurora-style active-page accent
   Use the active tab's own rounded top border so the white
   line follows the full width of the blue active tab. */

.ow_main_menu li.active > a {
    border-top: 2px solid #ffffff !important;
}


/* SGC flip animation */

.ow_main_menu li:hover > a,
.ow_main_menu li:focus-within > a {
    animation: sgc_menu_flip 0.62s ease-in-out 1;
}


@keyframes sgc_menu_flip {

    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

/* =========================================================
   6. CONTINUOUS SGC HERO / FLOOR SYSTEM
   Coordinated header + body continuation
   ========================================================= */

/*
   Aurora separates the header and body into different DOM
   regions, so one background cannot reliably span both.

   This version deliberately uses the SAME hero image in
   both regions:

   - .ow_header shows the TOP of theme_image_10.png.
   - .ow_page_container shows the SAME image shifted upward,
     so the visible body begins farther down in that scene.
   - theme_image_37.png and theme_image_35.png continue the
     floor below it.

   The dark menu sits between the two crops and hides the
   join, so the result reads as one continuous scene.
*/

.ow_page_wrap,
.ow_page_wrap_inner {
    background-color: #061b50 !important;
    background-image: none !important;
}


/* ---------------------------------------------------------
   BODY CONTINUATION OF THE SAME HERO
   --------------------------------------------------------- */

.ow_page_container {
    background-color: #061b50 !important;

    background-image:
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_10.png'),
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_37.png'),
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_35.png') !important;

    background-repeat:
        no-repeat,
        no-repeat,
        repeat-y !important;

    /*
       The first image is shifted upward so the body begins
       lower in the same hero scene shown in the header.
       The menu hides the exact crop boundary.
    */
    background-position:
        center -270px,
        center 350px,
        center 715px !important;

    background-size:
        100% auto,
        100% auto,
        100% auto !important;
}


/* Aurora content layers stay transparent so the hero shows. */

.ow_canvas,
.ow_page {
    background-color: transparent !important;
}


/* Keep the menu readable while the scene continues behind it. */

.ow_menu_wrap {
    background-color: #021432 !important;
}

/* =========================================================
   7. LONG PAGE / ADULT BACKGROUND
   ========================================================= */

body.sgc-long-page .ow_page_container,
body.sgcadults-page-active .ow_page_container {

    background-image:
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_42.png') !important;

    background-position:
        center top !important;

    background-repeat:
        no-repeat !important;

    background-size:
        100% auto !important;

    background-color:
        #011857 !important;
}


/* =========================================================
   8. PAGE WIDTH / SIDEBAR
   ========================================================= */

.ow_canvas {
    width: 1100px !important;
}


.ow_page {
    margin: 0 225px 0 auto !important;
    padding: 0 16px !important;
}


.ow_sidebar {
    width: 208px !important;
    margin-right: -225px !important;
    font-size: 14px !important;
}


/* ---------------------------------------------------------
   8A. OPTIONAL SGC LEFT ADVERTISEMENT COLUMN
   Build 3 of SGC Left Side Advertisement adds the body class
   only while the left rail is active. The real page geometry
   lives here in the Aurora theme CSS, not in JavaScript.

   Existing Aurora desktop geometry:
     canvas  = 1100px
     page    = reserves 225px on the RIGHT
     sidebar = 208px inside that right reserve

   With left ads active:
     body canvas = 1325px (1100 + one 225px left reserve)
     page        = 225px reserve on BOTH sides
     center/right geometry remains the same width as before
   --------------------------------------------------------- */

@media screen and (min-width: 1360px) {

    body.sgc-left-side-ads-active .ow_page_container .ow_canvas {
        width: 1325px !important;
        position: relative !important;
        overflow: visible !important;
    }

    body.sgc-left-side-ads-active .ow_page_container .ow_page {
        margin-left: 225px !important;
        margin-right: 225px !important;
        position: relative !important;
    }

    body.sgc-left-side-ads-active #sgc-left-only-ad-rail.sgc-left-ad-ready {
        display: block !important;
        position: absolute !important;
        top: var(--sgc-left-ad-top, 0px) !important;
        left: max(0px, calc(225px - var(--sgc-left-ad-width, 180px) - var(--sgc-left-ad-gap, 12px))) !important;
        width: var(--sgc-left-ad-width, 180px) !important;
        margin: 0 !important;
        float: none !important;
        z-index: 20 !important;
        box-sizing: border-box !important;
    }
}

@media screen and (max-width: 1359px) {
    #sgc-left-only-ad-rail {
        display: none !important;
    }
}


/* =========================================================
   9. MAIN BOX HEADERS
   ========================================================= */

.ow_box_cap,
.ow_box_cap_empty {
    background: #337fae !important;

    border: 1px solid #9fcce4 !important;
    border-bottom: none !important;

    border-radius: 16px 16px 0 0 !important;

    overflow: hidden !important;
}


html body .ow_box_cap h3,
html body .ow_box_cap_empty h3 {
    position: relative !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 20px !important;

    text-transform: none !important;

    padding-left: 22px !important;

    background-image: none !important;
}


html body .ow_box_cap h3:before,
html body .ow_box_cap_empty h3:before {
    content: "";

    position: absolute;

    left: 3px;
    top: 50%;

    width: 9px;
    height: 9px;

    margin-top: -4px;

    border-radius: 50%;

    background: #73dcff;

    box-shadow: 0 0 6px #73dcff;
}


/* =========================================================
   10. CARD BODIES
   ========================================================= */

.ow_box {
    background: #f9fdff !important;

    border: 1px solid #b7d7e9 !important;
    border-top: none !important;

    border-radius: 0 0 16px 16px !important;

    box-shadow: 0 4px 14px rgba(0, 70, 130, 0.13) !important;
}


.ow_box.ow_no_cap {
    border-top: 1px solid #b7d7e9 !important;
    border-radius: 16px !important;
}


.ow_highbox,
.ow_highbox_table .ow_highbox,
.ow_page .ow_highbox {
    background: #eaf7fd !important;

    border: 1px solid #b7d7e9 !important;

    border-radius: 16px !important;
}


/* =========================================================
   11. SIDEBAR
   ========================================================= */

.ow_sidebar,
.ow_sidebar p,
.ow_sidebar li,
.ow_sidebar span,
.ow_sidebar strong,
.ow_sidebar div,
.ow_sidebar a {
    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 20px !important;
}


.ow_sidebar a:hover {
    color: #5fd4ff !important;
}


.ow_sidebar .ow_box {
    background: #061f43 !important;

    border-color: #5f9fc5 !important;

    padding-left: 12px !important;
    padding-right: 12px !important;
}


.ow_sidebar .ow_avatar {
    width: 62px !important;
    height: 62px !important;

    padding: 5px !important;

    background: #ffffff !important;

    border: 1px solid #d7e5ef !important;

    border-radius: 8px !important;

    box-sizing: content-box !important;
}


.ow_sidebar .ow_avatar img {
    width: 62px !important;
    height: 62px !important;

    border-radius: 8px !important;
}


.ow_sidebar .ow_avatar_label {
    font-size: 8px !important;
    line-height: 9px !important;

    bottom: 2px !important;
    right: 3px !important;

    transform: none !important;

    max-width: 58px !important;

    white-space: nowrap !important;
}


.ow_avatar_label {
    font-size: 7px !important;
    line-height: 8px !important;

    white-space: nowrap !important;
}


/* =========================================================
   12. PAGE TITLES
   ========================================================= */

.ow_page h1,
.ow_page .ow_page_title,
.ow_content h1 {
    display: block !important;

    background: #f5fbff !important;

    border: 1px solid #9fcce4 !important;

    border-radius: 14px !important;

    padding: 10px 16px !important;

    margin-bottom: 14px !important;

    box-shadow: 0 4px 14px rgba(0, 70, 130, 0.15) !important;

    color: #2879ad !important;

    font-weight: 700 !important;
}


.ow_page h1 a,
.ow_page .ow_page_title a,
.ow_content h1 a {
    color: #2879ad !important;
}


/* =========================================================
   13. MAIN CONTENT SHEET
   ========================================================= */

.ow_page_container .ow_page {
    background: transparent !important;
}


.ow_page_container .ow_content {
    background: #ffffff !important;

    border: 1px solid #9fcce4 !important;

    border-radius: 16px !important;

    box-shadow: 0 4px 14px rgba(0, 70, 130, 0.16) !important;

    box-sizing: border-box !important;

    padding: 14px !important;
}


/* =========================================================
   14. SEARCH PAGE EXCEPTION
   ========================================================= */

body.base_user_search_page .ow_page_container .ow_content,
body.user_search_page .ow_page_container .ow_content {
    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding: 0 !important;
}


/* =========================================================
   15. AI COMPANION EXCEPTION
   ========================================================= */

body.sgcai-page-active .ow_page_container .ow_content,
.sgcaicompanion_page .ow_page_container .ow_content,
.sgcai-shell {
    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding: 0 !important;
}


/* =========================================================
   16. TABLES
   ========================================================= */

.ow_table_1 th,
.ow_table_2 th,
.ow_table_3 th,
th {
    background: #3f8fbd !important;

    color: #ffffff !important;

    border-color: #b7d7e9 !important;
}


.ow_table_1 tr td,
.ow_table_2 tr td,
.ow_user_list .ow_alt1,
.ow_user_list .ow_alt2,
.ow_video_list .ow_alt1,
.ow_video_list .ow_alt2,
.ow_photo_list .ow_alt1,
.ow_photo_list .ow_alt2 {
    border-color: #b7d7e9 !important;
}


.ow_alt1,
tr.ow_alt1 td {
    background: #ffffff !important;
}


.ow_alt2,
tr.ow_alt2 td {
    background: #eef8fd !important;
}


.ow_box td.ow_label,
.ow_box .ow_label,
.ow_dashboard_box td.ow_label,
.ow_table_1 td.ow_label,
.ow_table_2 td.ow_label,
.ow_table_3 td.ow_label,
.ow_table_4 td.ow_label {
    color: #28698f !important;
}


.ow_box td.ow_value,
.ow_dashboard_box td.ow_value,
.ow_table_1 td.ow_value,
.ow_table_2 td.ow_value,
.ow_table_3 td.ow_value,
.ow_table_4 td.ow_value {
    color: #4d7289 !important;
}


/* =========================================================
   17. FORMS
   ========================================================= */

input[type=text],
input[type=password],
textarea,
select,
div.jhtmlarea,
.ow_photo_upload_description,
.ow_photo_preview_edit .CodeMirror {
    background: #f9fdff !important;

    border: 1px solid #b7d7e9 !important;

    border-radius: 8px !important;

    color: #365f79 !important;
}


/* =========================================================
   18. BUTTONS
   ========================================================= */

span.ow_button {
    background: #1f6694 !important;

    border: 1px solid #174f76 !important;

    border-radius: 8px !important;

    box-shadow: 0 2px 6px rgba(0, 55, 100, 0.18) !important;
}


span.ow_button:hover {
    background: #2879ad !important;

    border-color: #18577f !important;
}


span.ow_button input,
span.ow_button span,
span.ow_button a {
    color: #ffffff !important;
}


.ow_bl a,
.ow_bl.ow_box_toolbar li a,
span.ow_blitem {
    background: #2879ad !important;

    color: #ffffff !important;

    border-radius: 8px !important;
}


.ow_bl a:hover,
.ow_bl.ow_box_toolbar li a:hover,
span.ow_blitem:hover {
    background: #1f6694 !important;

    color: #ffffff !important;
}


a.ow_lbutton,
span.ow_lbutton {
    color: #28698f !important;

    background: #eef8fd !important;

    border-color: #b7d7e9 !important;

    border-radius: 6px !important;
}


/* =========================================================
   19. CONTENT MENUS
   ========================================================= */

.ow_content_menu {
    border-bottom: 1px solid #b7d7e9 !important;
}


.ow_content_menu li a {
    color: #2a648c !important;

    padding-left: 0 !important;

    font-weight: 600 !important;

    background-image: none !important;
}


.ow_content_menu li a span,
.ow_content_menu li [class*="ow_ic_"] {
    background-image: none !important;
}


.ow_content_menu li.active:after {
    background: #2879ad !important;
}


.ow_content_menu li.active a,
.ow_content_menu li a:hover {
    color: #087daf !important;
}


/* =========================================================
   20. BOX MENUS
   ========================================================= */

.ow_box_menu a {
    color: #2a648c !important;
}


.ow_box_menu a.active,
.ow_box_menu a:hover {
    color: #185b85 !important;
}


.ow_box_menu a.active:after {
    background: #2879ad !important;
}


/* =========================================================
   21. MEMBERSHIP / SUBSCRIBE
   ========================================================= */

.ow_subscribe_table .ow_highbox {
    background: #e8f5fc !important;

    border: 1px solid #9fc9df !important;

    border-radius: 12px !important;

    color: #185b85 !important;
}


.ow_subscribe_table .ow_highbox,
.ow_subscribe_table .ow_highbox span,
.ow_subscribe_table .ow_highbox div,
.ow_subscribe_table .ow_highbox p,
.ow_subscribe_table .ow_highbox strong,
.ow_subscribe_table .ow_highbox b,
.ow_subscribe_table .ow_highbox label {
    color: #185b85 !important;
}


.ow_subscribe_table .ow_highbox a {
    color: #087daf !important;

    font-weight: 600 !important;
}


.ow_subscribe_table .ow_ic_ok {
    background-image: none !important;

    background-color: #2879ad !important;

    width: 20px !important;
    height: 20px !important;

    min-width: 20px !important;
    min-height: 20px !important;

    padding: 0 !important;
    margin: 0 auto !important;

    display: inline-block !important;

    position: relative !important;

    border-radius: 50% !important;
}


.ow_subscribe_table .ow_ic_ok:after {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    width: 20px;
    height: 20px;

    line-height: 20px;

    text-align: center;

    color: #ffffff !important;

    font-size: 13px;
    font-weight: bold;
}


/* =========================================================
   22. REGULAR LIST BULLETS
   ========================================================= */

ul.ow_regular li {
    background-image: none !important;

    position: relative !important;

    padding-left: 17px !important;
}


ul.ow_regular li:before {
    content: "";

    position: absolute;

    left: 3px;
    top: 7px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #2879ad;
}


/* =========================================================
   23. PAGINATION
   ========================================================= */

.ow_paging {
    background: #eef8fd !important;

    border-radius: 8px !important;
}


.ow_paging a {
    background: #ffffff !important;

    color: #2a648c !important;

    border: 1px solid #b7d7e9 !important;

    border-radius: 6px !important;
}


.ow_paging a.active,
.ow_paging a:hover {
    background: #2879ad !important;

    color: #ffffff !important;
}


/* =========================================================
   24. PHOTOS
   ========================================================= */

.ow_photo_list_wrap div.ow_photo_item,
.ow_photo_userlist.ow_photo_list_wrap div.ow_photo_item {
    border-radius: 16px !important;

    overflow: hidden !important;
}


.ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info {
    background: #ffffff !important;

    border-color: #d7e5ef !important;
}


.ow_photo_dragndrop {
    background: #f5fbff !important;

    border: 1px dashed #7ec0df !important;

    border-radius: 12px !important;
}


/* =========================================================
   25. FLOATBOX / POPUP
   ========================================================= */

.floatbox_container {
    border-radius: 16px !important;

    overflow: hidden !important;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.28) !important;
}


.floatbox_header {
    background: #f5fbff !important;
}


/* =========================================================
   26. FOOTER
   SGC cleanup for Aurora footer - COMPACT STACKED VERSION
   ========================================================= */

.ow_footer {
    background: #021432 !important;
    color: #ffffff !important;
    border-top: 1px solid #168fc7 !important;
    box-shadow: 0 -4px 18px rgba(0, 90, 180, 0.26) !important;

    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

.ow_footer_inner {
    border-top: 1px solid #164d70 !important;
    padding-top: 12px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}


/* Remove Aurora wordmark/logo from the footer */

.ow_footer .ow_logo_wrap,
.ow_footer .ow_logo,
.ow_footer a.sitelogo {
    display: none !important;
}


/* ---------------------------------------------------------
   LEFT SGC LOGO / COPYRIGHT AREA
   --------------------------------------------------------- */

.ow_footer_info {
    position: relative !important;
    overflow: visible !important;

    flex: 0 0 250px !important;
    min-width: 250px !important;

    padding-top: 58px !important;
}

.ow_footer_info:before {
    content: "" !important;

    position: absolute !important;
    left: -40px !important;
    top: 0 !important;

    width: 155px !important;
    height: 62px !important;

    background-image:
        url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_14.png') !important;

    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;

    pointer-events: none !important;
}

.ow_footer_info .ow_copyright,
.ow_footer_info > .ow_copyright {
    position: absolute !important;

    left: 40px !important;
    top: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
    line-height: 20px !important;
}


/* ---------------------------------------------------------
   STACKED FOOTER NAVIGATION
   Company:
     Terms of use
     Mobile version

   Business:
     Affiliate Programs
     Privacy policy
     Contact Us
   --------------------------------------------------------- */

.ow_footer_main {
    width: auto !important;
    flex: 1 1 auto !important;

    position: relative !important;

    display: grid !important;
    grid-template-columns: minmax(170px, auto) minmax(190px, auto) !important;
    column-gap: 70px !important;
    row-gap: 8px !important;

    align-items: start !important;
    justify-content: start !important;

    margin: 0 !important;
    padding: 0 !important;
}


/*
   Use display: contents so Aurora's existing footer links
   can be placed into the two columns without changing URLs.
*/

.ow_footer_main .footer_item:nth-child(1),
.ow_footer_main .footer_item:nth-child(2),
.ow_footer_main .footer_item:nth-child(1) ul,
.ow_footer_main .footer_item:nth-child(2) ul {
    display: contents !important;
}


/* Hide the old Contact column entirely. */

.ow_footer_main .footer_item:nth-child(3) {
    display: none !important;
}


/* Hide Business links we do not want. */

.ow_footer_main .footer_item:nth-child(2) ul li:nth-child(1),
.ow_footer_main .footer_item:nth-child(2) ul li:nth-child(3) {
    display: none !important;
}


/* COMPANY heading */

.ow_footer_main .footer_item:nth-child(1) .title,
.ow_footer_main .footer_item:nth-child(1) h3 {
    grid-column: 1 !important;
    grid-row: 1 !important;

    margin: 0 0 3px 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}


/* BUSINESS heading */

.ow_footer_main .footer_item:nth-child(2) .title,
.ow_footer_main .footer_item:nth-child(2) h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;

    margin: 0 0 3px 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}


/* Company -> Terms of use */

.ow_footer_main .footer_item:nth-child(1) ul li:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}


/* Company -> Mobile version */

.ow_footer_main .footer_item:nth-child(1) ul li:nth-child(4) {
    grid-column: 1 !important;
    grid-row: 3 !important;
}


/* Business -> Affiliate Programs */

.ow_footer_main .footer_item:nth-child(2) ul li:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}


/* Move Privacy Policy into Business */

.ow_footer_main .footer_item:nth-child(1) ul li:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 3 !important;
}


/* Move the REAL clickable Contact Us link into Business. */
.ow_footer_main .footer_item:nth-child(1) ul li:nth-child(3) {
    position: absolute !important;

    left: 240px !important;
    top: 84px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5 !important;
}


/* Normalize every visible footer link as a stacked line. */

.ow_footer_main .footer_item:nth-child(1) ul li,
.ow_footer_main .footer_item:nth-child(2) ul li {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.ow_footer_main .footer_item:nth-child(1) ul li a,
.ow_footer_main .footer_item:nth-child(2) ul li a {
    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 20px !important;

    white-space: nowrap !important;
}


/* Remove any leftover separator pseudo-elements from earlier footer passes. */

.ow_footer_main .footer_item ul li:before,
.ow_footer_main .footer_item ul li:after {
    content: none !important;
    display: none !important;
}


/* Footer link colors */

.ow_footer a,
.ow_footer_menu a,
.footer_item ul li a,
.ow_footer .title,
.ow_footer .ow_copyright {
    color: #ffffff !important;
}

.ow_footer a:hover,
.ow_footer_menu a:hover,
.footer_item ul li a:hover {
    color: #5fd4ff !important;
}


/* Remove SkaDate branding link if present */

.ow_footer a[href*="skadate.com"] {
    display: none !important;
}

/* =========================================================
   27. DESKTOP MENU FIT
   Keep the larger 14px menu while preserving one row.
   ========================================================= */

@media screen and (min-width: 1000px) {

    .ow_main_menu li a,
    .ow_main_menu > li > a {
        font-size: 14px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}

/* ===== SGC LANGUAGE SELECTOR ===== */

/* Language choices inside dropdown */
.ow_tooltip_body .ow_console_lang .ow_console_lang_item span {
    color: #58A7B1 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Language choice hover */
.ow_tooltip_body .ow_console_lang .ow_console_lang_item:hover span {
    color: #6FD6FF !important;
}

/* Give the dropdown enough room for full language names */
.ow_console_lang {
    min-width: 110px !important;
}

/* Keep current language in header bright/readable */
.ow_console .ow_console_lang_item span {
    color: #58A7B1 !important;
}
/* ===== SGC TOP CONSOLE DROPDOWN STATES ===== */

/* Language selector: blue normally */
.ow_console .ow_console_lang_item span {
    color: #58A7B1 !important;
}

/* Language selector: white on hover */
.ow_console .ow_console_lang_item:hover span,
.ow_console .ow_console_lang_item span:hover {
    color: #ffffff !important;
}

/* Language selector: white while dropdown is open */
.ow_console .ow_console_dropdown_pressed .ow_console_lang_item span,
.ow_console .ow_console_dropdown_hover:hover .ow_console_lang_item span {
    color: #ffffff !important;
}


/* Admin / Profile dropdown links: SGC blue normally */
.ow_console ul.ow_console_dropdown .ow_console_dropdown_cont a {
    color: #58A7B1 !important;
}

/* Admin / Profile dropdown links: white on hover/click */
.ow_console ul.ow_console_dropdown .ow_console_dropdown_cont a:hover,
.ow_console ul.ow_console_dropdown .ow_console_dropdown_cont a:focus,
.ow_console ul.ow_console_dropdown .ow_console_dropdown_cont a:active {
    color: #ffffff !important;
}


/* Keep top Admin/Profile trigger white while dropdown is open */
.ow_console .ow_console_dropdown_pressed,
.ow_console .ow_console_dropdown_pressed a,
.ow_console .ow_console_dropdown_pressed span {
    color: #ffffff !important;
}

/* FINAL SGC LANGUAGE COLORS */

/* Top EN / ES / RU stays WHITE */
.ow_console .ow_console_lang_item span {
    color: #ffffff !important;
}

/* Languages INSIDE the dropdown are BLUE */
.ow_console .ow_tooltip_body .ow_console_lang .ow_console_lang_item span {
    color: #58A7B1 !important;
}

/* Hover a dropdown language: BLUE -> WHITE */
.ow_console .ow_tooltip_body .ow_console_lang .ow_console_lang_item:hover span {
    color: #ffffff !important;
}

/* ==========================================
   SGC MAIN MENU - DESKTOP ALIGNMENT
   Shift navigation 80px left to align
   Dashboard with the main content area.
   ========================================== */

@media screen and (min-width: 1360px) {
    .ow_main_menu,
    html[xmlns] .ow_main_menu.clearfix,
    body .ow_main_menu {
        padding-right: 160px !important;
    }
}


/* SGC SIGN-IN TITLE AND LOGO */

body .ow_sign_in_cont .ow_sign_in_wrap > h2 {
    color: #64DCFF !important;

    background: url('https://www.sgcmeetingplace.com/ow_userfiles/themes/theme_image_14.png')
        left center / 48px auto no-repeat !important;

    padding-left: 62px !important;
    min-height: 54px !important;

    display: flex !important;
    align-items: center !important;

    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}
/* SGC Search - Member profile information panel */

.ow_search_results_photo_gallery_container.ow_photo_list_wrap
.ow_photo_item_wrap .ow_photo_item_info {
    background: rgba(5, 28, 67, 0.94) !important;
    border-color: #349ad0 !important;
    color: #ffffff !important;
}

.ow_search_results_photo_gallery_container
.ow_photo_item_info a,
.ow_search_results_photo_gallery_container
.ow_photo_item_info .ow_usearch_display_name,
.ow_search_results_photo_gallery_container
.ow_photo_item_info .ow_photo_userlist_info {
    color: #ffffff !important;
}  

}

  
/* =========================================================
   END
   SGC MEETING PLACE - AURORA
   ========================================================= */