.elementor-13490 .elementor-element.elementor-element-33905c6{--display:flex;}.elementor-13490 .elementor-element.elementor-element-5dc4f6f{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for shortcode, class: .elementor-element-dde0081 *//* REALTY BORIS VIDEO HUB - PREMIUM CLEAN FIX */

/* Main page background */
.rb-video-hub,
.realty-boris-video-hub,
.rb-video-wrap {
    background-image:
        linear-gradient(
            rgba(0, 43, 30, 0.42),
            rgba(0, 43, 30, 0.54)
        ),
        url("https://realtyboris.com/wp-content/uploads/2026/06/Villa-for-Sale-in-Runda-Nairobi-45.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Hero section cleaner */
.rb-video-hero,
.realty-video-hero,
.video-hub-hero {
    min-height: 620px !important;
    padding: 100px 20px 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

/* Hero glass card */
.rb-video-hero-card,
.video-hub-hero-card,
.realty-video-card,
.rb-video-hero .rb-container,
.video-hub-hero .rb-container {
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 54px 56px !important;
    background: rgba(0, 43, 30, 0.58) !important;
    border: 1px solid rgba(216, 184, 102, 0.35) !important;
    border-radius: 24px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.30) !important;
    backdrop-filter: blur(3px) !important;
}

/* Small top text */
.rb-video-kicker,
.video-hub-kicker,
.realty-video-kicker {
    display: inline-flex !important;
    padding: 9px 16px !important;
    margin-bottom: 18px !important;
    background: rgba(216, 184, 102, 0.16) !important;
    border: 1px solid rgba(216, 184, 102, 0.35) !important;
    border-radius: 50px !important;
    color: #d8b866 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

/* Main hero title */
.rb-video-hero h1,
.realty-video-hero h1,
.video-hub-hero h1,
.rb-video-hub h1 {
    max-width: 950px !important;
    margin: 0 0 22px !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
}

/* Hero paragraph */
.rb-video-hero p,
.realty-video-hero p,
.video-hub-hero p,
.rb-video-hub p {
    max-width: 900px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.45) !important;
}

/* Hero buttons */
.rb-video-hero a,
.video-hub-hero a,
.realty-video-hero a {
    border-radius: 50px !important;
    min-height: 48px !important;
    padding: 0 28px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Reduce huge empty top/bottom gaps */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Make page sections premium instead of white */
.rb-video-section,
.video-hub-section,
.realty-video-section {
    background: transparent !important;
    padding: 55px 0 !important;
}

/* Section containers */
.rb-video-section .rb-container,
.video-hub-section .rb-container,
.realty-video-section .rb-container {
    background: rgba(0, 43, 30, 0.58) !important;
    border: 1px solid rgba(216, 184, 102, 0.30) !important;
    border-radius: 22px !important;
    padding: 48px !important;
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(3px) !important;
}

/* Section headings */
.rb-video-section h2,
.video-hub-section h2,
.realty-video-section h2,
.rb-video-hub h2 {
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.45) !important;
}

/* Cards */
.rb-video-card,
.video-card,
.realty-video-card {
    background: rgba(0, 43, 30, 0.82) !important;
    border: 1px solid rgba(216, 184, 102, 0.28) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28) !important;
    transition: all 0.25s ease !important;
}

.rb-video-card:hover,
.video-card:hover,
.realty-video-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 30px 75px rgba(0, 0, 0, 0.35) !important;
}

/* Card titles */
.rb-video-card h3,
.video-card h3,
.realty-video-card h3 {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.45) !important;
}

/* Card text */
.rb-video-card p,
.video-card p,
.realty-video-card p {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* Category/filter buttons */
.rb-video-filter a,
.video-filter a,
.rb-video-tabs a,
.video-hub-tabs a {
    background: rgba(0, 75, 47, 0.78) !important;
    color: #ffffff !important;
    border: 1px solid rgba(216, 184, 102, 0.65) !important;
    border-radius: 50px !important;
    padding: 13px 22px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.rb-video-filter a:hover,
.video-filter a:hover,
.rb-video-tabs a:hover,
.video-hub-tabs a:hover {
    background: #d8b866 !important;
    color: #002f1f !important;
    border-color: #d8b866 !important;
}

/* Fix social icons blocking content */
.heateor_sss_vertical_sharing,
.heateor_sss_sharing_container,
.heateor_sss_sharing_ul {
    right: 18px !important;
    z-index: 25 !important;
}

/* Mobile */
@media (max-width: 1024px) {
    .rb-video-hero-card,
    .video-hub-hero-card,
    .reality-video-card,
    .rb-video-hero .rb-container,
    .video-hub-hero .rb-container {
        padding: 42px 32px !important;
    }

    .rb-video-hero h1,
    .reality-video-hero h1,
    .video-hub-hero h1,
    .rb-video-hub h1 {
        font-size: px !important;
    }
}

@media (max-width: 767px) {
    .rb-video-hub,
    .reality-boris-video-hub,
    .rb-video-wrap {
        background-attachment: scroll !important;
    }

    .rb-video-hero,
    .reality-video-hero,
    .video-hub-hero {
        min-height: auto !important;
        padding: 80px 18px 45px !important;
    }

    .rb-video-hero-card,
    .video-hub-hero-card,
    .reality-video-card,
    .rb-video-hero .rb-container,
    .video-hub-hero .rb-container {
        padding: 32px 22px !important;
        border-radius: 18px !important;
    }

    .rb-video-hero h1,
    .reality-video-hero h1,
    .video-hub-hero h1,
    .rb-video-hub h1 {
        font-size: 18px !important;
        line-height: 1.15 !important;
    }

    .rb-video-hero p,
    .reality-video-hero p,
    .video-hub-hero p,
    .rb-video-hub p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .rb-video-section .rb-container,
    .video-hub-section .rb-container,
    .reality-video-section .rb-container {
        padding: 30px 20px !important;
        border-radius: 16px !important;
    }

    .rb-video-section h2,
    .video-hub-section h2,
    .reality-video-section h2,
    .rb-video-hub h2 {
        font-size: 18px !important;
    }
}/* End custom CSS */