/* ============================================
   MINNEAPOLIS UPTOWN ROTARY - CUSTOM CSS
   Version: 2026-03-25
   ============================================ */

/* ============================================
   GLOBAL - BASE
   ============================================ */

html, body {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Prevent flash of theme background on slow loads */
.main-content-wrapper,
.HomeContentWrapper,
.band-wrapper,
.band-3,
.container {
    background-color: transparent !important;
}

/* ============================================
   GLOBAL - WIDGET CONTAINERS
   ============================================ */

.boxContainer1,
.boxContainer2,
.boxContainer1NoFrameNoBorder,
.boxContainer2NoFrameNoBorder,
.MainWidgetWrapper {
    background-color: transparent !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

.boxHeaderContainer1,
.boxHeaderContainer2 {
    background-color: #ffffff !important;
    border-radius: 24px 24px 0 0 !important;
    overflow: hidden !important;
    padding: 8px 16px !important;
}

.boxContentCon1 {
    background-color: #ffffff !important;
    border-radius: 0 0 24px 24px !important;
    overflow: hidden !important;
}

.WidgetNoBorder {
    background-color: #ffffff !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

/* Widgets without a header get full rounding */
.MainWidgetWrapper:not(:has(.boxHeaderContainer1)) .boxContentCon1 {
    border-radius: 24px !important;
}

/* ============================================
   GLOBAL - PAGE TITLES
   ============================================ */

.contentHeaderBreadcrumb h1,
.themeColorDark {
    color: #ffc403 !important;
}

/* ============================================
   GLOBAL - SUBPAGE LAYOUT
   (hides left nav column on site pages)
   ============================================ */

.leftColumn {
    display: none !important;
}

.middleColumn {
    width: calc(66.666% + 80px) !important;
    margin: 0 auto !important;
    float: none !important;
}

/* ============================================
   HOME PAGE - BANNER IMAGE
   ============================================ */

.band-2 .WidgetNoBorder {
    background-color: transparent !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.band-2 .WidgetNoBorder img {
    display: block !important;
    width: 100% !important;
    border-radius: 24px !important;
}

/* ============================================
   HOME PAGE - EXECUTIVES WIDGET
   (collapsed with link to full page)
   ============================================ */

.custom-home-page .MainWidgetWrapper.executives .boxContentCon1 {
    display: none !important;
}

.custom-home-page .MainWidgetWrapper.executives .boxHeaderContainer1::after {
    content: 'View Full Club Executives List →' !important;
    display: block !important;
    padding: 8px 16px !important;
    background-color: #ffffff !important;
    border-radius: 0 0 24px 24px !important;
    color: #1a5ea8 !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

.custom-home-page .MainWidgetWrapper.executives .boxHeaderContainer1 {
    border-radius: 24px 24px 0 0 !important;
    cursor: pointer !important;
}

/* ============================================
   HOME PAGE - SOCIAL MEDIA WIDGET
   (tighten vertical padding)
   ============================================ */

.custom-home-page .main-column .PageWidget:last-child .boxContentCon1,
.custom-home-page .main-column .PageWidget:last-child .WidgetWrapper,
.custom-home-page .main-column .PageWidget:last-child .CustomWidgetBody {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ============================================
   EVENT PAGES - TITLES & BANNER
   ============================================ */

.page-header h1,
.page-header h4.page-description,
.page-header h4.page-description a {
    color: #ffc403 !important;
}

.band-img-header {
    border-radius: 24px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}

.band-img-header img {
    display: block !important;
    width: 100% !important;
    border-radius: 24px !important;
}

/* ============================================
   EVENT PAGES - CONTENT WIDGETS
   ============================================ */

.band-1 .boxContainer1,
.band-1 .boxContentCon1,
.band-1 .WidgetNoBorder {
    background-color: #ffffff !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

/* ============================================
   CLUB EXECUTIVES PAGE - LAYOUT
   ============================================ */

.custom-club-executives .side-column {
    display: none !important;
}

.custom-club-executives .main-column {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
}

/* ============================================
   CLUB EXECUTIVES PAGE - SECTION HEADERS
   ============================================ */

.custom-club-executives .boxContainer1NoFrameNoBorder,
.custom-club-executives .boxContainer2NoFrameNoBorder,
.custom-club-executives .MainWidgetWrapper {
    background-color: #5b9bd5 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

.custom-club-executives .boxContainer1NoFrameNoBorder {
    margin-bottom: 16px !important;
}

.custom-club-executives .boxHeaderContainer1,
.custom-club-executives .boxHeaderContainer2 {
    background-color: #5b9bd5 !important;
    border-radius: 24px 24px 0 0 !important;
    padding: 8px 16px !important;
    margin-bottom: 0 !important;
}

.custom-club-executives .boxHeaderContainer1 .widget-title,
.custom-club-executives .boxHeaderContainer1 .h2 {
    color: #ffffff !important;
}

//* ============================================
   CLUB EXECUTIVES PAGE - CONTENT AREA
   ============================================ */

.custom-club-executives .WidgetNoBorder {
    background-color: #ffffff !important;
    border-radius: 0 0 24px 24px !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Override ClubRunner theme padding that causes the blue sliver */
.custom-club-executives .container .WidgetNoBorder {
    padding: 0 !important;
}

.custom-club-executives .WidgetWrapper {
    background-color: #ffffff !important;
    padding: 15px !important;
}

.custom-club-executives .panel-default {
    border: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 4px !important;
}

.custom-club-executives .panel-default .panel-body {
    border-radius: 12px !important;
}

.custom-club-executives #districtOrgChartCurrent {
    color: #ffc403 !important;
}

/* ============================================
   CLUB EXECUTIVES - PHOTO CIRCLE FIX
   Android Chrome compatible approach
   ============================================ */

.list-img-left.profile-circle-img-wrapper {
    border-radius: 50% !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
}

.list-img-left.profile-circle-img-wrapper img.img-responsive {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
}

/* ============================================
   RESPONSIVE BANNER IMAGE SWAP
   ============================================ */

@media (max-width: 768px) {
    #imga75e038c-a4b5-414f-8ebb-6320dfb111f5_b6206544-612b-4def-b6e7-ad553400e2d5 {
        content: url('https://clubrunner.blob.core.windows.net/00000006738/Images/RotaryPano7.png') !important;
    }
}

@media (max-width: 480px) {
    #imga75e038c-a4b5-414f-8ebb-6320dfb111f5_b6206544-612b-4def-b6e7-ad553400e2d5 {
        content: url('https://clubrunner.blob.core.windows.net/00000006738/Images/RotaryPano7-mobile.png') !important;
    }
}