/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 24 2026 | 10:25:35 */
/* =========================================================
   BIM THEME SWITCHER CSS
   DEFAULT / DARK / LIGHT
========================================================= */


/* =========================================================
   01 - SWITCHER WRAPPER
========================================================= */

#bim-theme-switcher {

    position: relative !important;

    display: inline-block !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    z-index: 222 !important;

}


/* =========================================================
   02 - ALL BUTTONS
========================================================= */

#bim-theme-switcher button {

    box-sizing: border-box !important;

    appearance: none !important;

    -webkit-appearance: none !important;

    outline: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;
}


/* =========================================================
   03 - CURRENT BUTTON
========================================================= */

#bim-theme-switcher .bim-theme-current {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 7px !important;
    height: 38px !important;

    margin: 0 !important;

    padding: 0 9px !important;

    border: 1px solid #fff !important;

    border-radius: 20px !important;

    background: #080808 !important;

    color: #fff !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .4px !important;

    text-transform: uppercase !important;

    transition:
        background .2s ease,
        border-color .2s ease !important;
}


/* =========================================================
   04 - CURRENT BUTTON HOVER
========================================================= */

#bim-theme-switcher .bim-theme-current:hover {

    background: #111 !important;

    border-color: rgba(235,38,39,.75) !important;

    color: #fff !important;
}


/* =========================================================
   05 - CURRENT ICON CIRCLE
========================================================= */

#bim-theme-switcher .bim-current-icon {

    width: 21px !important;

    height: 21px !important;

    min-width: 21px !important;

    flex: 0 0 21px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background: #EB2627 !important;

    color: #fff !important;

    font-size: 9px !important;

    line-height: 1 !important;
}


/* =========================================================
   06 - CURRENT ICON
========================================================= */

#bim-theme-switcher .bim-current-icon i {

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-size: 9px !important;

    line-height: 1 !important;
}


/* =========================================================
   07 - CURRENT TEXT
========================================================= */

#bim-theme-switcher .bim-current-text {

    flex: 1 1 auto !important;

    display: block !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    text-align: left !important;

    color: #fff !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .4px !important;
}


/* =========================================================
   08 - CHEVRON
========================================================= */

#bim-theme-switcher .bim-chevron {

    width: 10px !important;

    min-width: 10px !important;

    height: 10px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    color: #fff !important;

    font-size: 7px !important;

    line-height: 1 !important;

    transition:
        transform .25s ease !important;
}


/* =========================================================
   09 - CHEVRON ICON
========================================================= */

#bim-theme-switcher .bim-chevron i {

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-size: 7px !important;

    line-height: 1 !important;
}


/* =========================================================
   10 - CHEVRON ROTATION
========================================================= */

#bim-theme-switcher.open .bim-chevron {

    transform: rotate(180deg) !important;
}


/* =========================================================
   11 - DROPDOWN
========================================================= */

#bim-theme-switcher .bim-theme-dropdown {

    position: absolute !important;

    top: calc(100% + 6px) !important;

    right: 0 !important;

    left: auto !important;

    width: auto !important;

    min-width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 4px !important;

    background: #080808 !important;

    border: 1px solid rgba(255,255,255,.16) !important;

    border-radius: 10px !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.45) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(-7px)
        scale(.97) !important;

    transform-origin:
        top right !important;

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease !important;

    z-index: 9999999 !important;
}


/* =========================================================
   12 - DROPDOWN OPEN
========================================================= */

#bim-theme-switcher.open .bim-theme-dropdown {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translateY(0)
        scale(1) !important;
}


/* =========================================================
   13 - EACH THEME OPTION
========================================================= */

#bim-theme-switcher .bim-mode {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 7px !important;

    width: 100% !important;

    min-width: 100% !important;

    height: 32px !important;

    min-height: 32px !important;

    margin: 0 !important;

    padding: 0 7px !important;

    border: 0 !important;

    border-radius: 7px !important;

    background: transparent !important;

    color: rgba(255,255,255,.75) !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .3px !important;

    text-align: left !important;

    text-transform: uppercase !important;

    transition:
        background .18s ease,
        color .18s ease !important;
}


/* =========================================================
   14 - OPTION ICON CIRCLE
========================================================= */

#bim-theme-switcher .bim-mode-icon {

    width: 20px !important;

    height: 20px !important;

    min-width: 20px !important;

    flex: 0 0 20px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.09) !important;

    color: #fff !important;

    font-size: 9px !important;

    line-height: 1 !important;

    transition:
        background .18s ease,
        color .18s ease !important;
}


/* =========================================================
   15 - OPTION ICON
========================================================= */

#bim-theme-switcher .bim-mode-icon i {

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-size: 9px !important;

    line-height: 1 !important;
}


/* =========================================================
   16 - OPTION TEXT
========================================================= */

#bim-theme-switcher .bim-mode-text {

    flex: 1 1 auto !important;

    display: block !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    color: inherit !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .3px !important;
}


/* =========================================================
   17 - OPTION HOVER
========================================================= */

#bim-theme-switcher .bim-mode:hover {

    background: rgba(235,38,39,.15) !important;

    color: #fff !important;
}


/* =========================================================
   18 - OPTION HOVER ICON
========================================================= */

#bim-theme-switcher .bim-mode:hover .bim-mode-icon {

    background: #EB2627 !important;

    color: #fff !important;
}


/* =========================================================
   19 - ACTIVE OPTION
========================================================= */

#bim-theme-switcher .bim-mode.active {

    background: #EB2627 !important;

    color: #fff !important;
}


/* =========================================================
   20 - ACTIVE ICON
========================================================= */

#bim-theme-switcher .bim-mode.active .bim-mode-icon {

    background: #fff !important;

    color: #EB2627 !important;
}


/* =========================================================
   21 - ACTIVE ICON FONT
========================================================= */

#bim-theme-switcher .bim-mode.active .bim-mode-icon i {

    color: #EB2627 !important;
}


/* =========================================================
   22 - DARK MODE
========================================================= */

body.bim-dark-mode {

    background-color: #000 !important;

    color: #fff !important;
}


body.bim-dark-mode #page,
body.bim-dark-mode #content,
body.bim-dark-mode .site-content {

    background-color: #000 !important;
}


/* =========================================================
   23 - DARK ELEMENTOR SECTIONS
========================================================= */

body.bim-dark-mode
.elementor-section:not(.rev_slider_wrapper) {

    background-color: #000 !important;
}


body.bim-dark-mode
.elementor-section:not(.rev_slider_wrapper)
.elementor-background-overlay {

    background-color: #000 !important;

    background-image: none !important;

    opacity: 1 !important;
}


/* =========================================================
   24 - DARK TEXT
========================================================= */

body.bim-dark-mode h1,
body.bim-dark-mode h2,
body.bim-dark-mode h3,
body.bim-dark-mode h4,
body.bim-dark-mode h5,
body.bim-dark-mode h6,
body.bim-dark-mode p,
body.bim-dark-mode li,
body.bim-dark-mode label {

    color: #fff !important;
}


body.bim-dark-mode
.elementor-widget-text-editor {

    color: #fff !important;
}


body.bim-dark-mode
.elementor-widget-heading {

    color: #fff !important;
}


/* =========================================================
   25 - DARK LINKS
========================================================= */

body.bim-dark-mode
.elementor-widget-text-editor a {

    color: #fff !important;
}


/* =========================================================
   26 - DARK HEADER / MENU
========================================================= */

body.bim-dark-mode .site-header a,
body.bim-dark-mode .main-navigation a,
body.bim-dark-mode .menu a {

    color: #fff !important;
}


/* =========================================================
   27 - DARK BUTTON
========================================================= */

body.bim-dark-mode .elementor-button {

    background-color: #fff !important;

    color: #000 !important;
}


/* =========================================================
   28 - LIGHT MODE
========================================================= */

body.bim-light-mode {

    background-color: #fff !important;

    color: #000 !important;
}


body.bim-light-mode #page,
body.bim-light-mode #content,
body.bim-light-mode .site-content {

    background-color: #fff !important;
}


/* =========================================================
   29 - LIGHT ELEMENTOR SECTIONS
========================================================= */

body.bim-light-mode
.elementor-section:not(.rev_slider_wrapper) {

    background-color: #fff !important;
}


body.bim-light-mode
.elementor-section:not(.rev_slider_wrapper)
.elementor-background-overlay {

    background-color: #fff !important;

    background-image: none !important;

    opacity: 1 !important;
}


/* =========================================================
   30 - LIGHT TEXT
========================================================= */

body.bim-light-mode h1,
body.bim-light-mode h2,
body.bim-light-mode h3,
body.bim-light-mode h4,
body.bim-light-mode h5,
body.bim-light-mode h6,
body.bim-light-mode p,
body.bim-light-mode li,
body.bim-light-mode label {

    color: #000 !important;
}


body.bim-light-mode
.elementor-widget-text-editor {

    color: #000 !important;
}


body.bim-light-mode
.elementor-widget-heading {

    color: #000 !important;
}


/* =========================================================
   31 - LIGHT LINKS
========================================================= */

body.bim-light-mode
.elementor-widget-text-editor a {

    color: #000 !important;
}


/* =========================================================
   32 - LIGHT HEADER / MENU
========================================================= */

body.bim-light-mode .site-header a,
body.bim-light-mode .main-navigation a,
body.bim-light-mode .menu a {

    color: #000 !important;
}


/* =========================================================
   33 - LIGHT BUTTON
========================================================= */

body.bim-light-mode .elementor-button {

    background-color: #000 !important;

    color: #fff !important;
}


/* =========================================================
   34 - RED COLOR PROTECTION
========================================================= */

body.bim-dark-mode .bim-red,
body.bim-dark-mode .red,
body.bim-dark-mode .text-red,
body.bim-dark-mode .accent-red,

body.bim-light-mode .bim-red,
body.bim-light-mode .red,
body.bim-light-mode .text-red,
body.bim-light-mode .accent-red {

    color: #EB2627 !important;
}


/* =========================================================
   35 - SPECIFIC ELEMENT
========================================================= */

body.bim-dark-mode
.elementor-2643
.elementor-element.elementor-element-eb3678d
> .elementor-widget-wrap {

    background-color: #000 !important;

    color: #fff !important;
}


body.bim-light-mode
.elementor-2643
.elementor-element.elementor-element-eb3678d
> .elementor-widget-wrap {

    background-color: #fff !important;

    color: #000 !important;
}


/* =========================================================
   36 - SOCIAL ICONS
========================================================= */

body.bim-dark-mode
.elementor-element.elementor-element-4722b9d3,

body.bim-light-mode
.elementor-element.elementor-element-4722b9d3 {

    background: transparent !important;

    background-color: transparent !important;

    background-image: none !important;
}


body.bim-dark-mode
.elementor-element.elementor-element-4722b9d3
.elementor-social-icon {

    background-color: transparent !important;

    color: #fff !important;
}


body.bim-light-mode
.elementor-element.elementor-element-4722b9d3
.elementor-social-icon {

    background-color: transparent !important;

    color: #000 !important;
}


/* =========================================================
   37 - IMAGE PROTECTION
========================================================= */

body.bim-dark-mode img,
body.bim-dark-mode video,
body.bim-light-mode img,
body.bim-light-mode video {

    filter: none !important;
}


.rev_slider_wrapper img,
.rev_slider_wrapper video,
rs-module img,
rs-module video,
rs-slide img {

    filter: none !important;
}


/* =========================================================
   38 - TRANSITION
========================================================= */

body.bim-dark-mode,
body.bim-light-mode,
body.bim-dark-mode #page,
body.bim-light-mode #page,
body.bim-dark-mode .elementor-section,
body.bim-light-mode .elementor-section {

    transition:
        background-color .18s ease,
        color .18s ease !important;
}


/* =========================================================
   39 - MOBILE
========================================================= */

@media (max-width: 768px) {

    #bim-theme-switcher .bim-theme-current {

        width: auto !important;

        min-width: auto !important;
        padding: 0 8px !important;

    }


    #bim-theme-switcher .bim-current-icon {

        width: 20px !important;

        height: 20px !important;

        min-width: 20px !important;

        flex-basis: 20px !important;

    }


    #bim-theme-switcher .bim-mode {

        height: 30px !important;

        min-height: 30px !important;

        padding: 0 6px !important;

    }

}